polymer-paper-rails 0.1.0 → 0.2.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/components/core-animation/README.md +4 -0
- data/app/assets/components/core-animation/bower.json +8 -0
- data/app/assets/components/core-animation/core-animation-group.html +169 -0
- data/app/assets/components/core-animation/core-animation.html +524 -0
- data/app/assets/components/core-animation/demo.html +149 -0
- data/app/assets/components/core-animation/index.html +22 -0
- data/app/assets/components/core-animation/web-animations.html +10 -0
- data/app/assets/components/core-collapse/README.md +4 -0
- data/app/assets/components/core-collapse/bower.json +7 -0
- data/app/assets/components/core-collapse/core-collapse.css +16 -0
- data/app/assets/components/core-collapse/core-collapse.html +262 -0
- data/app/assets/components/core-collapse/demo.html +93 -0
- data/app/assets/components/core-collapse/index.html +22 -0
- data/app/assets/components/core-component-page/README.md +6 -0
- data/app/assets/components/core-component-page/bowager-logo.png +0 -0
- data/app/assets/components/core-component-page/bower.json +8 -0
- data/app/assets/components/core-component-page/core-component-page.html +37 -0
- data/app/assets/components/core-component-page/demo.html +23 -0
- data/app/assets/components/core-component-page/index.html +22 -0
- data/app/assets/components/core-drawer-panel/README.md +4 -0
- data/app/assets/components/core-drawer-panel/bower.json +8 -0
- data/app/assets/components/core-drawer-panel/core-drawer-panel.css +147 -0
- data/app/assets/components/core-drawer-panel/core-drawer-panel.html +339 -0
- data/app/assets/components/core-drawer-panel/demo.html +73 -0
- data/app/assets/components/core-drawer-panel/index.html +22 -0
- data/app/assets/components/core-drawer-panel/metadata.html +37 -0
- data/app/assets/components/core-elements/README.md +4 -0
- data/app/assets/components/core-elements/bower.json +29 -0
- data/app/assets/components/core-elements/demo.html +105 -0
- data/app/assets/components/core-elements/demos/core-toolbar.html +98 -0
- data/app/assets/components/core-elements/metadata.html +23 -0
- data/app/assets/components/core-elements/paper-elements.html +37 -0
- data/app/assets/components/core-field/README.md +4 -0
- data/app/assets/components/core-field/bower.json +7 -0
- data/app/assets/components/core-field/core-field.css +38 -0
- data/app/assets/components/core-field/core-field.html +35 -0
- data/app/assets/components/core-field/demo.html +67 -0
- data/app/assets/components/core-field/index.html +22 -0
- data/app/assets/components/core-field/metadata.html +26 -0
- data/app/assets/components/core-header-panel/README.md +4 -0
- data/app/assets/components/core-header-panel/bower.json +7 -0
- data/app/assets/components/core-header-panel/core-header-panel.css +75 -0
- data/app/assets/components/core-header-panel/core-header-panel.html +225 -0
- data/app/assets/components/core-header-panel/demo.html +100 -0
- data/app/assets/components/core-header-panel/index.html +23 -0
- data/app/assets/components/core-header-panel/metadata.html +37 -0
- data/app/assets/components/core-icon/README.md +4 -0
- data/app/assets/components/core-icon/bower.json +8 -0
- data/app/assets/components/{core/icon → core-icon}/core-icon.css +3 -12
- data/app/assets/components/core-icon/core-icon.html +189 -0
- data/app/assets/components/core-icon/demo.html +44 -0
- data/app/assets/components/core-icon/index.html +22 -0
- data/app/assets/components/core-icon/metadata.html +21 -0
- data/app/assets/components/core-icon-button/README.md +4 -0
- data/app/assets/components/core-icon-button/bower.json +7 -0
- data/app/assets/components/core-icon-button/core-icon-button.css +75 -0
- data/app/assets/components/core-icon-button/core-icon-button.html +81 -0
- data/app/assets/components/core-icon-button/demo.html +35 -0
- data/app/assets/components/core-icon-button/index.html +22 -0
- data/app/assets/components/core-icon-button/metadata.html +20 -0
- data/app/assets/components/core-icons/README.md +4 -0
- data/app/assets/components/core-icons/av-icons.html +46 -0
- data/app/assets/components/core-icons/bower.json +9 -0
- data/app/assets/components/core-icons/communication-icons.html +59 -0
- data/app/assets/components/core-icons/core-icons.html +278 -0
- data/app/assets/components/core-icons/demo.html +96 -0
- data/app/assets/components/core-icons/device-icons.html +59 -0
- data/app/assets/components/core-icons/editor-icons.html +67 -0
- data/app/assets/components/core-icons/hardware-icons.html +58 -0
- data/app/assets/components/core-icons/image-icons.html +146 -0
- data/app/assets/components/core-icons/index.html +22 -0
- data/app/assets/components/core-icons/maps-icons.html +69 -0
- data/app/assets/components/core-icons/notification-icons.html +50 -0
- data/app/assets/components/core-icons/png-icons.html +19 -0
- data/app/assets/components/core-icons/social-icons.html +52 -0
- data/app/assets/components/core-iconset/README.md +4 -0
- data/app/assets/components/core-iconset/bower.json +9 -0
- data/app/assets/components/{core/iconset/core-iconset.html.erb → core-iconset/core-iconset.html} +29 -24
- data/app/assets/components/core-iconset/demo.html +62 -0
- data/app/assets/components/core-iconset/index.html +22 -0
- data/app/assets/components/core-iconset/my-icons-big.png +0 -0
- data/app/assets/components/core-iconset/my-icons.png +0 -0
- data/app/assets/components/core-iconset-svg/README.md +4 -0
- data/app/assets/components/core-iconset-svg/bower.json +8 -0
- data/app/assets/components/core-iconset-svg/core-iconset-svg.html +168 -0
- data/app/assets/components/core-iconset-svg/demo.html +66 -0
- data/app/assets/components/core-iconset-svg/index.html +22 -0
- data/app/assets/components/core-iconset-svg/svg-sample-icons.html +68 -0
- data/app/assets/components/core-input/README.md +2 -0
- data/app/assets/components/core-input/bower.json +6 -0
- data/app/assets/components/core-input/core-input.css +45 -0
- data/app/assets/components/{core/input/core-input.html.erb → core-input/core-input.html} +164 -95
- data/app/assets/components/core-input/demo.html +142 -0
- data/app/assets/components/core-input/index.html +22 -0
- data/app/assets/components/core-input/metadata.html +20 -0
- data/app/assets/components/core-item/README.md +4 -0
- data/app/assets/components/core-item/bower.json +8 -0
- data/app/assets/components/core-item/core-item.css +44 -0
- data/app/assets/components/core-item/core-item.html +74 -0
- data/app/assets/components/core-item/demo.html +92 -0
- data/app/assets/components/core-item/index.html +22 -0
- data/app/assets/components/core-item/metadata.html +24 -0
- data/app/assets/components/core-media-query/README.md +4 -0
- data/app/assets/components/core-media-query/bower.json +7 -0
- data/app/assets/components/{core/media-query → core-media-query}/core-media-query.html +1 -0
- data/app/assets/components/core-media-query/demo.html +44 -0
- data/app/assets/components/core-media-query/index.html +22 -0
- data/app/assets/components/core-menu/README.md +4 -0
- data/app/assets/components/core-menu/bower.json +9 -0
- data/app/assets/components/{core/menu → core-menu}/core-menu.css +0 -0
- data/app/assets/components/{core/menu/core-menu.html.erb → core-menu/core-menu.html} +3 -3
- data/app/assets/components/{core/menu → core-menu}/core-submenu.css +0 -0
- data/app/assets/components/{core/menu/core-submenu.html.erb → core-menu/core-submenu.html} +10 -10
- data/app/assets/components/core-menu/demo.html +101 -0
- data/app/assets/components/core-menu/index.html +22 -0
- data/app/assets/components/core-menu/metadata.html +62 -0
- data/app/assets/components/core-meta/README.md +4 -0
- data/app/assets/components/core-meta/bower.json +7 -0
- data/app/assets/components/{core/meta → core-meta}/core-meta.html +24 -22
- data/app/assets/components/core-meta/demo.html +58 -0
- data/app/assets/components/core-meta/index.html +22 -0
- data/app/assets/components/core-overlay/README.md +4 -0
- data/app/assets/components/core-overlay/bower.json +8 -0
- data/app/assets/components/{core/overlay → core-overlay}/core-key-helper.html +2 -0
- data/app/assets/components/{core/overlay → core-overlay}/core-overlay-layer.html +112 -112
- data/app/assets/components/{core/overlay/core-overlay.html.erb → core-overlay/core-overlay.html} +77 -51
- data/app/assets/components/core-overlay/demo.html +155 -0
- data/app/assets/components/core-overlay/index.html +22 -0
- data/app/assets/components/core-popup-menu/README.md +6 -0
- data/app/assets/components/core-popup-menu/bower.json +13 -0
- data/app/assets/components/core-popup-menu/core-popup-menu.css +28 -0
- data/app/assets/components/core-popup-menu/core-popup-menu.html +198 -0
- data/app/assets/components/core-popup-menu/core-popup-overlay.html +111 -0
- data/app/assets/components/core-popup-menu/demo.html +542 -0
- data/app/assets/components/core-popup-menu/index.html +22 -0
- data/app/assets/components/core-popup-menu/metadata.html +62 -0
- data/app/assets/components/core-range/README.md +2 -0
- data/app/assets/components/core-range/bower.json +7 -0
- data/app/assets/components/{core/range → core-range}/core-range.html +17 -15
- data/app/assets/components/core-range/demo.html +64 -0
- data/app/assets/components/core-range/index.html +22 -0
- data/app/assets/components/core-scroll-header-panel/README.md +4 -0
- data/app/assets/components/core-scroll-header-panel/bower.json +11 -0
- data/app/assets/components/core-scroll-header-panel/core-scroll-header-panel.css +58 -0
- data/app/assets/components/core-scroll-header-panel/core-scroll-header-panel.html +313 -0
- data/app/assets/components/core-scroll-header-panel/demo.html +111 -0
- data/app/assets/components/core-scroll-header-panel/demos/demo1.html +80 -0
- data/app/assets/components/core-scroll-header-panel/demos/demo2.html +82 -0
- data/app/assets/components/core-scroll-header-panel/demos/demo3.html +81 -0
- data/app/assets/components/core-scroll-header-panel/demos/demo4.html +109 -0
- data/app/assets/components/core-scroll-header-panel/demos/demo5.html +109 -0
- data/app/assets/components/core-scroll-header-panel/demos/demo6.html +113 -0
- data/app/assets/components/core-scroll-header-panel/demos/demo7.html +120 -0
- data/app/assets/components/core-scroll-header-panel/demos/demo8.html +122 -0
- data/app/assets/components/core-scroll-header-panel/demos/demo9.html +100 -0
- data/app/assets/components/core-scroll-header-panel/demos/images/bg2.jpg +0 -0
- data/app/assets/components/core-scroll-header-panel/demos/images/bg3.jpg +0 -0
- data/app/assets/components/core-scroll-header-panel/demos/images/bg5.jpg +0 -0
- data/app/assets/components/core-scroll-header-panel/demos/images/bg6.jpg +0 -0
- data/app/assets/components/core-scroll-header-panel/demos/images/bg9.jpg +0 -0
- data/app/assets/components/core-scroll-header-panel/demos/lorem-ipsum.html +42 -0
- data/app/assets/components/core-scroll-header-panel/index.html +22 -0
- data/app/assets/components/core-scroll-header-panel/metadata.html +41 -0
- data/app/assets/components/core-selection/README.md +4 -0
- data/app/assets/components/core-selection/bower.json +7 -0
- data/app/assets/components/{core/selection → core-selection}/core-selection.html +6 -5
- data/app/assets/components/core-selection/demo.html +59 -0
- data/app/assets/components/core-selection/index.html +22 -0
- data/app/assets/components/core-selector/README.md +4 -0
- data/app/assets/components/core-selector/bower.json +8 -0
- data/app/assets/components/{core/selector/core-selector.html.erb → core-selector/core-selector.html} +53 -16
- data/app/assets/components/core-selector/demo.html +106 -0
- data/app/assets/components/core-selector/index.html +22 -0
- data/app/assets/components/core-selector/metadata.html +20 -0
- data/app/assets/components/core-style/README.md +4 -0
- data/app/assets/components/core-style/bower.json +7 -0
- data/app/assets/components/{core/style → core-style}/core-style.html +387 -386
- data/app/assets/components/core-style/demo.html +58 -0
- data/app/assets/components/core-style/elements.html +55 -0
- data/app/assets/components/core-style/index.html +22 -0
- data/app/assets/components/core-style/my-theme.html +73 -0
- data/app/assets/components/core-toolbar/README.md +4 -0
- data/app/assets/components/core-toolbar/bower.json +7 -0
- data/app/assets/components/core-toolbar/core-toolbar.css +110 -0
- data/app/assets/components/core-toolbar/core-toolbar.html +74 -0
- data/app/assets/components/core-toolbar/demo.html +107 -0
- data/app/assets/components/core-toolbar/index.html +22 -0
- data/app/assets/components/core-toolbar/metadata.html +28 -0
- data/app/assets/components/core-transition/README.md +2 -0
- data/app/assets/components/core-transition/bower.json +8 -0
- data/app/assets/components/core-transition/core-transition-css.html +221 -0
- data/app/assets/components/{core/transition → core-transition}/core-transition-overlay.css +1 -1
- data/app/assets/components/core-transition/core-transition.html +140 -0
- data/app/assets/components/core-transition/demo.html +87 -0
- data/app/assets/components/core-transition/index.html +22 -0
- data/app/assets/components/font-roboto/roboto.html +9 -0
- data/app/assets/components/paper-button/README.md +4 -0
- data/app/assets/components/paper-button/bower.json +11 -0
- data/app/assets/components/paper-button/demo.html +99 -0
- data/app/assets/components/paper-button/demo2.html +136 -0
- data/app/assets/components/paper-button/index.html +22 -0
- data/app/assets/components/paper-button/metadata.html +17 -0
- data/app/assets/components/paper-button/paper-button.css +11 -1
- data/app/assets/components/paper-button/{paper-button.html.erb → paper-button.html} +9 -8
- data/app/assets/components/paper-checkbox/README.md +4 -0
- data/app/assets/components/paper-checkbox/bower.json +8 -0
- data/app/assets/components/paper-checkbox/demo.html +113 -0
- data/app/assets/components/paper-checkbox/index.html +22 -0
- data/app/assets/components/paper-checkbox/metadata.html +17 -0
- data/app/assets/components/paper-checkbox/paper-checkbox.css +49 -48
- data/app/assets/components/paper-checkbox/{paper-checkbox.html.erb → paper-checkbox.html} +110 -104
- data/app/assets/components/paper-dialog/README.md +4 -0
- data/app/assets/components/paper-dialog/bower.json +10 -0
- data/app/assets/components/paper-dialog/demo.html +85 -0
- data/app/assets/components/paper-dialog/index.html +22 -0
- data/app/assets/components/paper-dialog/{paper-dialog-transition.html.erb → paper-dialog-transition.html} +3 -3
- data/app/assets/components/paper-dialog/paper-dialog.css +52 -0
- data/app/assets/components/paper-dialog/{paper-dialog.html.erb → paper-dialog.html} +7 -7
- data/app/assets/components/paper-dropdown/README.md +9 -0
- data/app/assets/components/paper-dropdown/bower.json +12 -0
- data/app/assets/components/paper-dropdown/demo.html +345 -0
- data/app/assets/components/paper-dropdown/index.html +22 -0
- data/app/assets/components/paper-dropdown/paper-dropdown.css +48 -0
- data/app/assets/components/paper-dropdown/paper-dropdown.html +191 -0
- data/app/assets/components/paper-fab/README.md +4 -0
- data/app/assets/components/paper-fab/bower.json +8 -0
- data/app/assets/components/paper-fab/demo.html +72 -0
- data/app/assets/components/paper-fab/demo2.html +103 -0
- data/app/assets/components/paper-fab/index.html +22 -0
- data/app/assets/components/paper-fab/metadata.html +36 -0
- data/app/assets/components/paper-fab/paper-fab.css +11 -2
- data/app/assets/components/paper-fab/{paper-fab.html.erb → paper-fab.html} +3 -2
- data/app/assets/components/paper-focusable/README.md +4 -0
- data/app/assets/components/paper-focusable/bower.json +7 -0
- data/app/assets/components/paper-focusable/demo.html +155 -0
- data/app/assets/components/paper-focusable/paper-focusable.html +2 -0
- data/app/assets/components/paper-icon-button/README.md +4 -0
- data/app/assets/components/paper-icon-button/bower.json +9 -0
- data/app/assets/components/paper-icon-button/demo.html +102 -0
- data/app/assets/components/paper-icon-button/index.html +22 -0
- data/app/assets/components/paper-icon-button/metadata.html +21 -0
- data/app/assets/components/paper-icon-button/paper-icon-button.css +1 -1
- data/app/assets/components/paper-icon-button/{paper-icon-button.html.erb → paper-icon-button.html} +7 -7
- data/app/assets/components/paper-icon-button/pulse-ink.css +20 -0
- data/app/assets/components/paper-input/README.md +4 -0
- data/app/assets/components/paper-input/bower.json +11 -0
- data/app/assets/components/paper-input/demo.html +124 -0
- data/app/assets/components/paper-input/index.html +22 -0
- data/app/assets/components/paper-input/metadata.html +23 -0
- data/app/assets/components/paper-input/paper-input.css +152 -0
- data/app/assets/components/paper-input/paper-input.html +314 -0
- data/app/assets/components/paper-item/README.md +4 -0
- data/app/assets/components/paper-item/bower.json +9 -0
- data/app/assets/components/paper-item/demo.html +39 -0
- data/app/assets/components/paper-item/index.html +22 -0
- data/app/assets/components/paper-item/metadata.html +23 -0
- data/app/assets/components/paper-item/paper-item.css +15 -2
- data/app/assets/components/paper-item/{paper-item.html.erb → paper-item.html} +7 -6
- data/app/assets/components/paper-menu-button/README.md +4 -0
- data/app/assets/components/paper-menu-button/bower.json +16 -0
- data/app/assets/components/paper-menu-button/demo.html +95 -0
- data/app/assets/components/paper-menu-button/index.html +22 -0
- data/app/assets/components/paper-menu-button/metadata.html +21 -0
- data/app/assets/components/paper-menu-button/{paper-menu-button-transition.html.erb → paper-menu-button-transition.html} +31 -26
- data/app/assets/components/paper-menu-button/paper-menu-button.css +5 -9
- data/app/assets/components/paper-menu-button/{paper-menu-button.html.erb → paper-menu-button.html} +52 -20
- data/app/assets/components/paper-progress/README.md +4 -0
- data/app/assets/components/paper-progress/bower.json +8 -0
- data/app/assets/components/paper-progress/demo.html +107 -0
- data/app/assets/components/paper-progress/index.html +22 -0
- data/app/assets/components/paper-progress/metadata.html +17 -0
- data/app/assets/components/paper-progress/paper-progress.css +1 -1
- data/app/assets/components/paper-progress/{paper-progress.html.erb → paper-progress.html} +23 -23
- data/app/assets/components/paper-radio-button/README.md +4 -0
- data/app/assets/components/paper-radio-button/bower.json +7 -0
- data/app/assets/components/paper-radio-button/demo.html +75 -0
- data/app/assets/components/paper-radio-button/index.html +22 -0
- data/app/assets/components/paper-radio-button/metadata.html +17 -0
- data/app/assets/components/paper-radio-button/paper-radio-button.css +14 -8
- data/app/assets/components/paper-radio-button/{paper-radio-button.html.erb → paper-radio-button.html} +38 -29
- data/app/assets/components/paper-radio-group/README.md +4 -0
- data/app/assets/components/paper-radio-group/bower.json +9 -0
- data/app/assets/components/paper-radio-group/demo.html +82 -0
- data/app/assets/components/paper-radio-group/index.html +22 -0
- data/app/assets/components/paper-radio-group/metadata.html +22 -0
- data/app/assets/components/paper-radio-group/{paper-radio-group.html.erb → paper-radio-group.html} +16 -16
- data/app/assets/components/paper-ripple/README.md +4 -0
- data/app/assets/components/paper-ripple/bower.json +9 -0
- data/app/assets/components/paper-ripple/demo.html +418 -0
- data/app/assets/components/paper-ripple/index.html +22 -0
- data/app/assets/components/paper-ripple/metadata.html +20 -0
- data/app/assets/components/paper-ripple/paper-ripple.html +3 -2
- data/app/assets/components/paper-ripple/raw.html +799 -0
- data/app/assets/components/paper-shadow/README.md +4 -0
- data/app/assets/components/paper-shadow/bower.json +7 -0
- data/app/assets/components/paper-shadow/demo.html +252 -0
- data/app/assets/components/paper-shadow/index.html +22 -0
- data/app/assets/components/paper-shadow/metadata.html +17 -0
- data/app/assets/components/paper-shadow/paper-shadow.css +11 -1
- data/app/assets/components/paper-shadow/{paper-shadow.html.erb → paper-shadow.html} +11 -4
- data/app/assets/components/paper-slider/README.md +4 -0
- data/app/assets/components/paper-slider/bower.json +9 -0
- data/app/assets/components/paper-slider/demo.html +151 -0
- data/app/assets/components/paper-slider/index.html +22 -0
- data/app/assets/components/paper-slider/metadata.html +20 -0
- data/app/assets/components/paper-slider/paper-slider.css +58 -26
- data/app/assets/components/paper-slider/{paper-slider.html.erb → paper-slider.html} +72 -75
- data/app/assets/components/paper-tabs/README.md +4 -0
- data/app/assets/components/paper-tabs/bower.json +12 -0
- data/app/assets/components/paper-tabs/demo.html +166 -0
- data/app/assets/components/paper-tabs/index.html +22 -0
- data/app/assets/components/paper-tabs/metadata.html +58 -0
- data/app/assets/components/paper-tabs/{paper-tab.html.erb → paper-tab.html} +10 -10
- data/app/assets/components/paper-tabs/paper-tabs.css +1 -1
- data/app/assets/components/paper-tabs/{paper-tabs.html.erb → paper-tabs.html} +29 -25
- data/app/assets/components/paper-toast/README.md +4 -0
- data/app/assets/components/paper-toast/bower.json +10 -0
- data/app/assets/components/paper-toast/demo.html +67 -0
- data/app/assets/components/paper-toast/index.html +22 -0
- data/app/assets/components/paper-toast/metadata.html +20 -0
- data/app/assets/components/paper-toast/paper-toast.css +80 -0
- data/app/assets/components/paper-toast/{paper-toast.html.erb → paper-toast.html} +39 -39
- data/app/assets/components/paper-toggle-button/README.md +4 -0
- data/app/assets/components/paper-toggle-button/bower.json +8 -0
- data/app/assets/components/paper-toggle-button/demo.html +77 -0
- data/app/assets/components/paper-toggle-button/index.html +22 -0
- data/app/assets/components/paper-toggle-button/metadata.html +17 -0
- data/app/assets/components/paper-toggle-button/paper-toggle-button.css +1 -1
- data/app/assets/components/paper-toggle-button/{paper-toggle-button.html.erb → paper-toggle-button.html} +39 -20
- data/app/assets/components/platform/README.md +6 -0
- data/app/assets/components/platform/bower.json +16 -0
- data/app/assets/components/platform/build.log +35 -0
- data/app/assets/components/platform/platform.js +16 -0
- data/app/assets/components/platform/platform.js.map +1 -0
- data/app/assets/components/polymer/README.md +17 -0
- data/app/assets/components/polymer/bower.json +8 -0
- data/app/assets/components/polymer/build.log +35 -0
- data/app/assets/components/polymer/layout.html +286 -0
- data/app/assets/components/polymer/polymer.html +13 -0
- data/app/assets/components/polymer/polymer.js +14 -0
- data/app/assets/components/polymer/polymer.js.map +1 -0
- data/app/assets/components/sampler-scaffold/README.md +4 -0
- data/app/assets/components/sampler-scaffold/bower.json +12 -0
- data/app/assets/components/sampler-scaffold/demo.html +54 -0
- data/app/assets/components/sampler-scaffold/demos/checkbox.html +20 -0
- data/app/assets/components/sampler-scaffold/demos/color.html +20 -0
- data/app/assets/components/sampler-scaffold/demos/radio.html +20 -0
- data/app/assets/components/sampler-scaffold/demos/range.html +20 -0
- data/app/assets/components/sampler-scaffold/demos/string.html +20 -0
- data/app/assets/components/sampler-scaffold/index.html +22 -0
- data/app/assets/components/sampler-scaffold/sampler-scaffold.css +157 -0
- data/app/assets/components/sampler-scaffold/sampler-scaffold.html +224 -0
- data/app/assets/components/web-animations-js/COPYING +202 -0
- data/app/assets/components/web-animations-js/README.md +237 -0
- data/app/assets/components/web-animations-js/run-lint.sh +19 -0
- data/app/assets/components/web-animations-js/run-tests-android.sh +25 -0
- data/app/assets/components/web-animations-js/run-tests.sh +15 -0
- data/app/assets/components/web-animations-js/test/bootstrap.js +1266 -0
- data/app/assets/components/web-animations-js/test/img/error.png +0 -0
- data/app/assets/components/web-animations-js/test/img/success.png +0 -0
- data/app/assets/components/web-animations-js/test/img/unknown.png +0 -0
- data/app/assets/components/web-animations-js/test/perf/balls-add-compositing.html +147 -0
- data/app/assets/components/web-animations-js/test/perf/balls-replace-compositing.html +144 -0
- data/app/assets/components/web-animations-js/test/perf/perf.js +158 -0
- data/app/assets/components/web-animations-js/test/perf/updating-inline-style-during-animation.html +165 -0
- data/app/assets/components/web-animations-js/test/test-generator.html +240 -0
- data/app/assets/components/web-animations-js/test/test-results-post.html +3 -0
- data/app/assets/components/web-animations-js/test/test-runner.html +810 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-box-shadow-checks.js +42 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-box-shadow.html +40 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-calc-checks.js +41 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-calc.html +156 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-change-playback-rate-checks.js +23 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-circular-path-checks.js +65 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-circular-path.html +83 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-color-checks.js +101 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-color-names-checks.js +431 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-color-names.html +204 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-color.html +117 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-composite-transforms-checks.js +45 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-composite-transforms.html +97 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-compositor-checks.js +26 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-compositor.html +68 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-delay-checks.js +92 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-delay.html +39 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-element-animate-checks.js +8 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-element-animate.html +30 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-fill-values-checks.js +266 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-fill-values.html +114 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-font-weight-checks.js +26 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-font-weight.html +43 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-initial-checks.js +74 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-initial.html +242 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-inline-style-checks.js +17 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-inline-style-fallback-checks.js +17 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-inline-style-fallback.html +78 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-inline-style-methods-checks.js +17 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-inline-style-methods.html +70 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-inline-style.html +69 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-integer-checks.js +38 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-integer.html +52 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-iteration-start-checks.js +506 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-iteration-start.html +160 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-iterations-alternate-checks.js +44 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-iterations-alternate-holes-checks.js +41 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-iterations-alternate-holes.html +48 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-iterations-alternate.html +50 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-iterations-basic-checks.js +162 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-iterations-basic.html +116 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-iterations-fill-checks.js +602 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-iterations-fill.html +167 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-keyframe-creation-checks.js +67 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-keyframe-creation.html +109 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-keyframe-easing-checks.js +65 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-keyframe-easing.html +64 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-length-units-checks.js +342 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-length-units.html +103 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-matrix-transforms-checks.js +56 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-matrix-transforms.html +90 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-motion-path-checks.js +110 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-motion-path.html +133 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-non-numeric-checks.js +26 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-non-numeric.html +42 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-parent-checks.js +38 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-parent.html +52 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-partial-keyframes-checks.js +27 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-partial-keyframes.html +43 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-path-checks.js +20 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-path.html +41 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-pause-checks.js +79 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-pause.html +82 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-perspective-checks.js +37 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-perspective-origin-checks.js +61 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-perspective-origin.html +94 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-perspective.html +79 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-playback-rate-checks.js +146 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-playback-rate.html +128 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-position-list-type-checks.js +73 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-rectangle-checks.js +23 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-rectangle.html +57 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-reparent-checks.js +95 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-reparent.html +60 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-seq-speed-checks.js +69 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-seq-speed.html +86 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-shorthand-checks.js +197 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-shorthand.html +115 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-start-time-checks.js +58 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-start-time-iterations-checks.js +92 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-start-time-iterations.html +107 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-start-time.html +90 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-svg-anim-checks.js +23 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-svg-anim.html +39 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-svg-circle-checks.js +23 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-svg-circle.html +38 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-svg-color-checks.js +20 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-svg-color.html +36 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-text-shadow-checks.js +20 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-text-shadow.html +37 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-timing-functions-checks.js +89 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-timing-functions.html +77 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-to-animation-checks.js +58 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-to-animation.html +83 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-transform-3d-checks.js +134 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-transform-3d.html +123 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-transform-functions-checks.js +160 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-transform-functions.html +158 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-transform-origin-checks.js +37 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-transform-origin.html +80 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-transform-primitives-checks.js +292 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-transform-primitives.html +97 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-transform-units-checks.js +202 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-transform-units.html +98 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-visibility-checks.js +54 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-visibility.html +80 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-wrapping-bug-checks.js +58 -0
- data/app/assets/components/web-animations-js/test/testcases/auto-test-wrapping-bug.html +60 -0
- data/app/assets/components/web-animations-js/test/testcases/background.png +0 -0
- data/app/assets/components/web-animations-js/test/testcases/disabled-auto-test-change-playback-rate.html +65 -0
- data/app/assets/components/web-animations-js/test/testcases/disabled-auto-test-position-list-type.html +103 -0
- data/app/assets/components/web-animations-js/test/testcases/disabled-media.html +439 -0
- data/app/assets/components/web-animations-js/test/testcases/disabled-test-compositing-order.html +112 -0
- data/app/assets/components/web-animations-js/test/testcases/impl-test-deprecation.html +85 -0
- data/app/assets/components/web-animations-js/test/testcases/impl-test-from-css-value.html +219 -0
- data/app/assets/components/web-animations-js/test/testcases/impl-test-paced-timing-function.html +83 -0
- data/app/assets/components/web-animations-js/test/testcases/impl-test-totimelinetime.html +37 -0
- data/app/assets/components/web-animations-js/test/testcases/impl-unit-test-position-type.html +256 -0
- data/app/assets/components/web-animations-js/test/testcases/manual-test-add-player-onend.html +57 -0
- data/app/assets/components/web-animations-js/test/testcases/manual-test-preset-timings.html +71 -0
- data/app/assets/components/web-animations-js/test/testcases/manual-test-step.html +88 -0
- data/app/assets/components/web-animations-js/test/testcases/small.mp4 +0 -0
- data/app/assets/components/web-animations-js/test/testcases/small.webm +0 -0
- data/app/assets/components/web-animations-js/test/testcases/test-bounds.html +69 -0
- data/app/assets/components/web-animations-js/test/testcases/test-document-timeline.html +53 -0
- data/app/assets/components/web-animations-js/test/testcases/test-dynamic-load.html +65 -0
- data/app/assets/components/web-animations-js/test/testcases/test-fill-auto.html +78 -0
- data/app/assets/components/web-animations-js/test/testcases/test-getcurrent.html +324 -0
- data/app/assets/components/web-animations-js/test/testcases/test-keyframe-animation-effect.html +248 -0
- data/app/assets/components/web-animations-js/test/testcases/test-keyframe-composite-operation.html +182 -0
- data/app/assets/components/web-animations-js/test/testcases/test-null-target.html +66 -0
- data/app/assets/components/web-animations-js/test/testcases/test-pause-for-testing.html +52 -0
- data/app/assets/components/web-animations-js/test/testcases/test-player-addeventlistener.html +161 -0
- data/app/assets/components/web-animations-js/test/testcases/test-player-cleanup.html +79 -0
- data/app/assets/components/web-animations-js/test/testcases/test-player-finish-event.html +101 -0
- data/app/assets/components/web-animations-js/test/testcases/test-player-sort.html +48 -0
- data/app/assets/components/web-animations-js/test/testcases/test-player.html +786 -0
- data/app/assets/components/web-animations-js/test/testcases/test-pseudo-element-reference.html +38 -0
- data/app/assets/components/web-animations-js/test/testcases/test-repeated-pause.html +54 -0
- data/app/assets/components/web-animations-js/test/testcases/test-restart.html +115 -0
- data/app/assets/components/web-animations-js/test/testcases/test-reversed-player-active-phase.html +28 -0
- data/app/assets/components/web-animations-js/test/testcases/test-rotation-not-reversed.html +55 -0
- data/app/assets/components/web-animations-js/test/testcases/test-update-state.html +113 -0
- data/app/assets/components/web-animations-js/test/testcases/unit-test-clone.html +80 -0
- data/app/assets/components/web-animations-js/test/testcases/unit-test-delay.html +66 -0
- data/app/assets/components/web-animations-js/test/testcases/unit-test-dom-operations.html +164 -0
- data/app/assets/components/web-animations-js/test/testcases/unit-test-duration.html +66 -0
- data/app/assets/components/web-animations-js/test/testcases/unit-test-get-siblings.html +112 -0
- data/app/assets/components/web-animations-js/test/testcases/unit-test-modify-timing-params.html +105 -0
- data/app/assets/components/web-animations-js/test/testcases/unit-test-null-effect.html +43 -0
- data/app/assets/components/web-animations-js/test/testcases/unit-test-set-parent.html +111 -0
- data/app/assets/components/web-animations-js/test/testcases/unit-test-testharness-failure.html +54 -0
- data/app/assets/components/web-animations-js/test/testcases/unit-test-testharness.html +248 -0
- data/app/assets/components/web-animations-js/test/testcases/unit-test-unpause.html +68 -0
- data/app/assets/components/web-animations-js/test/testcases.js +93 -0
- data/app/assets/components/web-animations-js/test/testharness_timing.css +75 -0
- data/app/assets/components/web-animations-js/test/update-testcases.py +63 -0
- data/app/assets/components/web-animations-js/tools/android/config.sh +8 -0
- data/app/assets/components/web-animations-js/tools/android/setup.sh +152 -0
- data/app/assets/components/web-animations-js/tools/android/stop.sh +20 -0
- data/app/assets/components/web-animations-js/tools/python/requirements.txt +12 -0
- data/app/assets/components/web-animations-js/tools/python/run-tests.py +813 -0
- data/app/assets/components/web-animations-js/tools/python/setup.sh +60 -0
- data/app/assets/components/web-animations-js/tutorial/basic-animations/basic-animation-exercise-1.html +62 -0
- data/app/assets/components/web-animations-js/tutorial/basic-animations/basic-animation.html +120 -0
- data/app/assets/components/web-animations-js/tutorial/iframe-contents.html +29 -0
- data/app/assets/components/web-animations-js/tutorial/jquery.js +9555 -0
- data/app/assets/components/web-animations-js/tutorial/page-load.js +114 -0
- data/app/assets/components/web-animations-js/tutorial/parallel/parallel-exercise-1.html +58 -0
- data/app/assets/components/web-animations-js/tutorial/parallel/parallel.html +101 -0
- data/app/assets/components/web-animations-js/tutorial/sample-tutorial.html +44 -0
- data/app/assets/components/web-animations-js/tutorial/try-it-yourself.js +216 -0
- data/app/assets/components/web-animations-js/tutorial/tutorial-style.css +344 -0
- data/app/assets/components/web-animations-js/tutorial/tutorial-testing.js +84 -0
- data/app/assets/components/{core/animation → web-animations-js}/web-animations.js +77 -214
- data/lib/polymer-paper-rails/version.rb +1 -1
- metadata +540 -61
- data/app/assets/components/core/animation/web-animations.html.erb +0 -1
- data/app/assets/components/core/icon/core-icon.html.erb +0 -126
- data/app/assets/components/core/input/core-input.css +0 -35
- data/app/assets/components/core/list/core-list.css +0 -20
- data/app/assets/components/core/list/core-list.html.erb +0 -403
- data/app/assets/components/core/transition/core-transition-css.html.erb +0 -76
- data/app/assets/components/core/transition/core-transition.html.erb +0 -44
- data/app/assets/components/paper-input/error-100.png +0 -0
- data/app/assets/components/paper-input/error-200.png +0 -0
- data/app/assets/components/paper-input/paper-input.html.erb +0 -398
- data/app/assets/components/paper-input/paper-input.scss +0 -203
- data/app/assets/components/paper-menu-button/paper-menu-button-overlay.html.erb +0 -86
@@ -0,0 +1,344 @@
|
|
1
|
+
/**
|
2
|
+
* Copyright 2013 Google Inc. All Rights Reserved.
|
3
|
+
*
|
4
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
5
|
+
* you may not use this file except in compliance with the License.
|
6
|
+
* You may obtain a copy of the License at
|
7
|
+
*
|
8
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
9
|
+
*
|
10
|
+
* Unless required by applicable law or agreed to in writing, software
|
11
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
12
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
13
|
+
* See the License for the specific language governing permissions and
|
14
|
+
* limitations under the License.
|
15
|
+
*/
|
16
|
+
/*TODO:
|
17
|
+
- incorperate object notation (JSON) varibles for the test so it is easier to call
|
18
|
+
*/
|
19
|
+
|
20
|
+
#main {
|
21
|
+
margin: 100px auto;
|
22
|
+
width: 80%;
|
23
|
+
}
|
24
|
+
#tryIt {
|
25
|
+
width: 90%;
|
26
|
+
margin: 30px auto;
|
27
|
+
clear: both;
|
28
|
+
}
|
29
|
+
.heading {
|
30
|
+
background-color: #AFA;
|
31
|
+
border-radius: 10px;
|
32
|
+
padding: 20px;
|
33
|
+
margin: 5px;
|
34
|
+
font: bold 1.2em Arial;
|
35
|
+
height: 25px;
|
36
|
+
clear: both;
|
37
|
+
}
|
38
|
+
#update {
|
39
|
+
border-radius: 10px;
|
40
|
+
background-color: white;
|
41
|
+
float: right;
|
42
|
+
width: 10%;
|
43
|
+
font: 1em Arial;
|
44
|
+
padding: 3px;
|
45
|
+
}
|
46
|
+
.code {
|
47
|
+
margin: 0 auto;
|
48
|
+
border-radius: 2px;
|
49
|
+
border: 1px solid black;
|
50
|
+
height: 600px;
|
51
|
+
width: 55%;
|
52
|
+
float: left;
|
53
|
+
overflow: auto;
|
54
|
+
}
|
55
|
+
#htmlCode {
|
56
|
+
width: 99%;
|
57
|
+
height: 28%;
|
58
|
+
|
59
|
+
}
|
60
|
+
#jsCode {
|
61
|
+
width: 99%;
|
62
|
+
height: 28%;
|
63
|
+
overflow-x: hidden;
|
64
|
+
}
|
65
|
+
#cssCode {
|
66
|
+
width: 99%;
|
67
|
+
height: 28%;
|
68
|
+
float: left;
|
69
|
+
overflow-x: hidden;
|
70
|
+
}
|
71
|
+
#display {
|
72
|
+
position: relative;
|
73
|
+
height: 100%;
|
74
|
+
width: 100%;
|
75
|
+
float: none;
|
76
|
+
}
|
77
|
+
.display {
|
78
|
+
border-radius: 2px;
|
79
|
+
width: 44%;
|
80
|
+
height: 600px;
|
81
|
+
clear: right;
|
82
|
+
float: right;
|
83
|
+
}
|
84
|
+
.label {
|
85
|
+
font: bold 1em Arial;
|
86
|
+
padding: 1%;
|
87
|
+
height: 2%;
|
88
|
+
float: left;
|
89
|
+
clear: both;
|
90
|
+
}
|
91
|
+
.description {
|
92
|
+
font: 1em sans-serif, "Comic Sans MS", cursive;
|
93
|
+
margin: 10px;
|
94
|
+
clear: both;
|
95
|
+
padding: 10px;
|
96
|
+
}
|
97
|
+
#title {
|
98
|
+
font: bold 2em Verdana;
|
99
|
+
color: #680;
|
100
|
+
text-align: center;
|
101
|
+
padding: 10px;
|
102
|
+
margin: 2px;
|
103
|
+
}
|
104
|
+
.content{
|
105
|
+
padding: 3px;
|
106
|
+
width: 80%;
|
107
|
+
margin: 3px auto;
|
108
|
+
text-align: justify;
|
109
|
+
}
|
110
|
+
.subTitle {
|
111
|
+
background-color: #ABCDEF;
|
112
|
+
padding: 10px;
|
113
|
+
}
|
114
|
+
code {
|
115
|
+
color: #94704D;
|
116
|
+
font-size: 1.1em;
|
117
|
+
}
|
118
|
+
.exercises {
|
119
|
+
font: bold 1em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
|
120
|
+
background: #FFFF00;
|
121
|
+
width: 30%;
|
122
|
+
float: left;
|
123
|
+
padding: 10px;
|
124
|
+
margin: 30px 3px;
|
125
|
+
}
|
126
|
+
a {
|
127
|
+
text-decoration: none;
|
128
|
+
color: black;
|
129
|
+
}
|
130
|
+
a:visited {
|
131
|
+
color: black;
|
132
|
+
}
|
133
|
+
.separator {
|
134
|
+
height: 50px;
|
135
|
+
}
|
136
|
+
.sideMenu {
|
137
|
+
list-style-type: none;
|
138
|
+
position: absolute;
|
139
|
+
top: 18%;
|
140
|
+
z-index: 0;
|
141
|
+
}
|
142
|
+
.sideMenu li:hover {
|
143
|
+
background-color: #E6E6E6;
|
144
|
+
color: #222;
|
145
|
+
cursor: pointer
|
146
|
+
}
|
147
|
+
.sideMenu li {
|
148
|
+
display: block;
|
149
|
+
width: 81%;
|
150
|
+
background-color: #737373;
|
151
|
+
padding: 20px;
|
152
|
+
color: #CCC;
|
153
|
+
border: 1px solid black;
|
154
|
+
z-index: 0;
|
155
|
+
}
|
156
|
+
.sideMenu li, #alphabet-menu li {
|
157
|
+
font: 1em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
|
158
|
+
z-index: 0;
|
159
|
+
}
|
160
|
+
#menuLabel {
|
161
|
+
background-color: #222;
|
162
|
+
width: 81%;
|
163
|
+
padding: 20px;
|
164
|
+
color: #DDD;
|
165
|
+
}
|
166
|
+
#toggleText {
|
167
|
+
width: 60%;
|
168
|
+
display: none;
|
169
|
+
position: relative;
|
170
|
+
float: right;
|
171
|
+
clear: both;
|
172
|
+
font-size: 0.9em;
|
173
|
+
margin-bottom: 10px;
|
174
|
+
}
|
175
|
+
#toggleText:after {
|
176
|
+
content: '.';
|
177
|
+
clear: both;
|
178
|
+
display: block;
|
179
|
+
height: 0px;
|
180
|
+
text-indent: -999999em;
|
181
|
+
}
|
182
|
+
.codeSamples {
|
183
|
+
padding: 10px;
|
184
|
+
border: 1px solid black;
|
185
|
+
background-color: #EEE;
|
186
|
+
width: 80%;
|
187
|
+
clear: both;
|
188
|
+
margin-left: 10%;
|
189
|
+
display: block;
|
190
|
+
}
|
191
|
+
#hideLabel {
|
192
|
+
width: 10%;
|
193
|
+
height: 20px;
|
194
|
+
float: right;
|
195
|
+
background-color: #999999;
|
196
|
+
padding: 5px;
|
197
|
+
margin: 10px;
|
198
|
+
font: 0.8em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
|
199
|
+
color: black;
|
200
|
+
text-align: center;
|
201
|
+
border-radius: 10px;
|
202
|
+
cursor: pointer;
|
203
|
+
}
|
204
|
+
.topMenu {
|
205
|
+
list-style-type: none;
|
206
|
+
float: left;
|
207
|
+
position: absolute;
|
208
|
+
z-index: 5;
|
209
|
+
top: 0;
|
210
|
+
left: 0;
|
211
|
+
margin: 0;
|
212
|
+
}
|
213
|
+
.topMenu li {
|
214
|
+
float: left;
|
215
|
+
margin-right: 5px;
|
216
|
+
position: relative;
|
217
|
+
}
|
218
|
+
.topMenu a {
|
219
|
+
padding: 10px;
|
220
|
+
top: 0px;
|
221
|
+
display: block;
|
222
|
+
background-color: #222;
|
223
|
+
width: 150px;
|
224
|
+
color: #DDD;
|
225
|
+
text-align: center;
|
226
|
+
border: 1px solid black;
|
227
|
+
text-decoration: none;
|
228
|
+
font: 1.1em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
|
229
|
+
}
|
230
|
+
.topMenu a:hover {
|
231
|
+
background-color: #EEE;
|
232
|
+
color: black;
|
233
|
+
}
|
234
|
+
.topMenu .subMenu {
|
235
|
+
list-style-type: none;
|
236
|
+
position: absolute;
|
237
|
+
left: -9999px;
|
238
|
+
font-size: 0.8em;
|
239
|
+
z-index: 990;
|
240
|
+
}
|
241
|
+
.topMenu .subMenu li {
|
242
|
+
padding-top: 1px;
|
243
|
+
float: none;
|
244
|
+
z-index: 1;
|
245
|
+
}
|
246
|
+
.topMenu .subMenu a {
|
247
|
+
white-space: nowrap;
|
248
|
+
background-color: rgba(34,34,34, 0.1);
|
249
|
+
color: #222;
|
250
|
+
z-index: 1;
|
251
|
+
}
|
252
|
+
.topMenu li:hover .subMenu {
|
253
|
+
left: -40px;
|
254
|
+
z-index: 1;
|
255
|
+
}
|
256
|
+
.topMenu .subMenu li:hover a {
|
257
|
+
background-color: rgba(34,34,34,0.9);
|
258
|
+
color: #EEE;
|
259
|
+
}
|
260
|
+
.line-separator {
|
261
|
+
height: 2px;
|
262
|
+
background: #717171;
|
263
|
+
border-bottom: 1px solid #313030;
|
264
|
+
clear: both;
|
265
|
+
}
|
266
|
+
.demos {
|
267
|
+
height: 800px;
|
268
|
+
width: 110%;
|
269
|
+
border: 0px;
|
270
|
+
}
|
271
|
+
#alphabet-menu {
|
272
|
+
list-style-type: none;
|
273
|
+
}
|
274
|
+
#alphabet-menu a {
|
275
|
+
float: left;
|
276
|
+
padding: 15px;
|
277
|
+
margin-bottom: 10px;
|
278
|
+
display: inline;
|
279
|
+
border: 1px solid white;
|
280
|
+
background-color: #FF3333;
|
281
|
+
color: black;
|
282
|
+
font-weight: bold;
|
283
|
+
}
|
284
|
+
#alphabet-menu a:hover {
|
285
|
+
background-color: #FFE6E6;
|
286
|
+
color: black;
|
287
|
+
}
|
288
|
+
.note {
|
289
|
+
color: red;
|
290
|
+
font-size: 0.9em;
|
291
|
+
}
|
292
|
+
.alphabet-title {
|
293
|
+
float: left;
|
294
|
+
clear: left;
|
295
|
+
width: 100%;
|
296
|
+
font: bold 1.5em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
|
297
|
+
color: #6699FF;
|
298
|
+
margin-top: 10px;
|
299
|
+
border-bottom: 3px dotted #334C80;
|
300
|
+
}
|
301
|
+
.keywords {
|
302
|
+
color: red;
|
303
|
+
}
|
304
|
+
.datatype {
|
305
|
+
color: #009933;
|
306
|
+
}
|
307
|
+
.animViewerText {
|
308
|
+
top: 500px;
|
309
|
+
}
|
310
|
+
.backToTop {
|
311
|
+
float: right;
|
312
|
+
clear: both;
|
313
|
+
font: 0.6em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
|
314
|
+
color: #6699FF;
|
315
|
+
margin-bottom: 0;
|
316
|
+
}
|
317
|
+
.content li {
|
318
|
+
line-height: 170%;
|
319
|
+
}
|
320
|
+
.properties-table {
|
321
|
+
margin: 3% auto;
|
322
|
+
border: 2px solid #EBEBEB;
|
323
|
+
font: 0.9em Georgia, serif;
|
324
|
+
}
|
325
|
+
.properties-table td {
|
326
|
+
padding: 8px;
|
327
|
+
border-bottom: 2px double #CFCFCF;
|
328
|
+
}
|
329
|
+
.properties-table-title td {
|
330
|
+
font-weight: bold;
|
331
|
+
}
|
332
|
+
.pass {
|
333
|
+
background-color: #AFA;
|
334
|
+
border-radius: 10px;
|
335
|
+
padding: 20px;
|
336
|
+
margin: 5px;
|
337
|
+
font: bold 50pt Arial;
|
338
|
+
height: 1em;
|
339
|
+
clear: both;
|
340
|
+
text-align: center;
|
341
|
+
}
|
342
|
+
.fail {
|
343
|
+
visibility: hidden;
|
344
|
+
}
|
@@ -0,0 +1,84 @@
|
|
1
|
+
/*
|
2
|
+
* Copyright 2013 Google Inc. All Rights Reserved.
|
3
|
+
*
|
4
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
5
|
+
* you may not use this file except in compliance with the License.
|
6
|
+
* You may obtain a copy of the License at
|
7
|
+
*
|
8
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
9
|
+
*
|
10
|
+
* Unless required by applicable law or agreed to in writing, software
|
11
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
12
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
13
|
+
* See the License for the specific language governing permissions and
|
14
|
+
* limitations under the License.
|
15
|
+
*/
|
16
|
+
"use strict";
|
17
|
+
|
18
|
+
(function() {
|
19
|
+
var pass;
|
20
|
+
var completedTests;
|
21
|
+
var allDone;
|
22
|
+
var numTests;
|
23
|
+
|
24
|
+
// Call to initialize the testing environment.
|
25
|
+
function setupTutorialTests() {
|
26
|
+
setState("Manual");
|
27
|
+
var timeOfAnimation = document.createElement('div');
|
28
|
+
timeOfAnimation.id = "animViewerText";
|
29
|
+
timeOfAnimation.innerHTML = "Current animation time: 0.00";
|
30
|
+
document.body.appendChild(timeOfAnimation);
|
31
|
+
numTests = 0;
|
32
|
+
completedTests = 0;
|
33
|
+
allDone = false;
|
34
|
+
pass = true;
|
35
|
+
}
|
36
|
+
|
37
|
+
// This function mimics the async_test function in testharness.js so that
|
38
|
+
// extra-asserts.js will run as intended for a tutorial.
|
39
|
+
function async_test(func, name, properties) {
|
40
|
+
numTests++;
|
41
|
+
step = function(func) {
|
42
|
+
func();
|
43
|
+
if (!pass) {
|
44
|
+
parent.TryItDisplay.fail();
|
45
|
+
allDone = true;
|
46
|
+
};
|
47
|
+
};
|
48
|
+
|
49
|
+
done = function() {
|
50
|
+
completedTests++;
|
51
|
+
if (completedTests == numTests && !allDone) {
|
52
|
+
allDone = true;
|
53
|
+
parent.TryItDisplay.pass();
|
54
|
+
};
|
55
|
+
};
|
56
|
+
return this;
|
57
|
+
}
|
58
|
+
|
59
|
+
function assert_equals(actual, expected, description) {
|
60
|
+
pass = (actual == expected);
|
61
|
+
}
|
62
|
+
|
63
|
+
function assert_approx_equals(actual, expected, epsilon, description) {
|
64
|
+
var lowerBound = expected - (epsilon / 2) < actual;
|
65
|
+
var upperBound = expected + (epsilon / 2) > actual;
|
66
|
+
pass = (lowerBound && upperBound);
|
67
|
+
}
|
68
|
+
|
69
|
+
// This function is required to do nothing for tutorial testing,
|
70
|
+
// but extra-asserts calls it and thus without this function,
|
71
|
+
// extra-asserts.js will cause the page to crash.
|
72
|
+
function add_completion_callback(anything) {
|
73
|
+
}
|
74
|
+
|
75
|
+
///////////////////////////////////////////////////////////////////////////////
|
76
|
+
// Exposing functions to be accessed externally //
|
77
|
+
///////////////////////////////////////////////////////////////////////////////
|
78
|
+
|
79
|
+
window.setupTutorialTests = setupTutorialTests;
|
80
|
+
window.async_test = async_test;
|
81
|
+
window.assert_approx_equals = assert_approx_equals;
|
82
|
+
window.assert_equals = assert_equals;
|
83
|
+
window.add_completion_callback = add_completion_callback;
|
84
|
+
})();
|
@@ -409,7 +409,6 @@ var AnimationPlayer = function(token, source, timeline) {
|
|
409
409
|
this._hasTicked = false;
|
410
410
|
|
411
411
|
this.source = source;
|
412
|
-
this._checkForLegacyHandlers();
|
413
412
|
this._lastCurrentTime = undefined;
|
414
413
|
this._finishedFlag = false;
|
415
414
|
initializeEventTarget(this);
|
@@ -437,7 +436,6 @@ AnimationPlayer.prototype = {
|
|
437
436
|
this._update();
|
438
437
|
maybeRestartAnimation();
|
439
438
|
}
|
440
|
-
this._checkForLegacyHandlers();
|
441
439
|
} finally {
|
442
440
|
exitModifyCurrentAnimationState(repeatLastTick);
|
443
441
|
}
|
@@ -691,26 +689,8 @@ AnimationPlayer.prototype = {
|
|
691
689
|
this._lastCurrentTime = 0;
|
692
690
|
}
|
693
691
|
|
694
|
-
if (this._needsLegacyHandlerPass) {
|
695
|
-
var timeDelta = this._unlimitedCurrentTime - this._lastCurrentTime;
|
696
|
-
if (timeDelta > 0) {
|
697
|
-
this.source._generateLegacyEvents(
|
698
|
-
this._lastCurrentTime, this._unlimitedCurrentTime,
|
699
|
-
this.timeline.currentTime, 1);
|
700
|
-
}
|
701
|
-
}
|
702
|
-
|
703
692
|
this._lastCurrentTime = this._unlimitedCurrentTime;
|
704
693
|
},
|
705
|
-
// These two legacy methods are for deprecated TimedItem event handling and
|
706
|
-
// should be removed once we stop supporting it.
|
707
|
-
_legacyHandlerAdded: function() {
|
708
|
-
this._needsLegacyHandlerPass = true;
|
709
|
-
},
|
710
|
-
_checkForLegacyHandlers: function() {
|
711
|
-
this._needsLegacyHandlerPass = this.source !== null &&
|
712
|
-
this.source._hasLegacyEventHandlers();
|
713
|
-
},
|
714
694
|
_registerOnTimeline: function() {
|
715
695
|
if (!this._registeredOnTimeline) {
|
716
696
|
PLAYERS.push(this);
|
@@ -1096,13 +1076,6 @@ TimedItem.prototype = {
|
|
1096
1076
|
_hasFutureEffect: function() {
|
1097
1077
|
return this._isCurrent() || this._fill !== 'none';
|
1098
1078
|
},
|
1099
|
-
_hasLegacyEventHandlers: function() {
|
1100
|
-
return hasEventHandlersForEvent(this, 'start') ||
|
1101
|
-
hasEventHandlersForEvent(this, 'iteration') ||
|
1102
|
-
hasEventHandlersForEvent(this, 'end') ||
|
1103
|
-
hasEventHandlersForEvent(this, 'cancel');
|
1104
|
-
},
|
1105
|
-
_generateChildLegacyEventsForRange: function() { },
|
1106
1079
|
_toSubRanges: function(fromTime, toTime, iterationTimes) {
|
1107
1080
|
if (fromTime > toTime) {
|
1108
1081
|
var revRanges = this._toSubRanges(toTime, fromTime, iterationTimes);
|
@@ -1131,151 +1104,9 @@ TimedItem.prototype = {
|
|
1131
1104
|
}
|
1132
1105
|
ranges.push([currentStart, toTime]);
|
1133
1106
|
return {start: skipped, delta: 1, ranges: ranges};
|
1134
|
-
},
|
1135
|
-
_generateLegacyEvents: function(fromTime, toTime, globalTime, deltaScale) {
|
1136
|
-
function toGlobal(time) {
|
1137
|
-
return (globalTime - (toTime - (time / deltaScale)));
|
1138
|
-
}
|
1139
|
-
var firstIteration = Math.floor(this.timing.iterationStart);
|
1140
|
-
var lastIteration = Math.floor(this.timing.iterationStart +
|
1141
|
-
this.timing.iterations);
|
1142
|
-
if (lastIteration === this.timing.iterationStart +
|
1143
|
-
this.timing.iterations) {
|
1144
|
-
lastIteration -= 1;
|
1145
|
-
}
|
1146
|
-
var startTime = this.startTime + this.timing.delay;
|
1147
|
-
|
1148
|
-
if (hasEventHandlersForEvent(this, 'start')) {
|
1149
|
-
// Did we pass the start of this animation in the forward direction?
|
1150
|
-
if (fromTime <= startTime && toTime > startTime) {
|
1151
|
-
callEventHandlers(this, 'start',
|
1152
|
-
new TimingEvent(
|
1153
|
-
constructorToken, this, 'start', this.timing.delay,
|
1154
|
-
toGlobal(startTime), firstIteration));
|
1155
|
-
// Did we pass the end of this animation in the reverse direction?
|
1156
|
-
} else if (fromTime > this.endTime && toTime <= this.endTime) {
|
1157
|
-
callEventHandlers(this, 'start',
|
1158
|
-
new TimingEvent(
|
1159
|
-
constructorToken, this, 'start', this.endTime - this.startTime,
|
1160
|
-
toGlobal(this.endTime), lastIteration));
|
1161
|
-
}
|
1162
|
-
}
|
1163
|
-
|
1164
|
-
// Calculate a list of uneased iteration times.
|
1165
|
-
var iterationTimes = [];
|
1166
|
-
for (var i = firstIteration + 1; i <= lastIteration; i++) {
|
1167
|
-
iterationTimes.push(i - this.timing.iterationStart);
|
1168
|
-
}
|
1169
|
-
iterationTimes = iterationTimes.map(function(i) {
|
1170
|
-
return i * this.duration / this.timing.playbackRate + startTime;
|
1171
|
-
}.bind(this));
|
1172
|
-
|
1173
|
-
// Determine the impacted subranges.
|
1174
|
-
var clippedFromTime;
|
1175
|
-
var clippedToTime;
|
1176
|
-
if (fromTime < toTime) {
|
1177
|
-
clippedFromTime = Math.max(fromTime, startTime);
|
1178
|
-
clippedToTime = Math.min(toTime, this.endTime);
|
1179
|
-
} else {
|
1180
|
-
clippedFromTime = Math.min(fromTime, this.endTime);
|
1181
|
-
clippedToTime = Math.max(toTime, startTime);
|
1182
|
-
}
|
1183
|
-
var subranges = this._toSubRanges(
|
1184
|
-
clippedFromTime, clippedToTime, iterationTimes);
|
1185
|
-
|
1186
|
-
for (var i = 0; i < subranges.ranges.length; i++) {
|
1187
|
-
var currentIter = subranges.start + i * subranges.delta;
|
1188
|
-
if (i > 0 && hasEventHandlersForEvent(this, 'iteration')) {
|
1189
|
-
var iterTime = subranges.ranges[i][0];
|
1190
|
-
callEventHandlers(this, 'iteration',
|
1191
|
-
new TimingEvent(
|
1192
|
-
constructorToken, this, 'iteration', iterTime - this.startTime,
|
1193
|
-
toGlobal(iterTime), currentIter));
|
1194
|
-
}
|
1195
|
-
|
1196
|
-
var iterFraction;
|
1197
|
-
if (subranges.delta > 0) {
|
1198
|
-
iterFraction = this.timing.iterationStart % 1;
|
1199
|
-
} else {
|
1200
|
-
iterFraction = 1 -
|
1201
|
-
(this.timing.iterationStart + this.timing.iterations) % 1;
|
1202
|
-
}
|
1203
|
-
this._generateChildLegacyEventsForRange(
|
1204
|
-
subranges.ranges[i][0], subranges.ranges[i][1],
|
1205
|
-
fromTime, toTime, currentIter - iterFraction,
|
1206
|
-
globalTime, deltaScale * this.timing.playbackRate);
|
1207
|
-
}
|
1208
|
-
|
1209
|
-
if (hasEventHandlersForEvent(this, 'end')) {
|
1210
|
-
// Did we pass the end of this animation in the forward direction?
|
1211
|
-
if (fromTime < this.endTime && toTime >= this.endTime) {
|
1212
|
-
callEventHandlers(this, 'end',
|
1213
|
-
new TimingEvent(
|
1214
|
-
constructorToken, this, 'end', this.endTime - this.startTime,
|
1215
|
-
toGlobal(this.endTime), lastIteration));
|
1216
|
-
// Did we pass the start of this animation in the reverse direction?
|
1217
|
-
} else if (fromTime >= startTime && toTime < startTime) {
|
1218
|
-
callEventHandlers(this, 'end',
|
1219
|
-
new TimingEvent(
|
1220
|
-
constructorToken, this, 'end', this.timing.delay,
|
1221
|
-
toGlobal(startTime), firstIteration));
|
1222
|
-
}
|
1223
|
-
}
|
1224
1107
|
}
|
1225
1108
|
};
|
1226
1109
|
|
1227
|
-
defineDeprecatedProperty(TimedItem.prototype, 'specified', function() {
|
1228
|
-
deprecated('specified', '2014-04-16', 'Please use timing instead.');
|
1229
|
-
return this.timing;
|
1230
|
-
});
|
1231
|
-
var deprecatedTimedItemEvents = function() {
|
1232
|
-
deprecated('TimedItem events', '2014-04-22',
|
1233
|
-
'Please use the AnimationPlayer finish event instead.', true);
|
1234
|
-
};
|
1235
|
-
['start', 'iteration', 'end', 'cancel'].forEach(function(eventName) {
|
1236
|
-
defineDeprecatedProperty(TimedItem.prototype, 'on' + eventName,
|
1237
|
-
function() {
|
1238
|
-
deprecatedTimedItemEvents();
|
1239
|
-
return getOnEventHandler(this, eventName);
|
1240
|
-
},
|
1241
|
-
function(handler) {
|
1242
|
-
deprecatedTimedItemEvents();
|
1243
|
-
setOnEventHandler(this, eventName, handler);
|
1244
|
-
if (this.player) {
|
1245
|
-
if (typeof func === 'function') {
|
1246
|
-
this.player._legacyHandlerAdded();
|
1247
|
-
} else {
|
1248
|
-
this.player._checkForLegacyHandlers();
|
1249
|
-
}
|
1250
|
-
}
|
1251
|
-
});
|
1252
|
-
});
|
1253
|
-
defineDeprecatedProperty(TimedItem.prototype, 'addEventListener', function() {
|
1254
|
-
deprecatedTimedItemEvents();
|
1255
|
-
return function(type, handler) {
|
1256
|
-
if (type !== 'start' &&
|
1257
|
-
type !== 'iteration' &&
|
1258
|
-
type !== 'end' &&
|
1259
|
-
type !== 'cancel') {
|
1260
|
-
return;
|
1261
|
-
}
|
1262
|
-
addEventHandler(this, type, handler);
|
1263
|
-
if (this.player) {
|
1264
|
-
this.player._legacyHandlerAdded();
|
1265
|
-
}
|
1266
|
-
}
|
1267
|
-
});
|
1268
|
-
defineDeprecatedProperty(TimedItem.prototype, 'removeEventListener',
|
1269
|
-
function() {
|
1270
|
-
deprecatedTimedItemEvents();
|
1271
|
-
return function(type, handler) {
|
1272
|
-
removeEventHandler(this, type, handler);
|
1273
|
-
if (this.player) {
|
1274
|
-
this.player._checkForLegacyHandlers();
|
1275
|
-
}
|
1276
|
-
}
|
1277
|
-
});
|
1278
|
-
|
1279
1110
|
var TimingEvent = function(
|
1280
1111
|
token, target, type, localTime, timelineTime, iterationIndex, seeked) {
|
1281
1112
|
if (token !== constructorToken) {
|
@@ -1476,10 +1307,6 @@ TimingGroup.prototype = createObject(TimedItem.prototype, {
|
|
1476
1307
|
// Update child start times before walking down.
|
1477
1308
|
this._updateChildStartTimes();
|
1478
1309
|
|
1479
|
-
if (this.player) {
|
1480
|
-
this.player._checkForLegacyHandlers();
|
1481
|
-
}
|
1482
|
-
|
1483
1310
|
this._isInChildrenStateModified = false;
|
1484
1311
|
},
|
1485
1312
|
_updateInheritedTime: function(inheritedTime) {
|
@@ -1630,41 +1457,6 @@ TimingGroup.prototype = createObject(TimedItem.prototype, {
|
|
1630
1457
|
return this.type + ' ' + this.startTime + '-' + this.endTime + ' (' +
|
1631
1458
|
this.localTime + ') ' + ' [' +
|
1632
1459
|
this._children.map(function(a) { return a.toString(); }) + ']';
|
1633
|
-
},
|
1634
|
-
_hasLegacyEventHandlers: function() {
|
1635
|
-
return TimedItem.prototype._hasLegacyEventHandlers.call(this) || (
|
1636
|
-
this._children.length > 0 &&
|
1637
|
-
this._children.reduce(
|
1638
|
-
function(a, b) { return a || b._hasLegacyEventHandlers(); },
|
1639
|
-
false));
|
1640
|
-
},
|
1641
|
-
_generateChildLegacyEventsForRange: function(localStart, localEnd, rangeStart,
|
1642
|
-
rangeEnd, iteration, globalTime, deltaScale) {
|
1643
|
-
var start;
|
1644
|
-
var end;
|
1645
|
-
|
1646
|
-
if (localEnd - localStart > 0) {
|
1647
|
-
start = Math.max(rangeStart, localStart);
|
1648
|
-
end = Math.min(rangeEnd, localEnd);
|
1649
|
-
if (start >= end) {
|
1650
|
-
return;
|
1651
|
-
}
|
1652
|
-
} else {
|
1653
|
-
start = Math.min(rangeStart, localStart);
|
1654
|
-
end = Math.max(rangeEnd, localEnd);
|
1655
|
-
if (start <= end) {
|
1656
|
-
return;
|
1657
|
-
}
|
1658
|
-
}
|
1659
|
-
|
1660
|
-
var endDelta = rangeEnd - end;
|
1661
|
-
start -= iteration * this.duration / deltaScale;
|
1662
|
-
end -= iteration * this.duration / deltaScale;
|
1663
|
-
|
1664
|
-
for (var i = 0; i < this._children.length; i++) {
|
1665
|
-
this._children[i]._generateLegacyEvents(
|
1666
|
-
start, end, globalTime - endDelta, deltaScale);
|
1667
|
-
}
|
1668
1460
|
}
|
1669
1461
|
});
|
1670
1462
|
|
@@ -4593,6 +4385,81 @@ var transformType = {
|
|
4593
4385
|
}
|
4594
4386
|
};
|
4595
4387
|
|
4388
|
+
var pathType = {
|
4389
|
+
// Properties ...
|
4390
|
+
// - path: The target path element
|
4391
|
+
// - points: The absolute points to set on the path
|
4392
|
+
// - cachedCumulativeLengths: The lengths at the end of each segment
|
4393
|
+
add: function() { throw 'Addition not supported for path attribute' },
|
4394
|
+
cumulativeLengths: function(value) {
|
4395
|
+
if (isDefinedAndNotNull(value.cachedCumulativeLengths))
|
4396
|
+
return value.cachedCumulativeLengths;
|
4397
|
+
var path = value.path.cloneNode(true);
|
4398
|
+
var cumulativeLengths = [];
|
4399
|
+
while (path.pathSegList.numberOfItems > 0) {
|
4400
|
+
// TODO: It would be good to skip moves here and when generating points.
|
4401
|
+
cumulativeLengths.unshift(path.getTotalLength());
|
4402
|
+
path.pathSegList.removeItem(path.pathSegList.numberOfItems - 1);
|
4403
|
+
}
|
4404
|
+
value.cachedCumulativeLengths = cumulativeLengths;
|
4405
|
+
return value.cachedCumulativeLengths;
|
4406
|
+
},
|
4407
|
+
appendFractions: function(fractions, cumulativeLengths) {
|
4408
|
+
ASSERT_ENABLED && assert(cumulativeLengths[0] === 0);
|
4409
|
+
var totalLength = cumulativeLengths[cumulativeLengths.length - 1];
|
4410
|
+
for (var i = 1; i < cumulativeLengths.length - 1; ++i)
|
4411
|
+
fractions.push(cumulativeLengths[i] / totalLength);
|
4412
|
+
},
|
4413
|
+
interpolate: function(from, to, f) {
|
4414
|
+
// FIXME: Handle non-linear path segments.
|
4415
|
+
// Get the fractions at which we need to sample.
|
4416
|
+
var sampleFractions = [0, 1];
|
4417
|
+
pathType.appendFractions(sampleFractions, pathType.cumulativeLengths(from));
|
4418
|
+
pathType.appendFractions(sampleFractions, pathType.cumulativeLengths(to));
|
4419
|
+
sampleFractions.sort();
|
4420
|
+
ASSERT_ENABLED && assert(sampleFractions[0] === 0);
|
4421
|
+
ASSERT_ENABLED && assert(sampleFractions[sampleFractions.length - 1] === 1);
|
4422
|
+
|
4423
|
+
// FIXME: Cache the 'from' and 'to' points.
|
4424
|
+
var fromTotalLength = from.path.getTotalLength();
|
4425
|
+
var toTotalLength = to.path.getTotalLength();
|
4426
|
+
var points = [];
|
4427
|
+
for (var i = 0; i < sampleFractions.length; ++i) {
|
4428
|
+
var fromPoint = from.path.getPointAtLength(
|
4429
|
+
fromTotalLength * sampleFractions[i]);
|
4430
|
+
var toPoint = to.path.getPointAtLength(
|
4431
|
+
toTotalLength * sampleFractions[i]);
|
4432
|
+
points.push({
|
4433
|
+
x: interp(fromPoint.x, toPoint.x, f),
|
4434
|
+
y: interp(fromPoint.y, toPoint.y, f)
|
4435
|
+
});
|
4436
|
+
}
|
4437
|
+
return {points: points};
|
4438
|
+
},
|
4439
|
+
pointToString: function(point) {
|
4440
|
+
return point.x + ',' + point.y;
|
4441
|
+
},
|
4442
|
+
toCssValue: function(value, svgMode) {
|
4443
|
+
// FIXME: It would be good to use PathSegList API on the target directly,
|
4444
|
+
// rather than generating this string, but that would require a hack to
|
4445
|
+
// setValue().
|
4446
|
+
ASSERT_ENABLED && assert(svgMode,
|
4447
|
+
'Path type should only be used with SVG \'d\' attribute');
|
4448
|
+
if (value.path)
|
4449
|
+
return value.path.getAttribute('d');
|
4450
|
+
var ret = 'M' + pathType.pointToString(value.points[0]);
|
4451
|
+
for (var i = 1; i < value.points.length; ++i)
|
4452
|
+
ret += 'L' + pathType.pointToString(value.points[i]);
|
4453
|
+
return ret;
|
4454
|
+
},
|
4455
|
+
fromCssValue: function(value) {
|
4456
|
+
var path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
|
4457
|
+
if (value)
|
4458
|
+
path.setAttribute('d', value);
|
4459
|
+
return {path: path};
|
4460
|
+
}
|
4461
|
+
};
|
4462
|
+
|
4596
4463
|
var propertyTypes = {
|
4597
4464
|
backgroundColor: colorType,
|
4598
4465
|
backgroundPosition: positionListType,
|
@@ -4615,6 +4482,7 @@ var propertyTypes = {
|
|
4615
4482
|
color: colorType,
|
4616
4483
|
cx: lengthType,
|
4617
4484
|
cy: lengthType,
|
4485
|
+
d: pathType,
|
4618
4486
|
dx: lengthType,
|
4619
4487
|
dy: lengthType,
|
4620
4488
|
fill: colorType,
|
@@ -4693,6 +4561,7 @@ var propertyTypes = {
|
|
4693
4561
|
var svgProperties = {
|
4694
4562
|
'cx': 1,
|
4695
4563
|
'cy': 1,
|
4564
|
+
'd': 1,
|
4696
4565
|
'dx': 1,
|
4697
4566
|
'dy': 1,
|
4698
4567
|
'fill': 1,
|
@@ -5657,10 +5526,4 @@ window._WebAnimationsTestingUtilities = {
|
|
5657
5526
|
_propertyIsSVGAttrib: propertyIsSVGAttrib
|
5658
5527
|
};
|
5659
5528
|
|
5660
|
-
defineDeprecatedProperty(window, 'Timeline', function() {
|
5661
|
-
deprecated('Timeline', '2014-04-08',
|
5662
|
-
'Please use AnimationTimeline instead.');
|
5663
|
-
return AnimationTimeline;
|
5664
|
-
});
|
5665
|
-
|
5666
5529
|
})();
|