@lrnwebcomponents/simple-image
Advanced tools
Comparing version 0.2.0 to 2.0.0-2.0.0-beta2.0
@@ -19,3 +19,3 @@ { | ||
}, | ||
"version": "0.2.0", | ||
"version": "2.0.0-2.0.0-beta2.0", | ||
"description": "Automated conversion of simple-image/", | ||
@@ -44,4 +44,4 @@ "repository": { | ||
"dependencies": { | ||
"@lrnwebcomponents/hax-body-behaviors": "^0.2.0", | ||
"@lrnwebcomponents/schema-behaviors": "^0.2.0", | ||
"@lrnwebcomponents/hax-body-behaviors": "^2.0.0-beta1", | ||
"@lrnwebcomponents/schema-behaviors": "^2.0.0-alpha2", | ||
"@polymer/polymer": "^3.0.5" | ||
@@ -53,3 +53,3 @@ }, | ||
"@polymer/iron-demo-helpers": "3.0.2", | ||
"@webcomponents/webcomponentsjs": "2.2.1", | ||
"@webcomponents/webcomponentsjs": "2.2.3", | ||
"concurrently": "4.1.0", | ||
@@ -60,3 +60,3 @@ "gulp-babel": "8.0.0", | ||
"polymer-build": "3.1.1", | ||
"polymer-cli": "1.9.4", | ||
"polymer-cli": "1.9.5", | ||
"wct-browser-legacy": "1.0.2" | ||
@@ -72,3 +72,3 @@ }, | ||
], | ||
"gitHead": "635d66a3df948e40541fe5c427d920fdf44446e9" | ||
"gitHead": "8fdda478926ed4078a5c7e0be680c8243b66db00" | ||
} |
@@ -1,1 +0,1 @@ | ||
define(["exports","./node_modules/@polymer/polymer/polymer-legacy.js","./node_modules/@lrnwebcomponents/hax-body-behaviors/lib/HAXWiring.js","./node_modules/@lrnwebcomponents/schema-behaviors/schema-behaviors.js"],function(_exports,_polymerLegacy,_HAXWiring,_schemaBehaviors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleImage=void 0;function _templateObject_7f7b2290136d11e9be720b8d25cf46d4(){var data=babelHelpers.taggedTemplateLiteral(["\n <style is=\"custom-style\" include=\"simple-colors\">\n :host {\n display: block;\n }\n @-webkit-keyframes simple-animate {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n }\n\n @keyframes simple-animate {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n }\n .hero {\n margin-bottom: 21px;\n }\n .hero-img {\n display: block;\n position: absolute;\n width: 100%;\n opacity: 1;\n -webkit-animation: simple-animate 1s ease;\n animation: simple-animate 1s ease;\n }\n\n .hero-img {\n -webkit-animation: simple-animate 1s ease;\n animation: simple-animate 1s ease;\n }\n\n .credit {\n color: #8a959e;\n font-family: \"Gotham SSm A\", \"Gotham SSm B\", \"Arial\", \"Verdana\",\n \"sans-serif\";\n font-weight: 400;\n font-size: 9px;\n line-height: 11px;\n margin: 0;\n text-align: right;\n }\n\n .credit--full {\n margin: 3px 20px 0;\n }\n\n .caption {\n font-family: museoSlab-500, \"Arial Narrow\", \"Arial\", \"Helvetica\",\n \"sans-serif\";\n font-size: 15px;\n line-height: 21px;\n color: #666666;\n font-style: normal;\n margin: 0;\n float: none;\n display: block;\n margin-top: 6px;\n }\n\n .trigger {\n background-color: #eeeeee;\n padding: 0 0 56.25%;\n position: relative;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: block;\n margin: 0;\n border: none;\n width: 100%;\n }\n\n .trigger:hover {\n cursor: pointer;\n }\n\n .trigger:focus {\n outline: none;\n }\n\n .hero--full {\n -webkit-animation: animation-lm3h86 1s ease;\n animation: animation-lm3h86 1s ease;\n margin-top: 90px;\n margin-bottom: 21px;\n }\n\n @media screen and (min-width: 581px) {\n .hero--full {\n position: relative;\n height: 320px;\n }\n }\n\n @media screen and (min-width: 769px) {\n .hero--full {\n height: 362px;\n }\n }\n\n @media screen and (min-width: 1024px) {\n .hero--full {\n height: 510px;\n }\n }\n\n .full-img {\n display: block;\n width: 100%;\n }\n\n @media screen and (min-width: 581px) {\n .full-img {\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n }\n }\n\n .hero_container-full {\n display: block;\n position: relative;\n overflow: hidden;\n }\n\n @media screen and (min-width: 581px) {\n .hero_container-full {\n height: 320px;\n }\n }\n\n @media screen and (min-width: 769px) {\n .hero_container-full {\n height: 362px;\n }\n }\n\n @media screen and (min-width: 1024px) {\n .hero_container-full {\n height: 510px;\n }\n }\n </style>\n <div class=\"hero\">\n <div class=\"modal-overlay\" style=\"display: none;\">\n <div class=\"modal-content\">\n <div class=\"modal-wrapper\">\n <paper-icon-button\n id=\"closearea\"\n icon=\"icons:fullscreen-exit\"\n class=\"close-modal modal--close\"\n ></paper-icon-button>\n <paper-tooltip for=\"closearea\" position=\"bottom\" offset=\"14\">\n close modal\n </paper-tooltip>\n <div class=\"content\"><img src$=\"[[src]]\" alt$=\"[[alt]]\" /></div>\n\n <div class=\"meta\">\n <div class=\"credit\">[[credit]]</div>\n <div class=\"caption\">[[caption]]</div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"trigger modal\">\n <img\n class=\"simple-img\"\n src$=\"[[src]]\"\n srcset=\"\n https://media.edutopia.org/styles/responsive_200px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 200w,\n https://media.edutopia.org/styles/responsive_250px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 250w,\n https://media.edutopia.org/styles/responsive_300px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 300w,\n https://media.edutopia.org/styles/responsive_310px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 310w,\n https://media.edutopia.org/styles/responsive_350px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 350w,\n https://media.edutopia.org/styles/responsive_450px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 450w,\n https://media.edutopia.org/styles/responsive_500px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 500w,\n https://media.edutopia.org/styles/responsive_550px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 550w,\n https://media.edutopia.org/styles/responsive_600px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 600w,\n https://media.edutopia.org/styles/responsive_620px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 620w,\n https://media.edutopia.org/styles/responsive_650px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 650w,\n https://media.edutopia.org/styles/responsive_700px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 700w,\n https://media.edutopia.org/styles/responsive_750px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 750w,\n https://media.edutopia.org/styles/responsive_768px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 768w,\n https://media.edutopia.org/styles/responsive_800px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 800w,\n https://media.edutopia.org/styles/responsive_900px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 900w,\n https://media.edutopia.org/styles/responsive_1000px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1000w,\n https://media.edutopia.org/styles/responsive_1100px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1100w,\n https://media.edutopia.org/styles/responsive_1200px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1200w,\n https://media.edutopia.org/styles/responsive_1240px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1240w,\n https://media.edutopia.org/styles/responsive_1300px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1300w,\n https://media.edutopia.org/styles/responsive_1400px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1400w,\n https://media.edutopia.org/styles/responsive_1440px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1440w,\n https://media.edutopia.org/styles/responsive_1500px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1500w,\n https://media.edutopia.org/styles/responsive_1536px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1536w,\n https://media.edutopia.org/styles/responsive_1600px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1600w,\n https://media.edutopia.org/styles/responsive_2000px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 2000w,\n https://media.edutopia.org/styles/responsive_2880px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 2880w\n \"\n sizes=\"100vw\"\n alt$=\"[[alt]]\"\n />\n </div>\n\n <div class=\"credit\">[[credit]]</div>\n <iron-icon icon=\"icons:fullscreen\" class=\"close-fullscreen\"></iron-icon>\n </div>\n "],["\n <style is=\"custom-style\" include=\"simple-colors\">\n :host {\n display: block;\n }\n @-webkit-keyframes simple-animate {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n }\n\n @keyframes simple-animate {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n }\n .hero {\n margin-bottom: 21px;\n }\n .hero-img {\n display: block;\n position: absolute;\n width: 100%;\n opacity: 1;\n -webkit-animation: simple-animate 1s ease;\n animation: simple-animate 1s ease;\n }\n\n .hero-img {\n -webkit-animation: simple-animate 1s ease;\n animation: simple-animate 1s ease;\n }\n\n .credit {\n color: #8a959e;\n font-family: \"Gotham SSm A\", \"Gotham SSm B\", \"Arial\", \"Verdana\",\n \"sans-serif\";\n font-weight: 400;\n font-size: 9px;\n line-height: 11px;\n margin: 0;\n text-align: right;\n }\n\n .credit--full {\n margin: 3px 20px 0;\n }\n\n .caption {\n font-family: museoSlab-500, \"Arial Narrow\", \"Arial\", \"Helvetica\",\n \"sans-serif\";\n font-size: 15px;\n line-height: 21px;\n color: #666666;\n font-style: normal;\n margin: 0;\n float: none;\n display: block;\n margin-top: 6px;\n }\n\n .trigger {\n background-color: #eeeeee;\n padding: 0 0 56.25%;\n position: relative;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: block;\n margin: 0;\n border: none;\n width: 100%;\n }\n\n .trigger:hover {\n cursor: pointer;\n }\n\n .trigger:focus {\n outline: none;\n }\n\n .hero--full {\n -webkit-animation: animation-lm3h86 1s ease;\n animation: animation-lm3h86 1s ease;\n margin-top: 90px;\n margin-bottom: 21px;\n }\n\n @media screen and (min-width: 581px) {\n .hero--full {\n position: relative;\n height: 320px;\n }\n }\n\n @media screen and (min-width: 769px) {\n .hero--full {\n height: 362px;\n }\n }\n\n @media screen and (min-width: 1024px) {\n .hero--full {\n height: 510px;\n }\n }\n\n .full-img {\n display: block;\n width: 100%;\n }\n\n @media screen and (min-width: 581px) {\n .full-img {\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n }\n }\n\n .hero_container-full {\n display: block;\n position: relative;\n overflow: hidden;\n }\n\n @media screen and (min-width: 581px) {\n .hero_container-full {\n height: 320px;\n }\n }\n\n @media screen and (min-width: 769px) {\n .hero_container-full {\n height: 362px;\n }\n }\n\n @media screen and (min-width: 1024px) {\n .hero_container-full {\n height: 510px;\n }\n }\n </style>\n <div class=\"hero\">\n <div class=\"modal-overlay\" style=\"display: none;\">\n <div class=\"modal-content\">\n <div class=\"modal-wrapper\">\n <paper-icon-button\n id=\"closearea\"\n icon=\"icons:fullscreen-exit\"\n class=\"close-modal modal--close\"\n ></paper-icon-button>\n <paper-tooltip for=\"closearea\" position=\"bottom\" offset=\"14\">\n close modal\n </paper-tooltip>\n <div class=\"content\"><img src\\$=\"[[src]]\" alt\\$=\"[[alt]]\" /></div>\n\n <div class=\"meta\">\n <div class=\"credit\">[[credit]]</div>\n <div class=\"caption\">[[caption]]</div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"trigger modal\">\n <img\n class=\"simple-img\"\n src\\$=\"[[src]]\"\n srcset=\"\n https://media.edutopia.org/styles/responsive_200px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 200w,\n https://media.edutopia.org/styles/responsive_250px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 250w,\n https://media.edutopia.org/styles/responsive_300px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 300w,\n https://media.edutopia.org/styles/responsive_310px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 310w,\n https://media.edutopia.org/styles/responsive_350px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 350w,\n https://media.edutopia.org/styles/responsive_450px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 450w,\n https://media.edutopia.org/styles/responsive_500px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 500w,\n https://media.edutopia.org/styles/responsive_550px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 550w,\n https://media.edutopia.org/styles/responsive_600px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 600w,\n https://media.edutopia.org/styles/responsive_620px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 620w,\n https://media.edutopia.org/styles/responsive_650px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 650w,\n https://media.edutopia.org/styles/responsive_700px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 700w,\n https://media.edutopia.org/styles/responsive_750px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 750w,\n https://media.edutopia.org/styles/responsive_768px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 768w,\n https://media.edutopia.org/styles/responsive_800px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 800w,\n https://media.edutopia.org/styles/responsive_900px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 900w,\n https://media.edutopia.org/styles/responsive_1000px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1000w,\n https://media.edutopia.org/styles/responsive_1100px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1100w,\n https://media.edutopia.org/styles/responsive_1200px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1200w,\n https://media.edutopia.org/styles/responsive_1240px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1240w,\n https://media.edutopia.org/styles/responsive_1300px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1300w,\n https://media.edutopia.org/styles/responsive_1400px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1400w,\n https://media.edutopia.org/styles/responsive_1440px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1440w,\n https://media.edutopia.org/styles/responsive_1500px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1500w,\n https://media.edutopia.org/styles/responsive_1536px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1536w,\n https://media.edutopia.org/styles/responsive_1600px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1600w,\n https://media.edutopia.org/styles/responsive_2000px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 2000w,\n https://media.edutopia.org/styles/responsive_2880px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 2880w\n \"\n sizes=\"100vw\"\n alt\\$=\"[[alt]]\"\n />\n </div>\n\n <div class=\"credit\">[[credit]]</div>\n <iron-icon icon=\"icons:fullscreen\" class=\"close-fullscreen\"></iron-icon>\n </div>\n "]);_templateObject_7f7b2290136d11e9be720b8d25cf46d4=function _templateObject_7f7b2290136d11e9be720b8d25cf46d4(){return data};return data}var SimpleImage=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_7f7b2290136d11e9be720b8d25cf46d4()),is:"simple-image",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{src:{type:String},alt:{type:String},caption:{type:String},credit:{type:String}},attached:function attached(){var props={canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Simple image",description:"A clean, simple image presentation that's responsive and modals on tapping",icon:"editor:insert-photo",color:"green",groups:["Image","Media"],handles:[{type:"image",url:"src"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"src",title:"Source",description:"The URL for the image.",inputMethod:"textfield",icon:"link",required:!0},{property:"alt",title:"Alternative text",description:"Text to describe the image to non-sighted users.",inputMethod:"alt",icon:"accessibility",required:!0}],configure:[{property:"src",title:"Source",description:"The URL for the image.",inputMethod:"textfield",icon:"link",required:!0},{property:"caption",title:"Caption",description:"A caption to describe the image usage",inputMethod:"textarea"},{property:"alt",title:"Alternative text",description:"Text to describe the image to non-sighted users.",inputMethod:"alt"},{property:"credit",title:"Credits",description:"Who the image is credited to / copyright information",inputMethod:"textarea"}],advanced:[]}};this.setHaxProperties(props)}});_exports.SimpleImage=SimpleImage}); | ||
define(["exports","./node_modules/@polymer/polymer/polymer-legacy.js","./node_modules/@lrnwebcomponents/hax-body-behaviors/lib/HAXWiring.js","./node_modules/@lrnwebcomponents/schema-behaviors/schema-behaviors.js"],function(_exports,_polymerLegacy,_HAXWiring,_schemaBehaviors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleImage=void 0;function _templateObject_5ec6efb01d9111e9a6a4afd7c8bb1017(){var data=babelHelpers.taggedTemplateLiteral(["\n <style is=\"custom-style\" include=\"simple-colors\">\n :host {\n display: block;\n }\n @-webkit-keyframes simple-animate {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n }\n\n @keyframes simple-animate {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n }\n .hero {\n margin-bottom: 21px;\n }\n .hero-img {\n display: block;\n position: absolute;\n width: 100%;\n opacity: 1;\n -webkit-animation: simple-animate 1s ease;\n animation: simple-animate 1s ease;\n }\n\n .hero-img {\n -webkit-animation: simple-animate 1s ease;\n animation: simple-animate 1s ease;\n }\n\n .credit {\n color: #8a959e;\n font-family: \"Gotham SSm A\", \"Gotham SSm B\", \"Arial\", \"Verdana\",\n \"sans-serif\";\n font-weight: 400;\n font-size: 9px;\n line-height: 11px;\n margin: 0;\n text-align: right;\n }\n\n .credit--full {\n margin: 3px 20px 0;\n }\n\n .caption {\n font-family: museoSlab-500, \"Arial Narrow\", \"Arial\", \"Helvetica\",\n \"sans-serif\";\n font-size: 15px;\n line-height: 21px;\n color: #666666;\n font-style: normal;\n margin: 0;\n float: none;\n display: block;\n margin-top: 6px;\n }\n\n .trigger {\n background-color: #eeeeee;\n padding: 0 0 56.25%;\n position: relative;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: block;\n margin: 0;\n border: none;\n width: 100%;\n }\n\n .trigger:hover {\n cursor: pointer;\n }\n\n .trigger:focus {\n outline: none;\n }\n\n .hero--full {\n -webkit-animation: animation-lm3h86 1s ease;\n animation: animation-lm3h86 1s ease;\n margin-top: 90px;\n margin-bottom: 21px;\n }\n\n @media screen and (min-width: 581px) {\n .hero--full {\n position: relative;\n height: 320px;\n }\n }\n\n @media screen and (min-width: 769px) {\n .hero--full {\n height: 362px;\n }\n }\n\n @media screen and (min-width: 1024px) {\n .hero--full {\n height: 510px;\n }\n }\n\n .full-img {\n display: block;\n width: 100%;\n }\n\n @media screen and (min-width: 581px) {\n .full-img {\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n }\n }\n\n .hero_container-full {\n display: block;\n position: relative;\n overflow: hidden;\n }\n\n @media screen and (min-width: 581px) {\n .hero_container-full {\n height: 320px;\n }\n }\n\n @media screen and (min-width: 769px) {\n .hero_container-full {\n height: 362px;\n }\n }\n\n @media screen and (min-width: 1024px) {\n .hero_container-full {\n height: 510px;\n }\n }\n </style>\n <div class=\"hero\">\n <div class=\"modal-overlay\" style=\"display: none;\">\n <div class=\"modal-content\">\n <div class=\"modal-wrapper\">\n <paper-icon-button\n id=\"closearea\"\n icon=\"icons:fullscreen-exit\"\n class=\"close-modal modal--close\"\n ></paper-icon-button>\n <paper-tooltip for=\"closearea\" position=\"bottom\" offset=\"14\">\n close modal\n </paper-tooltip>\n <div class=\"content\"><img src$=\"[[src]]\" alt$=\"[[alt]]\" /></div>\n\n <div class=\"meta\">\n <div class=\"credit\">[[credit]]</div>\n <div class=\"caption\">[[caption]]</div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"trigger modal\">\n <img\n class=\"simple-img\"\n src$=\"[[src]]\"\n srcset=\"\n https://media.edutopia.org/styles/responsive_200px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 200w,\n https://media.edutopia.org/styles/responsive_250px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 250w,\n https://media.edutopia.org/styles/responsive_300px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 300w,\n https://media.edutopia.org/styles/responsive_310px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 310w,\n https://media.edutopia.org/styles/responsive_350px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 350w,\n https://media.edutopia.org/styles/responsive_450px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 450w,\n https://media.edutopia.org/styles/responsive_500px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 500w,\n https://media.edutopia.org/styles/responsive_550px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 550w,\n https://media.edutopia.org/styles/responsive_600px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 600w,\n https://media.edutopia.org/styles/responsive_620px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 620w,\n https://media.edutopia.org/styles/responsive_650px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 650w,\n https://media.edutopia.org/styles/responsive_700px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 700w,\n https://media.edutopia.org/styles/responsive_750px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 750w,\n https://media.edutopia.org/styles/responsive_768px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 768w,\n https://media.edutopia.org/styles/responsive_800px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 800w,\n https://media.edutopia.org/styles/responsive_900px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 900w,\n https://media.edutopia.org/styles/responsive_1000px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1000w,\n https://media.edutopia.org/styles/responsive_1100px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1100w,\n https://media.edutopia.org/styles/responsive_1200px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1200w,\n https://media.edutopia.org/styles/responsive_1240px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1240w,\n https://media.edutopia.org/styles/responsive_1300px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1300w,\n https://media.edutopia.org/styles/responsive_1400px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1400w,\n https://media.edutopia.org/styles/responsive_1440px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1440w,\n https://media.edutopia.org/styles/responsive_1500px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1500w,\n https://media.edutopia.org/styles/responsive_1536px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1536w,\n https://media.edutopia.org/styles/responsive_1600px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1600w,\n https://media.edutopia.org/styles/responsive_2000px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 2000w,\n https://media.edutopia.org/styles/responsive_2880px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 2880w\n \"\n sizes=\"100vw\"\n alt$=\"[[alt]]\"\n />\n </div>\n\n <div class=\"credit\">[[credit]]</div>\n <iron-icon icon=\"icons:fullscreen\" class=\"close-fullscreen\"></iron-icon>\n </div>\n "],["\n <style is=\"custom-style\" include=\"simple-colors\">\n :host {\n display: block;\n }\n @-webkit-keyframes simple-animate {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n }\n\n @keyframes simple-animate {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n }\n .hero {\n margin-bottom: 21px;\n }\n .hero-img {\n display: block;\n position: absolute;\n width: 100%;\n opacity: 1;\n -webkit-animation: simple-animate 1s ease;\n animation: simple-animate 1s ease;\n }\n\n .hero-img {\n -webkit-animation: simple-animate 1s ease;\n animation: simple-animate 1s ease;\n }\n\n .credit {\n color: #8a959e;\n font-family: \"Gotham SSm A\", \"Gotham SSm B\", \"Arial\", \"Verdana\",\n \"sans-serif\";\n font-weight: 400;\n font-size: 9px;\n line-height: 11px;\n margin: 0;\n text-align: right;\n }\n\n .credit--full {\n margin: 3px 20px 0;\n }\n\n .caption {\n font-family: museoSlab-500, \"Arial Narrow\", \"Arial\", \"Helvetica\",\n \"sans-serif\";\n font-size: 15px;\n line-height: 21px;\n color: #666666;\n font-style: normal;\n margin: 0;\n float: none;\n display: block;\n margin-top: 6px;\n }\n\n .trigger {\n background-color: #eeeeee;\n padding: 0 0 56.25%;\n position: relative;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: block;\n margin: 0;\n border: none;\n width: 100%;\n }\n\n .trigger:hover {\n cursor: pointer;\n }\n\n .trigger:focus {\n outline: none;\n }\n\n .hero--full {\n -webkit-animation: animation-lm3h86 1s ease;\n animation: animation-lm3h86 1s ease;\n margin-top: 90px;\n margin-bottom: 21px;\n }\n\n @media screen and (min-width: 581px) {\n .hero--full {\n position: relative;\n height: 320px;\n }\n }\n\n @media screen and (min-width: 769px) {\n .hero--full {\n height: 362px;\n }\n }\n\n @media screen and (min-width: 1024px) {\n .hero--full {\n height: 510px;\n }\n }\n\n .full-img {\n display: block;\n width: 100%;\n }\n\n @media screen and (min-width: 581px) {\n .full-img {\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n }\n }\n\n .hero_container-full {\n display: block;\n position: relative;\n overflow: hidden;\n }\n\n @media screen and (min-width: 581px) {\n .hero_container-full {\n height: 320px;\n }\n }\n\n @media screen and (min-width: 769px) {\n .hero_container-full {\n height: 362px;\n }\n }\n\n @media screen and (min-width: 1024px) {\n .hero_container-full {\n height: 510px;\n }\n }\n </style>\n <div class=\"hero\">\n <div class=\"modal-overlay\" style=\"display: none;\">\n <div class=\"modal-content\">\n <div class=\"modal-wrapper\">\n <paper-icon-button\n id=\"closearea\"\n icon=\"icons:fullscreen-exit\"\n class=\"close-modal modal--close\"\n ></paper-icon-button>\n <paper-tooltip for=\"closearea\" position=\"bottom\" offset=\"14\">\n close modal\n </paper-tooltip>\n <div class=\"content\"><img src\\$=\"[[src]]\" alt\\$=\"[[alt]]\" /></div>\n\n <div class=\"meta\">\n <div class=\"credit\">[[credit]]</div>\n <div class=\"caption\">[[caption]]</div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"trigger modal\">\n <img\n class=\"simple-img\"\n src\\$=\"[[src]]\"\n srcset=\"\n https://media.edutopia.org/styles/responsive_200px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 200w,\n https://media.edutopia.org/styles/responsive_250px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 250w,\n https://media.edutopia.org/styles/responsive_300px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 300w,\n https://media.edutopia.org/styles/responsive_310px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 310w,\n https://media.edutopia.org/styles/responsive_350px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 350w,\n https://media.edutopia.org/styles/responsive_450px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 450w,\n https://media.edutopia.org/styles/responsive_500px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 500w,\n https://media.edutopia.org/styles/responsive_550px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 550w,\n https://media.edutopia.org/styles/responsive_600px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 600w,\n https://media.edutopia.org/styles/responsive_620px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 620w,\n https://media.edutopia.org/styles/responsive_650px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 650w,\n https://media.edutopia.org/styles/responsive_700px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 700w,\n https://media.edutopia.org/styles/responsive_750px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 750w,\n https://media.edutopia.org/styles/responsive_768px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 768w,\n https://media.edutopia.org/styles/responsive_800px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 800w,\n https://media.edutopia.org/styles/responsive_900px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 900w,\n https://media.edutopia.org/styles/responsive_1000px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1000w,\n https://media.edutopia.org/styles/responsive_1100px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1100w,\n https://media.edutopia.org/styles/responsive_1200px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1200w,\n https://media.edutopia.org/styles/responsive_1240px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1240w,\n https://media.edutopia.org/styles/responsive_1300px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1300w,\n https://media.edutopia.org/styles/responsive_1400px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1400w,\n https://media.edutopia.org/styles/responsive_1440px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1440w,\n https://media.edutopia.org/styles/responsive_1500px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1500w,\n https://media.edutopia.org/styles/responsive_1536px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1536w,\n https://media.edutopia.org/styles/responsive_1600px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1600w,\n https://media.edutopia.org/styles/responsive_2000px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 2000w,\n https://media.edutopia.org/styles/responsive_2880px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 2880w\n \"\n sizes=\"100vw\"\n alt\\$=\"[[alt]]\"\n />\n </div>\n\n <div class=\"credit\">[[credit]]</div>\n <iron-icon icon=\"icons:fullscreen\" class=\"close-fullscreen\"></iron-icon>\n </div>\n "]);_templateObject_5ec6efb01d9111e9a6a4afd7c8bb1017=function _templateObject_5ec6efb01d9111e9a6a4afd7c8bb1017(){return data};return data}var SimpleImage=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_5ec6efb01d9111e9a6a4afd7c8bb1017()),is:"simple-image",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{src:{type:String},alt:{type:String},caption:{type:String},credit:{type:String}},attached:function attached(){var props={canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Simple image",description:"A clean, simple image presentation that's responsive and modals on tapping",icon:"editor:insert-photo",color:"green",groups:["Image","Media"],handles:[{type:"image",url:"src"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"src",title:"Source",description:"The URL for the image.",inputMethod:"textfield",icon:"link",required:!0},{property:"alt",title:"Alternative text",description:"Text to describe the image to non-sighted users.",inputMethod:"alt",icon:"accessibility",required:!0}],configure:[{property:"src",title:"Source",description:"The URL for the image.",inputMethod:"textfield",icon:"link",required:!0},{property:"caption",title:"Caption",description:"A caption to describe the image usage",inputMethod:"textarea"},{property:"alt",title:"Alternative text",description:"Text to describe the image to non-sighted users.",inputMethod:"alt"},{property:"credit",title:"Credits",description:"Who the image is credited to / copyright information",inputMethod:"textarea"}],advanced:[]}};this.setHaxProperties(props)}});_exports.SimpleImage=SimpleImage}); |
127760
+ Added@juggle/resize-observer@3.4.0(transitive)
+ Added@lrnwebcomponents/a11y-tabs@2.8.0(transitive)
+ Added@lrnwebcomponents/code-editor@2.8.0(transitive)
+ Added@lrnwebcomponents/hax-body-behaviors@2.8.0(transitive)
+ Added@lrnwebcomponents/hax-iconset@2.8.0(transitive)
+ Added@lrnwebcomponents/responsive-utility@2.8.0(transitive)
+ Added@lrnwebcomponents/schema-behaviors@2.8.0(transitive)
+ Added@lrnwebcomponents/simple-colors@2.8.0(transitive)
+ Added@lrnwebcomponents/simple-colors-shared-styles@2.8.0(transitive)
+ Added@lrnwebcomponents/simple-fields@2.8.0(transitive)
+ Added@lrnwebcomponents/simple-icon@2.8.0(transitive)
+ Added@lrnwebcomponents/simple-icon-picker@2.8.0(transitive)
+ Added@lrnwebcomponents/simple-picker@2.8.0(transitive)
+ Added@lrnwebcomponents/simple-tooltip@2.8.0(transitive)
+ Added@lrnwebcomponents/voice-recorder@2.8.0(transitive)
+ Added@polymer/iron-flex-layout@3.0.1(transitive)
+ Added@polymer/iron-icon@3.0.1(transitive)
+ Added@polymer/iron-iconset-svg@3.0.1(transitive)
+ Added@polymer/iron-meta@3.0.1(transitive)
+ Added@polymer/marked-element@3.0.1(transitive)
+ Added@vaadin/vaadin-button@2.4.0(transitive)
+ Added@vaadin/vaadin-control-state-mixin@2.2.6(transitive)
+ Added@vaadin/vaadin-development-mode-detector@2.0.7(transitive)
+ Added@vaadin/vaadin-element-mixin@2.4.2(transitive)
+ Added@vaadin/vaadin-lumo-styles@1.6.1(transitive)
+ Added@vaadin/vaadin-material-styles@1.3.2(transitive)
+ Added@vaadin/vaadin-progress-bar@1.3.0(transitive)
+ Added@vaadin/vaadin-themable-mixin@1.6.2(transitive)
+ Added@vaadin/vaadin-upload@4.4.3(transitive)
+ Added@vaadin/vaadin-usage-statistics@2.1.2(transitive)
+ Addedlit-element@2.4.0(transitive)
+ Addedlit-html@1.4.1(transitive)
+ Addedmarked@0.3.19(transitive)
+ Addedmonaco-editor@0.15.6(transitive)
+ Addedvmsg@0.3.6(transitive)
- Removed@lrnwebcomponents/hax-body-behaviors@0.2.0(transitive)
- Removed@lrnwebcomponents/schema-behaviors@0.2.0(transitive)