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

Comparing version 4.1.0 to 4.1.1

full-width-image.js

@@ -36,3 +36,3 @@ /**
           right: 0;
-          position: absolute;
+          position: relative;
           background-repeat: no-repeat;
@@ -137,3 +137,3 @@ background-position: center center;
 }
-window.customElements.define("full-width-image", FullWidthImage);
+customElements.define("full-width-image", FullWidthImage);
 export { FullWidthImage };

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},o(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)},a(e)}function f(e,t){return f=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},f(e,t)}function l(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 p(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 l(this,n)}}function s(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=a(e)););return e}function y(){return y="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,n){var r=s(e,t);if(r){var o=Object.getOwnPropertyDescriptor(r,t);return o.get?o.get.call(arguments.length<3?e:n):o.value}},y.apply(this,arguments)}function d(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var b,h,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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&f(e,t)}(g,e);var n,u,l,s=p(g);function g(){return i(this,g),s.apply(this,arguments)}return n=g,l=[{key:"styles",get:function(){return[t.css(h||(h=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, 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 new URL("./lib/".concat(this.tag,".haxProperties.json"),"undefined"==typeof document&&"undefined"==typeof location?new(require("url").URL)("file:"+__filename).href:"undefined"==typeof document?location.href:document.currentScript&&document.currentScript.src||new URL("full-width-image.umd.js",document.baseURI).href).href}},{key:"properties",get:function(){return r(r({},y(a(g),"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(b||(b=d([' <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),l&&c(n,l),Object.defineProperty(n,"prototype",{writable:!1}),g}(t.LitElement);window.customElements.define("full-width-image",g),e.FullWidthImage=g,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},o(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,b(r.key),r)}}function u(e,t,n){return(t=b(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}function a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function l(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 p(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=f(e);if(t){var o=f(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return l(this,n)}}function s(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=f(e)););return e}function y(){return y="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,n){var r=s(e,t);if(r){var o=Object.getOwnPropertyDescriptor(r,t);return o.get?o.get.call(arguments.length<3?e:n):o.value}},y.apply(this,arguments)}function d(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function b(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}var g,h,m=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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&a(e,t)}(b,e);var n,u,l,s=p(b);function b(){return i(this,b),s.apply(this,arguments)}return n=b,l=[{key:"styles",get:function(){return[t.css(h||(h=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: relative;\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, 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 new URL("./lib/".concat(this.tag,".haxProperties.json"),"undefined"==typeof document&&"undefined"==typeof location?new(require("url").URL)("file:"+__filename).href:"undefined"==typeof document?location.href:document.currentScript&&document.currentScript.src||new URL("full-width-image.umd.js",document.baseURI).href).href}},{key:"properties",get:function(){return r(r({},y(f(b),"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(g||(g=d([' <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),l&&c(n,l),Object.defineProperty(n,"prototype",{writable:!1}),b}(t.LitElement);customElements.define("full-width-image",m),e.FullWidthImage=m,Object.defineProperty(e,"__esModule",{value:!0})}));

lib/full-width-image.haxProperties.json

@@ -6,7 +6,7 @@ {
   "gizmo": {
-    "title": "Full width-image",
+    "title": "Heading image",
     "description": "full width image that flows beyond boundaries",
     "icon": "image:image",
     "color": "green",
-    "groups": ["Width"],
+    "tags": ["Layout", "image", "layout", "design", "heading"],
     "handles": [
@@ -21,3 +21,3 @@ {
     "meta": {
-      "author": "btopro",
+      "author": "HAXTheWeb core team",
       "owner": "The Pennsylvania State University"
@@ -24,0 +24,0 @@ }

package.json

@@ -15,3 +15,3 @@ {
   },
-  "version": "4.1.0",
+  "version": "4.1.1",
   "description": "full width image that flows beyond boundaries",
@@ -45,9 +45,9 @@ "repository": {
     "@lrnwebcomponents/deduping-fix": "^4.0.0",
-    "@lrnwebcomponents/storybook-utilities": "^4.1.0",
+    "@lrnwebcomponents/storybook-utilities": "^4.1.1",
     "@open-wc/testing": "3.0.4",
     "@polymer/iron-component-page": "github:PolymerElements/iron-component-page",
     "@polymer/iron-demo-helpers": "3.1.0",
-    "@web/dev-server": "0.1.31",
+    "@web/dev-server": "0.1.34",
     "@webcomponents/webcomponentsjs": "2.6.0",
-    "concurrently": "7.0.0",
+    "concurrently": "7.4.0",
     "gulp-babel": "8.0.0",
@@ -67,3 +67,3 @@ "lodash": "^4.17.21",
   ],
-  "gitHead": "4770bd248a313aee84314a95ffdad8ff25a22188"
+  "gitHead": "5fd3b49314297b354117d2fb80bad4c953c07ae7"
 }

src/full-width-image.js

@@ -36,3 +36,3 @@ /**
           right: 0;
-          position: absolute;
+          position: relative;
           background-repeat: no-repeat;
@@ -137,3 +137,3 @@ background-position: center center;
 }
-window.customElements.define("full-width-image", FullWidthImage);
+customElements.define("full-width-image", FullWidthImage);
 export { FullWidthImage };

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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

52402

increased by0.79%

Lines of code

872

increased by0.11%

No dependency changes