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

Comparing version 4.0.0 to 4.0.1

full-width-image.umd.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("lit")):"function"==typeof define&&define.amd?define(["exports","lit"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).FullWidthImage={},e.lit)}(this,(function(e,t){"use strict";function n(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 r(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(Object(r),!0).forEach((function(t){u(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function o(e){return(o="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 i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function c(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 u(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e){return(a=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function l(e,t){return(l=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function f(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 Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=a(e);if(t){var o=a(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return f(this,n)}}function p(e,t,n){return(p="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=a(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 d(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var y,g,b=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&&l(e,t)}(h,e);var n,u,f,b=s(h);function h(){return i(this,h),b.apply(this,arguments)}return n=h,f=[{key:"styles",get:function(){return[t.css(g||(g=d(["\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      "])))]}},{key:"haxProperties",get:function(){return{canScale:!1,canPosition:!1,canEditSource:!0,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:{configure:[{property:"source",description:"",inputMethod:"haxupload",required:!0,icon:"icons:link",validationType:"url"},{property:"caption",description:"",inputMethod:"textfield"}],advanced:[]}}}},{key:"properties",get:function(){return r(r({},p(a(h),"properties",this)),{},{source:{type:String,reflect:!0},caption:{type:String,reflect:!0}})}},{key:"tag",get:function(){return"full-width-image"}}],(u=[{key:"render",value:function(){return t.html(y||(y=d(['\n\n<div id="image">\n  <div class="wrapper">\n    <div class="caption">\n      ',"\n      <slot></slot>\n    </div>\n  </div>\n</div>"])),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"!==o(e)&&(this.shadowRoot.querySelector("#image").style.backgroundImage='url("'.concat(e,'")'))}}])&&c(n.prototype,u),f&&c(n,f),h}(t.LitElement);window.customElements.define("full-width-image",b),e.FullWidthImage=b,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("lit")):"function"==typeof define&&define.amd?define(["exports","lit"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).FullWidthImage={},e.lit)}(this,(function(e,t){"use strict";function n(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 r(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(Object(r),!0).forEach((function(t){u(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function o(e){return(o="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 i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function c(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 u(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e){return(a=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function l(e,t){return(l=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function f(e,t){if(t&&("object"==typeof t||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}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 Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=a(e);if(t){var o=a(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return f(this,n)}}function p(e,t,n){return(p="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=a(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 d(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var y,g,b=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&&l(e,t)}(h,e);var n,u,f,b=s(h);function h(){return i(this,h),b.apply(this,arguments)}return n=h,f=[{key:"styles",get:function(){return[t.css(g||(g=d(["\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      "])))]}},{key:"haxProperties",get:function(){return{canScale:!1,canPosition:!1,canEditSource:!0,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:{configure:[{property:"source",description:"",inputMethod:"haxupload",required:!0,icon:"icons:link",validationType:"url"},{property:"caption",description:"",inputMethod:"textfield"}],advanced:[]}}}},{key:"properties",get:function(){return r(r({},p(a(h),"properties",this)),{},{source:{type:String,reflect:!0},caption:{type:String,reflect:!0}})}},{key:"tag",get:function(){return"full-width-image"}}],(u=[{key:"render",value:function(){return t.html(y||(y=d(['\n\n<div id="image">\n  <div class="wrapper">\n    <div class="caption">\n      ',"\n      <slot></slot>\n    </div>\n  </div>\n</div>"])),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"!==o(e)&&(this.shadowRoot.querySelector("#image").style.backgroundImage='url("'.concat(e,'")'))}}])&&c(n.prototype,u),f&&c(n,f),h}(t.LitElement);window.customElements.define("full-width-image",b),e.FullWidthImage=b,Object.defineProperty(e,"__esModule",{value:!0})}));

package.json

@@ -20,3 +20,3 @@ {
   },
-  "version": "4.0.0",
+  "version": "4.0.1",
   "description": "full width image that flows beyond boundaries",
@@ -51,3 +51,3 @@ "repository": {
     "@lrnwebcomponents/deduping-fix": "^4.0.0",
-    "@lrnwebcomponents/storybook-utilities": "^4.0.0",
+    "@lrnwebcomponents/storybook-utilities": "^4.0.1",
     "@open-wc/testing": "2.5.33",
@@ -60,3 +60,3 @@ "@polymer/iron-component-page": "github:PolymerElements/iron-component-page",
     "@web/test-runner-puppeteer": "0.10.0",
-    "@webcomponents/webcomponentsjs": "2.5.0",
+    "@webcomponents/webcomponentsjs": "2.6.0",
     "concurrently": "5.3.0",
@@ -78,3 +78,3 @@ "gulp-babel": "8.0.0",
   ],
-  "gitHead": "e877f54ece91fb0b2f7aba62f9f9fd15060600f2"
+  "gitHead": "4056b357dd00c362ba23128a37a60153101b15b9"
 }

No alert changes

Improved metrics

Total package byte prevSize

51637

increased by0.21%

No dependency changes