@oslokommune/punkt-elements 17.0.9 → 17.1.2

package/dist/{radiobutton-DjWBoSHv.cjs → radiobutton-DpsO1F-8.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-DJzurxgt.cjs"),t=require("./class-map-CCZN5uS3.cjs"),n=require("./ref-DO7TzO4O.cjs"),r=require("./input-element-B0qLbEdF.cjs");var i=class extends r.t{constructor(...e){super(...e),this.inputRef=n.t(),this.value=``,this.checkHelptext=null,this.defaultChecked=!1,this.hasTile=!1,this.checked=null,this.type=`radio`,this.tagText=null,this.optionalTag=!1,this.optionalText=`Valgfritt`,this.requiredTag=!1,this.requiredText=`Må fylles ut`,this._checked=!1}connectedCallback(){super.connectedCallback()}attributeChangedCallback(e,t,n){e===`defaultChecked`&&(this._checked=this.defaultChecked),e===`checked`&&(this._checked=this.checked===``||this.checked===`true`||this.checked===!0),super.attributeChangedCallback(e,t,n)}render(){let r=t.t({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),i=t.t({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError}),a=t.t({"pkt-input-check__input-label":!0,"pkt-input-check__input-label--disabled":this.disabled,"pkt-sr-only":this.hideLabel});return e.p`
+const e=require("./element-BA8v6S7z.cjs"),t=require("./class-map-BeimMvPv.cjs"),n=require("./ref-CQoEIIp0.cjs"),r=require("./input-element-DYmQw-fH.cjs");var i=class extends r.t{constructor(...e){super(...e),this.inputRef=n.t(),this.value=``,this.checkHelptext=null,this.defaultChecked=!1,this.hasTile=!1,this.checked=null,this.type=`radio`,this.tagText=null,this.optionalTag=!1,this.optionalText=`Valgfritt`,this.requiredTag=!1,this.requiredText=`Må fylles ut`,this._checked=!1}connectedCallback(){super.connectedCallback()}attributeChangedCallback(e,t,n){e===`defaultChecked`&&(this._checked=this.defaultChecked),e===`checked`&&(this._checked=this.checked===``||this.checked===`true`||this.checked===!0),super.attributeChangedCallback(e,t,n)}render(){let r=t.t({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),i=t.t({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError}),a=t.t({"pkt-input-check__input-label":!0,"pkt-input-check__input-label--disabled":this.disabled,"pkt-sr-only":this.hideLabel}),o=`pkt-tag pkt-tag--small pkt-tag--thin-text`;return e.p`
       <div class="pkt-input-check">
         <div class=${r}>
           <input
@@ -19,9 +19,9 @@ const e=require("./element-DJzurxgt.cjs"),t=require("./class-map-CCZN5uS3.cjs"),
           ${e.p`
         <label class=${a} for=${this.id+`-internal`}>
           ${this.label} ${e.p`
-        ${this.tagText?e.p`<span class=${`pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--gray`}>${this.tagText}</span>`:e.d}
-        ${this.optionalTag?e.p`<span class=${`pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--blue-light`}>${this.optionalText}</span>`:e.d}
-        ${this.requiredTag?e.p`<span class=${`pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige`}>${this.requiredText}</span>`:e.d}
+        ${this.tagText?e.p`<span class=${o+` pkt-tag--gray`}>${this.tagText}</span>`:e.d}
+        ${this.optionalTag?e.p`<span class=${o+` pkt-tag--blue-light`}>${this.optionalText}</span>`:e.d}
+        ${this.requiredTag?e.p`<span class=${o+` pkt-tag--beige`}>${this.requiredText}</span>`:e.d}
       `}
           ${this.checkHelptext?e.p`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>`:e.d}
         </label>

package/dist/ref-CQoEIIp0.cjs

@@ -0,0 +1 @@
+const e=require("./element-BA8v6S7z.cjs"),t=require("./async-directive-Da7TJpnq.cjs");var n=()=>new r,r=class{},i=new WeakMap,a=e.c(class extends t.t{render(t){return e.d}update(t,[n]){let r=n!==this.G;return r&&this.rt(void 0),(r||this.lt!==this.ct)&&(this.G=n,this.ht=t.options?.host,this.rt(this.ct=t.element)),e.d}rt(e){if(this.G!==void 0){if(this.isConnected||(e=void 0),typeof this.G==`function`){let t=this.ht??globalThis,n=i.get(t);n===void 0&&(n=new WeakMap,i.set(t,n)),n.get(this.G)!==void 0&&this.G.call(this.ht,void 0),n.set(this.G,e),e!==void 0&&this.G.call(this.ht,e)}else this.G.value=e}}get lt(){return typeof this.G==`function`?i.get(this.ht??globalThis)?.get(this.G):this.G?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});

package/dist/{ref-WGS0u7i2.js → ref-CWD6PjVd.js}

@@ -1,6 +1,6 @@
-import { c as e, d as t } from "./element-BoJrqauR.js";
-import { t as n } from "./async-directive-Cw_7VW_-.js";
-//#region node_modules/lit/node_modules/lit-html/directives/ref.js
+import { c as e, d as t } from "./element-ChsFgr_B.js";
+import { t as n } from "./async-directive-BPf6K-V2.js";
+//#region ../../node_modules/lit-html/directives/ref.js
 var r = () => new i(), i = class {}, a = /* @__PURE__ */ new WeakMap(), o = e(class extends n {
 	render(e) {
 		return t;
@@ -10,10 +10,12 @@ var r = () => new i(), i = class {}, a = /* @__PURE__ */ new WeakMap(), o = e(cl
 		return r && this.rt(void 0), (r || this.lt !== this.ct) && (this.G = n, this.ht = e.options?.host, this.rt(this.ct = e.element)), t;
 	}
 	rt(e) {
-		if (this.G !== void 0) if (this.isConnected || (e = void 0), typeof this.G == "function") {
-			let t = this.ht ?? globalThis, n = a.get(t);
-			n === void 0 && (n = /* @__PURE__ */ new WeakMap(), a.set(t, n)), n.get(this.G) !== void 0 && this.G.call(this.ht, void 0), n.set(this.G, e), e !== void 0 && this.G.call(this.ht, e);
-		} else this.G.value = e;
+		if (this.G !== void 0) {
+			if (this.isConnected || (e = void 0), typeof this.G == "function") {
+				let t = this.ht ?? globalThis, n = a.get(t);
+				n === void 0 && (n = /* @__PURE__ */ new WeakMap(), a.set(t, n)), n.get(this.G) !== void 0 && this.G.call(this.ht, void 0), n.set(this.G, e), e !== void 0 && this.G.call(this.ht, e);
+			} else this.G.value = e;
+		}
 	}
 	get lt() {
 		return typeof this.G == "function" ? a.get(this.ht ?? globalThis)?.get(this.G) : this.G?.value;

package/dist/{repeat-BH0cL82q.js → repeat-C02g7d5S.js}

@@ -1,6 +1,6 @@
-import { c as e, f as t, l as n, u as r } from "./element-BoJrqauR.js";
-import { a as i, n as a, o, r as s, t as c } from "./directive-helpers-DIF5DwN4.js";
-//#region node_modules/lit/node_modules/lit-html/directives/repeat.js
+import { c as e, f as t, l as n, u as r } from "./element-ChsFgr_B.js";
+import { a as i, n as a, o, r as s, t as c } from "./directive-helpers-CI8YZqku.js";
+//#region ../../node_modules/lit-html/directives/repeat.js
 var l = (e, t, n) => {
 	let r = /* @__PURE__ */ new Map();
 	for (let i = t; i <= n; i++) r.set(e[i], i);
@@ -32,15 +32,16 @@ var l = (e, t, n) => {
 		else if (m[y] === p[x]) h[x] = i(d[y], f[x]), y--, x--;
 		else if (m[v] === p[x]) h[x] = i(d[v], f[x]), o(e, h[x + 1], d[v]), v++, x--;
 		else if (m[y] === p[b]) h[b] = i(d[y], f[b]), o(e, d[v], d[y]), y--, b++;
-		else if (g === void 0 && (g = l(p, b, x), _ = l(m, v, y)), g.has(m[v])) if (g.has(m[y])) {
-			let t = _.get(p[b]), n = t === void 0 ? null : d[t];
-			if (n === null) {
-				let t = o(e, d[v]);
-				i(t, f[b]), h[b] = t;
-			} else h[b] = i(n, f[b]), o(e, d[v], n), d[t] = null;
-			b++;
-		} else a(d[y]), y--;
-		else a(d[v]), v++;
+		else if (g === void 0 && (g = l(p, b, x), _ = l(m, v, y)), g.has(m[v])) {
+			if (g.has(m[y])) {
+				let t = _.get(p[b]), n = t === void 0 ? null : d[t];
+				if (n === null) {
+					let t = o(e, d[v]);
+					i(t, f[b]), h[b] = t;
+				} else h[b] = i(n, f[b]), o(e, d[v], n), d[t] = null;
+				b++;
+			} else a(d[y]), y--;
+		} else a(d[v]), v++;
 		for (; b <= x;) {
 			let t = o(e, h[x + 1]);
 			i(t, f[b]), h[b++] = t;

package/dist/{repeat-DRnLAg0O.cjs → repeat-sY6B7fAT.cjs}

@@ -1 +1 @@
-const e=require("./element-DJzurxgt.cjs"),t=require("./directive-helpers-BshFvt7A.cjs");var n=(e,t,n)=>{let r=new Map;for(let i=t;i<=n;i++)r.set(e[i],i);return r},r=e.c(class extends e.l{constructor(t){if(super(t),t.type!==e.u.CHILD)throw Error(`repeat() can only be used in text expressions`)}dt(e,t,n){let r;n===void 0?n=t:t!==void 0&&(r=t);let i=[],a=[],o=0;for(let t of e)i[o]=r?r(t,o):o,a[o]=n(t,o),o++;return{values:a,keys:i}}render(e,t,n){return this.dt(e,t,n).values}update(r,[i,a,o]){let s=t.t(r),{values:c,keys:l}=this.dt(i,a,o);if(!Array.isArray(s))return this.ut=l,c;let u=this.ut??=[],d=[],f,p,m=0,h=s.length-1,g=0,_=c.length-1;for(;m<=h&&g<=_;)if(s[m]===null)m++;else if(s[h]===null)h--;else if(u[m]===l[g])d[g]=t.a(s[m],c[g]),m++,g++;else if(u[h]===l[_])d[_]=t.a(s[h],c[_]),h--,_--;else if(u[m]===l[_])d[_]=t.a(s[m],c[_]),t.o(r,d[_+1],s[m]),m++,_--;else if(u[h]===l[g])d[g]=t.a(s[h],c[g]),t.o(r,s[m],s[h]),h--,g++;else if(f===void 0&&(f=n(l,g,_),p=n(u,m,h)),f.has(u[m]))if(f.has(u[h])){let e=p.get(l[g]),n=e===void 0?null:s[e];if(n===null){let e=t.o(r,s[m]);t.a(e,c[g]),d[g]=e}else d[g]=t.a(n,c[g]),t.o(r,s[m],n),s[e]=null;g++}else t.n(s[h]),h--;else t.n(s[m]),m++;for(;g<=_;){let e=t.o(r,d[_+1]);t.a(e,c[g]),d[g++]=e}for(;m<=h;){let e=s[m++];e!==null&&t.n(e)}return this.ut=l,t.r(r,d),e.f}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});
+const e=require("./element-BA8v6S7z.cjs"),t=require("./directive-helpers-BlAV5EQD.cjs");var n=(e,t,n)=>{let r=new Map;for(let i=t;i<=n;i++)r.set(e[i],i);return r},r=e.c(class extends e.l{constructor(t){if(super(t),t.type!==e.u.CHILD)throw Error(`repeat() can only be used in text expressions`)}dt(e,t,n){let r;n===void 0?n=t:t!==void 0&&(r=t);let i=[],a=[],o=0;for(let t of e)i[o]=r?r(t,o):o,a[o]=n(t,o),o++;return{values:a,keys:i}}render(e,t,n){return this.dt(e,t,n).values}update(r,[i,a,o]){let s=t.t(r),{values:c,keys:l}=this.dt(i,a,o);if(!Array.isArray(s))return this.ut=l,c;let u=this.ut??=[],d=[],f,p,m=0,h=s.length-1,g=0,_=c.length-1;for(;m<=h&&g<=_;)if(s[m]===null)m++;else if(s[h]===null)h--;else if(u[m]===l[g])d[g]=t.a(s[m],c[g]),m++,g++;else if(u[h]===l[_])d[_]=t.a(s[h],c[_]),h--,_--;else if(u[m]===l[_])d[_]=t.a(s[m],c[_]),t.o(r,d[_+1],s[m]),m++,_--;else if(u[h]===l[g])d[g]=t.a(s[h],c[g]),t.o(r,s[m],s[h]),h--,g++;else if(f===void 0&&(f=n(l,g,_),p=n(u,m,h)),f.has(u[m])){if(f.has(u[h])){let e=p.get(l[g]),n=e===void 0?null:s[e];if(n===null){let e=t.o(r,s[m]);t.a(e,c[g]),d[g]=e}else d[g]=t.a(n,c[g]),t.o(r,s[m],n),s[e]=null;g++}else t.n(s[h]),h--}else t.n(s[m]),m++;for(;g<=_;){let e=t.o(r,d[_+1]);t.a(e,c[g]),d[g++]=e}for(;m<=h;){let e=s[m++];e!==null&&t.n(e)}return this.ut=l,t.r(r,d),e.f}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});

package/dist/{searchinput-DGjeN1YI.cjs → searchinput-Bh975rjX.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-DJzurxgt.cjs"),t=require("./class-map-CCZN5uS3.cjs");require("./icon-B8PVq2O6.cjs");const n=require("./if-defined-DrwbxQOj.cjs"),r=require("./focus-modality-controller-C1ocyv2J.cjs");var i=class extends e.t{constructor(...e){super(...e),this.appearance=`local`,this.inputSize=`medium`,this.disabled=!1,this.fullwidth=!1,this.id=``,this.placeholder=`Søk…`,this.value=``,this.focusModality=new r.t(this,`.pkt-searchinput`)}willUpdate(e){super.willUpdate(e);let t=this.getAttribute(`aria-label`);t&&(this.inputAriaLabel=t,this.removeAttribute(`aria-label`))}get suggestionsId(){return`${this.id}-suggestions`}dispatchSearch(){this.dispatchEvent(new CustomEvent(`pkt-search`,{detail:{value:this.value},bubbles:!0,composed:!0}))}onInput(e){let t=e.target;this.value=t.value}onInputKeydown(e){e.key===`Enter`&&(this.action||e.preventDefault(),this.dispatchSearch())}onSearchClick(e){this.action||e.preventDefault(),this.dispatchSearch()}onSuggestionClick(e,t,n){let r=new CustomEvent(`pkt-suggestion-click`,{detail:{index:n,suggestion:t},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(r)||e.preventDefault()}renderSuggestion(t,n){let r=e.p`
+const e=require("./element-BA8v6S7z.cjs"),t=require("./class-map-BeimMvPv.cjs");require("./icon-9iwd2F2l.cjs");const n=require("./if-defined-B89_ZeCj.cjs"),r=require("./focus-modality-controller-C1ocyv2J.cjs");var i=class extends e.t{constructor(...e){super(...e),this.appearance=`local`,this.inputSize=`medium`,this.disabled=!1,this.fullwidth=!1,this.id=``,this.placeholder=`Søk…`,this.value=``,this.focusModality=new r.t(this,`.pkt-searchinput`)}willUpdate(e){super.willUpdate(e);let t=this.getAttribute(`aria-label`);t&&(this.inputAriaLabel=t,this.removeAttribute(`aria-label`))}get suggestionsId(){return`${this.id}-suggestions`}dispatchSearch(){this.dispatchEvent(new CustomEvent(`pkt-search`,{detail:{value:this.value},bubbles:!0,composed:!0}))}onInput(e){let t=e.target;this.value=t.value}onInputKeydown(e){e.key===`Enter`&&(this.action||e.preventDefault(),this.dispatchSearch())}onSearchClick(e){this.action||e.preventDefault(),this.dispatchSearch()}onSuggestionClick(e,t,n){let r=new CustomEvent(`pkt-suggestion-click`,{detail:{index:n,suggestion:t},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(r)||e.preventDefault()}renderSuggestion(t,n){let r=e.p`
       ${t.title?e.p`<h3 class="pkt-searchinput__suggestion-title">${t.title}</h3>`:e.d}
       ${t.text?e.p`<p class="pkt-searchinput__suggestion-text">${t.text}</p>`:e.d}
     `;return t.href?e.p`<a

package/dist/{searchinput-CfUVfpqL.js → searchinput-DwnjsvJ1.js}

@@ -1,7 +1,7 @@
-import { a as e, d as t, n, o as r, p as i, s as a, t as o } from "./element-BoJrqauR.js";
-import { t as s } from "./class-map-CAQCRB1W.js";
-import "./icon-DGFEIlco.js";
-import { t as c } from "./if-defined-D0bnetLJ.js";
+import { a as e, d as t, n, o as r, p as i, s as a, t as o } from "./element-ChsFgr_B.js";
+import { t as s } from "./class-map-CnWCnBSX.js";
+import "./icon-D-LA22xD.js";
+import { t as c } from "./if-defined-CGzIlZ9-.js";
 import { t as l } from "./focus-modality-controller-Dc2S-KqR.js";
 //#region src/components/searchinput/searchinput.ts
 var u = class extends o {

package/dist/select-BOJi6H6T.cjs

@@ -0,0 +1,49 @@
+const e=require("./element-BA8v6S7z.cjs"),t=require("./element-with-slot-Bj7nm7fO.cjs"),n=require("./if-defined-B89_ZeCj.cjs"),r=require("./ref-CQoEIIp0.cjs"),i=require("./input-element-DYmQw-fH.cjs"),a=require("./pkt-options-controller-C5EBX2T0.cjs"),o=require("./input-wrapper-Q-B-aBeb.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.o({type:Array,attribute:`options`})],s.prototype,`_optionsProp`,void 0),e.n([e.a()],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.p`
+      <pkt-input-wrapper
+        .size=${this.inputSize}
+        ?disabled=${this.disabled}
+        ?hasError=${this.hasError}
+        ?hasFieldset=${this.effectiveHasFieldset(!1)}
+        ?inline=${this.inline}
+        ?optionalTag=${this.optionalTag}
+        ?requiredTag=${this.requiredTag}
+        useWrapper=${this.useWrapper}
+        .ariaDescribedby=${this.ariaDescribedby}
+        errorMessage=${n.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)}
+      >
+        <select
+          class=${i}
+          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,hasCounter:!1,ariaDescribedby:this.ariaDescribedby}))}
+          aria-labelledby=${n.t(this.ariaLabelledby)}
+          ?disabled=${this.disabled}
+          id=${this.id+`-input`}
+          name=${(this.name||this.id)+`-input`}
+          value=${this.value}
+          @change=${e=>{this.touched=!0,this.value=e.target.value,e.stopImmediatePropagation()}}
+          @input=${e=>{this.onInput(),e.stopImmediatePropagation()}}
+          @focus=${e=>{this.onFocus(),e.stopImmediatePropagation()}}
+          @blur=${e=>{this.onBlur(),e.stopImmediatePropagation()}}
+          ${r.n(this.inputRef)}
+        >
+          ${this._options.length>0?this._options.map(t=>e.p`<option
+                    value=${t.value}
+                    ?selected=${this.value==t.value||t.selected}
+                    ?disabled=${t.disabled}
+                    ?hidden=${t.hidden}
+                  >
+                    ${t.label}
+                  </option>`):``}
+        </select>
+        <div class="pkt-contents" slot="helptext">${t.n(this,`helptext`)}</div>
+      </pkt-input-wrapper>
+    `}returnNumberOrNull(e){return e==null||isNaN(e)?null:e}};e.n([e.o({type:String})],c.prototype,`value`,void 0);try{e.s(`pkt-select`)(c)}catch{console.warn(`Forsøker å definere <pkt-select>, men den er allerede definert`)}var l=c;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});

package/dist/{select-CsBXXbLP.js → select-DMre80qs.js}

@@ -1,12 +1,12 @@
-import { a as e, n as t, o as n, p as r, s as i } from "./element-BoJrqauR.js";
-import { n as a } from "./element-with-slot-mXLg8gg8.js";
-import { t as o } from "./if-defined-D0bnetLJ.js";
-import { n as s, t as c } from "./ref-WGS0u7i2.js";
-import { t as l } from "./input-element-C0RnXi-J.js";
-import { t as u } from "./pkt-options-controller-DMxYwnnj.js";
-import "./input-wrapper-fWV5P4MN.js";
+import { a as e, n as t, o as n, p as r, s as i } from "./element-ChsFgr_B.js";
+import { n as a } from "./element-with-slot-BvG9ctC-.js";
+import { t as o } from "./if-defined-CGzIlZ9-.js";
+import { n as s, t as c } from "./ref-CWD6PjVd.js";
+import { t as l } from "./input-element-DBMNBplu.js";
+import { t as u } from "./pkt-options-controller-B77vH3PE.js";
+import { r as d } from "./input-wrapper-BmxNvznr.js";
 //#region src/base-elements/options-input-element.ts
-var d = class extends l {
+var f = class extends l {
 	constructor(...e) {
 		super(...e), this._optionsProp = [], this._options = [];
 	}
@@ -39,10 +39,10 @@ var d = class extends l {
 t([n({
 	type: Array,
 	attribute: "options"
-})], d.prototype, "_optionsProp", void 0), t([e()], d.prototype, "_options", void 0);
+})], f.prototype, "_optionsProp", void 0), t([e()], f.prototype, "_options", void 0);
 //#endregion
 //#region src/components/select/select.ts
-var f = class extends d {
+var p = class extends f {
 	constructor() {
 		super(), this.inputRef = c(), this.value = "", this.selectedIndex = -1, this.selectedOptions = void 0, this.optionsController = new u(this);
 	}
@@ -85,23 +85,21 @@ var f = class extends d {
 		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._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;
+		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 e = `pkt-input pkt-input--${this.inputSize} ${this.fullwidth ? "pkt-input--fullwidth" : ""}`;
 		return r`
       <pkt-input-wrapper
         .size=${this.inputSize}
-        ?counter=${this.counter}
         ?disabled=${this.disabled}
         ?hasError=${this.hasError}
-        ?hasFieldset=${this.hasFieldset}
+        ?hasFieldset=${this.effectiveHasFieldset(!1)}
         ?inline=${this.inline}
         ?optionalTag=${this.optionalTag}
         ?requiredTag=${this.requiredTag}
         useWrapper=${this.useWrapper}
-        ariaDescribedBy=${o(this.ariaDescribedBy)}
-        class="pkt-select"
+        .ariaDescribedby=${this.ariaDescribedby}
         errorMessage=${o(this.errorMessage)}
         forId=${this.id + "-input"}
         helptext=${o(this.helptext)}
@@ -115,7 +113,13 @@ var f = class extends d {
         <select
           class=${e}
           aria-invalid=${this.hasError}
-          aria-errormessage=${`${this.id}-error`}
+          aria-errormessage=${o(this.hasError ? `${this.id}-input-error` : void 0)}
+          aria-describedby=${o(d({
+			id: this.id + "-input",
+			hasHelptext: !!this.helptext,
+			hasCounter: !1,
+			ariaDescribedby: this.ariaDescribedby
+		}))}
           aria-labelledby=${o(this.ariaLabelledby)}
           ?disabled=${this.disabled}
           id=${this.id + "-input"}
@@ -152,14 +156,14 @@ var f = class extends d {
 		return e == null || isNaN(e) ? null : e;
 	}
 };
-t([n({ type: String })], f.prototype, "value", void 0);
+t([n({ type: String })], p.prototype, "value", void 0);
 try {
-	i("pkt-select")(f);
+	i("pkt-select")(p);
 } catch {
 	console.warn("Forsøker å definere <pkt-select>, men den er allerede definert");
 }
 //#endregion
 //#region src/components/select/index.ts
-var p = f;
+var m = p;
 //#endregion
-export { f as n, p as t };
+export { p as n, m as t };

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

@@ -11,3 +11,14 @@ export declare const booleanishConverter: {
     fromAttribute(value: string | boolean | null): boolean;
     toAttribute(value: boolean): string | null;
 };
+/**
+ * Som booleanishConverter, men skiller «ikke satt» fra `false`.
+ *
+ * Brukes for props der komponenten skal utlede en fornuftig standard når
+ * forbrukeren ikke har sagt noe — for eksempel `counter`, som slås på av seg
+ * selv når det finnes noe å telle, men skal kunne skrus av eksplisitt.
+ */
+export declare const nullableBooleanishConverter: {
+    fromAttribute(value: string | boolean | null): boolean | null;
+    toAttribute(value: boolean | null): string | null;
+};

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

@@ -1,5 +1,5 @@
 export type { Booleanish } from './booleanish';
-export { booleanishConverter } from './booleanish';
+export { booleanishConverter, nullableBooleanishConverter } from './booleanish';
 export type { TAriaBoolean, TAriaBooleanMixed, TAriaCurrent, TAriaHasPopup, TAriaInvalid, TAriaLive, TAriaRelevant, TAriaSort, TAriaAutoComplete, TAriaOrientation, IAriaAttributes, TAlertRole, } from './aria';
 export type { THeadingLevel, THeadingSize, THeadingWeight } from './heading';
 export type { User, Representing, UserMenuItem, InternalMenuItemBase, InternalMenuLink, InternalMenuButton, TInternalMenuItem, TSlotMenuVariant, THeaderMenu, TLogOutButtonPlacement, THeaderPosition, THeaderScrollBehavior, } from './header';

package/dist/shared-utils/date-utils.d.ts

@@ -44,7 +44,7 @@ export declare const fromISOtoLocal: (date: string, dateformat: string) => strin
  * @param timeOfDay - 'start' to set time to 00:00:00, 'end' to set time to 23:59:59
  * @returns A Date object
  */
-export declare const newDate: (date?: string | Date, timeOfDay?: "start" | "end") => Date;
+export declare const newDate: (date?: string | Date, timeOfDay?: 'start' | 'end') => Date;
 /**
  * Creates a new Date object based on the provided year, month, and day.
  * If the inputs are invalid, returns the current date.
@@ -118,21 +118,21 @@ export declare const sortDateStrings: (dates: string[]) => string[];
  */
 export declare const isValidDateRange: (startDate: string, endDate: string) => boolean;
 declare const _default: {
-    todayInTz: (tz?: string) => Date;
+    todayInTz: typeof todayInTz;
     parseISODateString: typeof parseISODateString;
-    formatISODate: (date: Date | TZDate) => string;
-    fromISOToDate: (date: string | null) => Date | null;
-    fromISOtoLocal: (date: string, dateformat: string) => string;
-    newDate: (date?: string | Date, timeOfDay?: "start" | "end") => Date;
-    newDateYMD: (year: number, month: number, day?: number) => Date;
-    newDateFromDate: (date: Date | TZDate | number) => Date;
-    formatReadableDate: (date: Date | TZDate) => string;
-    isDateInRange: (date: Date, min?: string | null, max?: string | null) => boolean;
-    isDateExcluded: (date: Date, excludedDates: string[]) => boolean;
-    isWeekdayExcluded: (date: Date, excludedWeekdays: string[]) => boolean;
-    isDateSelectable: (date: Date, min?: string | null, max?: string | null, excludedDates?: string[], excludedWeekdays?: string[]) => boolean;
-    filterSelectableDates: (dates: string[], min?: string | null, max?: string | null, excludedDates?: string[], excludedWeekdays?: string[]) => string[];
-    sortDateStrings: (dates: string[]) => string[];
-    isValidDateRange: (startDate: string, endDate: string) => boolean;
+    formatISODate: typeof formatISODate;
+    fromISOToDate: typeof fromISOToDate;
+    fromISOtoLocal: typeof fromISOtoLocal;
+    newDate: typeof newDate;
+    newDateYMD: typeof newDateYMD;
+    newDateFromDate: typeof newDateFromDate;
+    formatReadableDate: typeof formatReadableDate;
+    isDateInRange: typeof isDateInRange;
+    isDateExcluded: typeof isDateExcluded;
+    isWeekdayExcluded: typeof isWeekdayExcluded;
+    isDateSelectable: typeof isDateSelectable;
+    filterSelectableDates: typeof filterSelectableDates;
+    sortDateStrings: typeof sortDateStrings;
+    isValidDateRange: typeof isValidDateRange;
 };
 export default _default;

package/dist/shared-utils/datepicker-utils.d.ts

@@ -59,16 +59,16 @@ export declare const handleDatepickerKeydown: (event: KeyboardEvent, toggleCalen
  */
 export declare const handleDatepickerButtonKeydown: (event: KeyboardEvent, toggleCalendar: (e: Event) => void) => void;
 declare const _default: {
-    getDatepickerInputType: () => string;
-    validateRangeOrder: (values: string[]) => boolean;
-    sortDates: (dates: string[]) => string[];
-    filterDates: (dates: string[], min?: string | null, max?: string | null, excludedDates?: string[], excludedWeekdays?: string[]) => string[];
-    getDatepickerInputClasses: (fullwidth: boolean, showRangeLabels: boolean, multiple: boolean, range: boolean, readonly?: boolean, inputType?: string, inputSize?: TPktInputSize) => Record<string, boolean>;
-    getDatepickerButtonClasses: (inputSize?: TPktInputSize) => Record<string, boolean>;
-    getRangeLabelClasses: (showRangeLabels: boolean) => Record<string, boolean>;
-    processDateSelection: (detail: string | string[], multiple: boolean, range: boolean) => string;
-    handleCalendarPosition: (popup: HTMLElement | null, input: HTMLElement | null, hasCounter?: boolean) => void;
-    handleDatepickerKeydown: (event: KeyboardEvent, toggleCalendar: (e: Event) => void, submitForm?: () => void, focusNextInput?: () => void, blurInput?: () => void, commaHandler?: (e: KeyboardEvent) => void) => void;
-    handleDatepickerButtonKeydown: (event: KeyboardEvent, toggleCalendar: (e: Event) => void) => void;
+    getDatepickerInputType: typeof getDatepickerInputType;
+    validateRangeOrder: typeof validateRangeOrder;
+    sortDates: typeof sortDates;
+    filterDates: typeof filterDates;
+    getDatepickerInputClasses: typeof getDatepickerInputClasses;
+    getDatepickerButtonClasses: typeof getDatepickerButtonClasses;
+    getRangeLabelClasses: typeof getRangeLabelClasses;
+    processDateSelection: typeof processDateSelection;
+    handleCalendarPosition: typeof handleCalendarPosition;
+    handleDatepickerKeydown: typeof handleDatepickerKeydown;
+    handleDatepickerButtonKeydown: typeof handleDatepickerButtonKeydown;
 };
 export default _default;

package/dist/shared-utils/device-utils.d.ts

@@ -5,6 +5,6 @@
  */
 export declare const isIOS: () => boolean;
 declare const _default: {
-    isIOS: () => boolean;
+    isIOS: typeof isIOS;
 };
 export default _default;

package/dist/shared-utils/forms/described-by.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Bygger `aria-describedby` for et skjemafelt.
+ *
+ * Beskrivelsen må ligge på selve kontrollen — `aria-describedby` på en `<label>`
+ * bidrar ikke til feltets tilgjengelige beskrivelse, og hjelpeteksten blir da
+ * aldri lest opp når fokus havner i feltet.
+ *
+ * Feilmeldingen er med vilje ikke med: den kobles gjennom `aria-errormessage`,
+ * som er den riktige kanalen, og ville ellers blitt lest opp to ganger.
+ */
+export declare const describedByIds: (options: {
+    /** Id-en feltet bruker (samme som wrapperens forId). */
+    id: string;
+    /** Om det finnes en hjelpetekst å beskrive feltet med. */
+    hasHelptext?: boolean;
+    /** Om telleren er aktiv. Statusregionen leses bare opp når grensa er brutt. */
+    hasCounter?: boolean;
+    /** Forbrukerens egen `ariaDescribedby`, hvis satt. */
+    ariaDescribedby?: string | null;
+}) => string | undefined;
+/** Id-en til den skjulte statusregionen som melder at tellergrensa er brutt. */
+export declare const counterStatusId: (id: string) => string;
+/** Om tellergrensa er brutt. */
+export declare const isCounterExceeded: (current: number | undefined, max: number | undefined) => boolean;

package/dist/shared-utils/utils.d.ts

@@ -10,7 +10,7 @@ export declare const sleep: (ms: number) => Promise<void>;
  */
 export declare const uuidish: () => string;
 declare const _default: {
-    sleep: (ms: number) => Promise<void>;
-    uuidish: () => string;
+    sleep: typeof sleep;
+    uuidish: typeof uuidish;
 };
 export default _default;

package/dist/shared-utils/value-utils.d.ts

@@ -11,7 +11,7 @@ export declare const valueToArray: (value: string | string[] | null | undefined)
  */
 export declare const arrayToCsv: (array: string[]) => string;
 declare const _default: {
-    valueToArray: (value: string | string[] | null | undefined) => string[];
-    arrayToCsv: (array: string[]) => string;
+    valueToArray: typeof valueToArray;
+    arrayToCsv: typeof arrayToCsv;
 };
 export default _default;

package/dist/{tabs-q62MK_-r.cjs → tabs-Cf9ai0FD.cjs}

@@ -1,5 +1,5 @@
-const e=require("./element-DJzurxgt.cjs"),t=require("./element-with-slot-BY7Jc-q8.cjs"),n=require("./if-defined-DrwbxQOj.cjs"),r=require("./consume-DKf5SmP9.cjs"),i=require("./ref-DO7TzO4O.cjs");var a=r.r(Symbol(`pkt-tabs-context`)),o=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}updated(e){(e.has(`arrowNav`)||e.has(`disableArrowNav`))&&(this.context={...this.context,useArrowNav:this.useArrowNav}),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`;return e.p`
-      <div class=${this.separatorIconName||this.separatorIconPath?`pkt-tabs pkt-tabs--with-separator`:`pkt-tabs`}>
+const e=require("./element-BA8v6S7z.cjs"),t=require("./element-with-slot-Bj7nm7fO.cjs"),n=require("./if-defined-B89_ZeCj.cjs"),r=require("./consume-Le4HztPo.cjs"),i=require("./ref-CQoEIIp0.cjs");var a=r.r(Symbol(`pkt-tabs-context`)),o=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}updated(e){(e.has(`arrowNav`)||e.has(`disableArrowNav`))&&(this.context={...this.context,useArrowNav:this.useArrowNav}),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.p`
+      <div class=${r}>
         <div class="pkt-tabs__list" role=${n}>${t.n(this)}</div>
       </div>
     `}};e.n([e.o({type:Boolean,reflect:!0,attribute:`arrow-nav`})],o.prototype,`arrowNav`,void 0),e.n([e.o({type:Boolean,reflect:!0,attribute:`disable-arrow-nav`})],o.prototype,`disableArrowNav`,void 0),e.n([e.o({type:String,reflect:!0,attribute:`separator-icon-name`})],o.prototype,`separatorIconName`,void 0),e.n([e.o({type:String,reflect:!0,attribute:`separator-icon-path`})],o.prototype,`separatorIconPath`,void 0),e.n([e.a()],o.prototype,`tabRefs`,void 0),e.n([e.a()],o.prototype,`disabledMap`,void 0),e.n([e.a()],o.prototype,`tabCount`,void 0),e.n([r.n({context:a}),e.a()],o.prototype,`context`,void 0);try{e.s(`pkt-tabs`)(o)}catch{console.warn(`Forsøker å definere <pkt-tabs>, men den er allerede definert`)}var s=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=i.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,a=this.active&&!this.disabled,o=[a?`active`:``,this.disabled?`pkt-tabs__item--disabled`:``].filter(Boolean).join(` `),s=r?`tab`:void 0,c=r?a:void 0,l=this.disabled?-1:a||!r?void 0:-1,u=`pkt-icon--small ${this.icon===`check`?`pkt-tabs__status-icon`:``}`,d=e.p`

package/dist/{tabs-BqrKLCjd.js → tabs-TvxgbrCF.js}

@@ -1,8 +1,8 @@
-import { a as e, n as t, o as n, p as r, s as i } from "./element-BoJrqauR.js";
-import { n as a, t as o } from "./element-with-slot-mXLg8gg8.js";
-import { t as s } from "./if-defined-D0bnetLJ.js";
-import { n as c, r as l, t as u } from "./consume-BiOhrhEy.js";
-import { n as d, t as f } from "./ref-WGS0u7i2.js";
+import { a as e, n as t, o as n, p as r, s as i } from "./element-ChsFgr_B.js";
+import { n as a, t as o } from "./element-with-slot-BvG9ctC-.js";
+import { t as s } from "./if-defined-CGzIlZ9-.js";
+import { n as c, r as l, t as u } from "./consume-BDnMAp2g.js";
+import { n as d, t as f } from "./ref-CWD6PjVd.js";
 //#region src/components/tabs/tabs-context.ts
 var p = l(Symbol("pkt-tabs-context")), m = class extends o {
 	constructor(...e) {
@@ -75,9 +75,9 @@ var p = l(Symbol("pkt-tabs-context")), m = class extends o {
 		}
 	}
 	render() {
-		let e = this.useArrowNav ? "tablist" : "navigation";
+		let e = this.useArrowNav ? "tablist" : "navigation", t = this.separatorIconName || this.separatorIconPath ? "pkt-tabs pkt-tabs--with-separator" : "pkt-tabs";
 		return r`
-      <div class=${this.separatorIconName || this.separatorIconPath ? "pkt-tabs pkt-tabs--with-separator" : "pkt-tabs"}>
+      <div class=${t}>
         <div class="pkt-tabs__list" role=${e}>${a(this)}</div>
       </div>
     `;

package/dist/{tag-XE-VRxT2.cjs → tag-CzojNU7z.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-DJzurxgt.cjs"),t=require("./class-map-CCZN5uS3.cjs"),n=require("./element-with-slot-BY7Jc-q8.cjs");require("./icon-B8PVq2O6.cjs");const r=require("./if-defined-DrwbxQOj.cjs");var i={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`}}},a=class extends n.t{constructor(){super(),this.closeTag=i.props.closeTag.default,this.size=i.props.size.default,this.skin=i.props.skin.default,this.textStyle=null,this.iconName=void 0,this.type=i.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}firstUpdated(e){if(super.firstUpdated(e),this.closeTag&&!this.ariaLabel){let e=this.querySelector(`button span, .pkt-tag > span`)?.textContent?.trim();e&&(this._ariaDescription=`Klikk for å fjerne ${e}`)}}render(){let i={"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.p`
+const e=require("./element-BA8v6S7z.cjs"),t=require("./class-map-BeimMvPv.cjs"),n=require("./element-with-slot-Bj7nm7fO.cjs");require("./icon-9iwd2F2l.cjs");const r=require("./if-defined-B89_ZeCj.cjs");var i={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`}}},a=class extends n.t{constructor(){super(),this.closeTag=i.props.closeTag.default,this.size=i.props.size.default,this.skin=i.props.skin.default,this.textStyle=null,this.iconName=void 0,this.type=i.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}firstUpdated(e){if(super.firstUpdated(e),this.closeTag&&!this.ariaLabel){let e=this.querySelector(`button span, .pkt-tag > span`)?.textContent?.trim();e&&(this._ariaDescription=`Klikk for å fjerne ${e}`)}}render(){let i={"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.p`
         <button
           class=${t.t(a)}
           type=${this.type}

package/dist/{tag-BTiTXyf5.js → tag-Ds6n1LIs.js}

@@ -1,8 +1,8 @@
-import { a as e, n as t, o as n, p as r, s as i } from "./element-BoJrqauR.js";
-import { t as a } from "./class-map-CAQCRB1W.js";
-import { n as o, t as s } from "./element-with-slot-mXLg8gg8.js";
-import "./icon-DGFEIlco.js";
-import { t as c } from "./if-defined-D0bnetLJ.js";
+import { a as e, n as t, o as n, p as r, s as i } from "./element-ChsFgr_B.js";
+import { t as a } from "./class-map-CnWCnBSX.js";
+import { n as o, t as s } from "./element-with-slot-BvG9ctC-.js";
+import "./icon-D-LA22xD.js";
+import { t as c } from "./if-defined-CGzIlZ9-.js";
 var l = {
 	name: "pkt-tag",
 	react: "PktTag",

package/dist/textarea-BydiLM9Z.cjs

@@ -0,0 +1,49 @@
+const e=require("./element-BA8v6S7z.cjs"),t=require("./class-map-BeimMvPv.cjs"),n=require("./directive-helpers-BlAV5EQD.cjs"),r=require("./element-with-slot-Bj7nm7fO.cjs");require("./icon-9iwd2F2l.cjs");const i=require("./if-defined-B89_ZeCj.cjs"),a=require("./ref-CQoEIIp0.cjs"),o=require("./input-element-DYmQw-fH.cjs"),s=require("./input-wrapper-Q-B-aBeb.cjs");var c=e.c(class extends e.l{constructor(t){if(super(t),t.type!==e.u.PROPERTY&&t.type!==e.u.ATTRIBUTE&&t.type!==e.u.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.f||r===e.d)return r;let i=t.element,a=t.name;if(t.type===e.u.PROPERTY){if(r===i[a])return e.f}else if(t.type===e.u.BOOLEAN_ATTRIBUTE){if(!!r===i.hasAttribute(a))return e.f}else if(t.type===e.u.ATTRIBUTE&&i.getAttribute(a)===r+``)return e.f;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)}updated(e){super.updated(e),this.classList.add(`pkt-textinput`,`pkt-textarea`),e.has(`value`)&&(this.counterCurrent=this.value?.length||0,this.valueChanged(this.value,e.get(`value`))),e.has(`id`)&&!this.name&&this.id&&(this.name=this.id)}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.p`<pkt-input-wrapper
+      label=${this.label}
+      ?counter=${n}
+      ?hasFieldset=${this.effectiveHasFieldset(!1)}
+      ?disabled=${this.disabled}
+      ?hasError=${this.hasError}
+      ?inline=${this.inline}
+      ?optionalTag=${this.optionalTag}
+      ?required=${this.required}
+      ?requiredTag=${this.requiredTag}
+      useWrapper=${this.useWrapper}
+      .ariaDescribedby=${this.ariaDescribedby}
+      .counterCurrent=${this.value?.length??0}
+      .counterMaxLength=${this.counterMaxLength}
+      .errorMessage=${this.errorMessage}
+      .forId="${this.id+`-input`}"
+      .helptext=${this.helptext}
+      .helptextDropdown=${this.helptextDropdown}
+      .helptextDropdownButton=${this.helptextDropdownButton}
+      .optionalText=${this.optionalText}
+      .requiredText=${this.requiredText}
+      .tagText=${this.tagText}
+      .size=${this.inputSize}
+    >
+      <div class="pkt-contents" slot="helptext">${r.n(this,`helptext`)}</div>
+      <textarea
+        ${a.n(this.inputRef)}
+        class=${o}
+        id=${this.id+`-input`}
+        name=${(this.name||this.id)+`-input`}
+        placeholder=${i.t(this.placeholder)}
+        .value=${c(this.value)}
+        minlength=${i.t(this.minlength)}
+        maxlength=${i.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,hasCounter:n,ariaDescribedby:this.ariaDescribedby}))}
+        rows=${i.t(this.rows??void 0)}
+        cols=${i.t(this.cols??void 0)}
+        ?disabled=${this.disabled}
+        @input=${e=>{this.value=e.target.value,this.onInput(),e.stopImmediatePropagation()}}
+        @change=${e=>{e.stopImmediatePropagation()}}
+        @focus=${e=>{this.onFocus(),e.stopImmediatePropagation()}}
+        @blur=${e=>{this.value=e.target.value,this.onBlur(),e.stopImmediatePropagation()}}
+      ></textarea>
+    </pkt-input-wrapper>`}};e.n([e.o({type:String,reflect:!0})],l.prototype,`value`,void 0),e.n([e.o({type:String})],l.prototype,`autocomplete`,void 0),e.n([e.o({type:Number})],l.prototype,`rows`,void 0),e.n([e.o({type:Number})],l.prototype,`cols`,void 0),e.n([e.a()],l.prototype,`counterCurrent`,void 0);try{e.s(`pkt-textarea`)(l)}catch{console.warn(`Forsøker å definere <pkt-textarea>, men den er allerede definert`)}var u=l;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return u}});