@proximus/lavender-icon-common 1.4.5-alpha.9 → 1.4.5-beta.2

package/dist/index.es.js

@@ -1,8 +1,8 @@
-var u = (r) => {
-  throw TypeError(r);
+var u = (o) => {
+  throw TypeError(o);
 };
-var p = (r, o, e) => o.has(r) || u("Cannot " + e);
-var s = (r, o, e) => (p(r, o, "read from private field"), e ? e.call(r) : o.get(r)), a = (r, o, e) => o.has(r) ? u("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(r) : o.set(r, e), d = (r, o, e, t) => (p(r, o, "write to private field"), t ? t.call(r, e) : o.set(r, e), e);
+var p = (o, r, e) => r.has(o) || u("Cannot " + e);
+var s = (o, r, e) => (p(o, r, "read from private field"), e ? e.call(o) : r.get(o)), a = (o, r, e) => r.has(o) ? u("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(o) : r.set(o, e), d = (o, r, e, t) => (p(o, r, "write to private field"), t ? t.call(o, e) : r.set(o, e), e);
 import { WithExtraAttributes as m, iconSizeValuesKC as f, log as b } from "@proximus/lavender-common";
 class g extends HTMLElement {
   constructor() {
@@ -31,10 +31,10 @@ class g extends HTMLElement {
     }
   }
   disconnectedCallback() {
-    const o = document.querySelector(
+    const r = document.querySelector(
       `style[data-name="${this.getAttribute("name")}"]`
     );
-    o && o.remove();
+    r && r.remove();
   }
 }
 customElements.get("px-icon-set") || customElements.define("px-icon-set", g);
@@ -52,32 +52,32 @@ const x = [
   "StateActive",
   "StateDisabled"
 ], A = ["Inherit", ...x].map(
-  (r) => r.replace(/([A-Z])/g, "-$1").toLowerCase().slice(1)
+  (o) => o.replace(/([A-Z])/g, "-$1").toLowerCase().slice(1)
 ), z = ":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)}", h = new CSSStyleSheet();
 h.replaceSync(z);
-const $ = [
-  "name",
-  "size",
-  "color",
-  "aria-label",
-  "inverted",
-  "from",
-  "disabled"
-];
 var c, n, l;
-class y extends m {
+class $ extends m {
   constructor(...e) {
     var t;
     super(...e, h);
     a(this, c);
     a(this, n);
     a(this, l, () => `<svg aria-hidden="true">
-      <use xlink:href=""></use>
+      <use></use>
     </svg>`);
     this.shadowRoot.innerHTML = s(this, l).call(this), d(this, n, (t = this.attachInternals) == null ? void 0 : t.call(this)), s(this, n) && (s(this, n).role = "img");
   }
   static get observedAttributes() {
-    return [...super.observedAttributes, ...$];
+    return [
+      ...super.observedAttributes,
+      "name",
+      "size",
+      "color",
+      "aria-label",
+      "inverted",
+      "from",
+      "disabled"
+    ];
   }
   attributeChangedCallback(e, t, i) {
     if (t !== i)
@@ -102,10 +102,7 @@ class y extends m {
       }
   }
   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 t of e) {
@@ -114,7 +111,7 @@ class y extends m {
         continue;
       }
       t.getAttribute("name") === this.from && t.getAttribute("type") !== "font" && (d(this, c, t.getAttribute("src")), this.$el.firstElementChild.setAttribute(
-        "xlink:href",
+        "href",
         `${s(this, c)}#icon-${this.name}`
       ));
     }
@@ -127,7 +124,7 @@ class y extends m {
   }
   updateName(e, t) {
     s(this, c) && this.$el.firstElementChild.setAttribute(
-      "xlink:href",
+      "href",
       `${s(this, c)}#icon-${t}`
     );
   }
@@ -178,12 +175,11 @@ class y extends m {
   }
 }
 c = new WeakMap(), n = new WeakMap(), l = new WeakMap();
-customElements.get("px-icon") || customElements.define("px-icon", y);
+customElements.get("px-icon") || customElements.define("px-icon", $);
 export {
-  y as Icon,
+  $ as Icon,
   g as IconSet,
   x as iconColorValues,
   A as iconColorValuesKC,
-  $ as observedAttributes,
   h as styleSheet
 };

package/package.json

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