@lrnwebcomponents/simple-image - npm Package Compare versions

Comparing version 2.1.5 to 2.2.0

analysis.json

@@ -28,3 +28,3 @@ {
         "end": {
-          "line": 338,
+          "line": 336,
           "column": 1
@@ -31,0 +31,0 @@ }

gulpfile.js

@@ -40,5 +40,12 @@ const gulp = require("gulp");
           );
-          let props = `${rawprops}`;
-          props = props.replace(/\"type\": \"(\w+)\"/g, '"type": $1');
-          let cssResult = "<style>";
+          let props = `${rawprops}`,
+            comma = props
+              .replace(/\/\*[\s\S]*?\*\//g, "")
+              .replace(/\/\/.*/g, "")
+              .replace(/[\{\s\n\}]/g, "");
+          (props = props.replace(/\"type\": \"(\w+)\"/g, '"type": $1')),
+            (superprops =
+              comma === "" ? `...super.properties` : `...super.properties,`);
+          props = props.replace(/\{([\s\n]*)/, `{$1$1${superprops}$1$1`);
+          let cssResult = "";
           if (
@@ -57,9 +64,46 @@ packageJson.wcfactory.useSass &&
           }
-          cssResult += "</style>";
+          let styleRegex = /\/\*[\s]*LIST SHARED STYLES BELOW[\s]*((?:(?:\w+)[\s,]*)*)\*\//g,
+            styleArray =
+              cssResult.match(styleRegex) &&
+              cssResult.match(styleRegex).length > 0
+                ? cssResult
+                    .match(styleRegex)[0]
+                    .replace(styleRegex, "$1")
+                    .match(/(\w+)[\s,]*/g)
+                : [];
+          sharedStyles =
+            styleArray && styleArray.length > 0
+              ? styleArray.map(style =>
+                  style.replace(
+                    /(\w+)[\s,]*/g,
+                    `
+        $1`
+                  )
+                )
+              : ``;
           cssResult = stripCssComments(cssResult).trim();
-          return `
+          let litResult =
+              packageJson.wcfactory.customElementClass !== "LitElement"
+                ? ``
+                : `
+  //styles function
+  static get styles() {
+    return  [${sharedStyles ? `${sharedStyles},` : ``}
+      css\`
+${cssResult}
+      \`
+    ];
+  }`,
+            styleResult =
+              packageJson.wcfactory.customElementClass !== "LitElement"
+                ? `<style>
+${cssResult}
+        </style>`
+                : ``;
+
+          return `${litResult}
   // render function
   static get template() {
     return html\`
-${cssResult}
+${styleResult}
 ${html}\`;
@@ -70,7 +114,3 @@ }
     static get properties() {
-    let props = ${props};
-    if (super.properties) {
-      props = Object.assign(props, super.properties);
-    }
-    return props;
+    return ${props};
   }`;
@@ -77,0 +117,0 @@ }

package.json

@@ -19,3 +19,3 @@ {
   },
-  "version": "2.1.5",
+  "version": "2.2.0",
   "description": "Automated conversion of simple-image/",
@@ -43,3 +43,3 @@ "repository": {
   "dependencies": {
-    "@lrnwebcomponents/schema-behaviors": "^2.1.4",
+    "@lrnwebcomponents/schema-behaviors": "^2.2.0",
     "@polymer/polymer": "^3.2.0"
@@ -49,3 +49,3 @@ },
     "@lrnwebcomponents/deduping-fix": "^2.1.1",
-    "@lrnwebcomponents/storybook-utilities": "^2.1.2",
+    "@lrnwebcomponents/storybook-utilities": "^2.2.0",
     "@polymer/iron-component-page": "github:PolymerElements/iron-component-page",
@@ -69,3 +69,3 @@ "@polymer/iron-demo-helpers": "3.1.0",
   ],
-  "gitHead": "a1b49056cb2a6c0b2a333fc9360a4539297b1a30"
+  "gitHead": "d8dfc961c1e93dbe8c38b40c82e288af057d6477"
 }

simple-image.es6.js

@@ -235,3 +235,5 @@ import { html, PolymerElement } from "@polymer/polymer/polymer-element.js";
   static get properties() {
-    let props = {
+    return {
+      ...super.properties,
+
       /**
@@ -262,6 +264,2 @@ * image source
     };
-    if (super.properties) {
-      props = Object.assign(props, super.properties);
-    }
-    return props;
   }
@@ -268,0 +266,0 @@ static get haxProperties() {

simple-image.js

@@ -235,3 +235,5 @@ import { html, PolymerElement } from "@polymer/polymer/polymer-element.js";
   static get properties() {
-    let props = {
+    return {
+      ...super.properties,
+
       /**
@@ -262,6 +264,2 @@ * image source
     };
-    if (super.properties) {
-      props = Object.assign(props, super.properties);
-    }
-    return props;
   }
@@ -268,0 +266,0 @@ static get haxProperties() {

simple-image.umd.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@polymer/polymer/polymer-element.js"),require("@lrnwebcomponents/schema-behaviors/schema-behaviors.js")):"function"==typeof define&&define.amd?define(["exports","@polymer/polymer/polymer-element.js","@lrnwebcomponents/schema-behaviors/schema-behaviors.js"],t):t((e=e||self).SimpleImage={},e.polymerElement_js,e.schemaBehaviors_js)}(this,function(e,t,n){"use strict";function s(e,t){for(var n=0;n<t.length;n++){var s=t[n];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(e,s.key,s)}}function o(e){return(o=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function i(e,t){return(i=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function a(e,t){return!t||"object"!=typeof t&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function r(e,t,n){return(r="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,n){var s=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=o(e)););return e}(e,t);if(s){var i=Object.getOwnPropertyDescriptor(s,t);return i.get?i.get.call(n):i.value}})(e,t,n||e)}function m(){var e,t,n=(e=['\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              <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>\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 m=function(){return n},n}var p=function(e){function p(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,p),a(this,o(p).apply(this,arguments))}var l,h,d;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&i(e,t)}(p,n.SchemaBehaviors(t.PolymerElement)),l=p,d=[{key:"template",get:function(){return t.html(m())}},{key:"tag",get:function(){return"simple-image"}},{key:"properties",get:function(){var e={src:{type:String},alt:{type:String},caption:{type:String},credit:{type:String}};return r(o(p),"properties",this)&&(e=Object.assign(e,r(o(p),"properties",this))),e}},{key:"haxProperties",get:function(){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:"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:[]}}}}],(h=null)&&s(l.prototype,h),d&&s(l,d),p}();window.customElements.define(p.tag,p),e.SimpleImage=p,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@polymer/polymer/polymer-element.js"),require("@lrnwebcomponents/schema-behaviors/schema-behaviors.js")):"function"==typeof define&&define.amd?define(["exports","@polymer/polymer/polymer-element.js","@lrnwebcomponents/schema-behaviors/schema-behaviors.js"],t):t((e=e||self).SimpleImage={},e.polymerElement_js,e.schemaBehaviors_js)}(this,function(e,t,n){"use strict";function s(e,t){for(var n=0;n<t.length;n++){var s=t[n];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(e,s.key,s)}}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e){return(i=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function a(e,t){return(a=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function r(e,t){return!t||"object"!=typeof t&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function m(e,t,n){return(m="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,n){var s=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=i(e)););return e}(e,t);if(s){var o=Object.getOwnPropertyDescriptor(s,t);return o.get?o.get.call(n):o.value}})(e,t,n||e)}function p(){var e,t,n=(e=['\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              <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>\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 p=function(){return n},n}var l=function(e){function l(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,l),r(this,i(l).apply(this,arguments))}var h,d,c;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&a(e,t)}(l,n.SchemaBehaviors(t.PolymerElement)),h=l,c=[{key:"template",get:function(){return t.html(p())}},{key:"tag",get:function(){return"simple-image"}},{key:"properties",get:function(){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},s=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(s=s.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),s.forEach(function(t){o(e,t,n[t])})}return e}({},m(i(l),"properties",this),{src:{type:String},alt:{type:String},caption:{type:String},credit:{type:String}})}},{key:"haxProperties",get:function(){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:"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:[]}}}}],(d=null)&&s(h.prototype,d),c&&s(h,c),l}();window.customElements.define(l.tag,l),e.SimpleImage=l,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=simple-image.umd.js.map

src/simple-image.js

@@ -235,3 +235,5 @@ import { html, PolymerElement } from "@polymer/polymer/polymer-element.js";
   static get properties() {
-    let props = {
+    return {
+      ...super.properties,
+
       /**
@@ -262,6 +264,2 @@ * image source
     };
-    if (super.properties) {
-      props = Object.assign(props, super.properties);
-    }
-    return props;
   }
@@ -268,0 +266,0 @@ static get haxProperties() {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

116112

increased by1.15%

Lines of code

1307

increased by2.51%

Dependency changes

• Updated@lrnwebcomponents/schema-behaviors@^2.2.0