@proximus/lavender-list 1.0.1 → 1.0.2

package/dist/index.es.js

@@ -9,8 +9,8 @@ function y(r) {
     (e) => e.toLowerCase()
   );
 }
-const g = new CSSStyleSheet();
-g.replaceSync(v);
+const c = new CSSStyleSheet();
+c.replaceSync(v);
 class b extends HTMLElement {
   static get observedAttributes() {
     return [
@@ -63,7 +63,7 @@ class b extends HTMLElement {
   }
   constructor(...t) {
     super(), this.shadowRoot || this.attachShadow({ mode: "open" }), this.shadowRoot.adoptedStyleSheets = [
-      g,
+      c,
       ...t
     ];
   }
@@ -409,7 +409,10 @@ class b extends HTMLElement {
     this.setAttribute("order--desktop", t);
   }
 }
-class c extends b {
+class g extends b {
+  constructor(...t) {
+    super(...t), this.accessorExclusions = [], this.nativeName = Object.getPrototypeOf(this).constructor.nativeName, this.accessorExclusions = Object.getPrototypeOf(this).constructor.accessorExclusions || [];
+  }
   static get observedAttributes() {
     return [
       ...super.observedAttributes,
@@ -419,13 +422,10 @@ class c extends b {
   attributeChangedCallback(t, s, e) {
     super.attributeChangedCallback(t, s, e), e === null ? this.$el.toggleAttribute(t) : this.$el.setAttribute(t, e);
   }
-  constructor(...t) {
-    super(...t), this.nativeName = Object.getPrototypeOf(this).constructor.nativeName;
-  }
   connectedCallback() {
     var t;
     for (const s of A(this.nativeName))
-      if (s !== "constructor")
+      if (!(s === "constructor" || this.accessorExclusions.includes(s)))
         try {
           Object.defineProperty(this, s, {
             get() {
@@ -643,7 +643,7 @@ class T {
 }
 const m = new CSSStyleSheet();
 m.replaceSync(k);
-const E = ["", "mobile", "tablet", "laptop"], D = (r, t, s) => `:host([${r}${s ? `--${s}` : ""}='${t}']) .list`, L = "px-spacing", d = class d extends c {
+const O = ["", "mobile", "tablet", "laptop"], D = (r, t, s) => `:host([${r}${s ? `--${s}` : ""}='${t}']) .list`, L = "px-spacing", d = class d extends g {
   constructor() {
     super(
       m,
@@ -727,9 +727,9 @@ const E = ["", "mobile", "tablet", "laptop"], D = (r, t, s) => `:host([${r}${s ?
 d.nativeName = "div";
 let p = d;
 customElements.get("px-list") || customElements.define("px-list", p);
-const O = '.list-item{display:flex;gap:var(--px-spacing-xs-mobile);font-family:var(--px-font-family);line-height:var(--px-line-height-ratio-l)}::slotted([slot="label"][inverted]){color:var(--px-color-text-neutral-inverted)}@media only screen and (min-width: 48em){.list-item{gap:var(--px-spacing-xs-tablet)}}@media only screen and (min-width: 64.0625em){.list-item{gap:var(--px-spacing-xs-laptop)}}@media only screen and (min-width: 90.0625em){.list-item{gap:var(--px-spacing-xs-desktop)}}', f = new CSSStyleSheet();
-f.replaceSync(O);
-const u = class u extends c {
+const E = '.list-item{display:flex;gap:var(--px-spacing-xs-mobile);font-family:var(--px-font-family);line-height:var(--px-line-height-ratio-l)}::slotted([slot="label"][inverted]){color:var(--px-color-text-neutral-inverted)}@media only screen and (min-width: 48em){.list-item{gap:var(--px-spacing-xs-tablet)}}@media only screen and (min-width: 64.0625em){.list-item{gap:var(--px-spacing-xs-laptop)}}@media only screen and (min-width: 90.0625em){.list-item{gap:var(--px-spacing-xs-desktop)}}', f = new CSSStyleSheet();
+f.replaceSync(E);
+const u = class u extends g {
   template() {
     return `
       <div class="list-item" role="listitem">
@@ -770,5 +770,5 @@ customElements.get("px-list-item") || customElements.define("px-list-item", h);
 export {
   p as List,
   h as ListItem,
-  E as breakpointsValues
+  O as breakpointsValues
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proximus/lavender-list",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "",
   "main": "dist/index.es.js",
   "types": "dist/index.d.ts",