@oslokommune/punkt-elements 12.26.0 → 12.27.0

package/dist/helptext-DHfBEO42.js

@@ -0,0 +1,78 @@
+import { P as d, x as a, n as i, t as u, E as c } from "./element-BKrU5soj.js";
+import { e as f, n as m } from "./ref-D5qG7OFB.js";
+import { o as x } from "./icon-Bsb0MB2h.js";
+import { e as v } from "./class-map-CQzsZCwS.js";
+import { r as w } from "./state-C36ZmZgt.js";
+import { u as _ } from "./stringutils-DJjRa8dG.js";
+import { s as k } from "./input-wrapper-Bw9tARAD.js";
+import { P as b } from "./pkt-slot-controller-Clbye6cM.js";
+var D = Object.defineProperty, O = Object.getOwnPropertyDescriptor, n = (r, o, s, t) => {
+  for (var e = t > 1 ? void 0 : t ? O(o, s) : o, l = r.length - 1, h; l >= 0; l--)
+    (h = r[l]) && (e = (t ? h(o, s, e) : h(e)) || e);
+  return t && e && D(o, s, e), e;
+};
+let p = class extends d {
+  constructor() {
+    super(), this.defaultSlot = f(), this.forId = _(), this.helptext = "", this.helptextDropdown = "", this.helptextDropdownButton = k.props.helptextDropdownButton.default, this.isHelpTextOpen = !1, this.slotController = new b(this, this.defaultSlot);
+  }
+  render() {
+    const r = () => {
+      const t = !this.isHelpTextOpen;
+      this.isHelpTextOpen = t, this.dispatchEvent(
+        new CustomEvent("toggleHelpText", {
+          bubbles: !0,
+          detail: { isOpen: t }
+        })
+      );
+    }, o = () => this.helptextDropdown ? a`<div class="pkt-inputwrapper__helptext-expandable">
+          <button
+            class="pkt-link pkt-link--icon-right pkt-btn pkt-btn--small pkt-btn--tertiary pkt-btn--icon-right"
+            type="button"
+            @click=${r}
+          >
+            <pkt-icon
+              class="pkt-btn__icon"
+              name="${this.isHelpTextOpen ? "chevron-thin-up" : "chevron-thin-down"}"
+            ></pkt-icon>
+            <span class="pkt-btn__text">${x(this.helptextDropdownButton)}</span>
+          </button>
+          <div
+            class="${v({
+      "pkt-inputwrapper__helptext": !0,
+      "pkt-inputwrapper__helptext-expandable-open": this.isHelpTextOpen,
+      "pkt-inputwrapper__helptext-expandable-closed": !this.isHelpTextOpen
+    })}"
+          >
+            ${x(this.helptextDropdown)}
+          </div>
+        </div>` : c;
+    return a`${a`<div>
+        <div class="pkt-inputwrapper__helptext" id="${this.forId}-helptext">
+          <div class="pkt-contents" ${m(this.defaultSlot)} name="helptext"></div>
+          ${this.helptext && x(this.helptext)}
+        </div>
+        ${o()}
+      </div>`}`;
+  }
+};
+n([
+  i({ type: String, reflect: !0 })
+], p.prototype, "forId", 2);
+n([
+  i({ type: String })
+], p.prototype, "helptext", 2);
+n([
+  i({ type: String })
+], p.prototype, "helptextDropdown", 2);
+n([
+  i({ type: String })
+], p.prototype, "helptextDropdownButton", 2);
+n([
+  w()
+], p.prototype, "isHelpTextOpen", 2);
+p = n([
+  u("pkt-helptext")
+], p);
+export {
+  p as P
+};

package/dist/helptext-xUdEGuNQ.cjs

@@ -0,0 +1,24 @@
+"use strict";const e=require("./element-B0UgldHm.cjs"),x=require("./ref-DDYBJ4EB.cjs"),h=require("./icon-PWn7rnfg.cjs"),u=require("./class-map-aeZWY44S.cjs"),c=require("./state-CG-binsl.cjs"),a=require("./stringutils-CkVRq4jP.cjs"),d=require("./input-wrapper-jPnKsfEC.cjs"),k=require("./pkt-slot-controller-Oc32unDk.cjs");var v=Object.defineProperty,w=Object.getOwnPropertyDescriptor,r=(o,p,l,n)=>{for(var t=n>1?void 0:n?w(p,l):p,s=o.length-1,i;s>=0;s--)(i=o[s])&&(t=(n?i(p,l,t):i(t))||t);return n&&t&&v(p,l,t),t};exports.PktHelptext=class extends e.PktElement{constructor(){super(),this.defaultSlot=x.e(),this.forId=a.uuidish(),this.helptext="",this.helptextDropdown="",this.helptextDropdownButton=d.specs.props.helptextDropdownButton.default,this.isHelpTextOpen=!1,this.slotController=new k.PktSlotController(this,this.defaultSlot)}render(){const p=()=>{const t=!this.isHelpTextOpen;this.isHelpTextOpen=t,this.dispatchEvent(new CustomEvent("toggleHelpText",{bubbles:!0,detail:{isOpen:t}}))},l=()=>this.helptextDropdown?e.x`<div class="pkt-inputwrapper__helptext-expandable">
+          <button
+            class="pkt-link pkt-link--icon-right pkt-btn pkt-btn--small pkt-btn--tertiary pkt-btn--icon-right"
+            type="button"
+            @click=${p}
+          >
+            <pkt-icon
+              class="pkt-btn__icon"
+              name="${this.isHelpTextOpen?"chevron-thin-up":"chevron-thin-down"}"
+            ></pkt-icon>
+            <span class="pkt-btn__text">${h.o(this.helptextDropdownButton)}</span>
+          </button>
+          <div
+            class="${u.e({"pkt-inputwrapper__helptext":!0,"pkt-inputwrapper__helptext-expandable-open":this.isHelpTextOpen,"pkt-inputwrapper__helptext-expandable-closed":!this.isHelpTextOpen})}"
+          >
+            ${h.o(this.helptextDropdown)}
+          </div>
+        </div>`:e.E,n=()=>e.x`<div>
+        <div class="pkt-inputwrapper__helptext" id="${this.forId}-helptext">
+          <div class="pkt-contents" ${x.n(this.defaultSlot)} name="helptext"></div>
+          ${this.helptext&&h.o(this.helptext)}
+        </div>
+        ${l()}
+      </div>`;return e.x`${n()}`}};r([e.n({type:String,reflect:!0})],exports.PktHelptext.prototype,"forId",2);r([e.n({type:String})],exports.PktHelptext.prototype,"helptext",2);r([e.n({type:String})],exports.PktHelptext.prototype,"helptextDropdown",2);r([e.n({type:String})],exports.PktHelptext.prototype,"helptextDropdownButton",2);r([c.r()],exports.PktHelptext.prototype,"isHelpTextOpen",2);exports.PktHelptext=r([e.t("pkt-helptext")],exports.PktHelptext);

package/dist/index.d.ts

@@ -235,6 +235,7 @@ export declare class PktDatepicker extends PktInputElement {
     /**
      * Housekeeping / lifecycle methods
      */
+    constructor();
     connectedCallback(): Promise<void>;
     disconnectedCallback(): void;
     attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
@@ -247,6 +248,7 @@ export declare class PktDatepicker extends PktInputElement {
     btnRef: Ref<HTMLButtonElement>;
     calRef: Ref<PktCalendar>;
     popupRef: Ref<HTMLDivElement>;
+    helptextSlot: Ref<HTMLElement>;
     /**
      * Rendering
      */
@@ -298,6 +300,7 @@ declare class PktElement extends LitElement {
 }
 
 export declare class PktHelptext extends PktElement {
+    defaultSlot: Ref<HTMLElement>;
     constructor();
     forId: string;
     helptext: string;
@@ -372,6 +375,8 @@ declare class PktInputElement extends PktElement {
 
 export declare class PktInputWrapper extends PktElement {
     defaultSlot: Ref<HTMLElement>;
+    helptextSlot: Ref<HTMLElement>;
+    hasHelptextSlot: boolean;
     constructor();
     /**
      * Element attributes
@@ -396,6 +401,8 @@ export declare class PktInputWrapper extends PktElement {
     hasFieldset: boolean;
     useWrapper: boolean;
     role: string | null;
+    updateSlots(): void;
+    protected updated(changedProperties: PropertyValues): void;
     render(): TemplateResult<1>;
     private toggleDropdown;
 }
@@ -515,14 +522,15 @@ export declare class PktRadioButton extends PktInputElement {
  *
  */
 export declare class PktSelect extends PktInputElement implements IPktSelect {
-    private selectRef;
-    defaultSlot: Ref<HTMLElement>;
+    private inputRef;
+    private helptextSlot;
     options: TSelectOption[];
     value: string;
     private _options;
     constructor();
     connectedCallback(): void;
     attributeChangedCallback(name: string, _old: string, value: string): void;
+    updated(changedProperties: PropertyValues): void;
     protected firstUpdated(_changedProperties: PropertyValues): void;
     render(): TemplateResult<1>;
 }
@@ -532,6 +540,9 @@ declare class PktSlotController implements ReactiveController {
     nodes: Element[];
     slots: Ref<HTMLElement>[];
     observer: MutationObserver;
+    filledSlots: Set<string | null | undefined>;
+    skipOptions: boolean;
+    private updatingSlots;
     constructor(host: LitElement & ReactiveControllerHost, ...slots: Ref<HTMLElement>[]);
     hostConnected(): void;
     hostDisconnected(): void;
@@ -539,8 +550,6 @@ declare class PktSlotController implements ReactiveController {
     private updateNodes;
     private updateSlots;
     private handleMutations;
-    private isSlotElement;
-    private nodeFromElement;
 }
 
 export declare class PktTag extends PktElement {
@@ -569,18 +578,22 @@ export declare class PktTag extends PktElement {
 }
 
 export declare class PktTextarea extends PktInputElement {
+    private inputRef;
+    private helptextSlot;
     value: string;
     autocomplete: string;
     placeholder: string;
     rows: number | null;
     counterCurrent: number;
-    private inputRef;
+    constructor();
     attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
     updated(changedProperties: PropertyValues): void;
     render(): TemplateResult<1>;
 }
 
 export declare class PktTextinput extends PktInputElement {
+    private inputRef;
+    private helptextSlot;
     value: string;
     type: string;
     size: number | null;
@@ -590,7 +603,7 @@ export declare class PktTextinput extends PktInputElement {
     suffix: string | null;
     omitSearchIcon: boolean;
     counterCurrent: number;
-    private inputRef;
+    constructor();
     attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
     updated(changedProperties: PropertyValues): void;
     render(): TemplateResult<1>;

package/dist/input-wrapper-DeCY6nta.cjs

@@ -0,0 +1,50 @@
+"use strict";const t=require("./element-B0UgldHm.cjs"),f=require("./pkt-slot-controller-Oc32unDk.cjs"),u=require("./ref-DDYBJ4EB.cjs"),$=require("./icon-PWn7rnfg.cjs"),a=require("./class-map-aeZWY44S.cjs"),I=require("./state-CG-binsl.cjs"),P=require("./stringutils-CkVRq4jP.cjs"),p=require("./input-wrapper-jPnKsfEC.cjs");require("./helptext-xUdEGuNQ.cjs");var W=Object.defineProperty,w=Object.getOwnPropertyDescriptor,e=(h,s,n,o)=>{for(var r=o>1?void 0:o?w(s,n):s,i=h.length-1,l;i>=0;i--)(l=h[i])&&(r=(o?l(s,n,r):l(r))||r);return o&&r&&W(s,n,r),r};exports.PktInputWrapper=class extends t.PktElement{constructor(){super(),this.defaultSlot=u.e(),this.helptextSlot=u.e(),this.hasHelptextSlot=!1,this.forId=P.uuidish(),this.label="",this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=p.specs.props.counter.default,this.counterCurrent=0,this.counterMaxLength=0,this.optionalTag=p.specs.props.optionalTag.default,this.optionalText=p.specs.props.optionalText.default,this.requiredTag=p.specs.props.requiredTag.default,this.requiredText=p.specs.props.requiredText.default,this.hasError=p.specs.props.hasError.default,this.errorMessage="",this.disabled=p.specs.props.disabled.default,this.inline=p.specs.props.inline.default,this.ariaDescribedby=void 0,this.hasFieldset=p.specs.props.hasFieldset.default,this.useWrapper=p.specs.props.useWrapper.default,this.role="group",this.slotController=new f.PktSlotController(this,this.defaultSlot,this.helptextSlot)}updateSlots(){this.hasHelptextSlot=this.slotController.filledSlots.has("helptext")}updated(s){this.updateSlots(),super.updated(s)}render(){const s={"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},o=this.helptextDropdown!=="",r={"pkt-inputwrapper__label":!0,"pkt-inputwrapper__fieldset":this.hasFieldset,"pkt-inputwrapper__legend":this.hasFieldset},i=this.ariaDescribedby?this.ariaDescribedby:this.helptext?`${this.forId}-helptext`:t.E,l=()=>this.optionalTag||this.requiredTag?t.x`<span class=${a.e(n)}
+          >${this.optionalTag?this.optionalText:this.requiredTag?this.requiredText:t.E}</span
+        >`:t.E,c=()=>this.useWrapper?this.hasFieldset?t.x`<legend class="pkt-inputwrapper__legend" id="${this.forId}-label">
+            ${this.label} ${l()}
+          </legend>`:o?t.x`<h2>${this.label} ${l()}</h2>`:t.x`<span>${this.label} ${l()}</span>`:t.x`<label
+          for="${this.forId}"
+          class="pkt-sr-only"
+          aria-describedby="${i}"
+          id="${this.forId}-label"
+        >
+          ${this.label}
+        </label>`,x=()=>t.x`
+        <pkt-helptext
+          .forId=${this.forId}
+          .helptext=${this.helptext}
+          .helptextDropdown=${this.helptextDropdown}
+          .helptextDropdownButton=${this.helptextDropdownButton||p.specs.props.helptextDropdownButton.default}
+          @toggleHelpText=${b=>{this.toggleDropdown(b)}}
+          ${u.n(this.helptextSlot)}
+          name="helptext"
+        ></pkt-helptext>
+      `,g=()=>this.counter?t.x`<div class="pkt-input__counter" aria-live="polite" aria-atomic="true">
+          ${this.counterCurrent||0}
+          ${this.counterMaxLength?`/${this.counterMaxLength}`:t.E}
+        </div>`:t.E,y=()=>this.hasError&&this.errorMessage?t.x`<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">${$.o(this.errorMessage)}</div>
+        </div>`:t.E,d=()=>t.x`
+        ${c()} ${x()}
+        ${o?t.x`<label for="${this.forId}" class="pkt-sr-only" aria-describedby="${i}"
+              >${this.label}</label
+            >`:t.E}
+        <div class="pkt-contents" ${u.n(this.defaultSlot)}></div>
+        ${g()} ${y()}
+      `,k=()=>this.hasFieldset?t.x`<fieldset class=${a.e(r)} aria-describedby="${i}">
+            ${d()}
+          </fieldset>`:o?t.x`<div class=${a.e(r)}>${d()}</div>`:t.x`<label
+              class=${a.e(r)}
+              for="${this.forId}"
+              aria-describedby="${i}"
+              id="${this.forId}-label"
+            >
+              ${d()}
+            </label>`;return t.x`<div class=${a.e(s)}>${k()}</div> `}toggleDropdown(s){this.dispatchEvent(new CustomEvent("toggleHelpText",{bubbles:!1,detail:{isOpen:s.detail.isOpen}}))}};e([I.r()],exports.PktInputWrapper.prototype,"hasHelptextSlot",2);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: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:Boolean})],exports.PktInputWrapper.prototype,"useWrapper",2);e([t.n({type:String,reflect:!0})],exports.PktInputWrapper.prototype,"role",2);exports.PktInputWrapper=e([t.t("pkt-input-wrapper")],exports.PktInputWrapper);

package/dist/input-wrapper-Df18_PvD.js

@@ -0,0 +1,172 @@
+import { P as k, E as h, x as o, n as r, t as v } from "./element-BKrU5soj.js";
+import { P as S } from "./pkt-slot-controller-Clbye6cM.js";
+import { e as g, n as y } from "./ref-D5qG7OFB.js";
+import { o as T } from "./icon-Bsb0MB2h.js";
+import { e as c } from "./class-map-CQzsZCwS.js";
+import { r as _ } from "./state-C36ZmZgt.js";
+import { u as D } from "./stringutils-DJjRa8dG.js";
+import { s } from "./input-wrapper-Bw9tARAD.js";
+import "./helptext-DHfBEO42.js";
+var E = Object.defineProperty, B = Object.getOwnPropertyDescriptor, e = (i, d, a, l) => {
+  for (var p = l > 1 ? void 0 : l ? B(d, a) : d, n = i.length - 1, u; n >= 0; n--)
+    (u = i[n]) && (p = (l ? u(d, a, p) : u(p)) || p);
+  return l && p && E(d, a, p), p;
+};
+let t = class extends k {
+  constructor() {
+    super(), this.defaultSlot = g(), this.helptextSlot = g(), this.hasHelptextSlot = !1, this.forId = D(), this.label = "", this.helptext = null, this.helptextDropdown = null, this.helptextDropdownButton = null, this.counter = s.props.counter.default, this.counterCurrent = 0, this.counterMaxLength = 0, 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.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.useWrapper = s.props.useWrapper.default, this.role = "group", this.slotController = new S(this, this.defaultSlot, this.helptextSlot);
+  }
+  updateSlots() {
+    this.hasHelptextSlot = this.slotController.filledSlots.has("helptext");
+  }
+  updated(i) {
+    this.updateSlots(), super.updated(i);
+  }
+  render() {
+    const i = {
+      "pkt-inputwrapper": !0,
+      "pkt-inputwrapper--error": this.hasError,
+      "pkt-inputwrapper--disabled": this.disabled,
+      "pkt-inputwrapper--inline": this.inline
+    }, d = {
+      "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
+    }, a = this.helptextDropdown !== "", l = {
+      "pkt-inputwrapper__label": !0,
+      "pkt-inputwrapper__fieldset": this.hasFieldset,
+      "pkt-inputwrapper__legend": this.hasFieldset
+    }, p = this.ariaDescribedby ? this.ariaDescribedby : this.helptext ? `${this.forId}-helptext` : h, n = () => this.optionalTag || this.requiredTag ? o`<span class=${c(d)}
+          >${this.optionalTag ? this.optionalText : this.requiredTag ? this.requiredText : h}</span
+        >` : h, u = () => this.useWrapper ? this.hasFieldset ? o`<legend class="pkt-inputwrapper__legend" id="${this.forId}-label">
+            ${this.label} ${n()}
+          </legend>` : a ? o`<h2>${this.label} ${n()}</h2>` : o`<span>${this.label} ${n()}</span>` : o`<label
+          for="${this.forId}"
+          class="pkt-sr-only"
+          aria-describedby="${p}"
+          id="${this.forId}-label"
+        >
+          ${this.label}
+        </label>`, b = () => o`
+        <pkt-helptext
+          .forId=${this.forId}
+          .helptext=${this.helptext}
+          .helptextDropdown=${this.helptextDropdown}
+          .helptextDropdownButton=${this.helptextDropdownButton || s.props.helptextDropdownButton.default}
+          @toggleHelpText=${(w) => {
+      this.toggleDropdown(w);
+    }}
+          ${y(this.helptextSlot)}
+          name="helptext"
+        ></pkt-helptext>
+      `, $ = () => this.counter ? o`<div class="pkt-input__counter" aria-live="polite" aria-atomic="true">
+          ${this.counterCurrent || 0}
+          ${this.counterMaxLength ? `/${this.counterMaxLength}` : h}
+        </div>` : h, x = () => this.hasError && this.errorMessage ? o`<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">${T(this.errorMessage)}</div>
+        </div>` : h, f = () => o`
+        ${u()} ${b()}
+        ${a ? o`<label for="${this.forId}" class="pkt-sr-only" aria-describedby="${p}"
+              >${this.label}</label
+            >` : h}
+        <div class="pkt-contents" ${y(this.defaultSlot)}></div>
+        ${$()} ${x()}
+      `, m = () => this.hasFieldset ? o`<fieldset class=${c(l)} aria-describedby="${p}">
+            ${f()}
+          </fieldset>` : a ? o`<div class=${c(l)}>${f()}</div>` : o`<label
+              class=${c(l)}
+              for="${this.forId}"
+              aria-describedby="${p}"
+              id="${this.forId}-label"
+            >
+              ${f()}
+            </label>`;
+    return o`<div class=${c(i)}>${m()}</div> `;
+  }
+  toggleDropdown(i) {
+    this.dispatchEvent(
+      new CustomEvent("toggleHelpText", {
+        bubbles: !1,
+        detail: { isOpen: i.detail.isOpen }
+      })
+    );
+  }
+};
+e([
+  _()
+], t.prototype, "hasHelptextSlot", 2);
+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: 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: 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: Boolean })
+], t.prototype, "useWrapper", 2);
+e([
+  r({ type: String, reflect: !0 })
+], t.prototype, "role", 2);
+t = e([
+  v("pkt-input-wrapper")
+], t);
+export {
+  t as P
+};

package/dist/{link-B3PDtnXT.js → link-0N9wG5l8.js}

@@ -1,5 +1,5 @@
 import { P as f, x as k, E as h, n as i, t as m } from "./element-BKrU5soj.js";
-import { P as d } from "./pkt-slot-controller-DhwCJd_0.js";
+import { P as d } from "./pkt-slot-controller-Clbye6cM.js";
 import { e as u, n as P } from "./ref-D5qG7OFB.js";
 import { e as y } from "./class-map-CQzsZCwS.js";
 import "./icon-Bsb0MB2h.js";

package/dist/{link-BnL83t0x.cjs → link-I_LKEBVK.cjs}

@@ -1,4 +1,4 @@
-"use strict";const e=require("./element-B0UgldHm.cjs"),k=require("./pkt-slot-controller-BEDVscvU.cjs"),p=require("./ref-DDYBJ4EB.cjs"),h=require("./class-map-aeZWY44S.cjs");require("./icon-PWn7rnfg.cjs");const f="pkt-link",u=!0,d={href:{name:"URL",description:"URL til lenken",type:"string",default:"#"},target:{name:"Mål",description:"Mål for lenken",type:["_blank","_self","_parent","_top"],default:"_self"},iconName:{name:"Ikon",description:"Ikon som skal vises ved siden av lenketeksten",type:"icon"},iconPosition:{name:"Ikonposisjon",description:"Posisjonen til ikonet i forhold til lenketeksten",type:["left","right"]},external:{name:"Ekstern lenke",description:"Vis ikon for ekstern lenke",type:"boolean",default:!1}},m={default:{description:"Innholdet i lenken"}},c={name:f,"css-class":"pkt-link","dark-mode":!0,isElement:u,props:d,slots:m};var P=Object.defineProperty,y=Object.getOwnPropertyDescriptor,i=(s,n,r,o)=>{for(var t=o>1?void 0:o?y(n,r):n,l=s.length-1,a;l>=0;l--)(a=s[l])&&(t=(o?a(n,r,t):a(t))||t);return o&&t&&P(n,r,t),t};exports.PktLink=class extends e.PktElement{constructor(){super(),this.defaultSlot=p.e(),this.href=c.props.href.default,this.iconName=void 0,this.iconPosition=void 0,this.external=c.props.external.default,this.target=c.props.target.default,this.slotController=new k.PktSlotController(this,this.defaultSlot)}render(){const n={"pkt-link":!0,"pkt-link--icon-left":!!this.iconName&&this.iconPosition==="left"||!!(this.iconName&&!this.iconPosition),"pkt-link--icon-right":!!this.iconName&&this.iconPosition==="right","pkt-link--external":this.external};return e.x`<a
+"use strict";const e=require("./element-B0UgldHm.cjs"),k=require("./pkt-slot-controller-Oc32unDk.cjs"),p=require("./ref-DDYBJ4EB.cjs"),h=require("./class-map-aeZWY44S.cjs");require("./icon-PWn7rnfg.cjs");const f="pkt-link",u=!0,d={href:{name:"URL",description:"URL til lenken",type:"string",default:"#"},target:{name:"Mål",description:"Mål for lenken",type:["_blank","_self","_parent","_top"],default:"_self"},iconName:{name:"Ikon",description:"Ikon som skal vises ved siden av lenketeksten",type:"icon"},iconPosition:{name:"Ikonposisjon",description:"Posisjonen til ikonet i forhold til lenketeksten",type:["left","right"]},external:{name:"Ekstern lenke",description:"Vis ikon for ekstern lenke",type:"boolean",default:!1}},m={default:{description:"Innholdet i lenken"}},c={name:f,"css-class":"pkt-link","dark-mode":!0,isElement:u,props:d,slots:m};var P=Object.defineProperty,y=Object.getOwnPropertyDescriptor,i=(s,n,r,o)=>{for(var t=o>1?void 0:o?y(n,r):n,l=s.length-1,a;l>=0;l--)(a=s[l])&&(t=(o?a(n,r,t):a(t))||t);return o&&t&&P(n,r,t),t};exports.PktLink=class extends e.PktElement{constructor(){super(),this.defaultSlot=p.e(),this.href=c.props.href.default,this.iconName=void 0,this.iconPosition=void 0,this.external=c.props.external.default,this.target=c.props.target.default,this.slotController=new k.PktSlotController(this,this.defaultSlot)}render(){const n={"pkt-link":!0,"pkt-link--icon-left":!!this.iconName&&this.iconPosition==="left"||!!(this.iconName&&!this.iconPosition),"pkt-link--icon-right":!!this.iconName&&this.iconPosition==="right","pkt-link--external":this.external};return e.x`<a
       class=${h.e(n)}
       href=${this.href}
       @click=${this.handleClick}

package/dist/{linkcard-C4q7HCwY.js → linkcard-BJeRbpq_.js}

@@ -1,6 +1,6 @@
 import { P as f, x as c, n, t as h } from "./element-BKrU5soj.js";
 import { e as k, n as m } from "./ref-D5qG7OFB.js";
-import { P as u } from "./pkt-slot-controller-DhwCJd_0.js";
+import { P as u } from "./pkt-slot-controller-Clbye6cM.js";
 import "./icon-Bsb0MB2h.js";
 var _ = Object.defineProperty, d = Object.getOwnPropertyDescriptor, r = (l, i, s, o) => {
   for (var e = o > 1 ? void 0 : o ? d(i, s) : i, a = l.length - 1, p; a >= 0; a--)

package/dist/{linkcard-RyOjvpmF.cjs → linkcard-ClXGVwdJ.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./element-B0UgldHm.cjs"),k=require("./ref-DDYBJ4EB.cjs"),p=require("./pkt-slot-controller-BEDVscvU.cjs");require("./icon-PWn7rnfg.cjs");var c=Object.defineProperty,h=Object.getOwnPropertyDescriptor,r=(s,n,i,l)=>{for(var e=l>1?void 0:l?h(n,i):n,o=s.length-1,a;o>=0;o--)(a=s[o])&&(e=(l?a(n,i,e):a(e))||e);return l&&e&&c(n,i,e),e};exports.PktLinkCard=class extends t.PktElement{constructor(){super(),this.defaultSlot=k.e(),this.title="",this.href="#",this.iconName="",this.external=!1,this.openInNewTab=!1,this.skin="normal",this.slotController=new p.PktSlotController(this,this.defaultSlot)}render(){const n=["pkt-linkcard",this.skin&&`pkt-linkcard--${this.skin}`].filter(Boolean).join(" "),i=["pkt-linkcard__title",this.external&&"pkt-link pkt-link--external"].filter(Boolean).join(" ");return t.x`
+"use strict";const t=require("./element-B0UgldHm.cjs"),k=require("./ref-DDYBJ4EB.cjs"),p=require("./pkt-slot-controller-Oc32unDk.cjs");require("./icon-PWn7rnfg.cjs");var c=Object.defineProperty,h=Object.getOwnPropertyDescriptor,r=(s,n,i,l)=>{for(var e=l>1?void 0:l?h(n,i):n,o=s.length-1,a;o>=0;o--)(a=s[o])&&(e=(l?a(n,i,e):a(e))||e);return l&&e&&c(n,i,e),e};exports.PktLinkCard=class extends t.PktElement{constructor(){super(),this.defaultSlot=k.e(),this.title="",this.href="#",this.iconName="",this.external=!1,this.openInNewTab=!1,this.skin="normal",this.slotController=new p.PktSlotController(this,this.defaultSlot)}render(){const n=["pkt-linkcard",this.skin&&`pkt-linkcard--${this.skin}`].filter(Boolean).join(" "),i=["pkt-linkcard__title",this.external&&"pkt-link pkt-link--external"].filter(Boolean).join(" ");return t.x`
       <a
         href=${this.href}
         class=${n}

package/dist/{messagebox-BDfhozc3.js → messagebox-C5M56R8f.js}

@@ -1,5 +1,5 @@
 import { P as b, x as c, E as d, n, t as k } from "./element-BKrU5soj.js";
-import { P as u } from "./pkt-slot-controller-DhwCJd_0.js";
+import { P as u } from "./pkt-slot-controller-Clbye6cM.js";
 import { e as g, n as f } from "./ref-D5qG7OFB.js";
 import { e as h } from "./class-map-CQzsZCwS.js";
 import { r as v } from "./state-C36ZmZgt.js";

package/dist/{messagebox-CuM1y2P_.cjs → messagebox-CC3j63Wp.cjs}

@@ -1,4 +1,4 @@
-"use strict";const e=require("./element-B0UgldHm.cjs"),b=require("./pkt-slot-controller-BEDVscvU.cjs"),p=require("./ref-DDYBJ4EB.cjs"),k=require("./class-map-aeZWY44S.cjs"),d=require("./state-CG-binsl.cjs");require("./icon-PWn7rnfg.cjs");const u="pkt-messagebox",m=!0,g={onClose:{description:"React: Event som trigges når meldingsboksen lukkes"},"on-close":{description:"Vue: Event som trigges når meldingsboksen lukkes"}},h={title:{name:"Tittel",description:"Tittelen på meldingsboksen",type:"string"},skin:{name:"Utseende",description:"Velg farge på meldingsboksen",type:["beige","blue","red","green"],default:"beige"},compact:{name:"Kompakt",description:"Gjør meldingsboksen mindre",type:"boolean",default:!1},closable:{name:"Kan lukkes",description:"Viser lukkeknapp",type:"boolean",default:!1}},f={default:{description:"Innholdet i meldingsboksen"}},c={name:u,"css-class":"pkt-messagebox",isElement:m,events:g,props:h,slots:f};var x=Object.defineProperty,v=Object.getOwnPropertyDescriptor,o=(i,t,n,l)=>{for(var s=l>1?void 0:l?v(t,n):t,r=i.length-1,a;r>=0;r--)(a=i[r])&&(s=(l?a(t,n,s):a(s))||s);return l&&s&&x(t,n,s),s};exports.PktMessagebox=class extends e.PktElement{constructor(){super(),this.defaultSlot=p.e(),this.closable=c.props.closable.default,this.compact=c.props.compact.default,this.title="",this.skin=c.props.skin.default,this._isClosed=!1,this.close=t=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("close",{detail:{origin:t},bubbles:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:t},bubbles:!0}))},this.slotController=new b.PktSlotController(this,this.defaultSlot),this._isClosed=!1}render(){const t={"pkt-messagebox":!0,"pkt-messagebox--compact":this.compact,[`pkt-messagebox--${this.skin}`]:this.skin,"pkt-messagebox--closable":this.closable,"pkt-hide":this._isClosed};return e.x`<div class=${k.e(t)}>
+"use strict";const e=require("./element-B0UgldHm.cjs"),b=require("./pkt-slot-controller-Oc32unDk.cjs"),p=require("./ref-DDYBJ4EB.cjs"),k=require("./class-map-aeZWY44S.cjs"),d=require("./state-CG-binsl.cjs");require("./icon-PWn7rnfg.cjs");const u="pkt-messagebox",m=!0,g={onClose:{description:"React: Event som trigges når meldingsboksen lukkes"},"on-close":{description:"Vue: Event som trigges når meldingsboksen lukkes"}},h={title:{name:"Tittel",description:"Tittelen på meldingsboksen",type:"string"},skin:{name:"Utseende",description:"Velg farge på meldingsboksen",type:["beige","blue","red","green"],default:"beige"},compact:{name:"Kompakt",description:"Gjør meldingsboksen mindre",type:"boolean",default:!1},closable:{name:"Kan lukkes",description:"Viser lukkeknapp",type:"boolean",default:!1}},f={default:{description:"Innholdet i meldingsboksen"}},c={name:u,"css-class":"pkt-messagebox",isElement:m,events:g,props:h,slots:f};var x=Object.defineProperty,v=Object.getOwnPropertyDescriptor,o=(i,t,n,l)=>{for(var s=l>1?void 0:l?v(t,n):t,r=i.length-1,a;r>=0;r--)(a=i[r])&&(s=(l?a(t,n,s):a(s))||s);return l&&s&&x(t,n,s),s};exports.PktMessagebox=class extends e.PktElement{constructor(){super(),this.defaultSlot=p.e(),this.closable=c.props.closable.default,this.compact=c.props.compact.default,this.title="",this.skin=c.props.skin.default,this._isClosed=!1,this.close=t=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("close",{detail:{origin:t},bubbles:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:t},bubbles:!0}))},this.slotController=new b.PktSlotController(this,this.defaultSlot),this._isClosed=!1}render(){const t={"pkt-messagebox":!0,"pkt-messagebox--compact":this.compact,[`pkt-messagebox--${this.skin}`]:this.skin,"pkt-messagebox--closable":this.closable,"pkt-hide":this._isClosed};return e.x`<div class=${k.e(t)}>
       ${this.closable?e.x`<div class="pkt-messagebox__close">
             <button
               @click=${this.close}

package/dist/{modal-gLMGJSSY.cjs → modal-BkchlKkL.cjs}

@@ -1,4 +1,4 @@
-"use strict";const d=require("./class-map-aeZWY44S.cjs"),s=require("./element-B0UgldHm.cjs"),k=require("./state-CG-binsl.cjs"),m=require("./pkt-slot-controller-BEDVscvU.cjs"),r=require("./ref-DDYBJ4EB.cjs");require("./icon-PWn7rnfg.cjs");const h="pkt-modal",g=!0,f={"background-click":{description:"Event som trigges når bakgrunnen trykkes på"},close:{description:"Event som trigges når meldingsboksen lukkes"}},v={headingText:{name:"Heading text",description:"Heading tekst på modalen",type:"string"},hideCloseButton:{name:"Gjem 'Lukk'-knapp",description:"Gjemmer lukkeknappen. Dersom denne er satt til true, vil ikke lukkeknappen vises, og dermed er det viktig at man tilbyr en annen måte som f.eks. en knapp for å lukke modalen på.",type:"boolean",default:!1},closeOnBackdropClick:{name:"Lukk modalen når bakgrunnen trykkes på",description:"Lukk modalen når bakgrunnen trykkes på",type:"boolean",default:!1},closeButtonSkin:{name:"Stil på lukkeknappen",description:"Stil på lukkeknappen",type:["blue","yellow-filled"],default:"blue"},size:{name:"Størrelse",description:"Størrelsen på modalen",type:["small","medium","large"],default:"medium"}},b={default:{description:"Innholdet i meldingen. Her tilbyr vi støtteklasser for å style 1-3 knapper i modalen."}},p={name:h,"css-class":"pkt-modal",isElements:g,events:f,props:v,slots:b};var y=Object.defineProperty,_=Object.getOwnPropertyDescriptor,l=(c,e,t,o)=>{for(var n=o>1?void 0:o?_(e,t):e,i=c.length-1,a;i>=0;i--)(a=c[i])&&(n=(o?a(e,t,n):a(n))||n);return o&&n&&y(e,t,n),n};exports.PktModal=class extends s.PktElement{constructor(){super(),this.headingText="",this.removePadding=!1,this.hideCloseButton=p.props.hideCloseButton.default,this.closeOnBackdropClick=p.props.closeOnBackdropClick.default,this.closeButtonSkin="blue",this.size=p.props.size.default,this.defaultSlot=r.e(),this.dialogRef=r.e(),this._isOpen=!1,this.close=(e,t=!1)=>{var i;this._isOpen=!1,t||(i=this.dialogRef.value)==null||i.close();const o=document.activeElement;o&&!this.isElementInViewport(o)&&o.scrollIntoView({behavior:"smooth",block:"nearest"}),this.dispatchEvent(new CustomEvent("close",{detail:{origin:e},bubbles:!0,composed:!0})),document.querySelector(".pkt-modal")&&document.body.classList.remove("pkt-modal--open"),this.requestUpdate()},this.showModal=e=>{var o;this._isOpen=!0,(o=this.dialogRef.value)==null||o.showModal();const t=document.querySelector(".pkt-modal");requestAnimationFrame(()=>{var n;this.dialogRef.value&&((n=this.dialogRef.value)==null||n.focus())}),t&&document.body.classList.add("pkt-modal--open"),this.dispatchEvent(new CustomEvent("showModal",{detail:{origin:e},bubbles:!0,composed:!0})),this.requestUpdate()},this.slotController=new m.PktSlotController(this,this.defaultSlot),this._isOpen=!1}async connectedCallback(){var e;super.connectedCallback(),document.addEventListener("keydown",this.handleKeyDown.bind(this)),document.addEventListener("click",this.handleBackdropClick.bind(this)),(e=this.dialogRef.value)==null||e.addEventListener("submit",t=>this.close(t,!0))}disconnectedCallback(){var e;super.disconnectedCallback(),document.removeEventListener("keydown",this.handleKeyDown.bind(this)),document.removeEventListener("click",this.handleBackdropClick.bind(this)),(e=this.dialogRef.value)==null||e.removeEventListener("submit",t=>this.close(t,!0))}handleKeyDown(e){e.key==="Escape"&&this.close(e)}handleBackdropClick(e){var t;this.closeOnBackdropClick&&e.target===((t=this.dialogRef)==null?void 0:t.value)&&this.close(e)}isElementInViewport(e){const t=e.getBoundingClientRect();return t.top>=0&&t.left>=0&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&t.right<=(window.innerWidth||document.documentElement.clientWidth)}render(){const e={"pkt-modal":!0,"pkt-modal--removePadding":this.removePadding??!1,"pkt-modal--noHeadingText":this.headingText===""||this.headingText===void 0,[`pkt-modal--${this.size}`]:this.size!==void 0},t={"pkt-modal__headingText":!0,"pkt-txt-24":!0},o={"pkt-modal__content":!0,"pkt-txt-18-light":!0},n=this.closeButtonSkin==="blue",i={"pkt-modal__closeButton":!0,[`pkt-modal__closeButton--${this.closeButtonSkin}`]:!0},a={"pkt-btn":!0,[`pkt-btn--${n?"tertiary":"primary"}`]:!0,"pkt-btn--icon-only":!0,"pkt-btn--medium":!0};return s.x`
+"use strict";const d=require("./class-map-aeZWY44S.cjs"),s=require("./element-B0UgldHm.cjs"),k=require("./state-CG-binsl.cjs"),m=require("./pkt-slot-controller-Oc32unDk.cjs"),r=require("./ref-DDYBJ4EB.cjs");require("./icon-PWn7rnfg.cjs");const h="pkt-modal",g=!0,f={"background-click":{description:"Event som trigges når bakgrunnen trykkes på"},close:{description:"Event som trigges når meldingsboksen lukkes"}},v={headingText:{name:"Heading text",description:"Heading tekst på modalen",type:"string"},hideCloseButton:{name:"Gjem 'Lukk'-knapp",description:"Gjemmer lukkeknappen. Dersom denne er satt til true, vil ikke lukkeknappen vises, og dermed er det viktig at man tilbyr en annen måte som f.eks. en knapp for å lukke modalen på.",type:"boolean",default:!1},closeOnBackdropClick:{name:"Lukk modalen når bakgrunnen trykkes på",description:"Lukk modalen når bakgrunnen trykkes på",type:"boolean",default:!1},closeButtonSkin:{name:"Stil på lukkeknappen",description:"Stil på lukkeknappen",type:["blue","yellow-filled"],default:"blue"},size:{name:"Størrelse",description:"Størrelsen på modalen",type:["small","medium","large"],default:"medium"}},b={default:{description:"Innholdet i meldingen. Her tilbyr vi støtteklasser for å style 1-3 knapper i modalen."}},p={name:h,"css-class":"pkt-modal",isElements:g,events:f,props:v,slots:b};var y=Object.defineProperty,_=Object.getOwnPropertyDescriptor,l=(c,e,t,o)=>{for(var n=o>1?void 0:o?_(e,t):e,i=c.length-1,a;i>=0;i--)(a=c[i])&&(n=(o?a(e,t,n):a(n))||n);return o&&n&&y(e,t,n),n};exports.PktModal=class extends s.PktElement{constructor(){super(),this.headingText="",this.removePadding=!1,this.hideCloseButton=p.props.hideCloseButton.default,this.closeOnBackdropClick=p.props.closeOnBackdropClick.default,this.closeButtonSkin="blue",this.size=p.props.size.default,this.defaultSlot=r.e(),this.dialogRef=r.e(),this._isOpen=!1,this.close=(e,t=!1)=>{var i;this._isOpen=!1,t||(i=this.dialogRef.value)==null||i.close();const o=document.activeElement;o&&!this.isElementInViewport(o)&&o.scrollIntoView({behavior:"smooth",block:"nearest"}),this.dispatchEvent(new CustomEvent("close",{detail:{origin:e},bubbles:!0,composed:!0})),document.querySelector(".pkt-modal")&&document.body.classList.remove("pkt-modal--open"),this.requestUpdate()},this.showModal=e=>{var o;this._isOpen=!0,(o=this.dialogRef.value)==null||o.showModal();const t=document.querySelector(".pkt-modal");requestAnimationFrame(()=>{var n;this.dialogRef.value&&((n=this.dialogRef.value)==null||n.focus())}),t&&document.body.classList.add("pkt-modal--open"),this.dispatchEvent(new CustomEvent("showModal",{detail:{origin:e},bubbles:!0,composed:!0})),this.requestUpdate()},this.slotController=new m.PktSlotController(this,this.defaultSlot),this._isOpen=!1}async connectedCallback(){var e;super.connectedCallback(),document.addEventListener("keydown",this.handleKeyDown.bind(this)),document.addEventListener("click",this.handleBackdropClick.bind(this)),(e=this.dialogRef.value)==null||e.addEventListener("submit",t=>this.close(t,!0))}disconnectedCallback(){var e;super.disconnectedCallback(),document.removeEventListener("keydown",this.handleKeyDown.bind(this)),document.removeEventListener("click",this.handleBackdropClick.bind(this)),(e=this.dialogRef.value)==null||e.removeEventListener("submit",t=>this.close(t,!0))}handleKeyDown(e){e.key==="Escape"&&this.close(e)}handleBackdropClick(e){var t;this.closeOnBackdropClick&&e.target===((t=this.dialogRef)==null?void 0:t.value)&&this.close(e)}isElementInViewport(e){const t=e.getBoundingClientRect();return t.top>=0&&t.left>=0&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&t.right<=(window.innerWidth||document.documentElement.clientWidth)}render(){const e={"pkt-modal":!0,"pkt-modal--removePadding":this.removePadding??!1,"pkt-modal--noHeadingText":this.headingText===""||this.headingText===void 0,[`pkt-modal--${this.size}`]:this.size!==void 0},t={"pkt-modal__headingText":!0,"pkt-txt-24":!0},o={"pkt-modal__content":!0,"pkt-txt-18-light":!0},n=this.closeButtonSkin==="blue",i={"pkt-modal__closeButton":!0,[`pkt-modal__closeButton--${this.closeButtonSkin}`]:!0},a={"pkt-btn":!0,[`pkt-btn--${n?"tertiary":"primary"}`]:!0,"pkt-btn--icon-only":!0,"pkt-btn--medium":!0};return s.x`
       <dialog
         class=${d.e(e)}
         aria-modal=${this._isOpen}

package/dist/{modal-CYv8Qk0Y.js → modal-PKDnp91S.js}

@@ -1,7 +1,7 @@
 import { e as c } from "./class-map-CQzsZCwS.js";
 import { P as f, x as p, E as m, n as a, t as g } from "./element-BKrU5soj.js";
 import { r as v } from "./state-C36ZmZgt.js";
-import { P as b } from "./pkt-slot-controller-DhwCJd_0.js";
+import { P as b } from "./pkt-slot-controller-Clbye6cM.js";
 import { e as k, n as h } from "./ref-D5qG7OFB.js";
 import "./icon-Bsb0MB2h.js";
 const y = "pkt-modal", _ = !0, C = {

package/dist/pkt-alert.cjs

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

package/dist/pkt-alert.js

@@ -1,4 +1,4 @@
-import { P as t } from "./alert-MKb7NX3r.js";
+import { P as t } from "./alert-BvN80UkI.js";
 const e = t;
 export {
   t as PktAlert,

package/dist/pkt-card.cjs

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

package/dist/pkt-card.js

@@ -1,4 +1,4 @@
-import { P as a } from "./card-ChaNVDWw.js";
+import { P as a } from "./card-Br6A74Q1.js";
 const r = a;
 export {
   a as PktCard,

package/dist/pkt-datepicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./datepicker-DdQVxt5g.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-BC0e34ws.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-wDY2qm00.js";
+import { P as t } from "./datepicker-ONV4HuJt.js";
 const a = t;
 export {
   t as PktDatepicker,

package/dist/pkt-helptext.cjs

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

package/dist/pkt-helptext.js

@@ -1,4 +1,4 @@
-import { P as t } from "./helptext-CNgXo34f.js";
+import { P as t } from "./helptext-DHfBEO42.js";
 const p = t;
 export {
   t as PktHelptext,

package/dist/pkt-index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./alert-3DZNN48_.cjs"),p=require("./calendar-CPEJ1enc.cjs"),d=require("./card-D3ka94lj.cjs"),t=require("./element-B0UgldHm.cjs"),P=require("./pkt-slot-controller-BEDVscvU.cjs"),i=require("./ref-DDYBJ4EB.cjs"),k=require("./class-map-aeZWY44S.cjs"),b=require("./datepicker-DdQVxt5g.cjs"),g=require("./helptext-XPScYIkx.cjs"),m=require("./icon-PWn7rnfg.cjs"),h=require("./input-wrapper-nvacN4EY.cjs"),f=require("./link-BnL83t0x.cjs"),y=require("./linkcard-RyOjvpmF.cjs"),v=require("./messagebox-CuM1y2P_.cjs"),x=require("./modal-gLMGJSSY.cjs"),C=require("./progressbar-CkaLjQYa.cjs"),O=require("./radiobutton-HmicLshI.cjs"),j=require("./tag-BpAs2fq6.cjs"),q=require("./textarea-D7uvC79V.cjs"),S=require("./textinput-C9pkRR6S.cjs"),$=require("./select-B19JEWYw.cjs");var _=Object.defineProperty,T=Object.getOwnPropertyDescriptor,o=(a,e,r,s)=>{for(var n=s>1?void 0:s?T(e,r):e,l=a.length-1,u;l>=0;l--)(u=a[l])&&(n=(s?u(e,r,n):u(n))||n);return s&&n&&_(e,r,n),n};exports.PktComponent=class extends t.PktElement{constructor(){super(),this.string="",this.strings=[],this.darkmode=!1,this._list=[],this.defaultSlot=i.e(),this.namedSlot=i.e(),this.slotController=new P.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 c=require("./alert-uNzcOJR9.cjs"),p=require("./calendar-CPEJ1enc.cjs"),d=require("./card-BaxqXP-k.cjs"),t=require("./element-B0UgldHm.cjs"),P=require("./pkt-slot-controller-Oc32unDk.cjs"),i=require("./ref-DDYBJ4EB.cjs"),k=require("./class-map-aeZWY44S.cjs"),b=require("./datepicker-BC0e34ws.cjs"),g=require("./helptext-xUdEGuNQ.cjs"),m=require("./icon-PWn7rnfg.cjs"),h=require("./input-wrapper-DeCY6nta.cjs"),f=require("./link-I_LKEBVK.cjs"),y=require("./linkcard-ClXGVwdJ.cjs"),v=require("./messagebox-CC3j63Wp.cjs"),x=require("./modal-BkchlKkL.cjs"),C=require("./progressbar-CkaLjQYa.cjs"),O=require("./radiobutton-HmicLshI.cjs"),j=require("./tag-DGywzHJ5.cjs"),q=require("./textarea-WWRAA1LV.cjs"),S=require("./textinput-CE5AzOur.cjs"),$=require("./select-DFlu7Eq6.cjs");var _=Object.defineProperty,T=Object.getOwnPropertyDescriptor,o=(a,e,r,s)=>{for(var n=s>1?void 0:s?T(e,r):e,l=a.length-1,u;l>=0;l--)(u=a[l])&&(n=(s?u(e,r,n):u(n))||n);return s&&n&&_(e,r,n),n};exports.PktComponent=class extends t.PktElement{constructor(){super(),this.string="",this.strings=[],this.darkmode=!1,this._list=[],this.defaultSlot=i.e(),this.namedSlot=i.e(),this.slotController=new P.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="${k.e(e)}">
         <h1 class="pkt-txt-28">${this.string}</h1>