@lrnwebcomponents/full-width-image - npm Package Compare versions

Comparing version 2.7.7 to 2.7.10

analysis.json

@@ -16,7 +16,7 @@ {
             "start": {
-              "line": 154,
+              "line": 155,
               "column": 2
             },
             "end": {
-              "line": 157,
+              "line": 158,
               "column": 3
@@ -38,7 +38,7 @@ }
             "start": {
-              "line": 158,
+              "line": 159,
               "column": 2
             },
             "end": {
-              "line": 161,
+              "line": 162,
               "column": 3
@@ -61,7 +61,7 @@ }
             "start": {
-              "line": 79,
+              "line": 80,
               "column": 2
             },
             "end": {
-              "line": 90,
+              "line": 91,
               "column": 3
@@ -79,7 +79,7 @@ }
             "start": {
-              "line": 175,
+              "line": 176,
               "column": 2
             },
             "end": {
-              "line": 181,
+              "line": 182,
               "column": 3
@@ -104,7 +104,7 @@ }
             "start": {
-              "line": 183,
+              "line": 184,
               "column": 2
             },
             "end": {
-              "line": 189,
+              "line": 190,
               "column": 3
@@ -138,3 +138,3 @@ }
         "end": {
-          "line": 190,
+          "line": 191,
           "column": 1
@@ -152,7 +152,7 @@ }
             "start": {
-              "line": 154,
+              "line": 155,
               "column": 2
             },
             "end": {
-              "line": 157,
+              "line": 158,
               "column": 3
@@ -169,7 +169,7 @@ }
             "start": {
-              "line": 158,
+              "line": 159,
               "column": 2
             },
             "end": {
-              "line": 161,
+              "line": 162,
               "column": 3
@@ -176,0 +176,0 @@ }

full-width-image.js

@@ -61,2 +61,3 @@ /**
         }
+
         .wrapper:hover {
@@ -74,3 +75,3 @@ opacity: 0;
         }
-      `
+      `,
     ];
@@ -81,12 +82,10 @@ }
   render() {
-    return html`
-      <div id="image">
-        <div class="wrapper">
-          <div class="caption">
-            ${this.caption}
-            <slot></slot>
-          </div>
+    return html` <div id="image">
+      <div class="wrapper">
+        <div class="caption">
+          ${this.caption}
+          <slot></slot>
         </div>
       </div>
-    `;
+    </div>`;
   }
@@ -111,9 +110,9 @@
             caption: "caption",
-            title: "caption"
-          }
+            title: "caption",
+          },
         ],
         meta: {
           author: "btopro",
-          owner: "The Pennsylvania State University"
-        }
+          owner: "The Pennsylvania State University",
+        },
       },
@@ -128,4 +127,4 @@ settings: {
             icon: "image:image",
-            validationType: "url"
-          }
+            validationType: "url",
+          },
         ],
@@ -139,3 +138,3 @@ configure: [
             icon: "icons:link",
-            validationType: "url"
+            validationType: "url",
           },
@@ -145,7 +144,7 @@ {
             description: "",
-            inputMethod: "textfield"
-          }
+            inputMethod: "textfield",
+          },
         ],
-        advanced: []
-      }
+        advanced: [],
+      },
     };
@@ -160,8 +159,8 @@ }
         type: String,
-        reflect: true
+        reflect: true,
       },
       caption: {
         type: String,
-        reflect: true
-      }
+        reflect: true,
+      },
     };
@@ -168,0 +167,0 @@ }

full-width-image.umd.js

@@ -1,2 +0,1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("lit-element/lit-element.js")):"function"==typeof define&&define.amd?define(["exports","lit-element/lit-element.js"],t):t((e=e||self).FullWidthImage={},e.litElement_js)}(this,function(e,t){"use strict";function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function r(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}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,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function c(e){return(c=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function u(e,t){return(u=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 l(e,t,n){return(l="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,n){var r=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=c(e)););return e}(e,t);if(r){var o=Object.getOwnPropertyDescriptor(r,t);return o.get?o.get.call(n):o.value}})(e,t,n||e)}function p(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function s(){var e=p(["\n:host {\n  display: block;\n  background-color: #000000;\n  height: 300px;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n#image {\n  left: 0;\n  right: 0;\n  position: absolute;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: cover;\n  width: 100%;\n  text-align: center;\n}\n\n:host([hax-preview-mode]) #image {\n  left: unset;\n  right: unset;\n  position: unset;\n}\n\n.wrapper {\n  opacity: 1;\n  background-color: rgba(0,0,0,.6);\n  padding: 100px;\n  height: 100px;\n  transition: 0.5s all ease-in-out;\n  -webkit-transition: 0.5s all ease-in-out;\n  -moz-transition: 0.5s all ease-in-out;\n  -ms-transition: 0.5s all ease-in-out;\n  -o-transition: 0.5s all ease-in-out;\n}\n.wrapper:hover {\n  opacity: 0;\n  background-color: transparent;\n}\n\n.caption {\n  padding: 35px 0;\n  font-size: 25px;\n  line-height: 40px;\n  color: #fff;\n  font-style: italic;\n}\n      "]);return s=function(){return e},e}function f(){var e=p(['\n\n<div id="image">\n  <div class="wrapper">\n    <div class="caption">\n      ',"\n      <slot></slot>\n    </div>\n  </div>\n</div>"]);return f=function(){return e},e}var d=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,c(p).apply(this,arguments))}var d,y,g;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&&u(e,t)}(p,t.LitElement),d=p,g=[{key:"styles",get:function(){return[t.css(s())]}},{key:"haxProperties",get:function(){return{canScale:!1,canPosition:!1,canEditSource:!1,gizmo:{title:"Full width-image",description:"full width image that flows beyond boundaries",icon:"image:image",color:"green",groups:["Width"],handles:[{type:"image",source:"source",caption:"caption",title:"caption"}],meta:{author:"btopro",owner:"The Pennsylvania State University"}},settings:{quick:[{property:"source",description:"",inputMethod:"textfield",required:!0,icon:"image:image",validationType:"url"}],configure:[{property:"source",description:"",inputMethod:"haxupload",required:!0,icon:"icons:link",validationType:"url"},{property:"caption",description:"",inputMethod:"textfield"}],advanced:[]}}}},{key:"properties",get:function(){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(Object(n),!0).forEach(function(t){o(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({},l(c(p),"properties",this),{source:{type:String,reflect:!0},caption:{type:String,reflect:!0}})}},{key:"tag",get:function(){return"full-width-image"}}],(y=[{key:"render",value:function(){return t.html(f(),this.caption)}},{key:"updated",value:function(e){var t=this;e.forEach(function(e,n){"source"==n&&t._sourceChanged(t[n])})}},{key:"_sourceChanged",value:function(e){"undefined"!==n(e)&&(this.shadowRoot.querySelector("#image").style.backgroundImage='url("'.concat(e,'")'))}}])&&r(d.prototype,y),g&&r(d,g),p}();window.customElements.define("full-width-image",d),e.FullWidthImage=d,Object.defineProperty(e,"__esModule",{value:!0})});
-//# sourceMappingURL=full-width-image.umd.js.map
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("lit-element/lit-element.js")):"function"==typeof define&&define.amd?define(["exports","lit-element/lit-element.js"],t):t((e=e||self).FullWidthImage={},e.litElement_js)}(this,function(e,t){"use strict";function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function r(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}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,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function c(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(Object(n),!0).forEach(function(t){o(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function u(e){return(u=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 l(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 s(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(e){return!1}}();return function(){var n,r=u(e);if(t){var o=u(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return l(this,n)}}function f(e,t,n){return(f="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,n){var r=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=u(e)););return e}(e,t);if(r){var o=Object.getOwnPropertyDescriptor(r,t);return o.get?o.get.call(n):o.value}})(e,t,n||e)}function p(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function d(){var e=p(["\n:host {\n  display: block;\n  background-color: #000000;\n  height: 300px;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n#image {\n  left: 0;\n  right: 0;\n  position: absolute;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: cover;\n  width: 100%;\n  text-align: center;\n}\n\n:host([hax-preview-mode]) #image {\n  left: unset;\n  right: unset;\n  position: unset;\n}\n\n.wrapper {\n  opacity: 1;\n  background-color: rgba(0,0,0,.6);\n  padding: 100px;\n  height: 100px;\n  transition: 0.5s all ease-in-out;\n  -webkit-transition: 0.5s all ease-in-out;\n  -moz-transition: 0.5s all ease-in-out;\n  -ms-transition: 0.5s all ease-in-out;\n  -o-transition: 0.5s all ease-in-out;\n}\n\n.wrapper:hover {\n  opacity: 0;\n  background-color: transparent;\n}\n\n.caption {\n  padding: 35px 0;\n  font-size: 25px;\n  line-height: 40px;\n  color: #fff;\n  font-style: italic;\n}\n      "]);return d=function(){return e},e}function y(){var e=p(['\n\n<div id="image">\n  <div class="wrapper">\n    <div class="caption">\n      ',"\n      <slot></slot>\n    </div>\n  </div>\n</div>"]);return y=function(){return e},e}var g=function(e){!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)}(g,t.LitElement);var o,i,l,p=s(g);function g(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,g),p.apply(this,arguments)}return o=g,l=[{key:"styles",get:function(){return[t.css(d())]}},{key:"haxProperties",get:function(){return{canScale:!1,canPosition:!1,canEditSource:!1,gizmo:{title:"Full width-image",description:"full width image that flows beyond boundaries",icon:"image:image",color:"green",groups:["Width"],handles:[{type:"image",source:"source",caption:"caption",title:"caption"}],meta:{author:"btopro",owner:"The Pennsylvania State University"}},settings:{quick:[{property:"source",description:"",inputMethod:"textfield",required:!0,icon:"image:image",validationType:"url"}],configure:[{property:"source",description:"",inputMethod:"haxupload",required:!0,icon:"icons:link",validationType:"url"},{property:"caption",description:"",inputMethod:"textfield"}],advanced:[]}}}},{key:"properties",get:function(){return c(c({},f(u(g),"properties",this)),{},{source:{type:String,reflect:!0},caption:{type:String,reflect:!0}})}},{key:"tag",get:function(){return"full-width-image"}}],(i=[{key:"render",value:function(){return t.html(y(),this.caption)}},{key:"updated",value:function(e){var t=this;e.forEach(function(e,n){"source"==n&&t._sourceChanged(t[n])})}},{key:"_sourceChanged",value:function(e){"undefined"!==n(e)&&(this.shadowRoot.querySelector("#image").style.backgroundImage='url("'.concat(e,'")'))}}])&&r(o.prototype,i),l&&r(o,l),g}();window.customElements.define("full-width-image",g),e.FullWidthImage=g,Object.defineProperty(e,"__esModule",{value:!0})});

package.json

@@ -20,3 +20,3 @@ {
   },
-  "version": "2.7.7",
+  "version": "2.7.10",
   "description": "full width image that flows beyond boundaries",
@@ -32,9 +32,9 @@ "repository": {
   "scripts": {
-    "test": "../../node_modules/.bin/wct --configFile ../../wct.conf.json node_modules/@lrnwebcomponents/full-width-image/test/",
+    "test": "wct --configFile ../../wct.conf.json node_modules/@lrnwebcomponents/full-width-image/test/",
     "start": "yarn run dev",
-    "build": "../../node_modules/.bin/gulp --gulpfile=gulpfile.cjs && ../../node_modules/.bin/rollup -c && ../../node_modules/.bin/prettier --ignore-path ../../.prettierignore --write '**/*.{js,json}' && wca analyze \"**/*.js\" --format vscode --outFile vscode-html-custom-data.json",
-    "dev": "../../node_modules/.bin/concurrently --kill-others \"yarn run watch\" \"yarn run serve\"",
-    "watch": "../../node_modules/.bin/gulp dev --gulpfile=gulpfile.cjs",
-    "serve": "../../node_modules/.bin/es-dev-server -c ../../es-dev-server.config.js",
-    "lighthouse": "../../node_modules/.bin/gulp lighthouse --gulpfile=gulpfile.cjs"
+    "build": "gulp --gulpfile=gulpfile.cjs && rollup -c && prettier --ignore-path ../../.prettierignore --write \"**/*.{js,json}\" && wca analyze \"**/*.js\" --format vscode --outFile vscode-html-custom-data.json",
+    "dev": "concurrently --kill-others \"yarn run watch\" \"yarn run serve\"",
+    "watch": "gulp dev --gulpfile=gulpfile.cjs",
+    "serve": "es-dev-server -c ../../es-dev-server.config.js",
+    "lighthouse": "gulp lighthouse --gulpfile=gulpfile.cjs"
   },
@@ -50,7 +50,7 @@ "author": {
     "@lrnwebcomponents/deduping-fix": "^2.7.7",
-    "@lrnwebcomponents/storybook-utilities": "^2.7.7",
+    "@lrnwebcomponents/storybook-utilities": "^2.7.10",
     "@polymer/iron-component-page": "github:PolymerElements/iron-component-page",
     "@polymer/iron-demo-helpers": "3.1.0",
-    "@webcomponents/webcomponentsjs": "2.4.1",
-    "concurrently": "5.1.0",
+    "@webcomponents/webcomponentsjs": "2.4.4",
+    "concurrently": "5.3.0",
     "gulp-babel": "8.0.0",
@@ -70,3 +70,3 @@ "lodash": "4.17.19",
   ],
-  "gitHead": "5b346a23a41445900c73e9b8748be86b6f7db550"
+  "gitHead": "5b8d225cec2bf64160b4f4cab0630b187fdcd2d8"
 }

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

51095

increased by0.35%

Worsened metrics

Lines of code

825

decreased by-0.12%

No dependency changes