├── .gitignore ├── README.md ├── gruntfile.js ├── package.json └── src ├── html ├── header.html ├── navi.html ├── pages │ ├── indexpage.html │ └── page2.html └── scripts.html ├── index.dev.html ├── lib ├── angular │ ├── angular.min.js │ └── angular.min.js.map └── framework7 │ ├── css │ ├── framework7.css │ ├── framework7.min.css │ ├── framework7.rtl.css │ ├── framework7.rtl.min.css │ ├── framework7.themes.css │ └── framework7.themes.min.css │ ├── img │ ├── i-f7.png │ ├── i-form-calendar.png │ ├── i-form-comment.png │ ├── i-form-email.png │ ├── i-form-gender.png │ ├── i-form-name.png │ ├── i-form-password.png │ ├── i-form-settings.png │ ├── i-form-tel.png │ ├── i-form-toggle.png │ └── i-form-url.png │ └── js │ ├── framework7.js │ ├── framework7.js.map │ ├── framework7.min.js │ └── framework7.min.js.map ├── sass └── main.scss ├── tmp └── index.ugly.html └── ts ├── Typework7 ├── AngularApp.ts ├── init.ts └── pages │ ├── IndexPageController.ts │ └── PageController.ts ├── angular └── angular.d.ts └── jquery └── jquery.d.ts /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | .idea 3 | npm-debug.log 4 | .sass-cache 5 | node_modules 6 | build -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Typework 7 2 | A template for Framework7 based on TypeScript, AngularJS, SASS and Grunt 3 | 4 | [![No Maintenance Intended](http://unmaintained.tech/badge.svg)](http://unmaintained.tech/) 5 | 6 | ## Important! Read this first 7 | This is a template for Framework7 apps built on TypeScript, SASS, Grunt and AngularJS. From my experience so far I discovered that TypeScript is really complicated and not much fun to use with F7 and Angular. Also, some people seem to struggle with the grunt compile process. So, I created a new, easier template without any fancy stuff, just plain HTML, CSS and JavaScript which I can recommend to get started for beginners: https://github.com/valnub/Framework7-Pure-Angular-Template 8 | 9 | Also, please keep in mind that this template is horribly outdated as it was originally designed for Framework7 V1 and Angular version 1.x! 10 | 11 | ## Compatibility 12 | - Framework7 v1 13 | - Angular 1.x 14 | 15 | The brave ones who want to dive into the funky TypeScript fun, read on: 16 | 17 | -------------------------------- 18 | 19 | ## How to build 20 | 21 | 1. No complicated bower or yeoman stuff. Just get from Github. 22 | 23 | 2. Then, do `npm install` and then `grunt compile` to compile and copy everything from /src to /build. Default task for grunt is “watch” which you can use for auto-compile and -reload in the browser when you do changes in /src. 24 | 25 | ## Demo 26 | 27 | To see the result just call `grunt compile` and then open index.html from `build` folder. 28 | 29 | Or you can check this live demo in your browser that I built on top of this template: http://timo-ernst.net/blog/2015/04/02/experiment-an-iphone-app-built-with-framework7-typescript-and-angularjs/ 30 | 31 | ## Get started coding 32 | 33 | Good start points to dive into the code are: 34 | 35 | - For HTML: src/index.dev.html 36 | - For Scripts: src/ts/Typework7/init.ts 37 | - For Styles: src/sass 38 | 39 | ## To complicated? 40 | 41 | There is a simpler version of this template available which only uses html, css and javascript. No npm, no grunt, no TypeScript, no SASS. If you like things simple, get it here: https://github.com/valnub/Framework7-Pure-Angular-Template 42 | 43 | ## Credits & Links 44 | 45 | - Template is based on this tutorial which is also a good place to start for Angular+TypeScript: https://kodeyak.wordpress.com/2014/02/12/angularjs-via-typescript-controllers/ 46 | - Make sure to check Framework7 Docs: http://www.idangero.us/framework7/docs/ 47 | 48 | Happy coding :-) 49 | Let me know if you have feature requests. 50 | -------------------------------------------------------------------------------- /gruntfile.js: -------------------------------------------------------------------------------- 1 | module.exports = function (grunt) { 2 | 3 | grunt.initConfig({ 4 | pkg: grunt.file.readJSON('package.json'), 5 | 6 | clean: { 7 | all: ['build/'], 8 | gfx: ['build/gfx/'], 9 | lib: ['build/lib/'], 10 | js: ['build/js/'], 11 | css: ['build/css/'], 12 | html: ['build/index.html'] 13 | }, 14 | 15 | includereplace: { 16 | dist: { 17 | options: {}, 18 | src: 'src/index.dev.html', 19 | dest: 'src/tmp/index.ugly.html' 20 | } 21 | }, 22 | 23 | 'html-prettyprinter': { 24 | single: { 25 | src: 'src/tmp/index.ugly.html', 26 | dest: 'build/index.html' 27 | } 28 | }, 29 | 30 | copy: { 31 | main: { 32 | files: [ 33 | { 34 | expand: true, 35 | src: ['lib/**', 'gfx/**'], 36 | cwd: 'src/', 37 | dest: 'build/' 38 | } 39 | ] 40 | }, 41 | lib: { 42 | files: [ 43 | { 44 | expand: true, 45 | src: ['lib/**'], 46 | cwd: 'src/', 47 | dest: 'build/' 48 | } 49 | ] 50 | }, 51 | gfx: { 52 | files: [ 53 | { 54 | expand: true, 55 | src: ['gfx/**'], 56 | cwd: 'src/', 57 | dest: 'build/' 58 | } 59 | ] 60 | } 61 | }, 62 | 63 | sass: { 64 | dist: { 65 | files: [{ 66 | expand: true, 67 | cwd: 'src/sass/', 68 | src: ['*.scss'], 69 | dest: 'build/css', 70 | ext: '.css' 71 | }] 72 | } 73 | }, 74 | 75 | typescript: { 76 | base: { 77 | src: ['src/ts/**/*.ts'], 78 | dest: 'build/js/', 79 | options: { 80 | module: 'amd', //or commonjs 81 | target: 'es5', //or es3 82 | basePath: 'src/ts/', 83 | declaration: false, 84 | sourceMap: false 85 | } 86 | } 87 | }, 88 | 89 | watch: { 90 | options: { 91 | livereload: true 92 | }, 93 | html: { 94 | files: ['src/index.dev.html', 'src/html/**'], 95 | tasks: ['clean:html', 'includereplace', 'html-prettyprinter'] 96 | }, 97 | sass: { 98 | files: ['src/sass/**'], 99 | tasks: ['clean:css', 'sass'] 100 | }, 101 | lib: { 102 | files: ['lib/**'], 103 | tasks: ['clean:lib', 'copy:lib'] 104 | }, 105 | gfx: { 106 | files: ['src/gfx/**'], 107 | tasks: ['clean:gfx', 'copy:gfx'] 108 | }, 109 | typescript: { 110 | files: ['src/ts/**'], 111 | tasks: ['clean:js', 'typescript'] 112 | } 113 | } 114 | 115 | }); 116 | 117 | grunt.loadNpmTasks('grunt-include-replace'); 118 | grunt.loadNpmTasks('grunt-html-prettyprinter'); 119 | grunt.loadNpmTasks('grunt-contrib-copy'); 120 | grunt.loadNpmTasks('grunt-contrib-sass'); 121 | grunt.loadNpmTasks('grunt-contrib-watch'); 122 | grunt.loadNpmTasks('grunt-typescript'); 123 | grunt.loadNpmTasks('grunt-contrib-clean'); 124 | 125 | grunt.registerTask('default', ['watch']); 126 | grunt.registerTask('compile', ['clean:all', 'includereplace', 'html-prettyprinter', 'copy', 'sass', 'typescript']); 127 | // TODO build task bauen für live deployment -> Achtung livereload.js dafür auf index.dev.html entfernen, sonst wie compile 128 | 129 | }; -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Typework7", 3 | "version": "0.1.0", 4 | "devDependencies": { 5 | "grunt": "^0.4.5", 6 | "grunt-contrib-clean": "^0.6.0", 7 | "grunt-contrib-copy": "^0.8.0", 8 | "grunt-contrib-sass": "^0.9.2", 9 | "grunt-contrib-watch": "^0.6.1", 10 | "grunt-html-prettyprinter": "^1.5.0", 11 | "grunt-include-replace": "^3.0.0", 12 | "grunt-prettify": "^0.4.0", 13 | "grunt-typescript": "^0.6.1", 14 | "typescript": "^1.4.1" 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /src/html/header.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 | 6 |
7 | 8 | 9 |
10 |

Navigation 11 |

12 |
13 |
14 | -------------------------------------------------------------------------------- /src/html/navi.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 | 5 |
6 |
Typework7
7 |
8 | 9 | 10 |
11 | 12 |
13 | 14 | 15 | Back 16 | 17 |
18 | 19 |
Page 2
20 | 21 |
22 | 23 |
-------------------------------------------------------------------------------- /src/html/pages/indexpage.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |
4 |
5 | 6 |
{{message.title}}
7 | 8 |
9 | 10 | 34 | 35 |
36 |
37 |
-------------------------------------------------------------------------------- /src/html/pages/page2.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |
4 |
5 | This is page 2 6 |
7 |
8 |
-------------------------------------------------------------------------------- /src/html/scripts.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /src/index.dev.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Typework7 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | @@include('html/header.html') 17 | 18 | 19 |
20 | 21 | 22 |
23 | 24 | @@include('html/navi.html') 25 | 26 | 27 |
28 | 29 | 30 | @@include('html/pages/indexpage.html') 31 | 32 | 33 | @@include('html/pages/page2.html') 34 | 35 |
36 | 37 | 38 | 42 | 43 |
44 |
45 | 46 | @@include('html/scripts.html') 47 | 48 | 49 | -------------------------------------------------------------------------------- /src/lib/framework7/css/framework7.rtl.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Framework7 1.0.5 3 | * Full Featured Mobile HTML Framework For Building iOS Apps 4 | * 5 | * http://www.idangero.us/framework7 6 | * 7 | * Copyright 2015, Vladimir Kharlampidi 8 | * The iDangero.us 9 | * http://www.idangero.us/ 10 | * 11 | * Licensed under MIT 12 | * 13 | * Released on: March 28, 2015 14 | */ 15 | /*============= 16 | Framework 7 RTL Additions 17 | =============*/ 18 | html { 19 | direction: rtl; 20 | } 21 | /* === Lists === */ 22 | .list-block ul ul { 23 | padding-left: 0; 24 | padding-right: 45px; 25 | } 26 | .list-block .item-content { 27 | padding-left: 0; 28 | padding-right: 15px; 29 | } 30 | .list-block .item-inner { 31 | padding-right: 0; 32 | padding-left: 15px; 33 | } 34 | .list-block .item-after { 35 | margin-left: 0; 36 | margin-right: 5px; 37 | } 38 | .list-block .item-media i + i, 39 | .list-block .item-media i + img { 40 | margin-left: 0; 41 | margin-right: 5px; 42 | } 43 | .list-block .item-media + .item-inner { 44 | margin-left: 0; 45 | margin-right: 15px; 46 | } 47 | .list-block .item-link .item-inner { 48 | padding-right: 0; 49 | padding-left: 35px; 50 | background-position: 15px center; 51 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%20transform%3D'translate(60%2C120)%20rotate(180)'%2F%3E%3C%2Fsvg%3E"); 52 | } 53 | .list-block.media-list .item-link .item-inner, 54 | .list-block li.media-item .item-link .item-inner { 55 | padding-right: 0; 56 | padding-left: 15px; 57 | } 58 | .list-block.media-list .item-link .item-title-row, 59 | .list-block li.media-item .item-link .item-title-row { 60 | padding-right: 0; 61 | padding-left: 20px; 62 | background-position: center left; 63 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%20transform%3D'translate(60%2C120)%20rotate(180)'%2F%3E%3C%2Fsvg%3E"); 64 | } 65 | .list-block .sortable-handler { 66 | right: auto; 67 | left: 0; 68 | } 69 | .list-block.sortable-opened .item-inner, 70 | .list-block.sortable-opened .item-link .item-inner { 71 | padding-right: 0; 72 | padding-left: 35px; 73 | } 74 | .list-block.sortable-opened .item-link .item-inner, 75 | .list-block.sortable-opened .item-link .item-title-row { 76 | background-image: none; 77 | } 78 | .list-block .swipeout-actions-left, 79 | .list-block .swipeout-actions-right { 80 | direction: ltr; 81 | } 82 | /* === Toolbars === */ 83 | .navbar a.link i + span, 84 | .toolbar a.link i + span, 85 | .navbar a.link i + i, 86 | .toolbar a.link i + i, 87 | .navbar a.link span + i, 88 | .toolbar a.link span + i, 89 | .navbar a.link span + span, 90 | .toolbar a.link span + span { 91 | margin-left: 0; 92 | margin-right: 7px; 93 | } 94 | .navbar .left a + a, 95 | .navbar .right a + a { 96 | margin-left: 0; 97 | margin-right: 15px; 98 | } 99 | .navbar .left { 100 | margin-right: 0px; 101 | margin-left: 10px; 102 | } 103 | .navbar .right { 104 | margin-left: 0px; 105 | margin-right: 10px; 106 | } 107 | .navbar .right:first-child { 108 | right: auto; 109 | left: 8px; 110 | } 111 | /* === Forms === */ 112 | .list-block input[type="text"], 113 | .list-block input[type="password"], 114 | .list-block input[type="email"], 115 | .list-block input[type="tel"], 116 | .list-block input[type="url"], 117 | .list-block input[type="date"], 118 | .list-block input[type="datetime-local"], 119 | .list-block input[type="number"], 120 | .list-block select, 121 | .list-block textarea { 122 | padding-left: 0; 123 | padding-right: 5px; 124 | } 125 | .buttons-row .button:first-child { 126 | border-radius: 0 5px 5px 0; 127 | border-left: none; 128 | } 129 | .buttons-row .button:last-child { 130 | border-radius: 5px 0 0 5px; 131 | border-left-width: 1px; 132 | border-left-style: solid; 133 | } 134 | .buttons-row .button.button-round:first-child { 135 | border-radius: 0 27px 27px 0; 136 | } 137 | .buttons-row .button.button-round:last-child { 138 | border-radius: 27px 0 0 27px; 139 | } 140 | .label-switch input[type="checkbox"] + .checkbox:before { 141 | left: auto; 142 | right: 2px; 143 | } 144 | .label-switch input[type="checkbox"] + .checkbox:after { 145 | right: 2px; 146 | left: auto; 147 | -webkit-transform: translate3d(0, 0, 0); 148 | transform: translate3d(0, 0, 0); 149 | } 150 | .label-switch input[type="checkbox"]:checked + .checkbox:after { 151 | left: auto; 152 | right: 22px; 153 | } 154 | .range-slider { 155 | padding-left: 0; 156 | padding-right: 0; 157 | margin-left: 0; 158 | padding-right: 3px; 159 | padding-left: 3px; 160 | margin-right: -1px; 161 | } 162 | .range-slider input[type="range"]:after { 163 | left: auto; 164 | right: -5px; 165 | } 166 | .range-slider input[type="range"]::-webkit-slider-thumb:after { 167 | left: auto; 168 | right: 0; 169 | } 170 | .range-slider input[type="range"]::-webkit-slider-thumb:before { 171 | right: auto; 172 | left: 100%; 173 | } 174 | label.label-radio input[type="checkbox"] ~ .item-inner, 175 | label.label-radio input[type="radio"] ~ .item-inner { 176 | padding-left: 35px; 177 | padding-right: 0; 178 | } 179 | label.label-radio input[type="checkbox"]:checked ~ .item-inner, 180 | label.label-radio input[type="radio"]:checked ~ .item-inner { 181 | background-position: 15px center; 182 | } 183 | /* === Search Bar === */ 184 | .searchbar input[type="search"] { 185 | background-position: right center; 186 | background-position: -webkit-calc(100% - 8px) center; 187 | background-position: calc(100% - 8px) center; 188 | } 189 | .searchbar .searchbar-clear { 190 | right: auto; 191 | left: 0; 192 | } 193 | .searchbar.searchbar-active .searchbar-cancel { 194 | margin-left: 0; 195 | margin-right: 8px; 196 | } 197 | /* === Message Bar === */ 198 | .messagebar .link + textarea { 199 | margin-left: 0; 200 | margin-right: 8px; 201 | } 202 | .messagebar textarea + .link { 203 | margin-left: 0; 204 | margin-right: 8px; 205 | } 206 | /* === Modals === */ 207 | .modal-button:first-child { 208 | border-radius: 0 0 7px 0; 209 | border-right: none; 210 | } 211 | .modal-button:last-child { 212 | border-right: 1px solid #b5b5b5; 213 | border-radius: 0 0 0 7px; 214 | } 215 | .modal-button:first-child:last-child { 216 | border-radius: 0 0 7px 7px; 217 | } 218 | /* === Content Block === */ 219 | .content-block-inner { 220 | margin-left: 0; 221 | margin-right: -15px; 222 | } 223 | /* === Pages === */ 224 | .page-from-right-to-center:before, 225 | .page-from-center-to-right:before, 226 | .page-fake-shadow { 227 | right: auto; 228 | left: 100%; 229 | background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); 230 | background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); 231 | } 232 | .page-on-left { 233 | -webkit-transform: translate3d(20%, 0, 0); 234 | transform: translate3d(20%, 0, 0); 235 | } 236 | .page-on-right { 237 | -webkit-transform: translate3d(-100%, 0, 0); 238 | transform: translate3d(-100%, 0, 0); 239 | } 240 | @-webkit-keyframes pageFromRightToCenter { 241 | from { 242 | -webkit-transform: translate3d(-100%, 0, 0); 243 | } 244 | to { 245 | -webkit-transform: translate3d(0, 0, 0); 246 | } 247 | } 248 | @-webkit-keyframes pageFromCenterToRight { 249 | from { 250 | -webkit-transform: translate3d(0, 0, 0); 251 | } 252 | to { 253 | -webkit-transform: translate3d(-100%, 0, 0); 254 | } 255 | } 256 | @keyframes pageFromRightToCenter { 257 | from { 258 | transform: translate3d(-100%, 0, 0); 259 | } 260 | to { 261 | transform: translate3d(0, 0, 0); 262 | } 263 | } 264 | @keyframes pageFromCenterToRight { 265 | from { 266 | transform: translate3d(0, 0, 0); 267 | } 268 | to { 269 | transform: translate3d(100%, 0, 0); 270 | } 271 | } 272 | @-webkit-keyframes pageFromCenterToLeft { 273 | from { 274 | opacity: 1; 275 | -webkit-transform: translate3d(0, 0, 0); 276 | } 277 | to { 278 | opacity: 0.9; 279 | -webkit-transform: translate3d(20%, 0, 0); 280 | } 281 | } 282 | @-webkit-keyframes pageFromLeftToCenter { 283 | from { 284 | opacity: 0.9; 285 | -webkit-transform: translate3d(20%, 0, 0); 286 | } 287 | to { 288 | opacity: 1; 289 | -webkit-transform: translate3d(0, 0, 0); 290 | } 291 | } 292 | @keyframes pageFromCenterToLeft { 293 | from { 294 | opacity: 1; 295 | transform: translate3d(0, 0, 0); 296 | } 297 | to { 298 | opacity: 0.9; 299 | transform: translate3d(20%, 0, 0); 300 | } 301 | } 302 | @keyframes pageFromLeftToCenter { 303 | from { 304 | opacity: 0.9; 305 | transform: translate3d(20%, 0, 0); 306 | } 307 | to { 308 | opacity: 1; 309 | transform: translate3d(0, 0, 0); 310 | } 311 | } 312 | /* === Messages === */ 313 | .message-received { 314 | -ms-flex-item-align: end; 315 | -webkit-align-self: flex-end; 316 | align-self: flex-end; 317 | -webkit-box-align: end; 318 | -ms-flex-align: end; 319 | -webkit-align-items: flex-end; 320 | align-items: flex-end; 321 | } 322 | .message-sent { 323 | -ms-flex-item-align: start; 324 | -webkit-align-self: flex-start; 325 | align-self: flex-start; 326 | -webkit-box-align: start; 327 | -ms-flex-align: start; 328 | -webkit-align-items: flex-start; 329 | align-items: flex-start; 330 | } 331 | /* === Back Icons === */ 332 | i.icon.icon-back { 333 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23007aff'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E"); 334 | } 335 | i.icon.icon-forward { 336 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23007aff'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E"); 337 | } 338 | i.icon.icon-next { 339 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 340 | } 341 | i.icon.icon-prev { 342 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 343 | } 344 | i.icon-back.color-gray, 345 | i.icon-back.theme-gray, 346 | .theme-gray i.icon-back { 347 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%238e8e93'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E"); 348 | } 349 | i.icon-forward.color-gray, 350 | i.icon-forward.theme-gray, 351 | .theme-gray i.icon-forward { 352 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%238e8e93'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E"); 353 | } 354 | i.icon-next.color-gray, 355 | i.icon-next.theme-gray, 356 | .theme-gray i.icon-next { 357 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%238e8e93'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 358 | } 359 | i.icon-prev.color-gray, 360 | i.icon-prev.theme-gray, 361 | .theme-gray i.icon-prev { 362 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%238e8e93'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 363 | } 364 | i.icon-back.color-white, 365 | i.icon-back.theme-white, 366 | .theme-white i.icon-back { 367 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ffffff'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E"); 368 | } 369 | i.icon-forward.color-white, 370 | i.icon-forward.theme-white, 371 | .theme-white i.icon-forward { 372 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ffffff'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E"); 373 | } 374 | i.icon-next.color-white, 375 | i.icon-next.theme-white, 376 | .theme-white i.icon-next { 377 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 378 | } 379 | i.icon-prev.color-white, 380 | i.icon-prev.theme-white, 381 | .theme-white i.icon-prev { 382 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 383 | } 384 | i.icon-back.color-black, 385 | i.icon-back.theme-black, 386 | .theme-black i.icon-back { 387 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23000000'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E"); 388 | } 389 | i.icon-forward.color-black, 390 | i.icon-forward.theme-black, 391 | .theme-black i.icon-forward { 392 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23000000'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E"); 393 | } 394 | i.icon-next.color-black, 395 | i.icon-next.theme-black, 396 | .theme-black i.icon-next { 397 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 398 | } 399 | i.icon-prev.color-black, 400 | i.icon-prev.theme-black, 401 | .theme-black i.icon-prev { 402 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 403 | } 404 | i.icon-back.color-lightblue, 405 | i.icon-back.theme-lightblue, 406 | .theme-lightblue i.icon-back { 407 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%235ac8fa'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E"); 408 | } 409 | i.icon-forward.color-lightblue, 410 | i.icon-forward.theme-lightblue, 411 | .theme-lightblue i.icon-forward { 412 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%235ac8fa'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E"); 413 | } 414 | i.icon-next.color-lightblue, 415 | i.icon-next.theme-lightblue, 416 | .theme-lightblue i.icon-next { 417 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%235ac8fa'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 418 | } 419 | i.icon-prev.color-lightblue, 420 | i.icon-prev.theme-lightblue, 421 | .theme-lightblue i.icon-prev { 422 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%235ac8fa'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 423 | } 424 | i.icon-back.color-yellow, 425 | i.icon-back.theme-yellow, 426 | .theme-yellow i.icon-back { 427 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ffcc00'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E"); 428 | } 429 | i.icon-forward.color-yellow, 430 | i.icon-forward.theme-yellow, 431 | .theme-yellow i.icon-forward { 432 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ffcc00'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E"); 433 | } 434 | i.icon-next.color-yellow, 435 | i.icon-next.theme-yellow, 436 | .theme-yellow i.icon-next { 437 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffcc00'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 438 | } 439 | i.icon-prev.color-yellow, 440 | i.icon-prev.theme-yellow, 441 | .theme-yellow i.icon-prev { 442 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffcc00'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 443 | } 444 | i.icon-back.color-orange, 445 | i.icon-back.theme-orange, 446 | .theme-orange i.icon-back { 447 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ff9500'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E"); 448 | } 449 | i.icon-forward.color-orange, 450 | i.icon-forward.theme-orange, 451 | .theme-orange i.icon-forward { 452 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ff9500'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E"); 453 | } 454 | i.icon-next.color-orange, 455 | i.icon-next.theme-orange, 456 | .theme-orange i.icon-next { 457 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff9500'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 458 | } 459 | i.icon-prev.color-orange, 460 | i.icon-prev.theme-orange, 461 | .theme-orange i.icon-prev { 462 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff9500'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 463 | } 464 | i.icon-back.color-pink, 465 | i.icon-back.theme-pink, 466 | .theme-pink i.icon-back { 467 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ff2d55'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E"); 468 | } 469 | i.icon-forward.color-pink, 470 | i.icon-forward.theme-pink, 471 | .theme-pink i.icon-forward { 472 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ff2d55'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E"); 473 | } 474 | i.icon-next.color-pink, 475 | i.icon-next.theme-pink, 476 | .theme-pink i.icon-next { 477 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff2d55'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 478 | } 479 | i.icon-prev.color-pink, 480 | i.icon-prev.theme-pink, 481 | .theme-pink i.icon-prev { 482 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff2d55'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 483 | } 484 | i.icon-back.color-blue, 485 | i.icon-back.theme-blue, 486 | .theme-blue i.icon-back { 487 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23007aff'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E"); 488 | } 489 | i.icon-forward.color-blue, 490 | i.icon-forward.theme-blue, 491 | .theme-blue i.icon-forward { 492 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23007aff'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E"); 493 | } 494 | i.icon-next.color-blue, 495 | i.icon-next.theme-blue, 496 | .theme-blue i.icon-next { 497 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 498 | } 499 | i.icon-prev.color-blue, 500 | i.icon-prev.theme-blue, 501 | .theme-blue i.icon-prev { 502 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 503 | } 504 | i.icon-back.color-green, 505 | i.icon-back.theme-green, 506 | .theme-green i.icon-back { 507 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%234cd964'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E"); 508 | } 509 | i.icon-forward.color-green, 510 | i.icon-forward.theme-green, 511 | .theme-green i.icon-forward { 512 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%234cd964'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E"); 513 | } 514 | i.icon-next.color-green, 515 | i.icon-next.theme-green, 516 | .theme-green i.icon-next { 517 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%234cd964'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 518 | } 519 | i.icon-prev.color-green, 520 | i.icon-prev.theme-green, 521 | .theme-green i.icon-prev { 522 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%234cd964'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 523 | } 524 | i.icon-back.color-red, 525 | i.icon-back.theme-red, 526 | .theme-red i.icon-back { 527 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ff3b30'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E"); 528 | } 529 | i.icon-forward.color-red, 530 | i.icon-forward.theme-red, 531 | .theme-red i.icon-forward { 532 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ff3b30'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E"); 533 | } 534 | i.icon-next.color-red, 535 | i.icon-next.theme-red, 536 | .theme-red i.icon-next { 537 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff3b30'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 538 | } 539 | i.icon-prev.color-red, 540 | i.icon-prev.theme-red, 541 | .theme-red i.icon-prev { 542 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff3b30'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 543 | } 544 | /* === Accordion === */ 545 | .list-block .accordion-toggle .item-inner { 546 | padding-right: 0; 547 | padding-left: 35px; 548 | background-position: 15px center; 549 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%20transform%3D'translate(60%2C120)%20rotate(180)'%2F%3E%3C%2Fsvg%3E"); 550 | } 551 | .list-block .accordion-item-expanded .accordion-toggle .item-inner, 552 | .list-block .accordion-item-expanded > .item-link .item-inner { 553 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20transform%3D'translate(70%2C%2030)%20rotate(90)'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E"); 554 | } 555 | .list-block .accordion-item ul { 556 | padding-right: 0; 557 | } 558 | -------------------------------------------------------------------------------- /src/lib/framework7/css/framework7.rtl.min.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Framework7 1.0.5 3 | * Full Featured Mobile HTML Framework For Building iOS Apps 4 | * 5 | * http://www.idangero.us/framework7 6 | * 7 | * Copyright 2015, Vladimir Kharlampidi 8 | * The iDangero.us 9 | * http://www.idangero.us/ 10 | * 11 | * Licensed under MIT 12 | * 13 | * Released on: March 28, 2015 14 | */ 15 | html{direction:rtl}.list-block ul ul{padding-left:0;padding-right:45px}.list-block .item-content{padding-left:0;padding-right:15px}.list-block .item-inner{padding-right:0;padding-left:15px}.list-block .item-after{margin-left:0;margin-right:5px}.list-block .item-media i+i,.list-block .item-media i+img{margin-left:0;margin-right:5px}.list-block .item-media+.item-inner{margin-left:0;margin-right:15px}.list-block .item-link .item-inner{padding-right:0;padding-left:35px;background-position:15px center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%20transform%3D'translate(60%2C120)%20rotate(180)'%2F%3E%3C%2Fsvg%3E")}.list-block li.media-item .item-link .item-inner,.list-block.media-list .item-link .item-inner{padding-right:0;padding-left:15px}.list-block li.media-item .item-link .item-title-row,.list-block.media-list .item-link .item-title-row{padding-right:0;padding-left:20px;background-position:center left;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%20transform%3D'translate(60%2C120)%20rotate(180)'%2F%3E%3C%2Fsvg%3E")}.list-block .sortable-handler{right:auto;left:0}.list-block.sortable-opened .item-inner,.list-block.sortable-opened .item-link .item-inner{padding-right:0;padding-left:35px}.list-block.sortable-opened .item-link .item-inner,.list-block.sortable-opened .item-link .item-title-row{background-image:none}.list-block .swipeout-actions-left,.list-block .swipeout-actions-right{direction:ltr}.navbar a.link i+i,.navbar a.link i+span,.navbar a.link span+i,.navbar a.link span+span,.toolbar a.link i+i,.toolbar a.link i+span,.toolbar a.link span+i,.toolbar a.link span+span{margin-left:0;margin-right:7px}.navbar .left a+a,.navbar .right a+a{margin-left:0;margin-right:15px}.navbar .left{margin-right:0;margin-left:10px}.navbar .right{margin-left:0;margin-right:10px}.navbar .right:first-child{right:auto;left:8px}.list-block input[type=text],.list-block input[type=password],.list-block input[type=email],.list-block input[type=tel],.list-block input[type=url],.list-block input[type=date],.list-block input[type=datetime-local],.list-block input[type=number],.list-block select,.list-block textarea{padding-left:0;padding-right:5px}.buttons-row .button:first-child{border-radius:0 5px 5px 0;border-left:none}.buttons-row .button:last-child{border-radius:5px 0 0 5px;border-left-width:1px;border-left-style:solid}.buttons-row .button.button-round:first-child{border-radius:0 27px 27px 0}.buttons-row .button.button-round:last-child{border-radius:27px 0 0 27px}.label-switch input[type=checkbox]+.checkbox:before{left:auto;right:2px}.label-switch input[type=checkbox]+.checkbox:after{right:2px;left:auto;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.label-switch input[type=checkbox]:checked+.checkbox:after{left:auto;right:22px}.range-slider{padding-left:0;padding-right:0;margin-left:0;padding-right:3px;padding-left:3px;margin-right:-1px}.range-slider input[type=range]:after{left:auto;right:-5px}.range-slider input[type=range]::-webkit-slider-thumb:after{left:auto;right:0}.range-slider input[type=range]::-webkit-slider-thumb:before{right:auto;left:100%}label.label-radio input[type=radio]~.item-inner,label.label-radio input[type=checkbox]~.item-inner{padding-left:35px;padding-right:0}label.label-radio input[type=radio]:checked~.item-inner,label.label-radio input[type=checkbox]:checked~.item-inner{background-position:15px center}.searchbar input[type=search]{background-position:right center;background-position:-webkit-calc(100% - 8px) center;background-position:calc(100% - 8px) center}.searchbar .searchbar-clear{right:auto;left:0}.searchbar.searchbar-active .searchbar-cancel{margin-left:0;margin-right:8px}.messagebar .link+textarea{margin-left:0;margin-right:8px}.messagebar textarea+.link{margin-left:0;margin-right:8px}.modal-button:first-child{border-radius:0 0 7px 0;border-right:none}.modal-button:last-child{border-right:1px solid #b5b5b5;border-radius:0 0 0 7px}.modal-button:first-child:last-child{border-radius:0 0 7px 7px}.content-block-inner{margin-left:0;margin-right:-15px}.page-fake-shadow,.page-from-center-to-right:before,.page-from-right-to-center:before{right:auto;left:100%;background:-webkit-linear-gradient(right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);background:linear-gradient(to left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%)}.page-on-left{-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}.page-on-right{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}@-webkit-keyframes pageFromRightToCenter{from{-webkit-transform:translate3d(-100%,0,0)}to{-webkit-transform:translate3d(0,0,0)}}@-webkit-keyframes pageFromCenterToRight{from{-webkit-transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-100%,0,0)}}@keyframes pageFromRightToCenter{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(0,0,0)}}@keyframes pageFromCenterToRight{from{transform:translate3d(0,0,0)}to{transform:translate3d(100%,0,0)}}@-webkit-keyframes pageFromCenterToLeft{from{opacity:1;-webkit-transform:translate3d(0,0,0)}to{opacity:.9;-webkit-transform:translate3d(20%,0,0)}}@-webkit-keyframes pageFromLeftToCenter{from{opacity:.9;-webkit-transform:translate3d(20%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0)}}@keyframes pageFromCenterToLeft{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:.9;transform:translate3d(20%,0,0)}}@keyframes pageFromLeftToCenter{from{opacity:.9;transform:translate3d(20%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}.message-received{-ms-flex-item-align:end;-webkit-align-self:flex-end;align-self:flex-end;-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.message-sent{-ms-flex-item-align:start;-webkit-align-self:flex-start;align-self:flex-start;-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}i.icon.icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23007aff'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E")}i.icon.icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23007aff'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E")}i.icon.icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}i.icon.icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-gray i.icon-back,i.icon-back.color-gray,i.icon-back.theme-gray{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%238e8e93'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E")}.theme-gray i.icon-forward,i.icon-forward.color-gray,i.icon-forward.theme-gray{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%238e8e93'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E")}.theme-gray i.icon-next,i.icon-next.color-gray,i.icon-next.theme-gray{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%238e8e93'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-gray i.icon-prev,i.icon-prev.color-gray,i.icon-prev.theme-gray{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%238e8e93'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-white i.icon-back,i.icon-back.color-white,i.icon-back.theme-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ffffff'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E")}.theme-white i.icon-forward,i.icon-forward.color-white,i.icon-forward.theme-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ffffff'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E")}.theme-white i.icon-next,i.icon-next.color-white,i.icon-next.theme-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-white i.icon-prev,i.icon-prev.color-white,i.icon-prev.theme-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-black i.icon-back,i.icon-back.color-black,i.icon-back.theme-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23000000'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E")}.theme-black i.icon-forward,i.icon-forward.color-black,i.icon-forward.theme-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23000000'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E")}.theme-black i.icon-next,i.icon-next.color-black,i.icon-next.theme-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-black i.icon-prev,i.icon-prev.color-black,i.icon-prev.theme-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-lightblue i.icon-back,i.icon-back.color-lightblue,i.icon-back.theme-lightblue{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%235ac8fa'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E")}.theme-lightblue i.icon-forward,i.icon-forward.color-lightblue,i.icon-forward.theme-lightblue{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%235ac8fa'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E")}.theme-lightblue i.icon-next,i.icon-next.color-lightblue,i.icon-next.theme-lightblue{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%235ac8fa'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-lightblue i.icon-prev,i.icon-prev.color-lightblue,i.icon-prev.theme-lightblue{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%235ac8fa'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-yellow i.icon-back,i.icon-back.color-yellow,i.icon-back.theme-yellow{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ffcc00'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E")}.theme-yellow i.icon-forward,i.icon-forward.color-yellow,i.icon-forward.theme-yellow{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ffcc00'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E")}.theme-yellow i.icon-next,i.icon-next.color-yellow,i.icon-next.theme-yellow{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffcc00'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-yellow i.icon-prev,i.icon-prev.color-yellow,i.icon-prev.theme-yellow{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffcc00'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-orange i.icon-back,i.icon-back.color-orange,i.icon-back.theme-orange{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ff9500'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E")}.theme-orange i.icon-forward,i.icon-forward.color-orange,i.icon-forward.theme-orange{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ff9500'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E")}.theme-orange i.icon-next,i.icon-next.color-orange,i.icon-next.theme-orange{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff9500'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-orange i.icon-prev,i.icon-prev.color-orange,i.icon-prev.theme-orange{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff9500'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-pink i.icon-back,i.icon-back.color-pink,i.icon-back.theme-pink{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ff2d55'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E")}.theme-pink i.icon-forward,i.icon-forward.color-pink,i.icon-forward.theme-pink{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ff2d55'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E")}.theme-pink i.icon-next,i.icon-next.color-pink,i.icon-next.theme-pink{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff2d55'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-pink i.icon-prev,i.icon-prev.color-pink,i.icon-prev.theme-pink{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff2d55'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-blue i.icon-back,i.icon-back.color-blue,i.icon-back.theme-blue{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23007aff'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E")}.theme-blue i.icon-forward,i.icon-forward.color-blue,i.icon-forward.theme-blue{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23007aff'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E")}.theme-blue i.icon-next,i.icon-next.color-blue,i.icon-next.theme-blue{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-blue i.icon-prev,i.icon-prev.color-blue,i.icon-prev.theme-blue{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-green i.icon-back,i.icon-back.color-green,i.icon-back.theme-green{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%234cd964'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E")}.theme-green i.icon-forward,i.icon-forward.color-green,i.icon-forward.theme-green{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%234cd964'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E")}.theme-green i.icon-next,i.icon-next.color-green,i.icon-next.theme-green{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%234cd964'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-green i.icon-prev,i.icon-prev.color-green,i.icon-prev.theme-green{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%234cd964'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-red i.icon-back,i.icon-back.color-red,i.icon-back.theme-red{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ff3b30'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E")}.theme-red i.icon-forward,i.icon-forward.color-red,i.icon-forward.theme-red{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ff3b30'%20transform%3D'translate(12%2C20)%20rotate(180)'%2F%3E%3C%2Fsvg%3E")}.theme-red i.icon-next,i.icon-next.color-red,i.icon-next.theme-red{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff3b30'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-red i.icon-prev,i.icon-prev.color-red,i.icon-prev.theme-red{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff3b30'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%20transform%3D'translate(15%2C15)%20rotate(180)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.list-block .accordion-toggle .item-inner{padding-right:0;padding-left:35px;background-position:15px center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%20transform%3D'translate(60%2C120)%20rotate(180)'%2F%3E%3C%2Fsvg%3E")}.list-block .accordion-item-expanded .accordion-toggle .item-inner,.list-block .accordion-item-expanded>.item-link .item-inner{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20transform%3D'translate(70%2C%2030)%20rotate(90)'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E")}.list-block .accordion-item ul{padding-right:0} -------------------------------------------------------------------------------- /src/lib/framework7/css/framework7.themes.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Framework7 1.0.5 3 | * Full Featured Mobile HTML Framework For Building iOS Apps 4 | * 5 | * http://www.idangero.us/framework7 6 | * 7 | * Copyright 2015, Vladimir Kharlampidi 8 | * The iDangero.us 9 | * http://www.idangero.us/ 10 | * 11 | * Licensed under MIT 12 | * 13 | * Released on: March 28, 2015 14 | */ 15 | /*========================== 16 | Framework7 Layouts Themes 17 | ==========================*/ 18 | /* === Dark layout === */ 19 | .layout-dark .navbar, 20 | .navbar.layout-dark, 21 | .layout-dark .subnavbar, 22 | .subnavbar.layout-dark { 23 | background-color: #131313; 24 | color: #ffffff; 25 | } 26 | .layout-dark .navbar:after, 27 | .navbar.layout-dark:after, 28 | .layout-dark .subnavbar:after, 29 | .subnavbar.layout-dark:after { 30 | background-color: #333333; 31 | } 32 | .layout-dark .toolbar, 33 | .toolbar.layout-dark { 34 | background-color: #131313; 35 | color: #ffffff; 36 | } 37 | .layout-dark .toolbar:before, 38 | .toolbar.layout-dark:before { 39 | background-color: #333333; 40 | } 41 | .layout-dark .picker-calendar-week-days { 42 | color: #fff; 43 | background-color: #131313; 44 | } 45 | .layout-dark .popover .picker-modal .picker-center-highlight:before, 46 | .layout-dark .picker-modal.picker-modal-inline .picker-center-highlight:before { 47 | background-color: #333333; 48 | } 49 | .layout-dark .popover .picker-modal .picker-center-highlight:after, 50 | .layout-dark .picker-modal.picker-modal-inline .picker-center-highlight:after { 51 | background-color: #333333; 52 | } 53 | .layout-dark .popover .picker-modal .picker-item.picker-selected, 54 | .layout-dark .picker-modal.picker-modal-inline .picker-item.picker-selected { 55 | color: #fff; 56 | } 57 | .layout-dark .popover .picker-modal .picker-calendar-week-days, 58 | .layout-dark .picker-modal.picker-modal-inline .picker-calendar-week-days { 59 | color: #fff; 60 | } 61 | .layout-dark .popover .picker-modal .picker-calendar-day, 62 | .layout-dark .picker-modal.picker-modal-inline .picker-calendar-day { 63 | color: #fff; 64 | } 65 | .layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-prev, 66 | .layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-prev, 67 | .layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-next, 68 | .layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-next { 69 | color: #777; 70 | } 71 | .layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-disabled, 72 | .layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-disabled { 73 | color: #555; 74 | } 75 | .layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-today span, 76 | .layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-today span { 77 | background: #444; 78 | } 79 | .layout-dark .popover .picker-modal .picker-calendar-week-days:after, 80 | .layout-dark .picker-modal.picker-modal-inline .picker-calendar-week-days:after, 81 | .layout-dark .popover .picker-modal .picker-calendar-row:after, 82 | .layout-dark .picker-modal.picker-modal-inline .picker-calendar-row:after { 83 | background-color: #333333; 84 | } 85 | .layout-dark .popover .picker-modal .toolbar ~ .picker-modal-inner .picker-calendar-months:before, 86 | .layout-dark .picker-modal.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before, 87 | .layout-dark .popover .picker-modal .picker-calendar-week-days ~ .picker-calendar-months:before, 88 | .layout-dark .picker-modal.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before { 89 | background-color: #333333; 90 | } 91 | .layout-dark .popover .picker-modal .toolbar:after { 92 | background-color: #333333; 93 | } 94 | .layout-dark .photo-browser .navbar, 95 | .photo-browser.layout-dark .navbar, 96 | .layout-dark .view[data-page="photo-browser-slides"] .navbar, 97 | .view[data-page="photo-browser-slides"].layout-dark .navbar, 98 | .layout-dark .photo-browser .toolbar, 99 | .photo-browser.layout-dark .toolbar, 100 | .layout-dark .view[data-page="photo-browser-slides"] .toolbar, 101 | .view[data-page="photo-browser-slides"].layout-dark .toolbar { 102 | background: rgba(19, 19, 19, 0.95); 103 | } 104 | .layout-dark .tabbar a:not(.active) { 105 | color: #ffffff; 106 | } 107 | .layout-dark .page, 108 | .layout-dark .login-screen-content, 109 | .page.layout-dark, 110 | .layout-dark .panel, 111 | .panel.layout-dark { 112 | background-color: #222426; 113 | color: #dddddd; 114 | } 115 | .layout-dark .content-block-title { 116 | color: #ffffff; 117 | } 118 | .layout-dark .content-block, 119 | .content-block.layout-dark { 120 | color: #bbbbbb; 121 | } 122 | .layout-dark .content-block-inner { 123 | background: #1c1d1f; 124 | color: #dddddd; 125 | } 126 | .layout-dark .content-block-inner:before { 127 | background-color: #393939; 128 | } 129 | .layout-dark .content-block-inner:after { 130 | background-color: #393939; 131 | } 132 | .layout-dark .list-block ul, 133 | .list-block.layout-dark ul { 134 | background: #1c1d1f; 135 | } 136 | .layout-dark .list-block ul:before, 137 | .list-block.layout-dark ul:before { 138 | background-color: #393939; 139 | } 140 | .layout-dark .list-block ul:after, 141 | .list-block.layout-dark ul:after { 142 | background-color: #393939; 143 | } 144 | .layout-dark .list-block.inset ul, 145 | .list-block.layout-dark.inset ul { 146 | background: #1c1d1f; 147 | } 148 | .layout-dark .list-block.notifications > ul, 149 | .list-block.layout-dark.notifications > ul { 150 | background: none; 151 | } 152 | .layout-dark .card { 153 | background: #1c1d1f; 154 | } 155 | .layout-dark .card-header:after { 156 | background-color: #393939; 157 | } 158 | .layout-dark .card-footer { 159 | color: #bbbbbb; 160 | } 161 | .layout-dark .card-footer:before { 162 | background-color: #393939; 163 | } 164 | .layout-dark .popover, 165 | .popover.layout-dark { 166 | background: rgba(0, 0, 0, 0.8); 167 | } 168 | .layout-dark .popover .popover-angle:after, 169 | .popover.layout-dark .popover-angle:after { 170 | background: rgba(0, 0, 0, 0.8); 171 | } 172 | .layout-dark .popover .list-block ul, 173 | .popover.layout-dark .list-block ul { 174 | background: none; 175 | } 176 | .layout-dark .actions-popover .list-block ul:before { 177 | background-color: #393939; 178 | } 179 | .layout-dark .actions-popover .list-block ul:after { 180 | background-color: #393939; 181 | } 182 | .layout-dark .actions-popover .actions-popover-label:after { 183 | background-color: #393939; 184 | } 185 | .layout-dark li.sorting { 186 | background-color: #29292f; 187 | } 188 | .layout-dark .swipeout-actions-left a, 189 | .layout-dark .swipeout-actions-right a { 190 | background-color: #444444; 191 | } 192 | .layout-dark .item-inner:after, 193 | .layout-dark .list-block ul ul li:last-child .item-inner:after { 194 | background-color: #393939; 195 | } 196 | .layout-dark .item-after { 197 | color: #bbbbbb; 198 | } 199 | html:not(.watch-active-state) .layout-dark .item-link:active, 200 | html:not(.watch-active-state) .layout-dark label.label-checkbox:active, 201 | html:not(.watch-active-state) .layout-dark label.label-radio:active, 202 | .layout-dark .item-link.active-state, 203 | .layout-dark label.label-checkbox.active-state, 204 | .layout-dark label.label-radio.active-state { 205 | background-color: #29292f; 206 | } 207 | .layout-dark .item-link.list-button:after { 208 | background-color: #393939; 209 | } 210 | .layout-dark .list-block-label { 211 | color: #bbbbbb; 212 | } 213 | .layout-dark .item-divider, 214 | .layout-dark .list-group-title { 215 | background: #1a1a1a; 216 | color: #bbbbbb; 217 | } 218 | .layout-dark .item-divider:before, 219 | .layout-dark .list-group-title:before { 220 | background-color: #393939; 221 | } 222 | .layout-dark .searchbar { 223 | background: #333333; 224 | } 225 | .layout-dark .searchbar:after { 226 | background-color: #333333; 227 | } 228 | .layout-dark .list-block input[type="text"], 229 | .list-block.layout-dark input[type="text"], 230 | .layout-dark .list-block input[type="password"], 231 | .list-block.layout-dark input[type="password"], 232 | .layout-dark .list-block input[type="email"], 233 | .list-block.layout-dark input[type="email"], 234 | .layout-dark .list-block input[type="tel"], 235 | .list-block.layout-dark input[type="tel"], 236 | .layout-dark .list-block input[type="url"], 237 | .list-block.layout-dark input[type="url"], 238 | .layout-dark .list-block input[type="date"], 239 | .list-block.layout-dark input[type="date"], 240 | .layout-dark .list-block input[type="datetime-local"], 241 | .list-block.layout-dark input[type="datetime-local"], 242 | .layout-dark .list-block input[type="number"], 243 | .list-block.layout-dark input[type="number"], 244 | .layout-dark .list-block select, 245 | .list-block.layout-dark select, 246 | .layout-dark .list-block textarea, 247 | .list-block.layout-dark textarea { 248 | color: #ffffff; 249 | } 250 | .layout-dark .label-switch .checkbox { 251 | background-color: #393939; 252 | } 253 | .layout-dark .label-switch .checkbox:before { 254 | background-color: #1c1d1f; 255 | } 256 | .layout-dark .range-slider input[type="range"]:after { 257 | background: #1c1d1f; 258 | } 259 | /* === White layout === */ 260 | .layout-white .navbar, 261 | .navbar.layout-white, 262 | .layout-white .subnavbar, 263 | .subnavbar.layout-white { 264 | background-color: #ffffff; 265 | color: #000000; 266 | } 267 | .layout-white .navbar:after, 268 | .navbar.layout-white:after, 269 | .layout-white .subnavbar:after, 270 | .subnavbar.layout-white:after { 271 | background-color: #dddddd; 272 | } 273 | .layout-white .toolbar, 274 | .toolbar.layout-white { 275 | background-color: #ffffff; 276 | color: #000000; 277 | } 278 | .layout-white .toolbar:before, 279 | .toolbar.layout-white:before { 280 | background-color: #dddddd; 281 | } 282 | .layout-white .popover .picker-modal .picker-center-highlight:before, 283 | .layout-white .picker-modal.picker-modal-inline .picker-center-highlight:before { 284 | background-color: #dddddd; 285 | } 286 | .layout-white .popover .picker-modal .picker-center-highlight:after, 287 | .layout-white .picker-modal.picker-modal-inline .picker-center-highlight:after { 288 | background-color: #dddddd; 289 | } 290 | .layout-white .popover .picker-modal .picker-calendar-week-days:after, 291 | .layout-white .picker-modal.picker-modal-inline .picker-calendar-week-days:after, 292 | .layout-white .popover .picker-modal .picker-calendar-row:after, 293 | .layout-white .picker-modal.picker-modal-inline .picker-calendar-row:after { 294 | background-color: #dddddd; 295 | } 296 | .layout-white .popover .picker-modal .toolbar ~ .picker-modal-inner .picker-calendar-months:before, 297 | .layout-white .picker-modal.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before, 298 | .layout-white .popover .picker-modal .picker-calendar-week-days ~ .picker-calendar-months:before, 299 | .layout-white .picker-modal.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before { 300 | background-color: #dddddd; 301 | } 302 | .layout-white .popover .picker-modal .toolbar:after { 303 | background-color: #dddddd; 304 | } 305 | .layout-white .photo-browser .navbar, 306 | .photo-browser.layout-white .navbar, 307 | .layout-white .view[data-page="photo-browser-slides"] .navbar, 308 | .view[data-page="photo-browser-slides"].layout-white .navbar, 309 | .layout-white .photo-browser .toolbar, 310 | .photo-browser.layout-white .toolbar, 311 | .layout-white .view[data-page="photo-browser-slides"] .toolbar, 312 | .view[data-page="photo-browser-slides"].layout-white .toolbar { 313 | background: rgba(255, 255, 255, 0.95); 314 | } 315 | .layout-white .tabbar a:not(.active) { 316 | color: #777777; 317 | } 318 | .layout-white .page, 319 | .layout-white .login-screen-content, 320 | .page.layout-white, 321 | .layout-white .panel, 322 | .panel.layout-white { 323 | background-color: #ffffff; 324 | color: #000000; 325 | } 326 | .layout-white .content-block-title { 327 | color: #777777; 328 | } 329 | .layout-white .content-block, 330 | .content-block.layout-white { 331 | color: #777777; 332 | } 333 | .layout-white .content-block-inner { 334 | background: #fafafa; 335 | color: #000000; 336 | } 337 | .layout-white .content-block-inner:after { 338 | background-color: #dddddd; 339 | } 340 | .layout-white .content-block-inner:before { 341 | background-color: #dddddd; 342 | } 343 | .layout-white .list-block ul, 344 | .list-block.layout-white ul { 345 | background: #ffffff; 346 | } 347 | .layout-white .list-block ul:after, 348 | .list-block.layout-white ul:after { 349 | background-color: #dddddd; 350 | } 351 | .layout-white .list-block ul:before, 352 | .list-block.layout-white ul:before { 353 | background-color: #dddddd; 354 | } 355 | .layout-white .list-block.inset ul, 356 | .list-block.layout-white.inset ul { 357 | background: #fafafa; 358 | } 359 | .layout-white .list-block.notifications > ul, 360 | .list-block.layout-white.notifications > ul { 361 | background: none; 362 | } 363 | .layout-white .popover-inner > .list-block ul { 364 | background: none; 365 | } 366 | .layout-white li.sorting { 367 | background-color: #eeeeee; 368 | } 369 | .layout-white .swipeout-actions-left a, 370 | .layout-white .swipeout-actions-right a { 371 | background-color: #c7c7cc; 372 | } 373 | .layout-white .item-inner, 374 | .layout-white .list-block ul ul li:last-child .item-inner { 375 | border-color: #dddddd; 376 | } 377 | .layout-white .item-inner:after, 378 | .layout-white .list-block ul ul li:last-child .item-inner:after { 379 | background-color: #dddddd; 380 | } 381 | .layout-white .item-after { 382 | color: #8e8e93; 383 | } 384 | html:not(.watch-active-state) .layout-white .item-link:active, 385 | html:not(.watch-active-state) .layout-white label.label-checkbox:active, 386 | html:not(.watch-active-state) .layout-white label.label-radio:active, 387 | .layout-white .item-link.active-state, 388 | .layout-white label.label-checkbox.active-state, 389 | .layout-white label.label-radio.active-state { 390 | background-color: #eeeeee; 391 | } 392 | .layout-white .item-link.list-button:after { 393 | background-color: #dddddd; 394 | } 395 | .layout-white .list-block-label { 396 | color: #777777; 397 | } 398 | .layout-white .item-divider, 399 | .layout-white .list-group-title { 400 | background: #f7f7f7; 401 | color: #777777; 402 | } 403 | .layout-white .item-divider:before, 404 | .layout-white .list-group-title:before { 405 | background-color: #dddddd; 406 | } 407 | .layout-white .searchbar { 408 | background: #c9c9ce; 409 | } 410 | .layout-white .searchbar:after { 411 | background-color: #b4b4b4; 412 | } 413 | .layout-white .list-block input[type="text"], 414 | .list-block.layout-white input[type="text"], 415 | .layout-white .list-block input[type="password"], 416 | .list-block.layout-white input[type="password"], 417 | .layout-white .list-block input[type="email"], 418 | .list-block.layout-white input[type="email"], 419 | .layout-white .list-block input[type="tel"], 420 | .list-block.layout-white input[type="tel"], 421 | .layout-white .list-block input[type="url"], 422 | .list-block.layout-white input[type="url"], 423 | .layout-white .list-block input[type="date"], 424 | .list-block.layout-white input[type="date"], 425 | .layout-white .list-block input[type="datetime-local"], 426 | .list-block.layout-white input[type="datetime-local"], 427 | .layout-white .list-block input[type="number"], 428 | .list-block.layout-white input[type="number"], 429 | .layout-white .list-block select, 430 | .list-block.layout-white select, 431 | .layout-white .list-block textarea, 432 | .list-block.layout-white textarea { 433 | color: #777777; 434 | } 435 | .layout-white .label-switch .checkbox { 436 | background-color: #e5e5e5; 437 | } 438 | .layout-white .label-switch .checkbox:before { 439 | background-color: #ffffff; 440 | } 441 | .layout-white .range-slider input[type="range"]:after { 442 | background: #ffffff; 443 | } 444 | -------------------------------------------------------------------------------- /src/lib/framework7/css/framework7.themes.min.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Framework7 1.0.5 3 | * Full Featured Mobile HTML Framework For Building iOS Apps 4 | * 5 | * http://www.idangero.us/framework7 6 | * 7 | * Copyright 2015, Vladimir Kharlampidi 8 | * The iDangero.us 9 | * http://www.idangero.us/ 10 | * 11 | * Licensed under MIT 12 | * 13 | * Released on: March 28, 2015 14 | */ 15 | .layout-dark .navbar,.layout-dark .subnavbar,.navbar.layout-dark,.subnavbar.layout-dark{background-color:#131313;color:#fff}.layout-dark .navbar:after,.layout-dark .subnavbar:after,.navbar.layout-dark:after,.subnavbar.layout-dark:after{background-color:#333}.layout-dark .toolbar,.toolbar.layout-dark{background-color:#131313;color:#fff}.layout-dark .toolbar:before,.toolbar.layout-dark:before{background-color:#333}.layout-dark .picker-calendar-week-days{color:#fff;background-color:#131313}.layout-dark .picker-modal.picker-modal-inline .picker-center-highlight:before,.layout-dark .popover .picker-modal .picker-center-highlight:before{background-color:#333}.layout-dark .picker-modal.picker-modal-inline .picker-center-highlight:after,.layout-dark .popover .picker-modal .picker-center-highlight:after{background-color:#333}.layout-dark .picker-modal.picker-modal-inline .picker-item.picker-selected,.layout-dark .popover .picker-modal .picker-item.picker-selected{color:#fff}.layout-dark .picker-modal.picker-modal-inline .picker-calendar-week-days,.layout-dark .popover .picker-modal .picker-calendar-week-days{color:#fff}.layout-dark .picker-modal.picker-modal-inline .picker-calendar-day,.layout-dark .popover .picker-modal .picker-calendar-day{color:#fff}.layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-next,.layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-prev,.layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-next,.layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-prev{color:#777}.layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-disabled,.layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-disabled{color:#555}.layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-today span,.layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-today span{background:#444}.layout-dark .picker-modal.picker-modal-inline .picker-calendar-row:after,.layout-dark .picker-modal.picker-modal-inline .picker-calendar-week-days:after,.layout-dark .popover .picker-modal .picker-calendar-row:after,.layout-dark .popover .picker-modal .picker-calendar-week-days:after{background-color:#333}.layout-dark .picker-modal.picker-modal-inline .picker-calendar-week-days~.picker-calendar-months:before,.layout-dark .picker-modal.picker-modal-inline .toolbar~.picker-modal-inner .picker-calendar-months:before,.layout-dark .popover .picker-modal .picker-calendar-week-days~.picker-calendar-months:before,.layout-dark .popover .picker-modal .toolbar~.picker-modal-inner .picker-calendar-months:before{background-color:#333}.layout-dark .popover .picker-modal .toolbar:after{background-color:#333}.layout-dark .photo-browser .navbar,.layout-dark .photo-browser .toolbar,.layout-dark .view[data-page=photo-browser-slides] .navbar,.layout-dark .view[data-page=photo-browser-slides] .toolbar,.photo-browser.layout-dark .navbar,.photo-browser.layout-dark .toolbar,.view[data-page=photo-browser-slides].layout-dark .navbar,.view[data-page=photo-browser-slides].layout-dark .toolbar{background:rgba(19,19,19,.95)}.layout-dark .tabbar a:not(.active){color:#fff}.layout-dark .login-screen-content,.layout-dark .page,.layout-dark .panel,.page.layout-dark,.panel.layout-dark{background-color:#222426;color:#ddd}.layout-dark .content-block-title{color:#fff}.content-block.layout-dark,.layout-dark .content-block{color:#bbb}.layout-dark .content-block-inner{background:#1c1d1f;color:#ddd}.layout-dark .content-block-inner:before{background-color:#393939}.layout-dark .content-block-inner:after{background-color:#393939}.layout-dark .list-block ul,.list-block.layout-dark ul{background:#1c1d1f}.layout-dark .list-block ul:before,.list-block.layout-dark ul:before{background-color:#393939}.layout-dark .list-block ul:after,.list-block.layout-dark ul:after{background-color:#393939}.layout-dark .list-block.inset ul,.list-block.layout-dark.inset ul{background:#1c1d1f}.layout-dark .list-block.notifications>ul,.list-block.layout-dark.notifications>ul{background:0 0}.layout-dark .card{background:#1c1d1f}.layout-dark .card-header:after{background-color:#393939}.layout-dark .card-footer{color:#bbb}.layout-dark .card-footer:before{background-color:#393939}.layout-dark .popover,.popover.layout-dark{background:rgba(0,0,0,.8)}.layout-dark .popover .popover-angle:after,.popover.layout-dark .popover-angle:after{background:rgba(0,0,0,.8)}.layout-dark .popover .list-block ul,.popover.layout-dark .list-block ul{background:0 0}.layout-dark .actions-popover .list-block ul:before{background-color:#393939}.layout-dark .actions-popover .list-block ul:after{background-color:#393939}.layout-dark .actions-popover .actions-popover-label:after{background-color:#393939}.layout-dark li.sorting{background-color:#29292f}.layout-dark .swipeout-actions-left a,.layout-dark .swipeout-actions-right a{background-color:#444}.layout-dark .item-inner:after,.layout-dark .list-block ul ul li:last-child .item-inner:after{background-color:#393939}.layout-dark .item-after{color:#bbb}.layout-dark .item-link.active-state,.layout-dark label.label-checkbox.active-state,.layout-dark label.label-radio.active-state,html:not(.watch-active-state) .layout-dark .item-link:active,html:not(.watch-active-state) .layout-dark label.label-checkbox:active,html:not(.watch-active-state) .layout-dark label.label-radio:active{background-color:#29292f}.layout-dark .item-link.list-button:after{background-color:#393939}.layout-dark .list-block-label{color:#bbb}.layout-dark .item-divider,.layout-dark .list-group-title{background:#1a1a1a;color:#bbb}.layout-dark .item-divider:before,.layout-dark .list-group-title:before{background-color:#393939}.layout-dark .searchbar{background:#333}.layout-dark .searchbar:after{background-color:#333}.layout-dark .list-block input[type=text],.layout-dark .list-block input[type=password],.layout-dark .list-block input[type=email],.layout-dark .list-block input[type=tel],.layout-dark .list-block input[type=url],.layout-dark .list-block input[type=date],.layout-dark .list-block input[type=datetime-local],.layout-dark .list-block input[type=number],.layout-dark .list-block select,.layout-dark .list-block textarea,.list-block.layout-dark input[type=text],.list-block.layout-dark input[type=password],.list-block.layout-dark input[type=email],.list-block.layout-dark input[type=tel],.list-block.layout-dark input[type=url],.list-block.layout-dark input[type=date],.list-block.layout-dark input[type=datetime-local],.list-block.layout-dark input[type=number],.list-block.layout-dark select,.list-block.layout-dark textarea{color:#fff}.layout-dark .label-switch .checkbox{background-color:#393939}.layout-dark .label-switch .checkbox:before{background-color:#1c1d1f}.layout-dark .range-slider input[type=range]:after{background:#1c1d1f}.layout-white .navbar,.layout-white .subnavbar,.navbar.layout-white,.subnavbar.layout-white{background-color:#fff;color:#000}.layout-white .navbar:after,.layout-white .subnavbar:after,.navbar.layout-white:after,.subnavbar.layout-white:after{background-color:#ddd}.layout-white .toolbar,.toolbar.layout-white{background-color:#fff;color:#000}.layout-white .toolbar:before,.toolbar.layout-white:before{background-color:#ddd}.layout-white .picker-modal.picker-modal-inline .picker-center-highlight:before,.layout-white .popover .picker-modal .picker-center-highlight:before{background-color:#ddd}.layout-white .picker-modal.picker-modal-inline .picker-center-highlight:after,.layout-white .popover .picker-modal .picker-center-highlight:after{background-color:#ddd}.layout-white .picker-modal.picker-modal-inline .picker-calendar-row:after,.layout-white .picker-modal.picker-modal-inline .picker-calendar-week-days:after,.layout-white .popover .picker-modal .picker-calendar-row:after,.layout-white .popover .picker-modal .picker-calendar-week-days:after{background-color:#ddd}.layout-white .picker-modal.picker-modal-inline .picker-calendar-week-days~.picker-calendar-months:before,.layout-white .picker-modal.picker-modal-inline .toolbar~.picker-modal-inner .picker-calendar-months:before,.layout-white .popover .picker-modal .picker-calendar-week-days~.picker-calendar-months:before,.layout-white .popover .picker-modal .toolbar~.picker-modal-inner .picker-calendar-months:before{background-color:#ddd}.layout-white .popover .picker-modal .toolbar:after{background-color:#ddd}.layout-white .photo-browser .navbar,.layout-white .photo-browser .toolbar,.layout-white .view[data-page=photo-browser-slides] .navbar,.layout-white .view[data-page=photo-browser-slides] .toolbar,.photo-browser.layout-white .navbar,.photo-browser.layout-white .toolbar,.view[data-page=photo-browser-slides].layout-white .navbar,.view[data-page=photo-browser-slides].layout-white .toolbar{background:rgba(255,255,255,.95)}.layout-white .tabbar a:not(.active){color:#777}.layout-white .login-screen-content,.layout-white .page,.layout-white .panel,.page.layout-white,.panel.layout-white{background-color:#fff;color:#000}.layout-white .content-block-title{color:#777}.content-block.layout-white,.layout-white .content-block{color:#777}.layout-white .content-block-inner{background:#fafafa;color:#000}.layout-white .content-block-inner:after{background-color:#ddd}.layout-white .content-block-inner:before{background-color:#ddd}.layout-white .list-block ul,.list-block.layout-white ul{background:#fff}.layout-white .list-block ul:after,.list-block.layout-white ul:after{background-color:#ddd}.layout-white .list-block ul:before,.list-block.layout-white ul:before{background-color:#ddd}.layout-white .list-block.inset ul,.list-block.layout-white.inset ul{background:#fafafa}.layout-white .list-block.notifications>ul,.list-block.layout-white.notifications>ul{background:0 0}.layout-white .popover-inner>.list-block ul{background:0 0}.layout-white li.sorting{background-color:#eee}.layout-white .swipeout-actions-left a,.layout-white .swipeout-actions-right a{background-color:#c7c7cc}.layout-white .item-inner,.layout-white .list-block ul ul li:last-child .item-inner{border-color:#ddd}.layout-white .item-inner:after,.layout-white .list-block ul ul li:last-child .item-inner:after{background-color:#ddd}.layout-white .item-after{color:#8e8e93}.layout-white .item-link.active-state,.layout-white label.label-checkbox.active-state,.layout-white label.label-radio.active-state,html:not(.watch-active-state) .layout-white .item-link:active,html:not(.watch-active-state) .layout-white label.label-checkbox:active,html:not(.watch-active-state) .layout-white label.label-radio:active{background-color:#eee}.layout-white .item-link.list-button:after{background-color:#ddd}.layout-white .list-block-label{color:#777}.layout-white .item-divider,.layout-white .list-group-title{background:#f7f7f7;color:#777}.layout-white .item-divider:before,.layout-white .list-group-title:before{background-color:#ddd}.layout-white .searchbar{background:#c9c9ce}.layout-white .searchbar:after{background-color:#b4b4b4}.layout-white .list-block input[type=text],.layout-white .list-block input[type=password],.layout-white .list-block input[type=email],.layout-white .list-block input[type=tel],.layout-white .list-block input[type=url],.layout-white .list-block input[type=date],.layout-white .list-block input[type=datetime-local],.layout-white .list-block input[type=number],.layout-white .list-block select,.layout-white .list-block textarea,.list-block.layout-white input[type=text],.list-block.layout-white input[type=password],.list-block.layout-white input[type=email],.list-block.layout-white input[type=tel],.list-block.layout-white input[type=url],.list-block.layout-white input[type=date],.list-block.layout-white input[type=datetime-local],.list-block.layout-white input[type=number],.list-block.layout-white select,.list-block.layout-white textarea{color:#777}.layout-white .label-switch .checkbox{background-color:#e5e5e5}.layout-white .label-switch .checkbox:before{background-color:#fff}.layout-white .range-slider input[type=range]:after{background:#fff} -------------------------------------------------------------------------------- /src/lib/framework7/img/i-f7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/valnub/Framework7-Typescript-Template/b64d9bab4e2f32a0704c8dcf0023736d2aec1560/src/lib/framework7/img/i-f7.png -------------------------------------------------------------------------------- /src/lib/framework7/img/i-form-calendar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/valnub/Framework7-Typescript-Template/b64d9bab4e2f32a0704c8dcf0023736d2aec1560/src/lib/framework7/img/i-form-calendar.png -------------------------------------------------------------------------------- /src/lib/framework7/img/i-form-comment.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/valnub/Framework7-Typescript-Template/b64d9bab4e2f32a0704c8dcf0023736d2aec1560/src/lib/framework7/img/i-form-comment.png -------------------------------------------------------------------------------- /src/lib/framework7/img/i-form-email.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/valnub/Framework7-Typescript-Template/b64d9bab4e2f32a0704c8dcf0023736d2aec1560/src/lib/framework7/img/i-form-email.png -------------------------------------------------------------------------------- /src/lib/framework7/img/i-form-gender.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/valnub/Framework7-Typescript-Template/b64d9bab4e2f32a0704c8dcf0023736d2aec1560/src/lib/framework7/img/i-form-gender.png -------------------------------------------------------------------------------- /src/lib/framework7/img/i-form-name.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/valnub/Framework7-Typescript-Template/b64d9bab4e2f32a0704c8dcf0023736d2aec1560/src/lib/framework7/img/i-form-name.png -------------------------------------------------------------------------------- /src/lib/framework7/img/i-form-password.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/valnub/Framework7-Typescript-Template/b64d9bab4e2f32a0704c8dcf0023736d2aec1560/src/lib/framework7/img/i-form-password.png -------------------------------------------------------------------------------- /src/lib/framework7/img/i-form-settings.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/valnub/Framework7-Typescript-Template/b64d9bab4e2f32a0704c8dcf0023736d2aec1560/src/lib/framework7/img/i-form-settings.png -------------------------------------------------------------------------------- /src/lib/framework7/img/i-form-tel.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/valnub/Framework7-Typescript-Template/b64d9bab4e2f32a0704c8dcf0023736d2aec1560/src/lib/framework7/img/i-form-tel.png -------------------------------------------------------------------------------- /src/lib/framework7/img/i-form-toggle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/valnub/Framework7-Typescript-Template/b64d9bab4e2f32a0704c8dcf0023736d2aec1560/src/lib/framework7/img/i-form-toggle.png -------------------------------------------------------------------------------- /src/lib/framework7/img/i-form-url.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/valnub/Framework7-Typescript-Template/b64d9bab4e2f32a0704c8dcf0023736d2aec1560/src/lib/framework7/img/i-form-url.png -------------------------------------------------------------------------------- /src/sass/main.scss: -------------------------------------------------------------------------------- 1 | #foobar{ 2 | color: blue; 3 | } 4 | .buttons-row { 5 | max-width:420px; 6 | margin-left: auto; 7 | margin-right: auto; 8 | } -------------------------------------------------------------------------------- /src/tmp/index.ugly.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Typework7 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 |
22 | 23 | 24 |
25 |

Navigation 26 |

27 |
28 |
29 | 30 | 31 | 32 |
33 | 34 | 35 |
36 | 37 | 38 |
39 | 40 | 41 |
42 |
Typework7
43 |
44 | 45 | 46 |
47 | 48 |
49 | 50 | 51 | Back 52 | 53 |
54 | 55 |
Page 2
56 | 57 |
58 | 59 |
60 | 61 | 62 |
63 | 64 | 65 |
66 | 67 |
68 |
69 | 70 |
{{message.title}}
71 | 72 |
73 | 74 | 98 | 99 |
100 |
101 |
102 | 103 | 104 |
105 | 106 |
107 |
108 | This is page 2 109 |
110 |
111 |
112 | 113 |
114 | 115 | 116 | 120 | 121 |
122 |
123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | -------------------------------------------------------------------------------- /src/ts/Typework7/AngularApp.ts: -------------------------------------------------------------------------------- 1 | /// 2 | module Typework7{ 3 | export class AngularApp{ 4 | app: ng.IModule; 5 | 6 | constructor( name: string, modules: Array< string > ){ 7 | this.app = angular.module( name, modules ); 8 | } 9 | 10 | addController( name: string, controller: Function ){ 11 | this.app.controller( name, controller ); 12 | } 13 | } 14 | } -------------------------------------------------------------------------------- /src/ts/Typework7/init.ts: -------------------------------------------------------------------------------- 1 | /// 2 | /// 3 | 4 | module Typework7{ 5 | 6 | declare var Framework7: any; 7 | 8 | interface Framework7View{ 9 | } 10 | 11 | interface Framework7App{ 12 | addView(view:String, callback:Framework7ViewOptions):Framework7View 13 | } 14 | 15 | interface Framework7ViewOptions{ 16 | dynamicNavbar:boolean; 17 | domCache:boolean; 18 | } 19 | 20 | export class Init{ 21 | 22 | private fw7App:Framework7App; 23 | private mainView:Framework7View; 24 | private fw7ViewOptions:Framework7ViewOptions; 25 | private angularApp:AngularApp; 26 | 27 | constructor(){ 28 | this.configApp(); 29 | } 30 | 31 | private configApp():void { 32 | // Initialize your app 33 | this.fw7App = new Framework7({ 34 | animateNavBackIcon: true 35 | }); 36 | 37 | this.fw7ViewOptions = { 38 | // Because we use fixed-through navbar we can enable dynamic navbar 39 | dynamicNavbar: true, 40 | domCache: true 41 | } 42 | 43 | // Add view 44 | this.mainView = this.fw7App.addView('.view-main', this.fw7ViewOptions); 45 | 46 | // Init Angular 47 | this.angularApp = new AngularApp( 'Typework7', [] ); 48 | 49 | // Init controllers 50 | this.angularApp.addController( 'IndexPageController', Typework7.pages.IndexPageController); 51 | 52 | } 53 | 54 | } 55 | 56 | // Everything starts here 57 | new Init(); 58 | 59 | } -------------------------------------------------------------------------------- /src/ts/Typework7/pages/IndexPageController.ts: -------------------------------------------------------------------------------- 1 | /// 2 | /// 3 | 4 | module Typework7.pages{ 5 | 6 | export interface IMyMessage{ 7 | title: string; 8 | } 9 | 10 | export interface IndexPageScope extends IScope{ 11 | message: IMyMessage; 12 | } 13 | 14 | export class IndexPageController extends PageController{ 15 | scope: IndexPageScope; 16 | 17 | private model:IMyMessage; 18 | 19 | constructor($scope: IndexPageScope){ 20 | super($scope); 21 | this.model = { title: 'Click me to test Angular data binding' }; 22 | $scope.message = this.model; 23 | } 24 | 25 | public onClick():void{ 26 | this.model.title = "Data binding works :-)"; 27 | } 28 | 29 | } 30 | 31 | } -------------------------------------------------------------------------------- /src/ts/Typework7/pages/PageController.ts: -------------------------------------------------------------------------------- 1 | /// 2 | 3 | module Typework7.pages{ 4 | 5 | export interface IScope extends ng.IScope{ 6 | events: PageController; 7 | } 8 | 9 | /** 10 | * Do not instantiate this. This is just an abstract class. 11 | * If you'd like to create a new PageController extend this class. 12 | * 13 | * @class 14 | * @abstract 15 | */ 16 | export class PageController{ 17 | scope: IScope; 18 | 19 | constructor($scope: IScope){ 20 | this.scope = $scope; 21 | this.scope.events = this; 22 | } 23 | } 24 | 25 | } -------------------------------------------------------------------------------- /src/ts/angular/angular.d.ts: -------------------------------------------------------------------------------- 1 | // Type definitions for Angular JS 1.3+ 2 | // Project: http://angularjs.org 3 | // Definitions by: Diego Vilar 4 | // Definitions: https://github.com/borisyankov/DefinitelyTyped 5 | 6 | 7 | /// 8 | 9 | declare var angular: angular.IAngularStatic; 10 | 11 | // Support for painless dependency injection 12 | interface Function { 13 | $inject?: string[]; 14 | } 15 | 16 | // Collapse angular into ng 17 | import ng = angular; 18 | // Support AMD require 19 | declare module 'angular' { 20 | export = angular; 21 | } 22 | 23 | /////////////////////////////////////////////////////////////////////////////// 24 | // ng module (angular.js) 25 | /////////////////////////////////////////////////////////////////////////////// 26 | declare module angular { 27 | 28 | // not directly implemented, but ensures that constructed class implements $get 29 | interface IServiceProviderClass { 30 | new (...args: any[]): IServiceProvider; 31 | } 32 | 33 | interface IServiceProviderFactory { 34 | (...args: any[]): IServiceProvider; 35 | } 36 | 37 | // All service providers extend this interface 38 | interface IServiceProvider { 39 | $get: any; 40 | } 41 | 42 | interface IAngularBootstrapConfig { 43 | strictDi?: boolean; 44 | } 45 | 46 | /////////////////////////////////////////////////////////////////////////// 47 | // AngularStatic 48 | // see http://docs.angularjs.org/api 49 | /////////////////////////////////////////////////////////////////////////// 50 | interface IAngularStatic { 51 | bind(context: any, fn: Function, ...args: any[]): Function; 52 | 53 | /** 54 | * Use this function to manually start up angular application. 55 | * 56 | * @param element DOM element which is the root of angular application. 57 | * @param modules An array of modules to load into the application. 58 | * Each item in the array should be the name of a predefined module or a (DI annotated) 59 | * function that will be invoked by the injector as a run block. 60 | * @param config an object for defining configuration options for the application. The following keys are supported: 61 | * - `strictDi`: disable automatic function annotation for the application. This is meant to assist in finding bugs which break minified code. 62 | */ 63 | bootstrap(element: string, modules?: string, config?: IAngularBootstrapConfig): auto.IInjectorService; 64 | /** 65 | * Use this function to manually start up angular application. 66 | * 67 | * @param element DOM element which is the root of angular application. 68 | * @param modules An array of modules to load into the application. 69 | * Each item in the array should be the name of a predefined module or a (DI annotated) 70 | * function that will be invoked by the injector as a run block. 71 | * @param config an object for defining configuration options for the application. The following keys are supported: 72 | * - `strictDi`: disable automatic function annotation for the application. This is meant to assist in finding bugs which break minified code. 73 | */ 74 | bootstrap(element: string, modules?: Function, config?: IAngularBootstrapConfig): auto.IInjectorService; 75 | /** 76 | * Use this function to manually start up angular application. 77 | * 78 | * @param element DOM element which is the root of angular application. 79 | * @param modules An array of modules to load into the application. 80 | * Each item in the array should be the name of a predefined module or a (DI annotated) 81 | * function that will be invoked by the injector as a run block. 82 | * @param config an object for defining configuration options for the application. The following keys are supported: 83 | * - `strictDi`: disable automatic function annotation for the application. This is meant to assist in finding bugs which break minified code. 84 | */ 85 | bootstrap(element: string, modules?: string[], config?: IAngularBootstrapConfig): auto.IInjectorService; 86 | /** 87 | * Use this function to manually start up angular application. 88 | * 89 | * @param element DOM element which is the root of angular application. 90 | * @param modules An array of modules to load into the application. 91 | * Each item in the array should be the name of a predefined module or a (DI annotated) 92 | * function that will be invoked by the injector as a run block. 93 | * @param config an object for defining configuration options for the application. The following keys are supported: 94 | * - `strictDi`: disable automatic function annotation for the application. This is meant to assist in finding bugs which break minified code. 95 | */ 96 | bootstrap(element: JQuery, modules?: string, config?: IAngularBootstrapConfig): auto.IInjectorService; 97 | /** 98 | * Use this function to manually start up angular application. 99 | * 100 | * @param element DOM element which is the root of angular application. 101 | * @param modules An array of modules to load into the application. 102 | * Each item in the array should be the name of a predefined module or a (DI annotated) 103 | * function that will be invoked by the injector as a run block. 104 | * @param config an object for defining configuration options for the application. The following keys are supported: 105 | * - `strictDi`: disable automatic function annotation for the application. This is meant to assist in finding bugs which break minified code. 106 | */ 107 | bootstrap(element: JQuery, modules?: Function, config?: IAngularBootstrapConfig): auto.IInjectorService; 108 | /** 109 | * Use this function to manually start up angular application. 110 | * 111 | * @param element DOM element which is the root of angular application. 112 | * @param modules An array of modules to load into the application. 113 | * Each item in the array should be the name of a predefined module or a (DI annotated) 114 | * function that will be invoked by the injector as a run block. 115 | * @param config an object for defining configuration options for the application. The following keys are supported: 116 | * - `strictDi`: disable automatic function annotation for the application. This is meant to assist in finding bugs which break minified code. 117 | */ 118 | bootstrap(element: JQuery, modules?: string[], config?: IAngularBootstrapConfig): auto.IInjectorService; 119 | /** 120 | * Use this function to manually start up angular application. 121 | * 122 | * @param element DOM element which is the root of angular application. 123 | * @param modules An array of modules to load into the application. 124 | * Each item in the array should be the name of a predefined module or a (DI annotated) 125 | * function that will be invoked by the injector as a run block. 126 | * @param config an object for defining configuration options for the application. The following keys are supported: 127 | * - `strictDi`: disable automatic function annotation for the application. This is meant to assist in finding bugs which break minified code. 128 | */ 129 | bootstrap(element: Element, modules?: string, config?: IAngularBootstrapConfig): auto.IInjectorService; 130 | /** 131 | * Use this function to manually start up angular application. 132 | * 133 | * @param element DOM element which is the root of angular application. 134 | * @param modules An array of modules to load into the application. 135 | * Each item in the array should be the name of a predefined module or a (DI annotated) 136 | * function that will be invoked by the injector as a run block. 137 | * @param config an object for defining configuration options for the application. The following keys are supported: 138 | * - `strictDi`: disable automatic function annotation for the application. This is meant to assist in finding bugs which break minified code. 139 | */ 140 | bootstrap(element: Element, modules?: Function, config?: IAngularBootstrapConfig): auto.IInjectorService; 141 | /** 142 | * Use this function to manually start up angular application. 143 | * 144 | * @param element DOM element which is the root of angular application. 145 | * @param modules An array of modules to load into the application. 146 | * Each item in the array should be the name of a predefined module or a (DI annotated) 147 | * function that will be invoked by the injector as a run block. 148 | * @param config an object for defining configuration options for the application. The following keys are supported: 149 | * - `strictDi`: disable automatic function annotation for the application. This is meant to assist in finding bugs which break minified code. 150 | */ 151 | bootstrap(element: Element, modules?: string[], config?: IAngularBootstrapConfig): auto.IInjectorService; 152 | /** 153 | * Use this function to manually start up angular application. 154 | * 155 | * @param element DOM element which is the root of angular application. 156 | * @param modules An array of modules to load into the application. 157 | * Each item in the array should be the name of a predefined module or a (DI annotated) 158 | * function that will be invoked by the injector as a run block. 159 | * @param config an object for defining configuration options for the application. The following keys are supported: 160 | * - `strictDi`: disable automatic function annotation for the application. This is meant to assist in finding bugs which break minified code. 161 | */ 162 | bootstrap(element: Document, modules?: string, config?: IAngularBootstrapConfig): auto.IInjectorService; 163 | /** 164 | * Use this function to manually start up angular application. 165 | * 166 | * @param element DOM element which is the root of angular application. 167 | * @param modules An array of modules to load into the application. 168 | * Each item in the array should be the name of a predefined module or a (DI annotated) 169 | * function that will be invoked by the injector as a run block. 170 | * @param config an object for defining configuration options for the application. The following keys are supported: 171 | * - `strictDi`: disable automatic function annotation for the application. This is meant to assist in finding bugs which break minified code. 172 | */ 173 | bootstrap(element: Document, modules?: Function, config?: IAngularBootstrapConfig): auto.IInjectorService; 174 | /** 175 | * Use this function to manually start up angular application. 176 | * 177 | * @param element DOM element which is the root of angular application. 178 | * @param modules An array of modules to load into the application. 179 | * Each item in the array should be the name of a predefined module or a (DI annotated) 180 | * function that will be invoked by the injector as a run block. 181 | * @param config an object for defining configuration options for the application. The following keys are supported: 182 | * - `strictDi`: disable automatic function annotation for the application. This is meant to assist in finding bugs which break minified code. 183 | */ 184 | bootstrap(element: Document, modules?: string[], config?: IAngularBootstrapConfig): auto.IInjectorService; 185 | 186 | /** 187 | * Creates a deep copy of source, which should be an object or an array. 188 | * 189 | * - If no destination is supplied, a copy of the object or array is created. 190 | * - If a destination is provided, all of its elements (for array) or properties (for objects) are deleted and then all elements/properties from the source are copied to it. 191 | * - If source is not an object or array (inc. null and undefined), source is returned. 192 | * - If source is identical to 'destination' an exception will be thrown. 193 | * 194 | * @param source The source that will be used to make a copy. Can be any type, including primitives, null, and undefined. 195 | * @param destination Destination into which the source is copied. If provided, must be of the same type as source. 196 | */ 197 | copy(source: T, destination?: T): T; 198 | 199 | /** 200 | * Wraps a raw DOM element or HTML string as a jQuery element. 201 | * 202 | * If jQuery is available, angular.element is an alias for the jQuery function. If jQuery is not available, angular.element delegates to Angular's built-in subset of jQuery, called "jQuery lite" or "jqLite." 203 | */ 204 | element: IAugmentedJQueryStatic; 205 | equals(value1: any, value2: any): boolean; 206 | extend(destination: any, ...sources: any[]): any; 207 | 208 | /** 209 | * Invokes the iterator function once for each item in obj collection, which can be either an object or an array. The iterator function is invoked with iterator(value, key), where value is the value of an object property or an array element and key is the object property key or array element index. Specifying a context for the function is optional. 210 | * 211 | * It is worth noting that .forEach does not iterate over inherited properties because it filters using the hasOwnProperty method. 212 | * 213 | * @param obj Object to iterate over. 214 | * @param iterator Iterator function. 215 | * @param context Object to become context (this) for the iterator function. 216 | */ 217 | forEach(obj: T[], iterator: (value: T, key: number) => any, context?: any): any; 218 | /** 219 | * Invokes the iterator function once for each item in obj collection, which can be either an object or an array. The iterator function is invoked with iterator(value, key), where value is the value of an object property or an array element and key is the object property key or array element index. Specifying a context for the function is optional. 220 | * 221 | * It is worth noting that .forEach does not iterate over inherited properties because it filters using the hasOwnProperty method. 222 | * 223 | * @param obj Object to iterate over. 224 | * @param iterator Iterator function. 225 | * @param context Object to become context (this) for the iterator function. 226 | */ 227 | forEach(obj: { [index: string]: T; }, iterator: (value: T, key: string) => any, context?: any): any; 228 | /** 229 | * Invokes the iterator function once for each item in obj collection, which can be either an object or an array. The iterator function is invoked with iterator(value, key), where value is the value of an object property or an array element and key is the object property key or array element index. Specifying a context for the function is optional. 230 | * 231 | * It is worth noting that .forEach does not iterate over inherited properties because it filters using the hasOwnProperty method. 232 | * 233 | * @param obj Object to iterate over. 234 | * @param iterator Iterator function. 235 | * @param context Object to become context (this) for the iterator function. 236 | */ 237 | forEach(obj: any, iterator: (value: any, key: any) => any, context?: any): any; 238 | 239 | fromJson(json: string): any; 240 | identity(arg?: any): any; 241 | injector(modules?: any[]): auto.IInjectorService; 242 | isArray(value: any): boolean; 243 | isDate(value: any): boolean; 244 | isDefined(value: any): boolean; 245 | isElement(value: any): boolean; 246 | isFunction(value: any): boolean; 247 | isNumber(value: any): boolean; 248 | isObject(value: any): boolean; 249 | isString(value: any): boolean; 250 | isUndefined(value: any): boolean; 251 | lowercase(str: string): string; 252 | 253 | /** 254 | * The angular.module is a global place for creating, registering and retrieving Angular modules. All modules (angular core or 3rd party) that should be available to an application must be registered using this mechanism. 255 | * 256 | * When passed two or more arguments, a new module is created. If passed only one argument, an existing module (the name passed as the first argument to module) is retrieved. 257 | * 258 | * @param name The name of the module to create or retrieve. 259 | * @param requires The names of modules this module depends on. If specified then new module is being created. If unspecified then the module is being retrieved for further configuration. 260 | * @param configFn Optional configuration function for the module. 261 | */ 262 | module( 263 | name: string, 264 | requires?: string[], 265 | configFn?: Function): IModule; 266 | 267 | noop(...args: any[]): void; 268 | reloadWithDebugInfo(): void; 269 | toJson(obj: any, pretty?: boolean): string; 270 | uppercase(str: string): string; 271 | version: { 272 | full: string; 273 | major: number; 274 | minor: number; 275 | dot: number; 276 | codeName: string; 277 | }; 278 | } 279 | 280 | /////////////////////////////////////////////////////////////////////////// 281 | // Module 282 | // see http://docs.angularjs.org/api/angular.Module 283 | /////////////////////////////////////////////////////////////////////////// 284 | interface IModule { 285 | animation(name: string, animationFactory: Function): IModule; 286 | animation(name: string, inlineAnnotatedFunction: any[]): IModule; 287 | animation(object: Object): IModule; 288 | /** 289 | * Use this method to register work which needs to be performed on module loading. 290 | * 291 | * @param configFn Execute this function on module load. Useful for service configuration. 292 | */ 293 | config(configFn: Function): IModule; 294 | /** 295 | * Use this method to register work which needs to be performed on module loading. 296 | * 297 | * @param inlineAnnotatedFunction Execute this function on module load. Useful for service configuration. 298 | */ 299 | config(inlineAnnotatedFunction: any[]): IModule; 300 | /** 301 | * Register a constant service, such as a string, a number, an array, an object or a function, with the $injector. Unlike value it can be injected into a module configuration function (see config) and it cannot be overridden by an Angular decorator. 302 | * 303 | * @param name The name of the constant. 304 | * @param value The constant value. 305 | */ 306 | constant(name: string, value: any): IModule; 307 | constant(object: Object): IModule; 308 | /** 309 | * The $controller service is used by Angular to create new controllers. 310 | * 311 | * This provider allows controller registration via the register method. 312 | * 313 | * @param name Controller name, or an object map of controllers where the keys are the names and the values are the constructors. 314 | * @param controllerConstructor Controller constructor fn (optionally decorated with DI annotations in the array notation). 315 | */ 316 | controller(name: string, controllerConstructor: Function): IModule; 317 | /** 318 | * The $controller service is used by Angular to create new controllers. 319 | * 320 | * This provider allows controller registration via the register method. 321 | * 322 | * @param name Controller name, or an object map of controllers where the keys are the names and the values are the constructors. 323 | * @param controllerConstructor Controller constructor fn (optionally decorated with DI annotations in the array notation). 324 | */ 325 | controller(name: string, inlineAnnotatedConstructor: any[]): IModule; 326 | controller(object: Object): IModule; 327 | /** 328 | * Register a new directive with the compiler. 329 | * 330 | * @param name Name of the directive in camel-case (i.e. ngBind which will match as ng-bind) 331 | * @param directiveFactory An injectable directive factory function. 332 | */ 333 | directive(name: string, directiveFactory: IDirectiveFactory): IModule; 334 | /** 335 | * Register a new directive with the compiler. 336 | * 337 | * @param name Name of the directive in camel-case (i.e. ngBind which will match as ng-bind) 338 | * @param directiveFactory An injectable directive factory function. 339 | */ 340 | directive(name: string, inlineAnnotatedFunction: any[]): IModule; 341 | directive(object: Object): IModule; 342 | /** 343 | * Register a service factory, which will be called to return the service instance. This is short for registering a service where its provider consists of only a $get property, which is the given service factory function. You should use $provide.factory(getFn) if you do not need to configure your service in a provider. 344 | * 345 | * @param name The name of the instance. 346 | * @param $getFn The $getFn for the instance creation. Internally this is a short hand for $provide.provider(name, {$get: $getFn}). 347 | */ 348 | factory(name: string, $getFn: Function): IModule; 349 | /** 350 | * Register a service factory, which will be called to return the service instance. This is short for registering a service where its provider consists of only a $get property, which is the given service factory function. You should use $provide.factory(getFn) if you do not need to configure your service in a provider. 351 | * 352 | * @param name The name of the instance. 353 | * @param inlineAnnotatedFunction The $getFn for the instance creation. Internally this is a short hand for $provide.provider(name, {$get: $getFn}). 354 | */ 355 | factory(name: string, inlineAnnotatedFunction: any[]): IModule; 356 | factory(object: Object): IModule; 357 | filter(name: string, filterFactoryFunction: Function): IModule; 358 | filter(name: string, inlineAnnotatedFunction: any[]): IModule; 359 | filter(object: Object): IModule; 360 | provider(name: string, serviceProviderFactory: IServiceProviderFactory): IModule; 361 | provider(name: string, serviceProviderConstructor: IServiceProviderClass): IModule; 362 | provider(name: string, inlineAnnotatedConstructor: any[]): IModule; 363 | provider(name: string, providerObject: IServiceProvider): IModule; 364 | provider(object: Object): IModule; 365 | /** 366 | * Run blocks are the closest thing in Angular to the main method. A run block is the code which needs to run to kickstart the application. It is executed after all of the service have been configured and the injector has been created. Run blocks typically contain code which is hard to unit-test, and for this reason should be declared in isolated modules, so that they can be ignored in the unit-tests. 367 | */ 368 | run(initializationFunction: Function): IModule; 369 | /** 370 | * Run blocks are the closest thing in Angular to the main method. A run block is the code which needs to run to kickstart the application. It is executed after all of the service have been configured and the injector has been created. Run blocks typically contain code which is hard to unit-test, and for this reason should be declared in isolated modules, so that they can be ignored in the unit-tests. 371 | */ 372 | run(inlineAnnotatedFunction: any[]): IModule; 373 | service(name: string, serviceConstructor: Function): IModule; 374 | service(name: string, inlineAnnotatedConstructor: any[]): IModule; 375 | service(object: Object): IModule; 376 | /** 377 | * Register a value service with the $injector, such as a string, a number, an array, an object or a function. This is short for registering a service where its provider's $get property is a factory function that takes no arguments and returns the value service. 378 | 379 | Value services are similar to constant services, except that they cannot be injected into a module configuration function (see config) but they can be overridden by an Angular decorator. 380 | * 381 | * @param name The name of the instance. 382 | * @param value The value. 383 | */ 384 | value(name: string, value: any): IModule; 385 | value(object: Object): IModule; 386 | 387 | // Properties 388 | name: string; 389 | requires: string[]; 390 | } 391 | 392 | /////////////////////////////////////////////////////////////////////////// 393 | // Attributes 394 | // see http://docs.angularjs.org/api/ng.$compile.directive.Attributes 395 | /////////////////////////////////////////////////////////////////////////// 396 | interface IAttributes { 397 | /** 398 | * this is necessary to be able to access the scoped attributes. it's not very elegant 399 | * because you have to use attrs['foo'] instead of attrs.foo but I don't know of a better way 400 | * this should really be limited to return string but it creates this problem: http://stackoverflow.com/q/17201854/165656 401 | */ 402 | [name: string]: any; 403 | 404 | /** 405 | * Adds the CSS class value specified by the classVal parameter to the 406 | * element. If animations are enabled then an animation will be triggered 407 | * for the class addition. 408 | */ 409 | $addClass(classVal: string): void; 410 | 411 | /** 412 | * Removes the CSS class value specified by the classVal parameter from the 413 | * element. If animations are enabled then an animation will be triggered for 414 | * the class removal. 415 | */ 416 | $removeClass(classVal: string): void; 417 | 418 | /** 419 | * Set DOM element attribute value. 420 | */ 421 | $set(key: string, value: any): void; 422 | 423 | /** 424 | * Observes an interpolated attribute. 425 | * The observer function will be invoked once during the next $digest 426 | * following compilation. The observer is then invoked whenever the 427 | * interpolated value changes. 428 | */ 429 | $observe(name: string, fn: (value?: any) => any): Function; 430 | 431 | /** 432 | * A map of DOM element attribute names to the normalized name. This is needed 433 | * to do reverse lookup from normalized name back to actual name. 434 | */ 435 | $attr: Object; 436 | } 437 | 438 | /** 439 | * form.FormController - type in module ng 440 | * see https://docs.angularjs.org/api/ng/type/form.FormController 441 | */ 442 | interface IFormController { 443 | 444 | /** 445 | * Indexer which should return ng.INgModelController for most properties but cannot because of "All named properties must be assignable to string indexer type" constraint - see https://github.com/Microsoft/TypeScript/issues/272 446 | */ 447 | [name: string]: any; 448 | 449 | $pristine: boolean; 450 | $dirty: boolean; 451 | $valid: boolean; 452 | $invalid: boolean; 453 | $submitted: boolean; 454 | $error: any; 455 | $addControl(control: INgModelController): void; 456 | $removeControl(control: INgModelController): void; 457 | $setValidity(validationErrorKey: string, isValid: boolean, control: INgModelController): void; 458 | $setDirty(): void; 459 | $setPristine(): void; 460 | $commitViewValue(): void; 461 | $rollbackViewValue(): void; 462 | $setSubmitted(): void; 463 | $setUntouched(): void; 464 | } 465 | 466 | /////////////////////////////////////////////////////////////////////////// 467 | // NgModelController 468 | // see http://docs.angularjs.org/api/ng.directive:ngModel.NgModelController 469 | /////////////////////////////////////////////////////////////////////////// 470 | interface INgModelController { 471 | $render(): void; 472 | $setValidity(validationErrorKey: string, isValid: boolean): void; 473 | // Documentation states viewValue and modelValue to be a string but other 474 | // types do work and it's common to use them. 475 | $setViewValue(value: any, trigger?: string): void; 476 | $setPristine(): void; 477 | $validate(): void; 478 | $setTouched(): void; 479 | $setUntouched(): void; 480 | $rollbackViewValue(): void; 481 | $commitViewValue(): void; 482 | $isEmpty(value: any): boolean; 483 | 484 | $viewValue: any; 485 | 486 | $modelValue: any; 487 | 488 | $parsers: IModelParser[]; 489 | $formatters: IModelFormatter[]; 490 | $viewChangeListeners: IModelViewChangeListener[]; 491 | $error: any; 492 | $name: string; 493 | 494 | $touched: boolean; 495 | $untouched: boolean; 496 | 497 | $validators: IModelValidators; 498 | $asyncValidators: IAsyncModelValidators; 499 | 500 | $pending: any; 501 | $pristine: boolean; 502 | $dirty: boolean; 503 | $valid: boolean; 504 | $invalid: boolean; 505 | } 506 | 507 | interface IModelValidators { 508 | [index: string]: (...args: any[]) => boolean; 509 | } 510 | 511 | interface IAsyncModelValidators { 512 | [index: string]: (...args: any[]) => IPromise; 513 | } 514 | 515 | interface IModelParser { 516 | (value: any): any; 517 | } 518 | 519 | interface IModelFormatter { 520 | (value: any): any; 521 | } 522 | 523 | interface IModelViewChangeListener { 524 | (): void; 525 | } 526 | 527 | /** 528 | * $rootScope - $rootScopeProvider - service in module ng 529 | * see https://docs.angularjs.org/api/ng/type/$rootScope.Scope and https://docs.angularjs.org/api/ng/service/$rootScope 530 | */ 531 | interface IRootScopeService { 532 | [index: string]: any; 533 | 534 | $apply(): any; 535 | $apply(exp: string): any; 536 | $apply(exp: (scope: IScope) => any): any; 537 | 538 | $applyAsync(): any; 539 | $applyAsync(exp: string): any; 540 | $applyAsync(exp: (scope: IScope) => any): any; 541 | 542 | $broadcast(name: string, ...args: any[]): IAngularEvent; 543 | $destroy(): void; 544 | $digest(): void; 545 | $emit(name: string, ...args: any[]): IAngularEvent; 546 | 547 | $eval(): any; 548 | $eval(expression: string, locals?: Object): any; 549 | $eval(expression: (scope: IScope) => any, locals?: Object): any; 550 | 551 | $evalAsync(): void; 552 | $evalAsync(expression: string): void; 553 | $evalAsync(expression: (scope: IScope) => any): void; 554 | 555 | // Defaults to false by the implementation checking strategy 556 | $new(isolate?: boolean, parent?: IScope): IScope; 557 | 558 | /** 559 | * Listens on events of a given type. See $emit for discussion of event life cycle. 560 | * 561 | * The event listener function format is: function(event, args...). 562 | * 563 | * @param name Event name to listen on. 564 | * @param listener Function to call when the event is emitted. 565 | */ 566 | $on(name: string, listener: (event: IAngularEvent, ...args: any[]) => any): Function; 567 | 568 | $watch(watchExpression: string, listener?: string, objectEquality?: boolean): Function; 569 | $watch(watchExpression: string, listener?: (newValue: any, oldValue: any, scope: IScope) => any, objectEquality?: boolean): Function; 570 | $watch(watchExpression: (scope: IScope) => any, listener?: string, objectEquality?: boolean): Function; 571 | $watch(watchExpression: (scope: IScope) => any, listener?: (newValue: any, oldValue: any, scope: IScope) => any, objectEquality?: boolean): Function; 572 | 573 | $watchCollection(watchExpression: string, listener: (newValue: any, oldValue: any, scope: IScope) => any): Function; 574 | $watchCollection(watchExpression: (scope: IScope) => any, listener: (newValue: any, oldValue: any, scope: IScope) => any): Function; 575 | 576 | $watchGroup(watchExpressions: any[], listener: (newValue: any, oldValue: any, scope: IScope) => any): Function; 577 | $watchGroup(watchExpressions: { (scope: IScope): any }[], listener: (newValue: any, oldValue: any, scope: IScope) => any): Function; 578 | 579 | $parent: IScope; 580 | $root: IRootScopeService; 581 | $id: number; 582 | 583 | // Hidden members 584 | $$isolateBindings: any; 585 | $$phase: any; 586 | } 587 | 588 | interface IScope extends IRootScopeService { } 589 | 590 | /** 591 | * $scope for ngRepeat directive. 592 | * see https://docs.angularjs.org/api/ng/directive/ngRepeat 593 | */ 594 | interface IRepeatScope extends IScope { 595 | 596 | /** 597 | * iterator offset of the repeated element (0..length-1). 598 | */ 599 | $index: number; 600 | 601 | /** 602 | * true if the repeated element is first in the iterator. 603 | */ 604 | $first: boolean; 605 | 606 | /** 607 | * true if the repeated element is between the first and last in the iterator. 608 | */ 609 | $middle: boolean; 610 | 611 | /** 612 | * true if the repeated element is last in the iterator. 613 | */ 614 | $last: boolean; 615 | 616 | /** 617 | * true if the iterator position $index is even (otherwise false). 618 | */ 619 | $even: boolean; 620 | 621 | /** 622 | * true if the iterator position $index is odd (otherwise false). 623 | */ 624 | $odd: boolean; 625 | 626 | } 627 | 628 | interface IAngularEvent { 629 | /** 630 | * the scope on which the event was $emit-ed or $broadcast-ed. 631 | */ 632 | targetScope: IScope; 633 | /** 634 | * the scope that is currently handling the event. Once the event propagates through the scope hierarchy, this property is set to null. 635 | */ 636 | currentScope: IScope; 637 | /** 638 | * name of the event. 639 | */ 640 | name: string; 641 | /** 642 | * calling stopPropagation function will cancel further event propagation (available only for events that were $emit-ed). 643 | */ 644 | stopPropagation?: Function; 645 | /** 646 | * calling preventDefault sets defaultPrevented flag to true. 647 | */ 648 | preventDefault: Function; 649 | /** 650 | * true if preventDefault was called. 651 | */ 652 | defaultPrevented: boolean; 653 | } 654 | 655 | /////////////////////////////////////////////////////////////////////////// 656 | // WindowService 657 | // see http://docs.angularjs.org/api/ng.$window 658 | /////////////////////////////////////////////////////////////////////////// 659 | interface IWindowService extends Window { 660 | [key: string]: any; 661 | } 662 | 663 | /////////////////////////////////////////////////////////////////////////// 664 | // BrowserService 665 | // TODO undocumented, so we need to get it from the source code 666 | /////////////////////////////////////////////////////////////////////////// 667 | interface IBrowserService { 668 | [key: string]: any; 669 | } 670 | 671 | /////////////////////////////////////////////////////////////////////////// 672 | // TimeoutService 673 | // see http://docs.angularjs.org/api/ng.$timeout 674 | /////////////////////////////////////////////////////////////////////////// 675 | interface ITimeoutService { 676 | (func: Function, delay?: number, invokeApply?: boolean): IPromise; 677 | cancel(promise: IPromise): boolean; 678 | } 679 | 680 | /////////////////////////////////////////////////////////////////////////// 681 | // IntervalService 682 | // see http://docs.angularjs.org/api/ng.$interval 683 | /////////////////////////////////////////////////////////////////////////// 684 | interface IIntervalService { 685 | (func: Function, delay: number, count?: number, invokeApply?: boolean): IPromise; 686 | cancel(promise: IPromise): boolean; 687 | } 688 | 689 | /////////////////////////////////////////////////////////////////////////// 690 | // AngularProvider 691 | // see http://docs.angularjs.org/api/ng/provider/$animateProvider 692 | /////////////////////////////////////////////////////////////////////////// 693 | interface IAnimateProvider { 694 | /** 695 | * Registers a new injectable animation factory function. 696 | * 697 | * @param name The name of the animation. 698 | * @param factory The factory function that will be executed to return the animation object. 699 | */ 700 | register(name: string, factory: () => IAnimateCallbackObject): void; 701 | 702 | /** 703 | * Gets and/or sets the CSS class expression that is checked when performing an animation. 704 | * 705 | * @param expression The className expression which will be checked against all animations. 706 | * @returns The current CSS className expression value. If null then there is no expression value. 707 | */ 708 | classNameFilter(expression?: RegExp): RegExp; 709 | } 710 | 711 | /** 712 | * The animation object which contains callback functions for each event that is expected to be animated. 713 | */ 714 | interface IAnimateCallbackObject { 715 | eventFn(element: Node, doneFn: () => void): Function; 716 | } 717 | 718 | /////////////////////////////////////////////////////////////////////////// 719 | // FilterService 720 | // see http://docs.angularjs.org/api/ng.$filter 721 | // see http://docs.angularjs.org/api/ng.$filterProvider 722 | /////////////////////////////////////////////////////////////////////////// 723 | interface IFilterService { 724 | (name: string): Function; 725 | } 726 | 727 | interface IFilterProvider extends IServiceProvider { 728 | register(name: string, filterFactory: Function): IServiceProvider; 729 | } 730 | 731 | /////////////////////////////////////////////////////////////////////////// 732 | // LocaleService 733 | // see http://docs.angularjs.org/api/ng.$locale 734 | /////////////////////////////////////////////////////////////////////////// 735 | interface ILocaleService { 736 | id: string; 737 | 738 | // These are not documented 739 | // Check angular's i18n files for exemples 740 | NUMBER_FORMATS: ILocaleNumberFormatDescriptor; 741 | DATETIME_FORMATS: ILocaleDateTimeFormatDescriptor; 742 | pluralCat: (num: any) => string; 743 | } 744 | 745 | interface ILocaleNumberFormatDescriptor { 746 | DECIMAL_SEP: string; 747 | GROUP_SEP: string; 748 | PATTERNS: ILocaleNumberPatternDescriptor[]; 749 | CURRENCY_SYM: string; 750 | } 751 | 752 | interface ILocaleNumberPatternDescriptor { 753 | minInt: number; 754 | minFrac: number; 755 | maxFrac: number; 756 | posPre: string; 757 | posSuf: string; 758 | negPre: string; 759 | negSuf: string; 760 | gSize: number; 761 | lgSize: number; 762 | } 763 | 764 | interface ILocaleDateTimeFormatDescriptor { 765 | MONTH: string[]; 766 | SHORTMONTH: string[]; 767 | DAY: string[]; 768 | SHORTDAY: string[]; 769 | AMPMS: string[]; 770 | medium: string; 771 | short: string; 772 | fullDate: string; 773 | longDate: string; 774 | mediumDate: string; 775 | shortDate: string; 776 | mediumTime: string; 777 | shortTime: string; 778 | } 779 | 780 | /////////////////////////////////////////////////////////////////////////// 781 | // LogService 782 | // see http://docs.angularjs.org/api/ng.$log 783 | // see http://docs.angularjs.org/api/ng.$logProvider 784 | /////////////////////////////////////////////////////////////////////////// 785 | interface ILogService { 786 | debug: ILogCall; 787 | error: ILogCall; 788 | info: ILogCall; 789 | log: ILogCall; 790 | warn: ILogCall; 791 | } 792 | 793 | interface ILogProvider { 794 | debugEnabled(): boolean; 795 | debugEnabled(enabled: boolean): ILogProvider; 796 | } 797 | 798 | // We define this as separate interface so we can reopen it later for 799 | // the ngMock module. 800 | interface ILogCall { 801 | (...args: any[]): void; 802 | } 803 | 804 | /////////////////////////////////////////////////////////////////////////// 805 | // ParseService 806 | // see http://docs.angularjs.org/api/ng.$parse 807 | // see http://docs.angularjs.org/api/ng.$parseProvider 808 | /////////////////////////////////////////////////////////////////////////// 809 | interface IParseService { 810 | (expression: string): ICompiledExpression; 811 | } 812 | 813 | interface IParseProvider { 814 | logPromiseWarnings(): boolean; 815 | logPromiseWarnings(value: boolean): IParseProvider; 816 | 817 | unwrapPromises(): boolean; 818 | unwrapPromises(value: boolean): IParseProvider; 819 | } 820 | 821 | interface ICompiledExpression { 822 | (context: any, locals?: any): any; 823 | 824 | // If value is not provided, undefined is gonna be used since the implementation 825 | // does not check the parameter. Let's force a value for consistency. If consumer 826 | // whants to undefine it, pass the undefined value explicitly. 827 | assign(context: any, value: any): any; 828 | } 829 | 830 | /** 831 | * $location - $locationProvider - service in module ng 832 | * see https://docs.angularjs.org/api/ng/service/$location 833 | */ 834 | interface ILocationService { 835 | absUrl(): string; 836 | hash(): string; 837 | hash(newHash: string): ILocationService; 838 | host(): string; 839 | 840 | /** 841 | * Return path of current url 842 | */ 843 | path(): string; 844 | 845 | /** 846 | * Change path when called with parameter and return $location. 847 | * Note: Path should always begin with forward slash (/), this method will add the forward slash if it is missing. 848 | * 849 | * @param path New path 850 | */ 851 | path(path: string): ILocationService; 852 | 853 | port(): number; 854 | protocol(): string; 855 | replace(): ILocationService; 856 | 857 | /** 858 | * Return search part (as object) of current url 859 | */ 860 | search(): any; 861 | 862 | /** 863 | * Change search part when called with parameter and return $location. 864 | * 865 | * @param search When called with a single argument the method acts as a setter, setting the search component of $location to the specified value. 866 | * 867 | * If the argument is a hash object containing an array of values, these values will be encoded as duplicate search parameters in the url. 868 | */ 869 | search(search: any): ILocationService; 870 | 871 | /** 872 | * Change search part when called with parameter and return $location. 873 | * 874 | * @param search New search params 875 | * @param paramValue If search is a string or a Number, then paramValue will override only a single search property. If paramValue is null, the property specified via the first argument will be deleted. If paramValue is an array, it will override the property of the search component of $location specified via the first argument. If paramValue is true, the property specified via the first argument will be added with no value nor trailing equal sign. 876 | */ 877 | search(search: string, paramValue: string|number|string[]|boolean): ILocationService; 878 | 879 | state(): any; 880 | state(state: any): ILocationService; 881 | url(): string; 882 | url(url: string): ILocationService; 883 | } 884 | 885 | interface ILocationProvider extends IServiceProvider { 886 | hashPrefix(): string; 887 | hashPrefix(prefix: string): ILocationProvider; 888 | html5Mode(): boolean; 889 | 890 | // Documentation states that parameter is string, but 891 | // implementation tests it as boolean, which makes more sense 892 | // since this is a toggler 893 | html5Mode(active: boolean): ILocationProvider; 894 | html5Mode(mode: { enabled?: boolean; requireBase?: boolean; rewriteLinks?: boolean; }): ILocationProvider; 895 | } 896 | 897 | /////////////////////////////////////////////////////////////////////////// 898 | // DocumentService 899 | // see http://docs.angularjs.org/api/ng.$document 900 | /////////////////////////////////////////////////////////////////////////// 901 | interface IDocumentService extends IAugmentedJQuery {} 902 | 903 | /////////////////////////////////////////////////////////////////////////// 904 | // ExceptionHandlerService 905 | // see http://docs.angularjs.org/api/ng.$exceptionHandler 906 | /////////////////////////////////////////////////////////////////////////// 907 | interface IExceptionHandlerService { 908 | (exception: Error, cause?: string): void; 909 | } 910 | 911 | /////////////////////////////////////////////////////////////////////////// 912 | // RootElementService 913 | // see http://docs.angularjs.org/api/ng.$rootElement 914 | /////////////////////////////////////////////////////////////////////////// 915 | interface IRootElementService extends JQuery {} 916 | 917 | interface IQResolveReject { 918 | (): void; 919 | (value: T): void; 920 | } 921 | /** 922 | * $q - service in module ng 923 | * A promise/deferred implementation inspired by Kris Kowal's Q. 924 | * See http://docs.angularjs.org/api/ng/service/$q 925 | */ 926 | interface IQService { 927 | new (resolver: (resolve: IQResolveReject) => any): IPromise; 928 | new (resolver: (resolve: IQResolveReject, reject: IQResolveReject) => any): IPromise; 929 | new (resolver: (resolve: IQResolveReject, reject: IQResolveReject) => any): IPromise; 930 | 931 | /** 932 | * Combines multiple promises into a single promise that is resolved when all of the input promises are resolved. 933 | * 934 | * Returns a single promise that will be resolved with an array of values, each value corresponding to the promise at the same index in the promises array. If any of the promises is resolved with a rejection, this resulting promise will be rejected with the same rejection value. 935 | * 936 | * @param promises An array of promises. 937 | */ 938 | all(promises: IPromise[]): IPromise; 939 | /** 940 | * Combines multiple promises into a single promise that is resolved when all of the input promises are resolved. 941 | * 942 | * Returns a single promise that will be resolved with a hash of values, each value corresponding to the promise at the same key in the promises hash. If any of the promises is resolved with a rejection, this resulting promise will be rejected with the same rejection value. 943 | * 944 | * @param promises A hash of promises. 945 | */ 946 | all(promises: { [id: string]: IPromise; }): IPromise<{ [id: string]: any; }>; 947 | /** 948 | * Creates a Deferred object which represents a task which will finish in the future. 949 | */ 950 | defer(): IDeferred; 951 | /** 952 | * Creates a promise that is resolved as rejected with the specified reason. This api should be used to forward rejection in a chain of promises. If you are dealing with the last promise in a promise chain, you don't need to worry about it. 953 | * 954 | * When comparing deferreds/promises to the familiar behavior of try/catch/throw, think of reject as the throw keyword in JavaScript. This also means that if you "catch" an error via a promise error callback and you want to forward the error to the promise derived from the current promise, you have to "rethrow" the error by returning a rejection constructed via reject. 955 | * 956 | * @param reason Constant, message, exception or an object representing the rejection reason. 957 | */ 958 | reject(reason?: any): IPromise; 959 | /** 960 | * Wraps an object that might be a value or a (3rd party) then-able promise into a $q promise. This is useful when you are dealing with an object that might or might not be a promise, or if the promise comes from a source that can't be trusted. 961 | * 962 | * @param value Value or a promise 963 | */ 964 | when(value: IPromise|T): IPromise; 965 | /** 966 | * Wraps an object that might be a value or a (3rd party) then-able promise into a $q promise. This is useful when you are dealing with an object that might or might not be a promise, or if the promise comes from a source that can't be trusted. 967 | * 968 | * @param value Value or a promise 969 | */ 970 | when(): IPromise; 971 | } 972 | 973 | interface IPromise { 974 | /** 975 | * Regardless of when the promise was or will be resolved or rejected, then calls one of the success or error callbacks asynchronously as soon as the result is available. The callbacks are called with a single argument: the result or rejection reason. Additionally, the notify callback may be called zero or more times to provide a progress indication, before the promise is resolved or rejected. 976 | * 977 | * This method returns a new promise which is resolved or rejected via the return value of the successCallback, errorCallback. It also notifies via the return value of the notifyCallback method. The promise can not be resolved or rejected from the notifyCallback method. 978 | */ 979 | then(successCallback: (promiseValue: T) => IHttpPromise|IPromise|TResult, errorCallback?: (reason: any) => any, notifyCallback?: (state: any) => any): IPromise; 980 | 981 | /** 982 | * Shorthand for promise.then(null, errorCallback) 983 | */ 984 | catch(onRejected: (reason: any) => IHttpPromise|IPromise|TResult): IPromise; 985 | 986 | /** 987 | * Allows you to observe either the fulfillment or rejection of a promise, but to do so without modifying the final value. This is useful to release resources or do some clean-up that needs to be done whether the promise was rejected or resolved. See the full specification for more information. 988 | * 989 | * Because finally is a reserved word in JavaScript and reserved keywords are not supported as property names by ES3, you'll need to invoke the method like promise['finally'](callback) to make your code IE8 and Android 2.x compatible. 990 | */ 991 | finally(finallyCallback: () => any): IPromise; 992 | } 993 | 994 | interface IDeferred { 995 | resolve(value?: T): void; 996 | reject(reason?: any): void; 997 | notify(state?: any): void; 998 | promise: IPromise; 999 | } 1000 | 1001 | /////////////////////////////////////////////////////////////////////////// 1002 | // AnchorScrollService 1003 | // see http://docs.angularjs.org/api/ng.$anchorScroll 1004 | /////////////////////////////////////////////////////////////////////////// 1005 | interface IAnchorScrollService { 1006 | (): void; 1007 | yOffset: any; 1008 | } 1009 | 1010 | interface IAnchorScrollProvider extends IServiceProvider { 1011 | disableAutoScrolling(): void; 1012 | } 1013 | 1014 | /////////////////////////////////////////////////////////////////////////// 1015 | // CacheFactoryService 1016 | // see http://docs.angularjs.org/api/ng.$cacheFactory 1017 | /////////////////////////////////////////////////////////////////////////// 1018 | interface ICacheFactoryService { 1019 | // Lets not foce the optionsMap to have the capacity member. Even though 1020 | // it's the ONLY option considered by the implementation today, a consumer 1021 | // might find it useful to associate some other options to the cache object. 1022 | //(cacheId: string, optionsMap?: { capacity: number; }): CacheObject; 1023 | (cacheId: string, optionsMap?: { capacity: number; }): ICacheObject; 1024 | 1025 | // Methods bellow are not documented 1026 | info(): any; 1027 | get(cacheId: string): ICacheObject; 1028 | } 1029 | 1030 | interface ICacheObject { 1031 | info(): { 1032 | id: string; 1033 | size: number; 1034 | 1035 | // Not garanteed to have, since it's a non-mandatory option 1036 | //capacity: number; 1037 | }; 1038 | put(key: string, value?: T): T; 1039 | get(key: string): any; 1040 | remove(key: string): void; 1041 | removeAll(): void; 1042 | destroy(): void; 1043 | } 1044 | 1045 | /////////////////////////////////////////////////////////////////////////// 1046 | // CompileService 1047 | // see http://docs.angularjs.org/api/ng.$compile 1048 | // see http://docs.angularjs.org/api/ng.$compileProvider 1049 | /////////////////////////////////////////////////////////////////////////// 1050 | interface ICompileService { 1051 | (element: string, transclude?: ITranscludeFunction, maxPriority?: number): ITemplateLinkingFunction; 1052 | (element: Element, transclude?: ITranscludeFunction, maxPriority?: number): ITemplateLinkingFunction; 1053 | (element: JQuery, transclude?: ITranscludeFunction, maxPriority?: number): ITemplateLinkingFunction; 1054 | } 1055 | 1056 | interface ICompileProvider extends IServiceProvider { 1057 | directive(name: string, directiveFactory: Function): ICompileProvider; 1058 | 1059 | // Undocumented, but it is there... 1060 | directive(directivesMap: any): ICompileProvider; 1061 | 1062 | aHrefSanitizationWhitelist(): RegExp; 1063 | aHrefSanitizationWhitelist(regexp: RegExp): ICompileProvider; 1064 | 1065 | imgSrcSanitizationWhitelist(): RegExp; 1066 | imgSrcSanitizationWhitelist(regexp: RegExp): ICompileProvider; 1067 | 1068 | debugInfoEnabled(enabled?: boolean): any; 1069 | } 1070 | 1071 | interface ICloneAttachFunction { 1072 | // Let's hint but not force cloneAttachFn's signature 1073 | (clonedElement?: JQuery, scope?: IScope): any; 1074 | } 1075 | 1076 | // This corresponds to the "publicLinkFn" returned by $compile. 1077 | interface ITemplateLinkingFunction { 1078 | (scope: IScope, cloneAttachFn?: ICloneAttachFunction): IAugmentedJQuery; 1079 | } 1080 | 1081 | // This corresponds to $transclude (and also the transclude function passed to link). 1082 | interface ITranscludeFunction { 1083 | // If the scope is provided, then the cloneAttachFn must be as well. 1084 | (scope: IScope, cloneAttachFn: ICloneAttachFunction): IAugmentedJQuery; 1085 | // If one argument is provided, then it's assumed to be the cloneAttachFn. 1086 | (cloneAttachFn?: ICloneAttachFunction): IAugmentedJQuery; 1087 | } 1088 | 1089 | /////////////////////////////////////////////////////////////////////////// 1090 | // ControllerService 1091 | // see http://docs.angularjs.org/api/ng.$controller 1092 | // see http://docs.angularjs.org/api/ng.$controllerProvider 1093 | /////////////////////////////////////////////////////////////////////////// 1094 | interface IControllerService { 1095 | // Although the documentation doesn't state this, locals are optional 1096 | (controllerConstructor: Function, locals?: any): any; 1097 | (controllerName: string, locals?: any): any; 1098 | } 1099 | 1100 | interface IControllerProvider extends IServiceProvider { 1101 | register(name: string, controllerConstructor: Function): void; 1102 | register(name: string, dependencyAnnotatedConstructor: any[]): void; 1103 | allowGlobals(): void; 1104 | } 1105 | 1106 | /** 1107 | * HttpService 1108 | * see http://docs.angularjs.org/api/ng/service/$http 1109 | */ 1110 | interface IHttpService { 1111 | /** 1112 | * Object describing the request to be made and how it should be processed. 1113 | */ 1114 | (config: IRequestConfig): IHttpPromise; 1115 | 1116 | /** 1117 | * Shortcut method to perform GET request. 1118 | * 1119 | * @param url Relative or absolute URL specifying the destination of the request 1120 | * @param config Optional configuration object 1121 | */ 1122 | get(url: string, config?: IRequestShortcutConfig): IHttpPromise; 1123 | 1124 | /** 1125 | * Shortcut method to perform DELETE request. 1126 | * 1127 | * @param url Relative or absolute URL specifying the destination of the request 1128 | * @param config Optional configuration object 1129 | */ 1130 | delete(url: string, config?: IRequestShortcutConfig): IHttpPromise; 1131 | 1132 | /** 1133 | * Shortcut method to perform HEAD request. 1134 | * 1135 | * @param url Relative or absolute URL specifying the destination of the request 1136 | * @param config Optional configuration object 1137 | */ 1138 | head(url: string, config?: IRequestShortcutConfig): IHttpPromise; 1139 | 1140 | /** 1141 | * Shortcut method to perform JSONP request. 1142 | * 1143 | * @param url Relative or absolute URL specifying the destination of the request 1144 | * @param config Optional configuration object 1145 | */ 1146 | jsonp(url: string, config?: IRequestShortcutConfig): IHttpPromise; 1147 | 1148 | /** 1149 | * Shortcut method to perform POST request. 1150 | * 1151 | * @param url Relative or absolute URL specifying the destination of the request 1152 | * @param data Request content 1153 | * @param config Optional configuration object 1154 | */ 1155 | post(url: string, data: any, config?: IRequestShortcutConfig): IHttpPromise; 1156 | 1157 | /** 1158 | * Shortcut method to perform PUT request. 1159 | * 1160 | * @param url Relative or absolute URL specifying the destination of the request 1161 | * @param data Request content 1162 | * @param config Optional configuration object 1163 | */ 1164 | put(url: string, data: any, config?: IRequestShortcutConfig): IHttpPromise; 1165 | 1166 | /** 1167 | * Shortcut method to perform PATCH request. 1168 | * 1169 | * @param url Relative or absolute URL specifying the destination of the request 1170 | * @param data Request content 1171 | * @param config Optional configuration object 1172 | */ 1173 | patch(url: string, data: any, config?: IRequestShortcutConfig): IHttpPromise; 1174 | 1175 | /** 1176 | * Runtime equivalent of the $httpProvider.defaults property. Allows configuration of default headers, withCredentials as well as request and response transformations. 1177 | */ 1178 | defaults: IRequestConfig; 1179 | 1180 | /** 1181 | * Array of config objects for currently pending requests. This is primarily meant to be used for debugging purposes. 1182 | */ 1183 | pendingRequests: any[]; 1184 | } 1185 | 1186 | /** 1187 | * Object describing the request to be made and how it should be processed. 1188 | * see http://docs.angularjs.org/api/ng/service/$http#usage 1189 | */ 1190 | interface IRequestShortcutConfig { 1191 | /** 1192 | * {Object.} 1193 | * Map of strings or objects which will be turned to ?key1=value1&key2=value2 after the url. If the value is not a string, it will be JSONified. 1194 | */ 1195 | params?: any; 1196 | 1197 | /** 1198 | * Map of strings or functions which return strings representing HTTP headers to send to the server. If the return value of a function is null, the header will not be sent. 1199 | */ 1200 | headers?: any; 1201 | 1202 | /** 1203 | * Name of HTTP header to populate with the XSRF token. 1204 | */ 1205 | xsrfHeaderName?: string; 1206 | 1207 | /** 1208 | * Name of cookie containing the XSRF token. 1209 | */ 1210 | xsrfCookieName?: string; 1211 | 1212 | /** 1213 | * {boolean|Cache} 1214 | * If true, a default $http cache will be used to cache the GET request, otherwise if a cache instance built with $cacheFactory, this cache will be used for caching. 1215 | */ 1216 | cache?: any; 1217 | 1218 | /** 1219 | * whether to to set the withCredentials flag on the XHR object. See [requests with credentials]https://developer.mozilla.org/en/http_access_control#section_5 for more information. 1220 | */ 1221 | withCredentials?: boolean; 1222 | 1223 | /** 1224 | * {string|Object} 1225 | * Data to be sent as the request message data. 1226 | */ 1227 | data?: any; 1228 | 1229 | /** 1230 | * {function(data, headersGetter)|Array.} 1231 | * Transform function or an array of such functions. The transform function takes the http request body and headers and returns its transformed (typically serialized) version. 1232 | */ 1233 | transformRequest?: any; 1234 | 1235 | /** 1236 | * {function(data, headersGetter)|Array.} 1237 | * Transform function or an array of such functions. The transform function takes the http response body and headers and returns its transformed (typically deserialized) version. 1238 | */ 1239 | transformResponse?: any; 1240 | 1241 | /** 1242 | * {number|Promise} 1243 | * Timeout in milliseconds, or promise that should abort the request when resolved. 1244 | */ 1245 | timeout?: any; 1246 | 1247 | /** 1248 | * See requestType. 1249 | */ 1250 | responseType?: string; 1251 | } 1252 | 1253 | /** 1254 | * Object describing the request to be made and how it should be processed. 1255 | * see http://docs.angularjs.org/api/ng/service/$http#usage 1256 | */ 1257 | interface IRequestConfig extends IRequestShortcutConfig { 1258 | /** 1259 | * HTTP method (e.g. 'GET', 'POST', etc) 1260 | */ 1261 | method: string; 1262 | /** 1263 | * Absolute or relative URL of the resource that is being requested. 1264 | */ 1265 | url: string; 1266 | } 1267 | 1268 | interface IHttpHeadersGetter { 1269 | (): { [name: string]: string; }; 1270 | (headerName: string): string; 1271 | } 1272 | 1273 | interface IHttpPromiseCallback { 1274 | (data: T, status: number, headers: IHttpHeadersGetter, config: IRequestConfig): void; 1275 | } 1276 | 1277 | interface IHttpPromiseCallbackArg { 1278 | data?: T; 1279 | status?: number; 1280 | headers?: (headerName: string) => string; 1281 | config?: IRequestConfig; 1282 | statusText?: string; 1283 | } 1284 | 1285 | interface IHttpPromise extends IPromise> { 1286 | success(callback: IHttpPromiseCallback): IHttpPromise; 1287 | error(callback: IHttpPromiseCallback): IHttpPromise; 1288 | then(successCallback: (response: IHttpPromiseCallbackArg) => IPromise|TResult, errorCallback?: (response: IHttpPromiseCallbackArg) => any): IPromise; 1289 | } 1290 | 1291 | /** 1292 | * Object that controls the defaults for $http provider 1293 | * https://docs.angularjs.org/api/ng/service/$http#defaults 1294 | */ 1295 | interface IHttpProviderDefaults { 1296 | xsrfCookieName?: string; 1297 | xsrfHeaderName?: string; 1298 | withCredentials?: boolean; 1299 | headers?: { 1300 | common?: any; 1301 | post?: any; 1302 | put?: any; 1303 | patch?: any; 1304 | } 1305 | } 1306 | 1307 | interface IHttpProvider extends IServiceProvider { 1308 | defaults: IHttpProviderDefaults; 1309 | interceptors: any[]; 1310 | useApplyAsync(): boolean; 1311 | useApplyAsync(value: boolean): IHttpProvider; 1312 | } 1313 | 1314 | /////////////////////////////////////////////////////////////////////////// 1315 | // HttpBackendService 1316 | // see http://docs.angularjs.org/api/ng.$httpBackend 1317 | // You should never need to use this service directly. 1318 | /////////////////////////////////////////////////////////////////////////// 1319 | interface IHttpBackendService { 1320 | // XXX Perhaps define callback signature in the future 1321 | (method: string, url: string, post?: any, callback?: Function, headers?: any, timeout?: number, withCredentials?: boolean): void; 1322 | } 1323 | 1324 | /////////////////////////////////////////////////////////////////////////// 1325 | // InterpolateService 1326 | // see http://docs.angularjs.org/api/ng.$interpolate 1327 | // see http://docs.angularjs.org/api/ng.$interpolateProvider 1328 | /////////////////////////////////////////////////////////////////////////// 1329 | interface IInterpolateService { 1330 | (text: string, mustHaveExpression?: boolean, trustedContext?: string, allOrNothing?: boolean): IInterpolationFunction; 1331 | endSymbol(): string; 1332 | startSymbol(): string; 1333 | } 1334 | 1335 | interface IInterpolationFunction { 1336 | (context: any): string; 1337 | } 1338 | 1339 | interface IInterpolateProvider extends IServiceProvider { 1340 | startSymbol(): string; 1341 | startSymbol(value: string): IInterpolateProvider; 1342 | endSymbol(): string; 1343 | endSymbol(value: string): IInterpolateProvider; 1344 | } 1345 | 1346 | /////////////////////////////////////////////////////////////////////////// 1347 | // TemplateCacheService 1348 | // see http://docs.angularjs.org/api/ng.$templateCache 1349 | /////////////////////////////////////////////////////////////////////////// 1350 | interface ITemplateCacheService extends ICacheObject {} 1351 | 1352 | /////////////////////////////////////////////////////////////////////////// 1353 | // SCEService 1354 | // see http://docs.angularjs.org/api/ng.$sce 1355 | /////////////////////////////////////////////////////////////////////////// 1356 | interface ISCEService { 1357 | getTrusted(type: string, mayBeTrusted: any): any; 1358 | getTrustedCss(value: any): any; 1359 | getTrustedHtml(value: any): any; 1360 | getTrustedJs(value: any): any; 1361 | getTrustedResourceUrl(value: any): any; 1362 | getTrustedUrl(value: any): any; 1363 | parse(type: string, expression: string): (context: any, locals: any) => any; 1364 | parseAsCss(expression: string): (context: any, locals: any) => any; 1365 | parseAsHtml(expression: string): (context: any, locals: any) => any; 1366 | parseAsJs(expression: string): (context: any, locals: any) => any; 1367 | parseAsResourceUrl(expression: string): (context: any, locals: any) => any; 1368 | parseAsUrl(expression: string): (context: any, locals: any) => any; 1369 | trustAs(type: string, value: any): any; 1370 | trustAsHtml(value: any): any; 1371 | trustAsJs(value: any): any; 1372 | trustAsResourceUrl(value: any): any; 1373 | trustAsUrl(value: any): any; 1374 | isEnabled(): boolean; 1375 | } 1376 | 1377 | /////////////////////////////////////////////////////////////////////////// 1378 | // SCEProvider 1379 | // see http://docs.angularjs.org/api/ng.$sceProvider 1380 | /////////////////////////////////////////////////////////////////////////// 1381 | interface ISCEProvider extends IServiceProvider { 1382 | enabled(value: boolean): void; 1383 | } 1384 | 1385 | /////////////////////////////////////////////////////////////////////////// 1386 | // SCEDelegateService 1387 | // see http://docs.angularjs.org/api/ng.$sceDelegate 1388 | /////////////////////////////////////////////////////////////////////////// 1389 | interface ISCEDelegateService { 1390 | getTrusted(type: string, mayBeTrusted: any): any; 1391 | trustAs(type: string, value: any): any; 1392 | valueOf(value: any): any; 1393 | } 1394 | 1395 | 1396 | /////////////////////////////////////////////////////////////////////////// 1397 | // SCEDelegateProvider 1398 | // see http://docs.angularjs.org/api/ng.$sceDelegateProvider 1399 | /////////////////////////////////////////////////////////////////////////// 1400 | interface ISCEDelegateProvider extends IServiceProvider { 1401 | resourceUrlBlacklist(blacklist: any[]): void; 1402 | resourceUrlWhitelist(whitelist: any[]): void; 1403 | } 1404 | 1405 | /** 1406 | * $templateRequest service 1407 | * see http://docs.angularjs.org/api/ng/service/$templateRequest 1408 | */ 1409 | interface ITemplateRequestService { 1410 | /** 1411 | * Downloads a template using $http and, upon success, stores the 1412 | * contents inside of $templateCache. 1413 | * 1414 | * If the HTTP request fails or the response data of the HTTP request is 1415 | * empty then a $compile error will be thrown (unless 1416 | * {ignoreRequestError} is set to true). 1417 | * 1418 | * @param tpl The template URL. 1419 | * @param ignoreRequestError Whether or not to ignore the exception 1420 | * when the request fails or the template is 1421 | * empty. 1422 | * 1423 | * @return A promise whose value is the template content. 1424 | */ 1425 | (tpl: string, ignoreRequestError?: boolean): IPromise; 1426 | /** 1427 | * total amount of pending template requests being downloaded. 1428 | * @type {number} 1429 | */ 1430 | totalPendingRequests: number; 1431 | } 1432 | 1433 | /////////////////////////////////////////////////////////////////////////// 1434 | // Directive 1435 | // see http://docs.angularjs.org/api/ng.$compileProvider#directive 1436 | // and http://docs.angularjs.org/guide/directive 1437 | /////////////////////////////////////////////////////////////////////////// 1438 | 1439 | interface IDirectiveFactory { 1440 | (...args: any[]): IDirective; 1441 | } 1442 | 1443 | interface IDirectiveLinkFn { 1444 | ( 1445 | scope: IScope, 1446 | instanceElement: IAugmentedJQuery, 1447 | instanceAttributes: IAttributes, 1448 | controller: any, 1449 | transclude: ITranscludeFunction 1450 | ): void; 1451 | } 1452 | 1453 | interface IDirectivePrePost { 1454 | pre?: IDirectiveLinkFn; 1455 | post?: IDirectiveLinkFn; 1456 | } 1457 | 1458 | interface IDirectiveCompileFn { 1459 | ( 1460 | templateElement: IAugmentedJQuery, 1461 | templateAttributes: IAttributes, 1462 | transclude: ITranscludeFunction 1463 | ): IDirectivePrePost; 1464 | } 1465 | 1466 | interface IDirective { 1467 | compile?: IDirectiveCompileFn; 1468 | controller?: any; 1469 | controllerAs?: string; 1470 | bindToController?: boolean; 1471 | link?: IDirectiveLinkFn | IDirectivePrePost; 1472 | name?: string; 1473 | priority?: number; 1474 | replace?: boolean; 1475 | require?: any; 1476 | restrict?: string; 1477 | scope?: any; 1478 | template?: any; 1479 | templateUrl?: any; 1480 | terminal?: boolean; 1481 | transclude?: any; 1482 | } 1483 | 1484 | /** 1485 | * angular.element 1486 | * when calling angular.element, angular returns a jQuery object, 1487 | * augmented with additional methods like e.g. scope. 1488 | * see: http://docs.angularjs.org/api/angular.element 1489 | */ 1490 | interface IAugmentedJQueryStatic extends JQueryStatic { 1491 | (selector: string, context?: any): IAugmentedJQuery; 1492 | (element: Element): IAugmentedJQuery; 1493 | (object: {}): IAugmentedJQuery; 1494 | (elementArray: Element[]): IAugmentedJQuery; 1495 | (object: JQuery): IAugmentedJQuery; 1496 | (func: Function): IAugmentedJQuery; 1497 | (array: any[]): IAugmentedJQuery; 1498 | (): IAugmentedJQuery; 1499 | } 1500 | 1501 | interface IAugmentedJQuery extends JQuery { 1502 | // TODO: events, how to define? 1503 | //$destroy 1504 | 1505 | find(selector: string): IAugmentedJQuery; 1506 | find(element: any): IAugmentedJQuery; 1507 | find(obj: JQuery): IAugmentedJQuery; 1508 | controller(): any; 1509 | controller(name: string): any; 1510 | injector(): any; 1511 | scope(): IScope; 1512 | isolateScope(): IScope; 1513 | 1514 | inheritedData(key: string, value: any): JQuery; 1515 | inheritedData(obj: { [key: string]: any; }): JQuery; 1516 | inheritedData(key?: string): any; 1517 | } 1518 | 1519 | /////////////////////////////////////////////////////////////////////// 1520 | // AnimateService 1521 | // see http://docs.angularjs.org/api/ng.$animate 1522 | /////////////////////////////////////////////////////////////////////// 1523 | interface IAnimateService { 1524 | addClass(element: JQuery, className: string, done?: Function): IPromise; 1525 | enter(element: JQuery, parent: JQuery, after: JQuery, done?: Function): void; 1526 | leave(element: JQuery, done?: Function): void; 1527 | move(element: JQuery, parent: JQuery, after: JQuery, done?: Function): void; 1528 | removeClass(element: JQuery, className: string, done?: Function): void; 1529 | } 1530 | 1531 | /////////////////////////////////////////////////////////////////////////// 1532 | // AUTO module (angular.js) 1533 | /////////////////////////////////////////////////////////////////////////// 1534 | export module auto { 1535 | 1536 | /////////////////////////////////////////////////////////////////////// 1537 | // InjectorService 1538 | // see http://docs.angularjs.org/api/AUTO.$injector 1539 | /////////////////////////////////////////////////////////////////////// 1540 | interface IInjectorService { 1541 | annotate(fn: Function): string[]; 1542 | annotate(inlineAnnotatedFunction: any[]): string[]; 1543 | get(name: string): any; 1544 | has(name: string): boolean; 1545 | instantiate(typeConstructor: Function, locals?: any): any; 1546 | invoke(inlineAnnotatedFunction: any[]): any; 1547 | invoke(func: Function, context?: any, locals?: any): any; 1548 | } 1549 | 1550 | /////////////////////////////////////////////////////////////////////// 1551 | // ProvideService 1552 | // see http://docs.angularjs.org/api/AUTO.$provide 1553 | /////////////////////////////////////////////////////////////////////// 1554 | interface IProvideService { 1555 | // Documentation says it returns the registered instance, but actual 1556 | // implementation does not return anything. 1557 | // constant(name: string, value: any): any; 1558 | /** 1559 | * Register a constant service, such as a string, a number, an array, an object or a function, with the $injector. Unlike value it can be injected into a module configuration function (see config) and it cannot be overridden by an Angular decorator. 1560 | * 1561 | * @param name The name of the constant. 1562 | * @param value The constant value. 1563 | */ 1564 | constant(name: string, value: any): void; 1565 | 1566 | /** 1567 | * Register a service decorator with the $injector. A service decorator intercepts the creation of a service, allowing it to override or modify the behaviour of the service. The object returned by the decorator may be the original service, or a new service object which replaces or wraps and delegates to the original service. 1568 | * 1569 | * @param name The name of the service to decorate. 1570 | * @param decorator This function will be invoked when the service needs to be instantiated and should return the decorated service instance. The function is called using the injector.invoke method and is therefore fully injectable. Local injection arguments: 1571 | * 1572 | * $delegate - The original service instance, which can be monkey patched, configured, decorated or delegated to. 1573 | */ 1574 | decorator(name: string, decorator: Function): void; 1575 | /** 1576 | * Register a service decorator with the $injector. A service decorator intercepts the creation of a service, allowing it to override or modify the behaviour of the service. The object returned by the decorator may be the original service, or a new service object which replaces or wraps and delegates to the original service. 1577 | * 1578 | * @param name The name of the service to decorate. 1579 | * @param inlineAnnotatedFunction This function will be invoked when the service needs to be instantiated and should return the decorated service instance. The function is called using the injector.invoke method and is therefore fully injectable. Local injection arguments: 1580 | * 1581 | * $delegate - The original service instance, which can be monkey patched, configured, decorated or delegated to. 1582 | */ 1583 | decorator(name: string, inlineAnnotatedFunction: any[]): void; 1584 | factory(name: string, serviceFactoryFunction: Function): IServiceProvider; 1585 | factory(name: string, inlineAnnotatedFunction: any[]): IServiceProvider; 1586 | provider(name: string, provider: IServiceProvider): IServiceProvider; 1587 | provider(name: string, serviceProviderConstructor: Function): IServiceProvider; 1588 | service(name: string, constructor: Function): IServiceProvider; 1589 | value(name: string, value: any): IServiceProvider; 1590 | } 1591 | 1592 | } 1593 | } --------------------------------------------------------------------------------