@proximus/lavender-card 2.0.0-alpha.100 → 2.0.0-alpha.101

package/dist/index.es.js

@@ -11,7 +11,7 @@ const C = [
   "",
   "container-default",
   "container-light"
-], w = ["", "s", "m", "l"], q = ["", "s", "m"], R = ["", "top", "left", "background"], L = (r, n, t) => `:host([${r}${t ? `--${t}` : ""}='${n}']) .card__content`, M = "px-padding";
+], w = ["", "s", "m", "l"], j = ["", "s", "m"], q = ["", "top", "left", "background"], L = (r, n, t) => `:host([${r}${t ? `--${t}` : ""}='${n}']) .card__content`, M = "px-padding";
 var i, l, p, z;
 const m = class m extends y {
   constructor() {
@@ -76,22 +76,22 @@ const m = class m extends y {
       "media-src--laptop"
     ];
   }
-  attributeChangedCallback(t, o, e) {
-    if (o !== e)
+  attributeChangedCallback(t, a, e) {
+    if (a !== e)
       switch (t) {
         case "inverted":
           if (e === null || e === "") {
             this.$container.setAttribute("inverted", "");
-            for (let a = 0; a < this.$children.length; a++)
-              this.$children[a].setAttribute("inverted", "");
+            for (let o = 0; o < this.$children.length; o++)
+              this.$children[o].setAttribute("inverted", "");
           } else {
             this.$container.removeAttribute("inverted");
-            for (let a = 0; a < this.$children.length; a++)
-              this.$children[a].removeAttribute("inverted");
+            for (let o = 0; o < this.$children.length; o++)
+              this.$children[o].removeAttribute("inverted");
           }
           break;
         case "background-color":
-          s(this, i, z).call(this, t, o, e, C);
+          s(this, i, z).call(this, t, a, e, C);
           break;
         case "background-size":
           this.$container.setAttribute("background-size", e);
@@ -124,7 +124,7 @@ const m = class m extends y {
           s(this, i, p).call(this, e, "laptop");
           break;
         default:
-          super.attributeChangedCallback(t, o, e);
+          super.attributeChangedCallback(t, a, e);
           break;
       }
   }
@@ -273,14 +273,14 @@ const m = class m extends y {
     super._updateAttribute("media-src--laptop", t);
   }
 };
-i = new WeakSet(), l = function(t, o) {
-  const e = o ? `direction--${o}` : "direction";
-  t === "left" ? (this.$stackContainer.setAttribute(e, "row"), o === "laptop" ? this.$stackContainer.setAttribute("direction--desktop", "row") : this.$stackContainer.removeAttribute("direction--desktop")) : (t === "top" || t === "null") && (this.$stackContainer.setAttribute(e, "column"), o === "laptop" ? this.$stackContainer.setAttribute("direction--desktop", "column") : this.$stackContainer.removeAttribute("direction--desktop"));
-}, p = function(t, o) {
-  var e, a, c, d, u, h, g, f;
-  switch (o) {
+i = new WeakSet(), l = function(t, a) {
+  const e = a ? `direction--${a}` : "direction";
+  t === "left" ? (this.$stackContainer.setAttribute(e, "row"), a === "laptop" ? this.$stackContainer.setAttribute("direction--desktop", "row") : this.$stackContainer.removeAttribute("direction--desktop")) : (t === "top" || t === "null") && (this.$stackContainer.setAttribute(e, "column"), a === "laptop" ? this.$stackContainer.setAttribute("direction--desktop", "column") : this.$stackContainer.removeAttribute("direction--desktop"));
+}, p = function(t, a) {
+  var e, o, c, d, u, h, g, f;
+  switch (a) {
     case "mobile":
-      (this.mediaPosition === "background" || this.mediaPositionMobile === "background") && this.$container.setAttribute("background-image--mobile", t), t ? (e = this.$pictureSourceMobile) == null || e.setAttribute("srcset", t) : (a = this.$pictureSourceMobile) == null || a.removeAttribute("srcset");
+      (this.mediaPosition === "background" || this.mediaPositionMobile === "background") && this.$container.setAttribute("background-image--mobile", t), t ? (e = this.$pictureSourceMobile) == null || e.setAttribute("srcset", t) : (o = this.$pictureSourceMobile) == null || o.removeAttribute("srcset");
       break;
     case "tablet":
       (this.mediaPosition === "background" || this.mediaPositionTablet === "background") && this.$container.setAttribute("background-image--tablet", t), t ? (c = this.$pictureSourceTablet) == null || c.setAttribute("srcset", t) : (d = this.$pictureSourceTablet) == null || d.removeAttribute("srcset");
@@ -291,10 +291,10 @@ i = new WeakSet(), l = function(t, o) {
     default:
       this.mediaPosition === "background" && this.$container.setAttribute("background-image", t), t ? (g = this.$img) == null || g.setAttribute("src", t) : (f = this.$img) == null || f.removeAttribute("src");
   }
-}, z = function(t, o, e, a) {
-  if (!S(a, e)) {
+}, z = function(t, a, e, o) {
+  if (!S(o, e)) {
     P(
-      `${e} is not an allowed ${t} value for ${this.tagName.toLowerCase()}`
+      `"${e}" is not a valid ${t} value for ${this.tagName.toLowerCase()}. Allowed values are: "${o.join('", "')}".`
     );
     return;
   }
@@ -307,14 +307,14 @@ i = new WeakSet(), l = function(t, o) {
       `var(--px-color-background-${d}-inverted)`
     ));
   };
-  c(o), c(e);
+  c(a), c(e);
 }, m.nativeName = "a";
 let b = m;
 customElements.get("px-card") || customElements.define("px-card", b);
 export {
   b as Card,
   C as cardBackgroundColorValues,
-  q as cardMediaLeftSizeValues,
-  R as cardMediaPositionValues,
+  j as cardMediaLeftSizeValues,
+  q as cardMediaPositionValues,
   w as cardPaddingValues
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proximus/lavender-card",
-  "version": "2.0.0-alpha.100",
+  "version": "2.0.0-alpha.101",
   "description": "",
   "main": "dist/index.es.js",
   "types": "dist/index.d.ts",