@oslokommune/punkt-elements 16.7.1 → 16.7.4

package/src/components/textarea/textarea.ts

@@ -13,7 +13,6 @@ import { ElementProps } from '@/types/typeUtils'
 
 type Props = ElementProps<PktTextarea, 'autocomplete' | 'rows'>
 
-@customElement('pkt-textarea')
 export class PktTextarea extends PktInputElement<Props> {
   inputRef: Ref<HTMLTextAreaElement> = createRef()
 
@@ -115,3 +114,9 @@ export class PktTextarea extends PktInputElement<Props> {
     </pkt-input-wrapper>`
   }
 }
+
+try {
+  customElement('pkt-textarea')(PktTextarea)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-textarea>, men den er allerede definert')
+}

package/src/components/textinput/textinput.ts

@@ -22,7 +22,6 @@ type Props = ElementProps<
   | 'omitSearchIcon'
 >
 
-@customElement('pkt-textinput')
 export class PktTextinput extends PktInputElement<Props> {
   inputRef: Ref<HTMLTextAreaElement> = createRef()
 
@@ -174,3 +173,9 @@ export class PktTextinput extends PktInputElement<Props> {
     `
   }
 }
+
+try {
+  customElement('pkt-textinput')(PktTextinput)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-textinput>, men den er allerede definert')
+}

package/src/components/timepicker/timepicker.ts

@@ -41,7 +41,6 @@ export interface IPktTimepicker {
   inline?: boolean
 }
 
-@customElement('pkt-timepicker')
 export class PktTimepicker extends PktInputElement<Props> {
   hiddenInputRef: Ref<HTMLInputElement> = createRef()
   hoursInputRef: Ref<HTMLInputElement> = createRef()
@@ -792,3 +791,9 @@ export class PktTimepicker extends PktInputElement<Props> {
     `
   }
 }
+
+try {
+  customElement('pkt-timepicker')(PktTimepicker)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-timepicker>, men den er allerede definert')
+}

package/dist/accordionitem-D1Agl1bB.cjs

@@ -1,34 +0,0 @@
-"use strict";const i=require("./element-gR_VtSiD.cjs"),h=require("./class-map-CsENJXf1.cjs"),m=require("./element-with-slot-ZX-up7jO.cjs"),u=require("./ref-CL-Xk9Xm.cjs"),f=require("./if-defined-BOW3ODSj.cjs");var y=Object.defineProperty,k=Object.getOwnPropertyDescriptor,l=(s,t,o,r)=>{for(var e=r>1?void 0:r?k(t,o):t,c=s.length-1,a;c>=0;c--)(a=s[c])&&(e=(r?a(t,o,e):a(e))||e);return r&&e&&y(t,o,e),e};let p=class extends i.i{constructor(){super(...arguments),this.ariaLabelledBy="",this.compact=!1,this.skin="borderless",this.name=""}updated(t){t.has("skin")&&this.requestUpdate(),t.has("name")&&this.updateAccordionItemNames()}updateAccordionItemNames(){var t;if(this.name){const o=(t=this.renderRoot)==null?void 0:t.querySelector("slot");o&&o.assignedElements().forEach(e=>{e.tagName.toLowerCase()==="pkt-accordion-item"&&(e.hasAttribute("name")||e.setAttribute("name",this.name))})}}firstUpdated(){var o;const t=(o=this.renderRoot)==null?void 0:o.querySelector("slot");t&&t.addEventListener("slotchange",()=>{this.updateAccordionItemNames()})}render(){const t={"pkt-accordion":!0,"pkt-accordion--compact":this.compact,[`pkt-accordion--${this.skin}`]:this.skin};return i.b`
-      <div
-        part="container"
-        class=${h.e(t)}
-        data-testid="pkt-accordion"
-        aria-labelledby=${this.ariaLabelledBy}
-      >
-        <slot></slot>
-      </div>
-    `}};l([i.n({type:String,reflect:!0,attribute:"aria-labelledby"})],p.prototype,"ariaLabelledBy",2);l([i.n({type:Boolean,reflect:!0,attribute:"compact"})],p.prototype,"compact",2);l([i.n({type:String,reflect:!0,attribute:"skin"})],p.prototype,"skin",2);l([i.n({type:String,reflect:!0,attribute:"name"})],p.prototype,"name",2);p=l([i.t("pkt-accordion")],p);const _=p;var v=Object.defineProperty,b=Object.getOwnPropertyDescriptor,d=(s,t,o,r)=>{for(var e=r>1?void 0:r?b(t,o):t,c=s.length-1,a;c>=0;c--)(a=s[c])&&(e=(r?a(t,o,e):a(e))||e);return r&&e&&v(t,o,e),e};let n=class extends m.PktElementWithSlot{constructor(){super(),this.defaultOpen=!1,this.title="",this.skin=void 0,this.compact=!1,this.isOpen=!1,this.name=void 0,this.accordionItemRef=u.e()}firstUpdated(s){this.defaultOpen&&(this.isOpen=!0)}render(){const s={"pkt-accordion-item":!0,"pkt-accordion-item--compact":this.compact,[`pkt-accordion-item--${this.skin}`]:!!this.skin};return i.b`
-      <details
-        class=${h.e(s)}
-        id=${this.id}
-        ?open=${this.isOpen}
-        ${u.n(this.accordionItemRef)}
-        name=${f.o(this.name)}
-      >
-        <summary class="pkt-accordion-item__title" id=${`pkt-accordion-item-summary-${this.id}`}>
-          ${this.title}
-          <pkt-icon
-            name="chevron-thin-down"
-            class="pkt-accordion-item__icon"
-            aria-hidden="true"
-          ></pkt-icon>
-        </summary>
-        <div
-          class="pkt-accordion-item__content"
-          id="pkt-accordion-item__content-${this.id}"
-          role="region"
-        >
-          <div class="pkt-accordion-item__content-inner">${m.slotContent(this)}</div>
-        </div>
-      </details>
-    `}};d([i.n({type:Boolean})],n.prototype,"defaultOpen",2);d([i.n({type:String})],n.prototype,"title",2);d([i.n({type:String,reflect:!0})],n.prototype,"skin",2);d([i.n({type:Boolean,reflect:!0})],n.prototype,"compact",2);d([i.n({type:Boolean,reflect:!0})],n.prototype,"isOpen",2);d([i.n({type:String,reflect:!0})],n.prototype,"name",2);n=d([i.t("pkt-accordion-item")],n);const $=n;exports.PktAccordion=_;exports.PktAccordionItem_default=$;

package/dist/accordionitem-ZlaXvjt5.js

@@ -1,138 +0,0 @@
-import { i as u, b as m, n as r, t as h } from "./element-CPpT3rFQ.js";
-import { e as f } from "./class-map-CEnykyO_.js";
-import { P as y, s as _ } from "./element-with-slot-Dqk6-TRR.js";
-import { e as k, n as v } from "./ref-Bg_Swj5w.js";
-import { o as $ } from "./if-defined-B0krMLad.js";
-var b = Object.defineProperty, O = Object.getOwnPropertyDescriptor, l = (t, e, a, o) => {
-  for (var i = o > 1 ? void 0 : o ? O(e, a) : e, n = t.length - 1, c; n >= 0; n--)
-    (c = t[n]) && (i = (o ? c(e, a, i) : c(i)) || i);
-  return o && i && b(e, a, i), i;
-};
-let p = class extends u {
-  constructor() {
-    super(...arguments), this.ariaLabelledBy = "", this.compact = !1, this.skin = "borderless", this.name = "";
-  }
-  updated(t) {
-    t.has("skin") && this.requestUpdate(), t.has("name") && this.updateAccordionItemNames();
-  }
-  updateAccordionItemNames() {
-    var t;
-    if (this.name) {
-      const e = (t = this.renderRoot) == null ? void 0 : t.querySelector("slot");
-      e && e.assignedElements().forEach((o) => {
-        o.tagName.toLowerCase() === "pkt-accordion-item" && (o.hasAttribute("name") || o.setAttribute("name", this.name));
-      });
-    }
-  }
-  firstUpdated() {
-    var e;
-    const t = (e = this.renderRoot) == null ? void 0 : e.querySelector("slot");
-    t && t.addEventListener("slotchange", () => {
-      this.updateAccordionItemNames();
-    });
-  }
-  render() {
-    const t = {
-      "pkt-accordion": !0,
-      "pkt-accordion--compact": this.compact,
-      [`pkt-accordion--${this.skin}`]: this.skin
-    };
-    return m`
-      <div
-        part="container"
-        class=${f(t)}
-        data-testid="pkt-accordion"
-        aria-labelledby=${this.ariaLabelledBy}
-      >
-        <slot></slot>
-      </div>
-    `;
-  }
-};
-l([
-  r({ type: String, reflect: !0, attribute: "aria-labelledby" })
-], p.prototype, "ariaLabelledBy", 2);
-l([
-  r({ type: Boolean, reflect: !0, attribute: "compact" })
-], p.prototype, "compact", 2);
-l([
-  r({ type: String, reflect: !0, attribute: "skin" })
-], p.prototype, "skin", 2);
-l([
-  r({ type: String, reflect: !0, attribute: "name" })
-], p.prototype, "name", 2);
-p = l([
-  h("pkt-accordion")
-], p);
-const C = p;
-var P = Object.defineProperty, g = Object.getOwnPropertyDescriptor, d = (t, e, a, o) => {
-  for (var i = o > 1 ? void 0 : o ? g(e, a) : e, n = t.length - 1, c; n >= 0; n--)
-    (c = t[n]) && (i = (o ? c(e, a, i) : c(i)) || i);
-  return o && i && P(e, a, i), i;
-};
-let s = class extends y {
-  constructor() {
-    super(), this.defaultOpen = !1, this.title = "", this.skin = void 0, this.compact = !1, this.isOpen = !1, this.name = void 0, this.accordionItemRef = k();
-  }
-  firstUpdated(t) {
-    this.defaultOpen && (this.isOpen = !0);
-  }
-  render() {
-    const t = {
-      "pkt-accordion-item": !0,
-      "pkt-accordion-item--compact": this.compact,
-      [`pkt-accordion-item--${this.skin}`]: !!this.skin
-    };
-    return m`
-      <details
-        class=${f(t)}
-        id=${this.id}
-        ?open=${this.isOpen}
-        ${v(this.accordionItemRef)}
-        name=${$(this.name)}
-      >
-        <summary class="pkt-accordion-item__title" id=${`pkt-accordion-item-summary-${this.id}`}>
-          ${this.title}
-          <pkt-icon
-            name="chevron-thin-down"
-            class="pkt-accordion-item__icon"
-            aria-hidden="true"
-          ></pkt-icon>
-        </summary>
-        <div
-          class="pkt-accordion-item__content"
-          id="pkt-accordion-item__content-${this.id}"
-          role="region"
-        >
-          <div class="pkt-accordion-item__content-inner">${_(this)}</div>
-        </div>
-      </details>
-    `;
-  }
-};
-d([
-  r({ type: Boolean })
-], s.prototype, "defaultOpen", 2);
-d([
-  r({ type: String })
-], s.prototype, "title", 2);
-d([
-  r({ type: String, reflect: !0 })
-], s.prototype, "skin", 2);
-d([
-  r({ type: Boolean, reflect: !0 })
-], s.prototype, "compact", 2);
-d([
-  r({ type: Boolean, reflect: !0 })
-], s.prototype, "isOpen", 2);
-d([
-  r({ type: String, reflect: !0 })
-], s.prototype, "name", 2);
-s = d([
-  h("pkt-accordion-item")
-], s);
-const E = s;
-export {
-  C as P,
-  E as a
-};

package/dist/alert-BuAXrnKl.js

@@ -1,115 +0,0 @@
-import { e as h } from "./class-map-CEnykyO_.js";
-import { A as u, b as p, n as a, t as v } from "./element-CPpT3rFQ.js";
-import { r as f } from "./state-C_1EOo3D.js";
-import { P as k, s as m } from "./element-with-slot-Dqk6-TRR.js";
-import { u as _ } from "./classutils-RQs1k6D9.js";
-import "./icon-BlKA8YuW.js";
-import "./button-DEyvt1LI.js";
-const b = { skin: { default: "info" }, ariaLive: { default: "polite" }, compact: { default: !1 }, closeAlert: { default: !1 } }, c = {
-  props: b
-};
-var y = Object.defineProperty, C = Object.getOwnPropertyDescriptor, i = (t, s, l, o) => {
-  for (var r = o > 1 ? void 0 : o ? C(s, l) : s, n = t.length - 1, d; n >= 0; n--)
-    (d = t[n]) && (r = (o ? d(s, l, r) : d(r)) || r);
-  return o && r && y(s, l, r), r;
-};
-let e = class extends k {
-  constructor() {
-    super(), this.compact = c.props.compact.default, this.title = "", this.skin = c.props.skin.default, this.ariaLive = c.props.ariaLive.default, this["aria-live"] = null, this.closeAlert = c.props.closeAlert.default, this.date = null, this.role = "status", this._isClosed = !1, this.close = (t) => {
-      this._isClosed = !0, this.dispatchEvent(
-        new CustomEvent("close", { detail: { origin: t }, bubbles: !0, composed: !0 })
-      ), this.dispatchEvent(
-        new CustomEvent("on-close", { detail: { origin: t }, bubbles: !0, composed: !0 })
-      );
-    }, this._isClosed = !1;
-  }
-  // Lifecycle
-  connectedCallback() {
-    super.connectedCallback(), this["aria-live"] = this.getAttribute("aria-live") || this.ariaLive;
-  }
-  attributeChangedCallback(t, s, l) {
-    t === "ariaLive" && (this["aria-live"] = l), super.attributeChangedCallback(t, s, l);
-  }
-  updated(t) {
-    super.updated(t), t.has("ariaLive") && (this["aria-live"] = this.ariaLive), t.has("_isClosed") && _(this, "pkt-hide", this._isClosed);
-  }
-  // Render
-  render() {
-    const t = {
-      "pkt-alert": !0,
-      "pkt-alert--compact": this.compact,
-      [`pkt-alert--${this.skin}`]: this.skin,
-      "pkt-hide": this._isClosed
-    }, s = {
-      "pkt-alert__grid": !0,
-      "pkt-alert__noTitle": !this.title,
-      "pkt-alert__noDate": !this.date
-    };
-    return p`
-      <div class=${h(t)} aria-live=${this["aria-live"]}>
-        <div class=${h(s)}>
-          <pkt-icon
-            class="pkt-alert__icon"
-            aria-hidden="true"
-            name=${this.skin === "info" ? "alert-information" : `alert-${this.skin}`}
-          ></pkt-icon>
-
-          ${this.closeAlert ? p`
-                <div class="pkt-alert__close">
-                  <pkt-button
-                    tabindex="0"
-                    aria-label="close"
-                    size=${this.compact ? "small" : "medium"}
-                    type="button"
-                    skin="tertiary"
-                    iconName="close"
-                    variant="icon-only"
-                    @click=${this.close}
-                  >
-                    <span class="sr-only">Lukk</span>
-                  </pkt-button>
-                </div>
-              ` : u}
-          ${this.title ? p`<div class="pkt-alert__title">${this.title}</div>` : u}
-
-          <div class="pkt-alert__text">${m(this)}</div>
-
-          ${this.date ? p`<div class="pkt-alert__date">Sist oppdatert: ${this.date}</div>` : u}
-        </div>
-      </div>
-    `;
-  }
-};
-i([
-  a({ type: Boolean, reflect: !1 })
-], e.prototype, "compact", 2);
-i([
-  a({ type: String, reflect: !0 })
-], e.prototype, "title", 2);
-i([
-  a({ type: String, reflect: !0 })
-], e.prototype, "skin", 2);
-i([
-  a({ type: String })
-], e.prototype, "ariaLive", 2);
-i([
-  a({ type: String, reflect: !0 })
-], e.prototype, "aria-live", 2);
-i([
-  a({ type: Boolean, reflect: !0 })
-], e.prototype, "closeAlert", 2);
-i([
-  a({ type: String, reflect: !0 })
-], e.prototype, "date", 2);
-i([
-  a({ type: String, reflect: !0 })
-], e.prototype, "role", 2);
-i([
-  f()
-], e.prototype, "_isClosed", 2);
-e = i([
-  v("pkt-alert")
-], e);
-export {
-  e as P
-};

package/dist/alert-DFkFNTxh.cjs

@@ -1,33 +0,0 @@
-"use strict";const c=require("./class-map-CsENJXf1.cjs"),e=require("./element-gR_VtSiD.cjs"),d=require("./state-Dg-53wQ8.cjs"),u=require("./element-with-slot-ZX-up7jO.cjs"),h=require("./classutils-BwNK82ZQ.cjs");require("./icon-Bqj9oBbl.cjs");require("./button-DYv5Dg4M.cjs");const k={skin:{default:"info"},ariaLive:{default:"polite"},compact:{default:!1},closeAlert:{default:!1}},a={props:k};var v=Object.defineProperty,f=Object.getOwnPropertyDescriptor,i=(o,t,s,r)=>{for(var l=r>1?void 0:r?f(t,s):t,p=o.length-1,n;p>=0;p--)(n=o[p])&&(l=(r?n(t,s,l):n(l))||l);return r&&l&&v(t,s,l),l};exports.PktAlert=class extends u.PktElementWithSlot{constructor(){super(),this.compact=a.props.compact.default,this.title="",this.skin=a.props.skin.default,this.ariaLive=a.props.ariaLive.default,this["aria-live"]=null,this.closeAlert=a.props.closeAlert.default,this.date=null,this.role="status",this._isClosed=!1,this.close=t=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("close",{detail:{origin:t},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:t},bubbles:!0,composed:!0}))},this._isClosed=!1}connectedCallback(){super.connectedCallback(),this["aria-live"]=this.getAttribute("aria-live")||this.ariaLive}attributeChangedCallback(t,s,r){t==="ariaLive"&&(this["aria-live"]=r),super.attributeChangedCallback(t,s,r)}updated(t){super.updated(t),t.has("ariaLive")&&(this["aria-live"]=this.ariaLive),t.has("_isClosed")&&h.updateClassAttribute(this,"pkt-hide",this._isClosed)}render(){const t={"pkt-alert":!0,"pkt-alert--compact":this.compact,[`pkt-alert--${this.skin}`]:this.skin,"pkt-hide":this._isClosed},s={"pkt-alert__grid":!0,"pkt-alert__noTitle":!this.title,"pkt-alert__noDate":!this.date};return e.b`
-      <div class=${c.e(t)} aria-live=${this["aria-live"]}>
-        <div class=${c.e(s)}>
-          <pkt-icon
-            class="pkt-alert__icon"
-            aria-hidden="true"
-            name=${this.skin==="info"?"alert-information":`alert-${this.skin}`}
-          ></pkt-icon>
-
-          ${this.closeAlert?e.b`
-                <div class="pkt-alert__close">
-                  <pkt-button
-                    tabindex="0"
-                    aria-label="close"
-                    size=${this.compact?"small":"medium"}
-                    type="button"
-                    skin="tertiary"
-                    iconName="close"
-                    variant="icon-only"
-                    @click=${this.close}
-                  >
-                    <span class="sr-only">Lukk</span>
-                  </pkt-button>
-                </div>
-              `:e.A}
-          ${this.title?e.b`<div class="pkt-alert__title">${this.title}</div>`:e.A}
-
-          <div class="pkt-alert__text">${u.slotContent(this)}</div>
-
-          ${this.date?e.b`<div class="pkt-alert__date">Sist oppdatert: ${this.date}</div>`:e.A}
-        </div>
-      </div>
-    `}};i([e.n({type:Boolean,reflect:!1})],exports.PktAlert.prototype,"compact",2);i([e.n({type:String,reflect:!0})],exports.PktAlert.prototype,"title",2);i([e.n({type:String,reflect:!0})],exports.PktAlert.prototype,"skin",2);i([e.n({type:String})],exports.PktAlert.prototype,"ariaLive",2);i([e.n({type:String,reflect:!0})],exports.PktAlert.prototype,"aria-live",2);i([e.n({type:Boolean,reflect:!0})],exports.PktAlert.prototype,"closeAlert",2);i([e.n({type:String,reflect:!0})],exports.PktAlert.prototype,"date",2);i([e.n({type:String,reflect:!0})],exports.PktAlert.prototype,"role",2);i([d.r()],exports.PktAlert.prototype,"_isClosed",2);exports.PktAlert=i([e.t("pkt-alert")],exports.PktAlert);

package/dist/async-directive-CMzWMlZ5.js

@@ -1,65 +0,0 @@
-import { r as _ } from "./directive-helpers-rm-28gIj.js";
-import { i as A, t as c } from "./directive-oAbCiebi.js";
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const n = (e, t) => {
-  var i;
-  const s = e._$AN;
-  if (s === void 0) return !1;
-  for (const o of s) (i = o._$AO) == null || i.call(o, t, !1), n(o, t);
-  return !0;
-}, h = (e) => {
-  let t, s;
-  do {
-    if ((t = e._$AM) === void 0) break;
-    s = t._$AN, s.delete(e), e = t;
-  } while ((s == null ? void 0 : s.size) === 0);
-}, $ = (e) => {
-  for (let t; t = e._$AM; e = t) {
-    let s = t._$AN;
-    if (s === void 0) t._$AN = s = /* @__PURE__ */ new Set();
-    else if (s.has(e)) break;
-    s.add(e), l(t);
-  }
-};
-function f(e) {
-  this._$AN !== void 0 ? (h(this), this._$AM = e, $(this)) : this._$AM = e;
-}
-function d(e, t = !1, s = 0) {
-  const i = this._$AH, o = this._$AN;
-  if (o !== void 0 && o.size !== 0) if (t) if (Array.isArray(i)) for (let r = s; r < i.length; r++) n(i[r], !1), h(i[r]);
-  else i != null && (n(i, !1), h(i));
-  else n(this, e);
-}
-const l = (e) => {
-  e.type == c.CHILD && (e._$AP ?? (e._$AP = d), e._$AQ ?? (e._$AQ = f));
-};
-class C extends A {
-  constructor() {
-    super(...arguments), this._$AN = void 0;
-  }
-  _$AT(t, s, i) {
-    super._$AT(t, s, i), $(this), this.isConnected = t._$AU;
-  }
-  _$AO(t, s = !0) {
-    var i, o;
-    t !== this.isConnected && (this.isConnected = t, t ? (i = this.reconnected) == null || i.call(this) : (o = this.disconnected) == null || o.call(this)), s && (n(this, t), h(this));
-  }
-  setValue(t) {
-    if (_(this._$Ct)) this._$Ct._$AI(t, this);
-    else {
-      const s = [...this._$Ct._$AH];
-      s[this._$Ci] = t, this._$Ct._$AI(s, this, 0);
-    }
-  }
-  disconnected() {
-  }
-  reconnected() {
-  }
-}
-export {
-  C as f
-};

package/dist/async-directive-DoMuclel.cjs

@@ -1,5 +0,0 @@
-"use strict";const $=require("./directive-helpers-BP2WOx60.cjs"),c=require("./directive-C7oCP5Bh.cjs");/**
- * @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},h=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)},_=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),f(e)}};function A(t){this._$AN!==void 0?(h(this),this._$AM=t,_(this)):this._$AM=t}function d(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),h(i[o]);else i!=null&&(r(i,!1),h(i));else r(this,t)}const f=t=>{t.type==c.t.CHILD&&(t._$AP??(t._$AP=d),t._$AQ??(t._$AQ=A))};class l extends c.i{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,s,i){super._$AT(e,s,i),_(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),h(this))}setValue(e){if($.r(this._$Ct))this._$Ct._$AI(e,this);else{const s=[...this._$Ct._$AH];s[this._$Ci]=e,this._$Ct._$AI(s,this,0)}}disconnected(){}reconnected(){}}exports.f=l;

package/dist/backlink-EiAXUUZP.cjs

@@ -1,13 +0,0 @@
-"use strict";const r=require("./element-gR_VtSiD.cjs"),c=require("./if-defined-BOW3ODSj.cjs");require("./icon-Bqj9oBbl.cjs");var p=Object.defineProperty,o=Object.getOwnPropertyDescriptor,n=(k,t,a,i)=>{for(var e=i>1?void 0:i?o(t,a):t,s=k.length-1,l;s>=0;s--)(l=k[s])&&(e=(i?l(t,a,e):l(e))||e);return i&&e&&p(t,a,e),e};exports.PktBackLink=class extends r.PktElement{constructor(){super(...arguments),this.href="",this.text="Forsiden",this.ariaLabel=""}attributeChangedCallback(t,a,i){t==="arialabel"&&this.removeAttribute("arialabel"),t==="href"&&this.removeAttribute("href"),t==="text"&&this.removeAttribute("text"),super.attributeChangedCallback(t,a,i)}render(){return r.b`<nav
-      class="pkt-back-link"
-      aria-label=${this.ariaLabel||"Gå tilbake til forrige side"}
-    >
-      <a href=${c.o(this.href||"/")} class="pkt-link pkt-link--icon-left"
-        ><pkt-icon
-          class="pkt-back-link__icon pkt-icon pkt-link__icon"
-          name="chevron-thin-left"
-          aria-hidden="true"
-        ></pkt-icon
-        ><span class="pkt-back-link__text">${this.text}</span></a
-      >
-    </nav>`}};n([r.n({type:String})],exports.PktBackLink.prototype,"href",2);n([r.n({type:String})],exports.PktBackLink.prototype,"text",2);n([r.n({type:String})],exports.PktBackLink.prototype,"ariaLabel",2);exports.PktBackLink=n([r.t("pkt-backlink")],exports.PktBackLink);

package/dist/backlink-V4DAt17e.js

@@ -1,47 +0,0 @@
-import { P as c, b as k, n as o, t as b } from "./element-CPpT3rFQ.js";
-import { o as h } from "./if-defined-B0krMLad.js";
-import "./icon-BlKA8YuW.js";
-var f = Object.defineProperty, u = Object.getOwnPropertyDescriptor, n = (t, r, i, l) => {
-  for (var e = l > 1 ? void 0 : l ? u(r, i) : r, s = t.length - 1, p; s >= 0; s--)
-    (p = t[s]) && (e = (l ? p(r, i, e) : p(e)) || e);
-  return l && e && f(r, i, e), e;
-};
-let a = class extends c {
-  constructor() {
-    super(...arguments), this.href = "", this.text = "Forsiden", this.ariaLabel = "";
-  }
-  // Lifecycle
-  attributeChangedCallback(t, r, i) {
-    t === "arialabel" && this.removeAttribute("arialabel"), t === "href" && this.removeAttribute("href"), t === "text" && this.removeAttribute("text"), super.attributeChangedCallback(t, r, i);
-  }
-  render() {
-    return k`<nav
-      class="pkt-back-link"
-      aria-label=${this.ariaLabel || "Gå tilbake til forrige side"}
-    >
-      <a href=${h(this.href || "/")} class="pkt-link pkt-link--icon-left"
-        ><pkt-icon
-          class="pkt-back-link__icon pkt-icon pkt-link__icon"
-          name="chevron-thin-left"
-          aria-hidden="true"
-        ></pkt-icon
-        ><span class="pkt-back-link__text">${this.text}</span></a
-      >
-    </nav>`;
-  }
-};
-n([
-  o({ type: String })
-], a.prototype, "href", 2);
-n([
-  o({ type: String })
-], a.prototype, "text", 2);
-n([
-  o({ type: String })
-], a.prototype, "ariaLabel", 2);
-a = n([
-  b("pkt-backlink")
-], a);
-export {
-  a as P
-};

package/dist/booleanish-BKVonob4.cjs

@@ -1 +0,0 @@
-"use strict";const t={fromAttribute(r){return r==null?!1:r===""||r==="true"||r===!0?!0:r==="false"||r===!1?!1:!!r},toAttribute(r){return r?"true":"false"}};exports.booleanishConverter=t;

package/dist/booleanish-C9R0tdXH.js

@@ -1,11 +0,0 @@
-const t = {
-  fromAttribute(r) {
-    return r == null ? !1 : r === "" || r === "true" || r === !0 ? !0 : r === "false" || r === !1 ? !1 : !!r;
-  },
-  toAttribute(r) {
-    return r ? "true" : "false";
-  }
-};
-export {
-  t as b
-};

package/dist/button-DEyvt1LI.js

@@ -1,137 +0,0 @@
-import { P as c, s as f } from "./element-with-slot-Dqk6-TRR.js";
-import { A as b, b as l, n as s, t as u } from "./element-CPpT3rFQ.js";
-import { e as y } from "./class-map-CEnykyO_.js";
-import { o as r } from "./if-defined-B0krMLad.js";
-import "./icon-BlKA8YuW.js";
-var m = Object.defineProperty, g = Object.getOwnPropertyDescriptor, e = (t, o, n, p) => {
-  for (var a = p > 1 ? void 0 : p ? g(o, n) : o, d = t.length - 1, h; d >= 0; d--)
-    (h = t[d]) && (a = (p ? h(o, n, a) : h(a)) || a);
-  return p && a && m(o, n, a), a;
-};
-window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/latest/animations/";
-let i = class extends c {
-  constructor() {
-    super(...arguments), this.iconName = "user", this.secondIconName = "user", this.mode = "light", this.size = "medium", this.fullWidth = !1, this.fullWidthOnMobile = !1, this.skin = "primary", this.variant = "label-only", this.state = "normal", this.type = "button", this.form = void 0, this.isLoading = !1, this.disabled = !1, this.loadingAnimationPath = window.pktAnimationPath;
-  }
-  // Lifecycle
-  connectedCallback() {
-    super.connectedCallback(), this.addEventListener(
-      "click",
-      (t) => {
-        (this.disabled || this.hasAttribute("disabled") || this.isLoading) && (t.preventDefault(), t.stopImmediatePropagation());
-      },
-      !0
-    ), this.addEventListener(
-      "keydown",
-      (t) => {
-        (this.disabled || this.hasAttribute("disabled") || this.isLoading) && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopImmediatePropagation());
-      },
-      !0
-    );
-  }
-  attributeChangedCallback(t, o, n) {
-    super.attributeChangedCallback(t, o, n), t === "disabled" && n === "false" && (this.disabled = !1), (t === "isloading" || t === "isLoading") && n === "false" && (this.isLoading = !1);
-  }
-  firstUpdated(t) {
-    super.firstUpdated(t), this.disabled === "false" && (this.disabled = !1), this.isLoading === "false" && (this.isLoading = !1);
-  }
-  // Render
-  render() {
-    const t = this.form ?? this.getAttribute("form") ?? void 0, o = {
-      "pkt-btn": !0,
-      [`pkt-btn--${this.size}`]: !!this.size,
-      [`pkt-btn--${this.skin}`]: !!this.skin,
-      [`pkt-btn--${this.variant}`]: !!this.variant,
-      [`pkt-btn--${this.color}`]: !!this.color,
-      [`pkt-btn--${this.state}`]: !!this.state,
-      "pkt-btn--full": !!this.fullWidth,
-      "pkt-btn--full-small": !!this.fullWidthOnMobile,
-      "pkt-btn--disabled": !!this.disabled,
-      "pkt-btn--isLoading": !!this.isLoading
-    };
-    return l`
-      <button
-        class=${y(o)}
-        type=${this.type}
-        ?disabled=${!!this.disabled}
-        aria-busy=${r(this.isLoading ? "true" : void 0)}
-        aria-disabled=${r(this.disabled || this.isLoading ? "true" : void 0)}
-        form=${r(t)}
-      >
-        ${this.isLoading ? l`<pkt-icon
-              class="pkt-btn__icon pkt-btn__spinner"
-              name="spinner-blue"
-              path=${r(this.loadingAnimationPath)}
-            ></pkt-icon>` : b}
-        ${this.variant !== "label-only" ? l`<pkt-icon
-              class="pkt-btn__icon pkt-icon"
-              name=${this.iconName}
-              path=${r(this.iconPath)}
-            ></pkt-icon>` : b}
-        <span class="pkt-btn__text">${f(this)}</span>
-        ${this.variant === "icons-right-and-left" ? l`<pkt-icon
-              class="pkt-btn__icon"
-              name=${this.secondIconName}
-              path=${r(this.secondIconPath)}
-            ></pkt-icon>` : b}
-      </button>
-    `;
-  }
-};
-e([
-  s({ type: String })
-], i.prototype, "iconName", 2);
-e([
-  s({ type: String })
-], i.prototype, "secondIconName", 2);
-e([
-  s({ type: String })
-], i.prototype, "iconPath", 2);
-e([
-  s({ type: String })
-], i.prototype, "secondIconPath", 2);
-e([
-  s({ type: String })
-], i.prototype, "mode", 2);
-e([
-  s({ type: String })
-], i.prototype, "size", 2);
-e([
-  s({ type: Boolean, attribute: "full-width" })
-], i.prototype, "fullWidth", 2);
-e([
-  s({ type: Boolean, attribute: "full-width-on-mobile" })
-], i.prototype, "fullWidthOnMobile", 2);
-e([
-  s({ type: String })
-], i.prototype, "color", 2);
-e([
-  s({ type: String })
-], i.prototype, "skin", 2);
-e([
-  s({ type: String })
-], i.prototype, "variant", 2);
-e([
-  s({ type: String, reflect: !0 })
-], i.prototype, "state", 2);
-e([
-  s({ type: String, reflect: !0 })
-], i.prototype, "type", 2);
-e([
-  s({ type: String })
-], i.prototype, "form", 2);
-e([
-  s({ type: Boolean, reflect: !0 })
-], i.prototype, "isLoading", 2);
-e([
-  s({ type: Boolean, reflect: !0 })
-], i.prototype, "disabled", 2);
-e([
-  s({ type: String })
-], i.prototype, "loadingAnimationPath", 2);
-i = e([
-  u("pkt-button")
-], i);
-export {
-  i as P
-};