@oslokommune/punkt-elements 16.7.3 → 16.7.4

package/dist/progressbar-Dy9AiYQz.js

@@ -0,0 +1,113 @@
+import { c as e, d as t, l as n, o as r, r as i, s as a, t as o, u as s } from "./element-cZ85T_aa.js";
+import { n as c, r as l, t as u } from "./directive-3THFsVew.js";
+import { t as d } from "./class-map-C8HuhNzZ.js";
+import "./icon-Co72KtgF.js";
+import { n as f, t as p } from "./ref-RS8Uv6uC.js";
+import { n as m } from "./utils-CUqCKGvp.js";
+//#region ../../node_modules/lit-html/directives/style-map.js
+var h = "important", g = " !" + h, _ = u(class extends c {
+	constructor(e) {
+		if (super(e), e.type !== l.ATTRIBUTE || e.name !== "style" || e.strings?.length > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
+	}
+	render(e) {
+		return Object.keys(e).reduce((t, n) => {
+			let r = e[n];
+			return r == null ? t : t + `${n = n.includes("-") ? n : n.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${r};`;
+		}, "");
+	}
+	update(e, [t]) {
+		let { style: n } = e.element;
+		if (this.ft === void 0) return this.ft = new Set(Object.keys(t)), this.render(t);
+		for (let e of this.ft) t[e] ?? (this.ft.delete(e), e.includes("-") ? n.removeProperty(e) : n[e] = null);
+		for (let e in t) {
+			let r = t[e];
+			if (r != null) {
+				this.ft.add(e);
+				let t = typeof r == "string" && r.endsWith(g);
+				e.includes("-") || t ? n.setProperty(e, t ? r.slice(0, -11) : r, t ? h : "") : n[e] = r;
+			}
+		}
+		return s;
+	}
+}), v = class extends o {
+	constructor() {
+		super(), this.ariaLabel = null, this.ariaLabelledby = null, this.ariaValueText = null, this.ariaLive = "polite", this.id = m(), this.role = "progressbar", this.skin = "dark-blue", this.statusPlacement = "following", this.statusType = "none", this.title = "", this.titlePosition = "left", this.valueCurrent = 0, this.valueMax = 100, this.valueMin = 0, this.labelWidth = 0, this.progressbarId = this.id, this.computedAriaLabelledby = null, this.computedAriaValueText = "", this.labelRef = p(), this.progressBarRef = p();
+	}
+	firstUpdated(e) {
+		super.firstUpdated(e), this.setComputedValues(), this.syncAttributes();
+	}
+	updated(e) {
+		super.updated(e), e.has("valueCurrent") && this.labelRef.value && (this.labelWidth = this.labelRef.value.getBoundingClientRect().width || 0), e.has("id") && this.id && (this.progressBarId = this.id), (e.has("statusType") || e.has("id") || e.has("ariaLabelledby")) && (this.progressbarId = this.id || m(), this.computedAriaLabelledby = this.ariaLabelledby || `${this.progressbarId}-title`), (e.has("ariaValueText") || e.has("valueCurrent") || e.has("valueMax")) && (this.computedAriaValueText = this.statusType === "fraction" && !this.ariaValueText ? `${this.valueCurrent} av ${this.valueMax - this.valueMin}` : this.ariaValueText || ""), this.syncAttributes();
+	}
+	render() {
+		let e = this.statusType !== "none", r = this.valueMax - this.valueMin, i = this.valueCurrent / r * 100, a = this.statusType === "fraction" ? Math.round(i) : Math.round((this.valueCurrent - this.valueMin) / (this.valueMax - this.valueMin) * 100), o = `${this.valueCurrent} av ${r}`, s = d({
+			"pkt-progressbar__bar": !0,
+			[`pkt-progressbar__bar--${this.skin}`]: !!this.skin
+		}), c = d({
+			"pkt-progressbar__title": !0,
+			"pkt-progressbar__title-center": this.titlePosition === "center"
+		}), l = d({
+			"pkt-progressbar__status": !0,
+			"pkt-progressbar__status--center": this.statusPlacement === "center"
+		}), u = d({
+			"pkt-progressbar__status-placement--following": this.statusPlacement === "following",
+			"pkt-progressbar__status-placement--center": this.statusPlacement === "center",
+			"pkt-progressbar__status-placement--left": this.statusPlacement === "left"
+		});
+		return t` <div
+      class="pkt-progressbar__container"
+      .ref=${this.progressBarRef}
+      style=${_({
+			"--pkt-progress-label-width": `${this.labelWidth}px`,
+			"--pkt-progress-width": `${a}%`
+		})}
+    >
+      ${this.title ? t`<p id=${`${this.progressBarId}-title`} class=${c}>${this.title}</p>` : n}
+
+      <div class="pkt-progressbar__bar-wrapper">
+        <div class=${s}></div>
+      </div>
+
+      ${e ? t`<div class=${l}>
+            <span class=${u} ${f(this.labelRef)}>
+              ${this.statusType === "percentage" ? `${a}%` : o}
+            </span>
+          </div>` : n}
+    </div>`;
+	}
+	setComputedValues() {
+		this.progressbarId = this.id || m(), this.computedAriaLabelledby = this.ariaLabelledby || `${this.progressbarId}-title`, this.computedAriaValueText = this.statusType === "fraction" && !this.ariaValueText ? `${this.valueCurrent} av ${this.valueMax - this.valueMin}` : this.ariaValueText || "";
+	}
+	syncAttributes() {
+		this._handleAttribute("aria-live", this.ariaLive), this._handleAttribute("aria-valuenow", this.valueCurrent), this._handleAttribute("aria-valuemin", this.valueMin), this._handleAttribute("aria-valuemax", this.valueMax), this._handleAttribute("aria-valuetext", this.computedAriaValueText), this._handleAttribute("aria-label", this.ariaLabel), this._handleAttribute("role", this.role), this._handleAttribute("aria-atomic", "true"), this._handleAttribute("id", this.progressbarId), this.ariaLabel || this._handleAttribute("aria-labelledby", this.computedAriaLabelledby);
+	}
+	_handleAttribute(e, t) {
+		t == null || t === "" ? this.removeAttribute(e) : this.setAttribute(e, String(t));
+	}
+};
+i([a({ type: String })], v.prototype, "ariaLabel", void 0), i([a({
+	type: String,
+	reflect: !0
+})], v.prototype, "ariaLabelledby", void 0), i([a({
+	type: String,
+	reflect: !0
+})], v.prototype, "ariaValueText", void 0), i([a({ type: String })], v.prototype, "ariaLive", void 0), i([a({
+	type: String,
+	reflect: !0
+})], v.prototype, "id", void 0), i([a({ type: String })], v.prototype, "role", void 0), i([a({ type: String })], v.prototype, "skin", void 0), i([a({ type: String })], v.prototype, "statusPlacement", void 0), i([a({ type: String })], v.prototype, "statusType", void 0), i([a({
+	type: String,
+	reflect: !0
+})], v.prototype, "title", void 0), i([a({ type: String })], v.prototype, "titlePosition", void 0), i([a({
+	type: Number,
+	reflect: !0
+})], v.prototype, "valueCurrent", void 0), i([a({ type: Number })], v.prototype, "valueMax", void 0), i([a({ type: Number })], v.prototype, "valueMin", void 0), i([r()], v.prototype, "labelWidth", void 0), i([r()], v.prototype, "progressbarId", void 0), i([r()], v.prototype, "computedAriaLabelledby", void 0), i([r()], v.prototype, "computedAriaValueText", void 0);
+try {
+	e("pkt-progressbar")(v);
+} catch {
+	console.warn("Forsøker å definere <pkt-progressbar>, men den er allerede definert");
+}
+//#endregion
+//#region src/components/progressbar/index.ts
+var y = v;
+//#endregion
+export { v as n, y as t };

package/dist/radiobutton-GOnpUbCW.cjs

@@ -0,0 +1,31 @@
+const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),n=require(`./ref-BaJ0mBT_.cjs`),r=require(`./input-element-B1yxcfz4.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.d`
+      <div class="pkt-input-check">
+        <div class=${r}>
+          <input
+            id=${this.id+`-internal`}
+            class=${i}
+            type="radio"
+            role="radio"
+            ?disabled=${this.disabled}
+            form=""
+            name=${this.name+`-internal`}
+            ${n.n(this.inputRef)}
+            @change=${this.toggleChecked}
+            @input=${this.onInput}
+            @blur=${this.onBlur}
+            @focus=${this.onFocus}
+            ?checked=${this.checked}
+          />
+          ${e.d`
+        <label class=${a} for=${this.id+`-internal`}>
+          ${this.label} ${e.d`
+        ${this.tagText?e.d`<span class=${o+` pkt-tag--gray`}>${this.tagText}</span>`:e.l}
+        ${this.optionalTag?e.d`<span class=${o+` pkt-tag--blue-light`}>${this.optionalText}</span>`:e.l}
+        ${this.requiredTag?e.d`<span class=${o+` pkt-tag--beige`}>${this.requiredText}</span>`:e.l}
+      `}
+          ${this.checkHelptext?e.d`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>`:e.l}
+        </label>
+      `}
+        </div>
+      </div>
+    `}toggleChecked(e=null){e&&e.preventDefault(),e&&e.stopImmediatePropagation(),this.touched=!0,this.inputRef.value&&(this._checked=this.inputRef.value.matches(`:checked`),this.valueChecked(this._checked))}};e.r([e.s({type:String,reflect:!0})],i.prototype,`value`,void 0),e.r([e.s({type:String})],i.prototype,`checkHelptext`,void 0),e.r([e.s({type:Boolean})],i.prototype,`defaultChecked`,void 0),e.r([e.s({type:Boolean})],i.prototype,`hasTile`,void 0),e.r([e.s({type:Boolean,reflect:!0})],i.prototype,`checked`,void 0),e.r([e.s({type:String,reflect:!0})],i.prototype,`type`,void 0),e.r([e.s({type:String})],i.prototype,`tagText`,void 0),e.r([e.s({type:Boolean})],i.prototype,`optionalTag`,void 0),e.r([e.s({type:String})],i.prototype,`optionalText`,void 0),e.r([e.s({type:Boolean})],i.prototype,`requiredTag`,void 0),e.r([e.s({type:String})],i.prototype,`requiredText`,void 0),e.r([e.o()],i.prototype,`_checked`,void 0);try{e.c(`pkt-radiobutton`)(i)}catch{console.warn(`Forsøker å definere <pkt-radiobutton>, men den er allerede definert`)}var a=i;Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});

package/dist/radiobutton-V_KPbup_.js

@@ -0,0 +1,84 @@
+import { c as e, d as t, l as n, o as r, r as i, s as a } from "./element-cZ85T_aa.js";
+import { t as o } from "./class-map-C8HuhNzZ.js";
+import { n as s, t as c } from "./ref-RS8Uv6uC.js";
+import { t as l } from "./input-element-Bw1s6NlF.js";
+//#region src/components/radiobutton/radiobutton.ts
+var u = class extends l {
+	constructor(...e) {
+		super(...e), this.inputRef = c(), 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 e = o({
+			"pkt-input-check__input": !0,
+			"pkt-input-check__input--tile": this.hasTile,
+			"pkt-input-check__input--tile-disabled": this.disabled && this.hasTile
+		}), r = o({
+			"pkt-input-check__input-checkbox": !0,
+			"pkt-input-check__input-checkbox--error": this.hasError
+		}), i = o({
+			"pkt-input-check__input-label": !0,
+			"pkt-input-check__input-label--disabled": this.disabled,
+			"pkt-sr-only": this.hideLabel
+		}), a = "pkt-tag pkt-tag--small pkt-tag--thin-text";
+		return t`
+      <div class="pkt-input-check">
+        <div class=${e}>
+          <input
+            id=${this.id + "-internal"}
+            class=${r}
+            type="radio"
+            role="radio"
+            ?disabled=${this.disabled}
+            form=""
+            name=${this.name + "-internal"}
+            ${s(this.inputRef)}
+            @change=${this.toggleChecked}
+            @input=${this.onInput}
+            @blur=${this.onBlur}
+            @focus=${this.onFocus}
+            ?checked=${this.checked}
+          />
+          ${t`
+        <label class=${i} for=${this.id + "-internal"}>
+          ${this.label} ${t`
+        ${this.tagText ? t`<span class=${a + " pkt-tag--gray"}>${this.tagText}</span>` : n}
+        ${this.optionalTag ? t`<span class=${a + " pkt-tag--blue-light"}>${this.optionalText}</span>` : n}
+        ${this.requiredTag ? t`<span class=${a + " pkt-tag--beige"}>${this.requiredText}</span>` : n}
+      `}
+          ${this.checkHelptext ? t`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>` : n}
+        </label>
+      `}
+        </div>
+      </div>
+    `;
+	}
+	toggleChecked(e = null) {
+		e && e.preventDefault(), e && e.stopImmediatePropagation(), this.touched = !0, this.inputRef.value && (this._checked = this.inputRef.value.matches(":checked"), this.valueChecked(this._checked));
+	}
+};
+i([a({
+	type: String,
+	reflect: !0
+})], u.prototype, "value", void 0), i([a({ type: String })], u.prototype, "checkHelptext", void 0), i([a({ type: Boolean })], u.prototype, "defaultChecked", void 0), i([a({ type: Boolean })], u.prototype, "hasTile", void 0), i([a({
+	type: Boolean,
+	reflect: !0
+})], u.prototype, "checked", void 0), i([a({
+	type: String,
+	reflect: !0
+})], u.prototype, "type", void 0), i([a({ type: String })], u.prototype, "tagText", void 0), i([a({ type: Boolean })], u.prototype, "optionalTag", void 0), i([a({ type: String })], u.prototype, "optionalText", void 0), i([a({ type: Boolean })], u.prototype, "requiredTag", void 0), i([a({ type: String })], u.prototype, "requiredText", void 0), i([r()], u.prototype, "_checked", void 0);
+try {
+	e("pkt-radiobutton")(u);
+} catch {
+	console.warn("Forsøker å definere <pkt-radiobutton>, men den er allerede definert");
+}
+//#endregion
+//#region src/components/radiobutton/index.ts
+var d = u;
+//#endregion
+export { u as n, d as t };

package/dist/ref-BaJ0mBT_.cjs

@@ -0,0 +1 @@
+const e=require(`./element-DjtxO-1r.cjs`),t=require(`./directive-CJ2giQBZ.cjs`),n=require(`./async-directive-B9P1Qa0k.cjs`);var r=()=>new i,i=class{},a=new WeakMap,o=t.t(class extends n.t{render(t){return e.l}update(t,[n]){let r=n!==this.G;return r&&this.G!==void 0&&this.rt(void 0),(r||this.lt!==this.ct)&&(this.G=n,this.ht=t.options?.host,this.rt(this.ct=t.element)),e.l}rt(e){if(this.isConnected||(e=void 0),typeof this.G==`function`){let t=this.ht??globalThis,n=a.get(t);n===void 0&&(n=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}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});

package/dist/ref-RS8Uv6uC.js

@@ -0,0 +1,30 @@
+import { l as e } from "./element-cZ85T_aa.js";
+import { t } from "./directive-3THFsVew.js";
+import { t as n } from "./async-directive-CaQiqjyV.js";
+//#region ../../node_modules/lit-html/directives/ref.js
+var r = () => new i(), i = class {}, a = /* @__PURE__ */ new WeakMap(), o = t(class extends n {
+	render(t) {
+		return e;
+	}
+	update(t, [n]) {
+		let r = n !== this.G;
+		return r && this.G !== void 0 && this.rt(void 0), (r || this.lt !== this.ct) && (this.G = n, this.ht = t.options?.host, this.rt(this.ct = t.element)), e;
+	}
+	rt(e) {
+		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;
+	}
+	disconnected() {
+		this.lt === this.ct && this.rt(void 0);
+	}
+	reconnected() {
+		this.rt(this.ct);
+	}
+});
+//#endregion
+export { o as n, r as t };

package/dist/repeat-Cepr3469.js

@@ -0,0 +1,57 @@
+import { u as e } from "./element-cZ85T_aa.js";
+import { n as t, r as n, t as r } from "./directive-3THFsVew.js";
+import { a as i, n as a, o, r as s, t as c } from "./directive-helpers-Dkv2gKgs.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);
+	return r;
+}, u = r(class extends t {
+	constructor(e) {
+		if (super(e), e.type !== n.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(t, [n, r, u]) {
+		let d = c(t), { values: f, keys: p } = this.dt(n, r, u);
+		if (!Array.isArray(d)) return this.ut = p, f;
+		let m = this.ut ??= [], h = [], g, _, v = 0, y = d.length - 1, b = 0, x = f.length - 1;
+		for (; v <= y && b <= x;) if (d[v] === null) v++;
+		else if (d[y] === null) y--;
+		else if (m[v] === p[b]) h[b] = i(d[v], f[b]), v++, b++;
+		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(t, h[x + 1], d[v]), v++, x--;
+		else if (m[y] === p[b]) h[b] = i(d[y], f[b]), o(t, 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 e = _.get(p[b]), n = e === void 0 ? null : d[e];
+			if (n === null) {
+				let e = o(t, d[v]);
+				i(e, f[b]), h[b] = e;
+			} else h[b] = i(n, f[b]), o(t, d[v], n), d[e] = null;
+			b++;
+		} else a(d[y]), y--;
+		else a(d[v]), v++;
+		for (; b <= x;) {
+			let e = o(t, h[x + 1]);
+			i(e, f[b]), h[b++] = e;
+		}
+		for (; v <= y;) {
+			let e = d[v++];
+			e !== null && a(e);
+		}
+		return this.ut = p, s(t, h), e;
+	}
+});
+//#endregion
+export { u as t };

package/dist/repeat-CqcDYBxr.cjs

@@ -0,0 +1 @@
+const e=require(`./element-DjtxO-1r.cjs`),t=require(`./directive-CJ2giQBZ.cjs`),n=require(`./directive-helpers-D1QSxY17.cjs`);var r=(e,t,n)=>{let r=new Map;for(let i=t;i<=n;i++)r.set(e[i],i);return r},i=t.t(class extends t.n{constructor(e){if(super(e),e.type!==t.r.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(t,[i,a,o]){let s=n.t(t),{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]=n.a(s[m],c[g]),m++,g++;else if(u[h]===l[_])d[_]=n.a(s[h],c[_]),h--,_--;else if(u[m]===l[_])d[_]=n.a(s[m],c[_]),n.o(t,d[_+1],s[m]),m++,_--;else if(u[h]===l[g])d[g]=n.a(s[h],c[g]),n.o(t,s[m],s[h]),h--,g++;else if(f===void 0&&(f=r(l,g,_),p=r(u,m,h)),f.has(u[m]))if(f.has(u[h])){let e=p.get(l[g]),r=e===void 0?null:s[e];if(r===null){let e=n.o(t,s[m]);n.a(e,c[g]),d[g]=e}else d[g]=n.a(r,c[g]),n.o(t,s[m],r),s[e]=null;g++}else n.n(s[h]),h--;else n.n(s[m]),m++;for(;g<=_;){let e=n.o(t,d[_+1]);n.a(e,c[g]),d[g++]=e}for(;m<=h;){let e=s[m++];e!==null&&n.n(e)}return this.ut=l,n.r(t,d),e.u}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});

package/dist/select-BSAFd8Wa.js

@@ -0,0 +1,164 @@
+import { c as e, d as t, o as n, r, s as i } from "./element-cZ85T_aa.js";
+import { n as a } from "./element-with-slot-4J2o3SeU.js";
+import { t as o } from "./if-defined-Cjj8qN-Z.js";
+import { n as s, t as c } from "./ref-RS8Uv6uC.js";
+import { t as l } from "./input-element-Bw1s6NlF.js";
+import { t as u } from "./pkt-options-controller-CRrI6WMk.js";
+import "./input-wrapper-YfTmpSSY.js";
+//#region src/base-elements/options-input-element.ts
+var d = class extends l {
+	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();
+	}
+};
+r([i({
+	type: Array,
+	attribute: "options"
+})], d.prototype, "_optionsProp", void 0), r([n()], d.prototype, "_options", void 0);
+//#endregion
+//#region src/components/select/select.ts
+var f = class extends d {
+	constructor() {
+		super(), this.inputRef = c(), this.value = "", this.selectedIndex = -1, this.selectedOptions = void 0, this.optionsController = new u(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._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 ${this.fullwidth ? "pkt-input--fullwidth" : ""}`;
+		return t`
+      <pkt-input-wrapper
+        ?counter=${this.counter}
+        ?disabled=${this.disabled}
+        ?hasError=${this.hasError}
+        ?hasFieldset=${this.hasFieldset}
+        ?inline=${this.inline}
+        ?optionalTag=${this.optionalTag}
+        ?requiredTag=${this.requiredTag}
+        useWrapper=${this.useWrapper}
+        ariaDescribedBy=${o(this.ariaDescribedBy)}
+        class="pkt-select"
+        errorMessage=${o(this.errorMessage)}
+        forId=${this.id + "-input"}
+        helptext=${o(this.helptext)}
+        helptextDropdown=${o(this.helptextDropdown)}
+        helptextDropdownButton=${o(this.helptextDropdownButton)}
+        label=${o(this.label)}
+        optionalText=${o(this.optionalText)}
+        requiredText=${o(this.requiredText)}
+        tagText=${o(this.tagText)}
+      >
+        <select
+          class=${e}
+          aria-invalid=${this.hasError}
+          aria-errormessage=${`${this.id}-error`}
+          aria-labelledby=${o(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();
+		}}
+          ${s(this.inputRef)}
+        >
+          ${this._options.length > 0 ? this._options.map((e) => t`<option
+                    value=${e.value}
+                    ?selected=${this.value == e.value || e.selected}
+                    ?disabled=${e.disabled}
+                    ?hidden=${e.hidden}
+                  >
+                    ${e.label}
+                  </option>`) : ""}
+        </select>
+        <div class="pkt-contents" slot="helptext">${a(this, "helptext")}</div>
+      </pkt-input-wrapper>
+    `;
+	}
+	returnNumberOrNull(e) {
+		return e == null || isNaN(e) ? null : e;
+	}
+};
+r([i({ type: String })], f.prototype, "value", void 0);
+try {
+	e("pkt-select")(f);
+} catch {
+	console.warn("Forsøker å definere <pkt-select>, men den er allerede definert");
+}
+//#endregion
+//#region src/components/select/index.ts
+var p = f;
+//#endregion
+export { f as n, p as t };

package/dist/select-C2i8sOk5.cjs

@@ -0,0 +1,49 @@
+const e=require(`./element-DjtxO-1r.cjs`),t=require(`./element-with-slot-CWoTGA1B.cjs`),n=require(`./if-defined-XKOD_t_V.cjs`),r=require(`./ref-BaJ0mBT_.cjs`),i=require(`./input-element-B1yxcfz4.cjs`),a=require(`./pkt-options-controller-CXUGx134.cjs`);require(`./input-wrapper-BRuVELpK.cjs`);var o=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.r([e.s({type:Array,attribute:`options`})],o.prototype,`_optionsProp`,void 0),e.r([e.o()],o.prototype,`_options`,void 0);var s=class extends o{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._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 ${this.fullwidth?`pkt-input--fullwidth`:``}`;return e.d`
+      <pkt-input-wrapper
+        ?counter=${this.counter}
+        ?disabled=${this.disabled}
+        ?hasError=${this.hasError}
+        ?hasFieldset=${this.hasFieldset}
+        ?inline=${this.inline}
+        ?optionalTag=${this.optionalTag}
+        ?requiredTag=${this.requiredTag}
+        useWrapper=${this.useWrapper}
+        ariaDescribedBy=${n.t(this.ariaDescribedBy)}
+        class="pkt-select"
+        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=${`${this.id}-error`}
+          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.d`<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.r([e.s({type:String})],s.prototype,`value`,void 0);try{e.c(`pkt-select`)(s)}catch{console.warn(`Forsøker å definere <pkt-select>, 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/tabs-D8nL9rWx.cjs

@@ -0,0 +1,37 @@
+const e=require(`./element-DjtxO-1r.cjs`),t=require(`./element-with-slot-CWoTGA1B.cjs`),n=require(`./if-defined-XKOD_t_V.cjs`),r=require(`./ref-BaJ0mBT_.cjs`);var i=class extends Event{constructor(e,t,n,r){super(`context-request`,{bubbles:!0,composed:!0}),this.context=e,this.contextTarget=t,this.callback=n,this.subscribe=r??!1}};function a(e){return e}var o=class{constructor(e,t,n,r){if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(e,t)=>{this.unsubscribe&&(this.unsubscribe!==t&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=e,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(e,t)),this.unsubscribe=t},this.host=e,t.context!==void 0){let e=t;this.context=e.context,this.callback=e.callback,this.subscribe=e.subscribe??!1}else this.context=t,this.callback=n,this.subscribe=r??!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&=(this.unsubscribe(),void 0)}dispatchRequest(){this.host.dispatchEvent(new i(this.context,this.host,this.t,this.subscribe))}},s=class{get value(){return this.o}set value(e){this.setValue(e)}setValue(e,t=!1){let n=t||!Object.is(e,this.o);this.o=e,n&&this.updateObservers()}constructor(e){this.subscriptions=new Map,this.updateObservers=()=>{for(let[e,{disposer:t}]of this.subscriptions)e(this.o,t)},e!==void 0&&(this.value=e)}addCallback(e,t,n){if(!n)return void e(this.value);this.subscriptions.has(e)||this.subscriptions.set(e,{disposer:()=>{this.subscriptions.delete(e)},consumerHost:t});let{disposer:r}=this.subscriptions.get(e);e(this.value,r)}clearCallbacks(){this.subscriptions.clear()}},c=class extends Event{constructor(e,t){super(`context-provider`,{bubbles:!0,composed:!0}),this.context=e,this.contextTarget=t}},l=class extends s{constructor(e,t,n){super(t.context===void 0?n:t.initialValue),this.onContextRequest=e=>{if(e.context!==this.context)return;let t=e.contextTarget??e.composedPath()[0];t!==this.host&&(e.stopPropagation(),this.addCallback(e.callback,t,e.subscribe))},this.onProviderRequest=e=>{if(e.context!==this.context||(e.contextTarget??e.composedPath()[0])===this.host)return;let t=new Set;for(let[e,{consumerHost:n}]of this.subscriptions)t.has(e)||(t.add(e),n.dispatchEvent(new i(this.context,n,e,!0)));e.stopPropagation()},this.host=e,t.context===void 0?this.context=t:this.context=t.context,this.attachListeners(),this.host.addController?.(this)}attachListeners(){this.host.addEventListener(`context-request`,this.onContextRequest),this.host.addEventListener(`context-provider`,this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new c(this.context,this.host))}};function u({context:e}){return(t,n)=>{let r=new WeakMap;if(typeof n==`object`)return{get(){return t.get.call(this)},set(e){return r.get(this).setValue(e),t.set.call(this,e)},init(t){return r.set(this,new l(this,{context:e,initialValue:t})),t}};{t.constructor.addInitializer((t=>{r.set(t,new l(t,{context:e}))}));let i=Object.getOwnPropertyDescriptor(t,n),a;if(i===void 0){let e=new WeakMap;a={get(){return e.get(this)},set(t){r.get(this).setValue(t),e.set(this,t)},configurable:!0,enumerable:!0}}else{let e=i.set;a={...i,set(t){r.get(this).setValue(t),e?.call(this,t)}}}Object.defineProperty(t,n,a);return}}}function d({context:e,subscribe:t}){return(n,r)=>{typeof r==`object`?r.addInitializer((function(){new o(this,{context:e,callback:e=>{n.set.call(this,e)},subscribe:t})})):n.constructor.addInitializer((n=>{new o(n,{context:e,callback:e=>{n[r]=e},subscribe:t})}))}}var f=a(Symbol(`pkt-tabs-context`)),p=class extends t.t{constructor(...e){super(...e),this.arrowNav=!0,this.disableArrowNav=!1,this.tabRefs=[],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})}registerTab(e,t){this.tabRefs[t]=e,this.tabCount=Math.max(this.tabCount,t+1)}handleClick(e){this.dispatchEvent(new CustomEvent(`tab-selected`,{detail:{index:e},bubbles:!0,composed:!0}))}handleKeyUp(e,t){this.useArrowNav&&(e.code===`ArrowLeft`&&t!==0&&this.tabRefs[t-1]?.focus(),e.code===`ArrowRight`&&t<this.tabCount-1&&this.tabRefs[t+1]?.focus(),(e.code===`ArrowDown`||e.code===`Space`)&&this.dispatchEvent(new CustomEvent(`tab-selected`,{detail:{index:t},bubbles:!0,composed:!0})))}render(){return e.d`
+      <div class="pkt-tabs">
+        <div class="pkt-tabs__list" role=${this.useArrowNav?`tablist`:`navigation`}>${t.n(this)}</div>
+      </div>
+    `}};e.r([e.s({type:Boolean,reflect:!0,attribute:`arrow-nav`})],p.prototype,`arrowNav`,void 0),e.r([e.s({type:Boolean,reflect:!0,attribute:`disable-arrow-nav`})],p.prototype,`disableArrowNav`,void 0),e.r([e.o()],p.prototype,`tabRefs`,void 0),e.r([e.o()],p.prototype,`tabCount`,void 0),e.r([u({context:f}),e.o()],p.prototype,`context`,void 0);try{e.c(`pkt-tabs`)(p)}catch{console.warn(`Forsøker å definere <pkt-tabs>, men den er allerede definert`)}var m=class extends t.t{constructor(){super(),this.active=!1,this.href=``,this.icon=``,this.controls=``,this.tag=``,this.tagSkin=`blue`,this.index=0,this.elementRef=r.t()}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{this.elementRef.value&&this.context&&this.context.registerTab(this.elementRef.value,this.index)})}handleClick(){this.context&&this.context.handleClick(this.index)}handleKeyUp(e){this.context&&this.context.handleKeyUp(e,this.index)}render(){let i=this.context?.useArrowNav??!0,a=this.active?`active`:``,o=i?`tab`:void 0,s=i?this.active:void 0,c=this.active||!i?void 0:-1,l=e.d`
+      ${this.icon?e.d`<pkt-icon name=${this.icon} class="pkt-icon--small"></pkt-icon>`:``}
+      <span>${t.n(this)}</span>
+      ${this.tag?e.d`<pkt-tag skin=${this.tagSkin} size="small">${this.tag}</pkt-tag>`:``}
+    `;return this.href?e.d`
+        <a
+          ${r.n(this.elementRef)}
+          href=${this.href}
+          class="pkt-tabs__link ${a}"
+          role=${n.t(o)}
+          aria-selected=${n.t(s)}
+          aria-controls=${n.t(this.controls||void 0)}
+          tabindex=${n.t(c)}
+          @click=${this.handleClick}
+          @keyup=${this.handleKeyUp}
+        >
+          ${l}
+        </a>
+      `:e.d`
+      <button
+        ${r.n(this.elementRef)}
+        type="button"
+        class="pkt-tabs__button pkt-link-button ${a}"
+        role=${n.t(o)}
+        aria-selected=${n.t(s)}
+        aria-controls=${n.t(this.controls||void 0)}
+        tabindex=${n.t(c)}
+        @click=${this.handleClick}
+        @keyup=${this.handleKeyUp}
+      >
+        ${l}
+      </button>
+    `}};e.r([e.s({type:Boolean,reflect:!0})],m.prototype,`active`,void 0),e.r([e.s({type:String,reflect:!0})],m.prototype,`href`,void 0),e.r([e.s({type:String,reflect:!0})],m.prototype,`icon`,void 0),e.r([e.s({type:String,reflect:!0})],m.prototype,`controls`,void 0),e.r([e.s({type:String,reflect:!0})],m.prototype,`tag`,void 0),e.r([e.s({type:String,reflect:!0,attribute:`tag-skin`})],m.prototype,`tagSkin`,void 0),e.r([e.s({type:Number,reflect:!0})],m.prototype,`index`,void 0),e.r([d({context:f,subscribe:!0}),e.s({attribute:!1})],m.prototype,`context`,void 0);try{e.c(`pkt-tab-item`)(m)}catch{console.warn(`Forsøker å definere <pkt-tab-item>, men den er allerede definert`)}var h=p;Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return h}});