text: define(["exports","../../@polymer/polymer/polymer-element.js","../schema-behaviors/schema-behaviors.js"],function(_exports,_polymerElement,_schemaBehaviors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleImage=void 0;function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly)symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable});keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1,source;i<arguments.length;i++){source=null!=arguments[i]?arguments[i]:{};if(i%2){ownKeys(Object(source),!0).forEach(function(key){babelHelpers.defineProperty(target,key,source[key])})}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}}return target}function _templateObject_81e147e0679e11eaa25e79cdef13391f(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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              <simple-tooltip for=\"closearea\" position=\"bottom\" offset=\"14\">\n                close modal\n              </simple-tooltip>\n              <div class=\"content\">\n                <img loading=\"lazy\" src$=\"[[src]]\" alt$=\"[[alt]]\" />\n              </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>\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              <simple-tooltip for=\"closearea\" position=\"bottom\" offset=\"14\">\n                close modal\n              </simple-tooltip>\n              <div class=\"content\">\n                <img loading=\"lazy\" src\\$=\"[[src]]\" alt\\$=\"[[alt]]\" />\n              </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_81e147e0679e11eaa25e79cdef13391f=function _templateObject_81e147e0679e11eaa25e79cdef13391f(){return data};return data}/**
   * `simple-image`
   * @customElement simple-image
   * `A minimalist image that modals and presents info cleanly.`
   * @demo demo/index.html
   */var SimpleImage=/*#__PURE__*/function(_SchemaBehaviors){babelHelpers.inherits(SimpleImage,_SchemaBehaviors);function SimpleImage(){babelHelpers.classCallCheck(this,SimpleImage);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleImage).apply(this,arguments))}babelHelpers.createClass(SimpleImage,null,[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_81e147e0679e11eaa25e79cdef13391f())}},{key:"tag",get:function get(){return"simple-image"}},{key:"properties",get:function get(){return _objectSpread({},babelHelpers.get(babelHelpers.getPrototypeOf(SimpleImage),"properties",this),{/**
         * image source
         */src:{type:String},/**
         * alt data
         */alt:{type:String},/**
         * caption on the image
         */caption:{type:String},/**
         * photo credit / copyright info
         */credit:{type:String}})}},{key:"haxProperties",get:function get(){return{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:"ELMS:LN"}},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:[]}}}}]);return SimpleImage}((0,_schemaBehaviors.SchemaBehaviors)(_polymerElement.PolymerElement));_exports.SimpleImage=SimpleImage;window.customElements.define(SimpleImage.tag,SimpleImage)});