polymer-iron-rails 1.0.0.pre.rc.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/README.md +57 -0
- data/Rakefile +1 -0
- data/app/assets/components/hydrolysis/API.md +360 -0
- data/app/assets/components/hydrolysis/LICENSE +5 -0
- data/app/assets/components/hydrolysis/README.md +36 -0
- data/app/assets/components/hydrolysis/bower.json +19 -0
- data/app/assets/components/hydrolysis/hydrolysis-analyzer.html +114 -0
- data/app/assets/components/hydrolysis/hydrolysis.html +10 -0
- data/app/assets/components/hydrolysis/hydrolysis.js +22241 -0
- data/app/assets/components/hydrolysis/index.js +27 -0
- data/app/assets/components/iron-a11y-announcer/README.md +29 -0
- data/app/assets/components/iron-a11y-announcer/bower.json +28 -0
- data/app/assets/components/iron-a11y-announcer/demo/index.html +40 -0
- data/app/assets/components/iron-a11y-announcer/demo/x-announces.html +50 -0
- data/app/assets/components/iron-a11y-announcer/index.html +28 -0
- data/app/assets/components/iron-a11y-announcer/iron-a11y-announcer.html +125 -0
- data/app/assets/components/iron-a11y-announcer/test/index.html +26 -0
- data/app/assets/components/iron-a11y-announcer/test/iron-a11y-announcer.html +59 -0
- data/app/assets/components/iron-a11y-keys/README.md +3 -0
- data/app/assets/components/iron-a11y-keys/bower.json +28 -0
- data/app/assets/components/iron-a11y-keys/demo/index.html +21 -0
- data/app/assets/components/iron-a11y-keys/demo/x-key-aware.html +77 -0
- data/app/assets/components/iron-a11y-keys/index.html +24 -0
- data/app/assets/components/iron-a11y-keys/iron-a11y-keys.html +121 -0
- data/app/assets/components/iron-a11y-keys/test/basic-test.html +122 -0
- data/app/assets/components/iron-a11y-keys/test/index.html +29 -0
- data/app/assets/components/iron-a11y-keys-behavior/README.md +15 -0
- data/app/assets/components/iron-a11y-keys-behavior/bower.json +27 -0
- data/app/assets/components/iron-a11y-keys-behavior/demo/index.html +21 -0
- data/app/assets/components/iron-a11y-keys-behavior/demo/x-key-aware.html +69 -0
- data/app/assets/components/iron-a11y-keys-behavior/index.html +24 -0
- data/app/assets/components/iron-a11y-keys-behavior/iron-a11y-keys-behavior.html +418 -0
- data/app/assets/components/iron-a11y-keys-behavior/test/basic-test.html +248 -0
- data/app/assets/components/iron-a11y-keys-behavior/test/index.html +29 -0
- data/app/assets/components/iron-ajax/README.md +23 -0
- data/app/assets/components/iron-ajax/bower.json +38 -0
- data/app/assets/components/iron-ajax/demo/index.html +45 -0
- data/app/assets/components/iron-ajax/index.html +26 -0
- data/app/assets/components/iron-ajax/iron-ajax.html +429 -0
- data/app/assets/components/iron-ajax/iron-request.html +272 -0
- data/app/assets/components/iron-ajax/test/index.html +25 -0
- data/app/assets/components/iron-ajax/test/iron-ajax.html +467 -0
- data/app/assets/components/iron-ajax/test/iron-request.html +175 -0
- data/app/assets/components/iron-autogrow-textarea/README.md +24 -0
- data/app/assets/components/iron-autogrow-textarea/bower.json +37 -0
- data/app/assets/components/iron-autogrow-textarea/demo/index.html +81 -0
- data/app/assets/components/iron-autogrow-textarea/hero.svg +33 -0
- data/app/assets/components/iron-autogrow-textarea/index.html +30 -0
- data/app/assets/components/iron-autogrow-textarea/iron-autogrow-textarea.html +263 -0
- data/app/assets/components/iron-autogrow-textarea/test/basic.html +94 -0
- data/app/assets/components/iron-autogrow-textarea/test/index.html +25 -0
- data/app/assets/components/iron-behaviors/README.md +4 -0
- data/app/assets/components/iron-behaviors/bower.json +25 -0
- data/app/assets/components/iron-behaviors/demo/index.html +49 -0
- data/app/assets/components/iron-behaviors/demo/simple-button.html +70 -0
- data/app/assets/components/iron-behaviors/index.html +27 -0
- data/app/assets/components/iron-behaviors/iron-button-state.html +195 -0
- data/app/assets/components/iron-behaviors/iron-control-state.html +102 -0
- data/app/assets/components/iron-behaviors/test/active-state.html +154 -0
- data/app/assets/components/iron-behaviors/test/disabled-state.html +85 -0
- data/app/assets/components/iron-behaviors/test/focused-state.html +82 -0
- data/app/assets/components/iron-behaviors/test/index.html +25 -0
- data/app/assets/components/iron-behaviors/test/test-elements.html +44 -0
- data/app/assets/components/iron-collapse/README.md +37 -0
- data/app/assets/components/iron-collapse/bower.json +31 -0
- data/app/assets/components/iron-collapse/demo/index.html +74 -0
- data/app/assets/components/iron-collapse/hero.svg +23 -0
- data/app/assets/components/iron-collapse/index.html +31 -0
- data/app/assets/components/iron-collapse/iron-collapse.html +196 -0
- data/app/assets/components/iron-collapse/test/basic.html +93 -0
- data/app/assets/components/iron-collapse/test/horizontal.html +91 -0
- data/app/assets/components/iron-collapse/test/index.html +31 -0
- data/app/assets/components/iron-component-page/README.md +6 -0
- data/app/assets/components/iron-component-page/bower.json +29 -0
- data/app/assets/components/iron-component-page/demo/index.html +27 -0
- data/app/assets/components/iron-component-page/demo/json-descriptor.json +1 -0
- data/app/assets/components/iron-component-page/index.html +25 -0
- data/app/assets/components/iron-component-page/iron-component-page.css +155 -0
- data/app/assets/components/iron-component-page/iron-component-page.html +440 -0
- data/app/assets/components/iron-component-page/test/index.html +28 -0
- data/app/assets/components/iron-component-page/test/iron-component-page.html +42 -0
- data/app/assets/components/iron-component-page/test/test-element.html +20 -0
- data/app/assets/components/iron-doc-viewer/README.md +3 -0
- data/app/assets/components/iron-doc-viewer/bower.json +34 -0
- data/app/assets/components/iron-doc-viewer/index.html +25 -0
- data/app/assets/components/iron-doc-viewer/iron-doc-property.css +158 -0
- data/app/assets/components/iron-doc-viewer/iron-doc-property.html +193 -0
- data/app/assets/components/iron-doc-viewer/iron-doc-viewer.css +151 -0
- data/app/assets/components/iron-doc-viewer/iron-doc-viewer.html +237 -0
- data/app/assets/components/iron-doc-viewer/test/index.html +28 -0
- data/app/assets/components/iron-doc-viewer/test/iron-doc-viewer.html +123 -0
- data/app/assets/components/iron-elements/README.md +34 -0
- data/app/assets/components/iron-elements/bower.json +59 -0
- data/app/assets/components/iron-fit-behavior/README.md +3 -0
- data/app/assets/components/iron-fit-behavior/bower.json +31 -0
- data/app/assets/components/iron-fit-behavior/demo/index.html +42 -0
- data/app/assets/components/iron-fit-behavior/demo/simple-fit.html +42 -0
- data/app/assets/components/iron-fit-behavior/index.html +30 -0
- data/app/assets/components/iron-fit-behavior/iron-fit-behavior.html +230 -0
- data/app/assets/components/iron-fit-behavior/test/index.html +34 -0
- data/app/assets/components/iron-fit-behavior/test/iron-fit-behavior.html +332 -0
- data/app/assets/components/iron-fit-behavior/test/test-fit.html +42 -0
- data/app/assets/components/iron-flex-layout/README.md +4 -0
- data/app/assets/components/iron-flex-layout/bower.json +21 -0
- data/app/assets/components/iron-flex-layout/classes/iron-flex-layout.html +307 -0
- data/app/assets/components/iron-flex-layout/classes/iron-shadow-flex-layout.html +302 -0
- data/app/assets/components/iron-flex-layout/demo/index.html +40 -0
- data/app/assets/components/iron-flex-layout/demo/x-app.html +106 -0
- data/app/assets/components/iron-flex-layout/iron-flex-layout.html +313 -0
- data/app/assets/components/iron-form/README.md +2 -0
- data/app/assets/components/iron-form/bower.json +43 -0
- data/app/assets/components/iron-form/demo/index.html +121 -0
- data/app/assets/components/iron-form/index.html +30 -0
- data/app/assets/components/iron-form/iron-form.html +191 -0
- data/app/assets/components/iron-form/test/basic.html +228 -0
- data/app/assets/components/iron-form/test/index.html +24 -0
- data/app/assets/components/iron-form/test/simple-element.html +35 -0
- data/app/assets/components/iron-form-element-behavior/README.md +2 -0
- data/app/assets/components/iron-form-element-behavior/bower.json +27 -0
- data/app/assets/components/iron-form-element-behavior/demo/index.html +53 -0
- data/app/assets/components/iron-form-element-behavior/demo/simple-element.html +27 -0
- data/app/assets/components/iron-form-element-behavior/demo/simple-form.html +42 -0
- data/app/assets/components/iron-form-element-behavior/index.html +30 -0
- data/app/assets/components/iron-form-element-behavior/iron-form-element-behavior.html +50 -0
- data/app/assets/components/iron-icon/README.md +56 -0
- data/app/assets/components/iron-icon/bower.json +29 -0
- data/app/assets/components/iron-icon/demo/index.html +28 -0
- data/app/assets/components/iron-icon/demo/location.png +0 -0
- data/app/assets/components/iron-icon/hero.svg +19 -0
- data/app/assets/components/iron-icon/index.html +26 -0
- data/app/assets/components/iron-icon/iron-icon.html +187 -0
- data/app/assets/components/iron-icon/test/index.html +31 -0
- data/app/assets/components/iron-icon/test/iron-icon.html +120 -0
- data/app/assets/components/iron-icons/README.md +8 -0
- data/app/assets/components/iron-icons/av-icons.html +73 -0
- data/app/assets/components/iron-icons/bower.json +37 -0
- data/app/assets/components/iron-icons/communication-icons.html +59 -0
- data/app/assets/components/iron-icons/demo/index.html +132 -0
- data/app/assets/components/iron-icons/device-icons.html +94 -0
- data/app/assets/components/iron-icons/editor-icons.html +70 -0
- data/app/assets/components/iron-icons/hardware-icons.html +61 -0
- data/app/assets/components/iron-icons/hero.svg +35 -0
- data/app/assets/components/iron-icons/image-icons.html +164 -0
- data/app/assets/components/iron-icons/index.html +25 -0
- data/app/assets/components/iron-icons/iron-icons.html +303 -0
- data/app/assets/components/iron-icons/maps-icons.html +71 -0
- data/app/assets/components/iron-icons/notification-icons.html +62 -0
- data/app/assets/components/iron-icons/social-icons.html +40 -0
- data/app/assets/components/iron-iconset/README.md +51 -0
- data/app/assets/components/iron-iconset/bower.json +21 -0
- data/app/assets/components/iron-iconset/demo/index.html +63 -0
- data/app/assets/components/iron-iconset/demo/my-icons-big.png +0 -0
- data/app/assets/components/iron-iconset/demo/my-icons.png +0 -0
- data/app/assets/components/iron-iconset/index.html +27 -0
- data/app/assets/components/iron-iconset/iron-iconset.html +336 -0
- data/app/assets/components/iron-iconset/test/index.html +30 -0
- data/app/assets/components/iron-iconset/test/iron-iconset.html +149 -0
- data/app/assets/components/iron-iconset-svg/README.md +4 -0
- data/app/assets/components/iron-iconset-svg/bower.json +27 -0
- data/app/assets/components/iron-iconset-svg/demo/index.html +65 -0
- data/app/assets/components/iron-iconset-svg/demo/svg-sample-icons.html +69 -0
- data/app/assets/components/iron-iconset-svg/index.html +26 -0
- data/app/assets/components/iron-iconset-svg/iron-iconset-svg.html +191 -0
- data/app/assets/components/iron-iconset-svg/test/index.html +30 -0
- data/app/assets/components/iron-iconset-svg/test/iron-iconset-svg.html +107 -0
- data/app/assets/components/iron-image/README.md +60 -0
- data/app/assets/components/iron-image/bower.json +25 -0
- data/app/assets/components/iron-image/demo/index.html +183 -0
- data/app/assets/components/iron-image/demo/polymer.svg +175 -0
- data/app/assets/components/iron-image/index.html +24 -0
- data/app/assets/components/iron-image/iron-image.html +394 -0
- data/app/assets/components/iron-image/test/index.html +25 -0
- data/app/assets/components/iron-image/test/iron-image.html +78 -0
- data/app/assets/components/iron-input/README.md +16 -0
- data/app/assets/components/iron-input/bower.json +36 -0
- data/app/assets/components/iron-input/demo/index.html +87 -0
- data/app/assets/components/iron-input/hero.svg +19 -0
- data/app/assets/components/iron-input/index.html +30 -0
- data/app/assets/components/iron-input/iron-input.html +235 -0
- data/app/assets/components/iron-input/test/index.html +24 -0
- data/app/assets/components/iron-input/test/iron-input.html +139 -0
- data/app/assets/components/iron-input/test/letters-only.html +30 -0
- data/app/assets/components/iron-jsonp-library/README.md +10 -0
- data/app/assets/components/iron-jsonp-library/bower.json +31 -0
- data/app/assets/components/iron-jsonp-library/hero.svg +31 -0
- data/app/assets/components/iron-jsonp-library/index.html +26 -0
- data/app/assets/components/iron-jsonp-library/iron-jsonp-library.html +257 -0
- data/app/assets/components/iron-localstorage/README.md +13 -0
- data/app/assets/components/iron-localstorage/bower.json +22 -0
- data/app/assets/components/iron-localstorage/demo/index.html +38 -0
- data/app/assets/components/iron-localstorage/hero.svg +37 -0
- data/app/assets/components/iron-localstorage/index.html +23 -0
- data/app/assets/components/iron-localstorage/iron-localstorage.html +196 -0
- data/app/assets/components/iron-localstorage/test/basic.html +88 -0
- data/app/assets/components/iron-localstorage/test/index.html +27 -0
- data/app/assets/components/iron-localstorage/test/raw.html +66 -0
- data/app/assets/components/iron-localstorage/test/value-binding.html +103 -0
- data/app/assets/components/iron-media-query/README.md +11 -0
- data/app/assets/components/iron-media-query/bower.json +30 -0
- data/app/assets/components/iron-media-query/demo/index.html +38 -0
- data/app/assets/components/iron-media-query/hero.svg +29 -0
- data/app/assets/components/iron-media-query/index.html +29 -0
- data/app/assets/components/iron-media-query/iron-media-query.html +84 -0
- data/app/assets/components/iron-media-query/test/basic.html +71 -0
- data/app/assets/components/iron-media-query/test/index.html +30 -0
- data/app/assets/components/iron-menu-behavior/README.md +3 -0
- data/app/assets/components/iron-menu-behavior/bower.json +32 -0
- data/app/assets/components/iron-menu-behavior/demo/index.html +100 -0
- data/app/assets/components/iron-menu-behavior/demo/simple-menu.html +50 -0
- data/app/assets/components/iron-menu-behavior/demo/simple-menubar.html +54 -0
- data/app/assets/components/iron-menu-behavior/index.html +30 -0
- data/app/assets/components/iron-menu-behavior/iron-menu-behavior.html +214 -0
- data/app/assets/components/iron-menu-behavior/iron-menubar-behavior.html +65 -0
- data/app/assets/components/iron-menu-behavior/test/index.html +35 -0
- data/app/assets/components/iron-menu-behavior/test/iron-menu-behavior.html +108 -0
- data/app/assets/components/iron-menu-behavior/test/iron-menubar-behavior.html +108 -0
- data/app/assets/components/iron-menu-behavior/test/test-menu.html +40 -0
- data/app/assets/components/iron-menu-behavior/test/test-menubar.html +40 -0
- data/app/assets/components/iron-meta/README.md +46 -0
- data/app/assets/components/iron-meta/bower.json +28 -0
- data/app/assets/components/iron-meta/demo/index.html +45 -0
- data/app/assets/components/iron-meta/hero.svg +33 -0
- data/app/assets/components/iron-meta/index.html +27 -0
- data/app/assets/components/iron-meta/iron-meta.html +352 -0
- data/app/assets/components/iron-meta/test/basic.html +48 -0
- data/app/assets/components/iron-meta/test/index.html +30 -0
- data/app/assets/components/iron-meta/test/iron-meta.html +186 -0
- data/app/assets/components/iron-overlay-behavior/README.md +11 -0
- data/app/assets/components/iron-overlay-behavior/bower.json +36 -0
- data/app/assets/components/iron-overlay-behavior/demo/index.html +149 -0
- data/app/assets/components/iron-overlay-behavior/demo/simple-overlay.html +50 -0
- data/app/assets/components/iron-overlay-behavior/index.html +30 -0
- data/app/assets/components/iron-overlay-behavior/iron-overlay-backdrop.html +132 -0
- data/app/assets/components/iron-overlay-behavior/iron-overlay-behavior.html +432 -0
- data/app/assets/components/iron-overlay-behavior/iron-overlay-manager.html +107 -0
- data/app/assets/components/iron-overlay-behavior/test/index.html +34 -0
- data/app/assets/components/iron-overlay-behavior/test/iron-overlay-behavior.html +314 -0
- data/app/assets/components/iron-overlay-behavior/test/test-overlay.html +49 -0
- data/app/assets/components/iron-pages/README.md +22 -0
- data/app/assets/components/iron-pages/bower.json +27 -0
- data/app/assets/components/iron-pages/demo/index.html +60 -0
- data/app/assets/components/iron-pages/hero.svg +22 -0
- data/app/assets/components/iron-pages/index.html +25 -0
- data/app/assets/components/iron-pages/iron-pages.html +83 -0
- data/app/assets/components/iron-pages/test/attr-for-selected.html +91 -0
- data/app/assets/components/iron-pages/test/basic.html +95 -0
- data/app/assets/components/iron-pages/test/index.html +32 -0
- data/app/assets/components/iron-range-behavior/README.md +4 -0
- data/app/assets/components/iron-range-behavior/bower.json +30 -0
- data/app/assets/components/iron-range-behavior/demo/index.html +76 -0
- data/app/assets/components/iron-range-behavior/index.html +24 -0
- data/app/assets/components/iron-range-behavior/iron-range-behavior.html +101 -0
- data/app/assets/components/iron-range-behavior/test/basic.html +119 -0
- data/app/assets/components/iron-range-behavior/test/index.html +25 -0
- data/app/assets/components/iron-resizable-behavior/README.md +16 -0
- data/app/assets/components/iron-resizable-behavior/bower.json +26 -0
- data/app/assets/components/iron-resizable-behavior/demo/index.html +29 -0
- data/app/assets/components/iron-resizable-behavior/demo/src/x-app.html +114 -0
- data/app/assets/components/iron-resizable-behavior/index.html +25 -0
- data/app/assets/components/iron-resizable-behavior/iron-resizable-behavior.html +139 -0
- data/app/assets/components/iron-resizable-behavior/test/basic.html +263 -0
- data/app/assets/components/iron-resizable-behavior/test/index.html +31 -0
- data/app/assets/components/iron-resizable-behavior/test/test-elements.html +143 -0
- data/app/assets/components/iron-selector/README.md +50 -0
- data/app/assets/components/iron-selector/bower.json +31 -0
- data/app/assets/components/iron-selector/demo/index.html +66 -0
- data/app/assets/components/iron-selector/index.html +28 -0
- data/app/assets/components/iron-selector/iron-multi-selectable.html +120 -0
- data/app/assets/components/iron-selector/iron-selectable.html +307 -0
- data/app/assets/components/iron-selector/iron-selection.html +115 -0
- data/app/assets/components/iron-selector/iron-selector.html +71 -0
- data/app/assets/components/iron-selector/test/activate-event.html +138 -0
- data/app/assets/components/iron-selector/test/basic.html +150 -0
- data/app/assets/components/iron-selector/test/content-element.html +43 -0
- data/app/assets/components/iron-selector/test/content.html +168 -0
- data/app/assets/components/iron-selector/test/index.html +36 -0
- data/app/assets/components/iron-selector/test/multi.html +135 -0
- data/app/assets/components/iron-selector/test/next-previous.html +134 -0
- data/app/assets/components/iron-selector/test/selected-attribute.html +72 -0
- data/app/assets/components/iron-selector/test/template-repeat.html +110 -0
- data/app/assets/components/iron-signals/README.md +26 -0
- data/app/assets/components/iron-signals/bower.json +20 -0
- data/app/assets/components/iron-signals/demo/index.html +40 -0
- data/app/assets/components/iron-signals/index.html +23 -0
- data/app/assets/components/iron-signals/iron-signals.html +81 -0
- data/app/assets/components/iron-test-helpers/README.md +23 -0
- data/app/assets/components/iron-test-helpers/bower.json +28 -0
- data/app/assets/components/iron-test-helpers/iron-test-helpers.html +22 -0
- data/app/assets/components/iron-test-helpers/mock-interactions.js +177 -0
- data/app/assets/components/iron-test-helpers/test-helpers.js +39 -0
- data/app/assets/components/iron-validatable-behavior/README.md +3 -0
- data/app/assets/components/iron-validatable-behavior/bower.json +35 -0
- data/app/assets/components/iron-validatable-behavior/demo/cats-only.html +46 -0
- data/app/assets/components/iron-validatable-behavior/demo/index.html +71 -0
- data/app/assets/components/iron-validatable-behavior/demo/validatable-input.html +46 -0
- data/app/assets/components/iron-validatable-behavior/index.html +30 -0
- data/app/assets/components/iron-validatable-behavior/iron-validatable-behavior.html +101 -0
- data/app/assets/components/iron-validatable-behavior/test/index.html +35 -0
- data/app/assets/components/iron-validatable-behavior/test/iron-validatable-behavior.html +52 -0
- data/app/assets/components/iron-validatable-behavior/test/test-validatable.html +28 -0
- data/app/assets/components/iron-validator-behavior/README.md +4 -0
- data/app/assets/components/iron-validator-behavior/bower.json +34 -0
- data/app/assets/components/iron-validator-behavior/demo/cats-only.html +46 -0
- data/app/assets/components/iron-validator-behavior/demo/index.html +144 -0
- data/app/assets/components/iron-validator-behavior/index.html +30 -0
- data/app/assets/components/iron-validator-behavior/iron-validator-behavior.html +61 -0
- data/app/assets/components/iron-validator-behavior/test/index.html +34 -0
- data/app/assets/components/iron-validator-behavior/test/iron-validator-behavior.html +47 -0
- data/app/assets/components/iron-validator-behavior/test/simple-validator.html +26 -0
- data/app/assets/components/marked/LICENSE +19 -0
- data/app/assets/components/marked/Makefile +12 -0
- data/app/assets/components/marked/README.md +406 -0
- data/app/assets/components/marked/bin/marked +187 -0
- data/app/assets/components/marked/bower.json +24 -0
- data/app/assets/components/marked/component.json +10 -0
- data/app/assets/components/marked/doc/broken.md +426 -0
- data/app/assets/components/marked/doc/todo.md +2 -0
- data/app/assets/components/marked/index.js +1 -0
- data/app/assets/components/marked/lib/marked.js +1272 -0
- data/app/assets/components/marked/man/marked.1 +88 -0
- data/app/assets/components/marked/marked.min.js +6 -0
- data/app/assets/components/marked/package.json +22 -0
- data/app/assets/components/marked-element/README.md +31 -0
- data/app/assets/components/marked-element/bower.json +33 -0
- data/app/assets/components/marked-element/demo/index.html +52 -0
- data/app/assets/components/marked-element/hero.svg +27 -0
- data/app/assets/components/marked-element/index.html +26 -0
- data/app/assets/components/marked-element/marked-element.html +145 -0
- data/app/assets/components/marked-element/marked-import.html +10 -0
- data/app/assets/components/marked-element/test/index.html +25 -0
- data/app/assets/components/marked-element/test/marked-element.html +112 -0
- data/app/assets/components/paper-behaviors/README.md +4 -0
- data/app/assets/components/paper-behaviors/bower.json +39 -0
- data/app/assets/components/paper-behaviors/demo/index.html +57 -0
- data/app/assets/components/paper-behaviors/demo/paper-button.html +71 -0
- data/app/assets/components/paper-behaviors/demo/paper-radio-button.html +116 -0
- data/app/assets/components/paper-behaviors/index.html +26 -0
- data/app/assets/components/paper-behaviors/paper-button-behavior.html +55 -0
- data/app/assets/components/paper-behaviors/paper-inky-focus-behavior.html +44 -0
- data/app/assets/components/paper-behaviors/test/index.html +26 -0
- data/app/assets/components/paper-behaviors/test/paper-button-behavior.html +82 -0
- data/app/assets/components/paper-behaviors/test/paper-radio-button-behavior.html +62 -0
- data/app/assets/components/paper-behaviors/test/test-button.html +34 -0
- data/app/assets/components/paper-behaviors/test/test-radio-button.html +41 -0
- data/app/assets/components/paper-button/README.md +45 -0
- data/app/assets/components/paper-button/bower.json +39 -0
- data/app/assets/components/paper-button/demo/index.html +158 -0
- data/app/assets/components/paper-button/index.html +26 -0
- data/app/assets/components/paper-button/paper-button.html +177 -0
- data/app/assets/components/paper-button/test/index.html +25 -0
- data/app/assets/components/paper-button/test/paper-button.html +83 -0
- data/app/assets/components/paper-header-panel/README.md +105 -0
- data/app/assets/components/paper-header-panel/bower.json +28 -0
- data/app/assets/components/paper-header-panel/demo/index.html +148 -0
- data/app/assets/components/paper-header-panel/hero.svg +38 -0
- data/app/assets/components/paper-header-panel/index.html +36 -0
- data/app/assets/components/paper-header-panel/paper-header-panel.html +496 -0
- data/app/assets/components/paper-header-panel/test/basic.html +156 -0
- data/app/assets/components/paper-header-panel/test/index.html +34 -0
- data/app/assets/components/paper-material/README.md +13 -0
- data/app/assets/components/paper-material/bower.json +36 -0
- data/app/assets/components/paper-material/demo/index.html +113 -0
- data/app/assets/components/paper-material/index.html +30 -0
- data/app/assets/components/paper-material/paper-material.html +98 -0
- data/app/assets/components/paper-material/test/index.html +25 -0
- data/app/assets/components/paper-material/test/paper-material.html +92 -0
- data/app/assets/components/paper-ripple/README.md +65 -0
- data/app/assets/components/paper-ripple/bower.json +29 -0
- data/app/assets/components/paper-ripple/demo/index.html +413 -0
- data/app/assets/components/paper-ripple/hero.svg +30 -0
- data/app/assets/components/paper-ripple/index.html +27 -0
- data/app/assets/components/paper-ripple/paper-ripple.html +714 -0
- data/app/assets/components/paper-ripple/test/index.html +25 -0
- data/app/assets/components/paper-ripple/test/paper-ripple.html +166 -0
- data/app/assets/components/paper-styles/README.md +3 -0
- data/app/assets/components/paper-styles/bower.json +27 -0
- data/app/assets/components/paper-styles/classes/global.html +96 -0
- data/app/assets/components/paper-styles/classes/shadow-layout.html +302 -0
- data/app/assets/components/paper-styles/classes/shadow.html +39 -0
- data/app/assets/components/paper-styles/classes/typography.html +171 -0
- data/app/assets/components/paper-styles/color.html +333 -0
- data/app/assets/components/paper-styles/default-theme.html +39 -0
- data/app/assets/components/paper-styles/demo-pages.html +72 -0
- data/app/assets/components/paper-styles/demo.css +25 -0
- data/app/assets/components/paper-styles/paper-styles-classes.html +14 -0
- data/app/assets/components/paper-styles/paper-styles.html +17 -0
- data/app/assets/components/paper-styles/shadow.html +61 -0
- data/app/assets/components/paper-styles/typography.html +240 -0
- data/app/assets/components/paper-toolbar/README.md +51 -0
- data/app/assets/components/paper-toolbar/bower.json +35 -0
- data/app/assets/components/paper-toolbar/demo/index.html +81 -0
- data/app/assets/components/paper-toolbar/index.html +38 -0
- data/app/assets/components/paper-toolbar/paper-toolbar.html +375 -0
- data/app/assets/components/paper-toolbar/test/index.html +24 -0
- data/app/assets/components/paper-toolbar/test/paper-toolbar.html +147 -0
- data/app/assets/components/polymer/LICENSE.txt +27 -0
- data/app/assets/components/polymer/bower.json +26 -0
- data/app/assets/components/polymer/build.log +27 -0
- data/app/assets/components/polymer/polymer-micro.html +523 -0
- data/app/assets/components/polymer/polymer-mini.html +1368 -0
- data/app/assets/components/polymer/polymer.html +3768 -0
- data/app/assets/components/prism/LICENSE +21 -0
- data/app/assets/components/prism/README.md +22 -0
- data/app/assets/components/prism/bower.json +26 -0
- data/app/assets/components/prism/components/prism-actionscript.js +20 -0
- data/app/assets/components/prism/components/prism-actionscript.min.js +1 -0
- data/app/assets/components/prism/components/prism-apacheconf.js +46 -0
- data/app/assets/components/prism/components/prism-apacheconf.min.js +1 -0
- data/app/assets/components/prism/components/prism-applescript.js +23 -0
- data/app/assets/components/prism/components/prism-applescript.min.js +1 -0
- data/app/assets/components/prism/components/prism-aspnet.js +49 -0
- data/app/assets/components/prism/components/prism-aspnet.min.js +1 -0
- data/app/assets/components/prism/components/prism-autohotkey.js +27 -0
- data/app/assets/components/prism/components/prism-autohotkey.min.js +1 -0
- data/app/assets/components/prism/components/prism-bash.js +31 -0
- data/app/assets/components/prism/components/prism-bash.min.js +1 -0
- data/app/assets/components/prism/components/prism-c.js +26 -0
- data/app/assets/components/prism/components/prism-c.min.js +1 -0
- data/app/assets/components/prism/components/prism-clike.js +32 -0
- data/app/assets/components/prism/components/prism-clike.min.js +1 -0
- data/app/assets/components/prism/components/prism-coffeescript.js +83 -0
- data/app/assets/components/prism/components/prism-coffeescript.min.js +1 -0
- data/app/assets/components/prism/components/prism-core.js +426 -0
- data/app/assets/components/prism/components/prism-core.min.js +1 -0
- data/app/assets/components/prism/components/prism-cpp.js +12 -0
- data/app/assets/components/prism/components/prism-cpp.min.js +1 -0
- data/app/assets/components/prism/components/prism-csharp.js +9 -0
- data/app/assets/components/prism/components/prism-csharp.min.js +1 -0
- data/app/assets/components/prism/components/prism-css-extras.js +15 -0
- data/app/assets/components/prism/components/prism-css-extras.min.js +1 -0
- data/app/assets/components/prism/components/prism-css.js +50 -0
- data/app/assets/components/prism/components/prism-css.min.js +1 -0
- data/app/assets/components/prism/components/prism-dart.js +18 -0
- data/app/assets/components/prism/components/prism-dart.min.js +1 -0
- data/app/assets/components/prism/components/prism-eiffel.js +24 -0
- data/app/assets/components/prism/components/prism-eiffel.min.js +1 -0
- data/app/assets/components/prism/components/prism-erlang.js +35 -0
- data/app/assets/components/prism/components/prism-erlang.min.js +1 -0
- data/app/assets/components/prism/components/prism-fortran.js +34 -0
- data/app/assets/components/prism/components/prism-fortran.min.js +1 -0
- data/app/assets/components/prism/components/prism-fsharp.js +21 -0
- data/app/assets/components/prism/components/prism-fsharp.min.js +1 -0
- data/app/assets/components/prism/components/prism-gherkin.js +78 -0
- data/app/assets/components/prism/components/prism-gherkin.min.js +1 -0
- data/app/assets/components/prism/components/prism-git.js +68 -0
- data/app/assets/components/prism/components/prism-git.min.js +1 -0
- data/app/assets/components/prism/components/prism-go.js +9 -0
- data/app/assets/components/prism/components/prism-go.min.js +1 -0
- data/app/assets/components/prism/components/prism-groovy.js +50 -0
- data/app/assets/components/prism/components/prism-groovy.min.js +1 -0
- data/app/assets/components/prism/components/prism-haml.js +161 -0
- data/app/assets/components/prism/components/prism-haml.min.js +1 -0
- data/app/assets/components/prism/components/prism-handlebars.js +82 -0
- data/app/assets/components/prism/components/prism-handlebars.min.js +1 -0
- data/app/assets/components/prism/components/prism-haskell.js +32 -0
- data/app/assets/components/prism/components/prism-haskell.min.js +1 -0
- data/app/assets/components/prism/components/prism-http.js +44 -0
- data/app/assets/components/prism/components/prism-http.min.js +1 -0
- data/app/assets/components/prism/components/prism-ini.js +11 -0
- data/app/assets/components/prism/components/prism-ini.min.js +1 -0
- data/app/assets/components/prism/components/prism-jade.js +196 -0
- data/app/assets/components/prism/components/prism-jade.min.js +1 -0
- data/app/assets/components/prism/components/prism-java.js +8 -0
- data/app/assets/components/prism/components/prism-java.min.js +1 -0
- data/app/assets/components/prism/components/prism-javascript.js +28 -0
- data/app/assets/components/prism/components/prism-javascript.min.js +1 -0
- data/app/assets/components/prism/components/prism-jsx.js +22 -0
- data/app/assets/components/prism/components/prism-jsx.min.js +1 -0
- data/app/assets/components/prism/components/prism-julia.js +12 -0
- data/app/assets/components/prism/components/prism-julia.min.js +1 -0
- data/app/assets/components/prism/components/prism-latex.js +6 -0
- data/app/assets/components/prism/components/prism-latex.min.js +1 -0
- data/app/assets/components/prism/components/prism-less.js +60 -0
- data/app/assets/components/prism/components/prism-less.min.js +1 -0
- data/app/assets/components/prism/components/prism-lolcode.js +54 -0
- data/app/assets/components/prism/components/prism-lolcode.min.js +1 -0
- data/app/assets/components/prism/components/prism-markdown.js +122 -0
- data/app/assets/components/prism/components/prism-markdown.min.js +1 -0
- data/app/assets/components/prism/components/prism-markup.js +41 -0
- data/app/assets/components/prism/components/prism-markup.min.js +1 -0
- data/app/assets/components/prism/components/prism-matlab.js +17 -0
- data/app/assets/components/prism/components/prism-matlab.min.js +1 -0
- data/app/assets/components/prism/components/prism-nasm.js +20 -0
- data/app/assets/components/prism/components/prism-nasm.min.js +1 -0
- data/app/assets/components/prism/components/prism-nsis.js +19 -0
- data/app/assets/components/prism/components/prism-nsis.min.js +1 -0
- data/app/assets/components/prism/components/prism-objectivec.js +5 -0
- data/app/assets/components/prism/components/prism-objectivec.min.js +1 -0
- data/app/assets/components/prism/components/prism-pascal.js +54 -0
- data/app/assets/components/prism/components/prism-pascal.min.js +1 -0
- data/app/assets/components/prism/components/prism-perl.js +112 -0
- data/app/assets/components/prism/components/prism-perl.min.js +1 -0
- data/app/assets/components/prism/components/prism-php-extras.js +11 -0
- data/app/assets/components/prism/components/prism-php-extras.min.js +1 -0
- data/app/assets/components/prism/components/prism-php.js +109 -0
- data/app/assets/components/prism/components/prism-php.min.js +1 -0
- data/app/assets/components/prism/components/prism-powershell.js +34 -0
- data/app/assets/components/prism/components/prism-powershell.min.js +1 -0
- data/app/assets/components/prism/components/prism-python.js +13 -0
- data/app/assets/components/prism/components/prism-python.min.js +1 -0
- data/app/assets/components/prism/components/prism-r.js +19 -0
- data/app/assets/components/prism/components/prism-r.min.js +1 -0
- data/app/assets/components/prism/components/prism-rest.js +204 -0
- data/app/assets/components/prism/components/prism-rest.min.js +1 -0
- data/app/assets/components/prism/components/prism-rip.js +29 -0
- data/app/assets/components/prism/components/prism-rip.min.js +1 -0
- data/app/assets/components/prism/components/prism-ruby.js +21 -0
- data/app/assets/components/prism/components/prism-ruby.min.js +1 -0
- data/app/assets/components/prism/components/prism-rust.js +53 -0
- data/app/assets/components/prism/components/prism-rust.min.js +1 -0
- data/app/assets/components/prism/components/prism-sas.js +35 -0
- data/app/assets/components/prism/components/prism-sas.min.js +1 -0
- data/app/assets/components/prism/components/prism-scala.js +9 -0
- data/app/assets/components/prism/components/prism-scala.min.js +1 -0
- data/app/assets/components/prism/components/prism-scheme.js +24 -0
- data/app/assets/components/prism/components/prism-scheme.min.js +1 -0
- data/app/assets/components/prism/components/prism-scss.js +36 -0
- data/app/assets/components/prism/components/prism-scss.min.js +1 -0
- data/app/assets/components/prism/components/prism-smalltalk.js +31 -0
- data/app/assets/components/prism/components/prism-smalltalk.min.js +1 -0
- data/app/assets/components/prism/components/prism-smarty.js +124 -0
- data/app/assets/components/prism/components/prism-smarty.min.js +1 -0
- data/app/assets/components/prism/components/prism-sql.js +17 -0
- data/app/assets/components/prism/components/prism-sql.min.js +1 -0
- data/app/assets/components/prism/components/prism-stylus.js +61 -0
- data/app/assets/components/prism/components/prism-stylus.min.js +1 -0
- data/app/assets/components/prism/components/prism-swift.js +8 -0
- data/app/assets/components/prism/components/prism-swift.min.js +1 -0
- data/app/assets/components/prism/components/prism-twig.js +46 -0
- data/app/assets/components/prism/components/prism-twig.min.js +1 -0
- data/app/assets/components/prism/components/prism-typescript.js +3 -0
- data/app/assets/components/prism/components/prism-typescript.min.js +1 -0
- data/app/assets/components/prism/components/prism-wiki.js +80 -0
- data/app/assets/components/prism/components/prism-wiki.min.js +1 -0
- data/app/assets/components/prism/components/prism-yaml.js +44 -0
- data/app/assets/components/prism/components/prism-yaml.min.js +1 -0
- data/app/assets/components/prism/components.js +362 -0
- data/app/assets/components/prism/examples.js +181 -0
- data/app/assets/components/prism/gulpfile.js +48 -0
- data/app/assets/components/prism/package.json +27 -0
- data/app/assets/components/prism/plugins/autolinker/prism-autolinker.css +3 -0
- data/app/assets/components/prism/plugins/autolinker/prism-autolinker.js +66 -0
- data/app/assets/components/prism/plugins/autolinker/prism-autolinker.min.js +1 -0
- data/app/assets/components/prism/plugins/file-highlight/prism-file-highlight.js +61 -0
- data/app/assets/components/prism/plugins/file-highlight/prism-file-highlight.min.js +1 -0
- data/app/assets/components/prism/plugins/highlight-keywords/prism-highlight-keywords.js +14 -0
- data/app/assets/components/prism/plugins/highlight-keywords/prism-highlight-keywords.min.js +1 -0
- data/app/assets/components/prism/plugins/ie8/prism-ie8.css +3 -0
- data/app/assets/components/prism/plugins/ie8/prism-ie8.js +42 -0
- data/app/assets/components/prism/plugins/ie8/prism-ie8.min.js +1 -0
- data/app/assets/components/prism/plugins/line-highlight/prism-line-highlight.css +47 -0
- data/app/assets/components/prism/plugins/line-highlight/prism-line-highlight.js +109 -0
- data/app/assets/components/prism/plugins/line-highlight/prism-line-highlight.min.js +1 -0
- data/app/assets/components/prism/plugins/line-numbers/prism-line-numbers.css +40 -0
- data/app/assets/components/prism/plugins/line-numbers/prism-line-numbers.js +38 -0
- data/app/assets/components/prism/plugins/line-numbers/prism-line-numbers.min.js +1 -0
- data/app/assets/components/prism/plugins/show-invisibles/prism-show-invisibles.css +20 -0
- data/app/assets/components/prism/plugins/show-invisibles/prism-show-invisibles.js +16 -0
- data/app/assets/components/prism/plugins/show-invisibles/prism-show-invisibles.min.js +1 -0
- data/app/assets/components/prism/plugins/show-language/prism-show-language.css +16 -0
- data/app/assets/components/prism/plugins/show-language/prism-show-language.js +20 -0
- data/app/assets/components/prism/plugins/show-language/prism-show-language.min.css +1 -0
- data/app/assets/components/prism/plugins/show-language/prism-show-language.min.js +1 -0
- data/app/assets/components/prism/plugins/wpd/prism-wpd.css +11 -0
- data/app/assets/components/prism/plugins/wpd/prism-wpd.js +163 -0
- data/app/assets/components/prism/plugins/wpd/prism-wpd.min.js +1 -0
- data/app/assets/components/prism/prism.js +672 -0
- data/app/assets/components/prism/themes/prism-coy.css +231 -0
- data/app/assets/components/prism/themes/prism-dark.css +126 -0
- data/app/assets/components/prism/themes/prism-funky.css +115 -0
- data/app/assets/components/prism/themes/prism-okaidia.css +119 -0
- data/app/assets/components/prism/themes/prism-tomorrow.css +119 -0
- data/app/assets/components/prism/themes/prism-twilight.css +199 -0
- data/app/assets/components/prism/themes/prism.css +135 -0
- data/app/assets/components/prism/vendor/promise.js +5 -0
- data/app/assets/components/prism-element/README.md +13 -0
- data/app/assets/components/prism-element/bower.json +29 -0
- data/app/assets/components/prism-element/prism-highlighter.html +95 -0
- data/app/assets/components/prism-element/prism-import.html +11 -0
- data/app/assets/components/promise-polyfill/Gruntfile.js +40 -0
- data/app/assets/components/promise-polyfill/LICENSE +20 -0
- data/app/assets/components/promise-polyfill/Promise-Statics.js +37 -0
- data/app/assets/components/promise-polyfill/Promise.js +128 -0
- data/app/assets/components/promise-polyfill/Promise.min.js +3 -0
- data/app/assets/components/promise-polyfill/README.md +13 -0
- data/app/assets/components/promise-polyfill/bower.json +31 -0
- data/app/assets/components/promise-polyfill/package.json +35 -0
- data/app/assets/components/promise-polyfill/promise-polyfill-lite.html +7 -0
- data/app/assets/components/promise-polyfill/promise-polyfill.html +2 -0
- data/app/assets/components/webcomponentsjs/CustomElements.js +956 -0
- data/app/assets/components/webcomponentsjs/CustomElements.min.js +11 -0
- data/app/assets/components/webcomponentsjs/HTMLImports.js +1078 -0
- data/app/assets/components/webcomponentsjs/HTMLImports.min.js +11 -0
- data/app/assets/components/webcomponentsjs/MutationObserver.js +344 -0
- data/app/assets/components/webcomponentsjs/MutationObserver.min.js +11 -0
- data/app/assets/components/webcomponentsjs/README.md +125 -0
- data/app/assets/components/webcomponentsjs/ShadowDOM.js +4414 -0
- data/app/assets/components/webcomponentsjs/ShadowDOM.min.js +15 -0
- data/app/assets/components/webcomponentsjs/bower.json +14 -0
- data/app/assets/components/webcomponentsjs/build.log +33 -0
- data/app/assets/components/webcomponentsjs/package.json +31 -0
- data/app/assets/components/webcomponentsjs/webcomponents-lite.js +2300 -0
- data/app/assets/components/webcomponentsjs/webcomponents-lite.min.js +13 -0
- data/app/assets/components/webcomponentsjs/webcomponents.js +7112 -0
- data/app/assets/components/webcomponentsjs/webcomponents.min.js +15 -0
- data/lib/polymer-iron-rails/engine.rb +4 -0
- data/lib/polymer-iron-rails/version.rb +3 -0
- data/lib/polymer-iron-rails.rb +2 -0
- metadata +694 -0
@@ -0,0 +1,149 @@
|
|
1
|
+
<!doctype html>
|
2
|
+
<!--
|
3
|
+
@license
|
4
|
+
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
|
5
|
+
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
6
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
7
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
8
|
+
Code distributed by Google as part of the polymer project is also
|
9
|
+
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
10
|
+
-->
|
11
|
+
|
12
|
+
<html>
|
13
|
+
<head>
|
14
|
+
|
15
|
+
<title>iron-iconset</title>
|
16
|
+
<meta charset="utf-8">
|
17
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
18
|
+
|
19
|
+
<script src="../../webcomponentsjs/webcomponents-lite.js"></script>
|
20
|
+
<script src="../../web-component-tester/browser.js"></script>
|
21
|
+
<script src="../../test-fixture/test-fixture-mocha.js"></script>
|
22
|
+
|
23
|
+
<link rel="import" href="../iron-iconset.html">
|
24
|
+
<link rel="import" href="../../iron-meta/iron-meta.html">
|
25
|
+
<link rel="import" href="../../test-fixture/test-fixture.html">
|
26
|
+
|
27
|
+
</head>
|
28
|
+
<body>
|
29
|
+
|
30
|
+
<test-fixture id="TrivialIconset">
|
31
|
+
<template>
|
32
|
+
<iron-iconset name="foo" src="../demo/my-icons.png"></iron-iconset>
|
33
|
+
<iron-meta type="iconset"></iron-meta>
|
34
|
+
</template>
|
35
|
+
</test-fixture>
|
36
|
+
|
37
|
+
<test-fixture id="StandardIconset">
|
38
|
+
<template>
|
39
|
+
<iron-iconset name="my-icons"
|
40
|
+
src="../demo/my-icons.png"
|
41
|
+
width="96"
|
42
|
+
size="24"
|
43
|
+
icons="location place starta stopb bus car train walk"></iron-iconset>
|
44
|
+
<div></div>
|
45
|
+
</template>
|
46
|
+
</test-fixture>
|
47
|
+
|
48
|
+
<test-fixture id="ThemedIconset">
|
49
|
+
<template>
|
50
|
+
<iron-iconset name="my-icons"
|
51
|
+
src="../demo/my-icons.png"
|
52
|
+
width="96"
|
53
|
+
size="24"
|
54
|
+
icons="location place starta stopb bus car train walk">
|
55
|
+
<property theme="large" offset-x="10" offset-y="10"></property>
|
56
|
+
</iron-iconset>
|
57
|
+
<div></div>
|
58
|
+
</template>
|
59
|
+
</test-fixture>
|
60
|
+
|
61
|
+
<script>
|
62
|
+
suite('<iron-iconset>', function () {
|
63
|
+
suite('basic behavior', function () {
|
64
|
+
var iconset;
|
65
|
+
var meta;
|
66
|
+
|
67
|
+
setup(function () {
|
68
|
+
var elements = fixture('TrivialIconset');
|
69
|
+
|
70
|
+
iconset = elements[0];
|
71
|
+
meta = elements[1];
|
72
|
+
});
|
73
|
+
|
74
|
+
test('it can be accessed via iron-meta', function () {
|
75
|
+
expect(meta.byKey('foo')).to.be.equal(iconset);
|
76
|
+
});
|
77
|
+
});
|
78
|
+
|
79
|
+
suite('when src, width, iconSize and icons are assigned', function () {
|
80
|
+
var iconset;
|
81
|
+
var div;
|
82
|
+
|
83
|
+
setup(function () {
|
84
|
+
var elements = fixture('StandardIconset');
|
85
|
+
|
86
|
+
iconset = elements[0];
|
87
|
+
div = elements[1];
|
88
|
+
});
|
89
|
+
|
90
|
+
/*
|
91
|
+
test('appends a child to the target element', function () {
|
92
|
+
expect(div.firstElementChild).to.not.be.ok;
|
93
|
+
|
94
|
+
iconset.applyIcon(div, 'location');
|
95
|
+
|
96
|
+
expect(div.firstElementChild).to.be.ok;
|
97
|
+
});
|
98
|
+
*/
|
99
|
+
|
100
|
+
test('sets the background image of the target element', function () {
|
101
|
+
var iconStyle;
|
102
|
+
|
103
|
+
iconset.applyIcon(div, 'location');
|
104
|
+
iconStyle = window.getComputedStyle(div);
|
105
|
+
|
106
|
+
expect(iconStyle.backgroundImage).to.match(/url\(.*demo\/my-icons.png["']?\)/);
|
107
|
+
});
|
108
|
+
|
109
|
+
test('offsets the background image to the icon\'s position', function () {
|
110
|
+
var iconStyle;
|
111
|
+
|
112
|
+
iconset.applyIcon(div, 'bus');
|
113
|
+
iconStyle = window.getComputedStyle(div);
|
114
|
+
|
115
|
+
expect(iconStyle.backgroundPosition).to.match(/0(px|%) -24px/);
|
116
|
+
});
|
117
|
+
});
|
118
|
+
|
119
|
+
suite('when an iconset is themed', function () {
|
120
|
+
var iconset;
|
121
|
+
var div;
|
122
|
+
|
123
|
+
setup(function () {
|
124
|
+
var elements = fixture('ThemedIconset');
|
125
|
+
|
126
|
+
iconset = elements[0];
|
127
|
+
div = elements[1];
|
128
|
+
});
|
129
|
+
|
130
|
+
test('can use a theme when applying icon', function () {
|
131
|
+
iconset.applyIcon(div, 'bus', 'large');
|
132
|
+
|
133
|
+
expect(div).to.be.ok;
|
134
|
+
});
|
135
|
+
|
136
|
+
test('adjusts the icon by the theme offset', function () {
|
137
|
+
var iconStyle;
|
138
|
+
|
139
|
+
iconset.applyIcon(div, 'bus', 'large');
|
140
|
+
iconStyle = window.getComputedStyle(div);
|
141
|
+
|
142
|
+
expect(iconStyle.backgroundPosition).to.match(/-10px -34px/);
|
143
|
+
});
|
144
|
+
});
|
145
|
+
});
|
146
|
+
</script>
|
147
|
+
|
148
|
+
</body>
|
149
|
+
</html>
|
@@ -0,0 +1,27 @@
|
|
1
|
+
{
|
2
|
+
"name": "iron-iconset-svg",
|
3
|
+
"description": "Manages a set of svg icons",
|
4
|
+
"version": "1.0.2",
|
5
|
+
"keywords": [
|
6
|
+
"web-components",
|
7
|
+
"polymer",
|
8
|
+
"icon"
|
9
|
+
],
|
10
|
+
"license": "http://polymer.github.io/LICENSE.txt",
|
11
|
+
"private": true,
|
12
|
+
"authors": [
|
13
|
+
"The Polymer Authors"
|
14
|
+
],
|
15
|
+
"dependencies": {
|
16
|
+
"polymer": "polymer/polymer#^1.0.0",
|
17
|
+
"iron-meta": "polymerelements/iron-meta#^1.0.0"
|
18
|
+
},
|
19
|
+
"devDependencies": {
|
20
|
+
"paper-styles": "polymerelements/paper-styles#^1.0.2",
|
21
|
+
"iron-component-page": "polymerelements/iron-component-page#^1.0.0",
|
22
|
+
"iron-icon": "polymerelements/iron-icon#^1.0.0",
|
23
|
+
"test-fixture": "polymerelements/test-fixture#^1.0.0",
|
24
|
+
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0",
|
25
|
+
"web-component-tester": "*"
|
26
|
+
}
|
27
|
+
}
|
@@ -0,0 +1,65 @@
|
|
1
|
+
<!doctype html>
|
2
|
+
<!--
|
3
|
+
@license
|
4
|
+
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
|
5
|
+
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
6
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
7
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
8
|
+
Code distributed by Google as part of the polymer project is also
|
9
|
+
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
10
|
+
-->
|
11
|
+
|
12
|
+
<html>
|
13
|
+
<head>
|
14
|
+
|
15
|
+
<title>iron-iconset-svg</title>
|
16
|
+
<script src="../../webcomponentsjs/webcomponents-lite.js"></script>
|
17
|
+
|
18
|
+
<link href="../../paper-styles/demo-pages.html" rel="import">
|
19
|
+
|
20
|
+
<link rel="import" href="svg-sample-icons.html">
|
21
|
+
<style is="custom-style">
|
22
|
+
|
23
|
+
.centered {
|
24
|
+
text-align: center;
|
25
|
+
}
|
26
|
+
|
27
|
+
iron-icon {
|
28
|
+
height: 64px;
|
29
|
+
width: 64px;
|
30
|
+
margin: auto 1em;
|
31
|
+
}
|
32
|
+
|
33
|
+
iron-icon:nth-of-type(1) {
|
34
|
+
fill: orange;
|
35
|
+
}
|
36
|
+
|
37
|
+
iron-icon:nth-of-type(2) {
|
38
|
+
fill: green;
|
39
|
+
}
|
40
|
+
|
41
|
+
iron-icon:nth-of-type(3) {
|
42
|
+
fill: navy;
|
43
|
+
}
|
44
|
+
|
45
|
+
iron-icon {
|
46
|
+
transition: all 0.5s;
|
47
|
+
-webkit-transition: all 0.5s;
|
48
|
+
}
|
49
|
+
|
50
|
+
iron-icon:hover {
|
51
|
+
-webkit-filter: drop-shadow( 2px 2px 2px var(--google-grey-700) );
|
52
|
+
filter: drop-shadow( 2px 2px 2px var(--google-grey-700) );
|
53
|
+
}
|
54
|
+
</style>
|
55
|
+
</head>
|
56
|
+
<body>
|
57
|
+
|
58
|
+
<div class="vertical-section vertical-section-container centered">
|
59
|
+
<iron-icon icon="svg-sample-icons:codepen"></iron-icon>
|
60
|
+
<iron-icon icon="svg-sample-icons:twitter"></iron-icon>
|
61
|
+
<iron-icon icon="svg-sample-icons:youtube"></iron-icon>
|
62
|
+
</div>
|
63
|
+
|
64
|
+
</body>
|
65
|
+
</html>
|
@@ -0,0 +1,69 @@
|
|
1
|
+
|
2
|
+
<!--
|
3
|
+
@license
|
4
|
+
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
|
5
|
+
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
6
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
7
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
8
|
+
Code distributed by Google as part of the polymer project is also
|
9
|
+
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
10
|
+
-->
|
11
|
+
|
12
|
+
<link rel="import" href="../../iron-icon/iron-icon.html">
|
13
|
+
<link rel="import" href="../iron-iconset-svg.html">
|
14
|
+
|
15
|
+
<iron-iconset-svg name="svg-sample-icons" size="100">
|
16
|
+
<svg>
|
17
|
+
<defs>
|
18
|
+
<g id="codepen">
|
19
|
+
<path class="outer-ring" d="M50,0C22.385,0,0,22.385,0,50c0,27.615,22.385,50,50,50c27.614,0,50-22.385,50-50C100,22.385,77.615,0,50,0z M50,91.789
|
20
|
+
C26.958,91.789,8.212,73.042,8.212,50C8.212,26.958,26.958,8.212,50,8.212c23.042,0,41.788,18.747,41.788,41.789
|
21
|
+
C91.788,73.042,73.042,91.789,50,91.789z"></path>
|
22
|
+
<path class="inner-logo" d="M80.893,40.234c-0.006-0.039-0.016-0.076-0.022-0.115c-0.013-0.075-0.027-0.15-0.046-0.223
|
23
|
+
c-0.012-0.044-0.028-0.086-0.042-0.128c-0.021-0.065-0.042-0.13-0.068-0.193c-0.018-0.044-0.039-0.088-0.059-0.13
|
24
|
+
c-0.028-0.06-0.057-0.119-0.09-0.175c-0.024-0.042-0.051-0.083-0.076-0.124c-0.036-0.055-0.073-0.109-0.112-0.161
|
25
|
+
c-0.029-0.039-0.06-0.078-0.091-0.115c-0.042-0.049-0.086-0.098-0.132-0.143c-0.035-0.036-0.069-0.072-0.106-0.104
|
26
|
+
c-0.049-0.044-0.099-0.086-0.15-0.127c-0.04-0.031-0.079-0.062-0.12-0.091c-0.016-0.01-0.029-0.023-0.044-0.033L51.474,19.531
|
27
|
+
c-0.893-0.595-2.055-0.595-2.947,0L20.267,38.371c-0.015,0.01-0.028,0.023-0.044,0.033c-0.042,0.029-0.081,0.06-0.12,0.091
|
28
|
+
c-0.052,0.041-0.102,0.083-0.15,0.127c-0.037,0.032-0.071,0.068-0.106,0.104c-0.046,0.045-0.09,0.094-0.132,0.143
|
29
|
+
c-0.031,0.038-0.062,0.077-0.092,0.115c-0.039,0.052-0.076,0.106-0.111,0.161c-0.027,0.041-0.052,0.082-0.076,0.124
|
30
|
+
c-0.033,0.057-0.062,0.115-0.09,0.175c-0.021,0.042-0.042,0.086-0.06,0.13c-0.026,0.063-0.047,0.128-0.068,0.193
|
31
|
+
c-0.014,0.042-0.029,0.084-0.042,0.128c-0.02,0.073-0.032,0.148-0.046,0.223c-0.006,0.039-0.016,0.076-0.021,0.115
|
32
|
+
c-0.016,0.114-0.024,0.229-0.024,0.346V59.42c0,0.117,0.009,0.233,0.024,0.348c0.005,0.038,0.015,0.077,0.021,0.114
|
33
|
+
c0.014,0.075,0.027,0.149,0.046,0.223c0.012,0.043,0.028,0.086,0.042,0.128c0.021,0.065,0.042,0.13,0.068,0.195
|
34
|
+
c0.018,0.044,0.039,0.086,0.06,0.129c0.028,0.06,0.058,0.118,0.09,0.177c0.024,0.041,0.049,0.082,0.076,0.122
|
35
|
+
c0.035,0.056,0.072,0.109,0.111,0.161c0.029,0.041,0.061,0.078,0.092,0.115c0.042,0.049,0.086,0.098,0.132,0.144
|
36
|
+
c0.035,0.036,0.069,0.071,0.106,0.104c0.048,0.044,0.099,0.086,0.15,0.127c0.039,0.031,0.078,0.062,0.12,0.091
|
37
|
+
c0.016,0.01,0.029,0.023,0.044,0.032l28.259,18.84c0.446,0.297,0.96,0.447,1.474,0.447c0.513,0,1.027-0.149,1.473-0.447
|
38
|
+
l28.259-18.84c0.015-0.009,0.028-0.022,0.044-0.032c0.042-0.029,0.081-0.06,0.12-0.091c0.051-0.041,0.102-0.083,0.15-0.127
|
39
|
+
c0.037-0.033,0.071-0.068,0.106-0.104c0.046-0.046,0.09-0.095,0.132-0.144c0.031-0.037,0.062-0.075,0.091-0.115
|
40
|
+
c0.04-0.052,0.076-0.105,0.112-0.161c0.025-0.041,0.051-0.081,0.076-0.122c0.033-0.059,0.062-0.117,0.09-0.177
|
41
|
+
c0.02-0.042,0.041-0.085,0.059-0.129c0.026-0.065,0.047-0.13,0.068-0.195c0.014-0.042,0.03-0.085,0.042-0.128
|
42
|
+
c0.02-0.074,0.033-0.148,0.046-0.223c0.006-0.037,0.016-0.076,0.022-0.114c0.014-0.115,0.023-0.231,0.023-0.348V40.581
|
43
|
+
C80.916,40.464,80.907,40.348,80.893,40.234z M52.657,26.707l20.817,13.877l-9.298,6.221l-11.519-7.706V26.707z M47.343,26.707
|
44
|
+
v12.393l-11.518,7.706l-9.299-6.221L47.343,26.707z M24.398,45.554L31.046,50l-6.648,4.446V45.554z M47.343,73.294L26.525,59.417
|
45
|
+
l9.299-6.219l11.518,7.704V73.294z M50,56.286L40.603,50L50,43.715L59.397,50L50,56.286z M52.657,73.294V60.902l11.519-7.704
|
46
|
+
l9.298,6.219L52.657,73.294z M75.602,54.447L68.955,50l6.647-4.446V54.447z"></path>
|
47
|
+
</g>
|
48
|
+
|
49
|
+
<path id="twitter" d="M100.001,17.942c-3.681,1.688-7.633,2.826-11.783,3.339
|
50
|
+
c4.236-2.624,7.49-6.779,9.021-11.73c-3.965,2.432-8.354,4.193-13.026,5.146C80.47,10.575,75.138,8,69.234,8
|
51
|
+
c-11.33,0-20.518,9.494-20.518,21.205c0,1.662,0.183,3.281,0.533,4.833c-17.052-0.884-32.168-9.326-42.288-22.155
|
52
|
+
c-1.767,3.133-2.778,6.773-2.778,10.659c0,7.357,3.622,13.849,9.127,17.65c-3.363-0.109-6.525-1.064-9.293-2.651
|
53
|
+
c-0.002,0.089-0.002,0.178-0.002,0.268c0,10.272,7.072,18.845,16.458,20.793c-1.721,0.484-3.534,0.744-5.405,0.744
|
54
|
+
c-1.322,0-2.606-0.134-3.859-0.379c2.609,8.424,10.187,14.555,19.166,14.726c-7.021,5.688-15.867,9.077-25.48,9.077
|
55
|
+
c-1.656,0-3.289-0.102-4.895-0.297C9.08,88.491,19.865,92,31.449,92c37.737,0,58.374-32.312,58.374-60.336
|
56
|
+
c0-0.92-0.02-1.834-0.059-2.743C93.771,25.929,97.251,22.195,100.001,17.942L100.001,17.942z"></path>
|
57
|
+
|
58
|
+
<g id="youtube">
|
59
|
+
<path class="youtube" d="M98.77,27.492c-1.225-5.064-5.576-8.799-10.811-9.354C75.561,16.818,63.01,15.993,50.514,16
|
60
|
+
c-12.495-0.007-25.045,0.816-37.446,2.139c-5.235,0.557-9.583,4.289-10.806,9.354C0.522,34.704,0.5,42.574,0.5,50.001
|
61
|
+
c0,7.426,0,15.296,1.741,22.509c1.224,5.061,5.572,8.799,10.807,9.352c12.399,1.32,24.949,2.145,37.446,2.14
|
62
|
+
c12.494,0.005,25.047-0.817,37.443-2.14c5.234-0.555,9.586-4.291,10.81-9.352c1.741-7.213,1.753-15.083,1.753-22.509
|
63
|
+
S100.51,34.704,98.77,27.492 M67.549,52.203L43.977,64.391c-2.344,1.213-4.262,0.119-4.262-2.428V38.036
|
64
|
+
c0-2.548,1.917-3.644,4.262-2.429l23.572,12.188C69.896,49.008,69.896,50.992,67.549,52.203"></path>
|
65
|
+
</g>
|
66
|
+
|
67
|
+
</defs>
|
68
|
+
</svg>
|
69
|
+
</iron-iconset-svg>
|
@@ -0,0 +1,26 @@
|
|
1
|
+
<!doctype html>
|
2
|
+
<!--
|
3
|
+
@license
|
4
|
+
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
|
5
|
+
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE
|
6
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS
|
7
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS
|
8
|
+
Code distributed by Google as part of the polymer project is also
|
9
|
+
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS
|
10
|
+
-->
|
11
|
+
<html>
|
12
|
+
<head>
|
13
|
+
|
14
|
+
<meta charset="utf-8">
|
15
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
16
|
+
|
17
|
+
<script src="../webcomponentsjs/webcomponents-lite.js"></script>
|
18
|
+
<link rel="import" href="../iron-component-page/iron-component-page.html">
|
19
|
+
|
20
|
+
</head>
|
21
|
+
<body>
|
22
|
+
|
23
|
+
<iron-component-page></iron-component-page>
|
24
|
+
|
25
|
+
</body>
|
26
|
+
</html>
|
@@ -0,0 +1,191 @@
|
|
1
|
+
<!--
|
2
|
+
@license
|
3
|
+
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
|
4
|
+
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
5
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
6
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
7
|
+
Code distributed by Google as part of the polymer project is also
|
8
|
+
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
9
|
+
-->
|
10
|
+
|
11
|
+
<link rel="import" href="../polymer/polymer.html">
|
12
|
+
<link rel="import" href="../iron-meta/iron-meta.html">
|
13
|
+
|
14
|
+
<script>
|
15
|
+
/**
|
16
|
+
* The `iron-iconset-svg` element allows users to define their own icon sets
|
17
|
+
* that contain svg icons. The svg icon elements should be children of the
|
18
|
+
* `iron-iconset-svg` element. Multiple icons should be given distinct id's.
|
19
|
+
*
|
20
|
+
* Using svg elements to create icons has a few advantages over traditional
|
21
|
+
* bitmap graphics like jpg or png. Icons that use svg are vector based so they
|
22
|
+
* are resolution independent and should look good on any device. They are
|
23
|
+
* stylable via css. Icons can be themed, colorized, and even animated.
|
24
|
+
*
|
25
|
+
* Example:
|
26
|
+
*
|
27
|
+
* <iron-iconset-svg id="my-svg-icons" iconSize="24">
|
28
|
+
* <svg>
|
29
|
+
* <defs>
|
30
|
+
* <g id="shape">
|
31
|
+
* <rect x="50" y="50" width="50" height="50" />
|
32
|
+
* <circle cx="50" cy="50" r="50" />
|
33
|
+
* </g>
|
34
|
+
* </defs>
|
35
|
+
* </svg>
|
36
|
+
* </iron-iconset-svg>
|
37
|
+
*
|
38
|
+
* This will automatically register the icon set "my-svg-icons" to the iconset
|
39
|
+
* database. To use these icons from within another element, make a
|
40
|
+
* `iron-iconset` element and call the `byId` method
|
41
|
+
* to retrieve a given iconset. To apply a particular icon inside an
|
42
|
+
* element use the `applyIcon` method. For example:
|
43
|
+
*
|
44
|
+
* iconset.applyIcon(iconNode, 'car');
|
45
|
+
*
|
46
|
+
* @element iron-iconset-svg
|
47
|
+
*/
|
48
|
+
Polymer({
|
49
|
+
|
50
|
+
is: 'iron-iconset-svg',
|
51
|
+
|
52
|
+
properties: {
|
53
|
+
|
54
|
+
/**
|
55
|
+
* The name of the iconset.
|
56
|
+
*
|
57
|
+
* @attribute name
|
58
|
+
* @type string
|
59
|
+
*/
|
60
|
+
name: {
|
61
|
+
type: String,
|
62
|
+
observer: '_nameChanged'
|
63
|
+
},
|
64
|
+
|
65
|
+
/**
|
66
|
+
* The size of an individual icon. Note that icons must be square.
|
67
|
+
*
|
68
|
+
* @attribute iconSize
|
69
|
+
* @type number
|
70
|
+
* @default 24
|
71
|
+
*/
|
72
|
+
size: {
|
73
|
+
type: Number,
|
74
|
+
value: 24
|
75
|
+
}
|
76
|
+
|
77
|
+
},
|
78
|
+
|
79
|
+
/**
|
80
|
+
* Construct an array of all icon names in this iconset.
|
81
|
+
*
|
82
|
+
* @return {!Array} Array of icon names.
|
83
|
+
*/
|
84
|
+
getIconNames: function() {
|
85
|
+
this._icons = this._createIconMap();
|
86
|
+
return Object.keys(this._icons).map(function(n) {
|
87
|
+
return this.name + ':' + n;
|
88
|
+
}, this);
|
89
|
+
},
|
90
|
+
|
91
|
+
/**
|
92
|
+
* Applies an icon to the given element.
|
93
|
+
*
|
94
|
+
* An svg icon is prepended to the element's shadowRoot if it exists,
|
95
|
+
* otherwise to the element itself.
|
96
|
+
*
|
97
|
+
* @method applyIcon
|
98
|
+
* @param {Element} element Element to which the icon is applied.
|
99
|
+
* @param {string} iconName Name of the icon to apply.
|
100
|
+
* @return {Element} The svg element which renders the icon.
|
101
|
+
*/
|
102
|
+
applyIcon: function(element, iconName) {
|
103
|
+
// insert svg element into shadow root, if it exists
|
104
|
+
element = element.root || element;
|
105
|
+
// Remove old svg element
|
106
|
+
this.removeIcon(element);
|
107
|
+
// install new svg element
|
108
|
+
var svg = this._cloneIcon(iconName);
|
109
|
+
if (svg) {
|
110
|
+
var pde = Polymer.dom(element);
|
111
|
+
pde.insertBefore(svg, pde.childNodes[0]);
|
112
|
+
return element._svgIcon = svg;
|
113
|
+
}
|
114
|
+
return null;
|
115
|
+
},
|
116
|
+
|
117
|
+
/**
|
118
|
+
* Remove an icon from the given element by undoing the changes effected
|
119
|
+
* by `applyIcon`.
|
120
|
+
*
|
121
|
+
* @param {Element} element The element from which the icon is removed.
|
122
|
+
*/
|
123
|
+
removeIcon: function(element) {
|
124
|
+
// Remove old svg element
|
125
|
+
if (element._svgIcon) {
|
126
|
+
Polymer.dom(element).removeChild(element._svgIcon);
|
127
|
+
element._svgIcon = null;
|
128
|
+
}
|
129
|
+
},
|
130
|
+
|
131
|
+
/**
|
132
|
+
*
|
133
|
+
* When name is changed, register iconset metadata
|
134
|
+
*
|
135
|
+
*/
|
136
|
+
_nameChanged: function() {
|
137
|
+
new Polymer.IronMeta({type: 'iconset', key: this.name, value: this});
|
138
|
+
},
|
139
|
+
|
140
|
+
/**
|
141
|
+
* Create a map of child SVG elements by id.
|
142
|
+
*
|
143
|
+
* @return {Object} Map of id's to SVG elements.
|
144
|
+
*/
|
145
|
+
_createIconMap: function() {
|
146
|
+
// Objects chained to Object.prototype (`{}`) have members. Specifically,
|
147
|
+
// on FF there is a `watch` method that confuses the icon map, so we
|
148
|
+
// need to use a null-based object here.
|
149
|
+
var icons = Object.create(null);
|
150
|
+
Polymer.dom(this).querySelectorAll('[id]')
|
151
|
+
.forEach(function(icon) {
|
152
|
+
icons[icon.id] = icon;
|
153
|
+
});
|
154
|
+
return icons;
|
155
|
+
},
|
156
|
+
|
157
|
+
/**
|
158
|
+
* Produce installable clone of the SVG element matching `id` in this
|
159
|
+
* iconset, or `undefined` if there is no matching element.
|
160
|
+
*
|
161
|
+
* @return {Element} Returns an installable clone of the SVG element
|
162
|
+
* matching `id`.
|
163
|
+
*/
|
164
|
+
_cloneIcon: function(id) {
|
165
|
+
// create the icon map on-demand, since the iconset itself has no discrete
|
166
|
+
// signal to know when it's children are fully parsed
|
167
|
+
this._icons = this._icons || this._createIconMap();
|
168
|
+
return this._prepareSvgClone(this._icons[id], this.size);
|
169
|
+
},
|
170
|
+
|
171
|
+
/**
|
172
|
+
* @param {Element} sourceSvg
|
173
|
+
* @param {number} size
|
174
|
+
* @return {Element}
|
175
|
+
*/
|
176
|
+
_prepareSvgClone: function(sourceSvg, size) {
|
177
|
+
if (sourceSvg) {
|
178
|
+
var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
|
179
|
+
svg.setAttribute('viewBox', ['0', '0', size, size].join(' '));
|
180
|
+
svg.setAttribute('preserveAspectRatio', 'xMidYMid meet');
|
181
|
+
// TODO(dfreedm): `pointer-events: none` works around https://crbug.com/370136
|
182
|
+
// TODO(sjmiles): inline style may not be ideal, but avoids requiring a shadow-root
|
183
|
+
svg.style.cssText = 'pointer-events: none; display: block; width: 100%; height: 100%;';
|
184
|
+
svg.appendChild(sourceSvg.cloneNode(true)).removeAttribute('id');
|
185
|
+
return svg;
|
186
|
+
}
|
187
|
+
return null;
|
188
|
+
}
|
189
|
+
|
190
|
+
});
|
191
|
+
</script>
|
@@ -0,0 +1,30 @@
|
|
1
|
+
<!doctype html>
|
2
|
+
<!--
|
3
|
+
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
|
4
|
+
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
5
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
6
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
7
|
+
Code distributed by Google as part of the polymer project is also
|
8
|
+
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
9
|
+
-->
|
10
|
+
|
11
|
+
<html>
|
12
|
+
<head>
|
13
|
+
|
14
|
+
<meta charset="utf-8">
|
15
|
+
<title>Tests</title>
|
16
|
+
<script src="../../web-component-tester/browser.js"></script>
|
17
|
+
|
18
|
+
</head>
|
19
|
+
<body>
|
20
|
+
|
21
|
+
<script>
|
22
|
+
|
23
|
+
WCT.loadSuites([
|
24
|
+
'iron-iconset-svg.html'
|
25
|
+
]);
|
26
|
+
|
27
|
+
</script>
|
28
|
+
|
29
|
+
</body>
|
30
|
+
</html>
|
@@ -0,0 +1,107 @@
|
|
1
|
+
<!doctype html>
|
2
|
+
<!--
|
3
|
+
@license
|
4
|
+
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
|
5
|
+
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
6
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
7
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
8
|
+
Code distributed by Google as part of the polymer project is also
|
9
|
+
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
10
|
+
-->
|
11
|
+
|
12
|
+
<html>
|
13
|
+
<head>
|
14
|
+
|
15
|
+
<title>iron-iconset-svg</title>
|
16
|
+
<meta charset="utf-8">
|
17
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
18
|
+
|
19
|
+
<script src="../../webcomponentsjs/webcomponents-lite.js"></script>
|
20
|
+
<script src="../../web-component-tester/browser.js"></script>
|
21
|
+
<script src="../../test-fixture/test-fixture-mocha.js"></script>
|
22
|
+
|
23
|
+
<link rel="import" href="../iron-iconset-svg.html">
|
24
|
+
<link rel="import" href="../../iron-meta/iron-meta.html">
|
25
|
+
<link rel="import" href="../../test-fixture/test-fixture.html">
|
26
|
+
|
27
|
+
</head>
|
28
|
+
<body>
|
29
|
+
|
30
|
+
<test-fixture id="TrivialIconsetSvg">
|
31
|
+
<template>
|
32
|
+
<iron-iconset-svg name="foo"></iron-iconset-svg>
|
33
|
+
<iron-meta type="iconset"></iron-meta>
|
34
|
+
</template>
|
35
|
+
</test-fixture>
|
36
|
+
|
37
|
+
<test-fixture id="StandardIconsetSvg">
|
38
|
+
<template>
|
39
|
+
<iron-iconset-svg name="my-icons" size="20">
|
40
|
+
<svg>
|
41
|
+
<defs>
|
42
|
+
<circle id="circle" cx="20" cy="20" r="10"></circle>
|
43
|
+
<rect id="square" x="0" y="0" width="20" height="20"></rect>
|
44
|
+
</defs>
|
45
|
+
</svg>
|
46
|
+
</iron-iconset-svg>
|
47
|
+
<div></div>
|
48
|
+
</template>
|
49
|
+
</test-fixture>
|
50
|
+
|
51
|
+
<script>
|
52
|
+
|
53
|
+
suite('<iron-iconset>', function () {
|
54
|
+
|
55
|
+
suite('basic behavior', function () {
|
56
|
+
var iconset;
|
57
|
+
var meta;
|
58
|
+
|
59
|
+
setup(function () {
|
60
|
+
var elements = fixture('TrivialIconsetSvg');
|
61
|
+
iconset = elements[0];
|
62
|
+
meta = elements[1];
|
63
|
+
});
|
64
|
+
|
65
|
+
test('it can be accessed via iron-meta', function () {
|
66
|
+
expect(meta.byKey('foo')).to.be.equal(iconset);
|
67
|
+
});
|
68
|
+
});
|
69
|
+
|
70
|
+
suite('when paired with a size and SVG definition', function () {
|
71
|
+
var iconset;
|
72
|
+
var div;
|
73
|
+
|
74
|
+
setup(function () {
|
75
|
+
var elements = fixture('StandardIconsetSvg');
|
76
|
+
iconset = elements[0];
|
77
|
+
div = elements[1];
|
78
|
+
});
|
79
|
+
|
80
|
+
test('appends a child to the target element', function () {
|
81
|
+
expect(div.firstElementChild).to.not.be.ok;
|
82
|
+
iconset.applyIcon(div, 'circle');
|
83
|
+
expect(div.firstElementChild).to.be.ok;
|
84
|
+
});
|
85
|
+
|
86
|
+
test('can be queried for all available icons', function () {
|
87
|
+
expect(iconset.getIconNames()).to.deep.eql(['my-icons:circle', 'my-icons:square']);
|
88
|
+
});
|
89
|
+
|
90
|
+
test('supports any icon defined in the svg', function () {
|
91
|
+
var lastSvgIcon;
|
92
|
+
|
93
|
+
iconset.getIconNames().forEach(function (iconName) {
|
94
|
+
iconset.applyIcon(div, iconName.split(':').pop());
|
95
|
+
expect(div.firstElementChild).to.not.be.equal(lastSvgIcon);
|
96
|
+
lastSvgIcon = div.firstElementChild;
|
97
|
+
});
|
98
|
+
});
|
99
|
+
|
100
|
+
});
|
101
|
+
|
102
|
+
});
|
103
|
+
|
104
|
+
</script>
|
105
|
+
|
106
|
+
</body>
|
107
|
+
</html>
|