Socket
Socket
Sign inDemoInstall

@lrnwebcomponents/full-width-image

Package Overview
Dependencies
Maintainers
4
Versions
89
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version 2.1.4 to 2.1.5

13

full-width-image.es6.js

@@ -6,3 +6,2 @@ /**

import { html, PolymerElement } from "@polymer/polymer/polymer-element.js";
import { HAXWiring } from "@lrnwebcomponents/hax-body-behaviors/lib/HAXWiring.js";
/**

@@ -171,14 +170,2 @@ * `full-width-image`

}
/**
* life cycle, element is afixed to the DOM
*/
connectedCallback() {
super.connectedCallback();
this.HAXWiring = new HAXWiring();
this.HAXWiring.setup(
FullWidthImage.haxProperties,
FullWidthImage.tag,
this
);
}
// Observer source for changes

@@ -185,0 +172,0 @@ _sourceChanged(newValue, oldValue) {

@@ -6,3 +6,2 @@ /**

import { html, PolymerElement } from "@polymer/polymer/polymer-element.js";
import { HAXWiring } from "@lrnwebcomponents/hax-body-behaviors/lib/HAXWiring.js";
/**

@@ -171,14 +170,2 @@ * `full-width-image`

}
/**
* life cycle, element is afixed to the DOM
*/
connectedCallback() {
super.connectedCallback();
this.HAXWiring = new HAXWiring();
this.HAXWiring.setup(
FullWidthImage.haxProperties,
FullWidthImage.tag,
this
);
}
// Observer source for changes

@@ -185,0 +172,0 @@ _sourceChanged(newValue, oldValue) {

2

full-width-image.umd.js

@@ -1,2 +0,2 @@

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@polymer/polymer/polymer-element.js"),require("@lrnwebcomponents/hax-body-behaviors/lib/HAXWiring.js")):"function"==typeof define&&define.amd?define(["exports","@polymer/polymer/polymer-element.js","@lrnwebcomponents/hax-body-behaviors/lib/HAXWiring.js"],t):t((e=e||self).FullWidthImage={},e.polymerElement_js,e.HAXWiring_js)}(this,function(e,t,n){"use strict";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){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){return(r=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 c(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 o=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=r(e)););return e}(e,t);if(o){var i=Object.getOwnPropertyDescriptor(o,t);return i.get?i.get.call(n):i.value}})(e,t,n||e)}function u(){var e,t,n=(e=['\n<style>: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}</style>\n<div id="image">\n <div class="wrapper">\n <div class="caption">\n [[caption]]\n <slot></slot>\n </div>\n </div>\n</div>'],t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}})));return u=function(){return n},n}var s=function(e){function s(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,s),c(this,r(s).apply(this,arguments))}var p,f,d;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&&a(e,t)}(s,t.PolymerElement),p=s,d=[{key:"template",get:function(){return t.html(u())}},{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(){var e={source:{name:"source",type:String,reflectToAttributes:!0,observer:"_sourceChanged"},caption:{name:"caption",type:String,reflectToAttributes:!0}};return l(r(s),"properties",this)&&(e=Object.assign(e,l(r(s),"properties",this))),e}},{key:"tag",get:function(){return"full-width-image"}}],(f=[{key:"connectedCallback",value:function(){l(r(s.prototype),"connectedCallback",this).call(this),this.HAXWiring=new n.HAXWiring,this.HAXWiring.setup(s.haxProperties,s.tag,this)}},{key:"_sourceChanged",value:function(e,t){"undefined"!==o(e)&&(this.$.image.style.backgroundImage='url("'.concat(e,'")'))}}])&&i(p.prototype,f),d&&i(p,d),s}();window.customElements.define("full-width-image",s),e.FullWidthImage=s,Object.defineProperty(e,"__esModule",{value:!0})});
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@polymer/polymer/polymer-element.js")):"function"==typeof define&&define.amd?define(["exports","@polymer/polymer/polymer-element.js"],t):t((e=e||self).FullWidthImage={},e.polymerElement_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){return(r=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function i(e,t){return(i=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=r(e)););return e}(e,t);if(o){var i=Object.getOwnPropertyDescriptor(o,t);return i.get?i.get.call(n):i.value}})(e,t,n||e)}function u(){var e,t,n=(e=['\n<style>: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}</style>\n<div id="image">\n <div class="wrapper">\n <div class="caption">\n [[caption]]\n <slot></slot>\n </div>\n </div>\n</div>'],t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}})));return u=function(){return n},n}var l=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,r(l).apply(this,arguments))}var p,s,f;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&&i(e,t)}(l,t.PolymerElement),p=l,f=[{key:"template",get:function(){return t.html(u())}},{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(){var e={source:{name:"source",type:String,reflectToAttributes:!0,observer:"_sourceChanged"},caption:{name:"caption",type:String,reflectToAttributes:!0}};return c(r(l),"properties",this)&&(e=Object.assign(e,c(r(l),"properties",this))),e}},{key:"tag",get:function(){return"full-width-image"}}],(s=[{key:"_sourceChanged",value:function(e,t){"undefined"!==n(e)&&(this.$.image.style.backgroundImage='url("'.concat(e,'")'))}}])&&o(p.prototype,s),f&&o(p,f),l}();window.customElements.define("full-width-image",l),e.FullWidthImage=l,Object.defineProperty(e,"__esModule",{value:!0})});
//# sourceMappingURL=full-width-image.umd.js.map

@@ -19,3 +19,3 @@ {

},
"version": "2.1.4",
"version": "2.1.5",
"description": "full width image that flows beyond boundaries",

@@ -43,3 +43,2 @@ "repository": {

"dependencies": {
"@lrnwebcomponents/hax-body-behaviors": "^2.1.4",
"@polymer/polymer": "^3.2.0"

@@ -69,3 +68,3 @@ },

],
"gitHead": "ff737f87266a717930bde80432ceb95c1d64c6e8"
"gitHead": "a1b49056cb2a6c0b2a333fc9360a4539297b1a30"
}

@@ -6,3 +6,2 @@ /**

import { html, PolymerElement } from "@polymer/polymer/polymer-element.js";
import { HAXWiring } from "@lrnwebcomponents/hax-body-behaviors/lib/HAXWiring.js";
/**

@@ -29,14 +28,2 @@ * `full-width-image`

}
/**
* life cycle, element is afixed to the DOM
*/
connectedCallback() {
super.connectedCallback();
this.HAXWiring = new HAXWiring();
this.HAXWiring.setup(
FullWidthImage.haxProperties,
FullWidthImage.tag,
this
);
}
// Observer source for changes

@@ -43,0 +30,0 @@ _sourceChanged(newValue, oldValue) {

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc