@lrnwebcomponents/simple-image - npm Package Compare versions

Comparing version 2.2.3 to 2.3.0

analysis.json

 {
   "schema_version": "1.0.0",
-  "classes": [
+  "elements": [
     {
-      "description": "`simple-image`\n`A minimalist image that modals and presents info cleanly.`",
+      "description": "`simple-image`",
       "summary": "",
       "path": "simple-image.js",
-      "properties": [],
+      "properties": [
+        {
+          "name": "src",
+          "type": "string | null | undefined",
+          "description": "image source",
+          "privacy": "public",
+          "sourceRange": {
+            "start": {
+              "line": 243,
+              "column": 6
+            },
+            "end": {
+              "line": 245,
+              "column": 7
+            }
+          },
+          "metadata": {
+            "polymer": {
+              "attributeType": "String"
+            }
+          }
+        },
+        {
+          "name": "alt",
+          "type": "string | null | undefined",
+          "description": "alt data",
+          "privacy": "public",
+          "sourceRange": {
+            "start": {
+              "line": 249,
+              "column": 6
+            },
+            "end": {
+              "line": 251,
+              "column": 7
+            }
+          },
+          "metadata": {
+            "polymer": {
+              "attributeType": "String"
+            }
+          }
+        },
+        {
+          "name": "caption",
+          "type": "string | null | undefined",
+          "description": "caption on the image",
+          "privacy": "public",
+          "sourceRange": {
+            "start": {
+              "line": 255,
+              "column": 6
+            },
+            "end": {
+              "line": 257,
+              "column": 7
+            }
+          },
+          "metadata": {
+            "polymer": {
+              "attributeType": "String"
+            }
+          }
+        },
+        {
+          "name": "credit",
+          "type": "string | null | undefined",
+          "description": "photo credit / copyright info",
+          "privacy": "public",
+          "sourceRange": {
+            "start": {
+              "line": 261,
+              "column": 6
+            },
+            "end": {
+              "line": 263,
+              "column": 7
+            }
+          },
+          "metadata": {
+            "polymer": {
+              "attributeType": "String"
+            }
+          }
+        }
+      ],
       "methods": [],
@@ -15,6 +100,2 @@ "staticMethods": [],
           "description": ""
-        },
-        {
-          "url": "demo/index.html",
-          "description": ""
         }
@@ -25,7 +106,7 @@ ],
         "start": {
-          "line": 7,
+          "line": 8,
           "column": 0
         },
         "end": {
-          "line": 338,
+          "line": 339,
           "column": 1
@@ -35,5 +116,79 @@ }
       "privacy": "public",
-      "name": "SimpleImage"
+      "superclass": "HTMLElement",
+      "name": "SimpleImage",
+      "attributes": [
+        {
+          "name": "src",
+          "description": "image source",
+          "sourceRange": {
+            "start": {
+              "line": 243,
+              "column": 6
+            },
+            "end": {
+              "line": 245,
+              "column": 7
+            }
+          },
+          "metadata": {},
+          "type": "string | null | undefined"
+        },
+        {
+          "name": "alt",
+          "description": "alt data",
+          "sourceRange": {
+            "start": {
+              "line": 249,
+              "column": 6
+            },
+            "end": {
+              "line": 251,
+              "column": 7
+            }
+          },
+          "metadata": {},
+          "type": "string | null | undefined"
+        },
+        {
+          "name": "caption",
+          "description": "caption on the image",
+          "sourceRange": {
+            "start": {
+              "line": 255,
+              "column": 6
+            },
+            "end": {
+              "line": 257,
+              "column": 7
+            }
+          },
+          "metadata": {},
+          "type": "string | null | undefined"
+        },
+        {
+          "name": "credit",
+          "description": "photo credit / copyright info",
+          "sourceRange": {
+            "start": {
+              "line": 261,
+              "column": 6
+            },
+            "end": {
+              "line": 263,
+              "column": 7
+            }
+          },
+          "metadata": {},
+          "type": "string | null | undefined"
+        }
+      ],
+      "events": [],
+      "styling": {
+        "cssVariables": [],
+        "selectors": []
+      },
+      "slots": [],
+      "tagname": "simple-image\n`A minimalist image that modals and presents info cleanly.`"
     }
   ]
 }

package.json

@@ -19,3 +19,3 @@ {
   },
-  "version": "2.2.3",
+  "version": "2.3.0",
   "description": "Automated conversion of simple-image/",
@@ -32,3 +32,3 @@ "repository": {
     "start": "yarn run dev",
-    "build": "../../node_modules/.bin/gulp && ../../node_modules/.bin/rollup -c && ../../node_modules/.bin/prettier --ignore-path ../../.prettierignore --write '**/*.{js,json}'",
+    "build": "../../node_modules/.bin/gulp && ../../node_modules/.bin/rollup -c && ../../node_modules/.bin/prettier --ignore-path ../../.prettierignore --write '**/*.{js,json}' && wca analyze \"**/*.js\" --outFile custom-elements.json",
     "dev": "concurrently --kill-others \"yarn run watch\" \"yarn run serve\"",
@@ -44,3 +44,3 @@ "watch": "../../node_modules/.bin/gulp dev",
   "dependencies": {
-    "@lrnwebcomponents/schema-behaviors": "^2.2.3",
+    "@lrnwebcomponents/schema-behaviors": "^2.3.0",
     "@polymer/polymer": "^3.2.0"
@@ -50,3 +50,3 @@ },
     "@lrnwebcomponents/deduping-fix": "^2.1.1",
-    "@lrnwebcomponents/storybook-utilities": "^2.2.3",
+    "@lrnwebcomponents/storybook-utilities": "^2.3.0",
     "@polymer/iron-component-page": "github:PolymerElements/iron-component-page",
@@ -70,3 +70,3 @@ "@polymer/iron-demo-helpers": "3.1.0",
   ],
-  "gitHead": "053bbb0a6336005e4fe5cbb41a5422b1f5856f11"
+  "gitHead": "2e6809d848b36976043b7ea740a7254ca018adae"
 }

simple-image.es6.js

@@ -5,2 +5,3 @@ import { html, PolymerElement } from "@polymer/polymer/polymer-element.js";
  * `simple-image`
+ * @customElement simple-image
  * `A minimalist image that modals and presents info cleanly.`
@@ -286,3 +287,3 @@ * @demo demo/index.html
         meta: {
-          author: "LRNWebComponents"
+          author: "ELMS:LN"
         }
@@ -289,0 +290,0 @@ },

simple-image.js

@@ -5,2 +5,3 @@ import { html, PolymerElement } from "@polymer/polymer/polymer-element.js";
  * `simple-image`
+ * @customElement simple-image
  * `A minimalist image that modals and presents info cleanly.`
@@ -286,3 +287,3 @@ * @demo demo/index.html
         meta: {
-          author: "LRNWebComponents"
+          author: "ELMS:LN"
         }
@@ -289,0 +290,0 @@ },

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,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">\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    '],(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">\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    '])||(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})});
+!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">\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    '],(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">\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    '])||(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:"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:[]}}}}],(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

@@ -5,2 +5,3 @@ import { html, PolymerElement } from "@polymer/polymer/polymer-element.js";
  * `simple-image`
+ * @customElement simple-image
  * `A minimalist image that modals and presents info cleanly.`
@@ -286,3 +287,3 @@ * @demo demo/index.html
         meta: {
-          author: "LRNWebComponents"
+          author: "ELMS:LN"
         }
@@ -289,0 +290,0 @@ },

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

125974

increased by8.22%

Number of package files

23

increased by4.55%

Lines of code

1653

increased by25.89%

Dependency changes

• Updated@lrnwebcomponents/schema-behaviors@^2.3.0