@proximus/lavender-icon-common 1.4.3-alpha.2 → 1.4.3-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/index.es.js +13 -9
  2. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -1,8 +1,8 @@
1
- var u = (o) => {
2
- throw TypeError(o);
1
+ var u = (r) => {
2
+ throw TypeError(r);
3
3
  };
4
- var p = (o, r, e) => r.has(o) || u("Cannot " + e);
5
- 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);
4
+ var p = (r, o, e) => o.has(r) || u("Cannot " + e);
5
+ 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);
6
6
  import { WithExtraAttributes as m, iconSizeValuesKC as f, log as b } from "@proximus/lavender-common";
7
7
  class g extends HTMLElement {
8
8
  constructor() {
@@ -31,10 +31,10 @@ class g extends HTMLElement {
31
31
  }
32
32
  }
33
33
  disconnectedCallback() {
34
- const r = document.querySelector(
34
+ const o = document.querySelector(
35
35
  `style[data-name="${this.getAttribute("name")}"]`
36
36
  );
37
- r && r.remove();
37
+ o && o.remove();
38
38
  }
39
39
  }
40
40
  customElements.get("px-icon-set") || customElements.define("px-icon-set", g);
@@ -52,7 +52,7 @@ const x = [
52
52
  "StateActive",
53
53
  "StateDisabled"
54
54
  ], A = ["Inherit", ...x].map(
55
- (o) => o.replace(/([A-Z])/g, "-$1").toLowerCase().slice(1)
55
+ (r) => r.replace(/([A-Z])/g, "-$1").toLowerCase().slice(1)
56
56
  ), 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();
57
57
  h.replaceSync(z);
58
58
  const $ = [
@@ -72,9 +72,9 @@ class y extends m {
72
72
  a(this, c);
73
73
  a(this, n);
74
74
  a(this, l, () => `<svg aria-hidden="true">
75
- <use xlink:href="#icon-${this.name}"></use>
75
+ <use xlink:href=""></use>
76
76
  </svg>`);
77
- this.shadowRoot.innerHTML = s(this, l).call(this), this.role = "img", d(this, n, (t = this.attachInternals) == null ? void 0 : t.call(this)), s(this, n) && (s(this, n).role = "img");
77
+ 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");
78
78
  }
79
79
  static get observedAttributes() {
80
80
  return [...super.observedAttributes, ...$];
@@ -102,6 +102,10 @@ class y extends m {
102
102
  }
103
103
  }
104
104
  connectedCallback() {
105
+ this.role = "img", this.name && this.$el.firstElementChild.setAttribute(
106
+ "xlink:href",
107
+ `#icon-${this.name}`
108
+ );
105
109
  const e = document.querySelectorAll("px-icon-set");
106
110
  e || console.log("<px-icon-set> component not found");
107
111
  for (const t of e) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@proximus/lavender-icon-common",
3
- "version": "1.4.3-alpha.2",
3
+ "version": "1.4.3-alpha.3",
4
4
  "description": "",
5
5
  "main": "dist/index.es.js",
6
6
  "types": "dist/index.d.ts",