@oslokommune/punkt-elements 19.15.3 → 19.17.1

package/dist/{select-ByPSk9WT.js → select-CorofYxz.js}

@@ -1,12 +1,12 @@
-import { _ as e, d as t, l as n, n as r, u as i } from "./element-DBugHPKM.js";
-import { n as a } from "./element-with-slot-CVmm0_IE.js";
-import { t as o } from "./if-defined-O59_I-e-.js";
-import { n as s, t as c } from "./ref-y_5qv9vU.js";
-import { t as l } from "./input-element-mTphzs9b.js";
-import { t as u } from "./pkt-options-controller-CHosj1Oo.js";
-import { r as d } from "./input-wrapper-xRJo_iVf.js";
+import { _ as e, d as t, l as n, n as r, u as i } from "./element-ckeMVgMz.js";
+import { n as a } from "./element-with-slot-C0bH0T0H.js";
+import { r as o } from "./input-wrapper-BSjQc4Vx.js";
+import { t as s } from "./if-defined-D18nY_K_.js";
+import { n as c, t as l } from "./ref-D4OwQYdf.js";
+import { t as u } from "./input-element-0yYtRu0p.js";
+import { t as d } from "./pkt-options-controller-BikFfGcZ.js";
 //#region src/base-elements/options-input-element.ts
-var f = class extends l {
+var f = class extends u {
 	constructor(...e) {
 		super(...e), this._optionsProp = [], this._options = [];
 	}
@@ -44,7 +44,7 @@ r([i({
 //#region src/components/select/select.ts
 var p = class extends f {
 	constructor() {
-		super(), this.inputRef = c(), this.value = "", this.selectedIndex = -1, this.selectedOptions = void 0, this.optionsController = new u(this);
+		super(), this.inputRef = l(), this.value = "", this.selectedIndex = -1, this.selectedOptions = void 0, this.optionsController = new d(this);
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.parseOptions(), this._options.forEach((e) => {
@@ -102,27 +102,27 @@ var p = class extends f {
         ?requiredTag=${this.requiredTag}
         useWrapper=${this.useWrapper}
         .ariaDescribedby=${this.ariaDescribedby}
-        errorMessage=${o(this.errorMessage)}
+        errorMessage=${s(this.errorMessage)}
         forId=${this.id + "-input"}
-        helptext=${o(this.helptext)}
-        helptextDropdown=${o(this.helptextDropdown)}
-        helptextDropdownButton=${o(this.helptextDropdownButton)}
-        label=${o(this.label)}
-        optionalText=${o(this.optionalText)}
-        requiredText=${o(this.requiredText)}
-        tagText=${o(this.tagText)}
+        helptext=${s(this.helptext)}
+        helptextDropdown=${s(this.helptextDropdown)}
+        helptextDropdownButton=${s(this.helptextDropdownButton)}
+        label=${s(this.label)}
+        optionalText=${s(this.optionalText)}
+        requiredText=${s(this.requiredText)}
+        tagText=${s(this.tagText)}
       >
         <select
           class=${t}
           aria-invalid=${this.hasError}
-          aria-errormessage=${o(this.hasError ? `${this.id}-input-error` : void 0)}
-          aria-describedby=${o(d({
+          aria-errormessage=${s(this.hasError ? `${this.id}-input-error` : void 0)}
+          aria-describedby=${s(o({
 			id: this.id + "-input",
 			hasHelptext: !!this.helptext || this.hasSlotContent("helptext"),
 			hasCounter: !1,
 			ariaDescribedby: this.ariaDescribedby
 		}))}
-          aria-labelledby=${o(this.ariaLabelledby)}
+          aria-labelledby=${s(this.ariaLabelledby)}
           ?disabled=${this.isDisabled}
           id=${this.id + "-input"}
           name=${(this.name || this.id) + "-input"}
@@ -138,7 +138,7 @@ var p = class extends f {
           @blur=${(e) => {
 			this.onBlur(), e.stopImmediatePropagation();
 		}}
-          ${s(this.inputRef)}
+          ${c(this.inputRef)}
         >
           ${this._options.length > 0 ? this._options.map((t) => e`<option
                     value=${t.value}

package/dist/{select-CCY2_EbI.cjs → select-D8TC1msV.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-C6WTyJFE.cjs"),t=require("./element-with-slot-CcJPCLgn.cjs"),n=require("./if-defined-CiML3MTM.cjs"),r=require("./ref-CB7e9nMY.cjs"),i=require("./input-element-BjnKPikY.cjs"),a=require("./pkt-options-controller-139UsV4h.cjs"),o=require("./input-wrapper-BEmV0DGo.cjs");var s=class extends i.t{constructor(...e){super(...e),this._optionsProp=[],this._options=[]}get options(){return this._options.map(e=>({...e,selected:this.isOptionSelected(e)}))}set options(e){this._optionsProp=e,this.requestUpdate(`_optionsProp`,this._options)}isOptionSelected(e){return Array.isArray(this.value)?this.value.includes(e.value):e.value===this.value}findOptionByValue(e){return this._options.find(t=>t.value===e)}getSelectedOptions(){return this._options.filter(e=>this.isOptionSelected(e))}parseOptions(){let e=this._optionsProp.length>0,t=this.optionsController?.nodes?.length&&this.optionsController.nodes.length>0;e?this._options=this._optionsProp:t&&(this._options=this.optionsController.options)}willUpdate(e){super.willUpdate(e),this.parseOptions()}};e.n([e.u({type:Array,attribute:`options`})],s.prototype,`_optionsProp`,void 0),e.n([e.l()],s.prototype,`_options`,void 0);var c=class extends s{constructor(){super(),this.inputRef=r.t(),this.value=``,this.selectedIndex=-1,this.selectedOptions=void 0,this.optionsController=new a.t(this)}connectedCallback(){super.connectedCallback(),this.parseOptions(),this._options.forEach(e=>{e.selected&&!this.value&&(this.value=e.value)})}add(e,t){let n={value:e.value||e.text,label:e.text||e.value,selected:e.selected,disabled:e.disabled};if(t===void 0)this._options.push(n);else if(typeof t==`number`)this._options.splice(t,0,n);else{let e=t.value||t.text,r=this._options.findIndex(t=>t.value===e);r>=0?this._options.splice(r,0,n):this._options.push(n)}e.selected&&(this.value=e.value||e.text,this.selectedIndex=this._options.findIndex(e=>e.value===this.value)),this.requestUpdate()}remove(e){typeof e==`number`&&(this.selectedIndex===e&&(this.value=this._options[0]?.value||``),this._options.splice(e,1),this.requestUpdate())}item(e){return this.inputRef.value?.item(e)}namedItem(e){return this.inputRef.value?.namedItem(e)}showPicker(){this.inputRef.value&&`showPicker`in this.inputRef.value&&this.inputRef.value.showPicker()}attributeChangedCallback(e,t,n){e===`options`&&(this._options=n?JSON.parse(n):[]),e===`value`&&this.value!==t&&(this.selectedIndex=this.touched?this.returnNumberOrNull(this.inputRef.value?.selectedIndex):this._options.findIndex(e=>e.value===n),this.selectedOptions=this.inputRef.value?.selectedOptions,this.valueChanged(n,t)),super.attributeChangedCallback(e,t,n)}update(e){super.update(e),e.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)),e.has(`value`)&&this.value!==e.get(`value`)&&(this.selectedIndex=this.touched?this.returnNumberOrNull(this.inputRef.value?.selectedIndex):this._options.findIndex(e=>e.value===this.value),this.selectedOptions=this.inputRef.value?.selectedOptions,this.valueChanged(this.value,e.get(`value`))),e.has(`id`)&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(e){super.firstUpdated(e),this.classList.add(`pkt-select`),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(e=>e.value===this.value),this.selectedOptions=this.inputRef.value?.selectedOptions}render(){let i=`pkt-input pkt-input--${this.inputSize} ${this.fullwidth?`pkt-input--fullwidth`:``}`;return e._`
+const e=require("./element-C6WTyJFE.cjs"),t=require("./element-with-slot-DkyaNnm0.cjs"),n=require("./input-wrapper-4PTk8aX3.cjs"),r=require("./if-defined-CiML3MTM.cjs"),i=require("./ref-CB7e9nMY.cjs"),a=require("./input-element-BOi7rBbw.cjs"),o=require("./pkt-options-controller-D1sKTkbR.cjs");var s=class extends a.t{constructor(...e){super(...e),this._optionsProp=[],this._options=[]}get options(){return this._options.map(e=>({...e,selected:this.isOptionSelected(e)}))}set options(e){this._optionsProp=e,this.requestUpdate(`_optionsProp`,this._options)}isOptionSelected(e){return Array.isArray(this.value)?this.value.includes(e.value):e.value===this.value}findOptionByValue(e){return this._options.find(t=>t.value===e)}getSelectedOptions(){return this._options.filter(e=>this.isOptionSelected(e))}parseOptions(){let e=this._optionsProp.length>0,t=this.optionsController?.nodes?.length&&this.optionsController.nodes.length>0;e?this._options=this._optionsProp:t&&(this._options=this.optionsController.options)}willUpdate(e){super.willUpdate(e),this.parseOptions()}};e.n([e.u({type:Array,attribute:`options`})],s.prototype,`_optionsProp`,void 0),e.n([e.l()],s.prototype,`_options`,void 0);var c=class extends s{constructor(){super(),this.inputRef=i.t(),this.value=``,this.selectedIndex=-1,this.selectedOptions=void 0,this.optionsController=new o.t(this)}connectedCallback(){super.connectedCallback(),this.parseOptions(),this._options.forEach(e=>{e.selected&&!this.value&&(this.value=e.value)})}add(e,t){let n={value:e.value||e.text,label:e.text||e.value,selected:e.selected,disabled:e.disabled};if(t===void 0)this._options.push(n);else if(typeof t==`number`)this._options.splice(t,0,n);else{let e=t.value||t.text,r=this._options.findIndex(t=>t.value===e);r>=0?this._options.splice(r,0,n):this._options.push(n)}e.selected&&(this.value=e.value||e.text,this.selectedIndex=this._options.findIndex(e=>e.value===this.value)),this.requestUpdate()}remove(e){typeof e==`number`&&(this.selectedIndex===e&&(this.value=this._options[0]?.value||``),this._options.splice(e,1),this.requestUpdate())}item(e){return this.inputRef.value?.item(e)}namedItem(e){return this.inputRef.value?.namedItem(e)}showPicker(){this.inputRef.value&&`showPicker`in this.inputRef.value&&this.inputRef.value.showPicker()}attributeChangedCallback(e,t,n){e===`options`&&(this._options=n?JSON.parse(n):[]),e===`value`&&this.value!==t&&(this.selectedIndex=this.touched?this.returnNumberOrNull(this.inputRef.value?.selectedIndex):this._options.findIndex(e=>e.value===n),this.selectedOptions=this.inputRef.value?.selectedOptions,this.valueChanged(n,t)),super.attributeChangedCallback(e,t,n)}update(e){super.update(e),e.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)),e.has(`value`)&&this.value!==e.get(`value`)&&(this.selectedIndex=this.touched?this.returnNumberOrNull(this.inputRef.value?.selectedIndex):this._options.findIndex(e=>e.value===this.value),this.selectedOptions=this.inputRef.value?.selectedOptions,this.valueChanged(this.value,e.get(`value`))),e.has(`id`)&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(e){super.firstUpdated(e),this.classList.add(`pkt-select`),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(e=>e.value===this.value),this.selectedOptions=this.inputRef.value?.selectedOptions}render(){let a=`pkt-input pkt-input--${this.inputSize} ${this.fullwidth?`pkt-input--fullwidth`:``}`;return e._`
       <pkt-input-wrapper
         ${t.n(this,[`helptext`])}
         .strings=${this.strings}
@@ -11,22 +11,22 @@ const e=require("./element-C6WTyJFE.cjs"),t=require("./element-with-slot-CcJPCLg
         ?requiredTag=${this.requiredTag}
         useWrapper=${this.useWrapper}
         .ariaDescribedby=${this.ariaDescribedby}
-        errorMessage=${n.t(this.errorMessage)}
+        errorMessage=${r.t(this.errorMessage)}
         forId=${this.id+`-input`}
-        helptext=${n.t(this.helptext)}
-        helptextDropdown=${n.t(this.helptextDropdown)}
-        helptextDropdownButton=${n.t(this.helptextDropdownButton)}
-        label=${n.t(this.label)}
-        optionalText=${n.t(this.optionalText)}
-        requiredText=${n.t(this.requiredText)}
-        tagText=${n.t(this.tagText)}
+        helptext=${r.t(this.helptext)}
+        helptextDropdown=${r.t(this.helptextDropdown)}
+        helptextDropdownButton=${r.t(this.helptextDropdownButton)}
+        label=${r.t(this.label)}
+        optionalText=${r.t(this.optionalText)}
+        requiredText=${r.t(this.requiredText)}
+        tagText=${r.t(this.tagText)}
       >
         <select
-          class=${i}
+          class=${a}
           aria-invalid=${this.hasError}
-          aria-errormessage=${n.t(this.hasError?`${this.id}-input-error`:void 0)}
-          aria-describedby=${n.t(o.r({id:this.id+`-input`,hasHelptext:!!this.helptext||this.hasSlotContent(`helptext`),hasCounter:!1,ariaDescribedby:this.ariaDescribedby}))}
-          aria-labelledby=${n.t(this.ariaLabelledby)}
+          aria-errormessage=${r.t(this.hasError?`${this.id}-input-error`:void 0)}
+          aria-describedby=${r.t(n.r({id:this.id+`-input`,hasHelptext:!!this.helptext||this.hasSlotContent(`helptext`),hasCounter:!1,ariaDescribedby:this.ariaDescribedby}))}
+          aria-labelledby=${r.t(this.ariaLabelledby)}
           ?disabled=${this.isDisabled}
           id=${this.id+`-input`}
           name=${(this.name||this.id)+`-input`}
@@ -34,7 +34,7 @@ const e=require("./element-C6WTyJFE.cjs"),t=require("./element-with-slot-CcJPCLg
           @input=${e=>{this.onInput(),e.stopImmediatePropagation()}}
           @focus=${e=>{this.onFocus(),e.stopImmediatePropagation()}}
           @blur=${e=>{this.onBlur(),e.stopImmediatePropagation()}}
-          ${r.n(this.inputRef)}
+          ${i.n(this.inputRef)}
         >
           ${this._options.length>0?this._options.map(t=>e._`<option
                     value=${t.value}

package/dist/shared-types/icon.d.ts

@@ -7,6 +7,8 @@
 import type { Booleanish } from './booleanish';
 /** Default CDN path for icons. Overridden globally by `window.pktIconPath`. */
 export declare const ICON_DEFAULT_PATH = "https://punkt-cdn.oslo.kommune.no/latest/icons/";
+/** Default CDN path for loading animations. Overridden globally by `window.pktAnimationPath`. */
+export declare const ANIMATION_DEFAULT_PATH = "https://punkt-cdn.oslo.kommune.no/latest/animations/";
 /** Icon size modifier classes — shared runtime source for types, specs, and Preview. */
 export declare const ICON_SIZE_CLASSES: readonly ['pkt-icon--small', 'pkt-icon--medium', 'pkt-icon--large'];
 export type TIconSizeClass = (typeof ICON_SIZE_CLASSES)[number];

package/dist/shared-types/index.d.ts

@@ -19,7 +19,7 @@ export { OPTION_GROUP_DEFAULTS } from './option-group';
 export type { IPktOptionGroupBase, IPktRadioGroupBase, IPktCheckboxGroupBase, IRadioGroupSpecProps, ICheckboxGroupSpecProps, } from './option-group';
 export { CONSENT_TRIGGER_TYPES, CONSENT_TRIGGER_TYPE_OPTIONS, CONSENT_DEFAULTS } from './consent';
 export type { TPktConsentTriggerType, IConsentItem, IConsentValue, ICookieConsentEvent, TConsentDetailsMap, TCookieEventHandler, ICookieEvents, ICookieBannerApi, IPktConsentBase, IConsentSpecProps, } from './consent';
-export { ICON_DEFAULT_PATH, ICON_SIZE_CLASSES, ICON_DEFAULTS } from './icon';
+export { ANIMATION_DEFAULT_PATH, ICON_DEFAULT_PATH, ICON_SIZE_CLASSES, ICON_DEFAULTS } from './icon';
 export type { TIconSizeClass, IPktIconBase, IIconSpecProps } from './icon';
 export { LAYOUT_DIRECTIONS } from './layout';
 export type { TLayout, TVerticalPosition, THorizontalPosition, TPosition, TPositionWithCenter, } from './layout';
@@ -38,6 +38,8 @@ export type { TBreadcrumbsNavigationType, IBreadcrumb, IBreadcrumbItem, IBreadcr
 export type { IRenderLink, TRenderLink } from './render-link';
 export type { IPktStringsProps } from '../shared-strings';
 export type { IHelptextProps, ITagOptionalRequiredProps, IFormFieldLabelProps, IFormFieldErrorProps, IFormFieldCommonProps, TFormFieldCommonSpecKeys, } from './form-field';
+export { COUNTER_POSITIONS, INPUT_WRAPPER_DEFAULTS } from './input-wrapper';
+export type { TPktCounterPosition, IPktInputWrapperBase, IInputWrapperSpecProps, } from './input-wrapper';
 export type { TTagSkin } from './skin';
 export { MESSAGEBOX_SKINS, MESSAGEBOX_DEFAULTS } from './messagebox';
 export type { TMessageboxSkin, IPktMessageboxBase, IMessageboxSpecProps } from './messagebox';

package/dist/shared-types/input-wrapper.d.ts

@@ -0,0 +1,59 @@
+/**
+ * input-wrapper.ts
+ *
+ * Type definitions for pkt-input-wrapper.
+ * Used by React, Elements, and typed component specs.
+ */
+import type { IFormFieldCommonProps } from './form-field';
+import type { TLayout } from './layout';
+import type { TPktInputSize } from './size';
+/**
+ * Counter placement relative to the wrapped field — shared runtime source for types, specs, and Preview.
+ */
+export declare const COUNTER_POSITIONS: readonly ['top', 'bottom'];
+export type TPktCounterPosition = (typeof COUNTER_POSITIONS)[number];
+/**
+ * Input wrapper props shared by React, Elements, and typed component specs.
+ *
+ * @remarks React requires `forId` and `label`, and widens `helptext`, `helptextDropdown` and
+ * `errorMessage` to `ReactNode`. Elements widens `helptext`, `helptextDropdown`,
+ * `helptextDropdownButton` and `role` to `| null` (Lit uses `null` for an unset attribute),
+ * and `useWrapper` to `Booleanish`.
+ */
+export interface IPktInputWrapperBase extends IFormFieldCommonProps<'forms' | 'validation'> {
+    forId?: string;
+    ariaDescribedby?: string;
+    counter?: boolean;
+    counterCurrent?: number;
+    counterMaxLength?: number;
+    counterPosition?: TPktCounterPosition;
+    inline?: boolean;
+    hasFieldset?: boolean;
+    layout?: TLayout;
+    useWrapper?: boolean;
+    role?: string;
+    size?: TPktInputSize;
+}
+/**
+ * Documented InputWrapper props (subset of `IPktInputWrapperBase`).
+ * Used for typed component specs in documentation.
+ */
+export type IInputWrapperSpecProps = Pick<IPktInputWrapperBase, 'forId' | 'label' | 'helptext' | 'helptextDropdown' | 'helptextDropdownButton' | 'ariaDescribedby' | 'counter' | 'counterCurrent' | 'counterMaxLength' | 'counterPosition' | 'optionalTag' | 'optionalText' | 'requiredTag' | 'requiredText' | 'tagText' | 'hasError' | 'errorMessage' | 'disabled' | 'inline' | 'hasFieldset' | 'layout' | 'useWrapper' | 'role' | 'size'>;
+/**
+ * Default values for pkt-input-wrapper. Single source of truth for both frameworks.
+ * `forId` is intentionally absent — each instance generates its own id when unset.
+ */
+export declare const INPUT_WRAPPER_DEFAULTS: {
+    readonly counter: false;
+    readonly counterCurrent: 0;
+    readonly counterPosition: 'bottom';
+    readonly optionalTag: false;
+    readonly requiredTag: false;
+    readonly hasError: false;
+    readonly disabled: false;
+    readonly inline: false;
+    readonly hasFieldset: false;
+    readonly layout: 'vertical';
+    readonly useWrapper: true;
+    readonly size: 'medium';
+};

package/dist/{tabs-R1Jzzj3-.cjs → tabs-B63J6MXb.cjs}

@@ -1,8 +1,8 @@
-const e=require("./element-C6WTyJFE.cjs"),t=require("./element-with-slot-CcJPCLgn.cjs"),n=require("./if-defined-CiML3MTM.cjs"),r=require("./consume-kEjgTrAp.cjs"),i=require("./provide-Cz18sYug.cjs"),a=require("./ref-CB7e9nMY.cjs");require("./tag-BMtnaJ1A.cjs");var o=r.n(Symbol(`pkt-tabs-context`)),s=class extends t.t{constructor(...e){super(...e),this.arrowNav=!0,this.disableArrowNav=!1,this.separatorIconName=``,this.separatorIconPath=``,this.tabRefs=[],this.disabledMap={},this.tabCount=0,this.context={useArrowNav:this.useArrowNav,registerTab:this.registerTab.bind(this),handleClick:this.handleClick.bind(this),handleKeyUp:this.handleKeyUp.bind(this)}}get useArrowNav(){return this.arrowNav&&!this.disableArrowNav}willUpdate(e){(e.has(`arrowNav`)||e.has(`disableArrowNav`))&&(this.context={...this.context,useArrowNav:this.useArrowNav})}updated(){this.updateComplete.then(()=>this.syncSeparators())}syncSeparators(){let e=this.querySelector(`.pkt-tabs__list`);if(!e||(e.querySelectorAll(`.pkt-tabs__separator`).forEach(e=>e.remove()),!(this.separatorIconName||this.separatorIconPath)))return;let t=Array.from(e.children).filter(e=>!e.classList.contains(`pkt-tabs__separator`));for(let e=0;e<t.length-1;e++){let n=document.createElement(`span`);if(n.className=`pkt-tabs__separator`,n.setAttribute(`aria-hidden`,`true`),n.setAttribute(`role`,`presentation`),this.separatorIconPath){let e=document.createElement(`img`);e.setAttribute(`src`,this.separatorIconPath),e.setAttribute(`alt`,``),e.setAttribute(`aria-hidden`,`true`),n.appendChild(e)}else if(this.separatorIconName){let e=document.createElement(`pkt-icon`);e.setAttribute(`name`,this.separatorIconName),e.classList.add(`pkt-tabs__separator-icon`),n.appendChild(e)}t[e].after(n)}}registerTab(e,t,n=!1){this.tabRefs[t]=e,this.disabledMap[t]=n,this.tabCount=Math.max(this.tabCount,t+1)}isTabDisabled(e){return!!this.disabledMap[e]}findEnabledIndex(e,t){let n=e+t;for(;n>=0&&n<this.tabCount;){if(!this.isTabDisabled(n))return n;n+=t}return null}handleClick(e){this.isTabDisabled(e)||this.dispatchEvent(new CustomEvent(`tab-selected`,{detail:{index:e},bubbles:!0,composed:!0}))}handleKeyUp(e,t){if(this.useArrowNav){if(e.key===`ArrowLeft`){e.preventDefault();let n=this.findEnabledIndex(t,-1);n!==null&&this.tabRefs[n]?.focus()}if(e.key===`ArrowRight`){e.preventDefault();let n=this.findEnabledIndex(t,1);n!==null&&this.tabRefs[n]?.focus()}(e.key===`Enter`||e.key===` `||e.key===`Spacebar`||e.key===`ArrowDown`)&&(e.preventDefault(),this.handleClick(t))}}render(){let n=this.useArrowNav?`tablist`:`navigation`,r=this.separatorIconName||this.separatorIconPath?`pkt-tabs pkt-tabs--with-separator`:`pkt-tabs`;return e._`
+const e=require("./element-C6WTyJFE.cjs"),t=require("./element-with-slot-DkyaNnm0.cjs"),n=require("./if-defined-CiML3MTM.cjs"),r=require("./consume-kEjgTrAp.cjs"),i=require("./provide-Cz18sYug.cjs"),a=require("./ref-CB7e9nMY.cjs");require("./tag-6IPe9bwQ.cjs");var o=r.n(Symbol(`pkt-tabs-context`)),s=class extends t.t{constructor(...e){super(...e),this.arrowNav=!0,this.disableArrowNav=!1,this.separatorIconName=``,this.separatorIconPath=``,this.tabRefs=[],this.disabledMap={},this.tabCount=0,this.context={useArrowNav:this.useArrowNav,registerTab:this.registerTab.bind(this),handleClick:this.handleClick.bind(this),handleKeyUp:this.handleKeyUp.bind(this)}}get useArrowNav(){return this.arrowNav&&!this.disableArrowNav}willUpdate(e){(e.has(`arrowNav`)||e.has(`disableArrowNav`))&&(this.context={...this.context,useArrowNav:this.useArrowNav})}updated(){this.updateComplete.then(()=>this.syncSeparators())}syncSeparators(){let e=this.querySelector(`.pkt-tabs__list`);if(!e||(e.querySelectorAll(`.pkt-tabs__separator`).forEach(e=>e.remove()),!(this.separatorIconName||this.separatorIconPath)))return;let t=Array.from(e.children).filter(e=>!e.classList.contains(`pkt-tabs__separator`));for(let e=0;e<t.length-1;e++){let n=document.createElement(`span`);if(n.className=`pkt-tabs__separator`,n.setAttribute(`aria-hidden`,`true`),n.setAttribute(`role`,`presentation`),this.separatorIconPath){let e=document.createElement(`img`);e.setAttribute(`src`,this.separatorIconPath),e.setAttribute(`alt`,``),e.setAttribute(`aria-hidden`,`true`),n.appendChild(e)}else if(this.separatorIconName){let e=document.createElement(`pkt-icon`);e.setAttribute(`name`,this.separatorIconName),e.classList.add(`pkt-tabs__separator-icon`),n.appendChild(e)}t[e].after(n)}}registerTab(e,t,n=!1){this.tabRefs[t]=e,this.disabledMap[t]=n,this.tabCount=Math.max(this.tabCount,t+1)}isTabDisabled(e){return!!this.disabledMap[e]}findEnabledIndex(e,t){let n=e+t;for(;n>=0&&n<this.tabCount;){if(!this.isTabDisabled(n))return n;n+=t}return null}handleClick(e){this.isTabDisabled(e)||this.dispatchEvent(new CustomEvent(`tab-selected`,{detail:{index:e},bubbles:!0,composed:!0}))}handleKeyUp(e,t){if(this.useArrowNav){if(e.key===`ArrowLeft`){e.preventDefault();let n=this.findEnabledIndex(t,-1);n!==null&&this.tabRefs[n]?.focus()}if(e.key===`ArrowRight`){e.preventDefault();let n=this.findEnabledIndex(t,1);n!==null&&this.tabRefs[n]?.focus()}(e.key===`Enter`||e.key===` `||e.key===`Spacebar`||e.key===`ArrowDown`)&&(e.preventDefault(),this.handleClick(t))}}render(){let n=this.useArrowNav?`tablist`:`navigation`,r=this.separatorIconName||this.separatorIconPath?`pkt-tabs pkt-tabs--with-separator`:`pkt-tabs`;return e._`
       <div class=${r}>
         <div class="pkt-tabs__list" role=${n}>${t.i(this)}</div>
       </div>
-    `}};e.n([e.u({type:Boolean,reflect:!0,attribute:`arrow-nav`})],s.prototype,`arrowNav`,void 0),e.n([e.u({type:Boolean,reflect:!0,attribute:`disable-arrow-nav`})],s.prototype,`disableArrowNav`,void 0),e.n([e.u({type:String,reflect:!0,attribute:`separator-icon-name`})],s.prototype,`separatorIconName`,void 0),e.n([e.u({type:String,reflect:!0,attribute:`separator-icon-path`})],s.prototype,`separatorIconPath`,void 0),e.n([e.l()],s.prototype,`tabRefs`,void 0),e.n([e.l()],s.prototype,`disabledMap`,void 0),e.n([e.l()],s.prototype,`tabCount`,void 0),e.n([i.t({context:o}),e.l()],s.prototype,`context`,void 0);try{e.d(`pkt-tabs`)(s)}catch{console.warn(`Forsøker å definere <pkt-tabs>, men den er allerede definert`)}var c=class extends t.t{constructor(){super(),this.active=!1,this.disabled=!1,this.href=``,this.icon=``,this.controls=``,this.tag=``,this.tagSkin=`blue`,this.index=0,this.elementRef=a.t()}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{this.elementRef.value&&this.context&&this.context.registerTab(this.elementRef.value,this.index,this.disabled)})}updated(){this.elementRef.value&&this.context&&this.context.registerTab(this.elementRef.value,this.index,this.disabled)}handleClick(e){if(this.disabled){e.preventDefault(),e.stopPropagation();return}this.context&&this.context.handleClick(this.index)}handleKeyDown(e){if(this.disabled&&(e.key===`Enter`||e.key===` `||e.key===`Spacebar`)){e.preventDefault(),e.stopPropagation();return}this.context&&this.context.handleKeyUp(e,this.index)}render(){let r=this.context?.useArrowNav??!0,i=this.active&&!this.disabled,o=[i?`active`:``,this.disabled?`pkt-tabs__item--disabled`:``].filter(Boolean).join(` `),s=r?`tab`:void 0,c=r?i:void 0,l=this.disabled?-1:i||!r?void 0:-1,u=`pkt-icon--small ${this.icon===`check`?`pkt-tabs__status-icon`:``}`,d=e._`
+    `}};e.n([e.u({type:Boolean,reflect:!0,attribute:`arrow-nav`})],s.prototype,`arrowNav`,void 0),e.n([e.u({type:Boolean,reflect:!0,attribute:`disable-arrow-nav`})],s.prototype,`disableArrowNav`,void 0),e.n([e.u({type:String,reflect:!0,attribute:`separator-icon-name`})],s.prototype,`separatorIconName`,void 0),e.n([e.u({type:String,reflect:!0,attribute:`separator-icon-path`})],s.prototype,`separatorIconPath`,void 0),e.n([e.l()],s.prototype,`tabRefs`,void 0),e.n([e.l()],s.prototype,`disabledMap`,void 0),e.n([e.l()],s.prototype,`tabCount`,void 0),e.n([i.t({context:o}),e.l()],s.prototype,`context`,void 0);try{e.d(`pkt-tabs`)(s)}catch{console.warn(`Forsøker å definere <pkt-tabs>, men den er allerede definert`)}var c=class extends t.t{constructor(){super(),this.active=!1,this.disabled=!1,this.href=``,this.icon=``,this.controls=``,this.tag=``,this.tagSkin=`blue`,this.index=0,this.elementRef=a.t()}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{this.elementRef.value&&this.context&&this.context.registerTab(this.elementRef.value,this.index,this.disabled)})}updated(){this.elementRef.value&&this.context&&this.context.registerTab(this.elementRef.value,this.index,this.disabled)}handleClick(e){this.disabled?(e.preventDefault(),e.stopPropagation()):this.context&&this.context.handleClick(this.index)}handleKeyDown(e){this.disabled&&(e.key===`Enter`||e.key===` `||e.key===`Spacebar`)?(e.preventDefault(),e.stopPropagation()):this.context&&this.context.handleKeyUp(e,this.index)}render(){let r=this.context?.useArrowNav??!0,i=this.active&&!this.disabled,o=[i?`active`:``,this.disabled?`pkt-tabs__item--disabled`:``].filter(Boolean).join(` `),s=r?`tab`:void 0,c=r?i:void 0,l=this.disabled?-1:i||!r?void 0:-1,u=`pkt-icon--small ${this.icon===`check`?`pkt-tabs__status-icon`:``}`,d=e._`
       ${this.icon?e._`<pkt-icon name=${this.icon} class=${u}></pkt-icon>`:``}
       <span>${t.i(this)}</span>
       ${this.tag?e._`<pkt-tag skin=${this.tagSkin} size="small">${this.tag}</pkt-tag>`:``}

package/dist/{tabs-DBW3P90Z.js → tabs-DDakCTkY.js}

@@ -1,10 +1,10 @@
-import { _ as e, d as t, l as n, n as r, u as i } from "./element-DBugHPKM.js";
-import { i as a, t as o } from "./element-with-slot-CVmm0_IE.js";
-import { t as s } from "./if-defined-O59_I-e-.js";
+import { _ as e, d as t, l as n, n as r, u as i } from "./element-ckeMVgMz.js";
+import { i as a, t as o } from "./element-with-slot-C0bH0T0H.js";
+import { t as s } from "./if-defined-D18nY_K_.js";
 import { n as c, t as l } from "./consume-Bp12si68.js";
 import { t as u } from "./provide-_MnlMGnw.js";
-import { n as d, t as f } from "./ref-y_5qv9vU.js";
-import "./tag-uVXp7uP-.js";
+import { n as d, t as f } from "./ref-D4OwQYdf.js";
+import "./tag-BPvGZcKf.js";
 //#region src/components/tabs/tabs-context.ts
 var p = c(Symbol("pkt-tabs-context")), m = class extends o {
 	constructor(...e) {
@@ -125,18 +125,10 @@ var h = class extends o {
 		this.elementRef.value && this.context && this.context.registerTab(this.elementRef.value, this.index, this.disabled);
 	}
 	handleClick(e) {
-		if (this.disabled) {
-			e.preventDefault(), e.stopPropagation();
-			return;
-		}
-		this.context && this.context.handleClick(this.index);
+		this.disabled ? (e.preventDefault(), e.stopPropagation()) : this.context && this.context.handleClick(this.index);
 	}
 	handleKeyDown(e) {
-		if (this.disabled && (e.key === "Enter" || e.key === " " || e.key === "Spacebar")) {
-			e.preventDefault(), e.stopPropagation();
-			return;
-		}
-		this.context && this.context.handleKeyUp(e, this.index);
+		this.disabled && (e.key === "Enter" || e.key === " " || e.key === "Spacebar") ? (e.preventDefault(), e.stopPropagation()) : this.context && this.context.handleKeyUp(e, this.index);
 	}
 	render() {
 		let t = this.context?.useArrowNav ?? !0, n = this.active && !this.disabled, r = [n ? "active" : "", this.disabled ? "pkt-tabs__item--disabled" : ""].filter(Boolean).join(" "), i = t ? "tab" : void 0, o = t ? n : void 0, c = this.disabled ? -1 : n || !t ? void 0 : -1, l = `pkt-icon--small ${this.icon === "check" ? "pkt-tabs__status-icon" : ""}`, u = e`

package/dist/{tag-BMtnaJ1A.cjs → tag-6IPe9bwQ.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./format-B8meU8Tm.cjs"),r=require("./element-with-slot-CcJPCLgn.cjs");require("./icon-jPhyZD1z.cjs");const i=require("./if-defined-CiML3MTM.cjs");var a={name:`pkt-tag`,react:`PktTag`,"css-class":`pkt-tag`,isElement:!0,"dark-mode":!0,props:{size:{name:`Størrelse`,description:`Størrelsen på taggen`,required:!1,default:`medium`,type:[`small`,`medium`,`large`],category:`ui`},iconName:{name:`Ikon`,description:`Navnet på ikonet som skal vises i taggen`,type:`icon`,required:!1,category:`ui`},skin:{name:`Utseende`,description:`Utseendet til taggen`,required:!1,default:`blue`,type:[`blue`,`blue-light`,`blue-dark`,`green`,`red`,`beige`,`yellow`,`gray`],category:`ui`},closeTag:{name:`Lukk tag`,description:`Skal taggen ha en lukkeknapp?`,type:`boolean`,required:!1,default:!1,category:`ui`},textStyle:{name:`Tekststil`,description:`Stilen på teksten i taggen`,required:!1,default:`normal-text`,type:[`thin-text`,`normal-text`],category:`ui`},type:{name:`Type, dersom lukkeknapp`,description:`Type tag, brukes for å spesifisere om det er en knapp, submit eller reset`,required:!1,default:`button`,type:[`button`,`submit`,`reset`],category:`tech`},ariaLabel:{name:`aria-label`,description:`aria-label for taggen, brukes for tilgjengelighet`,type:`string`,required:!1,category:`accessibility`}},slots:{default:{description:`Teksten til tag`}}},o=class extends r.t{constructor(){super(),this.closeTag=a.props.closeTag.default,this.size=a.props.size.default,this.skin=a.props.skin.default,this.textStyle=null,this.iconName=void 0,this.type=a.props.type.default,this.ariaLabel=null,this.buttonTabindex=void 0,this._isClosed=!1,this._ariaDescription=null,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent(`close`,{detail:{origin:e},bubbles:!1,composed:!0})),this.dispatchEvent(new CustomEvent(`on-close`,{detail:{origin:e},bubbles:!1,composed:!0}))},this._isClosed=!1}willUpdate(e){if(super.willUpdate(e),this.closeTag&&!this.ariaLabel){let e=r.r(this).getNodes().map(e=>e.textContent??``).join(``).trim();e&&(this._ariaDescription=n.t(this.pktStrings.get(`tag`).remove,{label:e}))}}render(){let n={"pkt-tag":!0,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,[`pkt-tag--${this.textStyle}`]:!!this.textStyle},a={"pkt-tag":!0,[`pkt-tag--${this.textStyle}`]:!!this.textStyle,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,"pkt-hide":this._isClosed};return this.closeTag?e._`
+const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./format-B8meU8Tm.cjs"),r=require("./element-with-slot-DkyaNnm0.cjs");require("./icon-jPhyZD1z.cjs");const i=require("./if-defined-CiML3MTM.cjs");var a={name:`pkt-tag`,react:`PktTag`,"css-class":`pkt-tag`,isElement:!0,"dark-mode":!0,props:{size:{name:`Størrelse`,description:`Størrelsen på taggen`,required:!1,default:`medium`,type:[`small`,`medium`,`large`],category:`ui`},iconName:{name:`Ikon`,description:`Navnet på ikonet som skal vises i taggen`,type:`icon`,required:!1,category:`ui`},skin:{name:`Utseende`,description:`Utseendet til taggen`,required:!1,default:`blue`,type:[`blue`,`blue-light`,`blue-dark`,`green`,`red`,`beige`,`yellow`,`gray`],category:`ui`},closeTag:{name:`Lukk tag`,description:`Skal taggen ha en lukkeknapp?`,type:`boolean`,required:!1,default:!1,category:`ui`},textStyle:{name:`Tekststil`,description:`Stilen på teksten i taggen`,required:!1,default:`normal-text`,type:[`thin-text`,`normal-text`],category:`ui`},type:{name:`Type, dersom lukkeknapp`,description:`Type tag, brukes for å spesifisere om det er en knapp, submit eller reset`,required:!1,default:`button`,type:[`button`,`submit`,`reset`],category:`tech`},ariaLabel:{name:`aria-label`,description:`aria-label for taggen, brukes for tilgjengelighet`,type:`string`,required:!1,category:`accessibility`}},slots:{default:{description:`Teksten til tag`}}},o=class extends r.t{constructor(){super(),this.closeTag=a.props.closeTag.default,this.size=a.props.size.default,this.skin=a.props.skin.default,this.textStyle=null,this.iconName=void 0,this.type=a.props.type.default,this.ariaLabel=null,this.buttonTabindex=void 0,this._isClosed=!1,this._ariaDescription=null,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent(`close`,{detail:{origin:e},bubbles:!1,composed:!0})),this.dispatchEvent(new CustomEvent(`on-close`,{detail:{origin:e},bubbles:!1,composed:!0}))},this._isClosed=!1}willUpdate(e){if(super.willUpdate(e),this.closeTag&&!this.ariaLabel){let e=r.r(this).getNodes().map(e=>e.textContent??``).join(``).trim();e&&(this._ariaDescription=n.t(this.pktStrings.get(`tag`).remove,{label:e}))}}render(){let n={"pkt-tag":!0,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,[`pkt-tag--${this.textStyle}`]:!!this.textStyle},a={"pkt-tag":!0,[`pkt-tag--${this.textStyle}`]:!!this.textStyle,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,"pkt-hide":this._isClosed};return this.closeTag?e._`
         <button
           class=${t.t(a)}
           type=${this.type}

package/dist/{tag-uVXp7uP-.js → tag-BPvGZcKf.js}

@@ -1,9 +1,9 @@
-import { _ as e, d as t, l as n, n as r, u as i } from "./element-DBugHPKM.js";
-import { t as a } from "./class-map-Bf-QzUpN.js";
+import { _ as e, d as t, l as n, n as r, u as i } from "./element-ckeMVgMz.js";
+import { t as a } from "./class-map-BkEYw5uE.js";
 import { t as o } from "./format-BTeSVkED.js";
-import { i as s, r as c, t as l } from "./element-with-slot-CVmm0_IE.js";
-import "./icon-Bao96Zb8.js";
-import { t as u } from "./if-defined-O59_I-e-.js";
+import { i as s, r as c, t as l } from "./element-with-slot-C0bH0T0H.js";
+import "./icon-CLMJYuTL.js";
+import { t as u } from "./if-defined-D18nY_K_.js";
 var d = {
 	name: "pkt-tag",
 	react: "PktTag",

package/dist/{textarea-DB7FMtTf.js → textarea-BZCUHjEj.js}

@@ -1,12 +1,12 @@
-import { _ as e, d as t, f as n, g as r, h as i, l as a, m as o, n as s, p as c, u as l } from "./element-DBugHPKM.js";
-import { t as u } from "./class-map-Bf-QzUpN.js";
-import { i as d, r as f } from "./directive-helpers-CwxFepWh.js";
-import { n as p } from "./element-with-slot-CVmm0_IE.js";
-import "./icon-Bao96Zb8.js";
-import { t as m } from "./if-defined-O59_I-e-.js";
-import { n as h, t as g } from "./ref-y_5qv9vU.js";
-import { t as _ } from "./input-element-mTphzs9b.js";
-import { r as v } from "./input-wrapper-xRJo_iVf.js";
+import { _ as e, d as t, f as n, g as r, h as i, l as a, m as o, n as s, p as c, u as l } from "./element-ckeMVgMz.js";
+import { t as u } from "./class-map-BkEYw5uE.js";
+import { i as d, r as f } from "./directive-helpers-BAinC437.js";
+import { n as p } from "./element-with-slot-C0bH0T0H.js";
+import "./icon-CLMJYuTL.js";
+import { r as m } from "./input-wrapper-BSjQc4Vx.js";
+import { t as h } from "./if-defined-D18nY_K_.js";
+import { n as g, t as _ } from "./ref-D4OwQYdf.js";
+import { t as v } from "./input-element-0yYtRu0p.js";
 //#region ../../node_modules/lit-html/directives/live.js
 var y = n(class extends c {
 	constructor(e) {
@@ -26,9 +26,9 @@ var y = n(class extends c {
 		} else if (e.type === o.ATTRIBUTE && n.getAttribute(a) === t + "") return r;
 		return f(e), t;
 	}
-}), b = class extends _ {
+}), b = class extends v {
 	constructor(...e) {
-		super(...e), this.inputRef = g(), this.value = "", this.autocomplete = "off", this.rows = null, this.cols = null, this.counterCurrent = 0;
+		super(...e), this.inputRef = _(), this.value = "", this.autocomplete = "off", this.rows = null, this.cols = null, this.counterCurrent = 0;
 	}
 	attributeChangedCallback(e, t, n) {
 		e === "value" && this.value !== t && (this.counterCurrent = n ? n.length : 0), super.attributeChangedCallback(e, t, n);
@@ -73,27 +73,27 @@ var y = n(class extends c {
       .size=${this.inputSize}
     >
       <textarea
-        ${h(this.inputRef)}
+        ${g(this.inputRef)}
         class=${n}
         id=${this.id + "-input"}
         name=${(this.name || this.id) + "-input"}
-        placeholder=${m(this.placeholder)}
+        placeholder=${h(this.placeholder)}
         .value=${y(this.value)}
-        minlength=${m(this.minlength)}
-        maxlength=${m(this.maxlength)}
+        minlength=${h(this.minlength)}
+        maxlength=${h(this.maxlength)}
         ?readonly=${this.readonly}
         autocomplete=${this.autocomplete}
         aria-labelledby=${r}
         aria-invalid=${this.hasError}
-        aria-errormessage=${m(this.hasError ? `${this.id}-input-error` : void 0)}
-        aria-describedby=${m(v({
+        aria-errormessage=${h(this.hasError ? `${this.id}-input-error` : void 0)}
+        aria-describedby=${h(m({
 			id: this.id + "-input",
 			hasHelptext: !!this.helptext || this.hasSlotContent("helptext"),
 			hasCounter: t,
 			ariaDescribedby: this.ariaDescribedby
 		}))}
-        rows=${m(this.rows ?? void 0)}
-        cols=${m(this.cols ?? void 0)}
+        rows=${h(this.rows ?? void 0)}
+        cols=${h(this.cols ?? void 0)}
         ?disabled=${this.isDisabled}
         @input=${(e) => {
 			this.value = e.target.value, this.onInput(), e.stopImmediatePropagation();

package/dist/{textarea-D9RWiR6u.cjs → textarea-BiCZBjOe.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./directive-helpers-Bv70GjQh.cjs"),r=require("./element-with-slot-CcJPCLgn.cjs");require("./icon-jPhyZD1z.cjs");const i=require("./if-defined-CiML3MTM.cjs"),a=require("./ref-CB7e9nMY.cjs"),o=require("./input-element-BjnKPikY.cjs"),s=require("./input-wrapper-BEmV0DGo.cjs");var c=e.f(class extends e.p{constructor(t){if(super(t),t.type!==e.m.PROPERTY&&t.type!==e.m.ATTRIBUTE&&t.type!==e.m.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!n.i(t))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(t,[r]){if(r===e.g||r===e.h)return r;let i=t.element,a=t.name;if(t.type===e.m.PROPERTY){if(r===i[a])return e.g}else if(t.type===e.m.BOOLEAN_ATTRIBUTE){if(!!r===i.hasAttribute(a))return e.g}else if(t.type===e.m.ATTRIBUTE&&i.getAttribute(a)===r+``)return e.g;return n.r(t),r}}),l=class extends o.t{constructor(...e){super(...e),this.inputRef=a.t(),this.value=``,this.autocomplete=`off`,this.rows=null,this.cols=null,this.counterCurrent=0}attributeChangedCallback(e,t,n){e===`value`&&this.value!==t&&(this.counterCurrent=n?n.length:0),super.attributeChangedCallback(e,t,n)}willUpdate(e){super.willUpdate(e),e.has(`value`)&&(this.counterCurrent=this.value?.length||0),e.has(`id`)&&!this.name&&this.id&&(this.name=this.id)}updated(e){super.updated(e),this.classList.add(`pkt-textinput`,`pkt-textarea`),e.has(`value`)&&this.valueChanged(this.value,e.get(`value`))}render(){let n=this.effectiveCounter(this.counterMaxLength>0),o=t.t({"pkt-input":!0,[`pkt-input--${this.inputSize}`]:!0,"pkt-input--fullwidth":this.fullwidth,"pkt-input--counter-error":n&&this.counterMaxLength>0&&this.value.length>this.counterMaxLength}),l=this.ariaLabelledby||`${this.id}-input-label`;return e._`<pkt-input-wrapper
+const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./directive-helpers-Bv70GjQh.cjs"),r=require("./element-with-slot-DkyaNnm0.cjs");require("./icon-jPhyZD1z.cjs");const i=require("./input-wrapper-4PTk8aX3.cjs"),a=require("./if-defined-CiML3MTM.cjs"),o=require("./ref-CB7e9nMY.cjs"),s=require("./input-element-BOi7rBbw.cjs");var c=e.f(class extends e.p{constructor(t){if(super(t),t.type!==e.m.PROPERTY&&t.type!==e.m.ATTRIBUTE&&t.type!==e.m.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!n.i(t))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(t,[r]){if(r===e.g||r===e.h)return r;let i=t.element,a=t.name;if(t.type===e.m.PROPERTY){if(r===i[a])return e.g}else if(t.type===e.m.BOOLEAN_ATTRIBUTE){if(!!r===i.hasAttribute(a))return e.g}else if(t.type===e.m.ATTRIBUTE&&i.getAttribute(a)===r+``)return e.g;return n.r(t),r}}),l=class extends s.t{constructor(...e){super(...e),this.inputRef=o.t(),this.value=``,this.autocomplete=`off`,this.rows=null,this.cols=null,this.counterCurrent=0}attributeChangedCallback(e,t,n){e===`value`&&this.value!==t&&(this.counterCurrent=n?n.length:0),super.attributeChangedCallback(e,t,n)}willUpdate(e){super.willUpdate(e),e.has(`value`)&&(this.counterCurrent=this.value?.length||0),e.has(`id`)&&!this.name&&this.id&&(this.name=this.id)}updated(e){super.updated(e),this.classList.add(`pkt-textinput`,`pkt-textarea`),e.has(`value`)&&this.valueChanged(this.value,e.get(`value`))}render(){let n=this.effectiveCounter(this.counterMaxLength>0),s=t.t({"pkt-input":!0,[`pkt-input--${this.inputSize}`]:!0,"pkt-input--fullwidth":this.fullwidth,"pkt-input--counter-error":n&&this.counterMaxLength>0&&this.value.length>this.counterMaxLength}),l=this.ariaLabelledby||`${this.id}-input-label`;return e._`<pkt-input-wrapper
       ${r.n(this,[`helptext`])}
       .strings=${this.strings}
       label=${this.label}
@@ -25,22 +25,22 @@ const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),
       .size=${this.inputSize}
     >
       <textarea
-        ${a.n(this.inputRef)}
-        class=${o}
+        ${o.n(this.inputRef)}
+        class=${s}
         id=${this.id+`-input`}
         name=${(this.name||this.id)+`-input`}
-        placeholder=${i.t(this.placeholder)}
+        placeholder=${a.t(this.placeholder)}
         .value=${c(this.value)}
-        minlength=${i.t(this.minlength)}
-        maxlength=${i.t(this.maxlength)}
+        minlength=${a.t(this.minlength)}
+        maxlength=${a.t(this.maxlength)}
         ?readonly=${this.readonly}
         autocomplete=${this.autocomplete}
         aria-labelledby=${l}
         aria-invalid=${this.hasError}
-        aria-errormessage=${i.t(this.hasError?`${this.id}-input-error`:void 0)}
-        aria-describedby=${i.t(s.r({id:this.id+`-input`,hasHelptext:!!this.helptext||this.hasSlotContent(`helptext`),hasCounter:n,ariaDescribedby:this.ariaDescribedby}))}
-        rows=${i.t(this.rows??void 0)}
-        cols=${i.t(this.cols??void 0)}
+        aria-errormessage=${a.t(this.hasError?`${this.id}-input-error`:void 0)}
+        aria-describedby=${a.t(i.r({id:this.id+`-input`,hasHelptext:!!this.helptext||this.hasSlotContent(`helptext`),hasCounter:n,ariaDescribedby:this.ariaDescribedby}))}
+        rows=${a.t(this.rows??void 0)}
+        cols=${a.t(this.cols??void 0)}
         ?disabled=${this.isDisabled}
         @input=${e=>{this.value=e.target.value,this.onInput(),e.stopImmediatePropagation()}}
         @change=${e=>{e.stopImmediatePropagation()}}

package/dist/{textinput-l31MdBd4.cjs → textinput-BZPGcxZV.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./element-with-slot-CcJPCLgn.cjs");require("./icon-jPhyZD1z.cjs");const r=require("./if-defined-CiML3MTM.cjs"),i=require("./ref-CB7e9nMY.cjs"),a=require("./input-element-BjnKPikY.cjs"),o=require("./input-wrapper-BEmV0DGo.cjs");var s=class extends a.t{constructor(...e){super(...e),this.inputRef=i.t(),this.value=``,this.type=`text`,this.size=null,this.autocomplete=null,this.iconNameRight=null,this.prefix=null,this.suffix=null,this.omitSearchIcon=!1,this.counterCurrent=0}attributeChangedCallback(e,t,n){e===`value`&&this.value!==t&&(this.counterCurrent=n?n.length:0),super.attributeChangedCallback(e,t,n)}willUpdate(e){super.willUpdate(e),e.has(`value`)&&(this.counterCurrent=this.value?.length||0),e.has(`id`)&&!this.name&&this.id&&(this.name=this.id)}updated(e){super.updated(e),this.classList.add(`pkt-textinput`),e.has(`value`)&&this.valueChanged(this.value,e.get(`value`))}render(){let a=this.type===`search`&&!this.iconNameRight&&!this.omitSearchIcon,s=this.effectiveCounter(this.counterMaxLength>0),c=t.t({"pkt-input":!0,[`pkt-input--${this.inputSize}`]:!0,"pkt-input--fullwidth":this.fullwidth,"pkt-input--counter-error":s&&this.counterMaxLength>0&&this.value.length>this.counterMaxLength}),l=this.ariaLabelledby||`${this.id}-input-label`;return e._`
+const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./element-with-slot-DkyaNnm0.cjs");require("./icon-jPhyZD1z.cjs");const r=require("./input-wrapper-4PTk8aX3.cjs"),i=require("./if-defined-CiML3MTM.cjs"),a=require("./ref-CB7e9nMY.cjs"),o=require("./input-element-BOi7rBbw.cjs");var s=class extends o.t{constructor(...e){super(...e),this.inputRef=a.t(),this.value=``,this.type=`text`,this.size=null,this.autocomplete=null,this.iconNameRight=null,this.prefix=null,this.suffix=null,this.omitSearchIcon=!1,this.counterCurrent=0}attributeChangedCallback(e,t,n){e===`value`&&this.value!==t&&(this.counterCurrent=n?n.length:0),super.attributeChangedCallback(e,t,n)}willUpdate(e){super.willUpdate(e),e.has(`value`)&&(this.counterCurrent=this.value?.length||0),e.has(`id`)&&!this.name&&this.id&&(this.name=this.id)}updated(e){super.updated(e),this.classList.add(`pkt-textinput`),e.has(`value`)&&this.valueChanged(this.value,e.get(`value`))}render(){let o=this.type===`search`&&!this.iconNameRight&&!this.omitSearchIcon,s=this.effectiveCounter(this.counterMaxLength>0),c=t.t({"pkt-input":!0,[`pkt-input--${this.inputSize}`]:!0,"pkt-input--fullwidth":this.fullwidth,"pkt-input--counter-error":s&&this.counterMaxLength>0&&this.value.length>this.counterMaxLength}),l=this.ariaLabelledby||`${this.id}-input-label`;return e._`
       <pkt-input-wrapper
         ${n.n(this,[`helptext`])}
         .strings=${this.strings}
@@ -28,26 +28,26 @@ const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),
         <div class=${`pkt-input__container pkt-input__container--${this.inputSize}`}>
           ${this.prefix?e._`<div class="pkt-input-prefix">${this.prefix}</div>`:e.h}
           <input
-            ${i.n(this.inputRef)}
+            ${a.n(this.inputRef)}
             class=${c}
             type=${this.type}
             name=${(this.name||this.id)+`-input`}
             id=${this.id+`-input`}
-            placeholder=${r.t(this.placeholder)}
+            placeholder=${i.t(this.placeholder)}
             aria-labelledby=${l}
             autocomplete=${this.autocomplete||`off`}
-            minlength=${r.t(this.minlength||void 0)}
-            maxlength=${r.t(this.maxlength||void 0)}
-            min=${r.t(this.min||void 0)}
-            max=${r.t(this.max||void 0)}
-            step=${r.t(this.step||void 0)}
+            minlength=${i.t(this.minlength||void 0)}
+            maxlength=${i.t(this.maxlength||void 0)}
+            min=${i.t(this.min||void 0)}
+            max=${i.t(this.max||void 0)}
+            step=${i.t(this.step||void 0)}
             ?readonly=${this.readonly}
             size=${this.size||e.h}
             .value=${this.value}
             ?disabled=${this.isDisabled}
             aria-invalid=${this.hasError}
-            aria-errormessage=${r.t(this.hasError?`${this.id}-input-error`:void 0)}
-            aria-describedby=${r.t(o.r({id:this.id+`-input`,hasHelptext:!!this.helptext||this.hasSlotContent(`helptext`),hasCounter:s,ariaDescribedby:this.ariaDescribedby}))}
+            aria-errormessage=${i.t(this.hasError?`${this.id}-input-error`:void 0)}
+            aria-describedby=${i.t(r.r({id:this.id+`-input`,hasHelptext:!!this.helptext||this.hasSlotContent(`helptext`),hasCounter:s,ariaDescribedby:this.ariaDescribedby}))}
             @input=${e=>{this.value=e.target.value,this.onInput(),e.stopImmediatePropagation()}}
             @change=${e=>{e.stopImmediatePropagation()}}
             @focus=${e=>{this.onFocus(),e.stopImmediatePropagation()}}
@@ -60,13 +60,13 @@ const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),
                       class="pkt-input-suffix-icon"
                       name=${this.iconNameRight}
                     ></pkt-icon>`:e.h}
-                ${a?e._`<pkt-icon
+                ${o?e._`<pkt-icon
                       class="pkt-input-suffix-icon"
                       name="magnifying-glass-big"
                     ></pkt-icon>`:e.h}
               </div>`:e.h}
           ${!this.suffix&&this.iconNameRight?e._`<pkt-icon class="pkt-input-icon" name=${this.iconNameRight}></pkt-icon>`:e.h}
-          ${!this.suffix&&a?e._`<pkt-icon class="pkt-input-icon" name="magnifying-glass-big"></pkt-icon>`:e.h}
+          ${!this.suffix&&o?e._`<pkt-icon class="pkt-input-icon" name="magnifying-glass-big"></pkt-icon>`:e.h}
         </div>
       </pkt-input-wrapper>
     `}};e.n([e.u({type:String,reflect:!0})],s.prototype,`value`,void 0),e.n([e.u({type:String})],s.prototype,`type`,void 0),e.n([e.u({type:Number})],s.prototype,`size`,void 0),e.n([e.u({type:String})],s.prototype,`autocomplete`,void 0),e.n([e.u({type:String})],s.prototype,`iconNameRight`,void 0),e.n([e.u({type:String})],s.prototype,`prefix`,void 0),e.n([e.u({type:String})],s.prototype,`suffix`,void 0),e.n([e.u({type:Boolean})],s.prototype,`omitSearchIcon`,void 0),e.n([e.l()],s.prototype,`counterCurrent`,void 0);try{e.d(`pkt-textinput`)(s)}catch{console.warn(`Forsøker å definere <pkt-textinput>, men den er allerede definert`)}var c=s;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});

package/dist/{textinput-Djl_yr1D.js → textinput-D_oEaI41.js}

@@ -1,15 +1,15 @@
-import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-DBugHPKM.js";
-import { t as o } from "./class-map-Bf-QzUpN.js";
-import { n as s } from "./element-with-slot-CVmm0_IE.js";
-import "./icon-Bao96Zb8.js";
-import { t as c } from "./if-defined-O59_I-e-.js";
-import { n as l, t as u } from "./ref-y_5qv9vU.js";
-import { t as d } from "./input-element-mTphzs9b.js";
-import { r as f } from "./input-wrapper-xRJo_iVf.js";
+import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-ckeMVgMz.js";
+import { t as o } from "./class-map-BkEYw5uE.js";
+import { n as s } from "./element-with-slot-C0bH0T0H.js";
+import "./icon-CLMJYuTL.js";
+import { r as c } from "./input-wrapper-BSjQc4Vx.js";
+import { t as l } from "./if-defined-D18nY_K_.js";
+import { n as u, t as d } from "./ref-D4OwQYdf.js";
+import { t as f } from "./input-element-0yYtRu0p.js";
 //#region src/components/textinput/textinput.ts
-var p = class extends d {
+var p = class extends f {
 	constructor(...e) {
-		super(...e), this.inputRef = u(), this.value = "", this.type = "text", this.size = null, this.autocomplete = null, this.iconNameRight = null, this.prefix = null, this.suffix = null, this.omitSearchIcon = !1, this.counterCurrent = 0;
+		super(...e), this.inputRef = d(), this.value = "", this.type = "text", this.size = null, this.autocomplete = null, this.iconNameRight = null, this.prefix = null, this.suffix = null, this.omitSearchIcon = !1, this.counterCurrent = 0;
 	}
 	attributeChangedCallback(e, t, n) {
 		e === "value" && this.value !== t && (this.counterCurrent = n ? n.length : 0), super.attributeChangedCallback(e, t, n);
@@ -57,26 +57,26 @@ var p = class extends d {
         <div class=${`pkt-input__container pkt-input__container--${this.inputSize}`}>
           ${this.prefix ? e`<div class="pkt-input-prefix">${this.prefix}</div>` : n}
           <input
-            ${l(this.inputRef)}
+            ${u(this.inputRef)}
             class=${i}
             type=${this.type}
             name=${(this.name || this.id) + "-input"}
             id=${this.id + "-input"}
-            placeholder=${c(this.placeholder)}
+            placeholder=${l(this.placeholder)}
             aria-labelledby=${a}
             autocomplete=${this.autocomplete || "off"}
-            minlength=${c(this.minlength || void 0)}
-            maxlength=${c(this.maxlength || void 0)}
-            min=${c(this.min || void 0)}
-            max=${c(this.max || void 0)}
-            step=${c(this.step || void 0)}
+            minlength=${l(this.minlength || void 0)}
+            maxlength=${l(this.maxlength || void 0)}
+            min=${l(this.min || void 0)}
+            max=${l(this.max || void 0)}
+            step=${l(this.step || void 0)}
             ?readonly=${this.readonly}
             size=${this.size || n}
             .value=${this.value}
             ?disabled=${this.isDisabled}
             aria-invalid=${this.hasError}
-            aria-errormessage=${c(this.hasError ? `${this.id}-input-error` : void 0)}
-            aria-describedby=${c(f({
+            aria-errormessage=${l(this.hasError ? `${this.id}-input-error` : void 0)}
+            aria-describedby=${l(c({
 			id: this.id + "-input",
 			hasHelptext: !!this.helptext || this.hasSlotContent("helptext"),
 			hasCounter: r,