@lrnwebcomponents/full-width-image
Advanced tools
Comparing version 2.3.3 to 2.3.6
{ | ||
"version": 2, | ||
"version": "experimental", | ||
"tags": [ | ||
{ | ||
"name": "full-width-image", | ||
"description": "`full-width-image`\n`full width image that flows beyond boundaries`", | ||
"jsDoc": "/**\n * `full-width-image`\n * `full width image that flows beyond boundaries`\n *\n * @microcopy - language worth noting:\n * - images are best used when stretched across content\n *\n * @demo demo/index.html\n * @customElement full-width-image\n */", | ||
"attributes": [], | ||
"properties": [], | ||
"events": [], | ||
"slots": [] | ||
"description": "`full-width-image`\n`full width image that flows beyond boundaries`" | ||
}, | ||
@@ -16,3 +11,2 @@ { | ||
"description": "`full-width-image`\n`full width image that flows beyond boundaries`", | ||
"jsDoc": "/**\n * `full-width-image`\n * `full width image that flows beyond boundaries`\n *\n * @microcopy - language worth noting:\n * - images are best used when stretched across content\n *\n * @demo demo/index.html\n * @customElement full-width-image\n */", | ||
"attributes": [ | ||
@@ -31,2 +25,3 @@ { | ||
"name": "source", | ||
"attribute": "source", | ||
"type": "string" | ||
@@ -36,18 +31,15 @@ }, | ||
"name": "caption", | ||
"attribute": "caption", | ||
"type": "string" | ||
} | ||
], | ||
"events": [], | ||
"slots": [] | ||
] | ||
}, | ||
{ | ||
"name": "full-width-image" | ||
}, | ||
{ | ||
"name": "full-width-image", | ||
"description": "`full-width-image`\n`full width image that flows beyond boundaries`", | ||
"jsDoc": "/**\n * `full-width-image`\n * `full width image that flows beyond boundaries`\n *\n * @microcopy - language worth noting:\n * - images are best used when stretched across content\n *\n * @demo demo/index.html\n * @customElement full-width-image\n */", | ||
"attributes": [], | ||
"properties": [], | ||
"events": [], | ||
"slots": [] | ||
"description": "`full-width-image`\n`full width image that flows beyond boundaries`" | ||
} | ||
] | ||
} |
@@ -1,2 +0,2 @@ | ||
!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 o(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function r(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 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 c(e,t,n){return(c="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,n){var o=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=i(e)););return e}(e,t);if(o){var r=Object.getOwnPropertyDescriptor(o,t);return r.get?r.get.call(n):r.value}})(e,t,n||e)}function l(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function s(){var e=l(["\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 p(){var e=l(['\n\n<div id="image">\n <div class="wrapper">\n <div class="caption">\n ',"\n <slot></slot>\n </div>\n </div>\n</div>"]);return p=function(){return e},e}var f=function(e){function l(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,l),a(this,i(l).apply(this,arguments))}var f,d,y;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)}(l,t.LitElement),f=l,y=[{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]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(t){r(e,t,n[t])})}return e}({},c(i(l),"properties",this),{source:{type:String,reflect:!0},caption:{type:String,reflect:!0}})}},{key:"tag",get:function(){return"full-width-image"}}],(d=[{key:"render",value:function(){return t.html(p(),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,'")'))}}])&&o(f.prototype,d),y&&o(f,y),l}();window.customElements.define("full-width-image",f),e.FullWidthImage=f,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){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 |
@@ -19,3 +19,3 @@ { | ||
}, | ||
"version": "2.3.3", | ||
"version": "2.3.6", | ||
"description": "full width image that flows beyond boundaries", | ||
@@ -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}' && wca analyze \"**/*.js\" --outFile custom-elements.json", | ||
"build": "../../node_modules/.bin/gulp && ../../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": "concurrently --kill-others \"yarn run watch\" \"yarn run serve\"", | ||
@@ -48,3 +48,3 @@ "watch": "../../node_modules/.bin/gulp dev", | ||
"@lrnwebcomponents/deduping-fix": "^2.1.1", | ||
"@lrnwebcomponents/storybook-utilities": "^2.3.3", | ||
"@lrnwebcomponents/storybook-utilities": "^2.3.6", | ||
"@polymer/iron-component-page": "github:PolymerElements/iron-component-page", | ||
@@ -69,3 +69,3 @@ "@polymer/iron-demo-helpers": "3.1.0", | ||
], | ||
"gitHead": "493ea1a015492311b17a8328eee98e4f6eb12948" | ||
"gitHead": "15ccf147355d2d3a441d65446f094c9d031c17c0" | ||
} |
Sorry, the diff of this file is not supported yet
1810
80741