@oslokommune/punkt-elements 16.0.5 → 16.1.0

package/dist/{pkt-options-controller-Z-bPox7n.js → pkt-options-controller-W4ITGQy9.js}

@@ -1,4 +1,4 @@
-import { i as r } from "./pkt-slot-controller-D7CrjM52.js";
+import { i as r } from "./element-with-slot-1djk8KXi.js";
 class o {
   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));

package/dist/pkt-progressbar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./progressbar-Bxh335uT.cjs");Object.defineProperty(exports,"PktProgressbar",{enumerable:!0,get:()=>e.PktProgressbar});exports.default=e.PktProgressbar$1;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./progressbar-CC9Qr82_.cjs");Object.defineProperty(exports,"PktProgressbar",{enumerable:!0,get:()=>e.PktProgressbar});exports.default=e.PktProgressbar$1;

package/dist/pkt-progressbar.js

@@ -1,5 +1,5 @@
-import { a } from "./progressbar-GSA4Md1u.js";
-import { P as t } from "./progressbar-GSA4Md1u.js";
+import { a } from "./progressbar-CcX-xiPI.js";
+import { P as t } from "./progressbar-CcX-xiPI.js";
 export {
   t as PktProgressbar,
   a as default

package/dist/pkt-radiobutton.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./radiobutton-CNHCpKn0.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-BUDQYAH-.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-DgC27mb0.js";
+import { P as t } from "./radiobutton-RW3h0tJj.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-PWPy5gTB.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-PuEeK4jQ.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-7VuYtPZv.js";
+import { P as t } from "./select-iXKeM3yz.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-BKv4eN0a.cjs");exports.PktTabItem=e.PktTabItem_default;exports.PktTabs=e.PktTabs;exports.default=e.PktTabs;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./tabitem-Jenus4Qd.cjs");exports.PktTabItem=e.PktTabItem_default;exports.PktTabs=e.PktTabs;exports.default=e.PktTabs;

package/dist/pkt-tabs.js

@@ -1,5 +1,5 @@
-import { a as t } from "./tabitem-DQRzgAT4.js";
-import { P as e } from "./tabitem-DQRzgAT4.js";
+import { a as t } from "./tabitem-DZSzwag2.js";
+import { P as e } from "./tabitem-DZSzwag2.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-DmbgBCKu.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-DeE1OpmF.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-DZPqFiem.js";
+import { P as a } from "./tag-CIWBLpjv.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-CO7Ikug5.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-DtiYQWjy.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-VpCEjVFx.js";
+import { P as a } from "./textarea-DR9lVDN-.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-DRFZU3dA.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-cKrjvbJW.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-C2AZ9ss2.js";
+import { P as t } from "./textinput-0Bttvt9V.js";
 const p = t;
 export {
   t as PktTextinput,

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

@@ -1,4 +1,4 @@
-"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");/**
+"use strict";const n=require("./class-map-Bokp1SoS.cjs"),e=require("./element-CMTfByxQ.cjs"),p=require("./state-BNgpvY-A.cjs"),h=require("./ref-DahIePMT.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

package/dist/{progressbar-GSA4Md1u.js → progressbar-CcX-xiPI.js}

@@ -1,7 +1,7 @@
 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 y, n as A } from "./ref-DBGHvw2G.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-D0IQAVwS.js";

package/dist/{radiobutton-CNHCpKn0.cjs → radiobutton-BUDQYAH-.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./element-CMTfByxQ.cjs"),r=require("./state-BNgpvY-A.cjs"),u=require("./input-element-CSDVA3Y6.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`
+"use strict";const t=require("./element-CMTfByxQ.cjs"),r=require("./state-BNgpvY-A.cjs"),u=require("./input-element-Xe9FTi2a.cjs"),h=require("./ref-DahIePMT.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}

package/dist/{radiobutton-DgC27mb0.js → radiobutton-RW3h0tJj.js}

@@ -1,7 +1,7 @@
 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-BGNbdzy2.js";
-import { e as g, n as b } from "./ref-Dma3n3i8.js";
+import { P as f } from "./input-element-n5U38pZ1.js";
+import { e as g, n as b } from "./ref-DBGHvw2G.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--)

package/dist/ref-DBGHvw2G.js

@@ -0,0 +1,42 @@
+import { A as o } from "./element-CV9utnHJ.js";
+import { f as n } from "./async-directive-CKx6pubI.js";
+import { e as r } from "./directive-oAbCiebi.js";
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const G = () => new c();
+class c {
+}
+const e = /* @__PURE__ */ new WeakMap(), p = r(class extends n {
+  render(t) {
+    return o;
+  }
+  update(t, [i]) {
+    var h;
+    const s = i !== this.G;
+    return s && this.G !== void 0 && this.rt(void 0), (s || this.lt !== this.ct) && (this.G = i, this.ht = (h = t.options) == null ? void 0 : h.host, this.rt(this.ct = t.element)), o;
+  }
+  rt(t) {
+    if (this.isConnected || (t = void 0), typeof this.G == "function") {
+      const i = this.ht ?? globalThis;
+      let s = e.get(i);
+      s === void 0 && (s = /* @__PURE__ */ new WeakMap(), e.set(i, 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, i;
+    return typeof this.G == "function" ? (t = e.get(this.ht ?? globalThis)) == null ? void 0 : t.get(this.G) : (i = this.G) == null ? void 0 : i.value;
+  }
+  disconnected() {
+    this.lt === this.ct && this.rt(void 0);
+  }
+  reconnected() {
+    this.rt(this.ct);
+  }
+});
+export {
+  G as e,
+  p as n
+};

package/dist/ref-DahIePMT.cjs

@@ -0,0 +1,5 @@
+"use strict";const n=require("./element-CMTfByxQ.cjs"),o=require("./async-directive-B158h3ba.cjs"),c=require("./directive-C7oCP5Bh.cjs");/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const r=()=>new l;class l{}const s=new WeakMap,d=c.e(class extends o.f{render(t){return n.A}update(t,[e]){var h;const i=e!==this.G;return i&&this.G!==void 0&&this.rt(void 0),(i||this.lt!==this.ct)&&(this.G=e,this.ht=(h=t.options)==null?void 0:h.host,this.rt(this.ct=t.element)),n.A}rt(t){if(this.isConnected||(t=void 0),typeof this.G=="function"){const e=this.ht??globalThis;let i=s.get(e);i===void 0&&(i=new WeakMap,s.set(e,i)),i.get(this.G)!==void 0&&this.G.call(this.ht,void 0),i.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=s.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=r;exports.n=d;

package/dist/select-PuEeK4jQ.cjs

@@ -0,0 +1,49 @@
+"use strict";const p=require("./element-CMTfByxQ.cjs"),a=require("./ref-DahIePMT.cjs"),l=require("./if-defined-hKKmbsI8.cjs"),c=require("./state-BNgpvY-A.cjs"),v=require("./input-element-Xe9FTi2a.cjs"),f=require("./pkt-options-controller-DIeKSpWv.cjs"),_=require("./element-with-slot-yT8k1Z37.cjs");require("./input-wrapper-BdFdJU-k.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 h 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"})],h.prototype,"_optionsProp");u([c.r()],h.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 h{constructor(){super(),this.inputRef=a.e(),this.value="",this.selectedIndex=-1,this.selectedOptions=void 0,this.optionsController=new f.PktOptionsSlotController(this)}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()}}
+          ${a.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" slot="helptext">${_.slotContent(this,"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/{select-7VuYtPZv.js → select-iXKeM3yz.js}

@@ -1,15 +1,15 @@
-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 { n as u, b as a, t as v } from "./element-CV9utnHJ.js";
+import { e as f, n as _ } from "./ref-DBGHvw2G.js";
+import { o as l } from "./if-defined-rXcLNTzN.js";
 import { r as $ } from "./state-l4hGZdFJ.js";
-import { P as x } from "./input-element-BGNbdzy2.js";
-import { P as m } from "./pkt-options-controller-Z-bPox7n.js";
-import { P as b } from "./pkt-slot-controller-D7CrjM52.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);
-  return i && P(t, s, i), i;
+import { P as x } from "./input-element-n5U38pZ1.js";
+import { P as m } from "./pkt-options-controller-W4ITGQy9.js";
+import { s as b } from "./element-with-slot-1djk8KXi.js";
+import "./input-wrapper-B__6jW4U.js";
+var g = Object.defineProperty, d = (e, t, s, o) => {
+  for (var i = void 0, n = e.length - 1, p; n >= 0; n--)
+    (p = e[n]) && (i = p(t, s, i) || i);
+  return i && g(t, s, i), i;
 };
 class h extends x {
   constructor() {
@@ -82,20 +82,20 @@ class h extends x {
     super.willUpdate(t), this.parseOptions();
   }
 }
-v([
-  c({ type: Array, attribute: "options" })
+d([
+  u({ type: Array, attribute: "options" })
 ], h.prototype, "_optionsProp");
-v([
+d([
   $()
 ], h.prototype, "_options");
-var g = Object.defineProperty, O = Object.getOwnPropertyDescriptor, f = (e, t, s, o) => {
-  for (var i = o > 1 ? void 0 : o ? O(t, s) : t, l = e.length - 1, p; l >= 0; l--)
-    (p = e[l]) && (i = (o ? p(t, s, i) : p(i)) || i);
-  return o && i && g(t, s, i), i;
+var O = Object.defineProperty, P = Object.getOwnPropertyDescriptor, c = (e, t, s, o) => {
+  for (var i = o > 1 ? void 0 : o ? P(t, s) : t, n = e.length - 1, p; n >= 0; n--)
+    (p = e[n]) && (i = (o ? p(t, s, i) : p(i)) || i);
+  return o && i && O(t, s, i), i;
 };
 let r = class extends h {
   constructor() {
-    super(), this.inputRef = u(), this.helptextSlot = u(), this.value = "", this.selectedIndex = -1, this.selectedOptions = void 0, this.optionsController = new m(this), this.slotController = new b(this, this.helptextSlot), this.slotController.skipOptions = !0;
+    super(), this.inputRef = f(), this.value = "", this.selectedIndex = -1, this.selectedOptions = void 0, this.optionsController = new m(this);
   }
   connectedCallback() {
     super.connectedCallback(), this.parseOptions(), this._options.forEach((e) => {
@@ -115,7 +115,7 @@ let r = class extends h {
     else if (typeof t == "number")
       this._options.splice(t, 0, s);
     else {
-      const o = t.value || t.text, i = this._options.findIndex((l) => l.value === o);
+      const o = t.value || t.text, i = this._options.findIndex((n) => n.value === o);
       i >= 0 ? this._options.splice(i, 0, s) : this._options.push(s);
     }
     e.selected && (this.value = e.value || e.text, this.selectedIndex = this._options.findIndex((o) => o.value === this.value)), this.requestUpdate();
@@ -141,7 +141,7 @@ let r = class extends h {
   }
   attributeChangedCallback(e, t, s) {
     var o, i;
-    e === "options" && (this._options = s ? JSON.parse(s) : []), e === "value" && this.value !== t && (this.selectedIndex = this.touched ? this.returnNumberOrNull((o = this.inputRef.value) == null ? void 0 : o.selectedIndex) : this._options.findIndex((l) => l.value === s), this.selectedOptions = (i = this.inputRef.value) == null ? void 0 : i.selectedOptions, this.valueChanged(s, t)), super.attributeChangedCallback(e, t, s);
+    e === "options" && (this._options = s ? JSON.parse(s) : []), e === "value" && this.value !== t && (this.selectedIndex = this.touched ? this.returnNumberOrNull((o = this.inputRef.value) == null ? void 0 : o.selectedIndex) : this._options.findIndex((n) => n.value === s), this.selectedOptions = (i = this.inputRef.value) == null ? void 0 : i.selectedOptions, this.valueChanged(s, t)), super.attributeChangedCallback(e, t, s);
   }
   update(e) {
     var t, s;
@@ -163,23 +163,23 @@ let r = class extends h {
         ?optionalTag=${this.optionalTag}
         ?requiredTag=${this.requiredTag}
         useWrapper=${this.useWrapper}
-        ariaDescribedBy=${n(this.ariaDescribedBy)}
+        ariaDescribedBy=${l(this.ariaDescribedBy)}
         class="pkt-select"
-        errorMessage=${n(this.errorMessage)}
+        errorMessage=${l(this.errorMessage)}
         forId=${this.id + "-input"}
-        helptext=${n(this.helptext)}
-        helptextDropdown=${n(this.helptextDropdown)}
-        helptextDropdownButton=${n(this.helptextDropdownButton)}
-        label=${n(this.label)}
-        optionalText=${n(this.optionalText)}
-        requiredText=${n(this.requiredText)}
-        tagText=${n(this.tagText)}
+        helptext=${l(this.helptext)}
+        helptextDropdown=${l(this.helptextDropdown)}
+        helptextDropdownButton=${l(this.helptextDropdownButton)}
+        label=${l(this.label)}
+        optionalText=${l(this.optionalText)}
+        requiredText=${l(this.requiredText)}
+        tagText=${l(this.tagText)}
       >
         <select
           class=${e}
           aria-invalid=${this.hasError}
           aria-errormessage=${`${this.id}-error`}
-          aria-labelledby=${n(this.ariaLabelledby)}
+          aria-labelledby=${l(this.ariaLabelledby)}
           ?disabled=${this.disabled}
           id=${this.id + "-input"}
           name=${(this.name || this.id) + "-input"}
@@ -196,7 +196,7 @@ let r = class extends h {
           @blur=${(t) => {
       this.onBlur(), t.stopImmediatePropagation();
     }}
-          ${d(this.inputRef)}
+          ${_(this.inputRef)}
         >
           ${this._options.length > 0 ? this._options.map(
       (t) => a`<option
@@ -209,7 +209,7 @@ let r = class extends h {
                   </option>`
     ) : ""}
         </select>
-        <div class="pkt-contents" ${d(this.helptextSlot)} name="helptext" slot="helptext"></div>
+        <div class="pkt-contents" slot="helptext">${b(this, "helptext")}</div>
       </pkt-input-wrapper>
     `;
   }
@@ -217,11 +217,11 @@ let r = class extends h {
     return e == null || isNaN(e) ? null : e;
   }
 };
-f([
-  c({ type: String })
+c([
+  u({ type: String })
 ], r.prototype, "value", 2);
-r = f([
-  _("pkt-select")
+r = c([
+  v("pkt-select")
 ], r);
 export {
   r as P

package/dist/{tabitem-DQRzgAT4.js → tabitem-DZSzwag2.js}

@@ -1,14 +1,14 @@
-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-l4hGZdFJ.js";
-import { e as x, n as f } from "./ref-Dma3n3i8.js";
+import { P as k, s as $ } from "./element-with-slot-1djk8KXi.js";
+import { b as p, n as h, t as y } from "./element-CV9utnHJ.js";
+import { r as f } from "./state-l4hGZdFJ.js";
+import { e as _, n as w } from "./ref-DBGHvw2G.js";
 import { o as u } from "./if-defined-rXcLNTzN.js";
 /**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let P = class extends Event {
+let C = class extends Event {
   constructor(t, s, i, e) {
     super("context-request", { bubbles: !0, composed: !0 }), this.context = t, this.contextTarget = s, this.callback = i, this.subscribe = e ?? !1;
   }
@@ -40,7 +40,7 @@ let m = class {
     this.unsubscribe && (this.unsubscribe(), this.unsubscribe = void 0);
   }
   dispatchRequest() {
-    this.host.dispatchEvent(new P(this.context, this.host, this.t, this.subscribe));
+    this.host.dispatchEvent(new C(this.context, this.host, this.t, this.subscribe));
   }
 };
 /**
@@ -48,7 +48,7 @@ let m = class {
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class _ {
+class N {
   get value() {
     return this.o;
   }
@@ -81,12 +81,12 @@ class _ {
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let N = class extends Event {
+let R = class extends Event {
   constructor(t, s) {
     super("context-provider", { bubbles: !0, composed: !0 }), this.context = t, this.contextTarget = s;
   }
 };
-class g extends _ {
+class g extends N {
   constructor(t, s, i) {
     var e, n;
     super(s.context !== void 0 ? s.initialValue : i), this.onContextRequest = (r) => {
@@ -96,7 +96,7 @@ class g extends _ {
     }, this.onProviderRequest = (r) => {
       if (r.context !== this.context || (r.contextTarget ?? r.composedPath()[0]) === this.host) return;
       const a = /* @__PURE__ */ new Set();
-      for (const [v, { consumerHost: k }] of this.subscriptions) a.has(v) || (a.add(v), k.dispatchEvent(new P(this.context, k, v, !0)));
+      for (const [v, { consumerHost: x }] of this.subscriptions) a.has(v) || (a.add(v), x.dispatchEvent(new C(this.context, x, v, !0)));
       r.stopPropagation();
     }, this.host = t, s.context !== void 0 ? this.context = s.context : this.context = s, this.attachListeners(), (n = (e = this.host).addController) == null || n.call(e, this);
   }
@@ -104,7 +104,7 @@ class g extends _ {
     this.host.addEventListener("context-request", this.onContextRequest), this.host.addEventListener("context-provider", this.onProviderRequest);
   }
   hostConnected() {
-    this.host.dispatchEvent(new N(this.context, this.host));
+    this.host.dispatchEvent(new R(this.context, this.host));
   }
 }
 /**
@@ -112,7 +112,7 @@ class g extends _ {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function R({ context: o }) {
+function A({ context: o }) {
   return (t, s) => {
     const i = /* @__PURE__ */ new WeakMap();
     if (typeof s == "object") return { get() {
@@ -150,7 +150,7 @@ function R({ context: o }) {
  * Copyright 2022 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function A({ context: o, subscribe: t }) {
+function O({ context: o, subscribe: t }) {
   return (s, i) => {
     typeof i == "object" ? i.addInitializer((function() {
       new m(this, { context: o, callback: (e) => {
@@ -163,20 +163,20 @@ function A({ context: o, subscribe: t }) {
     }));
   };
 }
-const S = Symbol("pkt-tabs-context");
-var O = Object.defineProperty, T = Object.getOwnPropertyDescriptor, d = (o, t, s, i) => {
+const P = Symbol("pkt-tabs-context");
+var S = Object.defineProperty, T = Object.getOwnPropertyDescriptor, d = (o, t, s, i) => {
   for (var e = i > 1 ? void 0 : i ? T(t, s) : t, n = o.length - 1, r; n >= 0; n--)
     (r = o[n]) && (e = (i ? r(t, s, e) : r(e)) || e);
-  return i && e && O(t, s, e), e;
+  return i && e && S(t, s, e), e;
 };
-let b = class extends $ {
+let b = class extends k {
   constructor() {
-    super(), this.arrowNav = !0, this.disableArrowNav = !1, this.tabRefs = [], this.tabCount = 0, this.defaultSlot = x(), this.context = {
+    super(...arguments), this.arrowNav = !0, this.disableArrowNav = !1, this.tabRefs = [], this.tabCount = 0, this.context = {
       useArrowNav: this.useArrowNav,
       registerTab: this.registerTab.bind(this),
       handleClick: this.handleClick.bind(this),
       handleKeyUp: this.handleKeyUp.bind(this)
-    }, this.slotController = new C(this, this.defaultSlot);
+    };
   }
   get useArrowNav() {
     return this.arrowNav && !this.disableArrowNav;
@@ -214,7 +214,7 @@ let b = class extends $ {
     const o = this.useArrowNav ? "tablist" : "navigation";
     return p`
       <div class="pkt-tabs">
-        <div class="pkt-tabs__list" role=${o} ${f(this.defaultSlot)}></div>
+        <div class="pkt-tabs__list" role=${o}>${$(this)}</div>
       </div>
     `;
   }
@@ -226,14 +226,14 @@ d([
   h({ type: Boolean, reflect: !0, attribute: "disable-arrow-nav" })
 ], b.prototype, "disableArrowNav", 2);
 d([
-  w()
+  f()
 ], b.prototype, "tabRefs", 2);
 d([
-  w()
+  f()
 ], b.prototype, "tabCount", 2);
 d([
-  R({ context: S }),
-  w()
+  A({ context: P }),
+  f()
 ], b.prototype, "context", 2);
 b = d([
   y("pkt-tabs")
@@ -244,9 +244,9 @@ var j = Object.defineProperty, q = Object.getOwnPropertyDescriptor, l = (o, t, s
     (r = o[n]) && (e = (i ? r(t, s, e) : r(e)) || e);
   return i && e && j(t, s, e), e;
 };
-let c = class extends $ {
+let c = class extends k {
   constructor() {
-    super(), this.active = !1, this.href = "", this.icon = "", this.controls = "", this.tag = "", this.tagSkin = "blue", this.index = 0, this.elementRef = x(), this.defaultSlot = x(), this.slotController = new C(this, this.defaultSlot);
+    super(), this.active = !1, this.href = "", this.icon = "", this.controls = "", this.tag = "", this.tagSkin = "blue", this.index = 0, this.elementRef = _();
   }
   connectedCallback() {
     super.connectedCallback(), this.updateComplete.then(() => {
@@ -263,12 +263,12 @@ let c = class extends $ {
     var r;
     const o = ((r = this.context) == null ? void 0 : r.useArrowNav) ?? !0, t = this.active ? "active" : "", s = o ? "tab" : void 0, i = o ? this.active : void 0, e = this.active || !o ? void 0 : -1, n = p`
       ${this.icon ? p`<pkt-icon name=${this.icon} class="pkt-icon--small"></pkt-icon>` : ""}
-      <span ${f(this.defaultSlot)}></span>
+      <span>${$(this)}</span>
       ${this.tag ? p`<pkt-tag skin=${this.tagSkin} size="small">${this.tag}</pkt-tag>` : ""}
     `;
     return this.href ? p`
         <a
-          ${f(this.elementRef)}
+          ${w(this.elementRef)}
           href=${this.href}
           class="pkt-tabs__link ${t}"
           role=${u(s)}
@@ -282,7 +282,7 @@ let c = class extends $ {
         </a>
       ` : p`
       <button
-        ${f(this.elementRef)}
+        ${w(this.elementRef)}
         type="button"
         class="pkt-tabs__button pkt-link-button ${t}"
         role=${u(s)}
@@ -319,7 +319,7 @@ l([
   h({ type: Number, reflect: !0 })
 ], c.prototype, "index", 2);
 l([
-  A({ context: S, subscribe: !0 }),
+  O({ context: P, subscribe: !0 }),
   h({ attribute: !1 })
 ], c.prototype, "context", 2);
 c = l([