@oslokommune/punkt-elements 20.0.3 → 20.1.0

package/CHANGELOG.md

@@ -5,6 +5,19 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [20.1.0](https://github.com/oslokommune/punkt/compare/20.0.5...20.1.0) (2026-11-09)
+
+### Features
+* Button - bruk felles standardverdier (#3820). 
+
+---
+
+
+## [20.0.5](https://github.com/oslokommune/punkt/compare/20.0.4...20.0.5) (2026-11-09)
+
+---
+
+
 ## [20.1.0](https://github.com/oslokommune/punkt/compare/20.0.2...20.1.0) (2026-11-06)
 
 ### Bug Fixes

package/dist/{accordion-5N_ptxrN.cjs → accordion-CSSp30G1.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-CEarCnHH.cjs"),t=require("./class-map-C82GtM1w.cjs"),n=require("./element-with-slot-CeKuRE3_.cjs");require("./shared-types-BvRk9kiK.cjs");const r=require("./if-defined-Ci4ZQsgL.cjs"),i=require("./consume-kEjgTrAp.cjs"),a=require("./provide-Cz18sYug.cjs"),o=require("./ref-B6p6mQkO.cjs");var s=[`beige`,`blue`],c=i.n(Symbol(`pkt-accordion-context`)),l=class extends e.c{constructor(...e){super(...e),this.ariaLabelledBy=``,this.compact=!1,this.skin=`borderless`,this.name=``,this.context={skin:this.skin}}willUpdate(e){e.has(`skin`)&&(this.context={...this.context,skin:this.skin})}updated(e){e.has(`name`)&&this.updateAccordionItemNames()}updateAccordionItemNames(){if(this.name){let e=this.renderRoot?.querySelector(`slot`);e&&e.assignedElements().forEach(e=>{e.tagName.toLowerCase()===`pkt-accordion-item`&&(e.hasAttribute(`name`)||e.setAttribute(`name`,this.name))})}}firstUpdated(){let e=this.renderRoot?.querySelector(`slot`);e&&e.addEventListener(`slotchange`,()=>{this.updateAccordionItemNames()})}render(){let n={"pkt-accordion":!0,"pkt-accordion--compact":this.compact,[`pkt-accordion--${this.skin}`]:this.skin};return e._`
+const e=require("./element-CEarCnHH.cjs"),t=require("./class-map-C82GtM1w.cjs"),n=require("./element-with-slot-D_8fAzCW.cjs");require("./shared-types-BvRk9kiK.cjs");const r=require("./if-defined-Ci4ZQsgL.cjs"),i=require("./consume-kEjgTrAp.cjs"),a=require("./provide-Cz18sYug.cjs"),o=require("./ref-C6VUWwmF.cjs");var s=[`beige`,`blue`],c=i.n(Symbol(`pkt-accordion-context`)),l=class extends e.c{constructor(...e){super(...e),this.ariaLabelledBy=``,this.compact=!1,this.skin=`borderless`,this.name=``,this.context={skin:this.skin}}willUpdate(e){e.has(`skin`)&&(this.context={...this.context,skin:this.skin})}updated(e){e.has(`name`)&&this.updateAccordionItemNames()}updateAccordionItemNames(){if(this.name){let e=this.renderRoot?.querySelector(`slot`);e&&e.assignedElements().forEach(e=>{e.tagName.toLowerCase()===`pkt-accordion-item`&&(e.hasAttribute(`name`)||e.setAttribute(`name`,this.name))})}}firstUpdated(){let e=this.renderRoot?.querySelector(`slot`);e&&e.addEventListener(`slotchange`,()=>{this.updateAccordionItemNames()})}render(){let n={"pkt-accordion":!0,"pkt-accordion--compact":this.compact,[`pkt-accordion--${this.skin}`]:this.skin};return e._`
       <div
         part="container"
         class=${t.t(n)}

package/dist/{accordion-C5cu1xXT.js → accordion-DIjltHSH.js}

@@ -1,12 +1,12 @@
-import { _ as e, c as t, d as n, l as r, n as i, u as a } from "./element-DLgZkx5L.js";
-import { t as o } from "./class-map-BDwVSgLb.js";
-import { i as s, t as c } from "./element-with-slot-mG-h7Sjw.js";
-import "./shared-types-A6iGIX-f.js";
-import { t as l } from "./if-defined-DiYi2v_Q.js";
-import { n as u, t as d } from "./consume-Bp12si68.js";
-import { t as f } from "./provide-_MnlMGnw.js";
-import { n as p, t as m } from "./ref-BAegS9BR.js";
-//#region ../../shared-types/accordion.ts
+import { _ as e, c as t, d as n, l as r, n as i, u as a } from "./element-Bwc-likm.js";
+import { t as o } from "./class-map-C9n5CNC8.js";
+import { i as s, t as c } from "./element-with-slot-47quDZRt.js";
+import "./shared-types-BvRk9kiK.js";
+import { t as l } from "./if-defined-B3pYog2C.js";
+import { n as u, t as d } from "./consume-C6aWEFx-.js";
+import { t as f } from "./provide-DFu2tSv_.js";
+import { n as p, t as m } from "./ref-qE1RBrI7.js";
+// ../../shared-types/accordion.ts
 var h = ["beige", "blue"], g = u(Symbol("pkt-accordion-context")), _ = class extends t {
 	constructor(...e) {
 		super(...e), this.ariaLabelledBy = "", this.compact = !1, this.skin = "borderless", this.name = "", this.context = { skin: this.skin };
@@ -74,8 +74,7 @@ try {
 } catch {
 	console.warn("Forsøker å definere <pkt-accordion>, men den er allerede definert");
 }
-//#endregion
-//#region src/components/accordion/accordionitem.ts
+// src/components/accordion/accordionitem.ts
 var v = class extends c {
 	constructor() {
 		super(), this.defaultOpen = !1, this.title = "", this.skin = void 0, this.compact = !1, this.isOpen = !1, this.name = void 0, this.accordionItemRef = m();
@@ -151,8 +150,6 @@ try {
 } catch {
 	console.warn("Forsøker å definere <pkt-accordion-item>, men den er allerede definert");
 }
-//#endregion
-//#region src/components/accordion/index.ts
+// src/components/accordion/index.ts
 var y = _;
-//#endregion
 export { v as n, _ as r, y as t };

package/dist/{alert-DkyTTo7S.cjs → alert-0a5lX0pL.cjs}

@@ -1,22 +1,22 @@
-const e=require("./element-CEarCnHH.cjs"),t=require("./class-map-C82GtM1w.cjs"),n=require("./format-B8meU8Tm.cjs"),r=require("./element-with-slot-CeKuRE3_.cjs");require("./shared-types-BvRk9kiK.cjs"),require("./icon-5A378_yh.cjs");const i=require("./classutils-CbklAJDe.cjs"),a=require("./define-component-spec-DBNd2FJY.cjs");require("./button-bVWAX98x.cjs");var o=[`off`,`polite`,`assertive`],s=[`info`,`success`,`warning`,`error`],c=[`medium`,`small`,`xsmall`],l={compact:!1},u=a.t({name:`pkt-alert`,react:`PktAlert`,"css-class":`pkt-alert`,"dark-mode":!0,isElement:!0,isPureReact:!0,events:{onClose:{reactOnly:!0,description:`React: Klikk-event for 'Lukk'-knappen`},close:{elementsOnly:!0,description:`Elements: Klikk-event for 'Lukk'-knappen`},"on-close":{elementsOnly:!0,description:`Elements: Samme event som <code>close</code>, beholdt for eldre Vue-oppsett.`,deprecated:`Bruk <code>close</code>. <code>on-close</code> fjernes i en senere hovedversjon.`}},props:{title:{name:`Tittel`,description:`Tittelen som vises øverst i på meldingen`,type:`string`,category:`contents`},skin:{name:`Utseende`,description:`Hvordan type melding er dette?`,type:[...s],default:`info`,category:`ui`},date:{name:`Sist oppdatert`,description:`Dato som vises nederst i på meldingen`,type:`string`,category:`contents`},ariaLive:{name:`aria-live`,description:`Hvordan skal skjermleseren lese opp meldingen?`,type:[...o],default:`polite`,category:`accessibility`},size:{name:`Størrelse`,description:`Endrer størrelsen på ulike elementer i alerten.`,type:[...c],default:`medium`,category:`ui`},closeAlert:{name:`Vis 'Lukk'-knapp`,description:`Viser 'Lukk'-knappen`,type:`boolean`,default:!1,category:`ui`},compact:{name:`Kompakt`,description:`Kompakt visning av alerten.`,deprecated:"Bruk `size` i stedet; uten eksplisitt `size` gir compact størrelsen 'small'.",type:`boolean`,category:`ui`,default:l.compact}},slots:{default:{description:`Innholdet i meldingen`}}}),d=class extends r.t{constructor(){super(),this.compact=l.compact,this.title=``,this.skin=u.props.skin.default,this.ariaLive=u.props.ariaLive.default,this.ariaLiveAttr=null,this.closeAlert=u.props.closeAlert.default,this.date=null,this.role=`status`,this._isClosed=!1,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent(`close`,{detail:{origin:e},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent(`on-close`,{detail:{origin:e},bubbles:!0,composed:!0}))},this._isClosed=!1}connectedCallback(){super.connectedCallback(),this.ariaLiveAttr=this.getAttribute(`aria-live`)||this.ariaLive}attributeChangedCallback(e,t,n){e===`ariaLive`&&(this.ariaLiveAttr=n),super.attributeChangedCallback(e,t,n)}updated(e){super.updated(e),e.has(`ariaLive`)&&e.get(`ariaLive`)!==void 0&&(this.ariaLiveAttr=this.ariaLive),e.has(`_isClosed`)&&i.t(this,`pkt-hide`,this._isClosed)}render(){let i=this.size??(this.compact?`small`:`medium`),a={"pkt-alert":!0,[`pkt-alert--${i}`]:!0,[`pkt-alert--${this.skin}`]:!0,"pkt-hide":this._isClosed},o={"pkt-alert__grid":!0,"pkt-alert__noTitle":!this.title,"pkt-alert__noDate":!this.date};return e._`
+const e=require("./class-map-C82GtM1w.cjs"),t=require("./element-CEarCnHH.cjs"),n=require("./element-with-slot-D_8fAzCW.cjs");require("./shared-types-BvRk9kiK.cjs");const r=require("./classutils-CbklAJDe.cjs"),i=require("./format-B8meU8Tm.cjs"),a=require("./define-component-spec-DBNd2FJY.cjs");require("./icon-5A378_yh.cjs"),require("./button-DHVRpzpS.cjs");var o=[`off`,`polite`,`assertive`],s=[`info`,`success`,`warning`,`error`],c=[`medium`,`small`,`xsmall`],l={compact:!1},u=a.t({name:`pkt-alert`,react:`PktAlert`,"css-class":`pkt-alert`,"dark-mode":!0,isElement:!0,isPureReact:!0,events:{onClose:{reactOnly:!0,description:`React: Klikk-event for 'Lukk'-knappen`},close:{elementsOnly:!0,description:`Elements: Klikk-event for 'Lukk'-knappen`},"on-close":{elementsOnly:!0,description:`Elements: Samme event som <code>close</code>, beholdt for eldre Vue-oppsett.`,deprecated:`Bruk <code>close</code>. <code>on-close</code> fjernes i en senere hovedversjon.`}},props:{title:{name:`Tittel`,description:`Tittelen som vises øverst i på meldingen`,type:`string`,category:`contents`},skin:{name:`Utseende`,description:`Hvordan type melding er dette?`,type:[...s],default:`info`,category:`ui`},date:{name:`Sist oppdatert`,description:`Dato som vises nederst i på meldingen`,type:`string`,category:`contents`},ariaLive:{name:`aria-live`,description:`Hvordan skal skjermleseren lese opp meldingen?`,type:[...o],default:`polite`,category:`accessibility`},size:{name:`Størrelse`,description:`Endrer størrelsen på ulike elementer i alerten.`,type:[...c],default:`medium`,category:`ui`},closeAlert:{name:`Vis 'Lukk'-knapp`,description:`Viser 'Lukk'-knappen`,type:`boolean`,default:!1,category:`ui`},compact:{name:`Kompakt`,description:`Kompakt visning av alerten.`,deprecated:"Bruk `size` i stedet; uten eksplisitt `size` gir compact størrelsen 'small'.",type:`boolean`,category:`ui`,default:l.compact}},slots:{default:{description:`Innholdet i meldingen`}}}),d=class extends n.t{constructor(){super(),this.compact=l.compact,this.title=``,this.skin=u.props.skin.default,this.ariaLive=u.props.ariaLive.default,this.ariaLiveAttr=null,this.closeAlert=u.props.closeAlert.default,this.date=null,this.role=`status`,this._isClosed=!1,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent(`close`,{detail:{origin:e},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent(`on-close`,{detail:{origin:e},bubbles:!0,composed:!0}))},this._isClosed=!1}connectedCallback(){super.connectedCallback(),this.ariaLiveAttr=this.getAttribute(`aria-live`)||this.ariaLive}attributeChangedCallback(e,t,n){e===`ariaLive`&&(this.ariaLiveAttr=n),super.attributeChangedCallback(e,t,n)}updated(e){super.updated(e),e.has(`ariaLive`)&&e.get(`ariaLive`)!==void 0&&(this.ariaLiveAttr=this.ariaLive),e.has(`_isClosed`)&&r.t(this,`pkt-hide`,this._isClosed)}render(){let r=this.size??(this.compact?`small`:`medium`),a={"pkt-alert":!0,[`pkt-alert--${r}`]:!0,[`pkt-alert--${this.skin}`]:!0,"pkt-hide":this._isClosed},o={"pkt-alert__grid":!0,"pkt-alert__noTitle":!this.title,"pkt-alert__noDate":!this.date};return t._`
       <div
-        class=${t.t(a)}
+        class=${e.t(a)}
         aria-live=${this.ariaLiveAttr}
         role=${this.role}
       >
-        <div class=${t.t(o)}>
+        <div class=${e.t(o)}>
           <pkt-icon
             class="pkt-alert__icon"
             aria-hidden="true"
             name=${this.skin===`info`?`alert-information`:`alert-${this.skin}`}
           ></pkt-icon>
 
-          ${this.closeAlert?e._`
+          ${this.closeAlert?t._`
                 <div class="pkt-alert__close">
                   <pkt-button
                     tabindex="0"
                     aria-label=${this.pktStrings.get(`generic`).close}
-                    size=${i}
+                    size=${r}
                     type="button"
                     skin="tertiary"
                     iconName="close"
@@ -26,14 +26,14 @@ const e=require("./element-CEarCnHH.cjs"),t=require("./class-map-C82GtM1w.cjs"),
                     <span class="sr-only">${this.pktStrings.get(`generic`).close}</span>
                   </pkt-button>
                 </div>
-              `:e.h}
-          ${this.title?e._`<div class="pkt-alert__title">${this.title}</div>`:e.h}
+              `:t.h}
+          ${this.title?t._`<div class="pkt-alert__title">${this.title}</div>`:t.h}
 
-          <div class="pkt-alert__text">${r.i(this)}</div>
+          <div class="pkt-alert__text">${n.i(this)}</div>
 
-          ${this.date?e._`<div class="pkt-alert__date">
-                ${n.t(this.pktStrings.get(`alert`).lastUpdated,{date:this.date})}
-              </div>`:e.h}
+          ${this.date?t._`<div class="pkt-alert__date">
+                ${i.t(this.pktStrings.get(`alert`).lastUpdated,{date:this.date})}
+              </div>`:t.h}
         </div>
       </div>
-    `}};e.n([e.u({type:Boolean,reflect:!1})],d.prototype,`compact`,void 0),e.n([e.u({type:String,reflect:!0})],d.prototype,`title`,void 0),e.n([e.u({type:String,reflect:!0})],d.prototype,`skin`,void 0),e.n([e.u({type:String})],d.prototype,`ariaLive`,void 0),e.n([e.u({type:String,reflect:!0,attribute:`aria-live`})],d.prototype,`ariaLiveAttr`,void 0),e.n([e.u({type:Boolean,reflect:!0})],d.prototype,`closeAlert`,void 0),e.n([e.u({type:String,reflect:!0})],d.prototype,`date`,void 0),e.n([e.u({type:String})],d.prototype,`role`,void 0),e.n([e.u({type:String,attribute:`size`})],d.prototype,`size`,void 0),e.n([e.l()],d.prototype,`_isClosed`,void 0);try{e.d(`pkt-alert`)(d)}catch{console.warn(`Forsøker å definere <pkt-alert>, men den er allerede definert`)}var f=d;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});
+    `}};t.n([t.u({type:Boolean,reflect:!1})],d.prototype,`compact`,void 0),t.n([t.u({type:String,reflect:!0})],d.prototype,`title`,void 0),t.n([t.u({type:String,reflect:!0})],d.prototype,`skin`,void 0),t.n([t.u({type:String})],d.prototype,`ariaLive`,void 0),t.n([t.u({type:String,reflect:!0,attribute:`aria-live`})],d.prototype,`ariaLiveAttr`,void 0),t.n([t.u({type:Boolean,reflect:!0})],d.prototype,`closeAlert`,void 0),t.n([t.u({type:String,reflect:!0})],d.prototype,`date`,void 0),t.n([t.u({type:String})],d.prototype,`role`,void 0),t.n([t.u({type:String,attribute:`size`})],d.prototype,`size`,void 0),t.n([t.l()],d.prototype,`_isClosed`,void 0);try{t.d(`pkt-alert`)(d)}catch{console.warn(`Forsøker å definere <pkt-alert>, men den er allerede definert`)}var f=d;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});

package/dist/{alert-CA1fDbyc.js → alert-ZrB-P881.js}

@@ -1,13 +1,13 @@
-import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-DLgZkx5L.js";
-import { t as o } from "./class-map-BDwVSgLb.js";
-import { t as s } from "./format-BTeSVkED.js";
-import { i as c, t as l } from "./element-with-slot-mG-h7Sjw.js";
-import "./shared-types-A6iGIX-f.js";
-import "./icon-C1oCGwEe.js";
-import { t as u } from "./classutils-DcYnSgfc.js";
-import { t as d } from "./define-component-spec-BYOSeplU.js";
-import "./button-Bswo1C0M.js";
-//#region ../../shared-types/aria.ts
+import { t as e } from "./class-map-C9n5CNC8.js";
+import { _ as t, d as n, h as r, l as i, n as a, u as o } from "./element-Bwc-likm.js";
+import { i as s, t as c } from "./element-with-slot-47quDZRt.js";
+import "./shared-types-BvRk9kiK.js";
+import { t as l } from "./classutils-C4jETHHk.js";
+import { t as u } from "./format-DwjTfa9h.js";
+import { t as d } from "./define-component-spec-wHP10r2x.js";
+import "./icon-CZDw42U7.js";
+import "./button-CJzu0l5A.js";
+// ../../shared-types/aria.ts
 var f = [
 	"off",
 	"polite",
@@ -94,7 +94,7 @@ var f = [
 		}
 	},
 	slots: { default: { description: "Innholdet i meldingen" } }
-}), _ = class extends l {
+}), _ = class extends c {
 	constructor() {
 		super(), this.compact = h.compact, this.title = "", this.skin = g.props.skin.default, this.ariaLive = g.props.ariaLive.default, this.ariaLiveAttr = null, this.closeAlert = g.props.closeAlert.default, this.date = null, this.role = "status", this._isClosed = !1, this.close = (e) => {
 			this._isClosed = !0, this.dispatchEvent(new CustomEvent("close", {
@@ -115,38 +115,38 @@ var f = [
 		e === "ariaLive" && (this.ariaLiveAttr = n), super.attributeChangedCallback(e, t, n);
 	}
 	updated(e) {
-		super.updated(e), e.has("ariaLive") && e.get("ariaLive") !== void 0 && (this.ariaLiveAttr = this.ariaLive), e.has("_isClosed") && u(this, "pkt-hide", this._isClosed);
+		super.updated(e), e.has("ariaLive") && e.get("ariaLive") !== void 0 && (this.ariaLiveAttr = this.ariaLive), e.has("_isClosed") && l(this, "pkt-hide", this._isClosed);
 	}
 	render() {
-		let t = this.size ?? (this.compact ? "small" : "medium"), r = {
+		let n = this.size ?? (this.compact ? "small" : "medium"), i = {
 			"pkt-alert": !0,
-			[`pkt-alert--${t}`]: !0,
+			[`pkt-alert--${n}`]: !0,
 			[`pkt-alert--${this.skin}`]: !0,
 			"pkt-hide": this._isClosed
-		}, i = {
+		}, a = {
 			"pkt-alert__grid": !0,
 			"pkt-alert__noTitle": !this.title,
 			"pkt-alert__noDate": !this.date
 		};
-		return e`
+		return t`
       <div
-        class=${o(r)}
+        class=${e(i)}
         aria-live=${this.ariaLiveAttr}
         role=${this.role}
       >
-        <div class=${o(i)}>
+        <div class=${e(a)}>
           <pkt-icon
             class="pkt-alert__icon"
             aria-hidden="true"
             name=${this.skin === "info" ? "alert-information" : `alert-${this.skin}`}
           ></pkt-icon>
 
-          ${this.closeAlert ? e`
+          ${this.closeAlert ? t`
                 <div class="pkt-alert__close">
                   <pkt-button
                     tabindex="0"
                     aria-label=${this.pktStrings.get("generic").close}
-                    size=${t}
+                    size=${n}
                     type="button"
                     skin="tertiary"
                     iconName="close"
@@ -156,49 +156,47 @@ var f = [
                     <span class="sr-only">${this.pktStrings.get("generic").close}</span>
                   </pkt-button>
                 </div>
-              ` : n}
-          ${this.title ? e`<div class="pkt-alert__title">${this.title}</div>` : n}
+              ` : r}
+          ${this.title ? t`<div class="pkt-alert__title">${this.title}</div>` : r}
 
-          <div class="pkt-alert__text">${c(this)}</div>
+          <div class="pkt-alert__text">${s(this)}</div>
 
-          ${this.date ? e`<div class="pkt-alert__date">
-                ${s(this.pktStrings.get("alert").lastUpdated, { date: this.date })}
-              </div>` : n}
+          ${this.date ? t`<div class="pkt-alert__date">
+                ${u(this.pktStrings.get("alert").lastUpdated, { date: this.date })}
+              </div>` : r}
         </div>
       </div>
     `;
 	}
 };
-i([a({
+a([o({
 	type: Boolean,
 	reflect: !1
-})], _.prototype, "compact", void 0), i([a({
+})], _.prototype, "compact", void 0), a([o({
 	type: String,
 	reflect: !0
-})], _.prototype, "title", void 0), i([a({
+})], _.prototype, "title", void 0), a([o({
 	type: String,
 	reflect: !0
-})], _.prototype, "skin", void 0), i([a({ type: String })], _.prototype, "ariaLive", void 0), i([a({
+})], _.prototype, "skin", void 0), a([o({ type: String })], _.prototype, "ariaLive", void 0), a([o({
 	type: String,
 	reflect: !0,
 	attribute: "aria-live"
-})], _.prototype, "ariaLiveAttr", void 0), i([a({
+})], _.prototype, "ariaLiveAttr", void 0), a([o({
 	type: Boolean,
 	reflect: !0
-})], _.prototype, "closeAlert", void 0), i([a({
+})], _.prototype, "closeAlert", void 0), a([o({
 	type: String,
 	reflect: !0
-})], _.prototype, "date", void 0), i([a({ type: String })], _.prototype, "role", void 0), i([a({
+})], _.prototype, "date", void 0), a([o({ type: String })], _.prototype, "role", void 0), a([o({
 	type: String,
 	attribute: "size"
-})], _.prototype, "size", void 0), i([r()], _.prototype, "_isClosed", void 0);
+})], _.prototype, "size", void 0), a([i()], _.prototype, "_isClosed", void 0);
 try {
-	t("pkt-alert")(_);
+	n("pkt-alert")(_);
 } catch {
 	console.warn("Forsøker å definere <pkt-alert>, men den er allerede definert");
 }
-//#endregion
-//#region src/components/alert/index.ts
+// src/components/alert/index.ts
 var v = _;
-//#endregion
 export { _ as n, v as t };

package/dist/{async-directive-DCLIOGR8.cjs → async-directive-Bn7zgxUy.cjs}

@@ -1 +1 @@
-const e=require("./element-CEarCnHH.cjs"),t=require("./directive-helpers-r7akb6wX.cjs");var n=(e,t)=>{let r=e._$AN;if(r===void 0)return!1;for(let e of r)e._$AO?.(t,!1),n(e,t);return!0},r=e=>{let t,n;do{if((t=e._$AM)===void 0)break;n=t._$AN,n.delete(e),e=t}while(n?.size===0)},i=e=>{for(let t;t=e._$AM;e=t){let n=t._$AN;if(n===void 0)t._$AN=n=new Set;else if(n.has(e))break;n.add(e),s(t)}};function a(e){this._$AN===void 0?this._$AM=e:(r(this),this._$AM=e,i(this))}function o(e,t=!1,i=0){let a=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0){if(t){if(Array.isArray(a))for(let e=i;e<a.length;e++)n(a[e],!1),r(a[e]);else a!=null&&(n(a,!1),r(a))}else n(this,e)}}var s=t=>{t.type==e.m.CHILD&&(t._$AP??=o,t._$AQ??=a)},c=class extends e.p{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,n){super._$AT(e,t,n),i(this),this.isConnected=e._$AU}_$AO(e,t=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),t&&(n(this,e),r(this))}setValue(e){if(t.i(this._$Ct))this._$Ct._$AI(e,this);else{let t=[...this._$Ct._$AH];t[this._$Ci]=e,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});
+const e=require("./directive-helpers-r7akb6wX.cjs"),t=require("./element-CEarCnHH.cjs");var n=(e,t)=>{let r=e._$AN;if(r===void 0)return!1;for(let e of r)e._$AO?.(t,!1),n(e,t);return!0},r=e=>{let t,n;do{if((t=e._$AM)===void 0)break;n=t._$AN,n.delete(e),e=t}while(n?.size===0)},i=e=>{for(let t;t=e._$AM;e=t){let n=t._$AN;if(n===void 0)t._$AN=n=new Set;else if(n.has(e))break;n.add(e),s(t)}};function a(e){this._$AN===void 0?this._$AM=e:(r(this),this._$AM=e,i(this))}function o(e,t=!1,i=0){let a=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0){if(t){if(Array.isArray(a))for(let e=i;e<a.length;e++)n(a[e],!1),r(a[e]);else a!=null&&(n(a,!1),r(a))}else n(this,e)}}var s=e=>{e.type==t.m.CHILD&&(e._$AP??=o,e._$AQ??=a)},c=class extends t.p{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,n){super._$AT(e,t,n),i(this),this.isConnected=e._$AU}_$AO(e,t=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),t&&(n(this,e),r(this))}setValue(t){if(e.i(this._$Ct))this._$Ct._$AI(t,this);else{let e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});

package/dist/{async-directive-BcS8rfeC.js → async-directive-Ct3Mrb1M.js}

@@ -1,6 +1,6 @@
-import { m as e, p as t } from "./element-DLgZkx5L.js";
-import { i as n } from "./directive-helpers-BoDzpPID.js";
-//#region ../../node_modules/lit-html/async-directive.js
+import { i as e } from "./directive-helpers-KMRvtO9j.js";
+import { m as t, p as n } from "./element-Bwc-likm.js";
+// ../../node_modules/lit-html/async-directive.js
 var r = (e, t) => {
 	let n = e._$AN;
 	if (n === void 0) return !1;
@@ -32,9 +32,9 @@ function s(e, t = !1, n = 0) {
 		} else r(this, e);
 	}
 }
-var c = (t) => {
-	t.type == e.CHILD && (t._$AP ??= s, t._$AQ ??= o);
-}, l = class extends t {
+var c = (e) => {
+	e.type == t.CHILD && (e._$AP ??= s, e._$AQ ??= o);
+}, l = class extends n {
 	constructor() {
 		super(...arguments), this._$AN = void 0;
 	}
@@ -44,15 +44,14 @@ var c = (t) => {
 	_$AO(e, t = !0) {
 		e !== this.isConnected && (this.isConnected = e, e ? this.reconnected?.() : this.disconnected?.()), t && (r(this, e), i(this));
 	}
-	setValue(e) {
-		if (n(this._$Ct)) this._$Ct._$AI(e, this);
+	setValue(t) {
+		if (e(this._$Ct)) this._$Ct._$AI(t, this);
 		else {
-			let t = [...this._$Ct._$AH];
-			t[this._$Ci] = e, this._$Ct._$AI(t, this, 0);
+			let e = [...this._$Ct._$AH];
+			e[this._$Ci] = t, this._$Ct._$AI(e, this, 0);
 		}
 	}
 	disconnected() {}
 	reconnected() {}
 };
-//#endregion
 export { l as t };

package/dist/{backlink-CXOxMeyt.cjs → backlink-BAvqdPlG.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-CEarCnHH.cjs");require("./icon-5A378_yh.cjs");const t=require("./if-defined-Ci4ZQsgL.cjs");var n=class extends e.t{constructor(...e){super(...e),this.href=``,this.text=`Forsiden`,this.ariaLabel=null}attributeChangedCallback(e,t,n){e===`arialabel`&&this.removeAttribute(`arialabel`),e===`href`&&this.removeAttribute(`href`),e===`text`&&this.removeAttribute(`text`),super.attributeChangedCallback(e,t,n)}render(){return e._`<nav
+const e=require("./element-CEarCnHH.cjs"),t=require("./if-defined-Ci4ZQsgL.cjs");require("./icon-5A378_yh.cjs");var n=class extends e.t{constructor(...e){super(...e),this.href=``,this.text=`Forsiden`,this.ariaLabel=null}attributeChangedCallback(e,t,n){e===`arialabel`&&this.removeAttribute(`arialabel`),e===`href`&&this.removeAttribute(`href`),e===`text`&&this.removeAttribute(`text`),super.attributeChangedCallback(e,t,n)}render(){return e._`<nav
       class="pkt-back-link"
       aria-label=${this.ariaLabel||this.pktStrings.get(`backlink`).label}
     >

package/dist/{backlink-CDBRcaAu.js → backlink-MBTAhQuD.js}

@@ -1,7 +1,7 @@
-import { _ as e, d as t, n, t as r, u as i } from "./element-DLgZkx5L.js";
-import "./icon-C1oCGwEe.js";
-import { t as a } from "./if-defined-DiYi2v_Q.js";
-//#region src/components/backlink/backlink.ts
+import { _ as e, d as t, n, t as r, u as i } from "./element-Bwc-likm.js";
+import { t as a } from "./if-defined-B3pYog2C.js";
+import "./icon-CZDw42U7.js";
+// src/components/backlink/backlink.ts
 var o = class extends r {
 	constructor(...e) {
 		super(...e), this.href = "", this.text = "Forsiden", this.ariaLabel = null;
@@ -31,8 +31,6 @@ try {
 } catch {
 	console.warn("Forsøker å definere <pkt-backlink>, men den er allerede definert");
 }
-//#endregion
-//#region src/components/backlink/index.ts
+// src/components/backlink/index.ts
 var s = o;
-//#endregion
 export { o as n, s as t };

package/dist/{booleanish-OQJTYSrw.js → booleanish-CBa3Cr2h.js}

@@ -1,4 +1,4 @@
-//#region ../../shared-types/booleanish.ts
+// ../../shared-types/booleanish.ts
 var e = {
 	fromAttribute(e) {
 		return e == null ? !1 : e === "" || e === "true" || e === !0 ? !0 : e === "false" || e === !1 ? !1 : !!e;
@@ -14,5 +14,4 @@ var e = {
 		return e == null ? null : e ? "true" : "false";
 	}
 };
-//#endregion
 export { t as n, e as t };

package/dist/{breadcrumbs-5oUaCef3.js → breadcrumbs-DtEt1-wn.js}

@@ -1,6 +1,6 @@
-import { _ as e, d as t, h as n, n as r, t as i, u as a } from "./element-DLgZkx5L.js";
-import "./icon-C1oCGwEe.js";
-//#region src/components/breadcrumbs/breadcrumbs.ts
+import { _ as e, d as t, h as n, n as r, t as i, u as a } from "./element-Bwc-likm.js";
+import "./icon-CZDw42U7.js";
+// src/components/breadcrumbs/breadcrumbs.ts
 var o = class extends i {
 	constructor(...e) {
 		super(...e), this.breadcrumbs = [];
@@ -72,5 +72,4 @@ try {
 } catch {
 	console.warn("Forsøker å definere <pkt-breadcrumbs>, men den er allerede definert");
 }
-//#endregion
 export { o as t };

package/dist/{button-Bswo1C0M.js → button-CJzu0l5A.js}

@@ -1,14 +1,26 @@
-import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-DLgZkx5L.js";
-import { t as o } from "./class-map-BDwVSgLb.js";
-import { i as s, t as c } from "./element-with-slot-mG-h7Sjw.js";
-import "./icon-C1oCGwEe.js";
-import { t as l } from "./if-defined-DiYi2v_Q.js";
-//#region src/components/button/button.ts
-var u, d = "https://punkt-cdn.oslo.kommune.no/latest/animations/";
-typeof window < "u" && (window.pktAnimationPath = window.pktAnimationPath || d);
-var f = class t extends c {
+import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-Bwc-likm.js";
+import { t as o } from "./class-map-C9n5CNC8.js";
+import { i as s, t as c } from "./element-with-slot-47quDZRt.js";
+import "./shared-types-BvRk9kiK.js";
+import { i as l } from "./icon-CZDw42U7.js";
+import { t as u } from "./if-defined-B3pYog2C.js";
+// ../../shared-types/button.ts
+var d = {
+	iconName: "user",
+	secondIconName: "user",
+	size: "medium",
+	fullWidth: !1,
+	fullWidthOnMobile: !1,
+	skin: "primary",
+	type: "button",
+	variant: "label-only",
+	isLoading: !1,
+	disabled: !1
+}, f;
+typeof window < "u" && (window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/latest/animations/");
+var p = class t extends c {
 	constructor(...e) {
-		super(...e), this.iconName = "user", this.secondIconName = "user", this.size = "medium", this.fullWidth = !1, this.fullWidthOnMobile = !1, this.skin = "primary", this.variant = "label-only", this.state = void 0, this.type = "button", this.form = void 0, this.isLoading = !1, this.disabled = !1, this.loadingAnimationPath = typeof window < "u" ? window.pktAnimationPath : d, this.relocatedAria = {};
+		super(...e), this.iconName = d.iconName, this.secondIconName = d.secondIconName, this.size = d.size, this.fullWidth = d.fullWidth, this.fullWidthOnMobile = d.fullWidthOnMobile, this.skin = d.skin, this.variant = d.variant, this.state = void 0, this.type = d.type, this.form = void 0, this.isLoading = d.isLoading, this.disabled = d.disabled, this.loadingAnimationPath = typeof window < "u" ? window.pktAnimationPath : l, this.relocatedAria = {};
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.addEventListener("click", (e) => {
@@ -49,67 +61,65 @@ var f = class t extends c {
         class=${o(r)}
         type=${this.type}
         ?disabled=${!!this.disabled}
-        aria-busy=${l(this.isLoading ? "true" : void 0)}
-        aria-disabled=${l(this.disabled || this.isLoading ? "true" : void 0)}
-        aria-haspopup=${l(this.relocatedAria["aria-haspopup"])}
-        aria-expanded=${l(this.relocatedAria["aria-expanded"])}
-        aria-controls=${l(this.relocatedAria["aria-controls"])}
-        aria-label=${l(this.relocatedAria["aria-label"])}
-        tabindex=${l(this.relocatedAria.tabindex)}
-        form=${l(t)}
+        aria-busy=${u(this.isLoading ? "true" : void 0)}
+        aria-disabled=${u(this.disabled || this.isLoading ? "true" : void 0)}
+        aria-haspopup=${u(this.relocatedAria["aria-haspopup"])}
+        aria-expanded=${u(this.relocatedAria["aria-expanded"])}
+        aria-controls=${u(this.relocatedAria["aria-controls"])}
+        aria-label=${u(this.relocatedAria["aria-label"])}
+        tabindex=${u(this.relocatedAria.tabindex)}
+        form=${u(t)}
       >
         ${this.isLoading ? e`<pkt-icon
                 class="pkt-btn__icon pkt-btn__spinner"
                 name="spinner-blue"
-                path=${l(this.loadingAnimationPath)}
+                path=${u(this.loadingAnimationPath)}
               ></pkt-icon>` : n}
         ${this.variant === "label-only" ? n : e`<pkt-icon
                 class="pkt-btn__icon pkt-icon"
                 name=${this.iconName}
-                path=${l(this.iconPath)}
+                path=${u(this.iconPath)}
               ></pkt-icon>`}
         <span class="pkt-btn__text">${s(this)}</span>
         ${this.variant === "icons-right-and-left" ? e`<pkt-icon
                 class="pkt-btn__icon"
                 name=${this.secondIconName}
-                path=${l(this.secondIconPath)}
+                path=${u(this.secondIconPath)}
               ></pkt-icon>` : n}
       </button>
     `;
 	}
 };
-u = f, u.relocatedAriaAttributes = [
+f = p, f.relocatedAriaAttributes = [
 	"aria-haspopup",
 	"aria-expanded",
 	"aria-controls",
 	"aria-label",
 	"tabindex"
-], i([a({ type: String })], f.prototype, "iconName", void 0), i([a({ type: String })], f.prototype, "secondIconName", void 0), i([a({ type: String })], f.prototype, "iconPath", void 0), i([a({ type: String })], f.prototype, "secondIconPath", void 0), i([a({ type: String })], f.prototype, "size", void 0), i([a({
+], i([a({ type: String })], p.prototype, "iconName", void 0), i([a({ type: String })], p.prototype, "secondIconName", void 0), i([a({ type: String })], p.prototype, "iconPath", void 0), i([a({ type: String })], p.prototype, "secondIconPath", void 0), i([a({ type: String })], p.prototype, "size", void 0), i([a({
 	type: Boolean,
 	attribute: "full-width"
-})], f.prototype, "fullWidth", void 0), i([a({
+})], p.prototype, "fullWidth", void 0), i([a({
 	type: Boolean,
 	attribute: "full-width-on-mobile"
-})], f.prototype, "fullWidthOnMobile", void 0), i([a({ type: String })], f.prototype, "color", void 0), i([a({ type: String })], f.prototype, "skin", void 0), i([a({ type: String })], f.prototype, "variant", void 0), i([a({
+})], p.prototype, "fullWidthOnMobile", void 0), i([a({ type: String })], p.prototype, "color", void 0), i([a({ type: String })], p.prototype, "skin", void 0), i([a({ type: String })], p.prototype, "variant", void 0), i([a({
 	type: String,
 	reflect: !0
-})], f.prototype, "state", void 0), i([a({
+})], p.prototype, "state", void 0), i([a({
 	type: String,
 	reflect: !0
-})], f.prototype, "type", void 0), i([a({ type: String })], f.prototype, "form", void 0), i([a({
+})], p.prototype, "type", void 0), i([a({ type: String })], p.prototype, "form", void 0), i([a({
 	type: Boolean,
 	reflect: !0
-})], f.prototype, "isLoading", void 0), i([a({
+})], p.prototype, "isLoading", void 0), i([a({
 	type: Boolean,
 	reflect: !0
-})], f.prototype, "disabled", void 0), i([a({ type: String })], f.prototype, "loadingAnimationPath", void 0), i([r()], f.prototype, "relocatedAria", void 0);
+})], p.prototype, "disabled", void 0), i([a({ type: String })], p.prototype, "loadingAnimationPath", void 0), i([r()], p.prototype, "relocatedAria", void 0);
 try {
-	t("pkt-button")(f);
+	t("pkt-button")(p);
 } catch {
 	console.warn("Forsøker å definere <pkt-button>, men den er allerede definert");
 }
-//#endregion
-//#region src/components/button/index.ts
-var p = f;
-//#endregion
-export { f as n, p as t };
+// src/components/button/index.ts
+var m = p;
+export { p as n, m as t };

package/dist/button-DHVRpzpS.cjs

@@ -0,0 +1,32 @@
+const e=require("./element-CEarCnHH.cjs"),t=require("./class-map-C82GtM1w.cjs"),n=require("./element-with-slot-D_8fAzCW.cjs");require("./shared-types-BvRk9kiK.cjs");const r=require("./icon-5A378_yh.cjs"),i=require("./if-defined-Ci4ZQsgL.cjs");var a={iconName:`user`,secondIconName:`user`,size:`medium`,fullWidth:!1,fullWidthOnMobile:!1,skin:`primary`,type:`button`,variant:`label-only`,isLoading:!1,disabled:!1},o;typeof window<`u`&&(window.pktAnimationPath=window.pktAnimationPath||`https://punkt-cdn.oslo.kommune.no/latest/animations/`);var s=class o extends n.t{constructor(...e){super(...e),this.iconName=a.iconName,this.secondIconName=a.secondIconName,this.size=a.size,this.fullWidth=a.fullWidth,this.fullWidthOnMobile=a.fullWidthOnMobile,this.skin=a.skin,this.variant=a.variant,this.state=void 0,this.type=a.type,this.form=void 0,this.isLoading=a.isLoading,this.disabled=a.disabled,this.loadingAnimationPath=typeof window<`u`?window.pktAnimationPath:r.i,this.relocatedAria={}}connectedCallback(){super.connectedCallback(),this.addEventListener(`click`,e=>{(this.disabled||this.hasAttribute(`disabled`)||this.isLoading)&&(e.preventDefault(),e.stopImmediatePropagation())},!0),this.addEventListener(`keydown`,e=>{(this.disabled||this.hasAttribute(`disabled`)||this.isLoading)&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.stopImmediatePropagation())},!0)}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),e===`disabled`&&n===`false`&&(this.disabled=!1),(e===`isloading`||e===`isLoading`)&&n===`false`&&(this.isLoading=!1)}willUpdate(e){super.willUpdate(e);let t=!1,n={...this.relocatedAria};for(let e of o.relocatedAriaAttributes){let r=this.getAttribute(e);r!==null&&(n[e]=r,this.removeAttribute(e),t=!0)}t&&(this.relocatedAria=n)}firstUpdated(e){super.firstUpdated(e),this.disabled===`false`&&(this.disabled=!1),this.isLoading===`false`&&(this.isLoading=!1)}render(){let r=this.form??this.getAttribute(`form`)??void 0,a={"pkt-btn":!0,[`pkt-btn--${this.size}`]:!!this.size,[`pkt-btn--${this.skin}`]:!!this.skin,[`pkt-btn--${this.variant}`]:!!this.variant,[`pkt-btn--${this.color}`]:!!this.color,[`pkt-btn--${this.state}`]:!!this.state,"pkt-btn--full":!!this.fullWidth,"pkt-btn--full-small":!!this.fullWidthOnMobile,"pkt-btn--isLoading":!!this.isLoading};return e._`
+      <button
+        class=${t.t(a)}
+        type=${this.type}
+        ?disabled=${!!this.disabled}
+        aria-busy=${i.t(this.isLoading?`true`:void 0)}
+        aria-disabled=${i.t(this.disabled||this.isLoading?`true`:void 0)}
+        aria-haspopup=${i.t(this.relocatedAria[`aria-haspopup`])}
+        aria-expanded=${i.t(this.relocatedAria[`aria-expanded`])}
+        aria-controls=${i.t(this.relocatedAria[`aria-controls`])}
+        aria-label=${i.t(this.relocatedAria[`aria-label`])}
+        tabindex=${i.t(this.relocatedAria.tabindex)}
+        form=${i.t(r)}
+      >
+        ${this.isLoading?e._`<pkt-icon
+                class="pkt-btn__icon pkt-btn__spinner"
+                name="spinner-blue"
+                path=${i.t(this.loadingAnimationPath)}
+              ></pkt-icon>`:e.h}
+        ${this.variant===`label-only`?e.h:e._`<pkt-icon
+                class="pkt-btn__icon pkt-icon"
+                name=${this.iconName}
+                path=${i.t(this.iconPath)}
+              ></pkt-icon>`}
+        <span class="pkt-btn__text">${n.i(this)}</span>
+        ${this.variant===`icons-right-and-left`?e._`<pkt-icon
+                class="pkt-btn__icon"
+                name=${this.secondIconName}
+                path=${i.t(this.secondIconPath)}
+              ></pkt-icon>`:e.h}
+      </button>
+    `}};o=s,o.relocatedAriaAttributes=[`aria-haspopup`,`aria-expanded`,`aria-controls`,`aria-label`,`tabindex`],e.n([e.u({type:String})],s.prototype,`iconName`,void 0),e.n([e.u({type:String})],s.prototype,`secondIconName`,void 0),e.n([e.u({type:String})],s.prototype,`iconPath`,void 0),e.n([e.u({type:String})],s.prototype,`secondIconPath`,void 0),e.n([e.u({type:String})],s.prototype,`size`,void 0),e.n([e.u({type:Boolean,attribute:`full-width`})],s.prototype,`fullWidth`,void 0),e.n([e.u({type:Boolean,attribute:`full-width-on-mobile`})],s.prototype,`fullWidthOnMobile`,void 0),e.n([e.u({type:String})],s.prototype,`color`,void 0),e.n([e.u({type:String})],s.prototype,`skin`,void 0),e.n([e.u({type:String})],s.prototype,`variant`,void 0),e.n([e.u({type:String,reflect:!0})],s.prototype,`state`,void 0),e.n([e.u({type:String,reflect:!0})],s.prototype,`type`,void 0),e.n([e.u({type:String})],s.prototype,`form`,void 0),e.n([e.u({type:Boolean,reflect:!0})],s.prototype,`isLoading`,void 0),e.n([e.u({type:Boolean,reflect:!0})],s.prototype,`disabled`,void 0),e.n([e.u({type:String})],s.prototype,`loadingAnimationPath`,void 0),e.n([e.l()],s.prototype,`relocatedAria`,void 0);try{e.d(`pkt-button`)(s)}catch{console.warn(`Forsøker å definere <pkt-button>, 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}});