@oslokommune/punkt-elements 15.2.0 → 15.4.0

package/dist/{accordionitem-BbeS44TD.js → accordionitem-CHXGzgLv.js}

@@ -1,8 +1,8 @@
-import { i as k, x as f, n as r, t as u, P as _ } from "./element-BXsf_NlG.js";
-import { e as y } from "./class-map-Dt2jXOlF.js";
+import { i as k, b as f, n as r, t as u, P as _ } from "./element-CV9utnHJ.js";
+import { e as y } from "./class-map-3ADKve8g.js";
 import { P as v } from "./pkt-slot-controller-D7CrjM52.js";
-import { e as m, n as h } from "./ref-BxiKhrfa.js";
-import { o as $ } from "./if-defined-CxHgig4I.js";
+import { e as m, n as h } from "./ref-Dma3n3i8.js";
+import { o as $ } from "./if-defined-rXcLNTzN.js";
 var b = Object.defineProperty, P = Object.getOwnPropertyDescriptor, d = (t, e, a, o) => {
   for (var i = o > 1 ? void 0 : o ? P(e, a) : e, n = t.length - 1, c; n >= 0; n--)
     (c = t[n]) && (i = (o ? c(e, a, i) : c(i)) || i);

package/dist/accordionitem-To95GT6b.cjs

@@ -0,0 +1,34 @@
+"use strict";const i=require("./element-CMTfByxQ.cjs"),u=require("./class-map-Bokp1SoS.cjs"),h=require("./pkt-slot-controller-D4nKlom5.cjs"),m=require("./ref-CxLwrCxt.cjs"),f=require("./if-defined-hKKmbsI8.cjs");var y=Object.defineProperty,k=Object.getOwnPropertyDescriptor,d=(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 l=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=${u.e(t)}
+        data-testid="pkt-accordion"
+        aria-labelledby=${this.ariaLabelledBy}
+      >
+        <slot></slot>
+      </div>
+    `}};d([i.n({type:String,reflect:!0,attribute:"aria-labelledby"})],l.prototype,"ariaLabelledBy",2);d([i.n({type:Boolean,reflect:!0,attribute:"compact"})],l.prototype,"compact",2);d([i.n({type:String,reflect:!0,attribute:"skin"})],l.prototype,"skin",2);d([i.n({type:String,reflect:!0,attribute:"name"})],l.prototype,"name",2);l=d([i.t("pkt-accordion")],l);const _=l;var v=Object.defineProperty,b=Object.getOwnPropertyDescriptor,p=(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 i.PktElement{constructor(){super(),this.defaultOpen=!1,this.title="",this.skin=void 0,this.compact=!1,this.isOpen=!1,this.name=void 0,this.accordionItemRef=m.e(),this.defaultSlot=m.e(),this.slotController=new h.PktSlotController(this,this.defaultSlot)}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=${u.e(s)}
+        id=${this.id}
+        ?open=${this.isOpen}
+        ${m.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.n(this.defaultSlot)}></div>
+        </div>
+      </details>
+    `}};p([i.n({type:Boolean})],n.prototype,"defaultOpen",2);p([i.n({type:String})],n.prototype,"title",2);p([i.n({type:String,reflect:!0})],n.prototype,"skin",2);p([i.n({type:Boolean,reflect:!0})],n.prototype,"compact",2);p([i.n({type:Boolean,reflect:!0})],n.prototype,"isOpen",2);p([i.n({type:String,reflect:!0})],n.prototype,"name",2);n=p([i.t("pkt-accordion-item")],n);const $=n;exports.PktAccordion=_;exports.PktAccordionItem_default=$;

package/dist/{alert-B9flMht5.cjs → alert-BDXWFRcf.cjs}

@@ -1,4 +1,4 @@
-"use strict";const c=require("./class-map-CApIYSRo.cjs"),t=require("./element-aUzIoa1s.cjs"),d=require("./state-GDzxl12x.cjs"),h=require("./pkt-slot-controller-D4nKlom5.cjs"),u=require("./ref-C5iJMIE1.cjs"),k=require("./classutils-BwNK82ZQ.cjs");require("./icon-n4-ve48P.cjs");require("./button-BgCKV0zW.cjs");const v={skin:{default:"info"},ariaLive:{default:"polite"},compact:{default:!1},closeAlert:{default:!1}},a={props:v};var f=Object.defineProperty,_=Object.getOwnPropertyDescriptor,i=(o,e,s,l)=>{for(var r=l>1?void 0:l?_(e,s):e,p=o.length-1,n;p>=0;p--)(n=o[p])&&(r=(l?n(e,s,r):n(r))||r);return l&&r&&f(e,s,r),r};exports.PktAlert=class extends t.PktElement{constructor(){super(),this.defaultSlot=u.e(),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=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("close",{detail:{origin:e},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:e},bubbles:!0,composed:!0}))},this.slotController=new h.PktSlotController(this,this.defaultSlot),this._isClosed=!1}connectedCallback(){super.connectedCallback(),this["aria-live"]=this.getAttribute("aria-live")||this.ariaLive}attributeChangedCallback(e,s,l){e==="ariaLive"&&(this["aria-live"]=l),super.attributeChangedCallback(e,s,l)}updated(e){super.updated(e),e.has("ariaLive")&&(this["aria-live"]=this.ariaLive),e.has("_isClosed")&&k.updateClassAttribute(this,"pkt-hide",this._isClosed)}render(){const e={"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 t.x`
+"use strict";const c=require("./class-map-Bokp1SoS.cjs"),t=require("./element-CMTfByxQ.cjs"),d=require("./state-BNgpvY-A.cjs"),h=require("./pkt-slot-controller-D4nKlom5.cjs"),u=require("./ref-CxLwrCxt.cjs"),k=require("./classutils-BwNK82ZQ.cjs");require("./icon-Dj0oZZSa.cjs");require("./button-VWxZW89G.cjs");const v={skin:{default:"info"},ariaLive:{default:"polite"},compact:{default:!1},closeAlert:{default:!1}},a={props:v};var f=Object.defineProperty,_=Object.getOwnPropertyDescriptor,i=(o,e,s,l)=>{for(var r=l>1?void 0:l?_(e,s):e,p=o.length-1,n;p>=0;p--)(n=o[p])&&(r=(l?n(e,s,r):n(r))||r);return l&&r&&f(e,s,r),r};exports.PktAlert=class extends t.PktElement{constructor(){super(),this.defaultSlot=u.e(),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=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("close",{detail:{origin:e},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:e},bubbles:!0,composed:!0}))},this.slotController=new h.PktSlotController(this,this.defaultSlot),this._isClosed=!1}connectedCallback(){super.connectedCallback(),this["aria-live"]=this.getAttribute("aria-live")||this.ariaLive}attributeChangedCallback(e,s,l){e==="ariaLive"&&(this["aria-live"]=l),super.attributeChangedCallback(e,s,l)}updated(e){super.updated(e),e.has("ariaLive")&&(this["aria-live"]=this.ariaLive),e.has("_isClosed")&&k.updateClassAttribute(this,"pkt-hide",this._isClosed)}render(){const e={"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 t.b`
       <div class=${c.e(e)} aria-live=${this["aria-live"]}>
         <div class=${c.e(s)}>
           <pkt-icon
@@ -7,7 +7,7 @@
             name=${this.skin==="info"?"alert-information":`alert-${this.skin}`}
           ></pkt-icon>
 
-          ${this.closeAlert?t.x`
+          ${this.closeAlert?t.b`
                 <div class="pkt-alert__close">
                   <pkt-button
                     tabindex="0"
@@ -22,12 +22,12 @@
                     <span class="sr-only">Lukk</span>
                   </pkt-button>
                 </div>
-              `:t.E}
-          ${this.title?t.x`<div class="pkt-alert__title">${this.title}</div>`:t.E}
+              `:t.A}
+          ${this.title?t.b`<div class="pkt-alert__title">${this.title}</div>`:t.A}
 
           <div class="pkt-alert__text" ${u.n(this.defaultSlot)}></div>
 
-          ${this.date?t.x`<div class="pkt-alert__date">Sist oppdatert: ${this.date}</div>`:t.E}
+          ${this.date?t.b`<div class="pkt-alert__date">Sist oppdatert: ${this.date}</div>`:t.A}
         </div>
       </div>
     `}};i([t.n({type:Boolean,reflect:!1})],exports.PktAlert.prototype,"compact",2);i([t.n({type:String,reflect:!0})],exports.PktAlert.prototype,"title",2);i([t.n({type:String,reflect:!0})],exports.PktAlert.prototype,"skin",2);i([t.n({type:String})],exports.PktAlert.prototype,"ariaLive",2);i([t.n({type:String,reflect:!0})],exports.PktAlert.prototype,"aria-live",2);i([t.n({type:Boolean,reflect:!0})],exports.PktAlert.prototype,"closeAlert",2);i([t.n({type:String,reflect:!0})],exports.PktAlert.prototype,"date",2);i([t.n({type:String,reflect:!0})],exports.PktAlert.prototype,"role",2);i([d.r()],exports.PktAlert.prototype,"_isClosed",2);exports.PktAlert=i([t.t("pkt-alert")],exports.PktAlert);

package/dist/{alert-BpFxQviu.js → alert-BHSd2Vpj.js}

@@ -1,11 +1,11 @@
-import { e as h } from "./class-map-Dt2jXOlF.js";
-import { P as f, E as u, x as p, n as a, t as v } from "./element-BXsf_NlG.js";
-import { r as k } from "./state-DgnkjP0q.js";
+import { e as h } from "./class-map-3ADKve8g.js";
+import { P as f, A as u, b as p, n as a, t as v } from "./element-CV9utnHJ.js";
+import { r as k } from "./state-l4hGZdFJ.js";
 import { P as m } from "./pkt-slot-controller-D7CrjM52.js";
-import { e as _, n as b } from "./ref-BxiKhrfa.js";
+import { e as _, n as b } from "./ref-Dma3n3i8.js";
 import { u as y } from "./classutils-RQs1k6D9.js";
-import "./icon-DBZvMard.js";
-import "./button-CKgpX5QA.js";
+import "./icon-D0IQAVwS.js";
+import "./button-CHUuxLQV.js";
 const C = { skin: { default: "info" }, ariaLive: { default: "polite" }, compact: { default: !1 }, closeAlert: { default: !1 } }, c = {
   props: C
 };

package/dist/{backlink-DfMabyBp.js → backlink-C68H4Z3b.js}

@@ -1,6 +1,6 @@
-import { P as c, x as k, n as o, t as h } from "./element-BXsf_NlG.js";
-import { o as b } from "./if-defined-CxHgig4I.js";
-import "./icon-DBZvMard.js";
+import { P as c, b as k, n as o, t as b } from "./element-CV9utnHJ.js";
+import { o as h } from "./if-defined-rXcLNTzN.js";
+import "./icon-D0IQAVwS.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);
@@ -19,7 +19,7 @@ let a = class extends c {
       class="pkt-back-link"
       aria-label=${this.ariaLabel || "Gå tilbake til forrige side"}
     >
-      <a href=${b(this.href || "/")} class="pkt-link pkt-link--icon-left"
+      <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"
@@ -40,7 +40,7 @@ n([
   o({ type: String })
 ], a.prototype, "ariaLabel", 2);
 a = n([
-  h("pkt-backlink")
+  b("pkt-backlink")
 ], a);
 export {
   a as P

package/dist/{backlink-Bn16ZEIX.cjs → backlink-CQoNgoa-.cjs}

@@ -1,4 +1,4 @@
-"use strict";const r=require("./element-aUzIoa1s.cjs"),c=require("./if-defined-BElHLTlB.cjs");require("./icon-n4-ve48P.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.x`<nav
+"use strict";const r=require("./element-CMTfByxQ.cjs"),c=require("./if-defined-hKKmbsI8.cjs");require("./icon-Dj0oZZSa.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"}
     >

package/dist/{button-CKgpX5QA.js → button-CHUuxLQV.js}

@@ -1,16 +1,16 @@
-import { P as f, E as c, x as l, n as s, t as b } from "./element-BXsf_NlG.js";
+import { P as c, A as b, b as l, n as s, t as f } from "./element-CV9utnHJ.js";
 import { P as u } from "./pkt-slot-controller-D7CrjM52.js";
-import { e as m } from "./class-map-Dt2jXOlF.js";
-import { o as r } from "./if-defined-CxHgig4I.js";
-import { e as y, n as k } from "./ref-BxiKhrfa.js";
-import "./icon-DBZvMard.js";
+import { e as m } from "./class-map-3ADKve8g.js";
+import { o as r } from "./if-defined-rXcLNTzN.js";
+import { e as y, n as k } from "./ref-Dma3n3i8.js";
+import "./icon-D0IQAVwS.js";
 var g = Object.defineProperty, P = Object.getOwnPropertyDescriptor, e = (t, o, n, p) => {
   for (var a = p > 1 ? void 0 : p ? P(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 && g(o, n, a), a;
 };
 window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/latest/animations/";
-let i = class extends f {
+let i = class extends c {
   constructor() {
     super(), this.defaultSlot = y(), 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, this.slotController = new u(this, this.defaultSlot);
   }
@@ -63,18 +63,18 @@ let i = class extends f {
               class="pkt-btn__icon pkt-btn__spinner"
               name="spinner-blue"
               path=${r(this.loadingAnimationPath)}
-            ></pkt-icon>` : c}
+            ></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>` : c}
+            ></pkt-icon>` : b}
         <span class="pkt-btn__text" ${k(this.defaultSlot)}></span>
         ${this.variant === "icons-right-and-left" ? l`<pkt-icon
               class="pkt-btn__icon"
               name=${this.secondIconName}
               path=${r(this.secondIconPath)}
-            ></pkt-icon>` : c}
+            ></pkt-icon>` : b}
       </button>
     `;
   }
@@ -131,7 +131,7 @@ e([
   s({ type: String })
 ], i.prototype, "loadingAnimationPath", 2);
 i = e([
-  b("pkt-button")
+  f("pkt-button")
 ], i);
 export {
   i as P

package/dist/{button-BgCKV0zW.cjs → button-VWxZW89G.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./element-aUzIoa1s.cjs"),h=require("./pkt-slot-controller-D4nKlom5.cjs"),u=require("./class-map-CApIYSRo.cjs"),a=require("./if-defined-BElHLTlB.cjs"),d=require("./ref-C5iJMIE1.cjs");require("./icon-n4-ve48P.cjs");var c=Object.defineProperty,k=Object.getOwnPropertyDescriptor,e=(r,i,o,n)=>{for(var s=n>1?void 0:n?k(i,o):i,l=r.length-1,p;l>=0;l--)(p=r[l])&&(s=(n?p(i,o,s):p(s))||s);return n&&s&&c(i,o,s),s};window.pktAnimationPath=window.pktAnimationPath||"https://punkt-cdn.oslo.kommune.no/latest/animations/";exports.PktButton=class extends t.PktElement{constructor(){super(),this.defaultSlot=d.e(),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,this.slotController=new h.PktSlotController(this,this.defaultSlot)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",i=>{(this.disabled||this.hasAttribute("disabled")||this.isLoading)&&(i.preventDefault(),i.stopImmediatePropagation())},!0),this.addEventListener("keydown",i=>{(this.disabled||this.hasAttribute("disabled")||this.isLoading)&&(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),i.stopImmediatePropagation())},!0)}attributeChangedCallback(i,o,n){super.attributeChangedCallback(i,o,n),i==="disabled"&&n==="false"&&(this.disabled=!1),(i==="isloading"||i==="isLoading")&&n==="false"&&(this.isLoading=!1)}firstUpdated(i){super.firstUpdated(i),this.disabled==="false"&&(this.disabled=!1),this.isLoading==="false"&&(this.isLoading=!1)}render(){const i=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 t.x`
+"use strict";const t=require("./element-CMTfByxQ.cjs"),h=require("./pkt-slot-controller-D4nKlom5.cjs"),u=require("./class-map-Bokp1SoS.cjs"),a=require("./if-defined-hKKmbsI8.cjs"),d=require("./ref-CxLwrCxt.cjs");require("./icon-Dj0oZZSa.cjs");var c=Object.defineProperty,b=Object.getOwnPropertyDescriptor,e=(r,i,o,n)=>{for(var s=n>1?void 0:n?b(i,o):i,l=r.length-1,p;l>=0;l--)(p=r[l])&&(s=(n?p(i,o,s):p(s))||s);return n&&s&&c(i,o,s),s};window.pktAnimationPath=window.pktAnimationPath||"https://punkt-cdn.oslo.kommune.no/latest/animations/";exports.PktButton=class extends t.PktElement{constructor(){super(),this.defaultSlot=d.e(),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,this.slotController=new h.PktSlotController(this,this.defaultSlot)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",i=>{(this.disabled||this.hasAttribute("disabled")||this.isLoading)&&(i.preventDefault(),i.stopImmediatePropagation())},!0),this.addEventListener("keydown",i=>{(this.disabled||this.hasAttribute("disabled")||this.isLoading)&&(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),i.stopImmediatePropagation())},!0)}attributeChangedCallback(i,o,n){super.attributeChangedCallback(i,o,n),i==="disabled"&&n==="false"&&(this.disabled=!1),(i==="isloading"||i==="isLoading")&&n==="false"&&(this.isLoading=!1)}firstUpdated(i){super.firstUpdated(i),this.disabled==="false"&&(this.disabled=!1),this.isLoading==="false"&&(this.isLoading=!1)}render(){const i=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 t.b`
       <button
         class=${u.e(o)}
         type=${this.type}
@@ -7,21 +7,21 @@
         aria-disabled=${a.o(this.disabled||this.isLoading?"true":void 0)}
         form=${a.o(i)}
       >
-        ${this.isLoading?t.x`<pkt-icon
+        ${this.isLoading?t.b`<pkt-icon
               class="pkt-btn__icon pkt-btn__spinner"
               name="spinner-blue"
               path=${a.o(this.loadingAnimationPath)}
-            ></pkt-icon>`:t.E}
-        ${this.variant!=="label-only"?t.x`<pkt-icon
+            ></pkt-icon>`:t.A}
+        ${this.variant!=="label-only"?t.b`<pkt-icon
               class="pkt-btn__icon pkt-icon"
               name=${this.iconName}
               path=${a.o(this.iconPath)}
-            ></pkt-icon>`:t.E}
+            ></pkt-icon>`:t.A}
         <span class="pkt-btn__text" ${d.n(this.defaultSlot)}></span>
-        ${this.variant==="icons-right-and-left"?t.x`<pkt-icon
+        ${this.variant==="icons-right-and-left"?t.b`<pkt-icon
               class="pkt-btn__icon"
               name=${this.secondIconName}
               path=${a.o(this.secondIconPath)}
-            ></pkt-icon>`:t.E}
+            ></pkt-icon>`:t.A}
       </button>
     `}};e([t.n({type:String})],exports.PktButton.prototype,"iconName",2);e([t.n({type:String})],exports.PktButton.prototype,"secondIconName",2);e([t.n({type:String})],exports.PktButton.prototype,"iconPath",2);e([t.n({type:String})],exports.PktButton.prototype,"secondIconPath",2);e([t.n({type:String})],exports.PktButton.prototype,"mode",2);e([t.n({type:String})],exports.PktButton.prototype,"size",2);e([t.n({type:Boolean,attribute:"full-width"})],exports.PktButton.prototype,"fullWidth",2);e([t.n({type:Boolean,attribute:"full-width-on-mobile"})],exports.PktButton.prototype,"fullWidthOnMobile",2);e([t.n({type:String})],exports.PktButton.prototype,"color",2);e([t.n({type:String})],exports.PktButton.prototype,"skin",2);e([t.n({type:String})],exports.PktButton.prototype,"variant",2);e([t.n({type:String,reflect:!0})],exports.PktButton.prototype,"state",2);e([t.n({type:String,reflect:!0})],exports.PktButton.prototype,"type",2);e([t.n({type:String})],exports.PktButton.prototype,"form",2);e([t.n({type:Boolean,reflect:!0})],exports.PktButton.prototype,"isLoading",2);e([t.n({type:Boolean,reflect:!0})],exports.PktButton.prototype,"disabled",2);e([t.n({type:String})],exports.PktButton.prototype,"loadingAnimationPath",2);exports.PktButton=e([t.t("pkt-button")],exports.PktButton);

package/dist/{calendar-BMarIeVp.js → calendar-DTnx3DDH.js}

@@ -1,7 +1,7 @@
-import { e as rt } from "./class-map-Dt2jXOlF.js";
-import { P as Pt, x as D, E as at, n as f, t as Nt } from "./element-BXsf_NlG.js";
-import { r as Z } from "./state-DgnkjP0q.js";
-import "./icon-DBZvMard.js";
+import { e as rt } from "./class-map-3ADKve8g.js";
+import { P as Pt, b as D, A as at, n as f, t as Nt } from "./element-CV9utnHJ.js";
+import { r as Z } from "./state-l4hGZdFJ.js";
+import "./icon-D0IQAVwS.js";
 const yt = 6048e5, Ct = 864e5, st = Symbol.for("constructDateFrom");
 function k(t, e) {
   return typeof t == "function" ? t(e) : t && typeof t == "object" && st in t ? t[st](e) : t instanceof Date ? new t.constructor(e) : new Date(e);
@@ -95,11 +95,11 @@ function bt(t, e) {
     c.push(k(n, i)), i.setDate(i.getDate() + o), i.setHours(0, 0, 0, 0);
   return a ? c.reverse() : c;
 }
-function Ht(t, e) {
+function At(t, e) {
   const n = b(t, e == null ? void 0 : e.in);
   return n.setFullYear(n.getFullYear(), 0, 1), n.setHours(0, 0, 0, 0), n;
 }
-const At = {
+const Ht = {
   lessThanXSeconds: {
     one: "less than a second",
     other: "less than {{count}} seconds"
@@ -163,7 +163,7 @@ const At = {
   }
 }, Rt = (t, e, n) => {
   let r;
-  const a = At[t];
+  const a = Ht[t];
   return typeof a == "string" ? r = a : e === 1 ? r = a.one : r = a.other.replace("{{count}}", e.toString()), n != null && n.addSuffix ? n.comparison && n.comparison > 0 ? "in " + r : r + " ago" : r;
 };
 function X(t) {
@@ -532,7 +532,7 @@ const ae = /^(\d+)(th|st|nd|rd)?/i, se = /\d+/i, ie = {
 };
 function we(t, e) {
   const n = b(t, e == null ? void 0 : e.in);
-  return Et(n, Ht(n)) + 1;
+  return Et(n, At(n)) + 1;
 }
 function be(t, e) {
   const n = b(t, e == null ? void 0 : e.in), r = +q(n) - +_t(n);
@@ -1299,7 +1299,7 @@ function Ie(t, e) {
   const n = b(t, e == null ? void 0 : e.in).getDay();
   return n === 0 ? 7 : n;
 }
-function He(t, e, n = "long") {
+function Ae(t, e, n = "long") {
   return new Intl.DateTimeFormat("en-US", {
     // Enforces engine to render the time. Without the option JavaScriptCore omits it.
     hour: "numeric",
@@ -1307,24 +1307,24 @@ function He(t, e, n = "long") {
     timeZoneName: n
   }).format(e).split(/\s/g).slice(2).join(" ");
 }
-const G = {}, A = {};
+const G = {}, H = {};
 function C(t, e) {
   try {
     const r = (G[t] || (G[t] = new Intl.DateTimeFormat("en-US", {
       timeZone: t,
       timeZoneName: "longOffset"
     }).format))(e).split("GMT")[1];
-    return r in A ? A[r] : dt(r, r.split(":"));
+    return r in H ? H[r] : dt(r, r.split(":"));
   } catch {
-    if (t in A) return A[t];
-    const n = t == null ? void 0 : t.match(Ae);
+    if (t in H) return H[t];
+    const n = t == null ? void 0 : t.match(He);
     return n ? dt(t, n.slice(1)) : NaN;
   }
 }
-const Ae = /([+-]\d\d):?(\d\d)?/;
+const He = /([+-]\d\d):?(\d\d)?/;
 function dt(t, e) {
   const n = +(e[0] || 0), r = +(e[1] || 0), a = +(e[2] || 0) / 60;
-  return A[t] = n * 60 + r > 0 ? n * 60 + r + a : n * 60 - r - a;
+  return H[t] = n * 60 + r > 0 ? n * 60 + r + a : n * 60 - r - a;
 }
 class S extends Date {
   //#region static
@@ -1411,7 +1411,7 @@ class x extends S {
   }
   toTimeString() {
     const e = this.internal.toUTCString().split(" ")[4], [n, r, a] = this.tzComponents();
-    return `${e} GMT${n}${r}${a} (${He(this.timeZone, this)})`;
+    return `${e} GMT${n}${r}${a} (${Ae(this.timeZone, this)})`;
   }
   toLocaleString(e, n) {
     return Date.prototype.toLocaleString.call(this, e, {
@@ -1484,7 +1484,7 @@ const y = (t) => {
     return /* @__PURE__ */ new Date();
   const r = new Date(t, e, n);
   return isNaN(r.getTime()) ? /* @__PURE__ */ new Date() : r;
-}, H = (t) => {
+}, A = (t) => {
   let e;
   return typeof t == "number" ? e = new x(t, window.pktTz) : e = new x(t, window.pktTz), e.setHours(12, 0, 0, 0), e;
 };
@@ -1686,9 +1686,9 @@ let l = class extends Pt {
   setCurrentMonth() {
     if (this.currentmonth === null && !this.currentmonthtouched && (this.currentmonthtouched = !0), this.selected.length && this.selected[0] !== "") {
       const t = O(this.selected[this.selected.length - 1]);
-      this.currentmonth = isNaN(t.getTime()) ? H(this.todayDate) : t;
-    } else this.currentmonth === null && (this.currentmonth = H(this.todayDate));
-    (!this.currentmonth || isNaN(this.currentmonth.getTime())) && (this.currentmonth = H(this.todayDate)), this.year = this.currentmonth.getFullYear(), this.month = this.currentmonth.getMonth();
+      this.currentmonth = isNaN(t.getTime()) ? A(this.todayDate) : t;
+    } else this.currentmonth === null && (this.currentmonth = A(this.todayDate));
+    (!this.currentmonth || isNaN(this.currentmonth.getTime())) && (this.currentmonth = A(this.todayDate)), this.year = this.currentmonth.getFullYear(), this.month = this.currentmonth.getMonth();
   }
   /**
    * Keyboard navigation
@@ -1955,7 +1955,7 @@ let l = class extends Pt {
     this.changeMonth(e, t);
   }
   changeMonth(t, e) {
-    this.year = typeof t == "string" ? parseInt(t) : t, this.month = typeof e == "string" ? parseInt(e) : e, this.currentmonth = H(new Date(this.year, this.month, 1)), this.tabIndexSet = 0, this.focusedDate = null, this.selectableDates = [];
+    this.year = typeof t == "string" ? parseInt(t) : t, this.month = typeof e == "string" ? parseInt(e) : e, this.currentmonth = A(new Date(this.year, this.month, 1)), this.tabIndexSet = 0, this.focusedDate = null, this.selectableDates = [];
   }
   /**
    * Date selection logic
@@ -2004,7 +2004,7 @@ let l = class extends Pt {
    * Focus management and event handlers
    */
   focusOnCurrentDate() {
-    const t = y(H(this.todayDate)), e = this.querySelector(`button[data-date="${t}"]`);
+    const t = y(A(this.todayDate)), e = this.querySelector(`button[data-date="${t}"]`);
     if (e instanceof HTMLButtonElement) {
       this.focusedDate = t, e.focus();
       return;