@oslokommune/punkt-elements 13.0.0 → 13.1.2

package/dist/{input-wrapper-BND8tUg_.cjs → input-wrapper-CZ-a00V7.cjs}

@@ -1,40 +1,42 @@
-"use strict";const t=require("./element-6DBpyGQm.cjs"),g=require("./pkt-slot-controller-BzddBp7z.cjs"),u=require("./ref-iJtiv3o2.cjs"),y=require("./if-defined-Cni-RHLS.cjs"),x=require("./icon-B_ryAy4Q.cjs"),c=require("./class-map-BBG2gMX4.cjs"),$=require("./stringutils-CkVRq4jP.cjs"),o=require("./input-wrapper-EoSAbU-U.cjs");require("./helptext-CzQX6YVE.cjs");var I=Object.defineProperty,P=Object.getOwnPropertyDescriptor,e=(r,p,n,i)=>{for(var s=i>1?void 0:i?P(p,n):p,l=r.length-1,a;l>=0;l--)(a=r[l])&&(s=(i?a(p,n,s):a(s))||s);return i&&s&&I(p,n,s),s};const W={fromAttribute(r){return r==null?!1:r===""||r==="true"||r===!0?!0:r==="false"||r===!1?!1:!!r},toAttribute(r){return r?"true":"false"}};exports.PktInputWrapper=class extends t.PktElement{constructor(){super(),this.defaultSlot=u.e(),this.helptextSlot=u.e(),this.forId=$.uuidish(),this.label="",this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=o.specs.props.counter.default,this.counterCurrent=0,this.counterMaxLength=0,this.counterError=null,this.counterPosition="bottom",this.optionalTag=o.specs.props.optionalTag.default,this.optionalText=o.specs.props.optionalText.default,this.requiredTag=o.specs.props.requiredTag.default,this.requiredText=o.specs.props.requiredText.default,this.hasError=o.specs.props.hasError.default,this.errorMessage="",this.disabled=o.specs.props.disabled.default,this.inline=o.specs.props.inline.default,this.ariaDescribedby=void 0,this.hasFieldset=o.specs.props.hasFieldset.default,this.role="group",this.useWrapper=o.specs.props.useWrapper.default,this.slotController=new g.PktSlotController(this,this.defaultSlot,this.helptextSlot)}updated(p){super.updated(p)}render(){const p={"pkt-inputwrapper":!0,"pkt-inputwrapper--error":this.hasError,"pkt-inputwrapper--disabled":this.disabled,"pkt-inputwrapper--inline":this.inline},n={"pkt-tag":!0,"pkt-tag--small":!0,"pkt-tag--thin-text":!0,"pkt-tag--blue-light":this.optionalTag,"pkt-tag--beige":!this.optionalTag&&this.requiredTag},i=this.ariaDescribedby?this.ariaDescribedby:this.helptext?`${this.forId}-helptext`:t.E,s=()=>this.optionalTag||this.requiredTag?t.x`<span class=${c.e(n)}
-          >${this.optionalTag?this.optionalText:this.requiredTag?this.requiredText:t.E}</span
-        >`:t.E,l=()=>this.useWrapper?this.hasFieldset?t.x`<legend
+"use strict";const t=require("./element-6DBpyGQm.cjs"),g=require("./pkt-slot-controller-BzddBp7z.cjs"),u=require("./ref-iJtiv3o2.cjs"),b=require("./if-defined-Cni-RHLS.cjs"),x=require("./icon-B_ryAy4Q.cjs"),y=require("./class-map-BBG2gMX4.cjs"),$=require("./stringutils-CkVRq4jP.cjs"),s=require("./input-wrapper-EoSAbU-U.cjs");require("./helptext-CzQX6YVE.cjs");var I=Object.defineProperty,P=Object.getOwnPropertyDescriptor,e=(r,p,i,n)=>{for(var o=n>1?void 0:n?P(p,i):p,l=r.length-1,a;l>=0;l--)(a=r[l])&&(o=(n?a(p,i,o):a(o))||o);return n&&o&&I(p,i,o),o};const W={fromAttribute(r){return r==null?!1:r===""||r==="true"||r===!0?!0:r==="false"||r===!1?!1:!!r},toAttribute(r){return r?"true":"false"}};exports.PktInputWrapper=class extends t.PktElement{constructor(){super(),this.defaultSlot=u.e(),this.helptextSlot=u.e(),this.forId=$.uuidish(),this.label="",this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=s.specs.props.counter.default,this.counterCurrent=0,this.counterMaxLength=0,this.counterError=null,this.counterPosition="bottom",this.optionalTag=s.specs.props.optionalTag.default,this.optionalText=s.specs.props.optionalText.default,this.requiredTag=s.specs.props.requiredTag.default,this.requiredText=s.specs.props.requiredText.default,this.tagText=null,this.hasError=s.specs.props.hasError.default,this.errorMessage="",this.disabled=s.specs.props.disabled.default,this.inline=s.specs.props.inline.default,this.ariaDescribedby=void 0,this.hasFieldset=s.specs.props.hasFieldset.default,this.role="group",this.useWrapper=s.specs.props.useWrapper.default,this.slotController=new g.PktSlotController(this,this.defaultSlot,this.helptextSlot)}updated(p){super.updated(p)}render(){const p={"pkt-inputwrapper":!0,"pkt-inputwrapper--error":this.hasError,"pkt-inputwrapper--disabled":this.disabled,"pkt-inputwrapper--inline":this.inline},i="pkt-tag pkt-tag--small pkt-tag--thin-text",n=this.ariaDescribedby?this.ariaDescribedby:this.helptext?`${this.forId}-helptext`:t.E,o=()=>t.x`
+        ${this.tagText?t.x`<span class=${i+" pkt-tag--gray"}>${this.tagText}</span>`:t.E}
+        ${this.optionalTag?t.x`<span class=${i+" pkt-tag--blue-light"}>${this.optionalText}</span>`:t.E}
+        ${this.requiredTag?t.x`<span class=${i+" pkt-tag--beige"}>${this.requiredText}</span>`:t.E}
+      `,l=()=>this.useWrapper?this.hasFieldset?t.x`<legend
             class="pkt-inputwrapper__legend"
             id="${this.forId}-label"
             @click=${this.handleLabelClick}
           >
-            ${this.label} ${s()}
+            ${this.label} ${o()}
           </legend>`:t.x`<label
             class="pkt-inputwrapper__label"
             for="${this.forId}"
-            aria-describedby="${i}"
+            aria-describedby="${n}"
             id="${this.forId}-label"
             @click=${this.handleLabelClick}
-            >${this.label}${s()}</label
+            >${this.label}${o()}</label
           >`:t.x`<label
           for="${this.forId}"
           class="pkt-sr-only"
-          aria-describedby="${i}"
+          aria-describedby="${n}"
           id="${this.forId}-label"
         >
           ${this.label}
         </label>`,a=()=>t.x`
         <pkt-helptext
-          class="${y.o(this.useWrapper?void 0:"pkt-hide")}"
+          class="${b.o(this.useWrapper?void 0:"pkt-hide")}"
           .forId=${this.forId}
           .helptext=${this.helptext}
           .helptextDropdown=${this.helptextDropdown}
-          .helptextDropdownButton=${this.helptextDropdownButton||o.specs.props.helptextDropdownButton.default}
-          @toggleHelpText=${b=>{this.toggleDropdown(b)}}
+          .helptextDropdownButton=${this.helptextDropdownButton||s.specs.props.helptextDropdownButton.default}
+          @toggleHelpText=${f=>{this.toggleDropdown(f)}}
           ${u.n(this.helptextSlot)}
           name="helptext"
         ></pkt-helptext>
       `,h=()=>this.counter?t.x`<div class="pkt-input__counter" aria-live="polite" aria-atomic="true">
           ${this.counterError?this.counterError:t.E} ${this.counterCurrent||0}
           ${this.counterMaxLength?`/${this.counterMaxLength}`:t.E}
-        </div>`:t.E,f=()=>this.hasError&&this.errorMessage?t.x`<div
+        </div>`:t.E,c=()=>this.hasError&&this.errorMessage?t.x`<div
           role="alert"
           class="pkt-alert pkt-alert--error pkt-alert--compact"
           aria-live="assertive"
@@ -49,7 +51,7 @@
         ${this.counterPosition==="top"?h():t.E}
         <div class="pkt-contents" ${u.n(this.defaultSlot)}></div>
         ${this.counterPosition==="bottom"?h():t.E} 
-        ${f()}
-      `,k=()=>this.hasFieldset?t.x`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${i}">
+        ${c()}
+      `,k=()=>this.hasFieldset?t.x`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${n}">
             ${d()}
-          </fieldset>`:t.x`<div class="pkt-inputwrapper__fieldset">${d()}</div>`;return t.x`<div class=${c.e(p)}>${k()}</div> `}toggleDropdown(p){this.dispatchEvent(new CustomEvent("toggleHelpText",{bubbles:!1,detail:{isOpen:p.detail.isOpen}}))}handleLabelClick(p){this.disabled&&(p.preventDefault(),p.stopImmediatePropagation()),this.dispatchEvent(new CustomEvent("labelClick",{bubbles:!0,composed:!0,detail:"label clicked"}))}};e([t.n({type:String})],exports.PktInputWrapper.prototype,"forId",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"label",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptext",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdown",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdownButton",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"counter",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterCurrent",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterMaxLength",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"counterError",2);e([t.n({type:String,reflect:!1})],exports.PktInputWrapper.prototype,"counterPosition",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"optionalTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"optionalText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"requiredTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"requiredText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasError",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"errorMessage",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"disabled",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"inline",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"ariaDescribedby",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasFieldset",2);e([t.n({type:String,reflect:!0})],exports.PktInputWrapper.prototype,"role",2);e([t.n({type:Boolean,reflect:!0,converter:W})],exports.PktInputWrapper.prototype,"useWrapper",2);exports.PktInputWrapper=e([t.t("pkt-input-wrapper")],exports.PktInputWrapper);
+          </fieldset>`:t.x`<div class="pkt-inputwrapper__fieldset">${d()}</div>`;return t.x`<div class=${y.e(p)}>${k()}</div> `}toggleDropdown(p){this.dispatchEvent(new CustomEvent("toggleHelpText",{bubbles:!1,detail:{isOpen:p.detail.isOpen}}))}handleLabelClick(p){this.disabled&&(p.preventDefault(),p.stopImmediatePropagation()),this.dispatchEvent(new CustomEvent("labelClick",{bubbles:!0,composed:!0,detail:"label clicked"}))}};e([t.n({type:String})],exports.PktInputWrapper.prototype,"forId",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"label",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptext",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdown",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdownButton",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"counter",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterCurrent",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterMaxLength",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"counterError",2);e([t.n({type:String,reflect:!1})],exports.PktInputWrapper.prototype,"counterPosition",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"optionalTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"optionalText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"requiredTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"requiredText",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"tagText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasError",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"errorMessage",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"disabled",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"inline",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"ariaDescribedby",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasFieldset",2);e([t.n({type:String,reflect:!0})],exports.PktInputWrapper.prototype,"role",2);e([t.n({type:Boolean,reflect:!0,converter:W})],exports.PktInputWrapper.prototype,"useWrapper",2);exports.PktInputWrapper=e([t.t("pkt-input-wrapper")],exports.PktInputWrapper);

package/dist/input-wrapper-Dr__Sxql.js

@@ -0,0 +1,189 @@
+import { P as x, E as i, x as p, n as r, a as m } from "./element-CgEWt74-.js";
+import { P as k } from "./pkt-slot-controller-BPGj-LC5.js";
+import { e as f, n as b } from "./ref-BBYSqgeW.js";
+import { o as w } from "./if-defined-CmuO4Vz9.js";
+import { o as v } from "./icon-CC1js8eR.js";
+import { e as T } from "./class-map-BpTj9gtz.js";
+import { u as E } from "./stringutils-DJjRa8dG.js";
+import { s } from "./input-wrapper-8iKEzDRZ.js";
+import "./helptext-B7eI0iBQ.js";
+var S = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, e = (o, a, n, h) => {
+  for (var l = h > 1 ? void 0 : h ? _(a, n) : a, u = o.length - 1, d; u >= 0; u--)
+    (d = o[u]) && (l = (h ? d(a, n, l) : d(l)) || l);
+  return h && l && S(a, n, l), l;
+};
+const D = {
+  fromAttribute(o) {
+    return o == null ? !1 : o === "" || o === "true" || o === !0 ? !0 : o === "false" || o === !1 ? !1 : !!o;
+  },
+  toAttribute(o) {
+    return o ? "true" : "false";
+  }
+};
+let t = class extends x {
+  constructor() {
+    super(), this.defaultSlot = f(), this.helptextSlot = f(), this.forId = E(), this.label = "", this.helptext = null, this.helptextDropdown = null, this.helptextDropdownButton = null, this.counter = s.props.counter.default, this.counterCurrent = 0, this.counterMaxLength = 0, this.counterError = null, this.counterPosition = "bottom", this.optionalTag = s.props.optionalTag.default, this.optionalText = s.props.optionalText.default, this.requiredTag = s.props.requiredTag.default, this.requiredText = s.props.requiredText.default, this.tagText = null, this.hasError = s.props.hasError.default, this.errorMessage = "", this.disabled = s.props.disabled.default, this.inline = s.props.inline.default, this.ariaDescribedby = void 0, this.hasFieldset = s.props.hasFieldset.default, this.role = "group", this.useWrapper = s.props.useWrapper.default, this.slotController = new k(this, this.defaultSlot, this.helptextSlot);
+  }
+  updated(o) {
+    super.updated(o);
+  }
+  render() {
+    const o = {
+      "pkt-inputwrapper": !0,
+      "pkt-inputwrapper--error": this.hasError,
+      "pkt-inputwrapper--disabled": this.disabled,
+      "pkt-inputwrapper--inline": this.inline
+    }, a = "pkt-tag pkt-tag--small pkt-tag--thin-text", n = this.ariaDescribedby ? this.ariaDescribedby : this.helptext ? `${this.forId}-helptext` : i, h = () => p`
+        ${this.tagText ? p`<span class=${a + " pkt-tag--gray"}>${this.tagText}</span>` : i}
+        ${this.optionalTag ? p`<span class=${a + " pkt-tag--blue-light"}>${this.optionalText}</span>` : i}
+        ${this.requiredTag ? p`<span class=${a + " pkt-tag--beige"}>${this.requiredText}</span>` : i}
+      `, l = () => this.useWrapper ? this.hasFieldset ? p`<legend
+            class="pkt-inputwrapper__legend"
+            id="${this.forId}-label"
+            @click=${this.handleLabelClick}
+          >
+            ${this.label} ${h()}
+          </legend>` : p`<label
+            class="pkt-inputwrapper__label"
+            for="${this.forId}"
+            aria-describedby="${n}"
+            id="${this.forId}-label"
+            @click=${this.handleLabelClick}
+            >${this.label}${h()}</label
+          >` : p`<label
+          for="${this.forId}"
+          class="pkt-sr-only"
+          aria-describedby="${n}"
+          id="${this.forId}-label"
+        >
+          ${this.label}
+        </label>`, u = () => p`
+        <pkt-helptext
+          class="${w(this.useWrapper ? void 0 : "pkt-hide")}"
+          .forId=${this.forId}
+          .helptext=${this.helptext}
+          .helptextDropdown=${this.helptextDropdown}
+          .helptextDropdownButton=${this.helptextDropdownButton || s.props.helptextDropdownButton.default}
+          @toggleHelpText=${($) => {
+      this.toggleDropdown($);
+    }}
+          ${b(this.helptextSlot)}
+          name="helptext"
+        ></pkt-helptext>
+      `, d = () => this.counter ? p`<div class="pkt-input__counter" aria-live="polite" aria-atomic="true">
+          ${this.counterError ? this.counterError : i} ${this.counterCurrent || 0}
+          ${this.counterMaxLength ? `/${this.counterMaxLength}` : i}
+        </div>` : i, g = () => this.hasError && this.errorMessage ? p`<div
+          role="alert"
+          class="pkt-alert pkt-alert--error pkt-alert--compact"
+          aria-live="assertive"
+          aria-atomic="true"
+          id="${this.forId}-error"
+        >
+          <pkt-icon name="alert-error" class="pkt-alert__icon"></pkt-icon>
+          <div class="pkt-alert__text">${v(this.errorMessage)}</div>
+        </div>` : i, c = () => p`
+        ${l()} 
+        ${u()}
+        ${this.counterPosition === "top" ? d() : i}
+        <div class="pkt-contents" ${b(this.defaultSlot)}></div>
+        ${this.counterPosition === "bottom" ? d() : i} 
+        ${g()}
+      `, y = () => this.hasFieldset ? p`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${n}">
+            ${c()}
+          </fieldset>` : p`<div class="pkt-inputwrapper__fieldset">${c()}</div>`;
+    return p`<div class=${T(o)}>${y()}</div> `;
+  }
+  toggleDropdown(o) {
+    this.dispatchEvent(
+      new CustomEvent("toggleHelpText", {
+        bubbles: !1,
+        detail: { isOpen: o.detail.isOpen }
+      })
+    );
+  }
+  handleLabelClick(o) {
+    this.disabled && (o.preventDefault(), o.stopImmediatePropagation()), this.dispatchEvent(
+      new CustomEvent("labelClick", {
+        bubbles: !0,
+        composed: !0,
+        detail: "label clicked"
+      })
+    );
+  }
+};
+e([
+  r({ type: String })
+], t.prototype, "forId", 2);
+e([
+  r({ type: String })
+], t.prototype, "label", 2);
+e([
+  r({ type: String })
+], t.prototype, "helptext", 2);
+e([
+  r({ type: String })
+], t.prototype, "helptextDropdown", 2);
+e([
+  r({ type: String })
+], t.prototype, "helptextDropdownButton", 2);
+e([
+  r({ type: Boolean })
+], t.prototype, "counter", 2);
+e([
+  r({ type: Number })
+], t.prototype, "counterCurrent", 2);
+e([
+  r({ type: Number })
+], t.prototype, "counterMaxLength", 2);
+e([
+  r({ type: String })
+], t.prototype, "counterError", 2);
+e([
+  r({ type: String, reflect: !1 })
+], t.prototype, "counterPosition", 2);
+e([
+  r({ type: Boolean })
+], t.prototype, "optionalTag", 2);
+e([
+  r({ type: String })
+], t.prototype, "optionalText", 2);
+e([
+  r({ type: Boolean })
+], t.prototype, "requiredTag", 2);
+e([
+  r({ type: String })
+], t.prototype, "requiredText", 2);
+e([
+  r({ type: String })
+], t.prototype, "tagText", 2);
+e([
+  r({ type: Boolean })
+], t.prototype, "hasError", 2);
+e([
+  r({ type: String })
+], t.prototype, "errorMessage", 2);
+e([
+  r({ type: Boolean })
+], t.prototype, "disabled", 2);
+e([
+  r({ type: Boolean })
+], t.prototype, "inline", 2);
+e([
+  r({ type: String })
+], t.prototype, "ariaDescribedby", 2);
+e([
+  r({ type: Boolean })
+], t.prototype, "hasFieldset", 2);
+e([
+  r({ type: String, reflect: !0 })
+], t.prototype, "role", 2);
+e([
+  r({ type: Boolean, reflect: !0, converter: D })
+], t.prototype, "useWrapper", 2);
+t = e([
+  m("pkt-input-wrapper")
+], t);
+export {
+  t as P
+};

package/dist/pkt-checkbox.cjs

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

package/dist/pkt-checkbox.js

@@ -1,4 +1,4 @@
-import { P as o } from "./checkbox-cD_5LDzV.js";
+import { P as o } from "./checkbox-CTRbpbye.js";
 const k = o;
 export {
   o as PktCheckbox,

package/dist/pkt-combobox.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./combobox-DWYPzXj-.cjs"),o=e.PktCombobox;Object.defineProperty(exports,"PktCombobox",{enumerable:!0,get:()=>e.PktCombobox});exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./combobox-CijGa9Fr.cjs"),o=e.PktCombobox;Object.defineProperty(exports,"PktCombobox",{enumerable:!0,get:()=>e.PktCombobox});exports.default=o;

package/dist/pkt-combobox.js

@@ -1,4 +1,4 @@
-import { P as o } from "./combobox-BREXxMeO.js";
+import { P as o } from "./combobox-Cwg9Rkmz.js";
 const b = o;
 export {
   o as PktCombobox,

package/dist/pkt-datepicker.cjs

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

package/dist/pkt-datepicker.js

@@ -1,4 +1,4 @@
-import { P as t } from "./datepicker-DH4ZFMxD.js";
+import { P as t } from "./datepicker-CEfh3TTA.js";
 const a = t;
 export {
   t as PktDatepicker,

package/dist/pkt-index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("./alert-BH0lJ2ny.cjs"),l=require("./accordionitem-DjAWPtsn.cjs"),d=require("./backlink-C5jQRMwJ.cjs"),b=require("./button-CDocR7iN.cjs"),k=require("./calendar-BZe2D4Sr.cjs"),m=require("./card-Bx36j0q4.cjs"),g=require("./combobox-DWYPzXj-.cjs"),h=require("./consent-DrS71kvz.cjs"),f=require("./checkbox-CJ4tK9RC.cjs"),t=require("./element-6DBpyGQm.cjs"),y=require("./pkt-slot-controller-BzddBp7z.cjs"),s=require("./ref-iJtiv3o2.cjs"),O=require("./class-map-BBG2gMX4.cjs"),j=require("./datepicker-SYeGnXRZ.cjs"),q=require("./helptext-CzQX6YVE.cjs"),x=require("./heading-BRE_iFtR.cjs"),C=require("./icon-B_ryAy4Q.cjs"),v=require("./input-wrapper-BND8tUg_.cjs"),S=require("./link-DTkjNlmy.cjs"),$=require("./linkcard-BlMhPNry.cjs"),L=require("./loader-CHPxY9c6.cjs"),_=require("./messagebox-CqUBJs_D.cjs"),A=require("./modal-BdA5aWGU.cjs"),B=require("./progressbar-DhMBXkww.cjs"),p=require("./radiobutton-0vVqu-GU.cjs"),T=require("./tag-DPk3fpEg.cjs"),I=require("./textarea-PHo1w92l.cjs"),M=require("./textinput-CS0OHykQ.cjs"),R=require("./select-BwwF5Gki.cjs");var H=Object.defineProperty,w=Object.getOwnPropertyDescriptor,o=(a,e,r,i)=>{for(var n=i>1?void 0:i?w(e,r):e,u=a.length-1,c;u>=0;u--)(c=a[u])&&(n=(i?c(e,r,n):c(n))||n);return i&&n&&H(e,r,n),n};exports.PktComponent=class extends t.PktElement{constructor(){super(),this.string="",this.strings=[],this.darkmode=!1,this._list=[],this.defaultSlot=s.e(),this.namedSlot=s.e(),this.slotController=new y.PktSlotController(this,this.defaultSlot,this.namedSlot)}connectedCallback(){this.strings.length&&this.strings.forEach(e=>{this._list.push(e.toUpperCase())}),super.connectedCallback()}render(){const e={"pkt-component":!0,"pkt-component--has-list":this.strings.length>0,"pkt-darkmode":this.darkmode};return t.x`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("./alert-BH0lJ2ny.cjs"),l=require("./accordionitem-DjAWPtsn.cjs"),d=require("./backlink-C5jQRMwJ.cjs"),b=require("./button-CDocR7iN.cjs"),k=require("./calendar-BZe2D4Sr.cjs"),m=require("./card-Bx36j0q4.cjs"),g=require("./combobox-CijGa9Fr.cjs"),h=require("./consent-DrS71kvz.cjs"),f=require("./checkbox-wJ26voZd.cjs"),t=require("./element-6DBpyGQm.cjs"),y=require("./pkt-slot-controller-BzddBp7z.cjs"),s=require("./ref-iJtiv3o2.cjs"),O=require("./class-map-BBG2gMX4.cjs"),j=require("./datepicker-BhrUneAP.cjs"),q=require("./helptext-CzQX6YVE.cjs"),x=require("./heading-BRE_iFtR.cjs"),C=require("./icon-B_ryAy4Q.cjs"),v=require("./input-wrapper-CZ-a00V7.cjs"),S=require("./link-DTkjNlmy.cjs"),$=require("./linkcard-BlMhPNry.cjs"),L=require("./loader-CHPxY9c6.cjs"),_=require("./messagebox-CqUBJs_D.cjs"),A=require("./modal-BdA5aWGU.cjs"),B=require("./progressbar-DhMBXkww.cjs"),p=require("./radiobutton-CdT6v1oq.cjs"),T=require("./tag-DPk3fpEg.cjs"),I=require("./textarea-CPXsMFUq.cjs"),M=require("./textinput-aNI5kibM.cjs"),R=require("./select-DUeTm8ac.cjs");var H=Object.defineProperty,w=Object.getOwnPropertyDescriptor,o=(a,e,r,i)=>{for(var n=i>1?void 0:i?w(e,r):e,u=a.length-1,c;u>=0;u--)(c=a[u])&&(n=(i?c(e,r,n):c(n))||n);return i&&n&&H(e,r,n),n};exports.PktComponent=class extends t.PktElement{constructor(){super(),this.string="",this.strings=[],this.darkmode=!1,this._list=[],this.defaultSlot=s.e(),this.namedSlot=s.e(),this.slotController=new y.PktSlotController(this,this.defaultSlot,this.namedSlot)}connectedCallback(){this.strings.length&&this.strings.forEach(e=>{this._list.push(e.toUpperCase())}),super.connectedCallback()}render(){const e={"pkt-component":!0,"pkt-component--has-list":this.strings.length>0,"pkt-darkmode":this.darkmode};return t.x`
       <div class="${O.e(e)}">
         <h1 class="pkt-txt-28">${this.string}</h1>
 

package/dist/pkt-index.js

@@ -5,29 +5,29 @@ import { P as T } from "./button-DrrEvUy9.js";
 import { c as f } from "./calendar-DevQhOup.js";
 import { P as D } from "./calendar-DevQhOup.js";
 import { P as G } from "./card-Djnd-pgo.js";
-import { P as K } from "./combobox-BREXxMeO.js";
+import { P as K } from "./combobox-Cwg9Rkmz.js";
 import { P as U } from "./consent-CftYu8Di.js";
-import { P as q } from "./checkbox-cD_5LDzV.js";
+import { P as q } from "./checkbox-CTRbpbye.js";
 import { P as k, t as h, x as P, n, a as c } from "./element-CgEWt74-.js";
 import { P as x } from "./pkt-slot-controller-BPGj-LC5.js";
 import { e as m, n as d } from "./ref-BBYSqgeW.js";
 import { e as u } from "./class-map-BpTj9gtz.js";
-import { P as F } from "./datepicker-DH4ZFMxD.js";
+import { P as F } from "./datepicker-CEfh3TTA.js";
 import { P as Q } from "./helptext-B7eI0iBQ.js";
 import { P as X } from "./heading-D6jXE_Mz.js";
 import { P as Z } from "./icon-CC1js8eR.js";
-import { P as et } from "./input-wrapper-_Lk9HzHU.js";
+import { P as et } from "./input-wrapper-Dr__Sxql.js";
 import { P as ot } from "./link-C76H6Qf1.js";
 import { P as at } from "./linkcard-BVEsUPwG.js";
 import { P as it } from "./loader-Da4IOk_T.js";
 import { P as lt } from "./messagebox-DwGdcdm7.js";
 import { P as mt } from "./modal-DcXPnFus.js";
 import { P as ft } from "./progressbar-Dj_mI_A6.js";
-import { P as ht, P as ct } from "./radiobutton-BcFRJFvI.js";
+import { P as ht, P as ct } from "./radiobutton-CWxiIVfA.js";
 import { P as ut } from "./tag-BWm6s48d.js";
-import { P as vt } from "./textarea-BrW98O-a.js";
-import { P as bt } from "./textinput-BrBGjHZc.js";
-import { P as $t } from "./select-DGHoBmbb.js";
+import { P as vt } from "./textarea-BZL8Mkm0.js";
+import { P as bt } from "./textinput-DjPhmmkB.js";
+import { P as $t } from "./select-CsgDatCa.js";
 var g = Object.defineProperty, v = Object.getOwnPropertyDescriptor, s = (t, e, i, a) => {
   for (var r = a > 1 ? void 0 : a ? v(e, i) : e, p = t.length - 1, l; p >= 0; p--)
     (l = t[p]) && (r = (a ? l(e, i, r) : l(r)) || r);

package/dist/pkt-input-wrapper.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./input-wrapper-BND8tUg_.cjs"),t=e.PktInputWrapper;Object.defineProperty(exports,"PktInputWrapper",{enumerable:!0,get:()=>e.PktInputWrapper});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./input-wrapper-CZ-a00V7.cjs"),t=e.PktInputWrapper;Object.defineProperty(exports,"PktInputWrapper",{enumerable:!0,get:()=>e.PktInputWrapper});exports.default=t;

package/dist/pkt-input-wrapper.js

@@ -1,4 +1,4 @@
-import { P as p } from "./input-wrapper-_Lk9HzHU.js";
+import { P as p } from "./input-wrapper-Dr__Sxql.js";
 const r = p;
 export {
   p as PktInputWrapper,

package/dist/pkt-radiobutton.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./radiobutton-0vVqu-GU.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-CdT6v1oq.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-BcFRJFvI.js";
+import { P as t } from "./radiobutton-CWxiIVfA.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-BwwF5Gki.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-DUeTm8ac.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-DGHoBmbb.js";
+import { P as t } from "./select-CsgDatCa.js";
 const a = t;
 export {
   t as PktSelect,

package/dist/pkt-textarea.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./textarea-PHo1w92l.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-CPXsMFUq.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-BrW98O-a.js";
+import { P as a } from "./textarea-BZL8Mkm0.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-CS0OHykQ.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-aNI5kibM.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-BrBGjHZc.js";
+import { P as t } from "./textinput-DjPhmmkB.js";
 const p = t;
 export {
   t as PktTextinput,

package/dist/radiobutton-CWxiIVfA.js

@@ -0,0 +1,111 @@
+import { x as h, E as n, n as s, a as d } from "./element-CgEWt74-.js";
+import { r as k } from "./state-Bo2bck5_.js";
+import { P as f } from "./input-element-NnrDmp4r.js";
+import { e as g, n as y } from "./ref-BBYSqgeW.js";
+import { e as u } from "./class-map-BpTj9gtz.js";
+var $ = Object.defineProperty, b = Object.getOwnPropertyDescriptor, i = (e, p, c, l) => {
+  for (var a = l > 1 ? void 0 : l ? b(p, c) : p, r = e.length - 1, o; r >= 0; r--)
+    (o = e[r]) && (a = (l ? o(p, c, a) : o(a)) || a);
+  return l && a && $(p, c, a), a;
+};
+let t = class extends f {
+  constructor() {
+    super(...arguments), this.inputRef = g(), 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, p, c) {
+    e === "defaultChecked" && (this._checked = this.defaultChecked), e === "checked" && (this._checked = this.checked === "" || this.checked === "true" || this.checked === !0), super.attributeChangedCallback(e, p, c);
+  }
+  render() {
+    const e = u({
+      "pkt-input-check__input": !0,
+      "pkt-input-check__input--tile": this.hasTile,
+      "pkt-input-check__input--tile-disabled": this.disabled && this.hasTile
+    }), p = u({
+      "pkt-input-check__input-checkbox": !0,
+      "pkt-input-check__input-checkbox--error": this.hasError
+    }), c = u({
+      "pkt-input-check__input-label": !0,
+      "pkt-input-check__input-label--disabled": this.disabled,
+      "pkt-sr-only": this.hideLabel
+    }), l = "pkt-tag pkt-tag--small pkt-tag--thin-text", a = () => h`
+        ${this.tagText ? h`<span class=${l + " pkt-tag--gray"}>${this.tagText}</span>` : n}
+        ${this.optionalTag ? h`<span class=${l + " pkt-tag--blue-light"}>${this.optionalText}</span>` : n}
+        ${this.requiredTag ? h`<span class=${l + " pkt-tag--beige"}>${this.requiredText}</span>` : n}
+      `, r = () => h`
+        <label class=${c} for=${this.id + "-internal"}>
+          ${this.label} ${a()}
+          ${this.checkHelptext ? h`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>` : n}
+        </label>
+      `;
+    return h`
+      <div class="pkt-input-check">
+        <div class=${e}>
+          <input
+            id=${this.id + "-internal"}
+            class=${p}
+            type="radio"
+            role="radio"
+            ?disabled=${this.disabled}
+            form=""
+            name=${this.name + "-internal"}
+            ${y(this.inputRef)}
+            @change=${this.toggleChecked}
+            @input=${this.onInput}
+            @blur=${this.onBlur}
+            @focus=${this.onFocus}
+            ?checked=${this.checked}
+          />
+          ${r()}
+        </div>
+      </div>
+    `;
+  }
+  toggleChecked(e = null) {
+    e && e.preventDefault(), e && e.stopImmediatePropagation(), this.touched = !0, this.inputRef.value && (this._checked = this.inputRef.value.matches(":checked"), this.valueChecked(this._checked));
+  }
+};
+i([
+  s({ type: String, reflect: !0 })
+], t.prototype, "value", 2);
+i([
+  s({ type: String })
+], t.prototype, "checkHelptext", 2);
+i([
+  s({ type: Boolean })
+], t.prototype, "defaultChecked", 2);
+i([
+  s({ type: Boolean })
+], t.prototype, "hasTile", 2);
+i([
+  s({ type: Boolean, reflect: !0 })
+], t.prototype, "checked", 2);
+i([
+  s({ type: String, reflect: !0 })
+], t.prototype, "type", 2);
+i([
+  s({ type: String })
+], t.prototype, "tagText", 2);
+i([
+  s({ type: Boolean })
+], t.prototype, "optionalTag", 2);
+i([
+  s({ type: String })
+], t.prototype, "optionalText", 2);
+i([
+  s({ type: Boolean })
+], t.prototype, "requiredTag", 2);
+i([
+  s({ type: String })
+], t.prototype, "requiredText", 2);
+i([
+  k()
+], t.prototype, "_checked", 2);
+t = i([
+  d("pkt-radiobutton")
+], t);
+export {
+  t as P
+};

package/dist/radiobutton-CdT6v1oq.cjs

@@ -0,0 +1,31 @@
+"use strict";const t=require("./element-6DBpyGQm.cjs"),r=require("./state-DPobt-Yz.cjs"),u=require("./input-element-C4xJoM-X.cjs"),h=require("./ref-iJtiv3o2.cjs"),c=require("./class-map-BBG2gMX4.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`
+        <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}
+        </label>
+      `;return t.x`
+      <div class="pkt-input-check">
+        <div class=${e}>
+          <input
+            id=${this.id+"-internal"}
+            class=${n}
+            type="radio"
+            role="radio"
+            ?disabled=${this.disabled}
+            form=""
+            name=${this.name+"-internal"}
+            ${h.n(this.inputRef)}
+            @change=${this.toggleChecked}
+            @input=${this.onInput}
+            @blur=${this.onBlur}
+            @focus=${this.onFocus}
+            ?checked=${this.checked}
+          />
+          ${l()}
+        </div>
+      </div>
+    `}toggleChecked(e=null){e&&e.preventDefault(),e&&e.stopImmediatePropagation(),this.touched=!0,this.inputRef.value&&(this._checked=this.inputRef.value.matches(":checked"),this.valueChecked(this._checked))}};i([t.n({type:String,reflect:!0})],exports.PktRadioButton.prototype,"value",2);i([t.n({type:String})],exports.PktRadioButton.prototype,"checkHelptext",2);i([t.n({type:Boolean})],exports.PktRadioButton.prototype,"defaultChecked",2);i([t.n({type:Boolean})],exports.PktRadioButton.prototype,"hasTile",2);i([t.n({type:Boolean,reflect:!0})],exports.PktRadioButton.prototype,"checked",2);i([t.n({type:String,reflect:!0})],exports.PktRadioButton.prototype,"type",2);i([t.n({type:String})],exports.PktRadioButton.prototype,"tagText",2);i([t.n({type:Boolean})],exports.PktRadioButton.prototype,"optionalTag",2);i([t.n({type:String})],exports.PktRadioButton.prototype,"optionalText",2);i([t.n({type:Boolean})],exports.PktRadioButton.prototype,"requiredTag",2);i([t.n({type:String})],exports.PktRadioButton.prototype,"requiredText",2);i([r.r()],exports.PktRadioButton.prototype,"_checked",2);exports.PktRadioButton=i([t.t("pkt-radiobutton")],exports.PktRadioButton);

package/dist/{select-DGHoBmbb.js → select-CsgDatCa.js}

@@ -2,16 +2,16 @@ import { x as p, n as c, a as v } from "./element-CgEWt74-.js";
 import { r as f } from "./state-Bo2bck5_.js";
 import { e as u, n as d } from "./ref-BBYSqgeW.js";
 import { o } from "./if-defined-CmuO4Vz9.js";
-import { P as b } from "./input-element-Cco4PA2M.js";
+import { P as b } from "./input-element-NnrDmp4r.js";
 import { P as $ } from "./pkt-options-controller-CZO1nxZ8.js";
 import { P as x } from "./pkt-slot-controller-BPGj-LC5.js";
-import "./input-wrapper-_Lk9HzHU.js";
-var m = Object.defineProperty, g = Object.getOwnPropertyDescriptor, h = (t, e, s, i) => {
+import "./input-wrapper-Dr__Sxql.js";
+var m = Object.defineProperty, g = Object.getOwnPropertyDescriptor, n = (t, e, s, i) => {
   for (var l = i > 1 ? void 0 : i ? g(e, s) : e, a = t.length - 1, r; a >= 0; a--)
     (r = t[a]) && (l = (i ? r(e, s, l) : r(l)) || l);
   return i && l && m(e, s, l), l;
 };
-let n = class extends b {
+let h = class extends b {
   constructor() {
     super(), this.inputRef = u(), this.helptextSlot = u(), this.options = [], this.value = "", this._options = [], this.selectedIndex = -1, this.selectedOptions = void 0, this.optionsController = new $(this), this.slotController = new x(this, this.helptextSlot), this.slotController.skipOptions = !0;
   }
@@ -95,6 +95,7 @@ let n = class extends b {
         label=${o(this.label)}
         optionalText=${o(this.optionalText)}
         requiredText=${o(this.requiredText)}
+        tagText=${o(this.tagText)}
       >
         <select
           class=${t}
@@ -138,18 +139,18 @@ let n = class extends b {
     return t == null || isNaN(t) ? null : t;
   }
 };
-h([
+n([
   c({ type: Array })
-], n.prototype, "options", 2);
-h([
+], h.prototype, "options", 2);
+n([
   c({ type: String })
-], n.prototype, "value", 2);
-h([
+], h.prototype, "value", 2);
+n([
   f()
-], n.prototype, "_options", 2);
-n = h([
+], h.prototype, "_options", 2);
+h = n([
   v("pkt-select")
-], n);
+], h);
 export {
-  n as P
+  h as P
 };