@oslokommune/punkt-elements 15.3.1 → 15.4.0

package/dist/pkt-radiobutton.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./radiobutton-DWoYQn8H.cjs"),e=t.PktRadioButton;Object.defineProperty(exports,"PktRadioButton",{enumerable:!0,get:()=>t.PktRadioButton});exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./radiobutton-95wp024h.cjs"),e=t.PktRadioButton;Object.defineProperty(exports,"PktRadioButton",{enumerable:!0,get:()=>t.PktRadioButton});exports.default=e;

package/dist/pkt-radiobutton.js

@@ -1,4 +1,4 @@
-import { P as t } from "./radiobutton-CvKKNFMd.js";
+import { P as t } from "./radiobutton-CTFAV5GU.js";
 const a = t;
 export {
   t as PktRadioButton,

package/dist/pkt-select.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./select-BQUp88lY.cjs"),t=e.PktSelect;Object.defineProperty(exports,"PktSelect",{enumerable:!0,get:()=>e.PktSelect});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./select-CZ_Lx5W6.cjs"),t=e.PktSelect;Object.defineProperty(exports,"PktSelect",{enumerable:!0,get:()=>e.PktSelect});exports.default=t;

package/dist/pkt-select.js

@@ -1,4 +1,4 @@
-import { P as t } from "./select-CFkxir_l.js";
+import { P as t } from "./select-YLvYAQX6.js";
 const a = t;
 export {
   t as PktSelect,

package/dist/pkt-tabs.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./tabitem-DaYfUaxw.cjs");exports.PktTabItem=e.PktTabItem;exports.PktTabs=e.PktTabs;exports.default=e.PktTabs;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./tabitem-BKv4eN0a.cjs");exports.PktTabItem=e.PktTabItem_default;exports.PktTabs=e.PktTabs;exports.default=e.PktTabs;

package/dist/pkt-tabs.js

@@ -1,5 +1,5 @@
-import { P as t } from "./tabitem-C8-tZyc_.js";
-import { a as e } from "./tabitem-C8-tZyc_.js";
+import { a as t } from "./tabitem-DQRzgAT4.js";
+import { P as e } from "./tabitem-DQRzgAT4.js";
 export {
   e as PktTabItem,
   t as PktTabs,

package/dist/pkt-tag.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./tag-h0vD2Na0.cjs"),t=e.PktTag;Object.defineProperty(exports,"PktTag",{enumerable:!0,get:()=>e.PktTag});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./tag-BnT5onW2.cjs"),t=e.PktTag;Object.defineProperty(exports,"PktTag",{enumerable:!0,get:()=>e.PktTag});exports.default=t;

package/dist/pkt-tag.js

@@ -1,4 +1,4 @@
-import { P as a } from "./tag-DIJMJhyp.js";
+import { P as a } from "./tag-68q0_Sn0.js";
 const o = a;
 export {
   a as PktTag,

package/dist/pkt-textarea.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./textarea-DcCOfNlr.cjs"),t=e.PktTextarea;Object.defineProperty(exports,"PktTextarea",{enumerable:!0,get:()=>e.PktTextarea});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./textarea-CuTsE1WX.cjs"),t=e.PktTextarea;Object.defineProperty(exports,"PktTextarea",{enumerable:!0,get:()=>e.PktTextarea});exports.default=t;

package/dist/pkt-textarea.js

@@ -1,4 +1,4 @@
-import { P as a } from "./textarea-CMuiBUee.js";
+import { P as a } from "./textarea-DhWH99qN.js";
 const e = a;
 export {
   a as PktTextarea,

package/dist/pkt-textinput.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./textinput-DR3aaHTH.cjs"),t=e.PktTextinput;Object.defineProperty(exports,"PktTextinput",{enumerable:!0,get:()=>e.PktTextinput});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./textinput-st4Vml5J.cjs"),t=e.PktTextinput;Object.defineProperty(exports,"PktTextinput",{enumerable:!0,get:()=>e.PktTextinput});exports.default=t;

package/dist/pkt-textinput.js

@@ -1,4 +1,4 @@
-import { P as t } from "./textinput-D30TCADP.js";
+import { P as t } from "./textinput-BCi9p0Du.js";
 const p = t;
 export {
   t as PktTextinput,

package/dist/{progressbar-ClZOyCz9.cjs → progressbar-Bxh335uT.cjs}

@@ -1,21 +1,21 @@
-"use strict";const n=require("./class-map-CApIYSRo.cjs"),e=require("./element-aUzIoa1s.cjs"),p=require("./state-GDzxl12x.cjs"),h=require("./ref-C5iJMIE1.cjs"),b=require("./directive-C7oCP5Bh.cjs"),d=require("./utils-byXsEz1u.cjs");require("./icon-n4-ve48P.cjs");/**
+"use strict";const n=require("./class-map-Bokp1SoS.cjs"),e=require("./element-CMTfByxQ.cjs"),p=require("./state-BNgpvY-A.cjs"),h=require("./ref-CxLwrCxt.cjs"),b=require("./directive-C7oCP5Bh.cjs"),d=require("./utils-byXsEz1u.cjs");require("./icon-Dj0oZZSa.cjs");/**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const c="important",v=" !"+c,f=b.e(class extends b.i{constructor(l){var t;if(super(l),l.type!==b.t.ATTRIBUTE||l.name!=="style"||((t=l.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(l){return Object.keys(l).reduce(((t,s)=>{const r=l[s];return r==null?t:t+`${s=s.includes("-")?s:s.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${r};`}),"")}update(l,[t]){const{style:s}=l.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const r of this.ft)t[r]==null&&(this.ft.delete(r),r.includes("-")?s.removeProperty(r):s[r]=null);for(const r in t){const i=t[r];if(i!=null){this.ft.add(r);const u=typeof i=="string"&&i.endsWith(v);r.includes("-")||u?s.setProperty(r,u?i.slice(0,-11):i,u?c:""):s[r]=i}}return e.T}});var k=Object.defineProperty,m=Object.getOwnPropertyDescriptor,a=(l,t,s,r)=>{for(var i=r>1?void 0:r?m(t,s):t,u=l.length-1,o;u>=0;u--)(o=l[u])&&(i=(r?o(t,s,i):o(i))||i);return r&&i&&k(t,s,i),i};exports.PktProgressbar=class extends e.PktElement{constructor(){super(),this.ariaLabel=null,this.ariaLabelledby=null,this.ariaValueText=null,this.ariaLive="polite",this.id=d.uuidish(),this.role="progressbar",this.skin="dark-blue",this.statusPlacement="following",this.statusType="none",this.title="",this.titlePosition="left",this.valueCurrent=0,this.valueMax=100,this.valueMin=0,this.labelWidth=0,this.progressbarId=this.id,this.computedAriaLabelledby=null,this.computedAriaValueText="",this.labelRef=h.e(),this.progressBarRef=h.e()}firstUpdated(t){super.firstUpdated(t),this.setComputedValues(),this.syncAttributes()}updated(t){super.updated(t),t.has("valueCurrent")&&this.labelRef.value&&(this.labelWidth=this.labelRef.value.getBoundingClientRect().width||0),t.has("id")&&this.id&&(this.progressBarId=this.id),(t.has("statusType")||t.has("id")||t.has("ariaLabelledby"))&&(this.progressbarId=this.id||d.uuidish(),this.computedAriaLabelledby=this.ariaLabelledby||`${this.progressbarId}-title`),(t.has("ariaValueText")||t.has("valueCurrent")||t.has("valueMax"))&&(this.computedAriaValueText=this.statusType==="fraction"&&!this.ariaValueText?`${this.valueCurrent} av ${this.valueMax-this.valueMin}`:this.ariaValueText||""),this.syncAttributes()}render(){const t=this.statusType!=="none",s=this.valueMax-this.valueMin,r=this.valueCurrent/s*100,i=this.statusType==="fraction"?Math.round(r):Math.round((this.valueCurrent-this.valueMin)/(this.valueMax-this.valueMin)*100),u=`${this.valueCurrent} av ${s}`,o=n.e({"pkt-progressbar__bar":!0,[`pkt-progressbar__bar--${this.skin}`]:!!this.skin}),g=n.e({"pkt-progressbar__title":!0,"pkt-progressbar__title-center":this.titlePosition==="center"}),y=n.e({"pkt-progressbar__status":!0,"pkt-progressbar__status--center":this.statusPlacement==="center"}),P=n.e({"pkt-progressbar__status-placement--following":this.statusPlacement==="following","pkt-progressbar__status-placement--center":this.statusPlacement==="center","pkt-progressbar__status-placement--left":this.statusPlacement==="left"});return e.x` <div
+ */const c="important",v=" !"+c,f=b.e(class extends b.i{constructor(l){var t;if(super(l),l.type!==b.t.ATTRIBUTE||l.name!=="style"||((t=l.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(l){return Object.keys(l).reduce((t,s)=>{const r=l[s];return r==null?t:t+`${s=s.includes("-")?s:s.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${r};`},"")}update(l,[t]){const{style:s}=l.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const r of this.ft)t[r]==null&&(this.ft.delete(r),r.includes("-")?s.removeProperty(r):s[r]=null);for(const r in t){const i=t[r];if(i!=null){this.ft.add(r);const u=typeof i=="string"&&i.endsWith(v);r.includes("-")||u?s.setProperty(r,u?i.slice(0,-11):i,u?c:""):s[r]=i}}return e.E}});var k=Object.defineProperty,m=Object.getOwnPropertyDescriptor,a=(l,t,s,r)=>{for(var i=r>1?void 0:r?m(t,s):t,u=l.length-1,o;u>=0;u--)(o=l[u])&&(i=(r?o(t,s,i):o(i))||i);return r&&i&&k(t,s,i),i};exports.PktProgressbar=class extends e.PktElement{constructor(){super(),this.ariaLabel=null,this.ariaLabelledby=null,this.ariaValueText=null,this.ariaLive="polite",this.id=d.uuidish(),this.role="progressbar",this.skin="dark-blue",this.statusPlacement="following",this.statusType="none",this.title="",this.titlePosition="left",this.valueCurrent=0,this.valueMax=100,this.valueMin=0,this.labelWidth=0,this.progressbarId=this.id,this.computedAriaLabelledby=null,this.computedAriaValueText="",this.labelRef=h.e(),this.progressBarRef=h.e()}firstUpdated(t){super.firstUpdated(t),this.setComputedValues(),this.syncAttributes()}updated(t){super.updated(t),t.has("valueCurrent")&&this.labelRef.value&&(this.labelWidth=this.labelRef.value.getBoundingClientRect().width||0),t.has("id")&&this.id&&(this.progressBarId=this.id),(t.has("statusType")||t.has("id")||t.has("ariaLabelledby"))&&(this.progressbarId=this.id||d.uuidish(),this.computedAriaLabelledby=this.ariaLabelledby||`${this.progressbarId}-title`),(t.has("ariaValueText")||t.has("valueCurrent")||t.has("valueMax"))&&(this.computedAriaValueText=this.statusType==="fraction"&&!this.ariaValueText?`${this.valueCurrent} av ${this.valueMax-this.valueMin}`:this.ariaValueText||""),this.syncAttributes()}render(){const t=this.statusType!=="none",s=this.valueMax-this.valueMin,r=this.valueCurrent/s*100,i=this.statusType==="fraction"?Math.round(r):Math.round((this.valueCurrent-this.valueMin)/(this.valueMax-this.valueMin)*100),u=`${this.valueCurrent} av ${s}`,o=n.e({"pkt-progressbar__bar":!0,[`pkt-progressbar__bar--${this.skin}`]:!!this.skin}),g=n.e({"pkt-progressbar__title":!0,"pkt-progressbar__title-center":this.titlePosition==="center"}),y=n.e({"pkt-progressbar__status":!0,"pkt-progressbar__status--center":this.statusPlacement==="center"}),P=n.e({"pkt-progressbar__status-placement--following":this.statusPlacement==="following","pkt-progressbar__status-placement--center":this.statusPlacement==="center","pkt-progressbar__status-placement--left":this.statusPlacement==="left"});return e.b` <div
       class="pkt-progressbar__container"
       .ref=${this.progressBarRef}
       style=${f({"--pkt-progress-label-width":`${this.labelWidth}px`,"--pkt-progress-width":`${i}%`})}
     >
-      ${this.title?e.x`<p id=${`${this.progressBarId}-title`} class=${g}>${this.title}</p>`:e.E}
+      ${this.title?e.b`<p id=${`${this.progressBarId}-title`} class=${g}>${this.title}</p>`:e.A}
 
       <div class="pkt-progressbar__bar-wrapper">
         <div class=${o}></div>
       </div>
 
-      ${t?e.x`<div class=${y}>
+      ${t?e.b`<div class=${y}>
             <span class=${P} ${h.n(this.labelRef)}>
               ${this.statusType==="percentage"?`${i}%`:u}
             </span>
-          </div>`:e.E}
+          </div>`:e.A}
     </div>`}setComputedValues(){this.progressbarId=this.id||d.uuidish(),this.computedAriaLabelledby=this.ariaLabelledby||`${this.progressbarId}-title`,this.computedAriaValueText=this.statusType==="fraction"&&!this.ariaValueText?`${this.valueCurrent} av ${this.valueMax-this.valueMin}`:this.ariaValueText||""}syncAttributes(){this._handleAttribute("aria-live",this.ariaLive),this._handleAttribute("aria-valuenow",this.valueCurrent),this._handleAttribute("aria-valuemin",this.valueMin),this._handleAttribute("aria-valuemax",this.valueMax),this._handleAttribute("aria-valuetext",this.computedAriaValueText),this._handleAttribute("aria-label",this.ariaLabel),this._handleAttribute("role",this.role),this._handleAttribute("aria-atomic","true"),this._handleAttribute("id",this.progressbarId),this.ariaLabel||this._handleAttribute("aria-labelledby",this.computedAriaLabelledby)}_handleAttribute(t,s){s==null||s===""?this.removeAttribute(t):this.setAttribute(t,String(s))}};a([e.n({type:String})],exports.PktProgressbar.prototype,"ariaLabel",2);a([e.n({type:String,reflect:!0})],exports.PktProgressbar.prototype,"ariaLabelledby",2);a([e.n({type:String,reflect:!0})],exports.PktProgressbar.prototype,"ariaValueText",2);a([e.n({type:String})],exports.PktProgressbar.prototype,"ariaLive",2);a([e.n({type:String,reflect:!0})],exports.PktProgressbar.prototype,"id",2);a([e.n({type:String})],exports.PktProgressbar.prototype,"role",2);a([e.n({type:String})],exports.PktProgressbar.prototype,"skin",2);a([e.n({type:String})],exports.PktProgressbar.prototype,"statusPlacement",2);a([e.n({type:String})],exports.PktProgressbar.prototype,"statusType",2);a([e.n({type:String,reflect:!0})],exports.PktProgressbar.prototype,"title",2);a([e.n({type:String})],exports.PktProgressbar.prototype,"titlePosition",2);a([e.n({type:Number,reflect:!0})],exports.PktProgressbar.prototype,"valueCurrent",2);a([e.n({type:Number})],exports.PktProgressbar.prototype,"valueMax",2);a([e.n({type:Number})],exports.PktProgressbar.prototype,"valueMin",2);a([p.r()],exports.PktProgressbar.prototype,"labelWidth",2);a([p.r()],exports.PktProgressbar.prototype,"progressbarId",2);a([p.r()],exports.PktProgressbar.prototype,"computedAriaLabelledby",2);a([p.r()],exports.PktProgressbar.prototype,"computedAriaValueText",2);exports.PktProgressbar=a([e.t("pkt-progressbar")],exports.PktProgressbar);const _=exports.PktProgressbar;exports.PktProgressbar$1=_;

package/dist/{progressbar-CJa70NEo.js → progressbar-GSA4Md1u.js}

@@ -1,10 +1,10 @@
-import { e as n } from "./class-map-Dt2jXOlF.js";
-import { T as g, P as _, E as c, x as b, n as u, t as $ } from "./element-BXsf_NlG.js";
-import { r as h } from "./state-DgnkjP0q.js";
-import { e as y, n as A } from "./ref-BxiKhrfa.js";
+import { e as n } from "./class-map-3ADKve8g.js";
+import { E as g, P as _, A as c, b, n as u, t as $ } from "./element-CV9utnHJ.js";
+import { r as h } from "./state-l4hGZdFJ.js";
+import { e as y, n as A } from "./ref-Dma3n3i8.js";
 import { e as x, i as T, t as k } from "./directive-oAbCiebi.js";
 import { u as d } from "./utils-DznhwRXm.js";
-import "./icon-DBZvMard.js";
+import "./icon-D0IQAVwS.js";
 /**
  * @license
  * Copyright 2018 Google LLC
@@ -16,10 +16,10 @@ const v = "important", C = " !" + v, M = x(class extends T {
     if (super(t), t.type !== k.ATTRIBUTE || t.name !== "style" || ((e = t.strings) == null ? void 0 : e.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
   }
   render(t) {
-    return Object.keys(t).reduce(((e, a) => {
+    return Object.keys(t).reduce((e, a) => {
       const s = t[a];
       return s == null ? e : e + `${a = a.includes("-") ? a : a.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${s};`;
-    }), "");
+    }, "");
   }
   update(t, [e]) {
     const { style: a } = t.element;

package/dist/{radiobutton-DWoYQn8H.cjs → radiobutton-95wp024h.cjs}

@@ -1,13 +1,13 @@
-"use strict";const t=require("./element-aUzIoa1s.cjs"),r=require("./state-GDzxl12x.cjs"),u=require("./input-element-BBv4xjPb.cjs"),h=require("./ref-C5iJMIE1.cjs"),c=require("./class-map-CApIYSRo.cjs");var d=Object.defineProperty,k=Object.getOwnPropertyDescriptor,i=(p,e,n,a)=>{for(var s=a>1?void 0:a?k(e,n):e,o=p.length-1,l;o>=0;o--)(l=p[o])&&(s=(a?l(e,n,s):l(s))||s);return a&&s&&d(e,n,s),s};exports.PktRadioButton=class extends u.PktInputElement{constructor(){super(...arguments),this.inputRef=h.e(),this.value="",this.checkHelptext=null,this.defaultChecked=!1,this.hasTile=!1,this.checked=null,this.type="radio",this.tagText=null,this.optionalTag=!1,this.optionalText="Valgfritt",this.requiredTag=!1,this.requiredText="Må fylles ut",this._checked=!1}connectedCallback(){super.connectedCallback()}attributeChangedCallback(e,n,a){e==="defaultChecked"&&(this._checked=this.defaultChecked),e==="checked"&&(this._checked=this.checked===""||this.checked==="true"||this.checked===!0),super.attributeChangedCallback(e,n,a)}render(){const e=c.e({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),n=c.e({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError}),a=c.e({"pkt-input-check__input-label":!0,"pkt-input-check__input-label--disabled":this.disabled,"pkt-sr-only":this.hideLabel}),s="pkt-tag pkt-tag--small pkt-tag--thin-text",o=()=>t.x`
-        ${this.tagText?t.x`<span class=${s+" pkt-tag--gray"}>${this.tagText}</span>`:t.E}
-        ${this.optionalTag?t.x`<span class=${s+" pkt-tag--blue-light"}>${this.optionalText}</span>`:t.E}
-        ${this.requiredTag?t.x`<span class=${s+" pkt-tag--beige"}>${this.requiredText}</span>`:t.E}
-      `,l=()=>t.x`
+"use strict";const t=require("./element-CMTfByxQ.cjs"),r=require("./state-BNgpvY-A.cjs"),u=require("./input-element-DM0tY799.cjs"),h=require("./ref-CxLwrCxt.cjs"),c=require("./class-map-Bokp1SoS.cjs");var d=Object.defineProperty,k=Object.getOwnPropertyDescriptor,i=(p,e,n,a)=>{for(var s=a>1?void 0:a?k(e,n):e,o=p.length-1,l;o>=0;o--)(l=p[o])&&(s=(a?l(e,n,s):l(s))||s);return a&&s&&d(e,n,s),s};exports.PktRadioButton=class extends u.PktInputElement{constructor(){super(...arguments),this.inputRef=h.e(),this.value="",this.checkHelptext=null,this.defaultChecked=!1,this.hasTile=!1,this.checked=null,this.type="radio",this.tagText=null,this.optionalTag=!1,this.optionalText="Valgfritt",this.requiredTag=!1,this.requiredText="Må fylles ut",this._checked=!1}connectedCallback(){super.connectedCallback()}attributeChangedCallback(e,n,a){e==="defaultChecked"&&(this._checked=this.defaultChecked),e==="checked"&&(this._checked=this.checked===""||this.checked==="true"||this.checked===!0),super.attributeChangedCallback(e,n,a)}render(){const e=c.e({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),n=c.e({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError}),a=c.e({"pkt-input-check__input-label":!0,"pkt-input-check__input-label--disabled":this.disabled,"pkt-sr-only":this.hideLabel}),s="pkt-tag pkt-tag--small pkt-tag--thin-text",o=()=>t.b`
+        ${this.tagText?t.b`<span class=${s+" pkt-tag--gray"}>${this.tagText}</span>`:t.A}
+        ${this.optionalTag?t.b`<span class=${s+" pkt-tag--blue-light"}>${this.optionalText}</span>`:t.A}
+        ${this.requiredTag?t.b`<span class=${s+" pkt-tag--beige"}>${this.requiredText}</span>`:t.A}
+      `,l=()=>t.b`
         <label class=${a} for=${this.id+"-internal"}>
           ${this.label} ${o()}
-          ${this.checkHelptext?t.x`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>`:t.E}
+          ${this.checkHelptext?t.b`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>`:t.A}
         </label>
-      `;return t.x`
+      `;return t.b`
       <div class="pkt-input-check">
         <div class=${e}>
           <input

package/dist/{radiobutton-CvKKNFMd.js → radiobutton-CTFAV5GU.js}

@@ -1,12 +1,12 @@
-import { x as h, E as n, n as s, t as d } from "./element-BXsf_NlG.js";
-import { r as k } from "./state-DgnkjP0q.js";
-import { P as f } from "./input-element-CbjYtVou.js";
-import { e as g, n as y } from "./ref-BxiKhrfa.js";
-import { e as u } from "./class-map-Dt2jXOlF.js";
-var $ = Object.defineProperty, b = Object.getOwnPropertyDescriptor, i = (e, a, c, l) => {
-  for (var p = l > 1 ? void 0 : l ? b(a, c) : a, r = e.length - 1, o; r >= 0; r--)
+import { b as h, A as n, n as s, t as d } from "./element-CV9utnHJ.js";
+import { r as k } from "./state-l4hGZdFJ.js";
+import { P as f } from "./input-element-Bkv6Yxld.js";
+import { e as g, n as b } from "./ref-Dma3n3i8.js";
+import { e as u } from "./class-map-3ADKve8g.js";
+var y = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, i = (e, a, c, l) => {
+  for (var p = l > 1 ? void 0 : l ? $(a, c) : a, r = e.length - 1, o; r >= 0; r--)
     (o = e[r]) && (p = (l ? o(a, c, p) : o(p)) || p);
-  return l && p && $(a, c, p), p;
+  return l && p && y(a, c, p), p;
 };
 let t = class extends f {
   constructor() {
@@ -51,7 +51,7 @@ let t = class extends f {
             ?disabled=${this.disabled}
             form=""
             name=${this.name + "-internal"}
-            ${y(this.inputRef)}
+            ${b(this.inputRef)}
             @change=${this.toggleChecked}
             @input=${this.onInput}
             @blur=${this.onBlur}

package/dist/{ref-C5iJMIE1.cjs → ref-CxLwrCxt.cjs}

@@ -1,9 +1,9 @@
-"use strict";const d=require("./element-aUzIoa1s.cjs"),a=require("./directive-helpers-CYIEJ8pI.cjs"),l=require("./directive-C7oCP5Bh.cjs");/**
+"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},c=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),u(e)}};function _(t){this._$AN!==void 0?(c(this),this._$AM=t,$(this)):this._$AM=t}function f(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),c(i[o]);else i!=null&&(n(i,!1),c(i));else n(this,t)}const u=t=>{t.type==l.t.CHILD&&(t._$AP??(t._$AP=f),t._$AQ??(t._$AQ=_))};class A 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),c(this))}setValue(e){if(a.f(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(){}}/**
+ */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 r=new WeakMap,p=l.e(class extends A{render(t){return d.E}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.E}rt(t){if(this.isConnected||(t=void 0),typeof this.G=="function"){const e=this.ht??globalThis;let s=r.get(e);s===void 0&&(s=new WeakMap,r.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=r.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;
+ */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-BxiKhrfa.js → ref-Dma3n3i8.js}

@@ -1,6 +1,6 @@
-import { E as l } from "./element-BXsf_NlG.js";
-import { f as $ } from "./directive-helpers-CQef4qUQ.js";
-import { i as f, t as a, e as _ } from "./directive-oAbCiebi.js";
+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
@@ -36,9 +36,9 @@ function u(t, s = !1, e = 0) {
   else o(this, t);
 }
 const v = (t) => {
-  t.type == a.CHILD && (t._$AP ?? (t._$AP = u), t._$AQ ?? (t._$AQ = A));
+  t.type == f.CHILD && (t._$AP ?? (t._$AP = u), t._$AQ ?? (t._$AQ = A));
 };
-class p extends f {
+class p extends a {
   constructor() {
     super(...arguments), this._$AN = void 0;
   }

package/dist/repeat-C-FJ2vfy.cjs

@@ -0,0 +1,5 @@
+"use strict";const w=require("./element-CMTfByxQ.cjs"),x=require("./directive-C7oCP5Bh.cjs"),s=require("./directive-helpers-B3Vpl3xV.cjs");/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const q=(l,v,d)=>{const a=new Map;for(let e=v;e<=d;e++)a.set(l[e],e);return a},m=x.e(class extends x.i{constructor(l){if(super(l),l.type!==x.t.CHILD)throw Error("repeat() can only be used in text expressions")}dt(l,v,d){let a;d===void 0?d=v:v!==void 0&&(a=v);const e=[],o=[];let n=0;for(const c of l)e[n]=a?a(c,n):n,o[n]=d(c,n),n++;return{values:o,keys:e}}render(l,v,d){return this.dt(l,v,d).values}update(l,[v,d,a]){const e=s.M(l),{values:o,keys:n}=this.dt(v,d,a);if(!Array.isArray(e))return this.ut=n,o;const c=this.ut??(this.ut=[]),f=[];let p,g,t=0,i=e.length-1,r=0,u=o.length-1;for(;t<=i&&r<=u;)if(e[t]===null)t++;else if(e[i]===null)i--;else if(c[t]===n[r])f[r]=s.u(e[t],o[r]),t++,r++;else if(c[i]===n[u])f[u]=s.u(e[i],o[u]),i--,u--;else if(c[t]===n[u])f[u]=s.u(e[t],o[u]),s.v(l,f[u+1],e[t]),t++,u--;else if(c[i]===n[r])f[r]=s.u(e[i],o[r]),s.v(l,e[t],e[i]),i--,r++;else if(p===void 0&&(p=q(n,r,u),g=q(c,t,i)),p.has(c[t]))if(p.has(c[i])){const h=g.get(n[r]),y=h!==void 0?e[h]:null;if(y===null){const k=s.v(l,e[t]);s.u(k,o[r]),f[r]=k}else f[r]=s.u(y,o[r]),s.v(l,e[t],y),e[h]=null;r++}else s.h(e[i]),i--;else s.h(e[t]),t++;for(;r<=u;){const h=s.v(l,f[u+1]);s.u(h,o[r]),f[r++]=h}for(;t<=i;){const h=e[t++];h!==null&&s.h(h)}return this.ut=n,s.p(l,f),w.E}});exports.c=m;

package/dist/repeat-DnlRNf63.js

@@ -0,0 +1,61 @@
+import { E as w } from "./element-CV9utnHJ.js";
+import { e as A, i as E, t as M } from "./directive-oAbCiebi.js";
+import { M as b, u as p, v, h as x, p as j } from "./directive-helpers-CyPtA1_i.js";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const k = (s, c, a) => {
+  const h = /* @__PURE__ */ new Map();
+  for (let e = c; e <= a; e++) h.set(s[e], e);
+  return h;
+}, I = A(class extends E {
+  constructor(s) {
+    if (super(s), s.type !== M.CHILD) throw Error("repeat() can only be used in text expressions");
+  }
+  dt(s, c, a) {
+    let h;
+    a === void 0 ? a = c : c !== void 0 && (h = c);
+    const e = [], i = [];
+    let l = 0;
+    for (const u of s) e[l] = h ? h(u, l) : l, i[l] = a(u, l), l++;
+    return { values: i, keys: e };
+  }
+  render(s, c, a) {
+    return this.dt(s, c, a).values;
+  }
+  update(s, [c, a, h]) {
+    const e = b(s), { values: i, keys: l } = this.dt(c, a, h);
+    if (!Array.isArray(e)) return this.ut = l, i;
+    const u = this.ut ?? (this.ut = []), f = [];
+    let m, $, t = 0, o = e.length - 1, r = 0, n = i.length - 1;
+    for (; t <= o && r <= n; ) if (e[t] === null) t++;
+    else if (e[o] === null) o--;
+    else if (u[t] === l[r]) f[r] = p(e[t], i[r]), t++, r++;
+    else if (u[o] === l[n]) f[n] = p(e[o], i[n]), o--, n--;
+    else if (u[t] === l[n]) f[n] = p(e[t], i[n]), v(s, f[n + 1], e[t]), t++, n--;
+    else if (u[o] === l[r]) f[r] = p(e[o], i[r]), v(s, e[t], e[o]), o--, r++;
+    else if (m === void 0 && (m = k(l, r, n), $ = k(u, t, o)), m.has(u[t])) if (m.has(u[o])) {
+      const d = $.get(l[r]), y = d !== void 0 ? e[d] : null;
+      if (y === null) {
+        const g = v(s, e[t]);
+        p(g, i[r]), f[r] = g;
+      } else f[r] = p(y, i[r]), v(s, e[t], y), e[d] = null;
+      r++;
+    } else x(e[o]), o--;
+    else x(e[t]), t++;
+    for (; r <= n; ) {
+      const d = v(s, f[n + 1]);
+      p(d, i[r]), f[r++] = d;
+    }
+    for (; t <= o; ) {
+      const d = e[t++];
+      d !== null && x(d);
+    }
+    return this.ut = l, j(s, f), w;
+  }
+});
+export {
+  I as c
+};

package/dist/{select-BQUp88lY.cjs → select-CZ_Lx5W6.cjs}

@@ -1,4 +1,4 @@
-"use strict";const p=require("./element-aUzIoa1s.cjs"),h=require("./ref-C5iJMIE1.cjs"),l=require("./if-defined-BElHLTlB.cjs"),c=require("./state-GDzxl12x.cjs"),v=require("./input-element-BBv4xjPb.cjs"),f=require("./pkt-options-controller-BnTmkl3g.cjs"),_=require("./pkt-slot-controller-D4nKlom5.cjs");require("./input-wrapper-CJqmwe3I.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.x`
+"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-DM0tY799.cjs"),f=require("./pkt-options-controller-BnTmkl3g.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}
@@ -35,7 +35,7 @@
           @blur=${e=>{this.onBlur(),e.stopImmediatePropagation()}}
           ${h.n(this.inputRef)}
         >
-          ${this._options.length>0?this._options.map(e=>p.x`<option
+          ${this._options.length>0?this._options.map(e=>p.b`<option
                     value=${e.value}
                     ?selected=${this.value==e.value||e.selected}
                     ?disabled=${e.disabled}

package/dist/{select-CFkxir_l.js → select-YLvYAQX6.js}

@@ -1,11 +1,11 @@
-import { n as c, x as a, t as _ } from "./element-BXsf_NlG.js";
-import { e as u, n as d } from "./ref-BxiKhrfa.js";
-import { o as n } from "./if-defined-CxHgig4I.js";
-import { r as $ } from "./state-DgnkjP0q.js";
-import { P as x } from "./input-element-CbjYtVou.js";
+import { n as c, b as a, t as _ } from "./element-CV9utnHJ.js";
+import { e as u, n as d } from "./ref-Dma3n3i8.js";
+import { o as n } from "./if-defined-rXcLNTzN.js";
+import { r as $ } from "./state-l4hGZdFJ.js";
+import { P as x } from "./input-element-Bkv6Yxld.js";
 import { P as m } from "./pkt-options-controller-BcGywCmf.js";
 import { P as b } from "./pkt-slot-controller-D7CrjM52.js";
-import "./input-wrapper-Bwmva-69.js";
+import "./input-wrapper-CaUY90qz.js";
 var P = Object.defineProperty, v = (e, t, s, o) => {
   for (var i = void 0, l = e.length - 1, p; l >= 0; l--)
     (p = e[l]) && (i = p(t, s, i) || i);

package/dist/{state-GDzxl12x.cjs → state-BNgpvY-A.cjs}

@@ -1,4 +1,4 @@
-"use strict";const e=require("./element-aUzIoa1s.cjs");/**
+"use strict";const e=require("./element-CMTfByxQ.cjs");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/{state-DgnkjP0q.js → state-l4hGZdFJ.js}

@@ -1,4 +1,4 @@
-import { n as r } from "./element-BXsf_NlG.js";
+import { n as r } from "./element-CV9utnHJ.js";
 /**
  * @license
  * Copyright 2017 Google LLC

package/dist/tabitem-BKv4eN0a.cjs

@@ -0,0 +1,65 @@
+"use strict";const a=require("./element-CMTfByxQ.cjs"),g=require("./pkt-slot-controller-D4nKlom5.cjs"),v=require("./state-BNgpvY-A.cjs"),d=require("./ref-CxLwrCxt.cjs"),u=require("./if-defined-hKKmbsI8.cjs");/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */let C=class extends Event{constructor(t,e,i,s){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.contextTarget=e,this.callback=i,this.subscribe=s??!1}};/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ *//**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */let k=class{constructor(t,e,i,s){if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(r,o)=>{this.unsubscribe&&(this.unsubscribe!==o&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=r,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(r,o)),this.unsubscribe=o},this.host=t,e.context!==void 0){const r=e;this.context=r.context,this.callback=r.callback,this.subscribe=r.subscribe??!1}else this.context=e,this.callback=i,this.subscribe=s??!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new C(this.context,this.host,this.t,this.subscribe))}};/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */class m{get value(){return this.o}set value(t){this.setValue(t)}setValue(t,e=!1){const i=e||!Object.is(t,this.o);this.o=t,i&&this.updateObservers()}constructor(t){this.subscriptions=new Map,this.updateObservers=()=>{for(const[e,{disposer:i}]of this.subscriptions)e(this.o,i)},t!==void 0&&(this.value=t)}addCallback(t,e,i){if(!i)return void t(this.value);this.subscriptions.has(t)||this.subscriptions.set(t,{disposer:()=>{this.subscriptions.delete(t)},consumerHost:e});const{disposer:s}=this.subscriptions.get(t);t(this.value,s)}clearCallbacks(){this.subscriptions.clear()}}/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */let $=class extends Event{constructor(t,e){super("context-provider",{bubbles:!0,composed:!0}),this.context=t,this.contextTarget=e}};class w extends m{constructor(t,e,i){var s,r;super(e.context!==void 0?e.initialValue:i),this.onContextRequest=o=>{if(o.context!==this.context)return;const c=o.contextTarget??o.composedPath()[0];c!==this.host&&(o.stopPropagation(),this.addCallback(o.callback,c,o.subscribe))},this.onProviderRequest=o=>{if(o.context!==this.context||(o.contextTarget??o.composedPath()[0])===this.host)return;const c=new Set;for(const[f,{consumerHost:x}]of this.subscriptions)c.has(f)||(c.add(f),x.dispatchEvent(new C(this.context,x,f,!0)));o.stopPropagation()},this.host=t,e.context!==void 0?this.context=e.context:this.context=e,this.attachListeners(),(r=(s=this.host).addController)==null||r.call(s,this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new $(this.context,this.host))}}/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */function P({context:n}){return(t,e)=>{const i=new WeakMap;if(typeof e=="object")return{get(){return t.get.call(this)},set(s){return i.get(this).setValue(s),t.set.call(this,s)},init(s){return i.set(this,new w(this,{context:n,initialValue:s})),s}};{t.constructor.addInitializer((o=>{i.set(o,new w(o,{context:n}))}));const s=Object.getOwnPropertyDescriptor(t,e);let r;if(s===void 0){const o=new WeakMap;r={get(){return o.get(this)},set(c){i.get(this).setValue(c),o.set(this,c)},configurable:!0,enumerable:!0}}else{const o=s.set;r={...s,set(c){i.get(this).setValue(c),o==null||o.call(this,c)}}}return void Object.defineProperty(t,e,r)}}}/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */function S({context:n,subscribe:t}){return(e,i)=>{typeof i=="object"?i.addInitializer((function(){new k(this,{context:n,callback:s=>{e.set.call(this,s)},subscribe:t})})):e.constructor.addInitializer((s=>{new k(s,{context:n,callback:r=>{s[i]=r},subscribe:t})}))}}const y=Symbol("pkt-tabs-context");var _=Object.defineProperty,N=Object.getOwnPropertyDescriptor,p=(n,t,e,i)=>{for(var s=i>1?void 0:i?N(t,e):t,r=n.length-1,o;r>=0;r--)(o=n[r])&&(s=(i?o(t,e,s):o(s))||s);return i&&s&&_(t,e,s),s};let b=class extends a.PktElement{constructor(){super(),this.arrowNav=!0,this.disableArrowNav=!1,this.tabRefs=[],this.tabCount=0,this.defaultSlot=d.e(),this.context={useArrowNav:this.useArrowNav,registerTab:this.registerTab.bind(this),handleClick:this.handleClick.bind(this),handleKeyUp:this.handleKeyUp.bind(this)},this.slotController=new g.PktSlotController(this,this.defaultSlot)}get useArrowNav(){return this.arrowNav&&!this.disableArrowNav}updated(t){(t.has("arrowNav")||t.has("disableArrowNav"))&&(this.context={...this.context,useArrowNav:this.useArrowNav})}registerTab(t,e){this.tabRefs[e]=t,this.tabCount=Math.max(this.tabCount,e+1)}handleClick(t){this.dispatchEvent(new CustomEvent("tab-selected",{detail:{index:t},bubbles:!0,composed:!0}))}handleKeyUp(t,e){var i,s;this.useArrowNav&&(t.code==="ArrowLeft"&&e!==0&&((i=this.tabRefs[e-1])==null||i.focus()),t.code==="ArrowRight"&&e<this.tabCount-1&&((s=this.tabRefs[e+1])==null||s.focus()),(t.code==="ArrowDown"||t.code==="Space")&&this.dispatchEvent(new CustomEvent("tab-selected",{detail:{index:e},bubbles:!0,composed:!0})))}render(){const t=this.useArrowNav?"tablist":"navigation";return a.b`
+      <div class="pkt-tabs">
+        <div class="pkt-tabs__list" role=${t} ${d.n(this.defaultSlot)}></div>
+      </div>
+    `}};p([a.n({type:Boolean,reflect:!0,attribute:"arrow-nav"})],b.prototype,"arrowNav",2);p([a.n({type:Boolean,reflect:!0,attribute:"disable-arrow-nav"})],b.prototype,"disableArrowNav",2);p([v.r()],b.prototype,"tabRefs",2);p([v.r()],b.prototype,"tabCount",2);p([P({context:y}),v.r()],b.prototype,"context",2);b=p([a.t("pkt-tabs")],b);const R=b;var A=Object.defineProperty,T=Object.getOwnPropertyDescriptor,l=(n,t,e,i)=>{for(var s=i>1?void 0:i?T(t,e):t,r=n.length-1,o;r>=0;r--)(o=n[r])&&(s=(i?o(t,e,s):o(s))||s);return i&&s&&A(t,e,s),s};let h=class extends a.PktElement{constructor(){super(),this.active=!1,this.href="",this.icon="",this.controls="",this.tag="",this.tagSkin="blue",this.index=0,this.elementRef=d.e(),this.defaultSlot=d.e(),this.slotController=new g.PktSlotController(this,this.defaultSlot)}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{this.elementRef.value&&this.context&&this.context.registerTab(this.elementRef.value,this.index)})}handleClick(){this.context&&this.context.handleClick(this.index)}handleKeyUp(n){this.context&&this.context.handleKeyUp(n,this.index)}render(){var o;const n=((o=this.context)==null?void 0:o.useArrowNav)??!0,t=this.active?"active":"",e=n?"tab":void 0,i=n?this.active:void 0,s=this.active||!n?void 0:-1,r=a.b`
+      ${this.icon?a.b`<pkt-icon name=${this.icon} class="pkt-icon--small"></pkt-icon>`:""}
+      <span ${d.n(this.defaultSlot)}></span>
+      ${this.tag?a.b`<pkt-tag skin=${this.tagSkin} size="small">${this.tag}</pkt-tag>`:""}
+    `;return this.href?a.b`
+        <a
+          ${d.n(this.elementRef)}
+          href=${this.href}
+          class="pkt-tabs__link ${t}"
+          role=${u.o(e)}
+          aria-selected=${u.o(i)}
+          aria-controls=${u.o(this.controls||void 0)}
+          tabindex=${u.o(s)}
+          @click=${this.handleClick}
+          @keyup=${this.handleKeyUp}
+        >
+          ${r}
+        </a>
+      `:a.b`
+      <button
+        ${d.n(this.elementRef)}
+        type="button"
+        class="pkt-tabs__button pkt-link-button ${t}"
+        role=${u.o(e)}
+        aria-selected=${u.o(i)}
+        aria-controls=${u.o(this.controls||void 0)}
+        tabindex=${u.o(s)}
+        @click=${this.handleClick}
+        @keyup=${this.handleKeyUp}
+      >
+        ${r}
+      </button>
+    `}};l([a.n({type:Boolean,reflect:!0})],h.prototype,"active",2);l([a.n({type:String,reflect:!0})],h.prototype,"href",2);l([a.n({type:String,reflect:!0})],h.prototype,"icon",2);l([a.n({type:String,reflect:!0})],h.prototype,"controls",2);l([a.n({type:String,reflect:!0})],h.prototype,"tag",2);l([a.n({type:String,reflect:!0,attribute:"tag-skin"})],h.prototype,"tagSkin",2);l([a.n({type:Number,reflect:!0})],h.prototype,"index",2);l([S({context:y,subscribe:!0}),a.n({attribute:!1})],h.prototype,"context",2);h=l([a.t("pkt-tab-item")],h);const q=h;exports.PktTabItem_default=q;exports.PktTabs=R;

package/dist/{tabitem-C8-tZyc_.js → tabitem-DQRzgAT4.js}

@@ -1,8 +1,8 @@
-import { P as $, x as p, n as h, t as y } from "./element-BXsf_NlG.js";
+import { P as $, b as p, n as h, t as y } from "./element-CV9utnHJ.js";
 import { P as C } from "./pkt-slot-controller-D7CrjM52.js";
-import { r as w } from "./state-DgnkjP0q.js";
-import { e as x, n as f } from "./ref-BxiKhrfa.js";
-import { o as u } from "./if-defined-CxHgig4I.js";
+import { r as w } from "./state-l4hGZdFJ.js";
+import { e as x, n as f } from "./ref-Dma3n3i8.js";
+import { o as u } from "./if-defined-rXcLNTzN.js";
 /**
  * @license
  * Copyright 2021 Google LLC
@@ -48,7 +48,7 @@ let m = class {
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class N {
+class _ {
   get value() {
     return this.o;
   }
@@ -81,12 +81,12 @@ class N {
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let _ = class extends Event {
+let N = class extends Event {
   constructor(t, s) {
     super("context-provider", { bubbles: !0, composed: !0 }), this.context = t, this.contextTarget = s;
   }
 };
-class g extends N {
+class g extends _ {
   constructor(t, s, i) {
     var e, n;
     super(s.context !== void 0 ? s.initialValue : i), this.onContextRequest = (r) => {
@@ -104,7 +104,7 @@ class g extends N {
     this.host.addEventListener("context-request", this.onContextRequest), this.host.addEventListener("context-provider", this.onProviderRequest);
   }
   hostConnected() {
-    this.host.dispatchEvent(new _(this.context, this.host));
+    this.host.dispatchEvent(new N(this.context, this.host));
   }
 }
 /**
@@ -327,6 +327,6 @@ c = l([
 ], c);
 const B = c;
 export {
-  M as P,
-  B as a
+  B as P,
+  M as a
 };

package/dist/{tag-DIJMJhyp.js → tag-68q0_Sn0.js}

@@ -1,10 +1,10 @@
-import { e as u } from "./class-map-Dt2jXOlF.js";
-import { P as m, x as p, n as r, t as g } from "./element-BXsf_NlG.js";
-import { r as k } from "./state-DgnkjP0q.js";
+import { e as u } from "./class-map-3ADKve8g.js";
+import { P as m, b as p, n as r, t as g } from "./element-CV9utnHJ.js";
+import { r as k } from "./state-l4hGZdFJ.js";
 import { P as y } from "./pkt-slot-controller-D7CrjM52.js";
-import { e as b, n as f } from "./ref-BxiKhrfa.js";
-import "./icon-DBZvMard.js";
-import { o as d } from "./if-defined-CxHgig4I.js";
+import { e as b, n as f } from "./ref-Dma3n3i8.js";
+import "./icon-D0IQAVwS.js";
+import { o as d } from "./if-defined-rXcLNTzN.js";
 const _ = { size: { default: "medium" }, skin: { default: "blue" }, closeTag: { default: !1 }, type: { default: "button" } }, n = {
   props: _
 };

package/dist/{tag-h0vD2Na0.cjs → tag-BnT5onW2.cjs}

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