@oslokommune/punkt-elements 14.5.3 → 14.5.4

package/dist/{tag-BfjOlIyS.cjs → tag-P9lfQZbM.cjs}

@@ -1,4 +1,4 @@
-"use strict";const h=require("./class-map-CApIYSRo.cjs"),t=require("./element-aUzIoa1s.cjs"),k=require("./state-GDzxl12x.cjs"),g=require("./pkt-slot-controller-BzddBp7z.cjs"),c=require("./ref-C5iJMIE1.cjs");require("./icon-Dl9ZPqe6.cjs");const u=require("./if-defined-BElHLTlB.cjs"),d={size:{default:"medium"},skin:{default:"blue"},closeTag:{default:!1},type:{default:"button"}},r={props:d};var f=Object.defineProperty,y=Object.getOwnPropertyDescriptor,i=(n,e,a,o)=>{for(var s=o>1?void 0:o?y(e,a):e,l=n.length-1,p;l>=0;l--)(p=n[l])&&(s=(o?p(e,a,s):p(s))||s);return o&&s&&f(e,a,s),s};exports.PktTag=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.closeTag=r.props.closeTag.default,this.size=r.props.size.default,this.skin=r.props.skin.default,this.textStyle=null,this.iconName=void 0,this.type=r.props.type.default,this.ariaLabel=null,this._isClosed=!1,this._ariaDescription=null,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("close",{detail:{origin:e},bubbles:!1,composed:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:e},bubbles:!1,composed:!0}))},this.slotController=new g.PktSlotController(this,this.defaultSlot),this._isClosed=!1}firstUpdated(e){var a,o;if(super.firstUpdated(e),this.closeTag&&!this.ariaLabel){const s=(o=(a=this.defaultSlot.value)==null?void 0:a.textContent)==null?void 0:o.trim();s&&(this._ariaDescription=`Klikk for å fjerne ${s}`)}}render(){const e={"pkt-tag":!0,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,[`pkt-tag--${this.textStyle}`]:!!this.textStyle},a={"pkt-tag":!0,"pkt-btn":!0,"pkt-btn--tertiary":!0,[`pkt-tag--${this.textStyle}`]:!!this.textStyle,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,"pkt-btn--icons-right-and-left":this.closeTag&&!!this.iconName,"pkt-hide":this._isClosed};return this.closeTag?t.x`
+"use strict";const h=require("./class-map-CApIYSRo.cjs"),t=require("./element-aUzIoa1s.cjs"),k=require("./state-GDzxl12x.cjs"),g=require("./pkt-slot-controller-BzddBp7z.cjs"),c=require("./ref-C5iJMIE1.cjs");require("./icon-n4-ve48P.cjs");const u=require("./if-defined-BElHLTlB.cjs"),d={size:{default:"medium"},skin:{default:"blue"},closeTag:{default:!1},type:{default:"button"}},r={props:d};var f=Object.defineProperty,y=Object.getOwnPropertyDescriptor,i=(n,e,a,o)=>{for(var s=o>1?void 0:o?y(e,a):e,l=n.length-1,p;l>=0;l--)(p=n[l])&&(s=(o?p(e,a,s):p(s))||s);return o&&s&&f(e,a,s),s};exports.PktTag=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.closeTag=r.props.closeTag.default,this.size=r.props.size.default,this.skin=r.props.skin.default,this.textStyle=null,this.iconName=void 0,this.type=r.props.type.default,this.ariaLabel=null,this._isClosed=!1,this._ariaDescription=null,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("close",{detail:{origin:e},bubbles:!1,composed:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:e},bubbles:!1,composed:!0}))},this.slotController=new g.PktSlotController(this,this.defaultSlot),this._isClosed=!1}firstUpdated(e){var a,o;if(super.firstUpdated(e),this.closeTag&&!this.ariaLabel){const s=(o=(a=this.defaultSlot.value)==null?void 0:a.textContent)==null?void 0:o.trim();s&&(this._ariaDescription=`Klikk for å fjerne ${s}`)}}render(){const e={"pkt-tag":!0,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,[`pkt-tag--${this.textStyle}`]:!!this.textStyle},a={"pkt-tag":!0,"pkt-btn":!0,"pkt-btn--tertiary":!0,[`pkt-tag--${this.textStyle}`]:!!this.textStyle,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,"pkt-btn--icons-right-and-left":this.closeTag&&!!this.iconName,"pkt-hide":this._isClosed};return this.closeTag?t.x`
         <button
           class=${h.e(a)}
           type=${this.type}

package/dist/{textarea-Da9E3RM7.js → textarea-CM_bj81t.js}

@@ -7,8 +7,8 @@ import { e as T, i as b, t as a } from "./directive-oAbCiebi.js";
 import { f as y, m as w } from "./directive-helpers-CQef4qUQ.js";
 import { P as C } from "./input-element-DVZhYDJ_.js";
 import { P as E } from "./pkt-slot-controller-BPGj-LC5.js";
-import "./input-wrapper-3qfjLkrP.js";
-import "./icon-BgG6oO4Q.js";
+import "./input-wrapper-DVUh5rxv.js";
+import "./icon-DBZvMard.js";
 /**
  * @license
  * Copyright 2020 Google LLC

package/dist/{textarea-Dfa4_ZBy.cjs → textarea-DcEKhXia.cjs}

@@ -1,4 +1,4 @@
-"use strict";const s=require("./element-aUzIoa1s.cjs"),p=require("./if-defined-BElHLTlB.cjs"),c=require("./state-GDzxl12x.cjs"),l=require("./ref-C5iJMIE1.cjs"),$=require("./class-map-CApIYSRo.cjs"),a=require("./directive-C7oCP5Bh.cjs"),d=require("./directive-helpers-CYIEJ8pI.cjs"),x=require("./input-element-RBQVA8i0.cjs"),T=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-rgXsRNkk.cjs");require("./icon-Dl9ZPqe6.cjs");/**
+"use strict";const s=require("./element-aUzIoa1s.cjs"),p=require("./if-defined-BElHLTlB.cjs"),c=require("./state-GDzxl12x.cjs"),l=require("./ref-C5iJMIE1.cjs"),$=require("./class-map-CApIYSRo.cjs"),a=require("./directive-C7oCP5Bh.cjs"),d=require("./directive-helpers-CYIEJ8pI.cjs"),x=require("./input-element-RBQVA8i0.cjs"),T=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-Bta4FZe3.cjs");require("./icon-n4-ve48P.cjs");/**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/{textinput-DaMYc5gd.js → textinput-AVll6Nh7.js}

@@ -5,8 +5,8 @@ import { e as d, n as m } from "./ref-BxiKhrfa.js";
 import { e as g } from "./class-map-Dt2jXOlF.js";
 import { P as x } from "./input-element-DVZhYDJ_.js";
 import { P as v } from "./pkt-slot-controller-BPGj-LC5.js";
-import "./input-wrapper-3qfjLkrP.js";
-import "./icon-BgG6oO4Q.js";
+import "./input-wrapper-DVUh5rxv.js";
+import "./icon-DBZvMard.js";
 var y = Object.defineProperty, b = Object.getOwnPropertyDescriptor, o = (i, e, r, t) => {
   for (var n = t > 1 ? void 0 : t ? b(e, r) : e, l = i.length - 1, c; l >= 0; l--)
     (c = i[l]) && (n = (t ? c(e, r, n) : c(n)) || n);

package/dist/{textinput-CLM9fRjm.cjs → textinput-BzuYzKZ6.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./element-aUzIoa1s.cjs"),a=require("./if-defined-BElHLTlB.cjs"),l=require("./state-GDzxl12x.cjs"),h=require("./ref-C5iJMIE1.cjs"),c=require("./class-map-CApIYSRo.cjs"),d=require("./input-element-RBQVA8i0.cjs"),x=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-rgXsRNkk.cjs");require("./icon-Dl9ZPqe6.cjs");var $=Object.defineProperty,f=Object.getOwnPropertyDescriptor,r=(u,i,s,n)=>{for(var e=n>1?void 0:n?f(i,s):i,o=u.length-1,p;o>=0;o--)(p=u[o])&&(e=(n?p(i,s,e):p(e))||e);return n&&e&&$(i,s,e),e};exports.PktTextinput=class extends d.PktInputElement{constructor(){super(),this.inputRef=h.e(),this.helptextSlot=h.e(),this.value="",this.type="text",this.size=null,this.autocomplete=null,this.iconNameRight=null,this.prefix=null,this.suffix=null,this.omitSearchIcon=!1,this.counterCurrent=0,this.slotController=new x.PktSlotController(this,this.helptextSlot)}attributeChangedCallback(i,s,n){i==="value"&&this.value!==s&&(this.counterCurrent=n?n.length:0,this.valueChanged(n,s)),super.attributeChangedCallback(i,s,n)}updated(i){var s;super.updated(i),i.has("value")&&(this.counterCurrent=((s=this.value)==null?void 0:s.length)||0,this.valueChanged(this.value,i.get("value"))),i.has("id")&&!this.name&&this.id&&(this.name=this.id)}render(){const i=this.type==="search"&&!this.iconNameRight&&!this.omitSearchIcon,s=c.e({"pkt-input":!0,"pkt-input--fullwidth":this.fullwidth,"pkt-input--counter-error":this.counter&&this.counterMaxLength&&this.value.length&&this.value.length>this.counterMaxLength}),n=this.ariaLabelledby||`${this.id}-input-label`;return t.x`
+"use strict";const t=require("./element-aUzIoa1s.cjs"),a=require("./if-defined-BElHLTlB.cjs"),l=require("./state-GDzxl12x.cjs"),h=require("./ref-C5iJMIE1.cjs"),c=require("./class-map-CApIYSRo.cjs"),d=require("./input-element-RBQVA8i0.cjs"),x=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-Bta4FZe3.cjs");require("./icon-n4-ve48P.cjs");var $=Object.defineProperty,f=Object.getOwnPropertyDescriptor,r=(u,i,s,n)=>{for(var e=n>1?void 0:n?f(i,s):i,o=u.length-1,p;o>=0;o--)(p=u[o])&&(e=(n?p(i,s,e):p(e))||e);return n&&e&&$(i,s,e),e};exports.PktTextinput=class extends d.PktInputElement{constructor(){super(),this.inputRef=h.e(),this.helptextSlot=h.e(),this.value="",this.type="text",this.size=null,this.autocomplete=null,this.iconNameRight=null,this.prefix=null,this.suffix=null,this.omitSearchIcon=!1,this.counterCurrent=0,this.slotController=new x.PktSlotController(this,this.helptextSlot)}attributeChangedCallback(i,s,n){i==="value"&&this.value!==s&&(this.counterCurrent=n?n.length:0,this.valueChanged(n,s)),super.attributeChangedCallback(i,s,n)}updated(i){var s;super.updated(i),i.has("value")&&(this.counterCurrent=((s=this.value)==null?void 0:s.length)||0,this.valueChanged(this.value,i.get("value"))),i.has("id")&&!this.name&&this.id&&(this.name=this.id)}render(){const i=this.type==="search"&&!this.iconNameRight&&!this.omitSearchIcon,s=c.e({"pkt-input":!0,"pkt-input--fullwidth":this.fullwidth,"pkt-input--counter-error":this.counter&&this.counterMaxLength&&this.value.length&&this.value.length>this.counterMaxLength}),n=this.ariaLabelledby||`${this.id}-input-label`;return t.x`
       <pkt-input-wrapper
         label="${this.label}"
         ?counter=${this.counter}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-elements",
-  "version": "14.5.3",
+  "version": "14.5.4",
   "description": "Komponentbiblioteket til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -79,5 +79,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "343d038807d9a8cb3e15f2cb54ead64fd19708e4"
+  "gitHead": "be4a01f06388571ca22a28c90fa518e1a6dff097"
 }

package/src/components/icon/icon.ts

@@ -13,51 +13,64 @@ if (typeof window !== 'undefined') {
   window.pktIconPath = window.pktIconPath || defaultPath
 }
 
-const sleep = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms))
 const errorSvg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>'
-const dlStatus: { [key: string]: string } = {}
+const dlCache: { [key: string]: Promise<string> } = {}
+const MAX_RETRIES = 2
+const RETRY_DELAY = 1500
+
+const isSessionStorageAvailable =
+  typeof Storage !== 'undefined' && typeof sessionStorage !== 'undefined'
+
+const fetchIcon = (url: string): Promise<string> =>
+  window
+    .pktFetch!(url)
+    .then((response: Response) => {
+      if (!response.ok) {
+        throw new Error('Missing icon: ' + url)
+      }
+      return response.text()
+    })
+
+const fetchIconWithRetry = async (url: string, retries = MAX_RETRIES): Promise<string> => {
+  try {
+    return await fetchIcon(url)
+  } catch (error) {
+    if (retries > 0) {
+      await new Promise((resolve) => setTimeout(resolve, RETRY_DELAY))
+      return fetchIconWithRetry(url, retries - 1)
+    }
+    // eslint-disable-next-line no-console
+    console.error('Failed to fetch icon: ' + url)
+    return errorSvg
+  }
+}
 
 const downloadIconOrGetFromCache = async (
   name: PktIconName,
   path: string | undefined,
 ): Promise<string | null> => {
-  let i = 0
-  while (dlStatus[path + name + '.svg'] === 'fetching') {
-    i++
-    if (i > 50) break
-    await sleep(50)
+  const key = path + name + '.svg'
+
+  if (isSessionStorageAvailable && sessionStorage.getItem(key)) {
+    return sessionStorage.getItem(key)
   }
 
-  // Check if sessionStorage is available before using it
-  const isSessionStorageAvailable =
-    typeof Storage !== 'undefined' && typeof sessionStorage !== 'undefined'
-
-  if (isSessionStorageAvailable && sessionStorage.getItem(path + name + '.svg')) {
-    return Promise.resolve(sessionStorage.getItem(path + name + '.svg'))
-  } else if (typeof window !== 'undefined' && typeof window.pktFetch === 'function') {
-    dlStatus[path + name + '.svg'] = 'fetching'
-    return Promise.resolve(
-      window
-        .pktFetch(path + name + '.svg')
-        .then((response) => {
-          if (!response.ok) {
-            // eslint-disable-next-line no-console
-            console.error('Missing icon: ' + path + name + '.svg')
-            return errorSvg
-          } else {
-            return response.text()
-          }
-        })
-        .then((text) => {
-          if (text !== errorSvg && isSessionStorageAvailable) {
-            sessionStorage.setItem(path + name + '.svg', text)
-          }
-          dlStatus[path + name + '.svg'] = 'fetched'
-          return text
-        }),
-    )
+  // If a fetch is already in-flight for this icon, await the same promise
+  if (key in dlCache) {
+    return dlCache[key]
   }
-  return Promise.resolve(errorSvg)
+
+  if (typeof window !== 'undefined' && typeof window.pktFetch === 'function') {
+    dlCache[key] = fetchIconWithRetry(key).then((text) => {
+      if (text !== errorSvg && isSessionStorageAvailable) {
+        sessionStorage.setItem(key, text)
+      }
+      delete dlCache[key]
+      return text
+    })
+    return dlCache[key]
+  }
+  return errorSvg
 }
 
 type Props = ElementProps<PktIcon, 'path' | 'name'>
@@ -95,9 +108,13 @@ export class PktIcon extends PktElement<Props> {
   protected async getIcon(name: PktIconName = '') {
     if (this._updatedProps.length > 0) {
       if (!this.path) this.path = typeof window !== 'undefined' ? window.pktIconPath : defaultPath
-      this.icon = unsafeSVG(
-        await downloadIconOrGetFromCache(this.name || '', this.path).then((res) => res),
-      ) as SVGElement
+      try {
+        this.icon = unsafeSVG(
+          await downloadIconOrGetFromCache(this.name || '', this.path),
+        ) as SVGElement
+      } catch {
+        this.icon = unsafeSVG(errorSvg)
+      }
       this._updatedProps = []
     } else {
       if (!this._updatedProps.includes(name)) {

package/dist/icon-BgG6oO4Q.js

@@ -1,89 +0,0 @@
-import { E as w, T as y, P as m, x as P, n as d, t as k } from "./element-BXsf_NlG.js";
-import { e as v, i as _, t as I } from "./directive-oAbCiebi.js";
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-class a extends _ {
-  constructor(t) {
-    if (super(t), this.it = w, t.type !== I.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
-  }
-  render(t) {
-    if (t === w || t == null) return this._t = void 0, this.it = t;
-    if (t === y) return t;
-    if (typeof t != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
-    if (t === this.it) return this._t;
-    this.it = t;
-    const i = [t];
-    return i.raw = i, this._t = { _$litType$: this.constructor.resultType, strings: i, values: [] };
-  }
-}
-a.directiveName = "unsafeHTML", a.resultType = 1;
-const F = v(a);
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-class l extends a {
-}
-l.directiveName = "unsafeSVG", l.resultType = 2;
-const g = v(l);
-var S = Object.defineProperty, b = Object.getOwnPropertyDescriptor, r = (e, t, i, o) => {
-  for (var s = o > 1 ? void 0 : o ? b(t, i) : t, p = e.length - 1, h; p >= 0; p--)
-    (h = e[p]) && (s = (o ? h(t, i, s) : h(s)) || s);
-  return o && s && S(t, i, s), s;
-};
-const f = "https://punkt-cdn.oslo.kommune.no/latest/icons/";
-typeof window < "u" && (window.pktFetch = window.pktFetch === void 0 ? fetch : window.pktFetch, window.pktIconPath = window.pktIconPath || f);
-const C = (e) => new Promise((t) => setTimeout(t, e)), c = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>', u = {}, T = async (e, t) => {
-  let i = 0;
-  for (; u[t + e + ".svg"] === "fetching" && (i++, !(i > 50)); )
-    await C(50);
-  const o = typeof Storage < "u" && typeof sessionStorage < "u";
-  return o && sessionStorage.getItem(t + e + ".svg") ? Promise.resolve(sessionStorage.getItem(t + e + ".svg")) : typeof window < "u" && typeof window.pktFetch == "function" ? (u[t + e + ".svg"] = "fetching", Promise.resolve(
-    window.pktFetch(t + e + ".svg").then((s) => s.ok ? s.text() : (console.error("Missing icon: " + t + e + ".svg"), c)).then((s) => (s !== c && o && sessionStorage.setItem(t + e + ".svg", s), u[t + e + ".svg"] = "fetched", s))
-  )) : Promise.resolve(c);
-};
-let n = class extends m {
-  constructor() {
-    super(...arguments), this.path = typeof window < "u" ? window.pktIconPath : f, this.name = "", this.icon = g(c), this._updatedProps = [];
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.classList.add("pkt-icon");
-  }
-  async attributeChangedCallback(e, t, i) {
-    super.attributeChangedCallback(e, t, i), (e === "name" || e === "path") && this.getIcon(this.name);
-  }
-  async updated(e) {
-    super.updated(e), (e.has("name") || e.has("path")) && this.getIcon(this.name);
-  }
-  async getIcon(e = "") {
-    this._updatedProps.length > 0 ? (this.path || (this.path = typeof window < "u" ? window.pktIconPath : f), this.icon = g(
-      await T(this.name || "", this.path).then((t) => t)
-    ), this._updatedProps = []) : this._updatedProps.includes(e) || this._updatedProps.push(e);
-  }
-  render() {
-    return P`${this.name && this.icon}`;
-  }
-};
-r([
-  d({ type: String, reflect: !1 })
-], n.prototype, "path", 2);
-r([
-  d({ type: String, reflect: !0 })
-], n.prototype, "name", 2);
-r([
-  d({ type: SVGElement })
-], n.prototype, "icon", 2);
-r([
-  d({ type: Array, noAccessor: !0 })
-], n.prototype, "_updatedProps", 2);
-n = r([
-  k("pkt-icon")
-], n);
-export {
-  n as P,
-  F as o
-};

package/dist/icon-Dl9ZPqe6.cjs

@@ -1,9 +0,0 @@
-"use strict";const o=require("./element-aUzIoa1s.cjs"),a=require("./directive-C7oCP5Bh.cjs");/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */class d extends a.i{constructor(t){if(super(t),this.it=o.E,t.type!==a.t.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===o.E||t==null)return this._t=void 0,this.it=t;if(t===o.T)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const s=[t];return s.raw=s,this._t={_$litType$:this.constructor.resultType,strings:s,values:[]}}}d.directiveName="unsafeHTML",d.resultType=1;const g=a.e(d);/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */class l extends d{}l.directiveName="unsafeSVG",l.resultType=2;const w=a.e(l);var v=Object.defineProperty,y=Object.getOwnPropertyDescriptor,r=(e,t,s,i)=>{for(var n=i>1?void 0:i?y(t,s):t,p=e.length-1,u;p>=0;p--)(u=e[p])&&(n=(i?u(t,s,n):u(n))||n);return i&&n&&v(t,s,n),n};const f="https://punkt-cdn.oslo.kommune.no/latest/icons/";typeof window<"u"&&(window.pktFetch=window.pktFetch===void 0?fetch:window.pktFetch,window.pktIconPath=window.pktIconPath||f);const P=e=>new Promise(t=>setTimeout(t,e)),c='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>',h={},k=async(e,t)=>{let s=0;for(;h[t+e+".svg"]==="fetching"&&(s++,!(s>50));)await P(50);const i=typeof Storage<"u"&&typeof sessionStorage<"u";return i&&sessionStorage.getItem(t+e+".svg")?Promise.resolve(sessionStorage.getItem(t+e+".svg")):typeof window<"u"&&typeof window.pktFetch=="function"?(h[t+e+".svg"]="fetching",Promise.resolve(window.pktFetch(t+e+".svg").then(n=>n.ok?n.text():(console.error("Missing icon: "+t+e+".svg"),c)).then(n=>(n!==c&&i&&sessionStorage.setItem(t+e+".svg",n),h[t+e+".svg"]="fetched",n)))):Promise.resolve(c)};exports.PktIcon=class extends o.PktElement{constructor(){super(...arguments),this.path=typeof window<"u"?window.pktIconPath:f,this.name="",this.icon=w(c),this._updatedProps=[]}connectedCallback(){super.connectedCallback(),this.classList.add("pkt-icon")}async attributeChangedCallback(t,s,i){super.attributeChangedCallback(t,s,i),(t==="name"||t==="path")&&this.getIcon(this.name)}async updated(t){super.updated(t),(t.has("name")||t.has("path"))&&this.getIcon(this.name)}async getIcon(t=""){this._updatedProps.length>0?(this.path||(this.path=typeof window<"u"?window.pktIconPath:f),this.icon=w(await k(this.name||"",this.path).then(s=>s)),this._updatedProps=[]):this._updatedProps.includes(t)||this._updatedProps.push(t)}render(){return o.x`${this.name&&this.icon}`}};r([o.n({type:String,reflect:!1})],exports.PktIcon.prototype,"path",2);r([o.n({type:String,reflect:!0})],exports.PktIcon.prototype,"name",2);r([o.n({type:SVGElement})],exports.PktIcon.prototype,"icon",2);r([o.n({type:Array,noAccessor:!0})],exports.PktIcon.prototype,"_updatedProps",2);exports.PktIcon=r([o.t("pkt-icon")],exports.PktIcon);exports.o=g;