@lrnwebcomponents/full-width-image
Advanced tools
Comparing version 2.8.0 to 3.0.0
@@ -16,7 +16,7 @@ { | ||
| "start": { | ||
| "line": 155, | ||
| "line": 145, | ||
| "column": 2 | ||
| }, | ||
| "end": { | ||
| "line": 158, | ||
| "line": 148, | ||
| "column": 3 | ||
@@ -38,7 +38,7 @@ } | ||
| "start": { | ||
| "line": 159, | ||
| "line": 149, | ||
| "column": 2 | ||
| }, | ||
| "end": { | ||
| "line": 162, | ||
| "line": 152, | ||
| "column": 3 | ||
@@ -78,7 +78,7 @@ } | ||
| "start": { | ||
| "line": 176, | ||
| "line": 166, | ||
| "column": 2 | ||
| }, | ||
| "end": { | ||
| "line": 182, | ||
| "line": 172, | ||
| "column": 3 | ||
@@ -103,7 +103,7 @@ } | ||
| "start": { | ||
| "line": 184, | ||
| "line": 174, | ||
| "column": 2 | ||
| }, | ||
| "end": { | ||
| "line": 190, | ||
| "line": 180, | ||
| "column": 3 | ||
@@ -137,3 +137,3 @@ } | ||
| "end": { | ||
| "line": 191, | ||
| "line": 181, | ||
| "column": 1 | ||
@@ -151,7 +151,7 @@ } | ||
| "start": { | ||
| "line": 155, | ||
| "line": 145, | ||
| "column": 2 | ||
| }, | ||
| "end": { | ||
| "line": 158, | ||
| "line": 148, | ||
| "column": 3 | ||
@@ -168,7 +168,7 @@ } | ||
| "start": { | ||
| "line": 159, | ||
| "line": 149, | ||
| "column": 2 | ||
| }, | ||
| "end": { | ||
| "line": 162, | ||
| "line": 152, | ||
| "column": 3 | ||
@@ -175,0 +175,0 @@ } |
@@ -95,3 +95,3 @@ /** | ||
| canPosition: false, | ||
| canEditSource: false, | ||
| canEditSource: true, | ||
| gizmo: { | ||
@@ -117,12 +117,2 @@ title: "Full width-image", | ||
| settings: { | ||
| quick: [ | ||
| { | ||
| property: "source", | ||
| description: "", | ||
| inputMethod: "textfield", | ||
| required: true, | ||
| icon: "image:image", | ||
| validationType: "url", | ||
| }, | ||
| ], | ||
| configure: [ | ||
@@ -129,0 +119,0 @@ { |
@@ -1,1 +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){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})}); | ||
| !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 f(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 s(e,t,n){return(s="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=f(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:!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 c(c({},s(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})}); |
@@ -20,3 +20,3 @@ { | ||
| }, | ||
| "version": "2.8.0", | ||
| "version": "3.0.0", | ||
| "description": "full width image that flows beyond boundaries", | ||
@@ -48,4 +48,4 @@ "repository": { | ||
| "devDependencies": { | ||
| "@lrnwebcomponents/deduping-fix": "^2.7.7", | ||
| "@lrnwebcomponents/storybook-utilities": "^2.8.0", | ||
| "@lrnwebcomponents/deduping-fix": "^3.0.0", | ||
| "@lrnwebcomponents/storybook-utilities": "^3.0.0", | ||
| "@polymer/iron-component-page": "github:PolymerElements/iron-component-page", | ||
@@ -69,3 +69,3 @@ "@polymer/iron-demo-helpers": "3.1.0", | ||
| ], | ||
| "gitHead": "3d847eff4969998e9c52c0246a81453e99749f66" | ||
| "gitHead": "8fcf8efcf719302c9f59c6cf952840b39bfde0b5" | ||
| } |
| { | ||
| "canScale": false, | ||
| "canPosition": false, | ||
| "canEditSource": false, | ||
| "canEditSource": true, | ||
| "gizmo": { | ||
@@ -25,12 +25,2 @@ "title": "Full width-image", | ||
| "settings": { | ||
| "quick": [ | ||
| { | ||
| "property": "source", | ||
| "description": "", | ||
| "inputMethod": "textfield", | ||
| "required": true, | ||
| "icon": "image:image", | ||
| "validationType": "url" | ||
| } | ||
| ], | ||
| "configure": [ | ||
@@ -37,0 +27,0 @@ { |
No alert changes
Worsened metrics
- Total package byte prevSize
- decreased by-1.15%
50504
- Lines of code
- decreased by-2.55%
804
No dependency changes