@oslokommune/punkt-elements 17.1.3 → 18.1.0

package/dist/input-wrapper-BmxNvznr.js

@@ -1,128 +0,0 @@
-import { d as e, n as t, o as n, p as r, r as i, s as a } from "./element-ChsFgr_B.js";
-import { n as o, t as s } from "./element-with-slot-BvG9ctC-.js";
-import "./alert-DKK_Tb9J.js";
-import { r as c } from "./icon-D-LA22xD.js";
-import { t as l } from "./if-defined-CGzIlZ9-.js";
-import { n as u } from "./utils-BwF4QSrq.js";
-import { t as d } from "./booleanish-OQJTYSrw.js";
-import { t as f } from "./input-wrapper-D-fPaTbY.js";
-import "./helptext-DZng1D5i.js";
-import { t as p } from "./focus-modality-controller-Dc2S-KqR.js";
-//#region ../../shared-utils/forms/described-by.ts
-var m = (e) => {
-	let t = [];
-	return e.hasHelptext && t.push(`${e.id}-helptext`), e.hasCounter && t.push(`${e.id}-counter-status`), e.ariaDescribedby && t.push(e.ariaDescribedby), t.length ? t.join(" ") : void 0;
-}, h = (e) => `${e}-counter-status`, g = (e, t) => !!t && t > 0 && (e ?? 0) > t, _ = class extends s {
-	constructor(...e) {
-		super(...e), this.forId = u(), this.label = "", this.helptext = null, this.helptextDropdown = null, this.helptextDropdownButton = null, this.counter = f.props.counter.default, this.counterCurrent = 0, this.counterMaxLength = 0, this.counterError = null, this.counterPosition = "bottom", this.optionalTag = f.props.optionalTag.default, this.optionalText = f.props.optionalText.default, this.requiredTag = f.props.requiredTag.default, this.requiredText = f.props.requiredText.default, this.tagText = null, this.hasError = f.props.hasError.default, this.errorMessage = "", this.disabled = f.props.disabled.default, this.inline = f.props.inline.default, this.ariaDescribedby = void 0, this.hasFieldset = f.props.hasFieldset.default, this.role = null, this.useWrapper = f.props.useWrapper.default, this.size = "medium", this.focusModality = new p(this);
-	}
-	updated(e) {
-		super.updated(e), this.classList.add("pkt-inputwrapper"), this.classList.toggle("pkt-inputwrapper--error", this.hasError), this.classList.toggle("pkt-inputwrapper--disabled", this.disabled), this.classList.toggle("pkt-inputwrapper--inline", this.inline), this.classList.toggle("pkt-inputwrapper--medium", this.size === "medium"), this.classList.toggle("pkt-inputwrapper--small", this.size === "small"), this.classList.toggle("pkt-inputwrapper--xsmall", this.size === "xsmall"), this.role ? this.setAttribute("aria-labelledby", `${this.forId}-label`) : this.removeAttribute("aria-labelledby");
-	}
-	render() {
-		let t = "pkt-tag pkt-tag--small pkt-tag--thin-text", n = this.ariaDescribedby ? this.ariaDescribedby : this.helptext ? `${this.forId}-helptext` : e, a = () => r`
-        ${this.tagText ? r`<span class=${t + " pkt-tag--gray"}>${this.tagText}</span>` : e}
-        ${this.optionalTag ? r`<span class=${t + " pkt-tag--blue-light"}>${this.optionalText}</span>` : e}
-        ${this.requiredTag ? r`<span class=${t + " pkt-tag--beige"}>${this.requiredText}</span>` : e}
-      `, s = () => this.useWrapper ? this.hasFieldset ? r`<legend
-            class="pkt-inputwrapper__legend"
-            id="${this.forId}-label"
-            @click=${this.handleLabelClick}
-          >
-            ${this.label} ${a()}
-          </legend>` : r`<label
-            class="pkt-inputwrapper__label"
-            for="${this.forId}"
-            id="${this.forId}-label"
-            @click=${this.handleLabelClick}
-            >${this.label}${a()}</label
-          >` : r`<label for="${this.forId}" class="pkt-sr-only" id="${this.forId}-label">
-          ${this.label}
-        </label>`, u = () => r`
-        <pkt-helptext
-          class="${l(this.useWrapper ? void 0 : "pkt-hide")}"
-          .forId=${this.forId}
-          .helptext=${this.helptext}
-          .helptextDropdown=${this.helptextDropdown}
-          .helptextDropdownButton=${this.helptextDropdownButton || f.props.helptextDropdownButton.default}
-          @toggleHelpText=${(e) => {
-			this.toggleDropdown(e);
-		}}
-          >${o(this, "helptext")}</pkt-helptext
-        >
-      `, d = () => {
-			if (!this.counter) return e;
-			let t = g(this.counterCurrent, this.counterMaxLength);
-			return r`<div class="pkt-input__counter" aria-hidden="true">
-          ${this.counterError ? this.counterError : e} ${this.counterCurrent || 0}
-          ${this.counterMaxLength ? `/${this.counterMaxLength}` : e}
-        </div>
-        <div class="pkt-sr-only" id=${h(this.forId)} aria-live="polite">
-          ${t ? i.forms.messages.counterExceeded.replace("{current}", String(this.counterCurrent ?? 0)).replace("{max}", String(this.counterMaxLength)) : ""}
-        </div>`;
-		}, p = () => {
-			if (this.hasError && this.errorMessage) {
-				let e = this.size === "medium" ? "small" : "xsmall";
-				return r`<div class="pkt-inputwrapper__alert-wrapper">
-          <pkt-alert
-            skin="error"
-            .size=${e}
-            id=${`${this.forId}-error`}
-            aria-live="assertive"
-            aria-atomic="true"
-          >
-            ${c(this.errorMessage)}
-          </pkt-alert>
-        </div>`;
-			}
-			return e;
-		}, m = () => r`
-        ${s()} 
-        ${u()}
-        ${this.counterPosition === "top" ? d() : e}
-        <div class="pkt-contents">${o(this)}</div>
-        ${this.counterPosition === "bottom" ? d() : e} 
-        ${p()}
-      `;
-		return this.hasFieldset ? r`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${n}">
-            ${m()}
-          </fieldset>` : r`<div class="pkt-inputwrapper__fieldset">${m()}</div>`;
-	}
-	toggleDropdown(e) {
-		this.dispatchEvent(new CustomEvent("toggleHelpText", {
-			bubbles: !1,
-			detail: { isOpen: e.detail.isOpen }
-		}));
-	}
-	handleLabelClick() {
-		this.dispatchEvent(new CustomEvent("labelClick", {
-			bubbles: !0,
-			composed: !0,
-			detail: "label clicked"
-		}));
-	}
-};
-t([n({ type: String })], _.prototype, "forId", void 0), t([n({ type: String })], _.prototype, "label", void 0), t([n({ type: String })], _.prototype, "helptext", void 0), t([n({ type: String })], _.prototype, "helptextDropdown", void 0), t([n({ type: String })], _.prototype, "helptextDropdownButton", void 0), t([n({ type: Boolean })], _.prototype, "counter", void 0), t([n({ type: Number })], _.prototype, "counterCurrent", void 0), t([n({ type: Number })], _.prototype, "counterMaxLength", void 0), t([n({ type: String })], _.prototype, "counterError", void 0), t([n({
-	type: String,
-	reflect: !1
-})], _.prototype, "counterPosition", void 0), t([n({ type: Boolean })], _.prototype, "optionalTag", void 0), t([n({ type: String })], _.prototype, "optionalText", void 0), t([n({ type: Boolean })], _.prototype, "requiredTag", void 0), t([n({ type: String })], _.prototype, "requiredText", void 0), t([n({ type: String })], _.prototype, "tagText", void 0), t([n({ type: Boolean })], _.prototype, "hasError", void 0), t([n({ type: String })], _.prototype, "errorMessage", void 0), t([n({ type: Boolean })], _.prototype, "disabled", void 0), t([n({ type: Boolean })], _.prototype, "inline", void 0), t([n({ type: String })], _.prototype, "ariaDescribedby", void 0), t([n({ type: Boolean })], _.prototype, "hasFieldset", void 0), t([n({
-	type: String,
-	reflect: !0
-})], _.prototype, "role", void 0), t([n({
-	type: Boolean,
-	reflect: !0,
-	converter: d
-})], _.prototype, "useWrapper", void 0), t([n({
-	type: String,
-	attribute: "input-wrapper-size"
-})], _.prototype, "size", void 0);
-try {
-	a("pkt-input-wrapper")(_);
-} catch {
-	console.warn("Forsøker å definere <pkt-input-wrapper>, men den er allerede definert");
-}
-//#endregion
-//#region src/components/input-wrapper/index.ts
-var v = _;
-//#endregion
-export { _ as n, m as r, v as t };

package/dist/input-wrapper-D-fPaTbY.js

@@ -1,176 +0,0 @@
-var e = {
-	name: "pkt-input-wrapper",
-	react: "PktInputWrapper",
-	"css-class": "pkt-inputwrapper",
-	isElement: !0,
-	isPureReact: !0,
-	events: { toggleHelpText: { description: "Event for å vise eller skjule hjelpetekst i dropdown" } },
-	slots: { default: { description: "Innholdet i input-wrapperen, som kan være et skjemaelement eller en annen komponent" } },
-	props: {
-		forId: {
-			name: "For ID",
-			description: "Id-en til skjemaelementet som dette wrapper rundt",
-			type: "string",
-			required: !0,
-			category: "tech"
-		},
-		label: {
-			name: "Merkelapp",
-			description: "Merkelapp for skjemaelementet",
-			type: "string",
-			required: !0,
-			category: "contents"
-		},
-		helptext: {
-			name: "Hjelpetekst",
-			description: "Hjelpetekst for skjemaelementet",
-			type: "string",
-			category: "contents"
-		},
-		helptextDropdown: {
-			name: "Hjelpetekst i dropdown",
-			description: "Hjelpetekst som vises i ekspanderende felt",
-			type: "string",
-			category: "contents"
-		},
-		helptextDropdownButton: {
-			name: "Tekst i hjelpetekst-knapp",
-			description: "Tekst som vises i knappen for å vise hjelpetekst i dropdown",
-			default: "Les mer <span class='pkt-sr-only'>om feltet</span>",
-			type: "string",
-			category: "contents"
-		},
-		ariaDescribedby: {
-			name: "aria-describedby",
-			description: "Id-en til elementet som beskriver skjemaelementet",
-			type: "string",
-			category: "accessibility"
-		},
-		counter: {
-			name: "Teller",
-			description: "Teller for antall tegn i skjemaelementet",
-			type: "boolean",
-			default: !1,
-			category: "ui"
-		},
-		counterCurrent: {
-			name: "Tellerverdi",
-			description: "Tellerens nåværende verdi",
-			type: "number",
-			category: "ui",
-			showIf: { counter: !0 }
-		},
-		counterMaxLength: {
-			name: "Maks tegn i teller",
-			description: "Maks antall tegn som kan skrives i skjemaelementet",
-			type: "number",
-			category: "ui",
-			showIf: { counter: !0 }
-		},
-		counterPosition: {
-			name: "Tellerplassering",
-			description: "Telleren sin plassering i forhold til elementet",
-			type: ["top", "bottom"],
-			default: "bottom",
-			category: "ui",
-			showIf: { counter: !0 }
-		},
-		optionalTag: {
-			name: "Vise valgfritt-merking",
-			description: "Viser en merking som indikerer at feltet er valgfritt",
-			type: "boolean",
-			default: !1,
-			category: "ui"
-		},
-		optionalText: {
-			name: "Valgfritt-tekst",
-			description: "Tekst som vises i valgfritt-merkingen",
-			type: "string",
-			default: "Valgfritt",
-			category: "contents"
-		},
-		requiredTag: {
-			name: "Vise påkrevd-merking",
-			description: "Viser en merking som indikerer at feltet er påkrevd",
-			type: "boolean",
-			default: !1,
-			category: "ui"
-		},
-		requiredText: {
-			name: "Påkrevd-tekst",
-			description: "Tekst som vises i påkrevd-merkingen",
-			type: "string",
-			default: "Må fylles ut",
-			category: "contents"
-		},
-		tagText: {
-			type: "string",
-			name: "Tag-tekst",
-			description: "Tekst som vises i en tag ved siden av label",
-			category: "ui"
-		},
-		hasError: {
-			name: "Feil",
-			description: "Indikerer at skjemaelementet har en feil",
-			type: "boolean",
-			default: !1,
-			category: "ui"
-		},
-		errorMessage: {
-			name: "Feilmelding",
-			description: "Feilmelding som vises når skjemaelementet har en feil",
-			type: "string",
-			category: "contents"
-		},
-		disabled: {
-			name: "Deaktivert",
-			description: "Indikerer at skjemaelementet er deaktivert",
-			type: "boolean",
-			default: !1,
-			category: "tech"
-		},
-		inline: {
-			name: "Inline",
-			description: "Indikerer at skjemaelementet skal flyte sammen med sidens innhold",
-			type: "boolean",
-			default: !1,
-			category: "ui"
-		},
-		hasFieldset: {
-			name: "Er fieldset",
-			description: "Indikerer at innholdet er et fieldset",
-			type: "boolean",
-			default: !1,
-			category: "ui"
-		},
-		useWrapper: {
-			name: "Bruk wrapper",
-			description: "Indikerer om skjemaelementet skal bruke en wrapper",
-			type: "boolean",
-			displayAsFalse: !0,
-			default: !0,
-			category: "ui"
-		},
-		role: {
-			name: "Rolle",
-			description: "ARIA-rolle på wrapperen. Settes ikke som standard. Bruk hasFieldset for reelle grupper.",
-			type: "string",
-			default: null,
-			category: "accessibility"
-		},
-		size: {
-			name: "Størrelse",
-			description: "Visuell størrelse. small: kompakt wrapper og felt (42px). xsmall: samme wrapper som small, felt 36px.",
-			attribute: "input-wrapper-size",
-			type: [
-				"small",
-				"medium",
-				"xsmall"
-			],
-			default: "medium",
-			category: "ui"
-		}
-	}
-};
-//#endregion
-export { e as t };

package/dist/input-wrapper-D5PR0rJn.cjs

@@ -1 +0,0 @@
-var e={name:`pkt-input-wrapper`,react:`PktInputWrapper`,"css-class":`pkt-inputwrapper`,isElement:!0,isPureReact:!0,events:{toggleHelpText:{description:`Event for å vise eller skjule hjelpetekst i dropdown`}},slots:{default:{description:`Innholdet i input-wrapperen, som kan være et skjemaelement eller en annen komponent`}},props:{forId:{name:`For ID`,description:`Id-en til skjemaelementet som dette wrapper rundt`,type:`string`,required:!0,category:`tech`},label:{name:`Merkelapp`,description:`Merkelapp for skjemaelementet`,type:`string`,required:!0,category:`contents`},helptext:{name:`Hjelpetekst`,description:`Hjelpetekst for skjemaelementet`,type:`string`,category:`contents`},helptextDropdown:{name:`Hjelpetekst i dropdown`,description:`Hjelpetekst som vises i ekspanderende felt`,type:`string`,category:`contents`},helptextDropdownButton:{name:`Tekst i hjelpetekst-knapp`,description:`Tekst som vises i knappen for å vise hjelpetekst i dropdown`,default:`Les mer <span class='pkt-sr-only'>om feltet</span>`,type:`string`,category:`contents`},ariaDescribedby:{name:`aria-describedby`,description:`Id-en til elementet som beskriver skjemaelementet`,type:`string`,category:`accessibility`},counter:{name:`Teller`,description:`Teller for antall tegn i skjemaelementet`,type:`boolean`,default:!1,category:`ui`},counterCurrent:{name:`Tellerverdi`,description:`Tellerens nåværende verdi`,type:`number`,category:`ui`,showIf:{counter:!0}},counterMaxLength:{name:`Maks tegn i teller`,description:`Maks antall tegn som kan skrives i skjemaelementet`,type:`number`,category:`ui`,showIf:{counter:!0}},counterPosition:{name:`Tellerplassering`,description:`Telleren sin plassering i forhold til elementet`,type:[`top`,`bottom`],default:`bottom`,category:`ui`,showIf:{counter:!0}},optionalTag:{name:`Vise valgfritt-merking`,description:`Viser en merking som indikerer at feltet er valgfritt`,type:`boolean`,default:!1,category:`ui`},optionalText:{name:`Valgfritt-tekst`,description:`Tekst som vises i valgfritt-merkingen`,type:`string`,default:`Valgfritt`,category:`contents`},requiredTag:{name:`Vise påkrevd-merking`,description:`Viser en merking som indikerer at feltet er påkrevd`,type:`boolean`,default:!1,category:`ui`},requiredText:{name:`Påkrevd-tekst`,description:`Tekst som vises i påkrevd-merkingen`,type:`string`,default:`Må fylles ut`,category:`contents`},tagText:{type:`string`,name:`Tag-tekst`,description:`Tekst som vises i en tag ved siden av label`,category:`ui`},hasError:{name:`Feil`,description:`Indikerer at skjemaelementet har en feil`,type:`boolean`,default:!1,category:`ui`},errorMessage:{name:`Feilmelding`,description:`Feilmelding som vises når skjemaelementet har en feil`,type:`string`,category:`contents`},disabled:{name:`Deaktivert`,description:`Indikerer at skjemaelementet er deaktivert`,type:`boolean`,default:!1,category:`tech`},inline:{name:`Inline`,description:`Indikerer at skjemaelementet skal flyte sammen med sidens innhold`,type:`boolean`,default:!1,category:`ui`},hasFieldset:{name:`Er fieldset`,description:`Indikerer at innholdet er et fieldset`,type:`boolean`,default:!1,category:`ui`},useWrapper:{name:`Bruk wrapper`,description:`Indikerer om skjemaelementet skal bruke en wrapper`,type:`boolean`,displayAsFalse:!0,default:!0,category:`ui`},role:{name:`Rolle`,description:`ARIA-rolle på wrapperen. Settes ikke som standard. Bruk hasFieldset for reelle grupper.`,type:`string`,default:null,category:`accessibility`},size:{name:`Størrelse`,description:`Visuell størrelse. small: kompakt wrapper og felt (42px). xsmall: samme wrapper som small, felt 36px.`,attribute:`input-wrapper-size`,type:[`small`,`medium`,`xsmall`],default:`medium`,category:`ui`}}};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return e}});

package/dist/input-wrapper-Q-B-aBeb.cjs

@@ -1,54 +0,0 @@
-const e=require("./element-BA8v6S7z.cjs"),t=require("./element-with-slot-Bj7nm7fO.cjs");require("./alert-Cs4Rmq_J.cjs");const n=require("./icon-9iwd2F2l.cjs"),r=require("./if-defined-B89_ZeCj.cjs"),i=require("./utils-63cRpWut.cjs"),a=require("./booleanish-BF8l4scU.cjs"),o=require("./input-wrapper-D5PR0rJn.cjs");require("./helptext-CTtKJcML.cjs");const s=require("./focus-modality-controller-C1ocyv2J.cjs");var c=e=>{let t=[];return e.hasHelptext&&t.push(`${e.id}-helptext`),e.hasCounter&&t.push(`${e.id}-counter-status`),e.ariaDescribedby&&t.push(e.ariaDescribedby),t.length?t.join(` `):void 0},l=e=>`${e}-counter-status`,u=(e,t)=>!!t&&t>0&&(e??0)>t,d=class extends t.t{constructor(...e){super(...e),this.forId=i.n(),this.label=``,this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=o.t.props.counter.default,this.counterCurrent=0,this.counterMaxLength=0,this.counterError=null,this.counterPosition=`bottom`,this.optionalTag=o.t.props.optionalTag.default,this.optionalText=o.t.props.optionalText.default,this.requiredTag=o.t.props.requiredTag.default,this.requiredText=o.t.props.requiredText.default,this.tagText=null,this.hasError=o.t.props.hasError.default,this.errorMessage=``,this.disabled=o.t.props.disabled.default,this.inline=o.t.props.inline.default,this.ariaDescribedby=void 0,this.hasFieldset=o.t.props.hasFieldset.default,this.role=null,this.useWrapper=o.t.props.useWrapper.default,this.size=`medium`,this.focusModality=new s.t(this)}updated(e){super.updated(e),this.classList.add(`pkt-inputwrapper`),this.classList.toggle(`pkt-inputwrapper--error`,this.hasError),this.classList.toggle(`pkt-inputwrapper--disabled`,this.disabled),this.classList.toggle(`pkt-inputwrapper--inline`,this.inline),this.classList.toggle(`pkt-inputwrapper--medium`,this.size===`medium`),this.classList.toggle(`pkt-inputwrapper--small`,this.size===`small`),this.classList.toggle(`pkt-inputwrapper--xsmall`,this.size===`xsmall`),this.role?this.setAttribute(`aria-labelledby`,`${this.forId}-label`):this.removeAttribute(`aria-labelledby`)}render(){let i=`pkt-tag pkt-tag--small pkt-tag--thin-text`,a=this.ariaDescribedby?this.ariaDescribedby:this.helptext?`${this.forId}-helptext`:e.d,s=()=>e.p`
-        ${this.tagText?e.p`<span class=${i+` pkt-tag--gray`}>${this.tagText}</span>`:e.d}
-        ${this.optionalTag?e.p`<span class=${i+` pkt-tag--blue-light`}>${this.optionalText}</span>`:e.d}
-        ${this.requiredTag?e.p`<span class=${i+` pkt-tag--beige`}>${this.requiredText}</span>`:e.d}
-      `,c=()=>this.useWrapper?this.hasFieldset?e.p`<legend
-            class="pkt-inputwrapper__legend"
-            id="${this.forId}-label"
-            @click=${this.handleLabelClick}
-          >
-            ${this.label} ${s()}
-          </legend>`:e.p`<label
-            class="pkt-inputwrapper__label"
-            for="${this.forId}"
-            id="${this.forId}-label"
-            @click=${this.handleLabelClick}
-            >${this.label}${s()}</label
-          >`:e.p`<label for="${this.forId}" class="pkt-sr-only" id="${this.forId}-label">
-          ${this.label}
-        </label>`,d=()=>e.p`
-        <pkt-helptext
-          class="${r.t(this.useWrapper?void 0:`pkt-hide`)}"
-          .forId=${this.forId}
-          .helptext=${this.helptext}
-          .helptextDropdown=${this.helptextDropdown}
-          .helptextDropdownButton=${this.helptextDropdownButton||o.t.props.helptextDropdownButton.default}
-          @toggleHelpText=${e=>{this.toggleDropdown(e)}}
-          >${t.n(this,`helptext`)}</pkt-helptext
-        >
-      `,f=()=>{if(!this.counter)return e.d;let t=u(this.counterCurrent,this.counterMaxLength);return e.p`<div class="pkt-input__counter" aria-hidden="true">
-          ${this.counterError?this.counterError:e.d} ${this.counterCurrent||0}
-          ${this.counterMaxLength?`/${this.counterMaxLength}`:e.d}
-        </div>
-        <div class="pkt-sr-only" id=${l(this.forId)} aria-live="polite">
-          ${t?e.r.forms.messages.counterExceeded.replace(`{current}`,String(this.counterCurrent??0)).replace(`{max}`,String(this.counterMaxLength)):``}
-        </div>`},p=()=>{if(this.hasError&&this.errorMessage){let t=this.size===`medium`?`small`:`xsmall`;return e.p`<div class="pkt-inputwrapper__alert-wrapper">
-          <pkt-alert
-            skin="error"
-            .size=${t}
-            id=${`${this.forId}-error`}
-            aria-live="assertive"
-            aria-atomic="true"
-          >
-            ${n.r(this.errorMessage)}
-          </pkt-alert>
-        </div>`}return e.d},m=()=>e.p`
-        ${c()} 
-        ${d()}
-        ${this.counterPosition===`top`?f():e.d}
-        <div class="pkt-contents">${t.n(this)}</div>
-        ${this.counterPosition===`bottom`?f():e.d} 
-        ${p()}
-      `;return this.hasFieldset?e.p`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${a}">
-            ${m()}
-          </fieldset>`:e.p`<div class="pkt-inputwrapper__fieldset">${m()}</div>`}toggleDropdown(e){this.dispatchEvent(new CustomEvent(`toggleHelpText`,{bubbles:!1,detail:{isOpen:e.detail.isOpen}}))}handleLabelClick(){this.dispatchEvent(new CustomEvent(`labelClick`,{bubbles:!0,composed:!0,detail:`label clicked`}))}};e.n([e.o({type:String})],d.prototype,`forId`,void 0),e.n([e.o({type:String})],d.prototype,`label`,void 0),e.n([e.o({type:String})],d.prototype,`helptext`,void 0),e.n([e.o({type:String})],d.prototype,`helptextDropdown`,void 0),e.n([e.o({type:String})],d.prototype,`helptextDropdownButton`,void 0),e.n([e.o({type:Boolean})],d.prototype,`counter`,void 0),e.n([e.o({type:Number})],d.prototype,`counterCurrent`,void 0),e.n([e.o({type:Number})],d.prototype,`counterMaxLength`,void 0),e.n([e.o({type:String})],d.prototype,`counterError`,void 0),e.n([e.o({type:String,reflect:!1})],d.prototype,`counterPosition`,void 0),e.n([e.o({type:Boolean})],d.prototype,`optionalTag`,void 0),e.n([e.o({type:String})],d.prototype,`optionalText`,void 0),e.n([e.o({type:Boolean})],d.prototype,`requiredTag`,void 0),e.n([e.o({type:String})],d.prototype,`requiredText`,void 0),e.n([e.o({type:String})],d.prototype,`tagText`,void 0),e.n([e.o({type:Boolean})],d.prototype,`hasError`,void 0),e.n([e.o({type:String})],d.prototype,`errorMessage`,void 0),e.n([e.o({type:Boolean})],d.prototype,`disabled`,void 0),e.n([e.o({type:Boolean})],d.prototype,`inline`,void 0),e.n([e.o({type:String})],d.prototype,`ariaDescribedby`,void 0),e.n([e.o({type:Boolean})],d.prototype,`hasFieldset`,void 0),e.n([e.o({type:String,reflect:!0})],d.prototype,`role`,void 0),e.n([e.o({type:Boolean,reflect:!0,converter:a.t})],d.prototype,`useWrapper`,void 0),e.n([e.o({type:String,attribute:`input-wrapper-size`})],d.prototype,`size`,void 0);try{e.s(`pkt-input-wrapper`)(d)}catch{console.warn(`Forsøker å definere <pkt-input-wrapper>, men den er allerede definert`)}var f=d;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});

package/dist/link-D-Eqm5KH.js

@@ -1,98 +0,0 @@
-import { d as e, n as t, o as n, p as r, s as i } from "./element-ChsFgr_B.js";
-import { t as a } from "./class-map-CnWCnBSX.js";
-import { n as o, t as s } from "./element-with-slot-BvG9ctC-.js";
-import "./icon-D-LA22xD.js";
-var c = {
-	name: "pkt-link",
-	react: "PktLink",
-	"css-class": "pkt-link",
-	"dark-mode": !0,
-	isElement: !0,
-	props: {
-		href: {
-			name: "URL",
-			description: "URL til lenken",
-			type: "string",
-			default: "#",
-			category: "contents"
-		},
-		target: {
-			name: "Mål",
-			description: "Mål for lenken",
-			type: [
-				"_blank",
-				"_self",
-				"_parent",
-				"_top"
-			],
-			default: "_self",
-			category: "tech"
-		},
-		iconName: {
-			name: "Ikon",
-			description: "Ikon som skal vises ved siden av lenketeksten",
-			type: "icon",
-			category: "ui"
-		},
-		iconPosition: {
-			name: "Ikonposisjon",
-			description: "Posisjonen til ikonet i forhold til lenketeksten",
-			type: ["left", "right"],
-			category: "ui"
-		},
-		renderLink: {
-			name: "Egendefinert lenkekomponent",
-			description: "React: Funksjon for å rendre en egendefinert lenkekomponent (f.eks. Next.js Link eller React Router Link). Mottar et objekt med href, className, children og props. Standard er et vanlig <a>-element.",
-			type: "function",
-			required: !1,
-			category: "tech",
-			reactOnly: !0
-		}
-	},
-	slots: { default: { description: "Innholdet i lenken" } }
-}, l = class extends s {
-	constructor(...e) {
-		super(...e), this.href = c.props.href.default, this.iconName = void 0, this.iconPosition = void 0, this.external = !1, this.target = c.props.target.default;
-	}
-	render() {
-		let t = {
-			"pkt-link": !0,
-			"pkt-link--icon-left": !!this.iconName && this.iconPosition === "left" || !!(this.iconName && !this.iconPosition),
-			"pkt-link--icon-right": !!this.iconName && this.iconPosition === "right",
-			"pkt-link--external": this.external
-		};
-		return r`<a
-      class=${a(t)}
-      href=${this.href}
-      .target=${this.target}
-      .rel=${this.external ? "noopener noreferrer" : e}
-      >${this.iconName ? r`<pkt-icon name=${this.iconName} class="pkt-link__icon"></pkt-icon>` : ""} <span>${o(this)}</span></a
-    >`;
-	}
-};
-t([n({
-	type: String,
-	reflect: !0
-})], l.prototype, "href", void 0), t([n({
-	type: String,
-	reflect: !0
-})], l.prototype, "iconName", void 0), t([n({
-	type: String,
-	reflect: !0
-})], l.prototype, "iconPosition", void 0), t([n({
-	type: Boolean,
-	reflect: !0
-})], l.prototype, "external", void 0), t([n({
-	type: String,
-	reflect: !0
-})], l.prototype, "target", void 0);
-try {
-	i("pkt-link")(l);
-} catch {
-	console.warn("Forsøker å definere <pkt-link>, men den er allerede definert");
-}
-//#endregion
-//#region src/components/link/index.ts
-var u = l;
-//#endregion
-export { l as n, u as t };

package/dist/link-DK7gvmnj.cjs

@@ -1,7 +0,0 @@
-const e=require("./element-BA8v6S7z.cjs"),t=require("./class-map-BeimMvPv.cjs"),n=require("./element-with-slot-Bj7nm7fO.cjs");require("./icon-9iwd2F2l.cjs");var r={name:`pkt-link`,react:`PktLink`,"css-class":`pkt-link`,"dark-mode":!0,isElement:!0,props:{href:{name:`URL`,description:`URL til lenken`,type:`string`,default:`#`,category:`contents`},target:{name:`Mål`,description:`Mål for lenken`,type:[`_blank`,`_self`,`_parent`,`_top`],default:`_self`,category:`tech`},iconName:{name:`Ikon`,description:`Ikon som skal vises ved siden av lenketeksten`,type:`icon`,category:`ui`},iconPosition:{name:`Ikonposisjon`,description:`Posisjonen til ikonet i forhold til lenketeksten`,type:[`left`,`right`],category:`ui`},renderLink:{name:`Egendefinert lenkekomponent`,description:`React: Funksjon for å rendre en egendefinert lenkekomponent (f.eks. Next.js Link eller React Router Link). Mottar et objekt med href, className, children og props. Standard er et vanlig <a>-element.`,type:`function`,required:!1,category:`tech`,reactOnly:!0}},slots:{default:{description:`Innholdet i lenken`}}},i=class extends n.t{constructor(...e){super(...e),this.href=r.props.href.default,this.iconName=void 0,this.iconPosition=void 0,this.external=!1,this.target=r.props.target.default}render(){let r={"pkt-link":!0,"pkt-link--icon-left":!!this.iconName&&this.iconPosition===`left`||!!(this.iconName&&!this.iconPosition),"pkt-link--icon-right":!!this.iconName&&this.iconPosition===`right`,"pkt-link--external":this.external};return e.p`<a
-      class=${t.t(r)}
-      href=${this.href}
-      .target=${this.target}
-      .rel=${this.external?`noopener noreferrer`:e.d}
-      >${this.iconName?e.p`<pkt-icon name=${this.iconName} class="pkt-link__icon"></pkt-icon>`:``} <span>${n.n(this)}</span></a
-    >`}};e.n([e.o({type:String,reflect:!0})],i.prototype,`href`,void 0),e.n([e.o({type:String,reflect:!0})],i.prototype,`iconName`,void 0),e.n([e.o({type:String,reflect:!0})],i.prototype,`iconPosition`,void 0),e.n([e.o({type:Boolean,reflect:!0})],i.prototype,`external`,void 0),e.n([e.o({type:String,reflect:!0})],i.prototype,`target`,void 0);try{e.s(`pkt-link`)(i)}catch{console.warn(`Forsøker å definere <pkt-link>, 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/linkcard-B29cmZqh.cjs

@@ -1,13 +0,0 @@
-const e=require("./element-BA8v6S7z.cjs"),t=require("./element-with-slot-Bj7nm7fO.cjs");require("./icon-9iwd2F2l.cjs");const n=require("./if-defined-B89_ZeCj.cjs");var r=class extends t.t{constructor(...e){super(...e),this.title=``,this.href=`#`,this.iconName=``,this.external=!1,this.openInNewTab=!1,this.skin=`normal`}render(){let r=[`pkt-linkcard`,this.skin&&`pkt-linkcard--${this.skin}`].filter(Boolean).join(` `),i=[`pkt-linkcard__title`,this.external&&`pkt-link pkt-link--external`].filter(Boolean).join(` `);return e.p`
-      <a
-        href=${this.href}
-        class=${r}
-        target=${this.openInNewTab?`_blank`:`_self`}
-        rel=${n.t(this.openInNewTab?`noopener noreferrer`:void 0)}
-      >
-        ${this.iconName&&e.p`<pkt-icon class="pkt-link__icon" name="${this.iconName}" />`}
-        ${this.title&&e.p`<div class=${i}>${this.title}</div>`}
-
-        <div class="pkt-linkcard__text">${t.n(this)}</div>
-      </a>
-    `}};e.n([e.o({type:String,reflect:!0})],r.prototype,`title`,void 0),e.n([e.o({type:String,reflect:!0})],r.prototype,`href`,void 0),e.n([e.o({type:String,reflect:!0})],r.prototype,`iconName`,void 0),e.n([e.o({type:Boolean,reflect:!0})],r.prototype,`external`,void 0),e.n([e.o({type:Boolean,reflect:!0})],r.prototype,`openInNewTab`,void 0),e.n([e.o({type:String,reflect:!0})],r.prototype,`skin`,void 0);try{e.s(`pkt-linkcard`)(r)}catch{console.warn(`Forsøker å definere <pkt-linkcard>, men den er allerede definert`)}var i=r;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});

package/dist/searchinput-Bh975rjX.cjs

@@ -1,60 +0,0 @@
-const e=require("./element-BA8v6S7z.cjs"),t=require("./class-map-BeimMvPv.cjs");require("./icon-9iwd2F2l.cjs");const n=require("./if-defined-B89_ZeCj.cjs"),r=require("./focus-modality-controller-C1ocyv2J.cjs");var i=class extends e.t{constructor(...e){super(...e),this.appearance=`local`,this.inputSize=`medium`,this.disabled=!1,this.fullwidth=!1,this.id=``,this.placeholder=`Søk…`,this.value=``,this.focusModality=new r.t(this,`.pkt-searchinput`)}willUpdate(e){super.willUpdate(e);let t=this.getAttribute(`aria-label`);t&&(this.inputAriaLabel=t,this.removeAttribute(`aria-label`))}get suggestionsId(){return`${this.id}-suggestions`}dispatchSearch(){this.dispatchEvent(new CustomEvent(`pkt-search`,{detail:{value:this.value},bubbles:!0,composed:!0}))}onInput(e){let t=e.target;this.value=t.value}onInputKeydown(e){e.key===`Enter`&&(this.action||e.preventDefault(),this.dispatchSearch())}onSearchClick(e){this.action||e.preventDefault(),this.dispatchSearch()}onSuggestionClick(e,t,n){let r=new CustomEvent(`pkt-suggestion-click`,{detail:{index:n,suggestion:t},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(r)||e.preventDefault()}renderSuggestion(t,n){let r=e.p`
-      ${t.title?e.p`<h3 class="pkt-searchinput__suggestion-title">${t.title}</h3>`:e.d}
-      ${t.text?e.p`<p class="pkt-searchinput__suggestion-text">${t.text}</p>`:e.d}
-    `;return t.href?e.p`<a
-        href=${t.href}
-        class="pkt-searchinput__suggestion"
-        @click=${e=>this.onSuggestionClick(e,t,n)}
-      >
-        ${r}
-      </a>`:t.nonInteractive?e.p`<div class="pkt-searchinput__suggestion">${r}</div>`:e.p`<button
-      type="button"
-      class="pkt-searchinput__suggestion"
-      @click=${e=>this.onSuggestionClick(e,t,n)}
-    >
-      ${r}
-    </button>`}render(){let r=t.t({"pkt-searchinput":!0,[`pkt-searchinput--${this.appearance}`]:!0,[`pkt-searchinput--${this.inputSize}`]:!0,"pkt-searchinput--fullwidth":this.fullwidth}),i=t.t({"pkt-searchinput__button":!0,"pkt-input-icon":this.appearance===`local`,"pkt-btn":!0,[`pkt-btn--${this.inputSize}`]:!0,"pkt-btn--icon-only":!0,"pkt-btn--tertiary":this.appearance===`local`,"pkt-btn--primary":this.appearance===`global`||this.appearance===`local-with-button`,"pkt-btn--yellow":this.appearance===`global`}),a=t.t({"pkt-input":!0,[`pkt-input--${this.inputSize}`]:!0,"pkt-input--fullwidth":this.fullwidth}),o=this.appearance===`local`?`pkt-input__container pkt-input__container--${this.inputSize}`:`pkt-searchinput__field`,s=e.p`
-      ${this.label?e.p`<label for=${n.t(this.id||void 0)} class="pkt-inputwrapper__label"
-            >${this.label}</label
-          >`:e.d}
-      <div class=${o}>
-        <input
-          class=${a}
-          type="search"
-          name=${this.name||this.id}
-          id=${this.id}
-          placeholder=${this.placeholder||`Søk…`}
-          .value=${this.value}
-          ?disabled=${this.disabled}
-          autocomplete="off"
-          aria-label=${n.t(this.inputAriaLabel)}
-          aria-autocomplete=${this.suggestions?`list`:e.d}
-          aria-controls=${this.suggestions?this.suggestionsId:e.d}
-          @input=${this.onInput}
-          @keydown=${this.onInputKeydown}
-        />
-        <button
-          type="submit"
-          class=${i}
-          ?disabled=${this.disabled}
-          @click=${this.onSearchClick}
-        >
-          <pkt-icon class="pkt-btn__icon" name="magnifying-glass-big"></pkt-icon>
-          <span class="pkt-btn__text">${this.label||this.placeholder||`Søk…`}</span>
-        </button>
-      </div>
-      ${this.suggestions?e.p`<ul
-            id=${this.suggestionsId}
-            class="pkt-searchinput__suggestions"
-            aria-live="assertive"
-          >
-            ${this.suggestions.map((t,n)=>e.p` <li>${this.renderSuggestion(t,n)}</li> `)}
-          </ul>`:e.d}
-    `;return this.action?e.p`<form
-        role="search"
-        class=${r}
-        action=${this.action}
-        method=${n.t(this.method)}
-      >
-        ${s}
-      </form>`:e.p`<div role="search" class=${r}>${s}</div>`}};e.n([e.o({type:String})],i.prototype,`appearance`,void 0),e.n([e.o({type:String,attribute:`input-size`})],i.prototype,`inputSize`,void 0),e.n([e.o({type:Boolean,reflect:!0})],i.prototype,`disabled`,void 0),e.n([e.o({type:Boolean,reflect:!0})],i.prototype,`fullwidth`,void 0),e.n([e.o({type:String,reflect:!0})],i.prototype,`id`,void 0),e.n([e.o({type:String})],i.prototype,`label`,void 0),e.n([e.o({type:String})],i.prototype,`name`,void 0),e.n([e.o({type:String})],i.prototype,`placeholder`,void 0),e.n([e.o({type:String})],i.prototype,`value`,void 0),e.n([e.o({type:Array})],i.prototype,`suggestions`,void 0),e.n([e.o({type:String})],i.prototype,`action`,void 0),e.n([e.o({type:String})],i.prototype,`method`,void 0),e.n([e.a()],i.prototype,`inputAriaLabel`,void 0);try{e.s(`pkt-searchinput`)(i)}catch{console.warn(`Forsøker å definere <pkt-searchinput>, 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/tag-CzojNU7z.cjs

@@ -1,27 +0,0 @@
-const e=require("./element-BA8v6S7z.cjs"),t=require("./class-map-BeimMvPv.cjs"),n=require("./element-with-slot-Bj7nm7fO.cjs");require("./icon-9iwd2F2l.cjs");const r=require("./if-defined-B89_ZeCj.cjs");var i={name:`pkt-tag`,react:`PktTag`,"css-class":`pkt-tag`,isElement:!0,"dark-mode":!0,props:{size:{name:`Størrelse`,description:`Størrelsen på taggen`,required:!1,default:`medium`,type:[`small`,`medium`,`large`],category:`ui`},iconName:{name:`Ikon`,description:`Navnet på ikonet som skal vises i taggen`,type:`icon`,required:!1,category:`ui`},skin:{name:`Utseende`,description:`Utseendet til taggen`,required:!1,default:`blue`,type:[`blue`,`blue-light`,`blue-dark`,`green`,`red`,`beige`,`yellow`,`gray`],category:`ui`},closeTag:{name:`Lukk tag`,description:`Skal taggen ha en lukkeknapp?`,type:`boolean`,required:!1,default:!1,category:`ui`},textStyle:{name:`Tekststil`,description:`Stilen på teksten i taggen`,required:!1,default:`normal-text`,type:[`thin-text`,`normal-text`],category:`ui`},type:{name:`Type, dersom lukkeknapp`,description:`Type tag, brukes for å spesifisere om det er en knapp, submit eller reset`,required:!1,default:`button`,type:[`button`,`submit`,`reset`],category:`tech`},ariaLabel:{name:`aria-label`,description:`aria-label for taggen, brukes for tilgjengelighet`,type:`string`,required:!1,category:`accessibility`}},slots:{default:{description:`Teksten til tag`}}},a=class extends n.t{constructor(){super(),this.closeTag=i.props.closeTag.default,this.size=i.props.size.default,this.skin=i.props.skin.default,this.textStyle=null,this.iconName=void 0,this.type=i.props.type.default,this.ariaLabel=null,this.buttonTabindex=void 0,this._isClosed=!1,this._ariaDescription=null,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent(`close`,{detail:{origin:e},bubbles:!1,composed:!0})),this.dispatchEvent(new CustomEvent(`on-close`,{detail:{origin:e},bubbles:!1,composed:!0}))},this._isClosed=!1}firstUpdated(e){if(super.firstUpdated(e),this.closeTag&&!this.ariaLabel){let e=this.querySelector(`button span, .pkt-tag > span`)?.textContent?.trim();e&&(this._ariaDescription=`Klikk for å fjerne ${e}`)}}render(){let i={"pkt-tag":!0,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,[`pkt-tag--${this.textStyle}`]:!!this.textStyle},a={"pkt-tag":!0,[`pkt-tag--${this.textStyle}`]:!!this.textStyle,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,"pkt-hide":this._isClosed};return this.closeTag?e.p`
-        <button
-          class=${t.t(a)}
-          type=${this.type}
-          tabindex=${r.t(this.buttonTabindex)}
-          @click=${this.close}
-          aria-label=${r.t(this.ariaLabel||void 0)}
-          aria-description=${r.t(this._ariaDescription||void 0)}
-        >
-          ${this.iconName&&e.p`<pkt-icon
-            class="pkt-tag__icon"
-            name=${this.iconName}
-            aria-hidden="true"
-          ></pkt-icon>`}
-          <span>${n.n(this)}</span>
-          <pkt-icon class="pkt-tag__close-btn" name="close"></pkt-icon>
-        </button>
-      `:e.p`
-        <span class=${t.t(i)}>
-          ${this.iconName&&e.p`<pkt-icon
-            class="pkt-tag__icon"
-            name=${this.iconName}
-            aria-hidden="true"
-          ></pkt-icon>`}
-          <span>${n.n(this)}</span>
-        </span>
-      `}};e.n([e.o({type:Boolean,reflect:!0})],a.prototype,`closeTag`,void 0),e.n([e.o({type:String,reflect:!0})],a.prototype,`size`,void 0),e.n([e.o({type:String,reflect:!0})],a.prototype,`skin`,void 0),e.n([e.o({type:String,reflect:!0})],a.prototype,`textStyle`,void 0),e.n([e.o({type:String,reflect:!0})],a.prototype,`iconName`,void 0),e.n([e.o({type:String})],a.prototype,`type`,void 0),e.n([e.o({type:String})],a.prototype,`ariaLabel`,void 0),e.n([e.o({type:Number,attribute:`button-tabindex`})],a.prototype,`buttonTabindex`,void 0),e.n([e.a()],a.prototype,`_isClosed`,void 0),e.n([e.a()],a.prototype,`_ariaDescription`,void 0);try{e.s(`pkt-tag`)(a)}catch{console.warn(`Forsøker å definere <pkt-tag>, men den er allerede definert`)}var o=a;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});