Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@lrnwebcomponents/simple-image

Package Overview
Dependencies
Maintainers
4
Versions
69
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@lrnwebcomponents/simple-image - npm Package Compare versions

Comparing version 0.0.39 to 0.0.40

12

package.json

@@ -19,3 +19,3 @@ {

},
"version": "0.0.39",
"version": "0.0.40",
"description": "Automated conversion of simple-image/",

@@ -44,8 +44,8 @@ "repository": {

"dependencies": {
"@lrnwebcomponents/hax-body-behaviors": "^0.0.39",
"@lrnwebcomponents/schema-behaviors": "^0.0.39",
"@lrnwebcomponents/hax-body-behaviors": "^0.0.40",
"@lrnwebcomponents/schema-behaviors": "^0.0.40",
"@polymer/polymer": "^3.0.5"
},
"devDependencies": {
"@lrnwebcomponents/deduping-fix": "^0.0.39",
"@lrnwebcomponents/deduping-fix": "^0.0.40",
"@polymer/iron-component-page": "github:PolymerElements/iron-component-page",

@@ -59,3 +59,3 @@ "@polymer/iron-demo-helpers": "3.0.2",

"polymer-build": "3.1.1",
"polymer-cli": "1.9.1",
"polymer-cli": "1.9.2",
"wct-browser-legacy": "1.0.2"

@@ -71,3 +71,3 @@ },

],
"gitHead": "e38751e6f76a812e00ae87ef826fafcdbfec4083"
"gitHead": "31deee0fa61eb2dcfeb49f907618076bf3863495"
}

2

simple-image.amd.js

@@ -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_f70134f0f9ad11e893e4a182322ad18c(){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_f70134f0f9ad11e893e4a182322ad18c=function _templateObject_f70134f0f9ad11e893e4a182322ad18c(){return data};return data}var SimpleImage=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_f70134f0f9ad11e893e4a182322ad18c()),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_6660153003ce11e9ba881d053454fa95(){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_6660153003ce11e9ba881d053454fa95=function _templateObject_6660153003ce11e9ba881d053454fa95(){return data};return data}var SimpleImage=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_6660153003ce11e9ba881d053454fa95()),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});

2

simple-image.js

@@ -8,3 +8,3 @@ import { html, Polymer } from "@polymer/polymer/polymer-legacy.js";

@demo demo/index.html
* @demo demo/index.html

@@ -11,0 +11,0 @@ @microcopy - the mental model for this element

2

simple-image.umd.js

@@ -1,2 +0,2 @@

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@polymer/polymer/polymer-legacy.js"),require("@lrnwebcomponents/hax-body-behaviors/lib/HAXWiring.js"),require("@lrnwebcomponents/schema-behaviors/schema-behaviors.js")):"function"==typeof define&&define.amd?define(["exports","@polymer/polymer/polymer-legacy.js","@lrnwebcomponents/hax-body-behaviors/lib/HAXWiring.js","@lrnwebcomponents/schema-behaviors/schema-behaviors.js"],t):t(e.SimpleImage={},e.polymerLegacy_js)}(this,function(e,t){"use strict";function n(){var e,t,s=(e=['\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 '],(t=['\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 '])||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}})));return n=function(){return s},s}var s=t.Polymer({_template:t.html(n()),is:"simple-image",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{src:{type:String},alt:{type:String},caption:{type:String},credit:{type:String}},attached:function(){this.setHaxProperties({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:[]}})}});e.SimpleImage=s,Object.defineProperty(e,"__esModule",{value:!0})});
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@polymer/polymer/polymer-legacy.js"),require("@lrnwebcomponents/hax-body-behaviors/lib/HAXWiring.js"),require("@lrnwebcomponents/schema-behaviors/schema-behaviors.js")):"function"==typeof define&&define.amd?define(["exports","@polymer/polymer/polymer-legacy.js","@lrnwebcomponents/hax-body-behaviors/lib/HAXWiring.js","@lrnwebcomponents/schema-behaviors/schema-behaviors.js"],t):t(e.SimpleImage={},e.polymerLegacy_js)}("undefined"!=typeof self?self:this,function(e,t){"use strict";function n(){var e,t,s=(e=['\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 '],(t=['\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 '])||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}})));return n=function(){return s},s}var s=t.Polymer({_template:t.html(n()),is:"simple-image",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{src:{type:String},alt:{type:String},caption:{type:String},credit:{type:String}},attached:function(){this.setHaxProperties({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:[]}})}});e.SimpleImage=s,Object.defineProperty(e,"__esModule",{value:!0})});
//# sourceMappingURL=simple-image.umd.js.map

2

src/simple-image.js

@@ -8,3 +8,3 @@ import { html, Polymer } from "@polymer/polymer/polymer-legacy.js";

@demo demo/index.html
* @demo demo/index.html

@@ -11,0 +11,0 @@ @microcopy - the mental model for this element

simple-image.umd.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc