@proximus/lavender-common 1.4.8-beta.2 → 1.4.8

package/dist/index.es.js

@@ -1,8 +1,8 @@
-var A = (i) => {
+var w = (i) => {
   throw TypeError(i);
 };
-var S = (i, t, s) => t.has(i) || A("Cannot " + s);
-var a = (i, t, s) => (S(i, t, "read from private field"), s ? s.call(i) : t.get(i)), d = (i, t, s) => t.has(i) ? A("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, s), p = (i, t, s, e) => (S(i, t, "write to private field"), e ? e.call(i, s) : t.set(i, s), s);
+var A = (i, t, s) => t.has(i) || w("Cannot " + s);
+var a = (i, t, s) => (A(i, t, "read from private field"), s ? s.call(i) : t.get(i)), d = (i, t, s) => t.has(i) ? w("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, s), p = (i, t, s, e) => (A(i, t, "write to private field"), e ? e.call(i, s) : t.set(i, s), s);
 const C = ":host([grow]){flex-grow:var(--grow-value)}:host([shrink]){flex-shrink:var(--shrink-value)}:host([basis]){flex-basis:var(--basis-value)}:host([align-self]){align-self:var(--align-self-value)}:host([col-span]){grid-column:span var(--col-span-value) / span var(--col-span-value)}:host([justify-self]){justify-self:var(--justify-self-value)}:host([order]),::slotted([order]){order:var(--order-value)}:host([sticky-top]){position:sticky;top:0}:host([sticky-bottom]){position:sticky;bottom:0}:host([hidden]),::slotted([hidden]){display:none}:host([shown--sr]),::slotted(*[shown--sr]){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media screen and (max-width: 767px){:host([hidden--mobile]),::slotted([hidden--mobile]){display:none}:host([grow--mobile]){flex-grow:var(--grow--mobile-value)!important}:host([shrink--mobile]){flex-shrink:var(--shrink--mobile-value)!important}:host([basis--mobile]){flex-basis:var(--basis--mobile-value)!important}:host([align-self--mobile]){align-self:var(--align-self--mobile-value)!important}:host([col-span--mobile]){grid-column:span var(--col-span--mobile-value) / span var(--col-span--mobile-value)!important}:host([justify-self--mobile]){justify-self:var(--justify-self--mobile-value)!important}:host([order--mobile]),::slotted([order--mobile]){order:var(--order--mobile-value)!important}:host([shown--sr--mobile]),::slotted(*[shown--sr--mobile]){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}@media screen and (min-width: 768px) and (max-width: 1024px){:host([hidden--tablet]),::slotted([hidden--tablet]){display:none}:host([grow--tablet]){flex-grow:var(--grow--tablet-value)!important}:host([shrink--tablet]){flex-shrink:var(--shrink--tablet-value)!important}:host([basis--tablet]){flex-basis:var(--basis--tablet-value)!important}:host([align-self--tablet]){align-self:var(--align-self--tablet-value)!important}:host([col-span--tablet]){grid-column:span var(--col-span--tablet-value) / span var(--col-span--tablet-value)!important}:host([justify-self--tablet]){justify-self:var(--justify-self--tablet-value)!important}:host([order--tablet]),::slotted([order--tablet]){order:var(--order--tablet-value)!important}:host([shown--sr--tablet]),::slotted(*[shown--sr--tablet]){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}@media screen and (min-width: 1025px){:host([shown--sr--laptop]),::slotted(*[shown--sr--laptop]){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}@media screen and (min-width: 1025px){:host([hidden--laptop]),::slotted([hidden--laptop]){display:none!important}:host([grow--laptop]){flex-grow:var(--grow--laptop-value)!important}:host([shrink--laptop]){flex-shrink:var(--shrink--laptop-value)!important}:host([basis--laptop]){flex-basis:var(--basis--laptop-value)!important}:host([align-self--laptop]){align-self:var(--align-self--laptop-value)!important}:host([col-span--laptop]){grid-column:span var(--col-span--laptop-value) / span var(--col-span--laptop-value)!important}:host([justify-self--laptop]){justify-self:var(--justify-self--laptop-value)!important}:host([order--laptop]),::slotted([order--laptop]){order:var(--order--laptop-value)!important}}@media screen and (min-width: 1441px){:host([col-span--desktop]){grid-column:span var(--col-span--desktop-value) / span var(--col-span--desktop-value)!important}:host([justify-self--desktop]){justify-self:var(--justify-self--desktop-value)!important}:host([order--desktop]),::slotted([order--desktop]){order:var(--order--desktop-value)!important}:host([hidden--desktop]),::slotted([hidden--desktop]){display:none!important}:host([grow--desktop]){flex-grow:var(--grow--desktop-value)!important}:host([shrink--desktop]){flex-shrink:var(--shrink--desktop-value)!important}:host([basis--desktop]){flex-basis:var(--basis--desktop-value)!important}:host([align-self--desktop]){align-self:var(--align-self--desktop-value)!important}}", L = {};
 function N(i) {
   const t = document.createElement(i), s = Object.getPrototypeOf(t);
@@ -14,15 +14,14 @@ function M(i) {
     (e) => e.toLowerCase()
   );
 }
-const $ = new CSSStyleSheet();
-$.replaceSync(C);
-const D = typeof import.meta < "u" && typeof L < "u" && !0;
-typeof window < "u" && (window.isComponentDebug = v);
-function v() {
+const S = new CSSStyleSheet();
+S.replaceSync(C);
+const D = typeof import.meta < "u" && typeof L < "u" && !1;
+typeof window < "u" && (window.isComponentDebug = $);
+function $() {
   return D;
 }
-function T(i) {
-  v() && console.error(i);
+function V(i) {
 }
 var c, n, g, h, u, m, x;
 class R {
@@ -82,10 +81,10 @@ class R {
 }
 c = new WeakMap(), n = new WeakMap(), g = new WeakMap(), h = new WeakMap(), u = new WeakMap(), m = new WeakSet(), x = function() {
   return Array.from(a(this, c).querySelectorAll("*")).filter(
-    E
+    T
   );
 };
-function E(i) {
+function T(i) {
   var s;
   if (i.hasAttribute("interactive-state"))
     return !0;
@@ -94,8 +93,8 @@ function E(i) {
   );
   return ((s = t == null ? void 0 : t.observedAttributes) == null ? void 0 : s.includes("interactive-state")) ?? !1;
 }
-typeof window < "u" && (window.isComponentDebug = v);
-class y extends HTMLElement {
+typeof window < "u" && (window.isComponentDebug = $);
+class v extends HTMLElement {
   static get observedAttributes() {
     return [
       "grow",
@@ -149,13 +148,13 @@ class y extends HTMLElement {
   }
   constructor(...t) {
     super(), this.shadowRoot || this.attachShadow({ mode: "open" }), this.shadowRoot.adoptedStyleSheets = [
-      $,
+      S,
       ...t
     ];
   }
   attributeChangedCallback(t, s, e) {
     var o;
-    if (y.observedAttributes.indexOf(t) !== -1)
+    if (v.observedAttributes.indexOf(t) !== -1)
       switch (t) {
         case "grow":
         case "grow--mobile":
@@ -183,7 +182,7 @@ class y extends HTMLElement {
             t,
             s,
             e,
-            ((o = this.parentElement) == null ? void 0 : o.localName) === "px-grid" ? I : O
+            ((o = this.parentElement) == null ? void 0 : o.localName) === "px-grid" ? O : E
           );
           break;
         case "justify-self":
@@ -195,7 +194,7 @@ class y extends HTMLElement {
             t,
             s,
             e,
-            _
+            I
           );
           break;
         case "col-span":
@@ -203,21 +202,19 @@ class y extends HTMLElement {
         case "col-span--tablet":
         case "col-span--laptop":
         case "col-span--desktop":
-          this.updateProperties(t, s, e, q);
+          this.updateProperties(t, s, e, _);
           break;
         case "order":
         case "order--mobile":
         case "order--tablet":
         case "order--laptop":
         case "order--desktop":
-          this.updateProperties(t, s, e, P);
+          this.updateProperties(t, s, e, q);
           break;
       }
   }
   updateProperties(t, s, e, o) {
-    o && (this.checkName(o, e) || T(
-      `${e} is not an allowed ${o} value for ${this.tagName.toLowerCase()}`
-    ));
+    o && (this.checkName(o, e) || (`${e}${o}${this.tagName.toLowerCase()}`, void 0));
     const l = t.indexOf("--") > -1, b = l ? t.split("--")[0] : t;
     if (!l)
       this.style.setProperty(
@@ -502,7 +499,7 @@ class y extends HTMLElement {
     this.setAttribute("order--desktop", t);
   }
 }
-const w = class w extends y {
+const y = class y extends v {
   // nativeName: string;
   static get observedAttributes() {
     return [
@@ -548,14 +545,14 @@ const w = class w extends y {
     s ? this.setAttribute(t, "") : this.removeAttribute(t);
   }
 };
-w.accessorExclusions = [];
-let k = w;
+y.accessorExclusions = [];
+let k = y;
 class z extends k {
   connectedCallback() {
     this.isInsideGridOrStack && (this.$el.style.display = "block", this.$el.style.height = "100%");
   }
 }
-const W = ["", "default", "none", "l"], O = [
+const W = ["", "default", "none", "l"], E = [
   "",
   "default",
   "auto",
@@ -564,21 +561,21 @@ const W = ["", "default", "none", "l"], O = [
   "center",
   "baseline",
   "stretch"
-], I = [
+], O = [
   "",
   "default",
   "start",
   "end",
   "center",
   "stretch"
-], _ = [
+], I = [
   "",
   "default",
   "start",
   "end",
   "center",
   "stretch"
-], q = [
+], _ = [
   "",
   "1",
   "2",
@@ -592,7 +589,7 @@ const W = ["", "default", "none", "l"], O = [
   "10",
   "11",
   "12"
-], P = [
+], q = [
   "",
   "-1",
   "0",
@@ -655,10 +652,10 @@ const W = ["", "default", "none", "l"], O = [
   "title",
   "title-large",
   "subtitle"
-], G = ["Xs", "S", "M", "L", "Xl"], J = [
+], P = ["Xs", "S", "M", "L", "Xl"], J = [
   "",
   "default",
-  ...G.map((i) => i.toLowerCase())
+  ...P.map((i) => i.toLowerCase())
 ], K = ["", "default", "left", "center", "right"], Q = [
   "",
   "none",
@@ -817,7 +814,7 @@ function bt() {
 function dt(i, t) {
   return i.includes(t);
 }
-const B = [
+const G = [
   "aria-label",
   "aria-labelledby",
   "aria-describedby",
@@ -854,7 +851,7 @@ const B = [
 ];
 function ct(i, t, s = !1) {
   var e;
-  if (B.forEach((o) => {
+  if (G.forEach((o) => {
     i.getAttribute(o) && (t.setAttribute(o, i.getAttribute(o)), i.removeAttribute(o));
   }), s && !i.getAttribute("aria-labelledby")) {
     const o = `px-${((e = t.localName) == null ? void 0 : e.toLowerCase()) ?? "component"}-${Math.random().toString(36).substring(2, 15)}`;
@@ -991,9 +988,9 @@ export {
   ft as AttributeBreakpointHandlerDelegate,
   k as PxElement,
   z as VerticallyExtendedElement,
-  y as WithExtraAttributes,
+  v as WithExtraAttributes,
   R as WrappedInteractiveStateController,
-  B as accessibilityAttributes,
+  G as accessibilityAttributes,
   ht as addGlobalStylesheet,
   pt as assetContainerImgWidthValues,
   st as backgroundColorValues,
@@ -1005,13 +1002,13 @@ export {
   ot as boxShadowValues,
   dt as checkName,
   F as colorValues,
-  I as cssGridAlignSelfValues,
-  q as cssGridColSpanValues,
-  _ as cssGridJustifySelfValues,
-  P as cssGridOrderValues,
+  O as cssGridAlignSelfValues,
+  _ as cssGridColSpanValues,
+  I as cssGridJustifySelfValues,
+  q as cssGridOrderValues,
   H as cssGridPlaceSelfValues,
   gt as cssTokenBreakpoints,
-  O as flexboxAlignSelfValues,
+  E as flexboxAlignSelfValues,
   X as fontsizeValues,
   U as fontweightValues,
   lt as gapValues,
@@ -1021,11 +1018,11 @@ export {
   at as gradientValues,
   W as gridGapValues,
   rt as headingValues,
-  G as iconSizeValues,
+  P as iconSizeValues,
   J as iconSizeValuesKC,
-  v as isComponentDebug,
+  $ as isComponentDebug,
   ut as isFalsy,
-  T as log,
+  V as log,
   nt as noBorderRadiusValues,
   Q as paddingValues,
   K as textalignValues,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proximus/lavender-common",
-  "version": "1.4.8-beta.2",
+  "version": "1.4.8",
   "description": "",
   "main": "dist/index.es.js",
   "types": "dist/index.d.ts",