cp-card - npm Package Compare versions

Comparing version 0.1.2 to 0.1.3

cp-card.compiled.js

@@ -1,1 +0,1 @@
-!function(e,n){if("function"==typeof define&&define.amd)define(["../cp-styles/cp-styles.compiled.js"],n);else if("undefined"!=typeof exports)n(require("../cp-styles/cp-styles.compiled.js"));else{var t={exports:{}};n(e.cpStylesCompiled),e.cpCard=t.exports}}(this,function(){"use strict";function e(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}function n(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}function t(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}var o=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),r=document.createElement("template");r.innerHTML="\n  <style>:host {\n  display: block;\n  padding: 32px;\n  background: #252525;\n  color: #fff;\n  border: 1px solid #252525; }\n\n:host(.light) {\n  background: #f0f0f0;\n  color: #252525;\n  border-color: #f0f0f0; }\n\n:host(.accent) {\n  background: #08c0fc;\n  border-color: #08c0fc; }\n\n:host(.bordered) {\n  background: none;\n  border-color: #d1d1d1;\n  color: #252525; }\n</style>\n\n  <h3></h3>\n  <slot></slot>\n",window.ShadyCSS&&ShadyCSS.prepareTemplate(r,"cp-card");var c=function(c){function i(){e(this,i);var t=n(this,(i.__proto__||Object.getPrototypeOf(i)).call(this));return t.attachShadow({mode:"open"}),t.shadowRoot.appendChild(r.content.cloneNode(!0)),t}return t(i,HTMLElement),o(i,[{key:"connectedCallback",value:function(){window.ShadyCSS&&ShadyCSS.styleElement(this)}}]),i}();window.customElements.define("cp-card",c)});
+!function(e,n){if("function"==typeof define&&define.amd)define(["../cp-styles/cp-styles.compiled.js"],n);else if("undefined"!=typeof exports)n(require("../cp-styles/cp-styles.compiled.js"));else{var t={exports:{}};n(e.cpStylesCompiled),e.cpCard=t.exports}}(this,function(){"use strict";function e(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}function n(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}function t(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}var o=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),r=document.createElement("template");r.innerHTML="\n  <style>:host {\n  display: block;\n  padding: 32px;\n  background: #252525;\n  color: #fff;\n  border: 1px solid #252525; }\n\n:host(.light) {\n  background: #f0f0f0;\n  color: #252525;\n  border-color: #f0f0f0; }\n\n:host(.accent) {\n  background: #08c0fc;\n  border-color: #08c0fc; }\n\n:host(.bordered) {\n  background: none;\n  border-color: #d1d1d1;\n  color: #252525; }\n</style>\n\n  <h3></h3>\n  <slot></slot>\n",window.ShadyCSS&&ShadyCSS.prepareTemplate(r,"cp-card");var c=function(c){function i(){e(this,i);var t=n(this,(i.__proto__||Object.getPrototypeOf(i)).call(this));return t.attachShadow({mode:"open"}),t.shadowRoot.appendChild(r.content.cloneNode(!0)),t}return t(i,HTMLElement),o(i,[{key:"connectedCallback",value:function(){window.ShadyCSS&&ShadyCSS.styleElement(this)}},{key:"attributeChangedCallback",value:function(e,n,t){"heading"===e&&(this.shadowRoot.querySelector("h3").textContent=t)}}],[{key:"observedAttributes",get:function(){return["heading"]}}]),i}();window.customElements.define("cp-card",c)});

cp-card.js

@@ -48,4 +48,14 @@ import '../cp-styles/cp-styles.js';
   }
+
+  static get observedAttributes() {
+    return ['heading'];
+  }
+
+  attributeChangedCallback(attr, oldValue, newValue) {
+    if (attr === 'heading') {
+      this.shadowRoot.querySelector('h3').textContent = newValue;
+    }
+  }
 }
 
 window.customElements.define('cp-card', CpCard);

package.json

 {
   "name": "cp-card",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Card element for RHElements",
@@ -5,0 +5,0 @@ "repository": {

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

Improved metrics

Total package byte prevSize

7027

increased by6.24%

Lines of code

111

increased by7.77%

No dependency changes