@oslokommune/punkt-elements 12.4.0 → 12.5.0

package/src/components/icon/index.ts

@@ -51,18 +51,6 @@ const downloadIconOrGetFromCache = async (
 
 @customElement('pkt-icon')
 export class PktIcon extends PktElement {
-  constructor() {
-    super()
-    this.classList.add('pkt-icon')
-  }
-
-  protected willUpdate(_changedProperties: PropertyValues): void {
-    super.willUpdate(_changedProperties)
-    if (_changedProperties.has('class')) {
-      this.classList.add('my-element')
-    }
-  }
-
   @property({ type: String, reflect: false })
   path: string | undefined = window.pktIconPath
 
@@ -75,9 +63,25 @@ export class PktIcon extends PktElement {
   @property({ type: Array, noAccessor: true })
   private _updatedProps: string[] = []
 
+  connectedCallback(): void {
+    super.connectedCallback()
+    this.classList.add('pkt-icon')
+  }
   async attributeChangedCallback(name: string, _old: string | null, value: string | null) {
     super.attributeChangedCallback(name, _old, value)
+    if (name === 'name' || name === 'path') this.getIcon(this.name)
+  }
+
+  protected async updated(_changedProperties: PropertyValues) {
+    super.updated(_changedProperties)
+    if (_changedProperties.has('name') || _changedProperties.has('path')) {
+      this.getIcon(this.name)
+    }
+  }
+
+  protected async getIcon(name = '') {
     if (this._updatedProps.length > 0) {
+      if (!this.path) this.path === window.pktIconPath
       this.icon = unsafeSVG(
         await downloadIconOrGetFromCache(this.name || '', this.path).then((res) => res),
       ) as SVGElement

package/dist/class-map-BQ5k1q3A.cjs

@@ -1,5 +0,0 @@
-"use strict";const a=require("./index-BUZITHLd.cjs"),n=require("./directive-19_ixLKS.cjs");/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const c=n.e(class extends n.i{constructor(e){var s;if(super(e),e.type!==n.t$1.ATTRIBUTE||e.name!=="class"||((s=e.strings)==null?void 0:s.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return" "+Object.keys(e).filter(s=>e[s]).join(" ")+" "}update(e,[s]){var r,o;if(this.st===void 0){this.st=new Set,e.strings!==void 0&&(this.nt=new Set(e.strings.join(" ").split(/\s/).filter(t=>t!=="")));for(const t in s)s[t]&&!((r=this.nt)!=null&&r.has(t))&&this.st.add(t);return this.render(s)}const i=e.element.classList;for(const t of this.st)t in s||(i.remove(t),this.st.delete(t));for(const t in s){const h=!!s[t];h===this.st.has(t)||(o=this.nt)!=null&&o.has(t)||(h?(i.add(t),this.st.add(t)):(i.remove(t),this.st.delete(t)))}return a.R}});exports.Rt=c;

package/dist/index-BFqUD8HI.cjs

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

package/dist/index-exzYRW0z.js

@@ -1,82 +0,0 @@
-import { D as w, R as g, P as y, k as P, n as a } from "./index-m5WP1NKD.js";
-import { i as m, a as k, e as v, t as _ } from "./directive-DA0-wdk7.js";
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-class l extends m {
-  constructor(t) {
-    if (super(t), this.it = w, t.type !== k.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 === g) 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 r = [t];
-    return r.raw = r, this._t = { _$litType$: this.constructor.resultType, strings: r, values: [] };
-  }
-}
-l.directiveName = "unsafeHTML", l.resultType = 1;
-const x = v(l);
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-class d extends l {
-}
-d.directiveName = "unsafeSVG", d.resultType = 2;
-const f = v(d);
-var b = Object.defineProperty, I = Object.getOwnPropertyDescriptor, n = (e, t, r, s) => {
-  for (var i = s > 1 ? void 0 : s ? I(t, r) : t, p = e.length - 1, h; p >= 0; p--)
-    (h = e[p]) && (i = (s ? h(t, r, i) : h(i)) || i);
-  return s && i && b(t, r, i), i;
-};
-window.pktFetch = window.pktFetch === void 0 ? fetch : window.pktFetch;
-window.pktIconPath = window.pktIconPath || "https://punkt-cdn.oslo.kommune.no/latest/icons/";
-const S = (e) => new Promise((t) => setTimeout(t, e)), c = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>', u = {}, C = async (e, t) => {
-  let r = 0;
-  for (; u[t + e + ".svg"] === "fetching" && (r++, !(r > 50)); )
-    await S(50);
-  return localStorage.getItem(t + e + ".svg") ? Promise.resolve(localStorage.getItem(t + e + ".svg")) : 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 && localStorage.setItem(t + e + ".svg", s), u[t + e + ".svg"] = "fetched", s))
-  )) : Promise.resolve(c);
-};
-let o = class extends y {
-  constructor() {
-    super(), this.path = window.pktIconPath, this.name = "", this.icon = f(c), this._updatedProps = [], this.classList.add("pkt-icon");
-  }
-  willUpdate(e) {
-    super.willUpdate(e), e.has("class") && this.classList.add("my-element");
-  }
-  async attributeChangedCallback(e, t, r) {
-    super.attributeChangedCallback(e, t, r), this._updatedProps.length > 0 ? (this.icon = f(
-      await C(this.name || "", this.path).then((s) => s)
-    ), this._updatedProps = []) : this._updatedProps.includes(e) || this._updatedProps.push(e);
-  }
-  render() {
-    return P`${this.name && this.icon}`;
-  }
-};
-n([
-  a({ type: String, reflect: !1 })
-], o.prototype, "path", 2);
-n([
-  a({ type: String, reflect: !0 })
-], o.prototype, "name", 2);
-n([
-  a({ type: SVGElement })
-], o.prototype, "icon", 2);
-n([
-  a({ type: Array, noAccessor: !0 })
-], o.prototype, "_updatedProps", 2);
-o = n([
-  _("pkt-icon")
-], o);
-export {
-  o as P,
-  x as a
-};

package/dist/ref-BdbjJbqo.cjs

@@ -1,13 +0,0 @@
-"use strict";const a=require("./index-BUZITHLd.cjs"),$=require("./directive-19_ixLKS.cjs");class p{constructor(e,...s){this.nodes=[],this.host=e,this.host.addController(this),this.slots=s,this.nodes=[]}hostConnected(){Array.from(this.host.childNodes).forEach(e=>{var s;if(e.nodeName==="#text"){if((s=e.nodeValue)!=null&&s.trim()){const i=document==null?void 0:document.createElement("template");i.content.appendChild(e),this.nodes.push(i)}}else this.nodes.push(e)})}hostUpdated(){this.slots.forEach(e=>{if(!e.value)return;const s=e.value.getAttribute("name"),i=this.nodes.flatMap(n=>n.getAttribute&&n.getAttribute("slot")==s?this.nodeFromElement(n,e):[]);i.length&&e.value.replaceChildren(...i)})}nodeFromElement(e,s){var i;return e===((i=s.value)==null?void 0:i.parentNode)?[]:e instanceof HTMLTemplateElement?Array.from(e.content.childNodes):e}}/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const{I:g}=a.si,m=t=>t.strings===void 0,_=()=>document.createComment(""),N=(t,e,s)=>{var o;const i=t._$AA.parentNode,n=e===void 0?t._$AB:e._$AA;if(s===void 0){const c=i.insertBefore(_(),n),l=i.insertBefore(_(),n);s=new g(c,l,t,t.options)}else{const c=s._$AB.nextSibling,l=s._$AM,u=l!==t;if(u){let h;(o=s._$AQ)==null||o.call(s,t),s._$AM=t,s._$AP!==void 0&&(h=t._$AU)!==l._$AU&&s._$AP(h)}if(c!==n||u){let h=s._$AA;for(;h!==c;){const v=h.nextSibling;i.insertBefore(h,n),h=v}}}return s},b=(t,e,s=t)=>(t._$AI(e,s),t),C={},Y=(t,e=C)=>t._$AH=e,M=t=>t._$AH,y=t=>{var i;(i=t._$AP)==null||i.call(t,!1,!0);let e=t._$AA;const s=t._$AB.nextSibling;for(;e!==s;){const n=e.nextSibling;e.remove(),e=n}};/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const r=(t,e)=>{var i;const s=t._$AN;if(s===void 0)return!1;for(const n of s)(i=n._$AO)==null||i.call(n,e,!1),r(n,e);return!0},d=t=>{let e,s;do{if((e=t._$AM)===void 0)break;s=e._$AN,s.delete(t),t=e}while((s==null?void 0:s.size)===0)},f=t=>{for(let e;e=t._$AM;t=e){let s=e._$AN;if(s===void 0)e._$AN=s=new Set;else if(s.has(t))break;s.add(t),S(e)}};function w(t){this._$AN!==void 0?(d(this),this._$AM=t,f(this)):this._$AM=t}function x(t,e=!1,s=0){const i=this._$AH,n=this._$AN;if(n!==void 0&&n.size!==0)if(e)if(Array.isArray(i))for(let o=s;o<i.length;o++)r(i[o],!1),d(i[o]);else i!=null&&(r(i,!1),d(i));else r(this,t)}const S=t=>{t.type==$.t$1.CHILD&&(t._$AP??(t._$AP=x),t._$AQ??(t._$AQ=w))};class k extends $.i{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,s,i){super._$AT(e,s,i),f(this),this.isConnected=e._$AU}_$AO(e,s=!0){var i,n;e!==this.isConnected&&(this.isConnected=e,e?(i=this.reconnected)==null||i.call(this):(n=this.disconnected)==null||n.call(this)),s&&(r(this,e),d(this))}setValue(e){if(m(this.t))this.t._$AI(e,this);else{const s=[...this.t._$AH];s[this.i]=e,this.t._$AI(s,this,0)}}disconnected(){}reconnected(){}}/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const B=()=>new E;class E{}const A=new WeakMap,H=$.e(class extends k{render(t){return a.D}update(t,[e]){var i;const s=e!==this.Y;return s&&this.Y!==void 0&&this.rt(void 0),(s||this.lt!==this.ct)&&(this.Y=e,this.ht=(i=t.options)==null?void 0:i.host,this.rt(this.ct=t.element)),a.D}rt(t){if(this.isConnected||(t=void 0),typeof this.Y=="function"){const e=this.ht??globalThis;let s=A.get(e);s===void 0&&(s=new WeakMap,A.set(e,s)),s.get(this.Y)!==void 0&&this.Y.call(this.ht,void 0),s.set(this.Y,t),t!==void 0&&this.Y.call(this.ht,t)}else this.Y.value=t}get lt(){var t,e;return typeof this.Y=="function"?(t=A.get(this.ht??globalThis))==null?void 0:t.get(this.Y):(e=this.Y)==null?void 0:e.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});exports.Kt=H;exports.PktSlotController=p;exports.at=N;exports.ct=b;exports.dt=Y;exports.ii=B;exports.pt=y;exports.ut=M;