@oslokommune/punkt-elements 16.0.3 → 16.1.0

package/dist/link-Bscfb6s9.js

@@ -1,54 +0,0 @@
-import { P as h, A as m, b as c, n as o, t as u } from "./element-CV9utnHJ.js";
-import { P } from "./pkt-slot-controller-D7CrjM52.js";
-import { e as k, n as g } from "./ref-Dma3n3i8.js";
-import { e as y } from "./class-map-3ADKve8g.js";
-import "./icon-D0IQAVwS.js";
-const d = { href: { default: "#" }, target: { default: "_self" } }, f = {
-  props: d
-};
-var _ = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, r = (i, n, l, s) => {
-  for (var t = s > 1 ? void 0 : s ? $(n, l) : n, p = i.length - 1, a; p >= 0; p--)
-    (a = i[p]) && (t = (s ? a(n, l, t) : a(t)) || t);
-  return s && t && _(n, l, t), t;
-};
-let e = class extends h {
-  constructor() {
-    super(), this.defaultSlot = k(), this.href = f.props.href.default, this.iconName = void 0, this.iconPosition = void 0, this.external = !1, this.target = f.props.target.default, this.slotController = new P(this, this.defaultSlot);
-  }
-  render() {
-    const i = {
-      "pkt-link": !0,
-      "pkt-link--icon-left": !!this.iconName && this.iconPosition === "left" || !!(this.iconName && !this.iconPosition),
-      "pkt-link--icon-right": !!this.iconName && this.iconPosition === "right",
-      "pkt-link--external": this.external
-    };
-    return c`<a
-      class=${y(i)}
-      href=${this.href}
-      .target=${this.target}
-      .rel=${this.external ? "noopener noreferrer" : m}
-      >${this.iconName ? c`<pkt-icon name=${this.iconName} class="pkt-link__icon"></pkt-icon>` : ""} <span ${g(this.defaultSlot)}>Link</span></a
-    >`;
-  }
-};
-r([
-  o({ type: String, reflect: !0 })
-], e.prototype, "href", 2);
-r([
-  o({ type: String, reflect: !0 })
-], e.prototype, "iconName", 2);
-r([
-  o({ type: String, reflect: !0 })
-], e.prototype, "iconPosition", 2);
-r([
-  o({ type: Boolean, reflect: !0 })
-], e.prototype, "external", 2);
-r([
-  o({ type: String, reflect: !0 })
-], e.prototype, "target", 2);
-e = r([
-  u("pkt-link")
-], e);
-export {
-  e as P
-};

package/dist/link-CDuv1jxx.cjs

@@ -1,7 +0,0 @@
-"use strict";const t=require("./element-CMTfByxQ.cjs"),h=require("./pkt-slot-controller-D4nKlom5.cjs"),c=require("./ref-CxLwrCxt.cjs"),k=require("./class-map-Bokp1SoS.cjs");require("./icon-Dj0oZZSa.cjs");const f={href:{default:"#"},target:{default:"_self"}},a={props:f};var u=Object.defineProperty,P=Object.getOwnPropertyDescriptor,i=(o,r,s,n)=>{for(var e=n>1?void 0:n?P(r,s):r,l=o.length-1,p;l>=0;l--)(p=o[l])&&(e=(n?p(r,s,e):p(e))||e);return n&&e&&u(r,s,e),e};exports.PktLink=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.href=a.props.href.default,this.iconName=void 0,this.iconPosition=void 0,this.external=!1,this.target=a.props.target.default,this.slotController=new h.PktSlotController(this,this.defaultSlot)}render(){const r={"pkt-link":!0,"pkt-link--icon-left":!!this.iconName&&this.iconPosition==="left"||!!(this.iconName&&!this.iconPosition),"pkt-link--icon-right":!!this.iconName&&this.iconPosition==="right","pkt-link--external":this.external};return t.b`<a
-      class=${k.e(r)}
-      href=${this.href}
-      .target=${this.target}
-      .rel=${this.external?"noopener noreferrer":t.A}
-      >${this.iconName?t.b`<pkt-icon name=${this.iconName} class="pkt-link__icon"></pkt-icon>`:""} <span ${c.n(this.defaultSlot)}>Link</span></a
-    >`}};i([t.n({type:String,reflect:!0})],exports.PktLink.prototype,"href",2);i([t.n({type:String,reflect:!0})],exports.PktLink.prototype,"iconName",2);i([t.n({type:String,reflect:!0})],exports.PktLink.prototype,"iconPosition",2);i([t.n({type:Boolean,reflect:!0})],exports.PktLink.prototype,"external",2);i([t.n({type:String,reflect:!0})],exports.PktLink.prototype,"target",2);exports.PktLink=i([t.t("pkt-link")],exports.PktLink);

package/dist/linkcard-3WUL0CpY.cjs

@@ -1,13 +0,0 @@
-"use strict";const t=require("./element-CMTfByxQ.cjs"),k=require("./ref-CxLwrCxt.cjs"),p=require("./pkt-slot-controller-D4nKlom5.cjs");require("./icon-Dj0oZZSa.cjs");const c=require("./if-defined-hKKmbsI8.cjs");var f=Object.defineProperty,h=Object.getOwnPropertyDescriptor,r=(o,n,i,l)=>{for(var e=l>1?void 0:l?h(n,i):n,s=o.length-1,a;s>=0;s--)(a=o[s])&&(e=(l?a(n,i,e):a(e))||e);return l&&e&&f(n,i,e),e};exports.PktLinkCard=class extends t.PktElement{constructor(){super(),this.defaultSlot=k.e(),this.title="",this.href="#",this.iconName="",this.external=!1,this.openInNewTab=!1,this.skin="normal",this.slotController=new p.PktSlotController(this,this.defaultSlot)}render(){const n=["pkt-linkcard",this.skin&&`pkt-linkcard--${this.skin}`].filter(Boolean).join(" "),i=["pkt-linkcard__title",this.external&&"pkt-link pkt-link--external"].filter(Boolean).join(" ");return t.b`
-      <a
-        href=${this.href}
-        class=${n}
-        target=${this.openInNewTab?"_blank":"_self"}
-        rel=${c.o(this.openInNewTab?"noopener noreferrer":void 0)}
-      >
-        ${this.iconName&&t.b`<pkt-icon class="pkt-link__icon" name="${this.iconName}" />`}
-        ${this.title&&t.b`<div class=${i}>${this.title}</div>`}
-
-        <div class="pkt-linkcard__text" ${k.n(this.defaultSlot)}></div>
-      </a>
-    `}};r([t.n({type:String,reflect:!0})],exports.PktLinkCard.prototype,"title",2);r([t.n({type:String,reflect:!0})],exports.PktLinkCard.prototype,"href",2);r([t.n({type:String,reflect:!0})],exports.PktLinkCard.prototype,"iconName",2);r([t.n({type:Boolean,reflect:!0})],exports.PktLinkCard.prototype,"external",2);r([t.n({type:Boolean,reflect:!0})],exports.PktLinkCard.prototype,"openInNewTab",2);r([t.n({type:String,reflect:!0})],exports.PktLinkCard.prototype,"skin",2);exports.PktLinkCard=r([t.t("pkt-linkcard")],exports.PktLinkCard);

package/dist/linkcard-wNgRxJ-S.js

@@ -1,55 +0,0 @@
-import { P as f, b as c, n as o, t as h } from "./element-CV9utnHJ.js";
-import { e as k, n as m } from "./ref-Dma3n3i8.js";
-import { P as d } from "./pkt-slot-controller-D7CrjM52.js";
-import "./icon-D0IQAVwS.js";
-import { o as u } from "./if-defined-rXcLNTzN.js";
-var _ = Object.defineProperty, y = Object.getOwnPropertyDescriptor, r = (n, i, s, l) => {
-  for (var e = l > 1 ? void 0 : l ? y(i, s) : i, a = n.length - 1, p; a >= 0; a--)
-    (p = n[a]) && (e = (l ? p(i, s, e) : p(e)) || e);
-  return l && e && _(i, s, e), e;
-};
-let t = class extends f {
-  constructor() {
-    super(), this.defaultSlot = k(), this.title = "", this.href = "#", this.iconName = "", this.external = !1, this.openInNewTab = !1, this.skin = "normal", this.slotController = new d(this, this.defaultSlot);
-  }
-  render() {
-    const n = ["pkt-linkcard", this.skin && `pkt-linkcard--${this.skin}`].filter(Boolean).join(" "), i = ["pkt-linkcard__title", this.external && "pkt-link pkt-link--external"].filter(Boolean).join(" ");
-    return c`
-      <a
-        href=${this.href}
-        class=${n}
-        target=${this.openInNewTab ? "_blank" : "_self"}
-        rel=${u(this.openInNewTab ? "noopener noreferrer" : void 0)}
-      >
-        ${this.iconName && c`<pkt-icon class="pkt-link__icon" name="${this.iconName}" />`}
-        ${this.title && c`<div class=${i}>${this.title}</div>`}
-
-        <div class="pkt-linkcard__text" ${m(this.defaultSlot)}></div>
-      </a>
-    `;
-  }
-};
-r([
-  o({ type: String, reflect: !0 })
-], t.prototype, "title", 2);
-r([
-  o({ type: String, reflect: !0 })
-], t.prototype, "href", 2);
-r([
-  o({ type: String, reflect: !0 })
-], t.prototype, "iconName", 2);
-r([
-  o({ type: Boolean, reflect: !0 })
-], t.prototype, "external", 2);
-r([
-  o({ type: Boolean, reflect: !0 })
-], t.prototype, "openInNewTab", 2);
-r([
-  o({ type: String, reflect: !0 })
-], t.prototype, "skin", 2);
-t = r([
-  h("pkt-linkcard")
-], t);
-export {
-  t as P
-};

package/dist/messagebox-Dmot5szX.cjs

@@ -1,13 +0,0 @@
-"use strict";const e=require("./element-CMTfByxQ.cjs"),b=require("./pkt-slot-controller-D4nKlom5.cjs"),n=require("./ref-CxLwrCxt.cjs"),u=require("./class-map-Bokp1SoS.cjs"),d=require("./state-BNgpvY-A.cjs");require("./icon-Dj0oZZSa.cjs");const k=require("./classutils-BwNK82ZQ.cjs"),h={skin:{default:"beige"},compact:{default:!1},closable:{default:!1}},p={props:h};var f=Object.defineProperty,g=Object.getOwnPropertyDescriptor,o=(i,t,a,l)=>{for(var s=l>1?void 0:l?g(t,a):t,r=i.length-1,c;r>=0;r--)(c=i[r])&&(s=(l?c(t,a,s):c(s))||s);return l&&s&&f(t,a,s),s};exports.PktMessagebox=class extends e.PktElement{constructor(){super(),this.defaultSlot=n.e(),this.closable=p.props.closable.default,this.compact=p.props.compact.default,this.title="",this.skin=p.props.skin.default,this._isClosed=!1,this.close=t=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("close",{detail:{origin:t},bubbles:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:t},bubbles:!0}))},this.slotController=new b.PktSlotController(this,this.defaultSlot),this._isClosed=!1}updated(t){super.updated(t),t.has("_isClosed")&&k.updateClassAttribute(this,"pkt-hide",this._isClosed)}render(){const t={"pkt-messagebox":!0,"pkt-messagebox--compact":this.compact,[`pkt-messagebox--${this.skin}`]:this.skin,"pkt-messagebox--closable":this.closable,"pkt-hide":this._isClosed};return e.b`<div class=${u.e(t)}>
-      ${this.closable?e.b`<div class="pkt-messagebox__close">
-            <button
-              @click=${this.close}
-              class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only"
-              aria-label="Lukk"
-            >
-              <pkt-icon name="close" class="pkt-link__icon"></pkt-icon>
-            </button>
-          </div>`:e.A}
-      ${this.title?e.b`<div class="pkt-messagebox__title">${this.title}</div>`:e.A}
-      <div class="pkt-messagebox__text" ${n.n(this.defaultSlot)}></div>
-    </div>`}};o([e.n({type:Boolean,reflect:!0})],exports.PktMessagebox.prototype,"closable",2);o([e.n({type:Boolean,reflect:!0})],exports.PktMessagebox.prototype,"compact",2);o([e.n({type:String,reflect:!0})],exports.PktMessagebox.prototype,"title",2);o([e.n({type:String,reflect:!0})],exports.PktMessagebox.prototype,"skin",2);o([d.r()],exports.PktMessagebox.prototype,"_isClosed",2);exports.PktMessagebox=o([e.t("pkt-messagebox")],exports.PktMessagebox);

package/dist/messagebox-LBEzcr6B.js

@@ -1,70 +0,0 @@
-import { P as d, A as b, b as n, n as a, t as m } from "./element-CV9utnHJ.js";
-import { P as h } from "./pkt-slot-controller-D7CrjM52.js";
-import { e as f, n as k } from "./ref-Dma3n3i8.js";
-import { e as _ } from "./class-map-3ADKve8g.js";
-import { r as v } from "./state-l4hGZdFJ.js";
-import "./icon-D0IQAVwS.js";
-import { u as g } from "./classutils-RQs1k6D9.js";
-const C = { skin: { default: "beige" }, compact: { default: !1 }, closable: { default: !1 } }, u = {
-  props: C
-};
-var x = Object.defineProperty, y = Object.getOwnPropertyDescriptor, o = (t, l, p, i) => {
-  for (var s = i > 1 ? void 0 : i ? y(l, p) : l, r = t.length - 1, c; r >= 0; r--)
-    (c = t[r]) && (s = (i ? c(l, p, s) : c(s)) || s);
-  return i && s && x(l, p, s), s;
-};
-let e = class extends d {
-  constructor() {
-    super(), this.defaultSlot = f(), this.closable = u.props.closable.default, this.compact = u.props.compact.default, this.title = "", this.skin = u.props.skin.default, this._isClosed = !1, this.close = (t) => {
-      this._isClosed = !0, this.dispatchEvent(new CustomEvent("close", { detail: { origin: t }, bubbles: !0 })), this.dispatchEvent(new CustomEvent("on-close", { detail: { origin: t }, bubbles: !0 }));
-    }, this.slotController = new h(this, this.defaultSlot), this._isClosed = !1;
-  }
-  // Lifecycle
-  updated(t) {
-    super.updated(t), t.has("_isClosed") && g(this, "pkt-hide", this._isClosed);
-  }
-  // Render
-  render() {
-    const t = {
-      "pkt-messagebox": !0,
-      "pkt-messagebox--compact": this.compact,
-      [`pkt-messagebox--${this.skin}`]: this.skin,
-      "pkt-messagebox--closable": this.closable,
-      "pkt-hide": this._isClosed
-    };
-    return n`<div class=${_(t)}>
-      ${this.closable ? n`<div class="pkt-messagebox__close">
-            <button
-              @click=${this.close}
-              class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only"
-              aria-label="Lukk"
-            >
-              <pkt-icon name="close" class="pkt-link__icon"></pkt-icon>
-            </button>
-          </div>` : b}
-      ${this.title ? n`<div class="pkt-messagebox__title">${this.title}</div>` : b}
-      <div class="pkt-messagebox__text" ${k(this.defaultSlot)}></div>
-    </div>`;
-  }
-};
-o([
-  a({ type: Boolean, reflect: !0 })
-], e.prototype, "closable", 2);
-o([
-  a({ type: Boolean, reflect: !0 })
-], e.prototype, "compact", 2);
-o([
-  a({ type: String, reflect: !0 })
-], e.prototype, "title", 2);
-o([
-  a({ type: String, reflect: !0 })
-], e.prototype, "skin", 2);
-o([
-  v()
-], e.prototype, "_isClosed", 2);
-e = o([
-  m("pkt-messagebox")
-], e);
-export {
-  e as P
-};

package/dist/modal-S9MOKOaz.cjs

@@ -1,37 +0,0 @@
-"use strict";const d=require("./class-map-Bokp1SoS.cjs"),o=require("./element-CMTfByxQ.cjs"),h=require("./state-BNgpvY-A.cjs"),u=require("./pkt-slot-controller-D4nKlom5.cjs"),r=require("./ref-CxLwrCxt.cjs");require("./icon-Dj0oZZSa.cjs");const k={hideCloseButton:{default:!1},closeOnBackdropClick:{default:!1},size:{default:"medium"}},p={props:k};var m=Object.defineProperty,v=Object.getOwnPropertyDescriptor,l=(c,t,e,i)=>{for(var s=i>1?void 0:i?v(t,e):t,a=c.length-1,n;a>=0;a--)(n=c[a])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&m(t,e,s),s};exports.PktModal=class extends o.PktElement{constructor(){super(),this.headingText="",this.removePadding=!1,this.hideCloseButton=p.props.hideCloseButton.default,this.closeOnBackdropClick=p.props.closeOnBackdropClick.default,this.closeButtonSkin="blue",this.size=p.props.size.default,this.variant="dialog",this.drawerPosition="right",this.transparentBackdrop=!1,this.defaultSlot=r.e(),this.dialogRef=r.e(),this._isOpen=!1,this.close=(t,e=!1)=>{var s;if(!this._isOpen)return;this._isOpen=!1,document.body.classList.remove("pkt-modal--open");const i=document.activeElement;i&&!this.isElementInViewport(i)&&i.scrollIntoView({behavior:"smooth",block:"nearest"}),this.dispatchEvent(new CustomEvent("close",{detail:{origin:t},bubbles:!0,composed:!0})),e||(s=this.dialogRef.value)==null||s.close(),this.requestUpdate()},this.showModal=(t=null)=>{var i;this._isOpen=!0,(i=this.dialogRef.value)==null||i.showModal();const e=document.querySelector(".pkt-modal");requestAnimationFrame(()=>{var s;this.dialogRef.value&&((s=this.dialogRef.value)==null||s.focus())}),e&&document.body.classList.add("pkt-modal--open"),this.dispatchEvent(new CustomEvent("showModal",{detail:{origin:t},bubbles:!0,composed:!0})),this.requestUpdate()},this.slotController=new u.PktSlotController(this,this.defaultSlot),this._isOpen=!1}async connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this.handleKeyDown.bind(this)),document.addEventListener("click",this.handleBackdropClick.bind(this))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("click",this.handleBackdropClick)}async firstUpdated(t){super.firstUpdated(t),this.dialogRef.value&&!window.HTMLDialogElement&&!this.dialogRef.value.showModal&&("document"in window&&"createElement"in document&&(await Promise.resolve().then(()=>require("./dialog-polyfill.esm-CPKZe7AL.cjs")).then(i=>i.default)).registerDialog(this.dialogRef.value),this.dialogRef.value.addEventListener("close",()=>{this.close(new Event("close"),!0)}))}handleKeyDown(t){t.key==="Escape"&&this.close(t)}handleBackdropClick(t){var e;this.closeOnBackdropClick&&t.target===((e=this.dialogRef)==null?void 0:e.value)&&this.close(t)}isElementInViewport(t){const e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}render(){const t={"pkt-modal":!0,"pkt-modal--removePadding":this.removePadding??!1,"pkt-modal--noHeadingText":this.headingText===""||this.headingText===void 0,"pkt-modal--noShadow":this.closeButtonSkin==="yellow-filled","pkt-modal--transparentBackdrop":this.transparentBackdrop??!1,[`pkt-modal--${this.size}`]:this.size!==void 0,[`pkt-modal__${this.variant}`]:this.variant!==void 0,[`pkt-modal__drawer--${this.drawerPosition}`]:this.variant==="drawer"},e={"pkt-modal__headingText":!0,"pkt-txt-24":!0},i={"pkt-modal__content":!0,"pkt-txt-18-light":!0},s=this.closeButtonSkin==="blue",a={"pkt-modal__closeButton":!0,[`pkt-modal__closeButton--${this.closeButtonSkin}`]:!0};return o.b`
-      <dialog
-        class=${d.e(t)}
-        ${r.n(this.dialogRef)}
-        aria-labelledby="pkt-modal__headingText"
-        aria-describedby="pkt-modal__content"
-        @close=${n=>this.close(n,!0)}
-      >
-        <div class="pkt-modal__wrapper">
-          ${this.headingText||!this.hideCloseButton?o.b`<div class="pkt-modal__header">
-                <div class="pkt-modal__header-background"></div>
-                ${this.headingText?o.b`<h1 id="pkt-modal__headingText" class=${d.e(e)}>
-                      ${this.headingText}
-                    </h1>`:o.b`<div class="pkt-modal__headingText"></div>`}
-                ${this.hideCloseButton?o.b`<div class="pkt-modal__noCloseButton"></div>`:o.b`<div class="${d.e(a)}">
-                      <pkt-button
-                        @click=${n=>this.close(n)}
-                        aria-label="close"
-                        iconname="close"
-                        variant="icon-only"
-                        size="medium"
-                        skin=${s?"tertiary":"primary"}
-                      >
-                        Lukk
-                      </pkt-button>
-                    </div>`}
-              </div>`:o.A}
-          <div class="pkt-modal__container">
-            <div
-              id="pkt-modal__content"
-              class=${d.e(i)}
-              ${r.n(this.defaultSlot)}
-            ></div>
-          </div>
-        </div>
-      </dialog>
-    `}};l([o.n({type:String})],exports.PktModal.prototype,"headingText",2);l([o.n({type:Boolean})],exports.PktModal.prototype,"removePadding",2);l([o.n({type:Boolean})],exports.PktModal.prototype,"hideCloseButton",2);l([o.n({type:Boolean})],exports.PktModal.prototype,"closeOnBackdropClick",2);l([o.n({type:String})],exports.PktModal.prototype,"closeButtonSkin",2);l([o.n({type:String})],exports.PktModal.prototype,"size",2);l([o.n({type:String})],exports.PktModal.prototype,"variant",2);l([o.n({type:String})],exports.PktModal.prototype,"drawerPosition",2);l([o.n({type:Boolean})],exports.PktModal.prototype,"transparentBackdrop",2);l([h.r()],exports.PktModal.prototype,"_isOpen",2);exports.PktModal=l([o.t("pkt-modal")],exports.PktModal);

package/dist/pkt-options-controller-BogGk-6J.cjs

@@ -1 +0,0 @@
-"use strict";const r=require("./pkt-slot-controller-D4nKlom5.cjs");class a{constructor(t){this.nodes=[],this.options=[],this.generation=0,this.host=t,this.host.addController(this),this.nodes=[],this.options=[],this.observer=new MutationObserver(e=>this.handleMutations(e))}hostConnected(){Array.from(this.host.childNodes).forEach(t=>{(t.nodeName==="OPTION"||t.nodeName==="DATA")&&this.addNode(t)}),this.createOptions(),this.observer.observe(this.host,{childList:!0,subtree:!1,attributes:!0})}hostDisconnected(){this.observer.disconnect()}addNode(t){(t.nodeName==="OPTION"||t.nodeName==="DATA")&&(t.hasAttribute("hidden")&&!t.hasAttribute("data-skip")&&t.setAttribute("data-hidden","true"),!t.hasAttribute("hidden")&&t.hasAttribute("data-skip")&&t.hasAttribute("data-hidden")&&t.removeAttribute("data-hidden"),t.setAttribute("class","pkt-hide"),t.setAttribute("data-skip","true"),t.setAttribute("hidden","true"),this.nodes.push(t))}createOptions(){this.options=this.nodes.map(t=>({value:t.hasAttribute("value")?t.getAttribute("value")??"":t.textContent??"",label:t.textContent||t.getAttribute("value")||"",selected:t.hasAttribute("selected"),disabled:t.hasAttribute("disabled"),hidden:t.hasAttribute("data-hidden")})),this.generation++,this.host.requestUpdate()}handleMutations(t){let e=!1;t.forEach(s=>{s.type==="childList"&&(s.addedNodes.forEach(i=>{r.isOptionElement(i)&&(this.addNode(i),e=!0)}),s.removedNodes.forEach(i=>{r.isOptionElement(i)&&(this.nodes=this.nodes.filter(h=>h!==i),e=!0)})),s.type==="attributes"&&r.isOptionElement(s.target)&&(this.addNode(s.target),e=!0)}),e&&this.createOptions()}}exports.PktOptionsSlotController=a;

package/dist/pkt-slot-controller-D4nKlom5.cjs

@@ -1 +0,0 @@
-"use strict";function p(e,s){return s.some(t=>t.value===e)}function r(e){return e.classList&&(e.classList.contains("_dialog_overlay")||e.classList.contains("backdrop"))?!0:typeof e.hasAttribute=="function"&&e.hasAttribute("data-skip")}function a(e){return e.nodeName==="OPTION"||e.nodeName==="DATA"}function c(e,s){return e.nodeType===Node.ELEMENT_NODE&&!p(e,s)}function d(e){var s;return e.nodeType===Node.TEXT_NODE&&((s=e.nodeValue)==null?void 0:s.trim())!==""}class S{constructor(s,...t){this.nodes=[],this.filledSlots=new Set,this.skipOptions=!1,this.updatingSlots=!1,this.needsSlotUpdate=!0,this.host=s,this.host.addController(this),this.slots=t,this.nodes=[],this.observer=new MutationObserver(l=>{this.handleMutations(l),this.handleSlotMutations(l)})}hostConnected(){this.updateNodes(),this.observer.observe(this.host,{childList:!0,subtree:!0})}hostDisconnected(){this.observer.disconnect()}hostUpdated(){this.needsSlotUpdate&&(this.needsSlotUpdate=!1,this.updateSlots())}updateNodes(){this.nodes=[],Array.from(this.host.childNodes).forEach(t=>{r(t)||a(t)&&this.skipOptions||(!p(t,this.slots)||d(t))&&this.nodes.push(t)})}updateSlots(){if(this.updatingSlots)return;this.updatingSlots=!0;const s=new Set;this.slots.forEach(t=>{if(!t.value)return;const l=t.value.getAttribute("name");Array.from(t.value.childNodes).some(o=>{var u,f;if(o.nodeType===Node.COMMENT_NODE)return!1;if(o.nodeType===Node.TEXT_NODE)return!!((u=o.textContent)!=null&&u.trim());if(o.nodeType===Node.ELEMENT_NODE){if(r(o))return!1;if((f=o.textContent)!=null&&f.trim())return!0}return!1})&&s.add(l);const n=this.nodes.flatMap(o=>d(o)||o.getAttribute&&o.getAttribute("slot")==l&&!r(o)?o:[]).filter(o=>t.value&&!t.value.contains(o)&&!o.contains(t.value));if(n.length>0)if(typeof t.value.replaceChildren!="function"){for(;t.value.firstChild;)t.value.removeChild(t.value.firstChild);t.value.append(...n)}else t.value.replaceChildren(...n)}),(this.filledSlots.size!==s.size||![...this.filledSlots].every(t=>s.has(t)))&&(this.filledSlots=s,typeof this.host.updateSlots=="function"&&this.host.updateSlots(this.filledSlots)),this.updatingSlots=!1}handleMutations(s){let t=!1;s.forEach(l=>{l.type!=="childList"||l.target!==this.host||(l.addedNodes.forEach(i=>{r(i)||a(i)&&this.skipOptions||(c(i,this.slots)||d(i))&&(this.nodes.push(i),t=!0)}),l.removedNodes.forEach(i=>{r(i)||a(i)&&this.skipOptions||(this.nodes=this.nodes.filter(h=>h!==i),t=!0)}))}),t&&(this.needsSlotUpdate=!0,this.updateSlots())}handleSlotMutations(s){let t=!1;s.forEach(l=>{const i=l.target.parentElement;if(i!=null&&i.hasAttribute("slot")){const h=i.getAttribute("slot"),n=i.hasChildNodes();n&&!this.filledSlots.has(h)?(this.filledSlots.add(h),t=!0):!n&&this.filledSlots.has(h)&&(this.filledSlots.delete(h),t=!0)}}),t&&typeof this.host.updateSlots=="function"&&this.host.updateSlots(this.filledSlots)}}exports.PktSlotController=S;exports.isOptionElement=a;

package/dist/pkt-slot-controller-D7CrjM52.js

@@ -1,95 +0,0 @@
-function p(e, s) {
-  return s.some((t) => t.value === e);
-}
-function n(e) {
-  return e.classList && (e.classList.contains("_dialog_overlay") || e.classList.contains("backdrop")) ? !0 : typeof e.hasAttribute == "function" && e.hasAttribute("data-skip");
-}
-function r(e) {
-  return e.nodeName === "OPTION" || e.nodeName === "DATA";
-}
-function c(e, s) {
-  return e.nodeType === Node.ELEMENT_NODE && !p(e, s);
-}
-function d(e) {
-  var s;
-  return e.nodeType === Node.TEXT_NODE && ((s = e.nodeValue) == null ? void 0 : s.trim()) !== "";
-}
-class S {
-  constructor(s, ...t) {
-    this.nodes = [], this.filledSlots = /* @__PURE__ */ new Set(), this.skipOptions = !1, this.updatingSlots = !1, this.needsSlotUpdate = !0, this.host = s, this.host.addController(this), this.slots = t, this.nodes = [], this.observer = new MutationObserver((l) => {
-      this.handleMutations(l), this.handleSlotMutations(l);
-    });
-  }
-  hostConnected() {
-    this.updateNodes(), this.observer.observe(this.host, { childList: !0, subtree: !0 });
-  }
-  hostDisconnected() {
-    this.observer.disconnect();
-  }
-  hostUpdated() {
-    this.needsSlotUpdate && (this.needsSlotUpdate = !1, this.updateSlots());
-  }
-  // ********* UPDATE NODES *********
-  updateNodes() {
-    this.nodes = [], Array.from(this.host.childNodes).forEach((t) => {
-      n(t) || r(t) && this.skipOptions || (!p(t, this.slots) || d(t)) && this.nodes.push(t);
-    });
-  }
-  // ********* UPDATE SLOTS *********
-  updateSlots() {
-    if (this.updatingSlots) return;
-    this.updatingSlots = !0;
-    const s = /* @__PURE__ */ new Set();
-    this.slots.forEach((t) => {
-      if (!t.value) return;
-      const l = t.value.getAttribute("name");
-      Array.from(t.value.childNodes).some((o) => {
-        var u, f;
-        if (o.nodeType === Node.COMMENT_NODE) return !1;
-        if (o.nodeType === Node.TEXT_NODE) return !!((u = o.textContent) != null && u.trim());
-        if (o.nodeType === Node.ELEMENT_NODE) {
-          if (n(o)) return !1;
-          if ((f = o.textContent) != null && f.trim()) return !0;
-        }
-        return !1;
-      }) && s.add(l);
-      const a = this.nodes.flatMap(
-        (o) => d(o) || o.getAttribute && o.getAttribute("slot") == l && !n(o) ? o : []
-      ).filter(
-        (o) => t.value && !t.value.contains(o) && !o.contains(t.value)
-      );
-      if (a.length > 0)
-        if (typeof t.value.replaceChildren != "function") {
-          for (; t.value.firstChild; )
-            t.value.removeChild(t.value.firstChild);
-          t.value.append(...a);
-        } else
-          t.value.replaceChildren(...a);
-    }), (this.filledSlots.size !== s.size || ![...this.filledSlots].every((t) => s.has(t))) && (this.filledSlots = s, typeof this.host.updateSlots == "function" && this.host.updateSlots(this.filledSlots)), this.updatingSlots = !1;
-  }
-  // ********* HANDLE MUTATIONS *********
-  handleMutations(s) {
-    let t = !1;
-    s.forEach((l) => {
-      l.type !== "childList" || l.target !== this.host || (l.addedNodes.forEach((i) => {
-        n(i) || r(i) && this.skipOptions || (c(i, this.slots) || d(i)) && (this.nodes.push(i), t = !0);
-      }), l.removedNodes.forEach((i) => {
-        n(i) || r(i) && this.skipOptions || (this.nodes = this.nodes.filter((h) => h !== i), t = !0);
-      }));
-    }), t && (this.needsSlotUpdate = !0, this.updateSlots());
-  }
-  handleSlotMutations(s) {
-    let t = !1;
-    s.forEach((l) => {
-      const i = l.target.parentElement;
-      if (i != null && i.hasAttribute("slot")) {
-        const h = i.getAttribute("slot"), a = i.hasChildNodes();
-        a && !this.filledSlots.has(h) ? (this.filledSlots.add(h), t = !0) : !a && this.filledSlots.has(h) && (this.filledSlots.delete(h), t = !0);
-      }
-    }), t && typeof this.host.updateSlots == "function" && this.host.updateSlots(this.filledSlots);
-  }
-}
-export {
-  S as P,
-  r as i
-};

package/dist/ref-CxLwrCxt.cjs

@@ -1,9 +0,0 @@
-"use strict";const d=require("./element-CMTfByxQ.cjs"),a=require("./directive-helpers-B3Vpl3xV.cjs"),l=require("./directive-C7oCP5Bh.cjs");/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const n=(t,e)=>{var i;const s=t._$AN;if(s===void 0)return!1;for(const h of s)(i=h._$AO)==null||i.call(h,e,!1),n(h,e);return!0},r=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 _(t){this._$AN!==void 0?(r(this),this._$AM=t,$(this)):this._$AM=t}function A(t,e=!1,s=0){const i=this._$AH,h=this._$AN;if(h!==void 0&&h.size!==0)if(e)if(Array.isArray(i))for(let o=s;o<i.length;o++)n(i[o],!1),r(i[o]);else i!=null&&(n(i,!1),r(i));else n(this,t)}const f=t=>{t.type==l.t.CHILD&&(t._$AP??(t._$AP=A),t._$AQ??(t._$AQ=_))};class u extends l.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,h;e!==this.isConnected&&(this.isConnected=e,e?(i=this.reconnected)==null||i.call(this):(h=this.disconnected)==null||h.call(this)),s&&(n(this,e),r(this))}setValue(e){if(a.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(){}}/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const v=()=>new G;class G{}const c=new WeakMap,p=l.e(class extends u{render(t){return d.A}update(t,[e]){var i;const s=e!==this.G;return s&&this.G!==void 0&&this.rt(void 0),(s||this.lt!==this.ct)&&(this.G=e,this.ht=(i=t.options)==null?void 0:i.host,this.rt(this.ct=t.element)),d.A}rt(t){if(this.isConnected||(t=void 0),typeof this.G=="function"){const e=this.ht??globalThis;let s=c.get(e);s===void 0&&(s=new WeakMap,c.set(e,s)),s.get(this.G)!==void 0&&this.G.call(this.ht,void 0),s.set(this.G,t),t!==void 0&&this.G.call(this.ht,t)}else this.G.value=t}get lt(){var t,e;return typeof this.G=="function"?(t=c.get(this.ht??globalThis))==null?void 0:t.get(this.G):(e=this.G)==null?void 0:e.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});exports.e=v;exports.n=p;

package/dist/ref-Dma3n3i8.js

@@ -1,102 +0,0 @@
-import { A as l } from "./element-CV9utnHJ.js";
-import { r as $ } from "./directive-helpers-CyPtA1_i.js";
-import { i as a, t as f, e as _ } from "./directive-oAbCiebi.js";
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const o = (t, s) => {
-  var i;
-  const e = t._$AN;
-  if (e === void 0) return !1;
-  for (const h of e) (i = h._$AO) == null || i.call(h, s, !1), o(h, s);
-  return !0;
-}, r = (t) => {
-  let s, e;
-  do {
-    if ((s = t._$AM) === void 0) break;
-    e = s._$AN, e.delete(t), t = s;
-  } while ((e == null ? void 0 : e.size) === 0);
-}, d = (t) => {
-  for (let s; s = t._$AM; t = s) {
-    let e = s._$AN;
-    if (e === void 0) s._$AN = e = /* @__PURE__ */ new Set();
-    else if (e.has(t)) break;
-    e.add(t), v(s);
-  }
-};
-function A(t) {
-  this._$AN !== void 0 ? (r(this), this._$AM = t, d(this)) : this._$AM = t;
-}
-function u(t, s = !1, e = 0) {
-  const i = this._$AH, h = this._$AN;
-  if (h !== void 0 && h.size !== 0) if (s) if (Array.isArray(i)) for (let n = e; n < i.length; n++) o(i[n], !1), r(i[n]);
-  else i != null && (o(i, !1), r(i));
-  else o(this, t);
-}
-const v = (t) => {
-  t.type == f.CHILD && (t._$AP ?? (t._$AP = u), t._$AQ ?? (t._$AQ = A));
-};
-class p extends a {
-  constructor() {
-    super(...arguments), this._$AN = void 0;
-  }
-  _$AT(s, e, i) {
-    super._$AT(s, e, i), d(this), this.isConnected = s._$AU;
-  }
-  _$AO(s, e = !0) {
-    var i, h;
-    s !== this.isConnected && (this.isConnected = s, s ? (i = this.reconnected) == null || i.call(this) : (h = this.disconnected) == null || h.call(this)), e && (o(this, s), r(this));
-  }
-  setValue(s) {
-    if ($(this._$Ct)) this._$Ct._$AI(s, this);
-    else {
-      const e = [...this._$Ct._$AH];
-      e[this._$Ci] = s, this._$Ct._$AI(e, this, 0);
-    }
-  }
-  disconnected() {
-  }
-  reconnected() {
-  }
-}
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const N = () => new G();
-class G {
-}
-const c = /* @__PURE__ */ new WeakMap(), M = _(class extends p {
-  render(t) {
-    return l;
-  }
-  update(t, [s]) {
-    var i;
-    const e = s !== this.G;
-    return e && this.G !== void 0 && this.rt(void 0), (e || this.lt !== this.ct) && (this.G = s, this.ht = (i = t.options) == null ? void 0 : i.host, this.rt(this.ct = t.element)), l;
-  }
-  rt(t) {
-    if (this.isConnected || (t = void 0), typeof this.G == "function") {
-      const s = this.ht ?? globalThis;
-      let e = c.get(s);
-      e === void 0 && (e = /* @__PURE__ */ new WeakMap(), c.set(s, e)), e.get(this.G) !== void 0 && this.G.call(this.ht, void 0), e.set(this.G, t), t !== void 0 && this.G.call(this.ht, t);
-    } else this.G.value = t;
-  }
-  get lt() {
-    var t, s;
-    return typeof this.G == "function" ? (t = c.get(this.ht ?? globalThis)) == null ? void 0 : t.get(this.G) : (s = this.G) == null ? void 0 : s.value;
-  }
-  disconnected() {
-    this.lt === this.ct && this.rt(void 0);
-  }
-  reconnected() {
-    this.rt(this.ct);
-  }
-});
-export {
-  N as e,
-  M as n
-};

package/dist/select-PWPy5gTB.cjs

@@ -1,49 +0,0 @@
-"use strict";const p=require("./element-CMTfByxQ.cjs"),h=require("./ref-CxLwrCxt.cjs"),l=require("./if-defined-hKKmbsI8.cjs"),c=require("./state-BNgpvY-A.cjs"),v=require("./input-element-CSDVA3Y6.cjs"),f=require("./pkt-options-controller-BogGk-6J.cjs"),_=require("./pkt-slot-controller-D4nKlom5.cjs");require("./input-wrapper-JU4D2TGu.cjs");var $=Object.defineProperty,u=(r,t,e,i)=>{for(var s=void 0,o=r.length-1,n;o>=0;o--)(n=r[o])&&(s=n(t,e,s)||s);return s&&$(t,e,s),s};class a extends v.PktInputElement{constructor(){super(...arguments),this._optionsProp=[],this._options=[]}get options(){return this._options.map(t=>({...t,selected:this.isOptionSelected(t)}))}set options(t){this._optionsProp=t,this.requestUpdate("_optionsProp",this._options)}isOptionSelected(t){return Array.isArray(this.value)?this.value.includes(t.value):t.value===this.value}findOptionByValue(t){return this._options.find(e=>e.value===t)}getSelectedOptions(){return this._options.filter(t=>this.isOptionSelected(t))}parseOptions(){var i,s;const t=this._optionsProp.length>0,e=((s=(i=this.optionsController)==null?void 0:i.nodes)==null?void 0:s.length)&&this.optionsController.nodes.length>0;t?this._options=this._optionsProp:e&&(this._options=this.optionsController.options)}willUpdate(t){super.willUpdate(t),this.parseOptions()}}u([p.n({type:Array,attribute:"options"})],a.prototype,"_optionsProp");u([c.r()],a.prototype,"_options");var x=Object.defineProperty,b=Object.getOwnPropertyDescriptor,d=(r,t,e,i)=>{for(var s=i>1?void 0:i?b(t,e):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&x(t,e,s),s};exports.PktSelect=class extends a{constructor(){super(),this.inputRef=h.e(),this.helptextSlot=h.e(),this.value="",this.selectedIndex=-1,this.selectedOptions=void 0,this.optionsController=new f.PktOptionsSlotController(this),this.slotController=new _.PktSlotController(this,this.helptextSlot),this.slotController.skipOptions=!0}connectedCallback(){super.connectedCallback(),this.parseOptions(),this._options.forEach(t=>{t.selected&&!this.value&&(this.value=t.value)})}add(t,e){const i={value:t.value||t.text,label:t.text||t.value,selected:t.selected,disabled:t.disabled};if(e===void 0)this._options.push(i);else if(typeof e=="number")this._options.splice(e,0,i);else{const s=e.value||e.text,o=this._options.findIndex(n=>n.value===s);o>=0?this._options.splice(o,0,i):this._options.push(i)}t.selected&&(this.value=t.value||t.text,this.selectedIndex=this._options.findIndex(s=>s.value===this.value)),this.requestUpdate()}remove(t){var e;typeof t=="number"&&(this.selectedIndex===t&&(this.value=((e=this._options[0])==null?void 0:e.value)||""),this._options.splice(t,1),this.requestUpdate())}item(t){var e;return(e=this.inputRef.value)==null?void 0:e.item(t)}namedItem(t){var e;return(e=this.inputRef.value)==null?void 0:e.namedItem(t)}showPicker(){this.inputRef.value&&"showPicker"in this.inputRef.value&&this.inputRef.value.showPicker()}attributeChangedCallback(t,e,i){var s,o;t==="options"&&(this._options=i?JSON.parse(i):[]),t==="value"&&this.value!==e&&(this.selectedIndex=this.touched?this.returnNumberOrNull((s=this.inputRef.value)==null?void 0:s.selectedIndex):this._options.findIndex(n=>n.value===i),this.selectedOptions=(o=this.inputRef.value)==null?void 0:o.selectedOptions,this.valueChanged(i,e)),super.attributeChangedCallback(t,e,i)}update(t){var e,i;super.update(t),t.has("_optionsProp")&&this._optionsProp.length>0&&(this._options=this._optionsProp,this.requestUpdate("_options"),!this.value&&this._options.length>0&&(this.value=this._options[0].value,this.selectedIndex=0)),t.has("value")&&this.value!==t.get("value")&&(this.selectedIndex=this.touched?this.returnNumberOrNull((e=this.inputRef.value)==null?void 0:e.selectedIndex):this._options.findIndex(s=>s.value===this.value),this.selectedOptions=(i=this.inputRef.value)==null?void 0:i.selectedOptions,this.valueChanged(this.value,t.get("value"))),t.has("id")&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(t){var e;super.firstUpdated(t),this._optionsProp.length&&(this._options=this._optionsProp),!this.value&&this._options.length>0?(this.value=this._options[0].value,this.selectedIndex=0):this.selectedIndex=this._options.findIndex(i=>i.value===this.value),this.selectedOptions=(e=this.inputRef.value)==null?void 0:e.selectedOptions}render(){const t=`pkt-input ${this.fullwidth?"pkt-input--fullwidth":""}`;return p.b`
-      <pkt-input-wrapper
-        ?counter=${this.counter}
-        ?disabled=${this.disabled}
-        ?hasError=${this.hasError}
-        ?hasFieldset=${this.hasFieldset}
-        ?inline=${this.inline}
-        ?optionalTag=${this.optionalTag}
-        ?requiredTag=${this.requiredTag}
-        useWrapper=${this.useWrapper}
-        ariaDescribedBy=${l.o(this.ariaDescribedBy)}
-        class="pkt-select"
-        errorMessage=${l.o(this.errorMessage)}
-        forId=${this.id+"-input"}
-        helptext=${l.o(this.helptext)}
-        helptextDropdown=${l.o(this.helptextDropdown)}
-        helptextDropdownButton=${l.o(this.helptextDropdownButton)}
-        label=${l.o(this.label)}
-        optionalText=${l.o(this.optionalText)}
-        requiredText=${l.o(this.requiredText)}
-        tagText=${l.o(this.tagText)}
-      >
-        <select
-          class=${t}
-          aria-invalid=${this.hasError}
-          aria-errormessage=${`${this.id}-error`}
-          aria-labelledby=${l.o(this.ariaLabelledby)}
-          ?disabled=${this.disabled}
-          id=${this.id+"-input"}
-          name=${(this.name||this.id)+"-input"}
-          value=${this.value}
-          @change=${e=>{this.touched=!0,this.value=e.target.value,e.stopImmediatePropagation()}}
-          @input=${e=>{this.onInput(),e.stopImmediatePropagation()}}
-          @focus=${e=>{this.onFocus(),e.stopImmediatePropagation()}}
-          @blur=${e=>{this.onBlur(),e.stopImmediatePropagation()}}
-          ${h.n(this.inputRef)}
-        >
-          ${this._options.length>0?this._options.map(e=>p.b`<option
-                    value=${e.value}
-                    ?selected=${this.value==e.value||e.selected}
-                    ?disabled=${e.disabled}
-                    ?hidden=${e.hidden}
-                  >
-                    ${e.label}
-                  </option>`):""}
-        </select>
-        <div class="pkt-contents" ${h.n(this.helptextSlot)} name="helptext" slot="helptext"></div>
-      </pkt-input-wrapper>
-    `}returnNumberOrNull(t){return t==null||isNaN(t)?null:t}};d([p.n({type:String})],exports.PktSelect.prototype,"value",2);exports.PktSelect=d([p.t("pkt-select")],exports.PktSelect);

package/dist/tag-DmbgBCKu.cjs

@@ -1,27 +0,0 @@
-"use strict";const h=require("./class-map-Bokp1SoS.cjs"),t=require("./element-CMTfByxQ.cjs"),d=require("./state-BNgpvY-A.cjs"),k=require("./pkt-slot-controller-D4nKlom5.cjs"),c=require("./ref-CxLwrCxt.cjs");require("./icon-Dj0oZZSa.cjs");const u=require("./if-defined-hKKmbsI8.cjs"),g={size:{default:"medium"},skin:{default:"blue"},closeTag:{default:!1},type:{default:"button"}},n={props:g};var f=Object.defineProperty,b=Object.getOwnPropertyDescriptor,s=(r,e,a,o)=>{for(var i=o>1?void 0:o?b(e,a):e,l=r.length-1,p;l>=0;l--)(p=r[l])&&(i=(o?p(e,a,i):p(i))||i);return o&&i&&f(e,a,i),i};exports.PktTag=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.closeTag=n.props.closeTag.default,this.size=n.props.size.default,this.skin=n.props.skin.default,this.textStyle=null,this.iconName=void 0,this.type=n.props.type.default,this.ariaLabel=null,this.buttonTabindex=void 0,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 k.PktSlotController(this,this.defaultSlot),this._isClosed=!1}firstUpdated(e){var a,o;if(super.firstUpdated(e),this.closeTag&&!this.ariaLabel){const i=(o=(a=this.defaultSlot.value)==null?void 0:a.textContent)==null?void 0:o.trim();i&&(this._ariaDescription=`Klikk for å fjerne ${i}`)}}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.b`
-        <button
-          class=${h.e(a)}
-          type=${this.type}
-          tabindex=${u.o(this.buttonTabindex)}
-          @click=${this.close}
-          aria-label=${u.o(this.ariaLabel||void 0)}
-          aria-description=${u.o(this._ariaDescription||void 0)}
-        >
-          ${this.iconName&&t.b`<pkt-icon
-            class="pkt-tag__icon"
-            name=${this.iconName}
-            aria-hidden="true"
-          ></pkt-icon>`}
-          <span ${c.n(this.defaultSlot)}></span>
-          <pkt-icon class="pkt-tag__close-btn" name="close"></pkt-icon>
-        </button>
-      `:t.b`
-        <span class=${h.e(e)}>
-          ${this.iconName&&t.b`<pkt-icon
-            class="pkt-tag__icon"
-            name=${this.iconName}
-            aria-hidden="true"
-          ></pkt-icon>`}
-          <span ${c.n(this.defaultSlot)}></span>
-        </span>
-      `}};s([t.n({type:Boolean,reflect:!0})],exports.PktTag.prototype,"closeTag",2);s([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"size",2);s([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"skin",2);s([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"textStyle",2);s([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"iconName",2);s([t.n({type:String})],exports.PktTag.prototype,"type",2);s([t.n({type:String})],exports.PktTag.prototype,"ariaLabel",2);s([t.n({type:Number,attribute:"button-tabindex"})],exports.PktTag.prototype,"buttonTabindex",2);s([d.r()],exports.PktTag.prototype,"_isClosed",2);s([d.r()],exports.PktTag.prototype,"_ariaDescription",2);exports.PktTag=s([t.t("pkt-tag")],exports.PktTag);