@proximus/lavender-carousel 1.4.5-beta.1 → 1.4.5-beta.2

package/dist/index.es.js

@@ -3,7 +3,7 @@ var O = (s) => {
 };
 var N = (s, t, e) => t.has(s) || O("Cannot " + e);
 var d = (s, t, e) => (N(s, t, "read from private field"), e ? e.call(s) : t.get(s)), k = (s, t, e) => t.has(s) ? O("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(s) : t.set(s, e), j = (s, t, e, i) => (N(s, t, "write to private field"), i ? i.call(s, e) : t.set(s, e), e);
-import { WithExtraAttributes as I, AttributeBreakpointHandlerDelegate as B, gapValues as G, checkName as ot, log as x, backgroundColorValues as rt, PxElement as at, transferAccessibilityAttributes as nt, iconSizeValuesKC as lt, cssTokenBreakpoints as ct } from "@proximus/lavender-common";
+import { WithExtraAttributes as I, AttributeBreakpointHandlerDelegate as B, gapValues as G, checkName as ot, log as x, backgroundColorValues as at, PxElement as rt, accessibilityAttributes as nt, iconSizeValuesKC as lt, cssTokenBreakpoints as ct } from "@proximus/lavender-common";
 const dt = ":host{display:block}:host *{box-sizing:border-box}.carousel{overflow:hidden;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:var(--px-spacing-default-desktop)}@media only screen and (max-width: 768px){.carousel{gap:var(--px-spacing-default-mobile)}}#appleseed-container{margin-inline:var(--px-spacing-s-mobile)}@media only screen and (max-width: 768px){#button-icons{display:none}}.carousel::-webkit-scrollbar{display:none}", pt = "::slotted(*){border-radius:var(--px-radius-main);height:100%}.carousel-item{height:100%}:host{scroll-snap-align:start;align-items:center;justify-content:center;flex:1 0 var( --px-carousel-min-width-desktop, var(--px-carousel-min-width-all-desktop) );border-radius:var(--px-radius-main);background:#fff;overflow:hidden}@media screen and (max-width: 768px){:host{scroll-snap-align:center;flex:1 0 var( --px-carousel-min-width-mobile, var(--px-carousel-min-width-all-mobile) )!important}}@media screen and (min-width: 768px) and (max-width: 1024px){:host{flex:1 0 var( --px-carousel-min-width-tablet, var(--px-carousel-min-width-all-tablet) )!important}}", ht = ':host{display:block}:host ::slotted(px-h1[auto-spacing]),:host ::slotted(px-h2[auto-spacing]),:host ::slotted(px-h3[auto-spacing]),:host ::slotted(px-h4[auto-spacing]),:host ::slotted(px-h5[auto-spacing]),:host ::slotted(px-h6[auto-spacing]){margin-bottom:calc(var(--px-spacing-heading-to-content-mobile) - var(--host-gap--mobile))}:host([overflow-x="auto"]){margin:calc(calc(var(--px-focus-outline-mobile) + var(--px-focus-offset-mobile)) * -1)}:host([overflow-x="auto"]) .flex-container{padding:calc(var(--px-focus-outline-mobile) + var(--px-focus-offset-mobile))}.flex-container{display:flex;height:100%;width:100%;box-sizing:border-box;flex-direction:var(--flex-direction--mobile-value);gap:var(--flex-gap--mobile-value);flex-wrap:var(--flex-wrap--mobile-value);justify-content:var(--flex-justify-content--mobile-value);align-items:var(--flex-align-items--mobile-value);overflow-x:var(--overflow-x-all)}@media only screen and (max-width: 47.9375em){.flex-container{overflow-x:var(--overflow-x-all-mobile, var(--overflow-x-all));scrollbar-width:none}.flex-container::-webkit-scrollbar{display:none}}@media only screen and (min-width: 48em){.flex-container{flex-direction:var(--flex-direction--tablet-value);gap:var(--flex-gap--tablet-value);flex-wrap:var(--flex-wrap--tablet-value);justify-content:var(--flex-justify-content--tablet-value);align-items:var(--flex-align-items--tablet-value)}:host ::slotted(px-h1[auto-spacing]),:host ::slotted(px-h2[auto-spacing]),:host ::slotted(px-h3[auto-spacing]),:host ::slotted(px-h4[auto-spacing]),:host ::slotted(px-h5[auto-spacing]),:host ::slotted(px-h6[auto-spacing]){margin-bottom:calc(var(--px-spacing-heading-to-content-tablet) - var(--host-gap--tablet))}:host([overflow-x="auto"]){margin:calc(calc(var(--px-focus-outline-tablet) + var(--px-focus-offset-tablet)) * -1)}:host([overflow-x="auto"]) .flex-container{padding:calc(var(--px-focus-outline-tablet) + var(--px-focus-offset-tablet))}}@media only screen and (min-width: 48em) and (max-width: 64em){.flex-container{overflow-x:var(--overflow-x-all-tablet, var(--overflow-x-all));scrollbar-width:none}.flex-container::-webkit-scrollbar{display:none}}@media only screen and (min-width: 64.0625em){.flex-container{flex-direction:var(--flex-direction--laptop-value);gap:var(--flex-gap--laptop-value);flex-wrap:var(--flex-wrap--laptop-value);justify-content:var(--flex-justify-content--laptop-value);align-items:var(--flex-align-items--laptop-value)}:host ::slotted(px-h1[auto-spacing]),:host ::slotted(px-h2[auto-spacing]),:host ::slotted(px-h3[auto-spacing]),:host ::slotted(px-h4[auto-spacing]),:host ::slotted(px-h5[auto-spacing]),:host ::slotted(px-h6[auto-spacing]){margin-bottom:calc(var(--px-spacing-heading-to-content-laptop) - var(--host-gap--laptop))}:host([overflow-x="auto"]){margin:calc(calc(var(--px-focus-outline-laptop) + var(--px-focus-offset-laptop)) * -1)}:host([overflow-x="auto"]) .flex-container{padding:calc(var(--px-focus-outline-laptop) + var(--px-focus-offset-laptop))}}@media only screen and (min-width: 64.0625em) and (max-width: 90em){.flex-container{overflow-x:var(--overflow-x-all-laptop, var(--overflow-x-all))}}@media only screen and (min-width: 90.0625em){.flex-container{flex-direction:var(--flex-direction--desktop-value);gap:var(--flex-gap--desktop-value);flex-wrap:var(--flex-wrap--desktop-value);justify-content:var(--flex-justify-content--desktop-value);align-items:var(--flex-align-items--desktop-value);overflow-x:var(--overflow-x-all-desktop, var(--overflow-x-all))}:host ::slotted(px-h1[auto-spacing]),:host ::slotted(px-h2[auto-spacing]),:host ::slotted(px-h3[auto-spacing]),:host ::slotted(px-h4[auto-spacing]),:host ::slotted(px-h5[auto-spacing]),:host ::slotted(px-h6[auto-spacing]){margin-bottom:calc(var(--px-spacing-heading-to-content-desktop) - var(--host-gap--desktop))}:host([overflow-x="auto"]){margin:calc(calc(var(--px-focus-outline-desktop) + var(--px-focus-offset-desktop)) * -1)}:host([overflow-x="auto"]) .flex-container{padding:calc(var(--px-focus-outline-desktop) + var(--px-focus-offset-desktop))}}', Z = new CSSStyleSheet();
 Z.replaceSync(ht);
 const ut = [
@@ -151,9 +151,9 @@ class R extends I {
     this.checkName(o, i) || x(
       `${i} is not an allowed ${t} value for ${this.tagName.toLowerCase()}`
     );
-    const n = t.indexOf("--") > -1, l = n ? t.split("--")[0] : t, a = [];
+    const n = t.indexOf("--") > -1, l = n ? t.split("--")[0] : t, r = [];
     if (!n)
-      this.getAttribute(l + "--mobile") || a.push("mobile"), this.getAttribute(l + "--tablet") || a.push("tablet"), this.getAttribute(l + "--laptop") || a.push("laptop"), this.getAttribute(l + "--desktop") || a.push("desktop"), a.forEach((c) => {
+      this.getAttribute(l + "--mobile") || r.push("mobile"), this.getAttribute(l + "--tablet") || r.push("tablet"), this.getAttribute(l + "--laptop") || r.push("laptop"), this.getAttribute(l + "--desktop") || r.push("desktop"), r.forEach((c) => {
         this.updateStyle(l, c, e, o), this.updateStyle(l, c, i, o);
       });
     else {
@@ -605,7 +605,7 @@ class wt extends I {
         case "background-color":
           this.$bodyContainer.setAttribute(
             "background-color",
-            rt.indexOf(i) > 0 ? i : "none"
+            at.indexOf(i) > 0 ? i : "none"
           );
           break;
         case "padding-vertical":
@@ -633,7 +633,7 @@ const $t = ["", "default", "small"], St = [
   "default",
   "secondary",
   "naked"
-], A = class A extends at {
+], A = class A extends rt {
   constructor() {
     super(U), this.template = () => "<slot></slot>";
     const t = document.createElement(A.nativeName);
@@ -642,6 +642,7 @@ const $t = ["", "default", "small"], St = [
   static get observedAttributes() {
     return [
       ...super.observedAttributes,
+      ...nt,
       "inverted",
       "loading",
       "size",
@@ -657,7 +658,6 @@ const $t = ["", "default", "small"], St = [
         this.$el.focus();
       }), e || t.setAttribute("size", "s"), this.size === "small" && t.setAttribute("size", "xs"), i || t.setAttribute("color", "inherit");
     }
-    nt(this, this.$el, !1);
   }
   attributeChangedCallback(t, e, i) {
     if (e !== i)
@@ -780,29 +780,29 @@ const zt = [
   (s) => s.replace(/([A-Z])/g, "-$1").toLowerCase().slice(1)
 ), Lt = ":host{display:inline-flex;flex-direction:column;justify-content:center}svg{font-size:var(--px-size-icon-s);line-height:var(--px-font-line-height-xs);width:1em;height:1em;color:var(--px-color-icon-accent-default)}.inherit{color:inherit}.brand{color:var(--px-color-icon-brand-default)}.accent{color:var(--px-color-icon-accent-default)}.neutral{color:var(--px-color-icon-neutral-default)}.dimmed{color:var(--px-color-icon-dimmed-default)}.purpose-success{color:var(--px-color-icon-purpose-success-default)}.purpose-warning{color:var(--px-color-icon-purpose-warning-default)}.purpose-error{color:var(--px-color-icon-purpose-error-default)}.purpose-unlimited{color:var(--px-color-icon-purpose-unlimited-default)}.purpose-promo{color:var(--px-color-icon-purpose-promo-default)}.state-hover:hover{color:var(--px-color-icon-state-hover-default)}.state-active:active{color:var(--px-color-icon-state-active-default)}.state-disabled{color:var(--px-color-icon-state-disabled-default)}:host([inverted]) svg{color:var(--px-color-icon-accent-inverted)}:host([inverted]) .inherit{color:inherit}:host([inverted]) .brand{color:var(--px-color-icon-brand-inverted)}:host([inverted]) .accent{color:var(--px-color-icon-accent-inverted)}:host([inverted]) .neutral{color:var(--px-color-icon-neutral-inverted)}:host([inverted]) .dimmed{color:var(--px-color-icon-dimmed-inverted)}:host([inverted]) .purpose-success{color:var(--px-color-icon-purpose-success-inverted)}:host([inverted]) .purpose-warning{color:var(--px-color-icon-purpose-warning-inverted)}:host([inverted]) .purpose-error{color:var(--px-color-icon-purpose-error-inverted)}:host([inverted]) .purpose-unlimited{color:var(--px-color-icon-purpose-unlimited-inverted)}:host([inverted]) .purpose-promo{color:var(--px-color-icon-purpose-promo-inverted)}:host([inverted]) .state-hover:hover{color:var(--px-color-icon-state-hover-inverted)}:host([inverted]) .state-active:active{color:var(--px-color-icon-state-active-inverted)}:host([inverted]) .state-disabled{color:var(--px-color-icon-state-disabled-inverted)}.size-xs{font-size:var(--px-size-icon-xs)}.size-s{font-size:var(--px-size-icon-s)}.size-m{font-size:var(--px-size-icon-m)}.size-l{font-size:var(--px-size-icon-l)}.size-xl{font-size:var(--px-size-icon-xl)}", K = new CSSStyleSheet();
 K.replaceSync(Lt);
-const Tt = [
-  "name",
-  "size",
-  "color",
-  "aria-label",
-  "inverted",
-  "from",
-  "disabled"
-];
 var u, p, $;
-class Et extends I {
+class Tt extends I {
   constructor(...e) {
     var i;
     super(...e, K);
     k(this, u);
     k(this, p);
     k(this, $, () => `<svg aria-hidden="true">
-      <use xlink:href=""></use>
+      <use></use>
     </svg>`);
     this.shadowRoot.innerHTML = d(this, $).call(this), j(this, p, (i = this.attachInternals) == null ? void 0 : i.call(this)), d(this, p) && (d(this, p).role = "img");
   }
   static get observedAttributes() {
-    return [...super.observedAttributes, ...Tt];
+    return [
+      ...super.observedAttributes,
+      "name",
+      "size",
+      "color",
+      "aria-label",
+      "inverted",
+      "from",
+      "disabled"
+    ];
   }
   attributeChangedCallback(e, i, o) {
     if (i !== o)
@@ -827,10 +827,7 @@ class Et extends I {
       }
   }
   connectedCallback() {
-    this.role = "img", this.name && this.$el.firstElementChild.setAttribute(
-      "xlink:href",
-      `#icon-${this.name}`
-    );
+    this.role = "img";
     const e = document.querySelectorAll("px-icon-set");
     e || console.log("<px-icon-set> component not found");
     for (const i of e) {
@@ -839,7 +836,7 @@ class Et extends I {
         continue;
       }
       i.getAttribute("name") === this.from && i.getAttribute("type") !== "font" && (j(this, u, i.getAttribute("src")), this.$el.firstElementChild.setAttribute(
-        "xlink:href",
+        "href",
         `${d(this, u)}#icon-${this.name}`
       ));
     }
@@ -852,7 +849,7 @@ class Et extends I {
   }
   updateName(e, i) {
     d(this, u) && this.$el.firstElementChild.setAttribute(
-      "xlink:href",
+      "href",
       `${d(this, u)}#icon-${i}`
     );
   }
@@ -903,10 +900,10 @@ class Et extends I {
   }
 }
 u = new WeakMap(), p = new WeakMap(), $ = new WeakMap();
-customElements.get("px-icon") || customElements.define("px-icon", Et);
-const It = ":host{--px-appleseed-size-l: 14px;--px-appleseed-size-m: 10px;--px-appleseed-size-s: 6px;--px-appleseed-size-xs: 4px}.container{display:flex}.container:has(#seed-0.appleseed-6-plus[active]) :nth-child(4)>div,.container:has(#seed-1.appleseed-6-plus[active]) :nth-child(4)>div{width:var(--px-appleseed-size-s);height:var(--px-appleseed-size-s)}.container:has(#seed-0.appleseed-6-plus[active]) :nth-child(5)>div,.container:has(#seed-1.appleseed-6-plus[active]) :nth-child(5)>div{width:var(--px-appleseed-size-xs);height:var(--px-appleseed-size-xs)}.container:has(#seed-2.appleseed-6-plus[active]) :nth-child(2)>div,.container:has(#seed-2.appleseed-6-plus[active]) :nth-child(4)>div{width:var(--px-appleseed-size-s);height:var(--px-appleseed-size-s)}.container:has(#seed-2.appleseed-6-plus[active]) :nth-child(1)>div,.container:has(#seed-2.appleseed-6-plus[active]) :nth-child(5)>div{width:var(--px-appleseed-size-xs);height:var(--px-appleseed-size-xs)}.container:has(#seed-3.appleseed-6-plus[active]) :nth-child(1)>div{width:var(--px-appleseed-size-xs);height:var(--px-appleseed-size-xs)}.container:has(#seed-3.appleseed-6-plus[active]) :nth-child(2)>div{width:var(--px-appleseed-size-s);height:var(--px-appleseed-size-s)}.container:has(#seed-3.appleseed-6-plus[active]) :nth-child(5)>div{width:var(--px-appleseed-size-xs);height:var(--px-appleseed-size-xs)}.container:has(#seed-4.appleseed-6-plus[active]) :nth-child(1)>div{width:var(--px-appleseed-size-xs);height:var(--px-appleseed-size-xs)}.container:has(#seed-4.appleseed-6-plus[active]) :nth-child(2)>div{width:var(--px-appleseed-size-s);height:var(--px-appleseed-size-s)}.appleseed{width:var(--px-size-icon-m);height:var(--px-size-icon-m);display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 47.938em){.appleseed{width:var(--px-size-icon-s);height:var(--px-size-icon-s)}}.appleseed-6-plus>div,.appleseed-6-minus>div{box-shadow:inset 0 0 0 var(--px-size-border-s) var(--px-color-border-brand-default);border-radius:var(--px-radius-main);height:var(--px-appleseed-size-m);width:var(--px-appleseed-size-m)}.appleseed-6-plus[active]>div,.appleseed-6-minus[active]>div{width:var(--px-appleseed-size-l);height:var(--px-appleseed-size-l);background-color:var(--px-color-icon-brand-default)}", J = new CSSStyleSheet();
-J.replaceSync(It);
-class Rt extends HTMLElement {
+customElements.get("px-icon") || customElements.define("px-icon", Tt);
+const Et = ":host{--px-appleseed-size-l: 14px;--px-appleseed-size-m: 10px;--px-appleseed-size-s: 6px;--px-appleseed-size-xs: 4px}.container{display:flex}.container:has(#seed-0.appleseed-6-plus[active]) :nth-child(4)>div,.container:has(#seed-1.appleseed-6-plus[active]) :nth-child(4)>div{width:var(--px-appleseed-size-s);height:var(--px-appleseed-size-s)}.container:has(#seed-0.appleseed-6-plus[active]) :nth-child(5)>div,.container:has(#seed-1.appleseed-6-plus[active]) :nth-child(5)>div{width:var(--px-appleseed-size-xs);height:var(--px-appleseed-size-xs)}.container:has(#seed-2.appleseed-6-plus[active]) :nth-child(2)>div,.container:has(#seed-2.appleseed-6-plus[active]) :nth-child(4)>div{width:var(--px-appleseed-size-s);height:var(--px-appleseed-size-s)}.container:has(#seed-2.appleseed-6-plus[active]) :nth-child(1)>div,.container:has(#seed-2.appleseed-6-plus[active]) :nth-child(5)>div{width:var(--px-appleseed-size-xs);height:var(--px-appleseed-size-xs)}.container:has(#seed-3.appleseed-6-plus[active]) :nth-child(1)>div{width:var(--px-appleseed-size-xs);height:var(--px-appleseed-size-xs)}.container:has(#seed-3.appleseed-6-plus[active]) :nth-child(2)>div{width:var(--px-appleseed-size-s);height:var(--px-appleseed-size-s)}.container:has(#seed-3.appleseed-6-plus[active]) :nth-child(5)>div{width:var(--px-appleseed-size-xs);height:var(--px-appleseed-size-xs)}.container:has(#seed-4.appleseed-6-plus[active]) :nth-child(1)>div{width:var(--px-appleseed-size-xs);height:var(--px-appleseed-size-xs)}.container:has(#seed-4.appleseed-6-plus[active]) :nth-child(2)>div{width:var(--px-appleseed-size-s);height:var(--px-appleseed-size-s)}.appleseed{width:var(--px-size-icon-m);height:var(--px-size-icon-m);display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 47.938em){.appleseed{width:var(--px-size-icon-s);height:var(--px-size-icon-s)}}.appleseed-6-plus>div,.appleseed-6-minus>div{box-shadow:inset 0 0 0 var(--px-size-border-s) var(--px-color-border-brand-default);border-radius:var(--px-radius-main);height:var(--px-appleseed-size-m);width:var(--px-appleseed-size-m)}.appleseed-6-plus[active]>div,.appleseed-6-minus[active]>div{width:var(--px-appleseed-size-l);height:var(--px-appleseed-size-l);background-color:var(--px-color-icon-brand-default)}", J = new CSSStyleSheet();
+J.replaceSync(Et);
+class It extends HTMLElement {
   constructor() {
     super(), this.template = (t, e) => `<div class="container">
       ${Array.from(
@@ -948,54 +945,54 @@ class Rt extends HTMLElement {
     return parseInt(this.getAttribute("active")) || 0;
   }
 }
-customElements.get("px-appleseed") || customElements.define("px-appleseed", Rt);
+customElements.get("px-appleseed") || customElements.define("px-appleseed", It);
 function y(s) {
   var t = typeof s;
   return s != null && (t == "object" || t == "function");
 }
-var Mt = typeof global == "object" && global && global.Object === Object && global, Ht = typeof self == "object" && self && self.Object === Object && self, Q = Mt || Ht || Function("return this")(), L = function() {
+var Rt = typeof global == "object" && global && global.Object === Object && global, Mt = typeof self == "object" && self && self.Object === Object && self, Q = Rt || Mt || Function("return this")(), L = function() {
   return Q.Date.now();
-}, Pt = /\s/;
-function Dt(s) {
-  for (var t = s.length; t-- && Pt.test(s.charAt(t)); )
+}, Ht = /\s/;
+function Pt(s) {
+  for (var t = s.length; t-- && Ht.test(s.charAt(t)); )
     ;
   return t;
 }
-var qt = /^\s+/;
-function Ot(s) {
-  return s && s.slice(0, Dt(s) + 1).replace(qt, "");
+var Dt = /^\s+/;
+function qt(s) {
+  return s && s.slice(0, Pt(s) + 1).replace(Dt, "");
 }
-var w = Q.Symbol, Y = Object.prototype, Nt = Y.hasOwnProperty, Wt = Y.toString, f = w ? w.toStringTag : void 0;
-function Xt(s) {
-  var t = Nt.call(s, f), e = s[f];
+var w = Q.Symbol, Y = Object.prototype, Ot = Y.hasOwnProperty, Nt = Y.toString, f = w ? w.toStringTag : void 0;
+function Wt(s) {
+  var t = Ot.call(s, f), e = s[f];
   try {
     s[f] = void 0;
     var i = !0;
   } catch {
   }
-  var o = Wt.call(s);
+  var o = Nt.call(s);
   return i && (t ? s[f] = e : delete s[f]), o;
 }
-var Ft = Object.prototype, Bt = Ft.toString;
-function Gt(s) {
-  return Bt.call(s);
+var Xt = Object.prototype, Ft = Xt.toString;
+function Bt(s) {
+  return Ft.call(s);
 }
-var Zt = "[object Null]", _t = "[object Undefined]", W = w ? w.toStringTag : void 0;
-function Ut(s) {
-  return s == null ? s === void 0 ? _t : Zt : W && W in Object(s) ? Xt(s) : Gt(s);
+var Gt = "[object Null]", Zt = "[object Undefined]", W = w ? w.toStringTag : void 0;
+function _t(s) {
+  return s == null ? s === void 0 ? Zt : Gt : W && W in Object(s) ? Wt(s) : Bt(s);
 }
-function Kt(s) {
+function Ut(s) {
   return s != null && typeof s == "object";
 }
-var Jt = "[object Symbol]";
-function Qt(s) {
-  return typeof s == "symbol" || Kt(s) && Ut(s) == Jt;
+var Kt = "[object Symbol]";
+function Jt(s) {
+  return typeof s == "symbol" || Ut(s) && _t(s) == Kt;
 }
-var X = NaN, Yt = /^[-+]0x[0-9a-f]+$/i, Vt = /^0b[01]+$/i, te = /^0o[0-7]+$/i, ee = parseInt;
+var X = NaN, Qt = /^[-+]0x[0-9a-f]+$/i, Yt = /^0b[01]+$/i, Vt = /^0o[0-7]+$/i, te = parseInt;
 function F(s) {
   if (typeof s == "number")
     return s;
-  if (Qt(s))
+  if (Jt(s))
     return X;
   if (y(s)) {
     var t = typeof s.valueOf == "function" ? s.valueOf() : s;
@@ -1003,64 +1000,64 @@ function F(s) {
   }
   if (typeof s != "string")
     return s === 0 ? s : +s;
-  s = Ot(s);
-  var e = Vt.test(s);
-  return e || te.test(s) ? ee(s.slice(2), e ? 2 : 8) : Yt.test(s) ? X : +s;
+  s = qt(s);
+  var e = Yt.test(s);
+  return e || Vt.test(s) ? te(s.slice(2), e ? 2 : 8) : Qt.test(s) ? X : +s;
 }
-var ie = "Expected a function", se = Math.max, oe = Math.min;
-function re(s, t, e) {
-  var i, o, n, l, a, c, b = 0, H = !1, g = !1, S = !0;
+var ee = "Expected a function", ie = Math.max, se = Math.min;
+function oe(s, t, e) {
+  var i, o, n, l, r, c, b = 0, H = !1, g = !1, S = !0;
   if (typeof s != "function")
-    throw new TypeError(ie);
-  t = F(t) || 0, y(e) && (H = !!e.leading, g = "maxWait" in e, n = g ? se(F(e.maxWait) || 0, t) : n, S = "trailing" in e ? !!e.trailing : S);
-  function C(r) {
+    throw new TypeError(ee);
+  t = F(t) || 0, y(e) && (H = !!e.leading, g = "maxWait" in e, n = g ? ie(F(e.maxWait) || 0, t) : n, S = "trailing" in e ? !!e.trailing : S);
+  function C(a) {
     var h = i, v = o;
-    return i = o = void 0, b = r, l = s.apply(v, h), l;
+    return i = o = void 0, b = a, l = s.apply(v, h), l;
   }
-  function tt(r) {
-    return b = r, a = setTimeout(m, t), H ? C(r) : l;
+  function tt(a) {
+    return b = a, r = setTimeout(m, t), H ? C(a) : l;
   }
-  function et(r) {
-    var h = r - c, v = r - b, q = t - h;
-    return g ? oe(q, n - v) : q;
+  function et(a) {
+    var h = a - c, v = a - b, q = t - h;
+    return g ? se(q, n - v) : q;
   }
-  function P(r) {
-    var h = r - c, v = r - b;
+  function P(a) {
+    var h = a - c, v = a - b;
     return c === void 0 || h >= t || h < 0 || g && v >= n;
   }
   function m() {
-    var r = L();
-    if (P(r))
-      return D(r);
-    a = setTimeout(m, et(r));
+    var a = L();
+    if (P(a))
+      return D(a);
+    r = setTimeout(m, et(a));
   }
-  function D(r) {
-    return a = void 0, S && i ? C(r) : (i = o = void 0, l);
+  function D(a) {
+    return r = void 0, S && i ? C(a) : (i = o = void 0, l);
   }
   function it() {
-    a !== void 0 && clearTimeout(a), b = 0, i = c = o = a = void 0;
+    r !== void 0 && clearTimeout(r), b = 0, i = c = o = r = void 0;
   }
   function st() {
-    return a === void 0 ? l : D(L());
+    return r === void 0 ? l : D(L());
   }
   function z() {
-    var r = L(), h = P(r);
-    if (i = arguments, o = this, c = r, h) {
-      if (a === void 0)
+    var a = L(), h = P(a);
+    if (i = arguments, o = this, c = a, h) {
+      if (r === void 0)
         return tt(c);
       if (g)
-        return clearTimeout(a), a = setTimeout(m, t), C(c);
+        return clearTimeout(r), r = setTimeout(m, t), C(c);
     }
-    return a === void 0 && (a = setTimeout(m, t)), l;
+    return r === void 0 && (r = setTimeout(m, t)), l;
   }
   return z.cancel = it, z.flush = st, z;
 }
 var ae = "Expected a function";
-function ne(s, t, e) {
+function re(s, t, e) {
   var i = !0, o = !0;
   if (typeof s != "function")
     throw new TypeError(ae);
-  return y(e) && (i = "leading" in e ? !!e.leading : i, o = "trailing" in e ? !!e.trailing : o), re(s, t, {
+  return y(e) && (i = "leading" in e ? !!e.leading : i, o = "trailing" in e ? !!e.trailing : o), oe(s, t, {
     leading: i,
     maxWait: t,
     trailing: o
@@ -1068,8 +1065,8 @@ function ne(s, t, e) {
 }
 const M = new CSSStyleSheet();
 M.replaceSync(dt);
-const le = (s, t, e) => `:host([${s}${e ? `--${e}` : ""}='${t}']) .carousel`, ce = "px-spacing", T = (s) => (t, e) => `calc(((100%  - ${Math.max(parseInt(t), 2)}  * ( var(--px-spacing-${s}-${e}))) / ${t}) - ( 64px / ${Math.max(parseInt(t), 2)}))`;
-class de extends HTMLElement {
+const ne = (s, t, e) => `:host([${s}${e ? `--${e}` : ""}='${t}']) .carousel`, le = "px-spacing", T = (s) => (t, e) => `calc(((100%  - ${Math.max(parseInt(t), 2)}  * ( var(--px-spacing-${s}-${e}))) / ${t}) - ( 64px / ${Math.max(parseInt(t), 2)}))`;
+class ce extends HTMLElement {
   constructor() {
     super(), this.visibleItemsAttributeDelegate = new B(
       this,
@@ -1107,9 +1104,9 @@ class de extends HTMLElement {
       M,
       ct(
         "gap",
-        le,
+        ne,
         G,
-        ce
+        le
       )
     ];
   }
@@ -1138,7 +1135,7 @@ class de extends HTMLElement {
       this.getAttribute("gap") || "s"
     ), requestAnimationFrame(() => {
       this.handleAppleSeedDisplay();
-    }), this.$appleseed.setAttribute("amount", `${this.itemNumbers}`), this.$carousel.addEventListener("scroll", ne(this.onScroll, 500)), this.$previous.addEventListener("click", () => {
+    }), this.$appleseed.setAttribute("amount", `${this.itemNumbers}`), this.$carousel.addEventListener("scroll", re(this.onScroll, 500)), this.$previous.addEventListener("click", () => {
       this.$carousel.scrollLeft -= this.$carousel.clientWidth;
     }), this.$next.addEventListener("click", () => {
       this.$carousel.scrollLeft += this.$carousel.clientWidth;
@@ -1178,10 +1175,10 @@ class de extends HTMLElement {
     return this.querySelectorAll("px-carousel-item").length;
   }
 }
-customElements.get("px-carousel") || customElements.define("px-carousel", de);
+customElements.get("px-carousel") || customElements.define("px-carousel", ce);
 const V = new CSSStyleSheet();
 V.replaceSync(pt);
-class pe extends HTMLElement {
+class de extends HTMLElement {
   constructor() {
     super(), this.template = `
   <div class="carousel-item">
@@ -1189,9 +1186,9 @@ class pe extends HTMLElement {
   </div>`, this.attachShadow({ mode: "open" }), this.shadowRoot.innerHTML = this.template, this.shadowRoot.adoptedStyleSheets = [M, V];
   }
 }
-customElements.get("px-carousel-item") || customElements.define("px-carousel-item", pe);
+customElements.get("px-carousel-item") || customElements.define("px-carousel-item", de);
 export {
-  Rt as AppleSeed,
-  de as Carousel,
-  pe as CarouselItem
+  It as AppleSeed,
+  ce as Carousel,
+  de as CarouselItem
 };

package/package.json

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