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

Comparing version 2.0.5 to 2.0.6

full-width-image.amd.js

@@ -1,1 +0,1 @@
-define(["exports","./node_modules/@polymer/polymer/polymer-element.js","./node_modules/@lrnwebcomponents/hax-body-behaviors/lib/HAXWiring.js"],function(_exports,_polymerElement,_HAXWiring){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.FullWidthImage=void 0;function _templateObject_96768e902fe111e986836d40eeb34a12(){var data=babelHelpers.taggedTemplateLiteral(["\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>"]);_templateObject_96768e902fe111e986836d40eeb34a12=function _templateObject_96768e902fe111e986836d40eeb34a12(){return data};return data}var FullWidthImage=function(_PolymerElement){babelHelpers.inherits(FullWidthImage,_PolymerElement);function FullWidthImage(){babelHelpers.classCallCheck(this,FullWidthImage);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(FullWidthImage).apply(this,arguments))}babelHelpers.createClass(FullWidthImage,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(FullWidthImage.prototype),"connectedCallback",this).call(this);this.HAXWiring=new _HAXWiring.HAXWiring;this.HAXWiring.setup(FullWidthImage.haxProperties,FullWidthImage.tag,this)}},{key:"_sourceChanged",value:function _sourceChanged(newValue,oldValue){if(babelHelpers.typeof(newValue)!==("undefined"===typeof void 0?"undefined":babelHelpers.typeof(void 0))){this.$.image.style.backgroundImage="url(\"".concat(newValue,"\")")}}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_96768e902fe111e986836d40eeb34a12())}},{key:"haxProperties",get:function get(){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:"textfield",required:!0,icon:"icons:link",validationType:"url"},{property:"caption",description:"",inputMethod:"textfield"}],advanced:[]}}}},{key:"properties",get:function get(){return{source:{name:"source",type:"String",reflectToAttributes:!0,observer:"_sourceChanged"},caption:{name:"caption",type:"String",reflectToAttributes:!0}}}},{key:"tag",get:function get(){return"full-width-image"}}]);return FullWidthImage}(_polymerElement.PolymerElement);_exports.FullWidthImage=FullWidthImage;window.customElements.define("full-width-image",FullWidthImage)});
+define(["exports","./node_modules/@polymer/polymer/polymer-element.js","./node_modules/@lrnwebcomponents/hax-body-behaviors/lib/HAXWiring.js"],function(_exports,_polymerElement,_HAXWiring){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.FullWidthImage=void 0;function _templateObject_bb0bb5e0344711e9b3460b45b75491ca(){var data=babelHelpers.taggedTemplateLiteral(["\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>"]);_templateObject_bb0bb5e0344711e9b3460b45b75491ca=function _templateObject_bb0bb5e0344711e9b3460b45b75491ca(){return data};return data}var FullWidthImage=function(_PolymerElement){babelHelpers.inherits(FullWidthImage,_PolymerElement);function FullWidthImage(){babelHelpers.classCallCheck(this,FullWidthImage);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(FullWidthImage).apply(this,arguments))}babelHelpers.createClass(FullWidthImage,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(FullWidthImage.prototype),"connectedCallback",this).call(this);this.HAXWiring=new _HAXWiring.HAXWiring;this.HAXWiring.setup(FullWidthImage.haxProperties,FullWidthImage.tag,this)}},{key:"_sourceChanged",value:function _sourceChanged(newValue,oldValue){if(babelHelpers.typeof(newValue)!==("undefined"===typeof void 0?"undefined":babelHelpers.typeof(void 0))){this.$.image.style.backgroundImage="url(\"".concat(newValue,"\")")}}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_bb0bb5e0344711e9b3460b45b75491ca())}},{key:"haxProperties",get:function get(){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:"textfield",required:!0,icon:"icons:link",validationType:"url"},{property:"caption",description:"",inputMethod:"textfield"}],advanced:[]}}}},{key:"properties",get:function get(){return{source:{name:"source",type:"String",reflectToAttributes:!0,observer:"_sourceChanged"},caption:{name:"caption",type:"String",reflectToAttributes:!0}}}},{key:"tag",get:function get(){return"full-width-image"}}]);return FullWidthImage}(_polymerElement.PolymerElement);_exports.FullWidthImage=FullWidthImage;window.customElements.define("full-width-image",FullWidthImage)});

package.json

@@ -19,3 +19,3 @@ {
   },
-  "version": "2.0.5",
+  "version": "2.0.6",
   "description": "full width image that flows beyond boundaries",
@@ -69,3 +69,3 @@ "repository": {
   ],
-  "gitHead": "b194052c2f5e13047b463851675568a5c113b32f"
+  "gitHead": "2eb358e606b807a0b9bac11f3476674fe8c6cd2c"
 }

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

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

No metric changes

No dependency changes