@oslokommune/punkt-elements 20.0.3 → 20.1.0

package/dist/{combobox-Pxa80TeZ.js → combobox-CDJcIkNJ.js}

@@ -1,17 +1,17 @@
-import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-DLgZkx5L.js";
-import { t as o } from "./class-map-BDwVSgLb.js";
-import { t as s } from "./format-BTeSVkED.js";
-import { n as c } from "./element-with-slot-mG-h7Sjw.js";
-import "./icon-C1oCGwEe.js";
-import { r as l } from "./input-wrapper-DkpJS1hR.js";
-import "./tag-Cam7ISOF.js";
-import { t as u } from "./if-defined-DiYi2v_Q.js";
-import { n as d, t as f } from "./ref-BAegS9BR.js";
-import { t as p } from "./repeat-Cy1M16Di.js";
-import { a as m, c as h, i as g, l as _, o as v, r as y, s as b } from "./listbox-DAvIBH4P.js";
-import { t as x } from "./input-element-De40zUox.js";
-import { t as S } from "./pkt-options-controller-CzvBlEPD.js";
-//#region ../../shared-types/combobox.ts
+import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-Bwc-likm.js";
+import { t as o } from "./if-defined-B3pYog2C.js";
+import { n as s, t as c } from "./ref-qE1RBrI7.js";
+import { t as l } from "./class-map-C9n5CNC8.js";
+import { t as u } from "./repeat-c2P6osbb.js";
+import { a as d, c as f, i as p, l as m, o as h, r as g, s as _ } from "./listbox-df8gHweY.js";
+import { n as v } from "./element-with-slot-47quDZRt.js";
+import { t as y } from "./input-element-DE0FzjgP.js";
+import { t as b } from "./pkt-options-controller-Dz7DP0wC.js";
+import { t as x } from "./format-DwjTfa9h.js";
+import { r as S } from "./input-wrapper-DYg1VHPv.js";
+import "./icon-CZDw42U7.js";
+import "./tag-HXcXopyA.js";
+// ../../shared-types/combobox.ts
 var C = {
 	multiple: !1,
 	typeahead: !1,
@@ -41,7 +41,7 @@ var C = {
 		action: "none",
 		value: null
 	};
-	let a = g(n, e);
+	let a = p(n, e);
 	return !t.includes(e) && !a ? r ? {
 		action: "addUserValue",
 		value: e
@@ -59,7 +59,7 @@ var C = {
 		value: null
 	};
 }, E = (e, t, n, r, i) => e.trim().toLowerCase() ? {
-	...h(e, t, n, r),
+	...f(e, t, n, r),
 	shouldRemoveValue: !1,
 	shouldResetInput: !1
 } : {
@@ -68,7 +68,7 @@ var C = {
 	shouldRemoveValue: !i && !!t[0],
 	shouldResetInput: !0
 }, D = (e, t, n) => {
-	let r = g(t, e);
+	let r = p(t, e);
 	return n === "label" && r?.label ? r.label : e;
 }, O = {
 	markOptionSelected(e, t) {
@@ -104,7 +104,7 @@ var C = {
 			value: e.getAttribute("value") || e.textContent || "",
 			label: e.textContent || e.getAttribute("value") || ""
 		};
-		e.getAttribute("data-prefix") && (n.prefix = e.getAttribute("data-prefix") || void 0), e.getAttribute("tagskincolor") && (n.tagSkinColor = e.getAttribute("tagskincolor")), e.getAttribute("description") && (n.description = e.getAttribute("description") || void 0), n.fulltext = y(n), t.push(n);
+		e.getAttribute("data-prefix") && (n.prefix = e.getAttribute("data-prefix") || void 0), e.getAttribute("tagskincolor") && (n.tagSkinColor = e.getAttribute("tagskincolor")), e.getAttribute("description") && (n.description = e.getAttribute("description") || void 0), n.fulltext = g(n), t.push(n);
 	}), t;
 } }, A = {
 	cloneOptions(e) {
@@ -113,7 +113,7 @@ var C = {
 	syncOptionsWithValues(e, t) {
 		let n = [...t];
 		return e.forEach((e) => {
-			e.value && !e.label && (e.label = e.value), e.selected && !n.includes(e.value) && n.push(e.value), e.fulltext = y(e), e.selected = e.selected || n.includes(e.value);
+			e.value && !e.label && (e.label = e.value), e.selected && !n.includes(e.value) && n.push(e.value), e.fulltext = g(e), e.selected = e.selected || n.includes(e.value);
 		}), {
 			options: e,
 			newValues: n
@@ -122,9 +122,9 @@ var C = {
 	mergeWithUserAdded(e, t, n) {
 		return [...t.filter((e) => e?.userAdded && n.includes(e.value)).filter((t) => !(Array.isArray(e) ? e : []).some((e) => e.value === t.value)), ...e];
 	}
-}, j = class extends x {
+}, j = class extends y {
 	constructor() {
-		super(), this.value = "", this.options = [], this.defaultOptions = [], this.allowUserInput = C.allowUserInput, this.typeahead = C.typeahead, this.includeSearch = C.includeSearch, this.searchPlaceholder = null, this.multiple = C.multiple, this.maxlength = null, this.displayValueAs = C.displayValueAs, this.tagPlacement = null, this.isOpen = !1, this._options = [], this._value = [], this._isOptionsOpen = !1, this._userInfoMessage = "", this._messageValue = null, this._addValueText = null, this._maxIsReached = !1, this._search = "", this._inputFocus = !1, this._skipInputTab = !1, this._optionsFromSlot = !1, this._lastSlotGeneration = 0, this._suppressNextOpen = !1, this.inputRef = f(), this.triggerRef = f(), this.listboxRef = f(), this._pendingDispatchFrom = null, this.optionsController = new S(this);
+		super(), this.value = "", this.options = [], this.defaultOptions = [], this.allowUserInput = C.allowUserInput, this.typeahead = C.typeahead, this.includeSearch = C.includeSearch, this.searchPlaceholder = null, this.multiple = C.multiple, this.maxlength = null, this.displayValueAs = C.displayValueAs, this.tagPlacement = null, this.isOpen = !1, this._options = [], this._value = [], this._isOptionsOpen = !1, this._userInfoMessage = "", this._messageValue = null, this._addValueText = null, this._maxIsReached = !1, this._search = "", this._inputFocus = !1, this._skipInputTab = !1, this._optionsFromSlot = !1, this._lastSlotGeneration = 0, this._suppressNextOpen = !1, this.inputRef = c(), this.triggerRef = c(), this.listboxRef = c(), this._pendingDispatchFrom = null, this.optionsController = new b(this);
 	}
 	get _hasTextInput() {
 		return this.typeahead || this.allowUserInput;
@@ -150,7 +150,7 @@ var C = {
 		return Array.isArray(e) ? this.multiple ? e : e.length > 0 ? [e[0]] : [] : e && this.multiple ? e.split(",") : e ? [e] : [];
 	}
 	updateMaxReached() {
-		this._maxIsReached = _(this._value.length, this.maxlength);
+		this._maxIsReached = m(this._value.length, this.maxlength);
 	}
 	syncPublicValue() {
 		let e = this.multiple ? this._value.join(",") : this._value[0] || "";
@@ -193,24 +193,23 @@ i([a({
 	type: Boolean,
 	attribute: "open"
 })], j.prototype, "isOpen", void 0), i([r()], j.prototype, "_options", void 0), i([r()], j.prototype, "_value", void 0), i([r()], j.prototype, "_isOptionsOpen", void 0), i([r()], j.prototype, "_userInfoMessage", void 0), i([r()], j.prototype, "_messageValue", void 0), i([r()], j.prototype, "_addValueText", void 0), i([r()], j.prototype, "_maxIsReached", void 0), i([r()], j.prototype, "_search", void 0), i([r()], j.prototype, "_inputFocus", void 0), i([r()], j.prototype, "_skipInputTab", void 0);
-//#endregion
-//#region src/components/combobox/combobox-value.ts
+// src/components/combobox/combobox-value.ts
 var M = class extends j {
 	toggleValue(e) {
 		if (this.isDisabled) return;
 		this.touched = !0, this._userInfoMessage = "", this._addValueText = null;
-		let t = g(this.options, e)?.value || null, n = this._value.includes(e || t || ""), r = !!t, i = this._options.find((t) => t.value === e)?.disabled || !1, a = !e?.trim(), o = !this.multiple, s = this.multiple, c = _(this._value.length, this.maxlength), l = !1, u = !0, d = "", f = null, p = "";
-		i || (!r && this.allowUserInput && !a ? (this.addNewUserValue(e), d = "valueAdded", l = s) : !r && !this.allowUserInput ? (o && this._value[0] && this.removeValue(this._value[0]), u = !1, l = !0, d = "noResults") : n ? (this.removeValue(t), l = !0, o && this._hasTextInput && this.inputRef.value && this.inputRef.value.type !== "hidden" && (this.inputRef.value.value = "")) : a && o ? (this.removeAllSelected(), l = !0) : o ? (this._value[0] && this.removeSelected(this._value[0]), this.setSelected(t), l = !1, d = "valueSelected", f = this._hasTextInput ? D(t || "", this.options, this.displayValueAs) : b(g(this.options, t), this.displayValueAs)) : s && !c ? (this.setSelected(t), l = !0) : s && c ? (d = "maxSelected", u = !1, p = e) : (o && this.removeAllSelected(), d = "noValidValue", u = !1, l = !0, p = e), this._isOptionsOpen = l, l || window.setTimeout(() => {
+		let t = p(this.options, e)?.value || null, n = this._value.includes(e || t || ""), r = !!t, i = this._options.find((t) => t.value === e)?.disabled || !1, a = !e?.trim(), o = !this.multiple, s = this.multiple, c = m(this._value.length, this.maxlength), l = !1, u = !0, d = "", f = null, h = "";
+		i || (!r && this.allowUserInput && !a ? (this.addNewUserValue(e), d = "valueAdded", l = s) : !r && !this.allowUserInput ? (o && this._value[0] && this.removeValue(this._value[0]), u = !1, l = !0, d = "noResults") : n ? (this.removeValue(t), l = !0, o && this._hasTextInput && this.inputRef.value && this.inputRef.value.type !== "hidden" && (this.inputRef.value.value = "")) : a && o ? (this.removeAllSelected(), l = !0) : o ? (this._value[0] && this.removeSelected(this._value[0]), this.setSelected(t), l = !1, d = "valueSelected", f = this._hasTextInput ? D(t || "", this.options, this.displayValueAs) : _(p(this.options, t), this.displayValueAs)) : s && !c ? (this.setSelected(t), l = !0) : s && c ? (d = "maxSelected", u = !1, h = e) : (o && this.removeAllSelected(), d = "noValidValue", u = !1, l = !0, h = e), this._isOptionsOpen = l, l || window.setTimeout(() => {
 			this.focusAfterCommit();
-		}, 0), this._search = p || "", this.resetComboboxInput(u), this._userInfoMessage = d, this._messageValue = f, s && this.updateMaxReached());
+		}, 0), this._search = h || "", this.resetComboboxInput(u), this._userInfoMessage = d, this._messageValue = f, s && this.updateMaxReached());
 	}
 	setSelected(e) {
-		this._value.includes(e) || (this.multiple && _(this._value.length, this.maxlength) ? this._userInfoMessage = "maxSelected" : (!this.multiple && this.removeAllSelected(), this._value = e ? [...this._value, e] : this._value, O.markOptionSelected(this._options, e), this.resetComboboxInput(!0)));
+		this._value.includes(e) || (this.multiple && m(this._value.length, this.maxlength) ? this._userInfoMessage = "maxSelected" : (!this.multiple && this.removeAllSelected(), this._value = e ? [...this._value, e] : this._value, O.markOptionSelected(this._options, e), this.resetComboboxInput(!0)));
 	}
 	removeSelected(e) {
 		if (!e) return;
 		this._value = this._value.filter((t) => t !== e);
-		let t = g(this.options, e);
+		let t = p(this.options, e);
 		t && (O.markOptionDeselected(this.options, e), t.userAdded ? (this._options = [...this._options.filter((t) => t.value !== e)], this.options = [...this.options.filter((t) => t.value !== e)]) : this._options.some((t) => t.value === e) ? this.refreshOptionsFromValue() : this._options = [...this._options, t]);
 	}
 	addAllOptions() {
@@ -229,8 +228,8 @@ var M = class extends j {
 	addNewUserValue(e) {
 		if (!e || e.trim() === "") return;
 		if (!this.multiple) this._value[0] && this.removeSelected(this._value[0]), this._value = [e];
-		else if (!g(this.options, e)) {
-			if (_(this._value.length, this.maxlength)) return;
+		else if (!p(this.options, e)) {
+			if (m(this._value.length, this.maxlength)) return;
 			this._value = [...this._value, e];
 		}
 		let t = {
@@ -263,7 +262,7 @@ var M = class extends j {
 		let t = e.target;
 		if (this._search = t.value, this.checkForMatches(), this.typeahead) {
 			if (this._search) {
-				let { filtered: n, suggestion: r } = v(this.options, this._search);
+				let { filtered: n, suggestion: r } = h(this.options, this._search);
 				this._options = n, e.inputType !== "deleteContentBackward" && r?.label && this.inputRef.value && this.inputRef.value.type !== "hidden" && (t.value = r.label, window.setTimeout(() => t.setSelectionRange(this._search.length, t.value.length), 0), t.selectionDirection = "backward");
 			} else this.refreshOptionsFromValue();
 		}
@@ -285,7 +284,7 @@ var M = class extends j {
 			if (!this.multiple) {
 				if (!e) this._value[0] && this.removeSelected(this._value[0]);
 				else {
-					let t = g(this.options, e);
+					let t = p(this.options, e);
 					t && t.value !== this._value[0] ? (this._value[0] && this.removeSelected(this._value[0]), this.setSelected(t.value)) : !t && this.allowUserInput && (this._value[0] && this.removeSelected(this._value[0]), this.addNewUserValue(e));
 				}
 			} else if (e !== "") {
@@ -503,13 +502,13 @@ var M = class extends j {
 	render() {
 		return e`
       <pkt-input-wrapper
-        ${c(this, ["helptext"])}
+        ${v(this, ["helptext"])}
         .strings=${this.strings}
         .size=${this.inputSize}
         .label=${this.label}
         .helptext=${this.helptext}
-        .helptextDropdown=${u(this.helptextDropdown)}
-        .helptextDropdownButton=${u(this.helptextDropdownButton)}
+        .helptextDropdown=${o(this.helptextDropdown)}
+        .helptextDropdownButton=${o(this.helptextDropdownButton)}
         ?fullwidth=${this.fullwidth}
         ?counter=${this.effectiveCounter(!!this.multiple && this.maxlength != null)}
         .counterCurrent=${this._value.length}
@@ -531,7 +530,7 @@ var M = class extends j {
       >
         <div class="pkt-combobox" @focusout=${this.handleFocusOut}>
           <div
-            class=${o({
+            class=${l({
 			"pkt-combobox__input": !0,
 			[`pkt-combobox__input--${this.inputSize}`]: !0,
 			"pkt-combobox__input--fullwidth": this.fullwidth,
@@ -539,27 +538,27 @@ var M = class extends j {
 			"pkt-combobox__input--error": this.hasError,
 			"pkt-combobox__input--disabled": this.isDisabled
 		})}
-            id=${u(this._hasTextInput ? void 0 : `${this.id}-combobox`)}
-            role=${u(this._hasTextInput ? void 0 : "combobox")}
-            aria-expanded=${u(this._hasTextInput ? void 0 : this._isOptionsOpen ? "true" : "false")}
-            aria-controls=${u(this._hasTextInput ? void 0 : `${this.id}-listbox`)}
-            aria-haspopup=${u(this._hasTextInput ? void 0 : "listbox")}
-            aria-describedby=${u(this._hasTextInput ? void 0 : this._describedBy())}
-            aria-labelledby=${u(this._hasTextInput ? void 0 : `${this.id}-combobox-label`)}
-            aria-activedescendant=${u(!this._hasTextInput && this._isOptionsOpen && this._value[0] && g(this.options, this._value[0]) ? `${this.id}-listbox-${m(this._options, this._value[0])}` : void 0)}
-            aria-description=${u(this._selectionDescription || void 0)}
+            id=${o(this._hasTextInput ? void 0 : `${this.id}-combobox`)}
+            role=${o(this._hasTextInput ? void 0 : "combobox")}
+            aria-expanded=${o(this._hasTextInput ? void 0 : this._isOptionsOpen ? "true" : "false")}
+            aria-controls=${o(this._hasTextInput ? void 0 : `${this.id}-listbox`)}
+            aria-haspopup=${o(this._hasTextInput ? void 0 : "listbox")}
+            aria-describedby=${o(this._hasTextInput ? void 0 : this._describedBy())}
+            aria-labelledby=${o(this._hasTextInput ? void 0 : `${this.id}-combobox-label`)}
+            aria-activedescendant=${o(!this._hasTextInput && this._isOptionsOpen && this._value[0] && p(this.options, this._value[0]) ? `${this.id}-listbox-${d(this._options, this._value[0])}` : void 0)}
+            aria-description=${o(this._selectionDescription || void 0)}
             tabindex=${this._hasTextInput || this.isDisabled ? "-1" : "0"}
             @click=${this.handleInputClick}
             @keydown=${this._hasTextInput ? n : this.handleSelectOnlyKeydown}
             @blur=${this.restoreInputTab}
-            ${d(this.triggerRef)}
+            ${s(this.triggerRef)}
           >
             ${!this._hasTextInput && this.placeholder && (!this._value.length || this.multiple && this.tagPlacement == "outside") && !this._inputFocus ? e`<span class="pkt-combobox__placeholder" @click=${this.handlePlaceholderClick}
                     >${this.placeholder}</span
                   >` : this.tagPlacement === "outside" ? n : this.renderSingleOrMultipleValues()}
             ${this.renderInputField()}
             <pkt-icon
-              class=${o({
+              class=${l({
 			"pkt-combobox__arrow-icon": !0,
 			"pkt-combobox__arrow-icon--open": this._isOptionsOpen
 		})}
@@ -579,8 +578,8 @@ var M = class extends j {
             ?is-multi-select=${this.multiple}
             ?allow-user-input=${this.allowUserInput && !this._maxIsReached}
             ?max-is-reached=${this._maxIsReached}
-            .customUserInput=${u(this._addValueText)}
-            .userMessage=${this._userInfoMessage ? s(this.pktStrings.get("combobox")[this._userInfoMessage], { value: this._messageValue ?? "" }) : ""}
+            .customUserInput=${o(this._addValueText)}
+            .userMessage=${this._userInfoMessage ? x(this.pktStrings.get("combobox")[this._userInfoMessage], { value: this._messageValue ?? "" }) : ""}
             @search=${this.handleSearch}
             @option-toggle=${this.handleOptionToggled}
             @select-all=${this.addAllOptions}
@@ -588,7 +587,7 @@ var M = class extends j {
             @tab-close=${() => this.closeAndProcessInput()}
             .searchValue=${this._search || null}
             .maxLength=${this.maxlength || 0}
-            ${d(this.listboxRef)}
+            ${s(this.listboxRef)}
           ></pkt-listbox>
         </div>
 
@@ -599,7 +598,7 @@ var M = class extends j {
     `;
 	}
 	_describedBy() {
-		return l({
+		return S({
 			id: this._hasTextInput ? `${this.id}-input` : `${this.id}-combobox`,
 			hasHelptext: !!this.helptext || this.hasSlotContent("helptext"),
 			ariaDescribedby: this.ariaDescribedby
@@ -612,25 +611,25 @@ var M = class extends j {
               type="text"
               id="${this.id}-input"
               name=${(this.name || this.id) + "-input"}
-              placeholder=${u(!this._value.length || this.multiple && this.tagPlacement === "outside" ? this.placeholder : void 0)}
+              placeholder=${o(!this._value.length || this.multiple && this.tagPlacement === "outside" ? this.placeholder : void 0)}
               @input=${this.handleInput}
               @change=${(e) => {
 			e.stopPropagation(), e.stopImmediatePropagation();
 		}}
-              tabindex=${u(this._skipInputTab ? "-1" : void 0)}
+              tabindex=${o(this._skipInputTab ? "-1" : void 0)}
               @keydown=${this.handleInputKeydown}
               @focus=${this.handleFocus}
               @blur=${this.handleBlur}
               autocomplete="off"
               role="combobox"
               aria-expanded=${this._isOptionsOpen ? "true" : "false"}
-              aria-label=${u(this.label)}
-              aria-describedby=${u(this._describedBy())}
+              aria-label=${o(this.label)}
+              aria-describedby=${o(this._describedBy())}
               aria-autocomplete=${this.typeahead ? "both" : this.allowUserInput ? "list" : "none"}
               aria-controls="${this.id}-listbox"
-              aria-activedescendant=${u(this._isOptionsOpen && this._value[0] && g(this.options, this._value[0]) ? `${this.id}-listbox-${m(this._options, this._value[0])}` : void 0)}
-              aria-description=${u(this._selectionDescription || void 0)}
-              ${d(this.inputRef)}
+              aria-activedescendant=${o(this._isOptionsOpen && this._value[0] && p(this.options, this._value[0]) ? `${this.id}-listbox-${d(this._options, this._value[0])}` : void 0)}
+              aria-description=${o(this._selectionDescription || void 0)}
+              ${s(this.inputRef)}
             />
           </div>
         ` : e`
@@ -639,16 +638,16 @@ var M = class extends j {
             id="${this.id}-input"
             name=${(this.name || this.id) + "-input"}
             .value=${this._value.join(",")}
-            ${d(this.inputRef)}
+            ${s(this.inputRef)}
           />
         `;
 	}
 	renderSingleOrMultipleValues() {
 		if (!this.multiple && this._hasTextInput) return n;
-		let t = !this.multiple, r = this.renderValueTag(g(this.options, this._value[0])), i = this.tagPlacement === "outside", a = e`
+		let t = !this.multiple, r = this.renderValueTag(p(this.options, this._value[0])), i = this.tagPlacement === "outside", a = e`
       <ul role="list" class="pkt-combobox__tag-list">
-        ${p(this._value, (e) => e, (t, r) => {
-			let a = g(this.options, t), o = a?.tagSkinColor;
+        ${u(this._value, (e) => e, (t, r) => {
+			let a = p(this.options, t), o = a?.tagSkinColor;
 			return e`
               <li
                 role="listitem"
@@ -685,8 +684,6 @@ try {
 } catch {
 	console.warn("Forsøker å definere <pkt-combobox>, men den er allerede definert");
 }
-//#endregion
-//#region src/components/combobox/index.ts
+// src/components/combobox/index.ts
 var F = P;
-//#endregion
 export { P as n, F as t };

package/dist/combobox-DuXavWEY.cjs

@@ -0,0 +1,139 @@
+const e=require("./element-CEarCnHH.cjs"),t=require("./if-defined-Ci4ZQsgL.cjs"),n=require("./ref-C6VUWwmF.cjs"),r=require("./class-map-C82GtM1w.cjs"),i=require("./repeat-CjvNrcUr.cjs"),a=require("./listbox-Du8llYth.cjs"),o=require("./element-with-slot-D_8fAzCW.cjs"),s=require("./input-element-CfZIyfon.cjs"),c=require("./pkt-options-controller-WsHVdPJA.cjs"),l=require("./format-B8meU8Tm.cjs"),u=require("./input-wrapper-CbYMk21W.cjs");require("./icon-5A378_yh.cjs"),require("./tag-BAikRN2Y.cjs");var d={multiple:!1,typeahead:!1,includeSearch:!1,allowUserInput:!1,displayValueAs:`label`,inputSize:`medium`,disabled:!1,hasError:!1,required:!1,requiredTag:!1,optionalTag:!1,fullwidth:!1,inline:!1,useWrapper:!0},f=(e,t,n)=>{switch(e){case`,`:return n?`addValue`:null;case`Enter`:return`addValue`;case`Tab`:case`ArrowDown`:return t?null:`focusListbox`;case`Escape`:return`closeOptions`;default:return null}},p=(e,t,n,r,i)=>{if(!e)return{action:`none`,value:null};let o=a.i(n,e);return!t.includes(e)&&!o?r?{action:`addUserValue`,value:e}:i?{action:`none`,value:null}:{action:`removeValue`,value:t[0]}:o&&!t.includes(o.value)?{action:`selectOption`,value:o.value}:{action:`none`,value:null}},m=(e,t,n,r,i)=>e.trim().toLowerCase()?{...a.c(e,t,n,r),shouldRemoveValue:!1,shouldResetInput:!1}:{addValueText:null,userInfoMessage:``,shouldRemoveValue:!i&&!!t[0],shouldResetInput:!0},h=(e,t,n)=>{let r=a.i(t,e);return n===`label`&&r?.label?r.label:e},g={markOptionSelected(e,t){if(t){for(let n of e)if(n.value===t){n.selected=!0;break}}},markOptionDeselected(e,t){if(t){for(let n of e)if(n.value===t){n.selected=!1;break}}},markAllSelected(e){for(let t of e)t.selected=!0},markAllDeselected(e){for(let t of e)t.selected=!1},removeUserAddedOptions(e){return e.filter(e=>!e.userAdded)}},_={parseOptionsFromSlot(e){let t=[];return e.forEach(e=>{if(!e.textContent&&!e.getAttribute(`value`))return;let n={value:e.getAttribute(`value`)||e.textContent||``,label:e.textContent||e.getAttribute(`value`)||``};e.getAttribute(`data-prefix`)&&(n.prefix=e.getAttribute(`data-prefix`)||void 0),e.getAttribute(`tagskincolor`)&&(n.tagSkinColor=e.getAttribute(`tagskincolor`)),e.getAttribute(`description`)&&(n.description=e.getAttribute(`description`)||void 0),n.fulltext=a.r(n),t.push(n)}),t}},v={cloneOptions(e){return Array.isArray(e)?e.map(e=>({...e})):[]},syncOptionsWithValues(e,t){let n=[...t];return e.forEach(e=>{e.value&&!e.label&&(e.label=e.value),e.selected&&!n.includes(e.value)&&n.push(e.value),e.fulltext=a.r(e),e.selected=e.selected||n.includes(e.value)}),{options:e,newValues:n}},mergeWithUserAdded(e,t,n){return[...t.filter(e=>e?.userAdded&&n.includes(e.value)).filter(t=>!(Array.isArray(e)?e:[]).some(e=>e.value===t.value)),...e]}},y=class extends s.t{constructor(){super(),this.value=``,this.options=[],this.defaultOptions=[],this.allowUserInput=d.allowUserInput,this.typeahead=d.typeahead,this.includeSearch=d.includeSearch,this.searchPlaceholder=null,this.multiple=d.multiple,this.maxlength=null,this.displayValueAs=d.displayValueAs,this.tagPlacement=null,this.isOpen=!1,this._options=[],this._value=[],this._isOptionsOpen=!1,this._userInfoMessage=``,this._messageValue=null,this._addValueText=null,this._maxIsReached=!1,this._search=``,this._inputFocus=!1,this._skipInputTab=!1,this._optionsFromSlot=!1,this._lastSlotGeneration=0,this._suppressNextOpen=!1,this.inputRef=n.t(),this.triggerRef=n.t(),this.listboxRef=n.t(),this._pendingDispatchFrom=null,this.optionsController=new c.t(this)}get _hasTextInput(){return this.typeahead||this.allowUserInput}get _selectionDescription(){if(this.multiple&&this._value.length!==0)return`${this._value.length} valgt`}focusTrigger(){this._hasTextInput?this.inputRef.value?.focus():this.triggerRef.value?.focus()}focusAfterCommit(){this._skipInputTab=!0;let e=this.inputRef.value;e&&e.type!==`hidden`&&e.setAttribute(`tabindex`,`-1`),this.triggerRef.value?.focus()}restoreInputTab(){this._skipInputTab=!1}parseValue(){return this.parseToValues(this.value)}parseToValues(e){return Array.isArray(e)?this.multiple?e:e.length>0?[e[0]]:[]:e&&this.multiple?e.split(`,`):e?[e]:[]}updateMaxReached(){this._maxIsReached=a.l(this._value.length,this.maxlength)}syncPublicValue(){let e=this.multiple?this._value.join(`,`):this._value[0]||``;e!==(Array.isArray(this.value)?this.value.join(`,`):String(this.value||``))&&(this.value=e)}dispatchValueChange(e){let t=this._value;if(e?.join(`,`)!==t.join(`,`)){let e=this.multiple?[...t]:t[0]||``;this.onChange(e)}else t.length===0&&e&&e.length>0&&this.clearInputValue()}onChange(e){this.touched=!0,super.onChange(e)}valueChanged(){}};e.n([e.u({type:String,reflect:!0})],y.prototype,`value`,void 0),e.n([e.u({type:Array})],y.prototype,`options`,void 0),e.n([e.u({type:Array,attribute:`default-options`})],y.prototype,`defaultOptions`,void 0),e.n([e.u({type:Boolean,attribute:`allow-user-input`})],y.prototype,`allowUserInput`,void 0),e.n([e.u({type:Boolean})],y.prototype,`typeahead`,void 0),e.n([e.u({type:Boolean,attribute:`include-search`})],y.prototype,`includeSearch`,void 0),e.n([e.u({type:String,attribute:`search-placeholder`})],y.prototype,`searchPlaceholder`,void 0),e.n([e.u({type:Boolean})],y.prototype,`multiple`,void 0),e.n([e.u({type:Number})],y.prototype,`maxlength`,void 0),e.n([e.u({type:String,attribute:`display-value-as`})],y.prototype,`displayValueAs`,void 0),e.n([e.u({type:String,attribute:`tag-placement`})],y.prototype,`tagPlacement`,void 0),e.n([e.u({type:Boolean,attribute:`open`})],y.prototype,`isOpen`,void 0),e.n([e.l()],y.prototype,`_options`,void 0),e.n([e.l()],y.prototype,`_value`,void 0),e.n([e.l()],y.prototype,`_isOptionsOpen`,void 0),e.n([e.l()],y.prototype,`_userInfoMessage`,void 0),e.n([e.l()],y.prototype,`_messageValue`,void 0),e.n([e.l()],y.prototype,`_addValueText`,void 0),e.n([e.l()],y.prototype,`_maxIsReached`,void 0),e.n([e.l()],y.prototype,`_search`,void 0),e.n([e.l()],y.prototype,`_inputFocus`,void 0),e.n([e.l()],y.prototype,`_skipInputTab`,void 0);var b=class extends y{toggleValue(e){if(this.isDisabled)return;this.touched=!0,this._userInfoMessage=``,this._addValueText=null;let t=a.i(this.options,e)?.value||null,n=this._value.includes(e||t||``),r=!!t,i=this._options.find(t=>t.value===e)?.disabled||!1,o=!e?.trim(),s=!this.multiple,c=this.multiple,l=a.l(this._value.length,this.maxlength),u=!1,d=!0,f=``,p=null,m=``;i||(!r&&this.allowUserInput&&!o?(this.addNewUserValue(e),f=`valueAdded`,u=c):!r&&!this.allowUserInput?(s&&this._value[0]&&this.removeValue(this._value[0]),d=!1,u=!0,f=`noResults`):n?(this.removeValue(t),u=!0,s&&this._hasTextInput&&this.inputRef.value&&this.inputRef.value.type!==`hidden`&&(this.inputRef.value.value=``)):o&&s?(this.removeAllSelected(),u=!0):s?(this._value[0]&&this.removeSelected(this._value[0]),this.setSelected(t),u=!1,f=`valueSelected`,p=this._hasTextInput?h(t||``,this.options,this.displayValueAs):a.s(a.i(this.options,t),this.displayValueAs)):c&&!l?(this.setSelected(t),u=!0):c&&l?(f=`maxSelected`,d=!1,m=e):(s&&this.removeAllSelected(),f=`noValidValue`,d=!1,u=!0,m=e),this._isOptionsOpen=u,u||window.setTimeout(()=>{this.focusAfterCommit()},0),this._search=m||``,this.resetComboboxInput(d),this._userInfoMessage=f,this._messageValue=p,c&&this.updateMaxReached())}setSelected(e){this._value.includes(e)||(this.multiple&&a.l(this._value.length,this.maxlength)?this._userInfoMessage=`maxSelected`:(!this.multiple&&this.removeAllSelected(),this._value=e?[...this._value,e]:this._value,g.markOptionSelected(this._options,e),this.resetComboboxInput(!0)))}removeSelected(e){if(!e)return;this._value=this._value.filter(t=>t!==e);let t=a.i(this.options,e);t&&(g.markOptionDeselected(this.options,e),t.userAdded?(this._options=[...this._options.filter(t=>t.value!==e)],this.options=[...this.options.filter(t=>t.value!==e)]):this._options.some(t=>t.value===e)?this.refreshOptionsFromValue():this._options=[...this._options,t])}addAllOptions(){this.multiple&&(this.maxlength&&this._options.length>this.maxlength?this._userInfoMessage=`tooManySelected`:(this._value=this._options.map(e=>e.value),g.markAllSelected(this._options),this.requestUpdate()))}removeAllSelected(){this._value=[],g.markAllDeselected(this._options),this._options=g.removeUserAddedOptions(this._options),this.requestUpdate()}addValue(){let e=this.inputRef.value?.value.trim()||``;this._search=e,e&&this._value.includes(e)?(this.resetComboboxInput(!0),this._userInfoMessage=`alreadySelected`):this.toggleValue(e)}removeValue(e){this._value=this.multiple?this._value.filter(t=>t!==e):[],this.removeSelected(e)}addNewUserValue(e){if(!e||e.trim()===``)return;if(!this.multiple)this._value[0]&&this.removeSelected(this._value[0]),this._value=[e];else if(!a.i(this.options,e)){if(a.l(this._value.length,this.maxlength))return;this._value=[...this._value,e]}let t={value:e,label:e,userAdded:!0,selected:!0};this.options=[t,...this.options],this._options=[t,...this._options],this.resetComboboxInput(!0),this.multiple||(this._isOptionsOpen=!1,window.setTimeout(()=>{this.focusAfterCommit()},0)),this.requestUpdate()}refreshOptionsFromValue(){let e=v.cloneOptions(this.options);e.forEach(e=>e.selected=this._value.includes(e.value)),this._options=v.syncOptionsWithValues(e,this._value).options}resetComboboxInput(e=!0){this._addValueText=null,this.inputRef.value&&this.inputRef.value.type!==`hidden`&&e&&(this._search=``,this.multiple?this.inputRef.value.value=``:(this.inputRef.value.value=this._value[0]?h(this._value[0],this.options,this.displayValueAs):``,this._userInfoMessage=``)),this.refreshOptionsFromValue()}removeLastValue(e){if(this._value.length===0)return;e.preventDefault();let t=this._value[this._value.length-1];t&&this.removeSelected(t),this.updateMaxReached()}},x=class extends b{handleInput(e){if(e.stopPropagation(),e.stopImmediatePropagation(),this.isDisabled)return;this.touched=!0;let t=e.target;if(this._search=t.value,this.checkForMatches(),this.typeahead){if(this._search){let{filtered:n,suggestion:r}=a.o(this.options,this._search);this._options=n,e.inputType!==`deleteContentBackward`&&r?.label&&this.inputRef.value&&this.inputRef.value.type!==`hidden`&&(t.value=r.label,window.setTimeout(()=>t.setSelectionRange(this._search.length,t.value.length),0),t.selectionDirection=`backward`)}else this.refreshOptionsFromValue()}}handleFocus(){this.isDisabled||(this._skipInputTab=!1,this._suppressNextOpen?(this._suppressNextOpen=!1,this._inputFocus=!0,this.requestUpdate()):(!this.multiple&&this._value[0]&&this.inputRef.value&&this.inputRef.value.type!==`hidden`&&(this.inputRef.value.value=h(this._value[0],this.options,this.displayValueAs)),this._inputFocus=!0,this._search=``,this.refreshOptionsFromValue(),this._isOptionsOpen=!0,this.onFocus(),this.requestUpdate()))}handleCloseOptions(){this._isOptionsOpen=!1,this._hasTextInput&&(this._suppressNextOpen=!0),this.focusTrigger()}handleFocusOut(e){if(this.isDisabled||!this._isOptionsOpen)return;let t=e.relatedTarget;t?.closest(`pkt-combobox`)?.id===this.id||e.target?.classList?.contains(`pkt-combobox__value`)||t===this.inputRef.value||t===this.triggerRef.value||this.closeAndProcessInput()}closeAndProcessInput(){if(this._inputFocus=!1,this._addValueText=null,this._userInfoMessage=``,this._search=``,this.inputRef.value&&this.inputRef.value.type!==`hidden`){let e=this.inputRef.value.value;if(!this.multiple){if(!e)this._value[0]&&this.removeSelected(this._value[0]);else{let t=a.i(this.options,e);t&&t.value!==this._value[0]?(this._value[0]&&this.removeSelected(this._value[0]),this.setSelected(t.value)):!t&&this.allowUserInput&&(this._value[0]&&this.removeSelected(this._value[0]),this.addNewUserValue(e))}}else if(e!==``){let{action:t,value:n}=p(e,this._value,this.options,this.allowUserInput,this.multiple);switch(t){case`addUserValue`:this.addNewUserValue(n);break;case`selectOption`:this.setSelected(n);break;case`removeValue`:this.removeValue(n)}}!this.multiple&&this._value[0]?this.inputRef.value.value=h(this._value[0],this.options,this.displayValueAs):this.inputRef.value.value=``}this._isOptionsOpen=!1,this.onBlur()}handleBlur(){this._inputFocus=!1,this.onBlur()}handleInputClick(e){this.isDisabled?(e.preventDefault(),e.stopImmediatePropagation()):this._hasTextInput?(this.inputRef.value?.focus(),this.requestUpdate()):(e.stopImmediatePropagation(),e.preventDefault(),this._isOptionsOpen=!this._isOptionsOpen,this._isOptionsOpen&&this.listboxRef.value?.focusFirstOrSelectedOption())}handlePlaceholderClick(e){this.isDisabled||(e.stopPropagation(),this._hasTextInput&&this.inputRef.value?(this.inputRef.value.focus(),this._inputFocus=!0,this.requestUpdate()):(this._isOptionsOpen=!this._isOptionsOpen,this.requestUpdate()))}handleSelectOnlyKeydown(e){if(!this.isDisabled)switch(e.key){case`Enter`:case` `:case`ArrowDown`:case`ArrowUp`:e.preventDefault(),this._isOptionsOpen?this._isOptionsOpen=!1:(this._isOptionsOpen=!0,this.listboxRef.value?.focusFirstOrSelectedOption());break;case`Escape`:this._isOptionsOpen&&=(e.preventDefault(),!1);break;case`Home`:case`End`:e.preventDefault(),this._isOptionsOpen||=!0,this.listboxRef.value?.focusFirstOrSelectedOption();break;case`ArrowLeft`:this.multiple&&this._value.length>0&&(e.preventDefault(),this.focusTag(this._value.length-1));break;case`Backspace`:case`Delete`:this.multiple&&this._value.length>0&&(e.preventDefault(),this.removeSelected(this._value[this._value.length-1]))}}handleOptionToggled(e){this.toggleValue(e.detail)}handleSearch(e){e.stopPropagation(),this._search=e.detail.toLowerCase(),this.checkForMatches()}handleInputKeydown(e){if(e.key===`Backspace`){let t=!this.inputRef.value?.value;!this._search&&t&&this.multiple&&this._value.length>0&&this.removeLastValue(e);return}if(e.key===`ArrowLeft`&&this.multiple&&this._value.length>0){let t=this.inputRef.value;if(t&&t.selectionStart===0&&!t.value){e.preventDefault(),this.focusTag(this._value.length-1);return}}let t=f(e.key,e.shiftKey,this.multiple);if(t&&(e.key!==`Tab`||this._isOptionsOpen)){if(t===`focusListbox`&&e.key===`Tab`&&!this.listboxRef.value?.querySelector(`[role="option"]:not([data-disabled]), [data-type="new-option"]`))this.closeAndProcessInput();else switch(e.preventDefault(),t){case`addValue`:this.addValue();break;case`focusListbox`:this.listboxRef.value?.focusFirstOrSelectedOption();break;case`closeOptions`:this._isOptionsOpen=!1}}}handleTagRemove(e){this.removeSelected(e),this._hasTextInput&&this.inputRef.value&&(this._inputFocus=!0,this.inputRef.value.focus(),this.requestUpdate())}getInsideTags(){return Array.from(this.querySelectorAll(`.pkt-combobox__input .pkt-combobox__tag-list pkt-tag`))}focusTag(e){let t=this.getInsideTags();t.forEach((t,n)=>{t.buttonTabindex=n===e?0:-1}),(t[e]?.querySelector(`button`))?.focus()}resetTagTabindices(){this.getInsideTags().forEach(e=>{e.buttonTabindex=-1})}handleTagKeydown(e,t){e.stopPropagation();let n=()=>{this.resetTagTabindices(),this._hasTextInput&&this.inputRef.value?this.inputRef.value.focus():this.triggerRef.value?.focus()};switch(e.key){case`ArrowLeft`:e.preventDefault(),t>0&&this.focusTag(t-1);break;case`ArrowRight`:e.preventDefault(),t<this._value.length-1?this.focusTag(t+1):n();break;case`Backspace`:case`Delete`:e.preventDefault();{let e=this._value[t],r=t>=this._value.length-1?t-1:t;this.removeSelected(e),r>=0?(this.requestUpdate(),this.updateComplete.then(()=>this.focusTag(r))):n()}break;case`Tab`:this.resetTagTabindices();break;case`Escape`:e.preventDefault(),n()}}checkForMatches(){let e=m(this.inputRef.value?.value||this._search||``,this._value,this.options,this.allowUserInput,this.multiple);e.shouldRemoveValue&&this.removeValue(this._value[0]),e.shouldResetInput?this.resetComboboxInput(!1):(this._addValueText=e.addValueText,this._userInfoMessage=e.userInfoMessage)}},S=class extends x{constructor(...e){super(...e),this.handleBodyClick=e=>{this._isOptionsOpen&&!this.contains(e.target)&&this.closeAndProcessInput()}}connectedCallback(){if(super.connectedCallback(),document?.body.addEventListener(`click`,this.handleBodyClick),this._options=[],this.defaultOptions&&this.defaultOptions.length){let e=this.options?.filter(e=>e.userAdded)||[];this.options=[...e,...JSON.parse(JSON.stringify(this.defaultOptions))],this._options=v.cloneOptions(this.options)}if(this.optionsController?.nodes&&this.optionsController.nodes.length){let e=_.parseOptionsFromSlot(this.optionsController.nodes);e.length&&(this.options=[...e],this._options=[...e],this._optionsFromSlot=!0,this._lastSlotGeneration=this.optionsController.generation)}}disconnectedCallback(){super.disconnectedCallback(),document?.body.removeEventListener(`click`,this.handleBodyClick)}firstUpdated(e){this.defaultValue!==null&&!this.value&&(this.value=this.defaultValue),super.firstUpdated(e)}willUpdate(e){if(this._optionsFromSlot&&this.optionsController){let e=this.optionsController.generation;if(e!==this._lastSlotGeneration){this._lastSlotGeneration=e;let t=_.parseOptionsFromSlot(this.optionsController.nodes),n=this._options.filter(e=>e.userAdded);this.options=[...n,...t]}}if(super.willUpdate(e),e.has(`isOpen`)&&(this._isOptionsOpen=this.isOpen),e.has(`defaultOptions`)&&this.defaultOptions.length){let e=(Array.isArray(this.options)?this.options:[]).filter(e=>e.userAdded)||[];this.options=[...e,...JSON.parse(JSON.stringify(this.defaultOptions))],this._options=v.cloneOptions(this.options)}let t=e.has(`value`),n=e.has(`_value`);if(t){let e=[...this._value],t=this.parseValue();t.join(`,`)!==this._value.join(`,`)&&(this._value=t,this._options.forEach(e=>e.selected=t.includes(e.value)),this._options=[...this._options]),this._pendingDispatchFrom??=e}else n&&(this._pendingDispatchFrom??=e.get(`_value`)??[]);if(e.has(`defaultValue`)&&this.defaultValue!=null&&!this._value.length){let e=this.parseToValues(this.defaultValue);e.length&&(this._pendingDispatchFrom??=[...this._value],this._value=e,this._options.forEach(t=>t.selected=e.includes(t.value)),this._options=[...this._options])}if(e.has(`options`)){let t=e.get(`options`)||this._options||[],n=v.mergeWithUserAdded(v.cloneOptions(this.options),t,this._value);this._options=n,n.length>this.options.length&&(this.options=n);let r=v.syncOptionsWithValues(this._options,this._value);this._options=r.options,r.newValues.length>this._value.length&&(this._pendingDispatchFrom??=[...this._value],this._value=r.newValues)}(t||n||e.has(`options`)||e.has(`defaultValue`))&&this.updateMaxReached(),this._pendingDispatchFrom&&this.syncPublicValue()}updated(e){if(this._pendingDispatchFrom){let e=this._pendingDispatchFrom;this._pendingDispatchFrom=null,this.dispatchValueChange(e)}if(e.has(`_search`)&&this.dispatchEvent(new CustomEvent(`search`,{detail:this._search,bubbles:!1})),!this._isOptionsOpen&&this._hasTextInput&&this.inputRef.value&&this.inputRef.value.type!==`hidden`){let e=!this.multiple&&this._value[0]?h(this._value[0],this.options,this.displayValueAs):``;this.inputRef.value.value!==e&&(this.inputRef.value.value=e)}this.classList.add(`pkt-combobox-component`),this.classList.toggle(`pkt-combobox-component--fullwidth`,!!this.fullwidth),super.updated(e)}formResetCallback(){this.touched=!1;let e=this.defaultValue||(this.multiple,``);this.value=e,this._value=this.parseValue(),this._options=this._options.filter(e=>!e.userAdded).map(e=>({...e,selected:this._value.includes(e.value)})),this.options=this.options.filter(e=>!e.userAdded).map(e=>({...e,selected:this._value.includes(e.value)})),this._search=``,this._isOptionsOpen=!1,this._userInfoMessage=``,this._addValueText=null,this._inputFocus=!1,this.updateMaxReached(),this.inputRef.value&&this.inputRef.value.type!==`hidden`&&(this.inputRef.value.value=``),this.setFormValue(``),this.internals.ariaInvalid=`false`,this.requestUpdate()}attributeChangedCallback(e,t,n){if(e===`options`){this._options=v.cloneOptions(this.options);let e=v.syncOptionsWithValues(this._options,this._value);this._options=e.options,e.newValues.length>this._value.length&&(this._value=e.newValues),this._search=``}super.attributeChangedCallback(e,t,n)}render(){return e._`
+      <pkt-input-wrapper
+        ${o.n(this,[`helptext`])}
+        .strings=${this.strings}
+        .size=${this.inputSize}
+        .label=${this.label}
+        .helptext=${this.helptext}
+        .helptextDropdown=${t.t(this.helptextDropdown)}
+        .helptextDropdownButton=${t.t(this.helptextDropdownButton)}
+        ?fullwidth=${this.fullwidth}
+        ?counter=${this.effectiveCounter(!!this.multiple&&this.maxlength!=null)}
+        .counterCurrent=${this._value.length}
+        .counterMaxLength=${this.maxlength??0}
+        ?hasError=${this.hasError}
+        ?inline=${this.inline}
+        ?disabled=${this.isDisabled}
+        .errorMessage=${this.errorMessage}
+        ?optionalTag=${this.optionalTag}
+        .optionalText=${this.optionalText}
+        ?requiredTag=${this.requiredTag}
+        .requiredText=${this.requiredText}
+        .tagText=${this.tagText}
+        useWrapper=${this.useWrapper}
+        .forId=${this._hasTextInput?this.id+`-input`:this.id+`-combobox`}
+        ?hasFieldset=${this.effectiveHasFieldset(!this._hasTextInput)}
+        class="pkt-combobox__wrapper"
+        @labelClick=${this.handleInputClick}
+      >
+        <div class="pkt-combobox" @focusout=${this.handleFocusOut}>
+          <div
+            class=${r.t({"pkt-combobox__input":!0,[`pkt-combobox__input--${this.inputSize}`]:!0,"pkt-combobox__input--fullwidth":this.fullwidth,"pkt-combobox__input--open":this._isOptionsOpen,"pkt-combobox__input--error":this.hasError,"pkt-combobox__input--disabled":this.isDisabled})}
+            id=${t.t(this._hasTextInput?void 0:`${this.id}-combobox`)}
+            role=${t.t(this._hasTextInput?void 0:`combobox`)}
+            aria-expanded=${t.t(this._hasTextInput?void 0:this._isOptionsOpen?`true`:`false`)}
+            aria-controls=${t.t(this._hasTextInput?void 0:`${this.id}-listbox`)}
+            aria-haspopup=${t.t(this._hasTextInput?void 0:`listbox`)}
+            aria-describedby=${t.t(this._hasTextInput?void 0:this._describedBy())}
+            aria-labelledby=${t.t(this._hasTextInput?void 0:`${this.id}-combobox-label`)}
+            aria-activedescendant=${t.t(!this._hasTextInput&&this._isOptionsOpen&&this._value[0]&&a.i(this.options,this._value[0])?`${this.id}-listbox-${a.a(this._options,this._value[0])}`:void 0)}
+            aria-description=${t.t(this._selectionDescription||void 0)}
+            tabindex=${this._hasTextInput||this.isDisabled?`-1`:`0`}
+            @click=${this.handleInputClick}
+            @keydown=${this._hasTextInput?e.h:this.handleSelectOnlyKeydown}
+            @blur=${this.restoreInputTab}
+            ${n.n(this.triggerRef)}
+          >
+            ${!this._hasTextInput&&this.placeholder&&(!this._value.length||this.multiple&&this.tagPlacement==`outside`)&&!this._inputFocus?e._`<span class="pkt-combobox__placeholder" @click=${this.handlePlaceholderClick}
+                    >${this.placeholder}</span
+                  >`:this.tagPlacement===`outside`?e.h:this.renderSingleOrMultipleValues()}
+            ${this.renderInputField()}
+            <pkt-icon
+              class=${r.t({"pkt-combobox__arrow-icon":!0,"pkt-combobox__arrow-icon--open":this._isOptionsOpen})}
+              name="chevron-thin-down"
+              aria-hidden="true"
+            ></pkt-icon>
+          </div>
+
+          <pkt-listbox
+            id="${this.id}-listbox"
+            .options=${this._options}
+            .isOpen=${this._isOptionsOpen}
+            .searchPlaceholder=${this.searchPlaceholder}
+            .label="Liste: ${this.label||``}"
+            ?disabled=${this.isDisabled}
+            ?include-search=${this.includeSearch}
+            ?is-multi-select=${this.multiple}
+            ?allow-user-input=${this.allowUserInput&&!this._maxIsReached}
+            ?max-is-reached=${this._maxIsReached}
+            .customUserInput=${t.t(this._addValueText)}
+            .userMessage=${this._userInfoMessage?l.t(this.pktStrings.get(`combobox`)[this._userInfoMessage],{value:this._messageValue??``}):``}
+            @search=${this.handleSearch}
+            @option-toggle=${this.handleOptionToggled}
+            @select-all=${this.addAllOptions}
+            @close-options=${this.handleCloseOptions}
+            @tab-close=${()=>this.closeAndProcessInput()}
+            .searchValue=${this._search||null}
+            .maxLength=${this.maxlength||0}
+            ${n.n(this.listboxRef)}
+          ></pkt-listbox>
+        </div>
+
+        ${this.tagPlacement===`outside`&&this.multiple?e._`<div class="pkt-combobox__tags-outside">
+                ${this.renderSingleOrMultipleValues()}
+              </div>`:e.h}
+      </pkt-input-wrapper>
+    `}_describedBy(){return u.r({id:this._hasTextInput?`${this.id}-input`:`${this.id}-combobox`,hasHelptext:!!this.helptext||this.hasSlotContent(`helptext`),ariaDescribedby:this.ariaDescribedby})}renderInputField(){return this.typeahead||this.allowUserInput?e._`
+          <div class="pkt-combobox__input-div combobox__input">
+            <input
+              type="text"
+              id="${this.id}-input"
+              name=${(this.name||this.id)+`-input`}
+              placeholder=${t.t(!this._value.length||this.multiple&&this.tagPlacement===`outside`?this.placeholder:void 0)}
+              @input=${this.handleInput}
+              @change=${e=>{e.stopPropagation(),e.stopImmediatePropagation()}}
+              tabindex=${t.t(this._skipInputTab?`-1`:void 0)}
+              @keydown=${this.handleInputKeydown}
+              @focus=${this.handleFocus}
+              @blur=${this.handleBlur}
+              autocomplete="off"
+              role="combobox"
+              aria-expanded=${this._isOptionsOpen?`true`:`false`}
+              aria-label=${t.t(this.label)}
+              aria-describedby=${t.t(this._describedBy())}
+              aria-autocomplete=${this.typeahead?`both`:this.allowUserInput?`list`:`none`}
+              aria-controls="${this.id}-listbox"
+              aria-activedescendant=${t.t(this._isOptionsOpen&&this._value[0]&&a.i(this.options,this._value[0])?`${this.id}-listbox-${a.a(this._options,this._value[0])}`:void 0)}
+              aria-description=${t.t(this._selectionDescription||void 0)}
+              ${n.n(this.inputRef)}
+            />
+          </div>
+        `:e._`
+          <input
+            type="hidden"
+            id="${this.id}-input"
+            name=${(this.name||this.id)+`-input`}
+            .value=${this._value.join(`,`)}
+            ${n.n(this.inputRef)}
+          />
+        `}renderSingleOrMultipleValues(){if(!this.multiple&&this._hasTextInput)return e.h;let t=!this.multiple,n=this.renderValueTag(a.i(this.options,this._value[0])),r=this.tagPlacement===`outside`,o=e._`
+      <ul role="list" class="pkt-combobox__tag-list">
+        ${i.t(this._value,e=>e,(t,n)=>{let i=a.i(this.options,t),o=i?.tagSkinColor;return e._`
+              <li
+                role="listitem"
+                @click=${r?e.h:e=>e.stopPropagation()}
+                @mousedown=${r?e.h:e=>e.preventDefault()}
+              >
+                <pkt-tag
+                  skin=${o||`blue`}
+                  ?closeTag=${!this.isDisabled}
+                  .buttonTabindex=${r?void 0:-1}
+                  @close=${()=>this.handleTagRemove(t)}
+                  @keydown=${r?e.h:e=>this.handleTagKeydown(e,n)}
+                >
+                  ${this.renderValueTag(i)}
+                </pkt-tag>
+              </li>
+            `})}
+      </ul>
+    `;return!t&&this._value.length===0?e.h:t?n:o}renderValueTag(t){if(!t)return``;switch(this.displayValueAs){case`prefixAndValue`:return e._`<span class="pkt-combobox__value">${t.prefix||``} ${t.value}</span>`;case`value`:return e._`<span class="pkt-combobox__value">${t.value}</span>`;default:return e._`<span class="pkt-combobox__value">${t.label||t.value}</span>`}}};try{e.d(`pkt-combobox`)(S)}catch{console.warn(`Forsøker å definere <pkt-combobox>, 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/{consent-UkinU27V.cjs → consent-BOSXNt4Y.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-CEarCnHH.cjs");require("./shared-types-BvRk9kiK.cjs"),require("./button-bVWAX98x.cjs");var t={i18n:{nb:{contentPresentation:{title:`Oslo kommune bruker informasjonskapsler`,description:[`For at nettstedet skal fungere og være trygt, bruker Oslo kommune informasjonskapsler. Noen er teknisk nødvendige, mens andre sikrer ulik funksjonalitet.`,`Godtar du alle informasjonskapsler, tillater du også at vi samler inn data om statistikk og brukeradferd. Da hjelper du oss med å lage et bedre nettsted uten at du trenger å dele noe personlig informasjon med oss.`],buttons:{accept:`Godta alle`,reject:`Kun nødvendige`,settings:`Innstillinger for informasjonskapsler`}},contentSettings:{title:`Innstillinger for informasjonskapsler`,description:[`Her kan du velge hvilke typer informasjonskapsler du vil tillate. Tillatelsen gjelder i 90 dager. Husk at nødvendige informasjonskapsler ikke kan velges bort.`,`Du kan når som helst endre innstillingene og finne mer informasjon nederst på nettstedet under «Innstillinger for informasjonskapsler» og «Personvern og informasjonskapsler».`],buttons:{back:`Tilbake`,save:`Lagre innstillinger`}}},en:{contentPresentation:{title:`Before you visit Oslo kommune ...`,description:[`This website uses cookies to make improvements. In this context, we need your consent to measure the traffic on the website in relation to statistics and feedback.`,`To read more about what we use cookies for, go to our privacy declaration which you will find at the bottom of our websites.`],buttons:{accept:`Yes, I accept`,reject:`Only necessary`,settings:`Go to settings`}},contentSettings:{title:`Her kan du aktivt velge mellom ulike informasjonskapsler`,description:[`For å lese mer om hva vi bruker informasjonskapsler til gå til vår personvernserklering som du finner på våre nettsider`],buttons:{back:`Back`,save:`Save settings`}}}},cookies:[{name:`statistics`,defaultValue:null,i18n:{nb:{title:`Statistikk og analyse`,description:`Jeg godtar at Oslo kommune bruker informasjonskapsler til å innhente data om statistikk og brukeradferd.`,buttons:{yes:`Ja`,no:`Nei`}},en:{title:`Statistics and analytics`,description:`Select your preference for statistics and analytics`,buttons:{yes:`Yes`,no:`No`}}}},{name:`survey`,defaultValue:null,i18n:{nb:{title:`Skriftlige tilbakemeldinger`,description:`Jeg godtar at Oslo kommune bruker informasjonskapsler til å vise responsfelt og registrere tilbakemeldinger.`,buttons:{yes:`Ja`,no:`Nei`}},en:{title:`Survey`,description:`Select your preference for survey`,buttons:{yes:`Yes`,no:`No`}}}},{name:`functional`,defaultValue:!0,i18n:{nb:{title:`Funksjonelle informasjonskapsler`,description:`Jeg godtar at Oslo kommune bruker informasjonskapsler for å gjøre ulike funksjoner på nettstedet mulige (for eksempel skjemaer og barnehagevelger).`,buttons:{yes:`Ja`,no:`Nei`}},en:{title:`Functional cookies`,description:`For the website to function optimally, we recommend that you accept these cookies`,buttons:{yes:`Yes`,no:`No`}}}}]},n={devMode:!1,i18nLanguage:`nb`,triggerType:`button`},r=null;function i(){return r||(r=new Promise((e,t)=>{if(document.querySelector(`#oslo-consent-script`)){e();return}let n=document.createElement(`script`);n.src=`https://cdn.web.oslo.kommune.no/cb/cb-v2.0.0.js`,n.id=`oslo-consent-script`,n.onload=()=>e(),n.onerror=t,document.head.appendChild(n);let r=document.createElement(`link`);r.href=`https://cdn.web.oslo.kommune.no/cb/cb-v2.0.0.css`,r.type=`text/css`,r.rel=`stylesheet`,r.id=`oslo-consent-styles`,document.head.appendChild(r)}),r)}var a=e=>{if(typeof e!=`string`)return e;try{return JSON.parse(e)}catch{return e}},o=e=>a(e.value).items.reduce((e,t)=>(e[t.name]=t.consent,e),{}),s=class extends e.t{constructor(...e){super(...e),this.devMode=n.devMode,this.hotjarId=null,this.googleAnalyticsId=null,this.cookieDomain=null,this.cookieSecure=null,this.cookieExpiryDays=null,this.triggerType=n.triggerType,this.triggerText=null,this.i18nLanguage=n.i18nLanguage}connectedCallback(){super.connectedCallback();let e=Object.prototype.hasOwnProperty.call(t.i18n,this.i18nLanguage)?this.i18nLanguage:`nb`;this.triggerText=this.triggerText||t.i18n[e].contentPresentation.buttons.settings}disconnectedCallback(){super.disconnectedCallback(),this._cookieEventHandler&&window.__cookieEvents?.off(`CookieManager.setCookie`,this._cookieEventHandler)}returnJsonOrObject(e){return a(e)}emitCookieConsents(e){this.dispatchEvent(new CustomEvent(`toggle-consent`,{detail:o(e),bubbles:!0,cancelable:!1}))}async firstUpdated(e){window.cookieBanner_googleAnalyticsId=this.googleAnalyticsId,window.cookieBanner_hotjarId=this.hotjarId,this.cookieDomain&&(window.cookieBanner_cookieDomain=this.cookieDomain),this.cookieSecure&&(window.cookieBanner_cookieSecure=this.cookieSecure),this.cookieExpiryDays&&(window.cookieBanner_cookieExpiryDays=this.cookieExpiryDays),this.devMode&&(window.cookieBanner_devMode=this.devMode),await i(),this.triggerInit()}triggerInit(){window.document.dispatchEvent(new Event(`CookieBannerReady`,{bubbles:!0,cancelable:!0}));let e=window.cookieBanner,t=window.__cookieEvents;e&&t&&e.cookieConsent.validateConsentCookie().then(n=>{if(!n)return;let r=e.cookieConsent.getConsentCookie();window.setTimeout(()=>this.emitCookieConsents({value:r}),0),this._cookieEventHandler&&t.off(`CookieManager.setCookie`,this._cookieEventHandler),this._cookieEventHandler=e=>this.emitCookieConsents(e),t.on(`CookieManager.setCookie`,this._cookieEventHandler)})}openModal(e){e.preventDefault(),window.cookieBanner?.cookieConsent||this.triggerInit(),setTimeout(()=>window.cookieBanner?.openCookieModal())}render(){return this.triggerType===`link`?e._`<a href="#" class="pkt-link" aria-haspopup="dialog" @click=${this.openModal}
+const e=require("./element-CEarCnHH.cjs");require("./shared-types-BvRk9kiK.cjs"),require("./button-DHVRpzpS.cjs");var t={i18n:{nb:{contentPresentation:{title:`Oslo kommune bruker informasjonskapsler`,description:[`For at nettstedet skal fungere og være trygt, bruker Oslo kommune informasjonskapsler. Noen er teknisk nødvendige, mens andre sikrer ulik funksjonalitet.`,`Godtar du alle informasjonskapsler, tillater du også at vi samler inn data om statistikk og brukeradferd. Da hjelper du oss med å lage et bedre nettsted uten at du trenger å dele noe personlig informasjon med oss.`],buttons:{accept:`Godta alle`,reject:`Kun nødvendige`,settings:`Innstillinger for informasjonskapsler`}},contentSettings:{title:`Innstillinger for informasjonskapsler`,description:[`Her kan du velge hvilke typer informasjonskapsler du vil tillate. Tillatelsen gjelder i 90 dager. Husk at nødvendige informasjonskapsler ikke kan velges bort.`,`Du kan når som helst endre innstillingene og finne mer informasjon nederst på nettstedet under «Innstillinger for informasjonskapsler» og «Personvern og informasjonskapsler».`],buttons:{back:`Tilbake`,save:`Lagre innstillinger`}}},en:{contentPresentation:{title:`Before you visit Oslo kommune ...`,description:[`This website uses cookies to make improvements. In this context, we need your consent to measure the traffic on the website in relation to statistics and feedback.`,`To read more about what we use cookies for, go to our privacy declaration which you will find at the bottom of our websites.`],buttons:{accept:`Yes, I accept`,reject:`Only necessary`,settings:`Go to settings`}},contentSettings:{title:`Her kan du aktivt velge mellom ulike informasjonskapsler`,description:[`For å lese mer om hva vi bruker informasjonskapsler til gå til vår personvernserklering som du finner på våre nettsider`],buttons:{back:`Back`,save:`Save settings`}}}},cookies:[{name:`statistics`,defaultValue:null,i18n:{nb:{title:`Statistikk og analyse`,description:`Jeg godtar at Oslo kommune bruker informasjonskapsler til å innhente data om statistikk og brukeradferd.`,buttons:{yes:`Ja`,no:`Nei`}},en:{title:`Statistics and analytics`,description:`Select your preference for statistics and analytics`,buttons:{yes:`Yes`,no:`No`}}}},{name:`survey`,defaultValue:null,i18n:{nb:{title:`Skriftlige tilbakemeldinger`,description:`Jeg godtar at Oslo kommune bruker informasjonskapsler til å vise responsfelt og registrere tilbakemeldinger.`,buttons:{yes:`Ja`,no:`Nei`}},en:{title:`Survey`,description:`Select your preference for survey`,buttons:{yes:`Yes`,no:`No`}}}},{name:`functional`,defaultValue:!0,i18n:{nb:{title:`Funksjonelle informasjonskapsler`,description:`Jeg godtar at Oslo kommune bruker informasjonskapsler for å gjøre ulike funksjoner på nettstedet mulige (for eksempel skjemaer og barnehagevelger).`,buttons:{yes:`Ja`,no:`Nei`}},en:{title:`Functional cookies`,description:`For the website to function optimally, we recommend that you accept these cookies`,buttons:{yes:`Yes`,no:`No`}}}}]},n={devMode:!1,i18nLanguage:`nb`,triggerType:`button`},r=null;function i(){return r||(r=new Promise((e,t)=>{if(document.querySelector(`#oslo-consent-script`)){e();return}let n=document.createElement(`script`);n.src=`https://cdn.web.oslo.kommune.no/cb/cb-v2.0.0.js`,n.id=`oslo-consent-script`,n.onload=()=>e(),n.onerror=t,document.head.appendChild(n);let r=document.createElement(`link`);r.href=`https://cdn.web.oslo.kommune.no/cb/cb-v2.0.0.css`,r.type=`text/css`,r.rel=`stylesheet`,r.id=`oslo-consent-styles`,document.head.appendChild(r)}),r)}var a=e=>{if(typeof e!=`string`)return e;try{return JSON.parse(e)}catch{return e}},o=e=>a(e.value).items.reduce((e,t)=>(e[t.name]=t.consent,e),{}),s=class extends e.t{constructor(...e){super(...e),this.devMode=n.devMode,this.hotjarId=null,this.googleAnalyticsId=null,this.cookieDomain=null,this.cookieSecure=null,this.cookieExpiryDays=null,this.triggerType=n.triggerType,this.triggerText=null,this.i18nLanguage=n.i18nLanguage}connectedCallback(){super.connectedCallback();let e=Object.prototype.hasOwnProperty.call(t.i18n,this.i18nLanguage)?this.i18nLanguage:`nb`;this.triggerText=this.triggerText||t.i18n[e].contentPresentation.buttons.settings}disconnectedCallback(){super.disconnectedCallback(),this._cookieEventHandler&&window.__cookieEvents?.off(`CookieManager.setCookie`,this._cookieEventHandler)}returnJsonOrObject(e){return a(e)}emitCookieConsents(e){this.dispatchEvent(new CustomEvent(`toggle-consent`,{detail:o(e),bubbles:!0,cancelable:!1}))}async firstUpdated(e){window.cookieBanner_googleAnalyticsId=this.googleAnalyticsId,window.cookieBanner_hotjarId=this.hotjarId,this.cookieDomain&&(window.cookieBanner_cookieDomain=this.cookieDomain),this.cookieSecure&&(window.cookieBanner_cookieSecure=this.cookieSecure),this.cookieExpiryDays&&(window.cookieBanner_cookieExpiryDays=this.cookieExpiryDays),this.devMode&&(window.cookieBanner_devMode=this.devMode),await i(),this.triggerInit()}triggerInit(){window.document.dispatchEvent(new Event(`CookieBannerReady`,{bubbles:!0,cancelable:!0}));let e=window.cookieBanner,t=window.__cookieEvents;e&&t&&e.cookieConsent.validateConsentCookie().then(n=>{if(!n)return;let r=e.cookieConsent.getConsentCookie();window.setTimeout(()=>this.emitCookieConsents({value:r}),0),this._cookieEventHandler&&t.off(`CookieManager.setCookie`,this._cookieEventHandler),this._cookieEventHandler=e=>this.emitCookieConsents(e),t.on(`CookieManager.setCookie`,this._cookieEventHandler)})}openModal(e){e.preventDefault(),window.cookieBanner?.cookieConsent||this.triggerInit(),setTimeout(()=>window.cookieBanner?.openCookieModal())}render(){return this.triggerType===`link`?e._`<a href="#" class="pkt-link" aria-haspopup="dialog" @click=${this.openModal}
         >${this.triggerText}</a
       >`:this.triggerType===`footerlink`?e._`<a
         href="#"

package/dist/{consent-p-0n2b9x.js → consent-DwppvYBR.js}

@@ -1,7 +1,7 @@
-import { _ as e, d as t, n, t as r, u as i } from "./element-DLgZkx5L.js";
-import "./shared-types-A6iGIX-f.js";
-import "./button-Bswo1C0M.js";
-//#region ../../shared-strings/consent.ts
+import { _ as e, d as t, n, t as r, u as i } from "./element-Bwc-likm.js";
+import "./shared-types-BvRk9kiK.js";
+import "./button-CJzu0l5A.js";
+// ../../shared-strings/consent.ts
 var a = {
 	i18n: {
 		nb: {
@@ -202,8 +202,6 @@ try {
 } catch {
 	console.warn("Forsøker å definere <pkt-consent>, men den er allerede definert");
 }
-//#endregion
-//#region src/components/consent/index.ts
+// src/components/consent/index.ts
 var f = d;
-//#endregion
 export { d as n, f as t };

package/dist/{consume-Bp12si68.js → consume-C6aWEFx-.js}

@@ -1,4 +1,4 @@
-//#region ../../node_modules/@lit/context/lib/context-request-event.js
+// ../../node_modules/@lit/context/lib/context-request-event.js
 var e = class extends Event {
 	constructor(e, t, n, r) {
 		super("context-request", {
@@ -7,13 +7,11 @@ var e = class extends Event {
 		}), this.context = e, this.contextTarget = t, this.callback = n, this.subscribe = r ?? !1;
 	}
 };
-//#endregion
-//#region ../../node_modules/@lit/context/lib/create-context.js
+// ../../node_modules/@lit/context/lib/create-context.js
 function t(e) {
 	return e;
 }
-//#endregion
-//#region ../../node_modules/@lit/context/lib/controllers/context-consumer.js
+// ../../node_modules/@lit/context/lib/controllers/context-consumer.js
 var n = class {
 	constructor(e, t, n, r) {
 		if (this.subscribe = !1, this.provided = !1, this.value = void 0, this.t = (e, t) => {
@@ -34,8 +32,7 @@ var n = class {
 		this.host.dispatchEvent(new e(this.context, this.host, this.t, this.subscribe));
 	}
 };
-//#endregion
-//#region ../../node_modules/@lit/context/lib/decorators/consume.js
+// ../../node_modules/@lit/context/lib/decorators/consume.js
 function r({ context: e, subscribe: t }) {
 	return (r, i) => {
 		typeof i == "object" ? i.addInitializer((function() {
@@ -57,5 +54,4 @@ function r({ context: e, subscribe: t }) {
 		}));
 	};
 }
-//#endregion
 export { t as n, e as r, r as t };