@proximus/lavender-common 1.0.0-beta.1 → 1.0.0-beta.2

package/dist/common.d.ts

@@ -93,6 +93,7 @@ export declare class WithExtraAttributes extends HTMLElement {
 export declare abstract class PxElement<HTML_TYPE extends Element> extends WithExtraAttributes {
     static nativeName: string;
     nativeName: string;
+    accessorExclusions: string[];
     static get observedAttributes(): string[];
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     protected constructor(...adoptedStylesheets: CSSStyleSheet[]);

package/dist/index.es.js

@@ -409,7 +409,10 @@ class p extends HTMLElement {
     this.setAttribute("order--desktop", t);
   }
 }
-class w extends p {
+class y extends p {
+  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 w extends p {
   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 b(this.nativeName))
-      if (s !== "constructor")
+      if (!(s === "constructor" || this.accessorExclusions.includes(s)))
         try {
           Object.defineProperty(this, s, {
             get() {
@@ -447,7 +447,7 @@ class w extends p {
     return this.shadowRoot.querySelector(this.nativeName);
   }
 }
-const y = ["", "default", "none", "l"], c = [
+const w = ["", "default", "none", "l"], c = [
   "",
   "default",
   "auto",
@@ -608,7 +608,7 @@ const y = ["", "default", "none", "l"], c = [
   "purpose-info",
   "purpose-eco",
   "purpose-notification"
-], G = ["", "cover", "contain", "default"], q = ["", "none", "s", "m", "l", "xl"], P = [
+], G = ["", "cover", "contain", "default"], q = ["", "none", "s", "m", "l", "xl"], E = [
   "",
   "default",
   "title-4xl",
@@ -619,7 +619,7 @@ const y = ["", "default", "none", "l"], c = [
   "title-m",
   "title-s",
   "subtitle"
-], E = [
+], P = [
   "",
   "purple-top-red",
   "purple-top-magenta",
@@ -879,7 +879,7 @@ class J {
 }
 export {
   J as AttributeBreakpointHandlerDelegate,
-  w as PxElement,
+  y as PxElement,
   p as WithExtraAttributes,
   B as addGlobalStylesheet,
   z as assetContainerImgWidthValues,
@@ -905,9 +905,9 @@ export {
   d as getSupportedAttributeNames,
   b as getSupportedPropertyNames,
   H as getViewportFormat,
-  E as gradientValues,
-  y as gridGapValues,
-  P as headingValues,
+  P as gradientValues,
+  w as gridGapValues,
+  E as headingValues,
   v as iconSizeValues,
   j as iconSizeValuesKC,
   _ as isFalsy,

package/package.json

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