@oslokommune/punkt-elements 16.17.3 → 16.19.0

package/dist/{select-6XCVj1lP.js → select-BIgFPp42.js}

@@ -1,10 +1,10 @@
-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-B1ciW1N2.js";
-import { t as u } from "./pkt-options-controller-CCB15L_G.js";
-import "./input-wrapper-DVU68NcJ.js";
+import { a as e, n as t, o as n, p as r, s as i } from "./element-CduG0XyF.js";
+import { n as a } from "./element-with-slot-BVj9MXzi.js";
+import { t as o } from "./if-defined-VShASPdu.js";
+import { n as s, t as c } from "./ref-BgoHEsEt.js";
+import { t as l } from "./input-element-BrmkXIXi.js";
+import { t as u } from "./pkt-options-controller-BTNtjEIS.js";
+import "./input-wrapper-B6WowlWG.js";
 //#region src/base-elements/options-input-element.ts
 var d = class extends l {
 	constructor(...e) {
@@ -36,10 +36,10 @@ var d = class extends l {
 		super.willUpdate(e), this.parseOptions();
 	}
 };
-r([i({
+t([n({
 	type: Array,
 	attribute: "options"
-})], d.prototype, "_optionsProp", void 0), r([n()], d.prototype, "_options", void 0);
+})], d.prototype, "_optionsProp", void 0), t([e()], d.prototype, "_options", void 0);
 //#endregion
 //#region src/components/select/select.ts
 var f = class extends d {
@@ -89,7 +89,7 @@ var f = class extends d {
 	}
 	render() {
 		let e = `pkt-input ${this.fullwidth ? "pkt-input--fullwidth" : ""}`;
-		return t`
+		return r`
       <pkt-input-wrapper
         ?counter=${this.counter}
         ?disabled=${this.disabled}
@@ -134,7 +134,7 @@ var f = class extends d {
 		}}
           ${s(this.inputRef)}
         >
-          ${this._options.length > 0 ? this._options.map((e) => t`<option
+          ${this._options.length > 0 ? this._options.map((e) => r`<option
                     value=${e.value}
                     ?selected=${this.value == e.value || e.selected}
                     ?disabled=${e.disabled}
@@ -151,9 +151,9 @@ var f = class extends d {
 		return e == null || isNaN(e) ? null : e;
 	}
 };
-r([i({ type: String })], f.prototype, "value", void 0);
+t([n({ type: String })], f.prototype, "value", void 0);
 try {
-	e("pkt-select")(f);
+	i("pkt-select")(f);
 } catch {
 	console.warn("Forsøker å definere <pkt-select>, men den er allerede definert");
 }

package/dist/{select-DO0xGhQQ.cjs → select-DzZHv6Bz.cjs}

@@ -1,4 +1,4 @@
-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-D0egtEnr.cjs`),a=require(`./pkt-options-controller-CeAQ-D-i.cjs`);require(`./input-wrapper-DOIWggEv.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`
+const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./element-with-slot-Cmxb9h4H.cjs`),n=require(`./if-defined-LTjAScFG.cjs`),r=require(`./ref-CBdWMlde.cjs`),i=require(`./input-element-BHQVt4Q9.cjs`),a=require(`./pkt-options-controller-CBM8xHwR.cjs`);require(`./input-wrapper-Dhkt20WW.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.n([e.o({type:Array,attribute:`options`})],o.prototype,`_optionsProp`,void 0),e.n([e.a()],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.p`
       <pkt-input-wrapper
         ?counter=${this.counter}
         ?disabled=${this.disabled}
@@ -35,7 +35,7 @@ const e=require(`./element-DjtxO-1r.cjs`),t=require(`./element-with-slot-CWoTGA1
           @blur=${e=>{this.onBlur(),e.stopImmediatePropagation()}}
           ${r.n(this.inputRef)}
         >
-          ${this._options.length>0?this._options.map(t=>e.d`<option
+          ${this._options.length>0?this._options.map(t=>e.p`<option
                     value=${t.value}
                     ?selected=${this.value==t.value||t.selected}
                     ?disabled=${t.disabled}
@@ -46,4 +46,4 @@ const e=require(`./element-DjtxO-1r.cjs`),t=require(`./element-with-slot-CWoTGA1
         </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}});
+    `}returnNumberOrNull(e){return e==null||isNaN(e)?null:e}};e.n([e.o({type:String})],s.prototype,`value`,void 0);try{e.s(`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/shared-types/index.d.ts

@@ -9,7 +9,7 @@ export { DEFAULT_HEADER_FOOTER_URL } from './header-menu';
 export type { TLayout, TVerticalPosition, THorizontalPosition, TPosition, TPositionWithCenter, } from './layout';
 export type { THTMLButtonType, TSelectionMode } from './form';
 export type { TSize3, TSize5, TSize7 } from './size';
-export type { TAlertSkin, TMessageboxSkin, TAccordionSkin, TCardSkin } from './skin';
+export type { TAlertSkin, TMessageboxSkin, TAccordionSkin, TCardSkin, TTagSkin } from './skin';
 export type { IDateConstraints, ICalendarGridDimensions, IGridCellPosition, TDateRangeMap, ISelectionState, ISelectionOptions, } from './calendar';
 export type { IDatepickerStrings } from './datepicker';
 export { defaultSingleStrings, defaultRangeStrings } from './datepicker';

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

@@ -22,3 +22,7 @@ export type TAccordionSkin = 'borderless' | 'outlined' | 'beige' | 'blue' | 'plu
  * Card component skin variants
  */
 export type TCardSkin = 'outlined' | 'outlined-beige' | 'gray' | 'beige' | 'green' | 'blue';
+/**
+ * Tag component skin variants
+ */
+export type TTagSkin = 'blue' | 'blue-light' | 'blue-dark' | 'green' | 'red' | 'beige' | 'yellow' | 'grey' | 'gray';

package/dist/{tabs-ClI1XQDt.js → tabs-BJx6wwXD.js}

@@ -1,7 +1,7 @@
-import { c as e, d as t, o as n, r, s as i } from "./element-cZ85T_aa.js";
-import { n as a, t as o } from "./element-with-slot-4J2o3SeU.js";
-import { t as s } from "./if-defined-Cjj8qN-Z.js";
-import { n as c, t as l } from "./ref-RS8Uv6uC.js";
+import { a as e, n as t, o as n, p as r, s as i } from "./element-CduG0XyF.js";
+import { n as a, t as o } from "./element-with-slot-BVj9MXzi.js";
+import { t as s } from "./if-defined-VShASPdu.js";
+import { n as c, t as l } from "./ref-BgoHEsEt.js";
 //#region ../../node_modules/@lit/context/lib/context-request-event.js
 var u = class extends Event {
 	constructor(e, t, n, r) {
@@ -241,32 +241,32 @@ var v = d(Symbol("pkt-tabs-context")), y = class extends o {
 	}
 	render() {
 		let e = this.useArrowNav ? "tablist" : "navigation";
-		return t`
+		return r`
       <div class=${this.separatorIconName || this.separatorIconPath ? "pkt-tabs pkt-tabs--with-separator" : "pkt-tabs"}>
         <div class="pkt-tabs__list" role=${e}>${a(this)}</div>
       </div>
     `;
 	}
 };
-r([i({
+t([n({
 	type: Boolean,
 	reflect: !0,
 	attribute: "arrow-nav"
-})], y.prototype, "arrowNav", void 0), r([i({
+})], y.prototype, "arrowNav", void 0), t([n({
 	type: Boolean,
 	reflect: !0,
 	attribute: "disable-arrow-nav"
-})], y.prototype, "disableArrowNav", void 0), r([i({
+})], y.prototype, "disableArrowNav", void 0), t([n({
 	type: String,
 	reflect: !0,
 	attribute: "separator-icon-name"
-})], y.prototype, "separatorIconName", void 0), r([i({
+})], y.prototype, "separatorIconName", void 0), t([n({
 	type: String,
 	reflect: !0,
 	attribute: "separator-icon-path"
-})], y.prototype, "separatorIconPath", void 0), r([n()], y.prototype, "tabRefs", void 0), r([n()], y.prototype, "disabledMap", void 0), r([n()], y.prototype, "tabCount", void 0), r([g({ context: v }), n()], y.prototype, "context", void 0);
+})], y.prototype, "separatorIconPath", void 0), t([e()], y.prototype, "tabRefs", void 0), t([e()], y.prototype, "disabledMap", void 0), t([e()], y.prototype, "tabCount", void 0), t([g({ context: v }), e()], y.prototype, "context", void 0);
 try {
-	e("pkt-tabs")(y);
+	i("pkt-tabs")(y);
 } catch {
 	console.warn("Forsøker å definere <pkt-tabs>, men den er allerede definert");
 }
@@ -299,16 +299,16 @@ var b = class extends o {
 		this.context && this.context.handleKeyUp(e, this.index);
 	}
 	render() {
-		let e = this.context?.useArrowNav ?? !0, n = this.active && !this.disabled, r = [n ? "active" : "", this.disabled ? "pkt-tabs__item--disabled" : ""].filter(Boolean).join(" "), i = e ? "tab" : void 0, o = e ? n : void 0, l = this.disabled ? -1 : n || !e ? void 0 : -1, u = `pkt-icon--small ${this.icon === "check" ? "pkt-tabs__status-icon" : ""}`, d = t`
-      ${this.icon ? t`<pkt-icon name=${this.icon} class=${u}></pkt-icon>` : ""}
+		let e = this.context?.useArrowNav ?? !0, t = this.active && !this.disabled, n = [t ? "active" : "", this.disabled ? "pkt-tabs__item--disabled" : ""].filter(Boolean).join(" "), i = e ? "tab" : void 0, o = e ? t : void 0, l = this.disabled ? -1 : t || !e ? void 0 : -1, u = `pkt-icon--small ${this.icon === "check" ? "pkt-tabs__status-icon" : ""}`, d = r`
+      ${this.icon ? r`<pkt-icon name=${this.icon} class=${u}></pkt-icon>` : ""}
       <span>${a(this)}</span>
-      ${this.tag ? t`<pkt-tag skin=${this.tagSkin} size="small">${this.tag}</pkt-tag>` : ""}
+      ${this.tag ? r`<pkt-tag skin=${this.tagSkin} size="small">${this.tag}</pkt-tag>` : ""}
     `;
-		return this.href ? t`
+		return this.href ? r`
         <a
           ${c(this.elementRef)}
           href=${s(this.disabled ? void 0 : this.href)}
-          class="pkt-tabs__link ${r}"
+          class="pkt-tabs__link ${n}"
           role=${s(i)}
           aria-selected=${s(o)}
           aria-disabled=${s(this.disabled ? "true" : void 0)}
@@ -319,11 +319,11 @@ var b = class extends o {
         >
           ${d}
         </a>
-      ` : t`
+      ` : r`
       <button
         ${c(this.elementRef)}
         type="button"
-        class="pkt-tabs__button pkt-link-button ${r}"
+        class="pkt-tabs__button pkt-link-button ${n}"
         ?disabled=${this.disabled}
         aria-disabled=${s(this.disabled ? "true" : void 0)}
         role=${s(i)}
@@ -338,37 +338,37 @@ var b = class extends o {
     `;
 	}
 };
-r([i({
+t([n({
 	type: Boolean,
 	reflect: !0
-})], b.prototype, "active", void 0), r([i({
+})], b.prototype, "active", void 0), t([n({
 	type: Boolean,
 	reflect: !0
-})], b.prototype, "disabled", void 0), r([i({
+})], b.prototype, "disabled", void 0), t([n({
 	type: String,
 	reflect: !0
-})], b.prototype, "href", void 0), r([i({
+})], b.prototype, "href", void 0), t([n({
 	type: String,
 	reflect: !0
-})], b.prototype, "icon", void 0), r([i({
+})], b.prototype, "icon", void 0), t([n({
 	type: String,
 	reflect: !0
-})], b.prototype, "controls", void 0), r([i({
+})], b.prototype, "controls", void 0), t([n({
 	type: String,
 	reflect: !0
-})], b.prototype, "tag", void 0), r([i({
+})], b.prototype, "tag", void 0), t([n({
 	type: String,
 	reflect: !0,
 	attribute: "tag-skin"
-})], b.prototype, "tagSkin", void 0), r([i({
+})], b.prototype, "tagSkin", void 0), t([n({
 	type: Number,
 	reflect: !0
-})], b.prototype, "index", void 0), r([_({
+})], b.prototype, "index", void 0), t([_({
 	context: v,
 	subscribe: !0
-}), i({ attribute: !1 })], b.prototype, "context", void 0);
+}), n({ attribute: !1 })], b.prototype, "context", void 0);
 try {
-	e("pkt-tab-item")(b);
+	i("pkt-tab-item")(b);
 } catch {
 	console.warn("Forsøker å definere <pkt-tab-item>, men den er allerede definert");
 }

package/dist/{tabs-CN_RIMWg.cjs → tabs-DxQy8U-0.cjs}

@@ -1,12 +1,12 @@
-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.separatorIconName=``,this.separatorIconPath=``,this.tabRefs=[],this.disabledMap={},this.tabCount=0,this.context={useArrowNav:this.useArrowNav,registerTab:this.registerTab.bind(this),handleClick:this.handleClick.bind(this),handleKeyUp:this.handleKeyUp.bind(this)}}get useArrowNav(){return this.arrowNav&&!this.disableArrowNav}updated(e){(e.has(`arrowNav`)||e.has(`disableArrowNav`))&&(this.context={...this.context,useArrowNav:this.useArrowNav}),this.updateComplete.then(()=>this.syncSeparators())}syncSeparators(){let e=this.querySelector(`.pkt-tabs__list`);if(!e||(e.querySelectorAll(`.pkt-tabs__separator`).forEach(e=>e.remove()),!(this.separatorIconName||this.separatorIconPath)))return;let t=Array.from(e.children).filter(e=>!e.classList.contains(`pkt-tabs__separator`));for(let e=0;e<t.length-1;e++){let n=document.createElement(`span`);if(n.className=`pkt-tabs__separator`,n.setAttribute(`aria-hidden`,`true`),n.setAttribute(`role`,`presentation`),this.separatorIconPath){let e=document.createElement(`img`);e.setAttribute(`src`,this.separatorIconPath),e.setAttribute(`alt`,``),e.setAttribute(`aria-hidden`,`true`),n.appendChild(e)}else if(this.separatorIconName){let e=document.createElement(`pkt-icon`);e.setAttribute(`name`,this.separatorIconName),e.classList.add(`pkt-tabs__separator-icon`),n.appendChild(e)}t[e].after(n)}}registerTab(e,t,n=!1){this.tabRefs[t]=e,this.disabledMap[t]=n,this.tabCount=Math.max(this.tabCount,t+1)}isTabDisabled(e){return!!this.disabledMap[e]}findEnabledIndex(e,t){let n=e+t;for(;n>=0&&n<this.tabCount;){if(!this.isTabDisabled(n))return n;n+=t}return null}handleClick(e){this.isTabDisabled(e)||this.dispatchEvent(new CustomEvent(`tab-selected`,{detail:{index:e},bubbles:!0,composed:!0}))}handleKeyUp(e,t){if(this.useArrowNav){if(e.key===`ArrowLeft`){e.preventDefault();let n=this.findEnabledIndex(t,-1);n!==null&&this.tabRefs[n]?.focus()}if(e.key===`ArrowRight`){e.preventDefault();let n=this.findEnabledIndex(t,1);n!==null&&this.tabRefs[n]?.focus()}(e.key===`Enter`||e.key===` `||e.key===`Spacebar`||e.key===`ArrowDown`)&&(e.preventDefault(),this.handleClick(t))}}render(){let n=this.useArrowNav?`tablist`:`navigation`;return e.d`
+const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./element-with-slot-Cmxb9h4H.cjs`),n=require(`./if-defined-LTjAScFG.cjs`),r=require(`./ref-CBdWMlde.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.separatorIconName=``,this.separatorIconPath=``,this.tabRefs=[],this.disabledMap={},this.tabCount=0,this.context={useArrowNav:this.useArrowNav,registerTab:this.registerTab.bind(this),handleClick:this.handleClick.bind(this),handleKeyUp:this.handleKeyUp.bind(this)}}get useArrowNav(){return this.arrowNav&&!this.disableArrowNav}updated(e){(e.has(`arrowNav`)||e.has(`disableArrowNav`))&&(this.context={...this.context,useArrowNav:this.useArrowNav}),this.updateComplete.then(()=>this.syncSeparators())}syncSeparators(){let e=this.querySelector(`.pkt-tabs__list`);if(!e||(e.querySelectorAll(`.pkt-tabs__separator`).forEach(e=>e.remove()),!(this.separatorIconName||this.separatorIconPath)))return;let t=Array.from(e.children).filter(e=>!e.classList.contains(`pkt-tabs__separator`));for(let e=0;e<t.length-1;e++){let n=document.createElement(`span`);if(n.className=`pkt-tabs__separator`,n.setAttribute(`aria-hidden`,`true`),n.setAttribute(`role`,`presentation`),this.separatorIconPath){let e=document.createElement(`img`);e.setAttribute(`src`,this.separatorIconPath),e.setAttribute(`alt`,``),e.setAttribute(`aria-hidden`,`true`),n.appendChild(e)}else if(this.separatorIconName){let e=document.createElement(`pkt-icon`);e.setAttribute(`name`,this.separatorIconName),e.classList.add(`pkt-tabs__separator-icon`),n.appendChild(e)}t[e].after(n)}}registerTab(e,t,n=!1){this.tabRefs[t]=e,this.disabledMap[t]=n,this.tabCount=Math.max(this.tabCount,t+1)}isTabDisabled(e){return!!this.disabledMap[e]}findEnabledIndex(e,t){let n=e+t;for(;n>=0&&n<this.tabCount;){if(!this.isTabDisabled(n))return n;n+=t}return null}handleClick(e){this.isTabDisabled(e)||this.dispatchEvent(new CustomEvent(`tab-selected`,{detail:{index:e},bubbles:!0,composed:!0}))}handleKeyUp(e,t){if(this.useArrowNav){if(e.key===`ArrowLeft`){e.preventDefault();let n=this.findEnabledIndex(t,-1);n!==null&&this.tabRefs[n]?.focus()}if(e.key===`ArrowRight`){e.preventDefault();let n=this.findEnabledIndex(t,1);n!==null&&this.tabRefs[n]?.focus()}(e.key===`Enter`||e.key===` `||e.key===`Spacebar`||e.key===`ArrowDown`)&&(e.preventDefault(),this.handleClick(t))}}render(){let n=this.useArrowNav?`tablist`:`navigation`;return e.p`
       <div class=${this.separatorIconName||this.separatorIconPath?`pkt-tabs pkt-tabs--with-separator`:`pkt-tabs`}>
         <div class="pkt-tabs__list" role=${n}>${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.s({type:String,reflect:!0,attribute:`separator-icon-name`})],p.prototype,`separatorIconName`,void 0),e.r([e.s({type:String,reflect:!0,attribute:`separator-icon-path`})],p.prototype,`separatorIconPath`,void 0),e.r([e.o()],p.prototype,`tabRefs`,void 0),e.r([e.o()],p.prototype,`disabledMap`,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.disabled=!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,this.disabled)})}updated(){this.elementRef.value&&this.context&&this.context.registerTab(this.elementRef.value,this.index,this.disabled)}handleClick(e){if(this.disabled){e.preventDefault(),e.stopPropagation();return}this.context&&this.context.handleClick(this.index)}handleKeyDown(e){if(this.disabled&&(e.key===`Enter`||e.key===` `||e.key===`Spacebar`)){e.preventDefault(),e.stopPropagation();return}this.context&&this.context.handleKeyUp(e,this.index)}render(){let i=this.context?.useArrowNav??!0,a=this.active&&!this.disabled,o=[a?`active`:``,this.disabled?`pkt-tabs__item--disabled`:``].filter(Boolean).join(` `),s=i?`tab`:void 0,c=i?a:void 0,l=this.disabled?-1:a||!i?void 0:-1,u=`pkt-icon--small ${this.icon===`check`?`pkt-tabs__status-icon`:``}`,d=e.d`
-      ${this.icon?e.d`<pkt-icon name=${this.icon} class=${u}></pkt-icon>`:``}
+    `}};e.n([e.o({type:Boolean,reflect:!0,attribute:`arrow-nav`})],p.prototype,`arrowNav`,void 0),e.n([e.o({type:Boolean,reflect:!0,attribute:`disable-arrow-nav`})],p.prototype,`disableArrowNav`,void 0),e.n([e.o({type:String,reflect:!0,attribute:`separator-icon-name`})],p.prototype,`separatorIconName`,void 0),e.n([e.o({type:String,reflect:!0,attribute:`separator-icon-path`})],p.prototype,`separatorIconPath`,void 0),e.n([e.a()],p.prototype,`tabRefs`,void 0),e.n([e.a()],p.prototype,`disabledMap`,void 0),e.n([e.a()],p.prototype,`tabCount`,void 0),e.n([u({context:f}),e.a()],p.prototype,`context`,void 0);try{e.s(`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.disabled=!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,this.disabled)})}updated(){this.elementRef.value&&this.context&&this.context.registerTab(this.elementRef.value,this.index,this.disabled)}handleClick(e){if(this.disabled){e.preventDefault(),e.stopPropagation();return}this.context&&this.context.handleClick(this.index)}handleKeyDown(e){if(this.disabled&&(e.key===`Enter`||e.key===` `||e.key===`Spacebar`)){e.preventDefault(),e.stopPropagation();return}this.context&&this.context.handleKeyUp(e,this.index)}render(){let i=this.context?.useArrowNav??!0,a=this.active&&!this.disabled,o=[a?`active`:``,this.disabled?`pkt-tabs__item--disabled`:``].filter(Boolean).join(` `),s=i?`tab`:void 0,c=i?a:void 0,l=this.disabled?-1:a||!i?void 0:-1,u=`pkt-icon--small ${this.icon===`check`?`pkt-tabs__status-icon`:``}`,d=e.p`
+      ${this.icon?e.p`<pkt-icon name=${this.icon} class=${u}></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`
+      ${this.tag?e.p`<pkt-tag skin=${this.tagSkin} size="small">${this.tag}</pkt-tag>`:``}
+    `;return this.href?e.p`
         <a
           ${r.n(this.elementRef)}
           href=${n.t(this.disabled?void 0:this.href)}
@@ -21,7 +21,7 @@ const e=require(`./element-DjtxO-1r.cjs`),t=require(`./element-with-slot-CWoTGA1
         >
           ${d}
         </a>
-      `:e.d`
+      `:e.p`
       <button
         ${r.n(this.elementRef)}
         type="button"
@@ -37,4 +37,4 @@ const e=require(`./element-DjtxO-1r.cjs`),t=require(`./element-with-slot-CWoTGA1
       >
         ${d}
       </button>
-    `}};e.r([e.s({type:Boolean,reflect:!0})],m.prototype,`active`,void 0),e.r([e.s({type:Boolean,reflect:!0})],m.prototype,`disabled`,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}});
+    `}};e.n([e.o({type:Boolean,reflect:!0})],m.prototype,`active`,void 0),e.n([e.o({type:Boolean,reflect:!0})],m.prototype,`disabled`,void 0),e.n([e.o({type:String,reflect:!0})],m.prototype,`href`,void 0),e.n([e.o({type:String,reflect:!0})],m.prototype,`icon`,void 0),e.n([e.o({type:String,reflect:!0})],m.prototype,`controls`,void 0),e.n([e.o({type:String,reflect:!0})],m.prototype,`tag`,void 0),e.n([e.o({type:String,reflect:!0,attribute:`tag-skin`})],m.prototype,`tagSkin`,void 0),e.n([e.o({type:Number,reflect:!0})],m.prototype,`index`,void 0),e.n([d({context:f,subscribe:!0}),e.o({attribute:!1})],m.prototype,`context`,void 0);try{e.s(`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}});

package/dist/{tag-DWtajZk6.cjs → tag-CBFz0R9N.cjs}

@@ -1,4 +1,4 @@
-const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),n=require(`./element-with-slot-CWoTGA1B.cjs`);require(`./icon-Dr8sfT2X.cjs`);const r=require(`./if-defined-XKOD_t_V.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-btn":!0,"pkt-btn--tertiary":!0,[`pkt-tag--${this.textStyle}`]:!!this.textStyle,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,"pkt-btn--icons-right-and-left":this.closeTag&&!!this.iconName,"pkt-hide":this._isClosed};return this.closeTag?e.d`
+const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./class-map-B8Ja0q7n.cjs`),n=require(`./element-with-slot-Cmxb9h4H.cjs`);require(`./icon-Dw6I0HDV.cjs`);const r=require(`./if-defined-LTjAScFG.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-btn":!0,"pkt-btn--tertiary":!0,[`pkt-tag--${this.textStyle}`]:!!this.textStyle,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,"pkt-btn--icons-right-and-left":this.closeTag&&!!this.iconName,"pkt-hide":this._isClosed};return this.closeTag?e.p`
         <button
           class=${t.t(a)}
           type=${this.type}
@@ -7,7 +7,7 @@ const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),
           aria-label=${r.t(this.ariaLabel||void 0)}
           aria-description=${r.t(this._ariaDescription||void 0)}
         >
-          ${this.iconName&&e.d`<pkt-icon
+          ${this.iconName&&e.p`<pkt-icon
             class="pkt-tag__icon"
             name=${this.iconName}
             aria-hidden="true"
@@ -15,13 +15,13 @@ const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),
           <span>${n.n(this)}</span>
           <pkt-icon class="pkt-tag__close-btn" name="close"></pkt-icon>
         </button>
-      `:e.d`
+      `:e.p`
         <span class=${t.t(i)}>
-          ${this.iconName&&e.d`<pkt-icon
+          ${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.r([e.s({type:Boolean,reflect:!0})],a.prototype,`closeTag`,void 0),e.r([e.s({type:String,reflect:!0})],a.prototype,`size`,void 0),e.r([e.s({type:String,reflect:!0})],a.prototype,`skin`,void 0),e.r([e.s({type:String,reflect:!0})],a.prototype,`textStyle`,void 0),e.r([e.s({type:String,reflect:!0})],a.prototype,`iconName`,void 0),e.r([e.s({type:String})],a.prototype,`type`,void 0),e.r([e.s({type:String})],a.prototype,`ariaLabel`,void 0),e.r([e.s({type:Number,attribute:`button-tabindex`})],a.prototype,`buttonTabindex`,void 0),e.r([e.o()],a.prototype,`_isClosed`,void 0),e.r([e.o()],a.prototype,`_ariaDescription`,void 0);try{e.c(`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}});
+      `}};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}});

package/dist/{tag-hl59gziI.js → tag-CzlnHhho.js}

@@ -1,8 +1,8 @@
-import { c as e, d as t, o as n, r, s as i } from "./element-cZ85T_aa.js";
-import { t as a } from "./class-map-C8HuhNzZ.js";
-import { n as o, t as s } from "./element-with-slot-4J2o3SeU.js";
-import "./icon-Co72KtgF.js";
-import { t as c } from "./if-defined-Cjj8qN-Z.js";
+import { a as e, n as t, o as n, p as r, s as i } from "./element-CduG0XyF.js";
+import { t as a } from "./class-map-DH9hlJny.js";
+import { n as o, t as s } from "./element-with-slot-BVj9MXzi.js";
+import "./icon-LaKyBKON.js";
+import { t as c } from "./if-defined-VShASPdu.js";
 var l = {
 	name: "pkt-tag",
 	react: "PktTag",
@@ -109,7 +109,7 @@ var l = {
 			[`pkt-tag--${this.size}`]: !!this.size,
 			[`pkt-tag--${this.skin}`]: !!this.skin,
 			[`pkt-tag--${this.textStyle}`]: !!this.textStyle
-		}, n = {
+		}, t = {
 			"pkt-tag": !0,
 			"pkt-btn": !0,
 			"pkt-btn--tertiary": !0,
@@ -119,16 +119,16 @@ var l = {
 			"pkt-btn--icons-right-and-left": this.closeTag && !!this.iconName,
 			"pkt-hide": this._isClosed
 		};
-		return this.closeTag ? t`
+		return this.closeTag ? r`
         <button
-          class=${a(n)}
+          class=${a(t)}
           type=${this.type}
           tabindex=${c(this.buttonTabindex)}
           @click=${this.close}
           aria-label=${c(this.ariaLabel || void 0)}
           aria-description=${c(this._ariaDescription || void 0)}
         >
-          ${this.iconName && t`<pkt-icon
+          ${this.iconName && r`<pkt-icon
             class="pkt-tag__icon"
             name=${this.iconName}
             aria-hidden="true"
@@ -136,9 +136,9 @@ var l = {
           <span>${o(this)}</span>
           <pkt-icon class="pkt-tag__close-btn" name="close"></pkt-icon>
         </button>
-      ` : t`
+      ` : r`
         <span class=${a(e)}>
-          ${this.iconName && t`<pkt-icon
+          ${this.iconName && r`<pkt-icon
             class="pkt-tag__icon"
             name=${this.iconName}
             aria-hidden="true"
@@ -148,27 +148,27 @@ var l = {
       `;
 	}
 };
-r([i({
+t([n({
 	type: Boolean,
 	reflect: !0
-})], u.prototype, "closeTag", void 0), r([i({
+})], u.prototype, "closeTag", void 0), t([n({
 	type: String,
 	reflect: !0
-})], u.prototype, "size", void 0), r([i({
+})], u.prototype, "size", void 0), t([n({
 	type: String,
 	reflect: !0
-})], u.prototype, "skin", void 0), r([i({
+})], u.prototype, "skin", void 0), t([n({
 	type: String,
 	reflect: !0
-})], u.prototype, "textStyle", void 0), r([i({
+})], u.prototype, "textStyle", void 0), t([n({
 	type: String,
 	reflect: !0
-})], u.prototype, "iconName", void 0), r([i({ type: String })], u.prototype, "type", void 0), r([i({ type: String })], u.prototype, "ariaLabel", void 0), r([i({
+})], u.prototype, "iconName", void 0), t([n({ type: String })], u.prototype, "type", void 0), t([n({ type: String })], u.prototype, "ariaLabel", void 0), t([n({
 	type: Number,
 	attribute: "button-tabindex"
-})], u.prototype, "buttonTabindex", void 0), r([n()], u.prototype, "_isClosed", void 0), r([n()], u.prototype, "_ariaDescription", void 0);
+})], u.prototype, "buttonTabindex", void 0), t([e()], u.prototype, "_isClosed", void 0), t([e()], u.prototype, "_ariaDescription", void 0);
 try {
-	e("pkt-tag")(u);
+	i("pkt-tag")(u);
 } catch {
 	console.warn("Forsøker å definere <pkt-tag>, men den er allerede definert");
 }

package/dist/textarea-M_S9WK7s.cjs

@@ -0,0 +1,46 @@
+const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./class-map-B8Ja0q7n.cjs`),n=require(`./directive-helpers-f36YZFOG.cjs`),r=require(`./element-with-slot-Cmxb9h4H.cjs`);require(`./icon-Dw6I0HDV.cjs`);const i=require(`./if-defined-LTjAScFG.cjs`),a=require(`./ref-CBdWMlde.cjs`),o=require(`./input-element-BHQVt4Q9.cjs`);require(`./input-wrapper-Dhkt20WW.cjs`);var s=e.c(class extends e.l{constructor(t){if(super(t),t.type!==e.u.PROPERTY&&t.type!==e.u.ATTRIBUTE&&t.type!==e.u.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!n.i(t))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(t,[r]){if(r===e.f||r===e.d)return r;let i=t.element,a=t.name;if(t.type===e.u.PROPERTY){if(r===i[a])return e.f}else if(t.type===e.u.BOOLEAN_ATTRIBUTE){if(!!r===i.hasAttribute(a))return e.f}else if(t.type===e.u.ATTRIBUTE&&i.getAttribute(a)===r+``)return e.f;return n.r(t),r}}),c=class extends o.t{constructor(...e){super(...e),this.inputRef=a.t(),this.value=``,this.autocomplete=`off`,this.rows=null,this.counterCurrent=0}attributeChangedCallback(e,t,n){e===`value`&&this.value!==t&&(this.counterCurrent=n?n.length:0,this.valueChanged(n,t)),super.attributeChangedCallback(e,t,n)}updated(e){super.updated(e),e.has(`value`)&&(this.counterCurrent=this.value?.length||0,this.valueChanged(this.value,e.get(`value`))),e.has(`id`)&&!this.name&&this.id&&(this.name=this.id)}render(){let n=t.t({"pkt-input":!0,"pkt-input--fullwidth":this.fullwidth,"pkt-input--counter-error":this.counter&&this.counterMaxLength&&this.value.length&&this.value.length>this.counterMaxLength}),o=this.ariaLabelledby||`${this.id}-input-label`;return e.p`<pkt-input-wrapper
+      label=${this.label}
+      ?counter=${this.counter}
+      ?disabled=${this.disabled}
+      ?hasError=${this.hasError}
+      ?inline=${this.inline}
+      ?optionalTag=${this.optionalTag}
+      ?required=${this.required}
+      ?requiredTag=${this.requiredTag}
+      useWrapper=${this.useWrapper}
+      .ariaDescribedBy=${this.ariaDescribedBy}
+      .counterCurrent=${this.counterCurrent}
+      .counterMaxLength=${this.counterMaxLength}
+      .errorMessage=${this.errorMessage}
+      .forId="${this.id+`-input`}"
+      .helptext=${this.helptext}
+      .helptextDropdown=${this.helptextDropdown}
+      .helptextDropdownButton=${this.helptextDropdownButton}
+      .optionalText=${this.optionalText}
+      .requiredText=${this.requiredText}
+      .tagText=${this.tagText}
+      class="pkt-textarea"
+    >
+      <div class="pkt-contents" slot="helptext">${r.n(this,`helptext`)}</div>
+      <textarea
+        ${a.n(this.inputRef)}
+        class=${n}
+        id=${this.id+`-input`}
+        name=${(this.name||this.id)+`-input`}
+        placeholder=${i.t(this.placeholder)}
+        .value=${s(this.value)}
+        minlength=${i.t(this.minlength)}
+        maxlength=${i.t(this.maxlength)}
+        ?readonly=${this.readonly}
+        autocomplete=${this.autocomplete}
+        aria-labelledby=${o}
+        aria-invalid=${this.hasError}
+        aria-errormessage=${`${this.id}-error`}
+        rows=${this.rows}
+        ?disabled=${this.disabled}
+        @input=${e=>{this.value=e.target.value,this.onInput(),e.stopImmediatePropagation()}}
+        @change=${e=>{e.stopImmediatePropagation()}}
+        @focus=${e=>{this.onFocus(),e.stopImmediatePropagation()}}
+        @blur=${e=>{this.value=e.target.value,this.onBlur(),e.stopImmediatePropagation()}}
+      ></textarea>
+    </pkt-input-wrapper>`}};e.n([e.o({type:String,reflect:!0})],c.prototype,`value`,void 0),e.n([e.o({type:String})],c.prototype,`autocomplete`,void 0),e.n([e.o({type:Number})],c.prototype,`rows`,void 0),e.n([e.a()],c.prototype,`counterCurrent`,void 0);try{e.s(`pkt-textarea`)(c)}catch{console.warn(`Forsøker å definere <pkt-textarea>, men den er allerede definert`)}var l=c;Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});

package/dist/{textarea-DBSNSvrX.js → textarea-qHtkhelz.js}

@@ -1,30 +1,29 @@
-import { c as e, d as t, l as n, o as r, r as i, s as a, u as o } from "./element-cZ85T_aa.js";
-import { n as s, r as c, t as l } from "./directive-3THFsVew.js";
-import { t as u } from "./class-map-C8HuhNzZ.js";
-import { i as d, r as f } from "./directive-helpers-Dkv2gKgs.js";
-import { n as p } from "./element-with-slot-4J2o3SeU.js";
-import "./icon-Co72KtgF.js";
-import { t as m } from "./if-defined-Cjj8qN-Z.js";
-import { n as h, t as g } from "./ref-RS8Uv6uC.js";
-import { t as _ } from "./input-element-B1ciW1N2.js";
-import "./input-wrapper-DVU68NcJ.js";
+import { a as e, c as t, d as n, f as r, l as i, n as a, o, p as s, s as c, u as l } from "./element-CduG0XyF.js";
+import { t as u } from "./class-map-DH9hlJny.js";
+import { i as d, r as f } from "./directive-helpers-Cep_4cpj.js";
+import { n as p } from "./element-with-slot-BVj9MXzi.js";
+import "./icon-LaKyBKON.js";
+import { t as m } from "./if-defined-VShASPdu.js";
+import { n as h, t as g } from "./ref-BgoHEsEt.js";
+import { t as _ } from "./input-element-BrmkXIXi.js";
+import "./input-wrapper-B6WowlWG.js";
 //#region ../../node_modules/lit-html/directives/live.js
-var v = l(class extends s {
+var v = t(class extends i {
 	constructor(e) {
-		if (super(e), e.type !== c.PROPERTY && e.type !== c.ATTRIBUTE && e.type !== c.BOOLEAN_ATTRIBUTE) throw Error("The `live` directive is not allowed on child or event bindings");
+		if (super(e), e.type !== l.PROPERTY && e.type !== l.ATTRIBUTE && e.type !== l.BOOLEAN_ATTRIBUTE) throw Error("The `live` directive is not allowed on child or event bindings");
 		if (!d(e)) throw Error("`live` bindings can only contain a single expression");
 	}
 	render(e) {
 		return e;
 	}
 	update(e, [t]) {
-		if (t === o || t === n) return t;
-		let r = e.element, i = e.name;
-		if (e.type === c.PROPERTY) {
-			if (t === r[i]) return o;
-		} else if (e.type === c.BOOLEAN_ATTRIBUTE) {
-			if (!!t === r.hasAttribute(i)) return o;
-		} else if (e.type === c.ATTRIBUTE && r.getAttribute(i) === t + "") return o;
+		if (t === r || t === n) return t;
+		let i = e.element, a = e.name;
+		if (e.type === l.PROPERTY) {
+			if (t === i[a]) return r;
+		} else if (e.type === l.BOOLEAN_ATTRIBUTE) {
+			if (!!t === i.hasAttribute(a)) return r;
+		} else if (e.type === l.ATTRIBUTE && i.getAttribute(a) === t + "") return r;
 		return f(e), t;
 	}
 }), y = class extends _ {
@@ -42,8 +41,8 @@ var v = l(class extends s {
 			"pkt-input": !0,
 			"pkt-input--fullwidth": this.fullwidth,
 			"pkt-input--counter-error": this.counter && this.counterMaxLength && this.value.length && this.value.length > this.counterMaxLength
-		}), n = this.ariaLabelledby || `${this.id}-input-label`;
-		return t`<pkt-input-wrapper
+		}), t = this.ariaLabelledby || `${this.id}-input-label`;
+		return s`<pkt-input-wrapper
       label=${this.label}
       ?counter=${this.counter}
       ?disabled=${this.disabled}
@@ -78,7 +77,7 @@ var v = l(class extends s {
         maxlength=${m(this.maxlength)}
         ?readonly=${this.readonly}
         autocomplete=${this.autocomplete}
-        aria-labelledby=${n}
+        aria-labelledby=${t}
         aria-invalid=${this.hasError}
         aria-errormessage=${`${this.id}-error`}
         rows=${this.rows}
@@ -99,12 +98,12 @@ var v = l(class extends s {
     </pkt-input-wrapper>`;
 	}
 };
-i([a({
+a([o({
 	type: String,
 	reflect: !0
-})], y.prototype, "value", void 0), i([a({ type: String })], y.prototype, "autocomplete", void 0), i([a({ type: Number })], y.prototype, "rows", void 0), i([r()], y.prototype, "counterCurrent", void 0);
+})], y.prototype, "value", void 0), a([o({ type: String })], y.prototype, "autocomplete", void 0), a([o({ type: Number })], y.prototype, "rows", void 0), a([e()], y.prototype, "counterCurrent", void 0);
 try {
-	e("pkt-textarea")(y);
+	c("pkt-textarea")(y);
 } catch {
 	console.warn("Forsøker å definere <pkt-textarea>, men den er allerede definert");
 }