@oslokommune/punkt-elements 19.5.0 → 19.5.1

package/CHANGELOG.md

@@ -5,6 +5,14 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [19.5.1](https://github.com/oslokommune/punkt/compare/19.5.0...19.5.1) (2026-09-30)
+
+### Bug Fixes
+* forwardSlots, ny metode for å sende slotinnhold innover (#3685). 
+
+---
+
+
 ## [19.5.0](https://github.com/oslokommune/punkt/compare/19.4.0...19.5.0) (2026-09-30)
 
 ---

package/dist/{accordion-CZ0O4c0_.cjs → accordion-5lSFQToJ.cjs}

@@ -1,19 +1,19 @@
-const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),n=require("./if-defined-2mkIDgOm.cjs"),r=require("./element-with-slot-2PHu2w7O.cjs"),i=require("./consume-Le4HztPo.cjs"),a=require("./ref-Emu5PNxk.cjs");var o=i.r(Symbol(`pkt-accordion-context`)),s=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 r={"pkt-accordion":!0,"pkt-accordion--compact":this.compact,[`pkt-accordion--${this.skin}`]:this.skin};return e._`
+const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),n=require("./element-with-slot-D7sTqOr3.cjs"),r=require("./if-defined-2mkIDgOm.cjs"),i=require("./consume-Le4HztPo.cjs"),a=require("./ref-Emu5PNxk.cjs");var o=i.r(Symbol(`pkt-accordion-context`)),s=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(r)}
+        class=${t.t(n)}
         data-testid="pkt-accordion"
-        aria-labelledby=${n.t(this.ariaLabelledBy||void 0)}
+        aria-labelledby=${r.t(this.ariaLabelledBy||void 0)}
       >
         <slot></slot>
       </div>
-    `}};e.n([e.u({type:String,reflect:!0,attribute:`aria-labelledby`})],s.prototype,`ariaLabelledBy`,void 0),e.n([e.u({type:Boolean,reflect:!0,attribute:`compact`})],s.prototype,`compact`,void 0),e.n([e.u({type:String,reflect:!0,attribute:`skin`})],s.prototype,`skin`,void 0),e.n([e.u({type:String,reflect:!0,attribute:`name`})],s.prototype,`name`,void 0),e.n([i.n({context:o}),e.l()],s.prototype,`context`,void 0);try{e.d(`pkt-accordion`)(s)}catch{console.warn(`Forsøker å definere <pkt-accordion>, men den er allerede definert`)}var c=class extends r.t{constructor(){super(),this.defaultOpen=!1,this.title=``,this.skin=void 0,this.compact=!1,this.isOpen=!1,this.name=void 0,this.accordionItemRef=a.t()}firstUpdated(e){this.defaultOpen&&(this.isOpen=!0)}render(){let i={"pkt-accordion-item":!0,"pkt-accordion-item--compact":this.compact,[`pkt-accordion-item--${this.skin}`]:!!this.skin},o=(this.skin??this.context?.skin)===`plus-minus`;return e._`
+    `}};e.n([e.u({type:String,reflect:!0,attribute:`aria-labelledby`})],s.prototype,`ariaLabelledBy`,void 0),e.n([e.u({type:Boolean,reflect:!0,attribute:`compact`})],s.prototype,`compact`,void 0),e.n([e.u({type:String,reflect:!0,attribute:`skin`})],s.prototype,`skin`,void 0),e.n([e.u({type:String,reflect:!0,attribute:`name`})],s.prototype,`name`,void 0),e.n([i.n({context:o}),e.l()],s.prototype,`context`,void 0);try{e.d(`pkt-accordion`)(s)}catch{console.warn(`Forsøker å definere <pkt-accordion>, men den er allerede definert`)}var c=class extends n.t{constructor(){super(),this.defaultOpen=!1,this.title=``,this.skin=void 0,this.compact=!1,this.isOpen=!1,this.name=void 0,this.accordionItemRef=a.t()}firstUpdated(e){this.defaultOpen&&(this.isOpen=!0)}render(){let i={"pkt-accordion-item":!0,"pkt-accordion-item--compact":this.compact,[`pkt-accordion-item--${this.skin}`]:!!this.skin},o=(this.skin??this.context?.skin)===`plus-minus`;return e._`
       <details
         class=${t.t(i)}
         id=${this.id}
         ?open=${this.isOpen}
         ${a.n(this.accordionItemRef)}
-        name=${n.t(this.name)}
+        name=${r.t(this.name)}
       >
         <summary class="pkt-accordion-item__title" id=${`pkt-accordion-item-summary-${this.id}`}>
           ${this.title}
@@ -41,7 +41,7 @@ const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),
           id="pkt-accordion-item__content-${this.id}"
           role="region"
         >
-          <div class="pkt-accordion-item__content-inner">${r.r(this)}</div>
+          <div class="pkt-accordion-item__content-inner">${n.i(this)}</div>
         </div>
       </details>
     `}};e.n([e.u({type:Boolean})],c.prototype,`defaultOpen`,void 0),e.n([e.u({type:String})],c.prototype,`title`,void 0),e.n([e.u({type:String,reflect:!0})],c.prototype,`skin`,void 0),e.n([e.u({type:Boolean,reflect:!0})],c.prototype,`compact`,void 0),e.n([e.u({type:Boolean,reflect:!0})],c.prototype,`isOpen`,void 0),e.n([e.u({type:String,reflect:!0})],c.prototype,`name`,void 0),e.n([i.t({context:o,subscribe:!0}),e.u({attribute:!1})],c.prototype,`context`,void 0);try{e.d(`pkt-accordion-item`)(c)}catch{console.warn(`Forsøker å definere <pkt-accordion-item>, men den er allerede definert`)}var l=s;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});

package/dist/{accordion-DFcdonl-.js → accordion-BJh6X1Ek.js}

@@ -1,7 +1,7 @@
 import { _ as e, c as t, d as n, l as r, n as i, u as a } from "./element-mwwC2Rra.js";
 import { t as o } from "./class-map-C4hdfSfY.js";
-import { t as s } from "./if-defined-Bebu3LXY.js";
-import { r as c, t as l } from "./element-with-slot-FD826ooP.js";
+import { i as s, t as c } from "./element-with-slot-DQv0cbbD.js";
+import { t as l } from "./if-defined-Bebu3LXY.js";
 import { n as u, r as d, t as f } from "./consume-BDnMAp2g.js";
 import { n as p, t as m } from "./ref-CCSGk4MP.js";
 //#region src/components/accordion/accordion-context.ts
@@ -43,7 +43,7 @@ var h = d(Symbol("pkt-accordion-context")), g = class extends t {
         part="container"
         class=${o(t)}
         data-testid="pkt-accordion"
-        aria-labelledby=${s(this.ariaLabelledBy || void 0)}
+        aria-labelledby=${l(this.ariaLabelledBy || void 0)}
       >
         <slot></slot>
       </div>
@@ -74,7 +74,7 @@ try {
 }
 //#endregion
 //#region src/components/accordion/accordionitem.ts
-var _ = class extends l {
+var _ = 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();
 	}
@@ -93,7 +93,7 @@ var _ = class extends l {
         id=${this.id}
         ?open=${this.isOpen}
         ${p(this.accordionItemRef)}
-        name=${s(this.name)}
+        name=${l(this.name)}
       >
         <summary class="pkt-accordion-item__title" id=${`pkt-accordion-item-summary-${this.id}`}>
           ${this.title}
@@ -121,7 +121,7 @@ var _ = class extends l {
           id="pkt-accordion-item__content-${this.id}"
           role="region"
         >
-          <div class="pkt-accordion-item__content-inner">${c(this)}</div>
+          <div class="pkt-accordion-item__content-inner">${s(this)}</div>
         </div>
       </details>
     `;

package/dist/{alert-CUOWdvit.js → alert-C0PiYnot.js}

@@ -1,27 +1,26 @@
 import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-mwwC2Rra.js";
 import { t as o } from "./class-map-C4hdfSfY.js";
-import { t as s } from "./if-defined-Bebu3LXY.js";
-import { t as c } from "./format-BTeSVkED.js";
-import { r as l, t as u } from "./element-with-slot-FD826ooP.js";
+import { t as s } from "./format-BTeSVkED.js";
+import { i as c, t as l } from "./element-with-slot-DQv0cbbD.js";
 import "./icon-JigbxxF7.js";
-import { t as d } from "./classutils-DcYnSgfc.js";
-import { t as f } from "./define-component-spec-BYOSeplU.js";
-import "./button-B0uSFQVn.js";
+import { t as u } from "./classutils-DcYnSgfc.js";
+import { t as d } from "./define-component-spec-BYOSeplU.js";
+import "./button-B78im4wB.js";
 //#region ../../shared-types/aria.ts
-var p = [
+var f = [
 	"off",
 	"polite",
 	"assertive"
-], m = [
+], p = [
 	"info",
 	"success",
 	"warning",
 	"error"
-], h = [
+], m = [
 	"medium",
 	"small",
 	"xsmall"
-], g = { compact: !1 }, _ = f({
+], h = { compact: !1 }, g = d({
 	name: "pkt-alert",
 	react: "PktAlert",
 	"css-class": "pkt-alert",
@@ -48,7 +47,7 @@ var p = [
 		skin: {
 			name: "Utseende",
 			description: "Hvordan type melding er dette?",
-			type: [...m],
+			type: [...p],
 			default: "info",
 			category: "ui"
 		},
@@ -61,14 +60,14 @@ var p = [
 		ariaLive: {
 			name: "aria-live",
 			description: "Hvordan skal skjermleseren lese opp meldingen?",
-			type: [...p],
+			type: [...f],
 			default: "polite",
 			category: "accessibility"
 		},
 		size: {
 			name: "Størrelse",
 			description: "Endrer størrelsen på ulike elementer i alerten.",
-			type: [...h],
+			type: [...m],
 			default: "medium",
 			category: "ui"
 		},
@@ -85,13 +84,13 @@ var p = [
 			deprecated: "Bruk `size` i stedet; uten eksplisitt `size` gir compact størrelsen 'small'.",
 			type: "boolean",
 			category: "ui",
-			default: g.compact
+			default: h.compact
 		}
 	},
 	slots: { default: { description: "Innholdet i meldingen" } }
-}), v = class extends u {
+}), _ = class extends l {
 	constructor() {
-		super(), this.compact = g.compact, this.title = "", this.skin = _.props.skin.default, this.ariaLive = _.props.ariaLive.default, this.ariaLiveAttr = null, this.closeAlert = _.props.closeAlert.default, this.date = null, this.role = "status", this._hostId = null, this._isClosed = !1, this.close = (e) => {
+		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", {
 				detail: { origin: e },
 				bubbles: !0,
@@ -106,16 +105,11 @@ var p = [
 	connectedCallback() {
 		super.connectedCallback(), this.ariaLiveAttr = this.getAttribute("aria-live") || this.ariaLive;
 	}
-	willUpdate(e) {
-		super.willUpdate(e);
-		let t = this.getAttribute("id");
-		t && (this._hostId = t, this.removeAttribute("id"));
-	}
 	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") && d(this, "pkt-hide", this._isClosed);
+		super.updated(e), e.has("ariaLive") && e.get("ariaLive") !== void 0 && (this.ariaLiveAttr = this.ariaLive), e.has("_isClosed") && u(this, "pkt-hide", this._isClosed);
 	}
 	render() {
 		let t = this.size ?? (this.compact ? "small" : "medium"), r = {
@@ -131,7 +125,6 @@ var p = [
 		return e`
       <div
         class=${o(r)}
-        id=${s(this._hostId || void 0)}
         aria-live=${this.ariaLiveAttr}
         role=${this.role}
       >
@@ -160,10 +153,10 @@ var p = [
               ` : n}
           ${this.title ? e`<div class="pkt-alert__title">${this.title}</div>` : n}
 
-          <div class="pkt-alert__text">${l(this)}</div>
+          <div class="pkt-alert__text">${c(this)}</div>
 
           ${this.date ? e`<div class="pkt-alert__date">
-                ${c(this.pktStrings.get("alert").lastUpdated, { date: this.date })}
+                ${s(this.pktStrings.get("alert").lastUpdated, { date: this.date })}
               </div>` : n}
         </div>
       </div>
@@ -173,33 +166,33 @@ var p = [
 i([a({
 	type: Boolean,
 	reflect: !1
-})], v.prototype, "compact", void 0), i([a({
+})], _.prototype, "compact", void 0), i([a({
 	type: String,
 	reflect: !0
-})], v.prototype, "title", void 0), i([a({
+})], _.prototype, "title", void 0), i([a({
 	type: String,
 	reflect: !0
-})], v.prototype, "skin", void 0), i([a({ type: String })], v.prototype, "ariaLive", void 0), i([a({
+})], _.prototype, "skin", void 0), i([a({ type: String })], _.prototype, "ariaLive", void 0), i([a({
 	type: String,
 	reflect: !0,
 	attribute: "aria-live"
-})], v.prototype, "ariaLiveAttr", void 0), i([a({
+})], _.prototype, "ariaLiveAttr", void 0), i([a({
 	type: Boolean,
 	reflect: !0
-})], v.prototype, "closeAlert", void 0), i([a({
+})], _.prototype, "closeAlert", void 0), i([a({
 	type: String,
 	reflect: !0
-})], v.prototype, "date", void 0), i([a({ type: String })], v.prototype, "role", void 0), i([r()], v.prototype, "_hostId", void 0), i([a({
+})], _.prototype, "date", void 0), i([a({ type: String })], _.prototype, "role", void 0), i([a({
 	type: String,
 	attribute: "size"
-})], v.prototype, "size", void 0), i([r()], v.prototype, "_isClosed", void 0);
+})], _.prototype, "size", void 0), i([r()], _.prototype, "_isClosed", void 0);
 try {
-	t("pkt-alert")(v);
+	t("pkt-alert")(_);
 } catch {
 	console.warn("Forsøker å definere <pkt-alert>, men den er allerede definert");
 }
 //#endregion
 //#region src/components/alert/index.ts
-var y = v;
+var v = _;
 //#endregion
-export { v as n, y as t };
+export { _ as n, v as t };

package/dist/alert-IaZzEgyI.cjs

@@ -0,0 +1,39 @@
+const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),n=require("./format-B8meU8Tm.cjs"),r=require("./element-with-slot-D7sTqOr3.cjs");require("./icon-Dnv6LtPC.cjs");const i=require("./classutils-CbklAJDe.cjs"),a=require("./define-component-spec-DBNd2FJY.cjs");require("./button-BNVTj7nB.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`}},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._`
+      <div
+        class=${t.t(a)}
+        aria-live=${this.ariaLiveAttr}
+        role=${this.role}
+      >
+        <div class=${t.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._`
+                <div class="pkt-alert__close">
+                  <pkt-button
+                    tabindex="0"
+                    aria-label=${this.pktStrings.get(`generic`).close}
+                    size=${i}
+                    type="button"
+                    skin="tertiary"
+                    iconName="close"
+                    variant="icon-only"
+                    @click=${this.close}
+                  >
+                    <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}
+
+          <div class="pkt-alert__text">${r.i(this)}</div>
+
+          ${this.date?e._`<div class="pkt-alert__date">
+                ${n.t(this.pktStrings.get(`alert`).lastUpdated,{date:this.date})}
+              </div>`:e.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}});

package/dist/{backlink-vLhK1hsj.cjs → backlink-BRqhwUr2.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-BOmr9YLv.cjs"),t=require("./if-defined-2mkIDgOm.cjs");require("./icon-Dnv6LtPC.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-BOmr9YLv.cjs");require("./icon-Dnv6LtPC.cjs");const t=require("./if-defined-2mkIDgOm.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/{button-B0uSFQVn.js → button-B78im4wB.js}

@@ -1,12 +1,12 @@
 import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-mwwC2Rra.js";
 import { t as o } from "./class-map-C4hdfSfY.js";
-import { t as s } from "./if-defined-Bebu3LXY.js";
-import { r as c, t as l } from "./element-with-slot-FD826ooP.js";
+import { i as s, t as c } from "./element-with-slot-DQv0cbbD.js";
 import "./icon-JigbxxF7.js";
+import { t as l } from "./if-defined-Bebu3LXY.js";
 //#region src/components/button/button.ts
 var u = "https://punkt-cdn.oslo.kommune.no/latest/animations/";
 typeof window < "u" && (window.pktAnimationPath = window.pktAnimationPath || u);
-var d = class t extends l {
+var d = 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 : u, this.relocatedAria = {};
 	}
@@ -58,30 +58,30 @@ var d = class t extends l {
         class=${o(r)}
         type=${this.type}
         ?disabled=${!!this.disabled}
-        aria-busy=${s(this.isLoading ? "true" : void 0)}
-        aria-disabled=${s(this.disabled || this.isLoading ? "true" : void 0)}
-        aria-haspopup=${s(this.relocatedAria["aria-haspopup"])}
-        aria-expanded=${s(this.relocatedAria["aria-expanded"])}
-        aria-controls=${s(this.relocatedAria["aria-controls"])}
-        aria-label=${s(this.relocatedAria["aria-label"])}
-        tabindex=${s(this.relocatedAria.tabindex)}
-        form=${s(t)}
+        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)}
       >
         ${this.isLoading ? e`<pkt-icon
                 class="pkt-btn__icon pkt-btn__spinner"
                 name="spinner-blue"
-                path=${s(this.loadingAnimationPath)}
+                path=${l(this.loadingAnimationPath)}
               ></pkt-icon>` : n}
         ${this.variant === "label-only" ? n : e`<pkt-icon
                 class="pkt-btn__icon pkt-icon"
                 name=${this.iconName}
-                path=${s(this.iconPath)}
+                path=${l(this.iconPath)}
               ></pkt-icon>`}
-        <span class="pkt-btn__text">${c(this)}</span>
+        <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=${s(this.secondIconPath)}
+                path=${l(this.secondIconPath)}
               ></pkt-icon>` : n}
       </button>
     `;

package/dist/button-BNVTj7nB.cjs

@@ -0,0 +1,32 @@
+const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),n=require("./element-with-slot-D7sTqOr3.cjs");require("./icon-Dnv6LtPC.cjs");const r=require("./if-defined-2mkIDgOm.cjs");var i=`https://punkt-cdn.oslo.kommune.no/latest/animations/`;typeof window<`u`&&(window.pktAnimationPath=window.pktAnimationPath||i);var a=class a extends n.t{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: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)}static{this.relocatedAriaAttributes=[`aria-haspopup`,`aria-expanded`,`aria-controls`,`aria-label`,`tabindex`]}willUpdate(e){super.willUpdate(e);let t=!1,n={...this.relocatedAria};for(let e of a.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 i=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=${r.t(this.isLoading?`true`:void 0)}
+        aria-disabled=${r.t(this.disabled||this.isLoading?`true`:void 0)}
+        aria-haspopup=${r.t(this.relocatedAria[`aria-haspopup`])}
+        aria-expanded=${r.t(this.relocatedAria[`aria-expanded`])}
+        aria-controls=${r.t(this.relocatedAria[`aria-controls`])}
+        aria-label=${r.t(this.relocatedAria[`aria-label`])}
+        tabindex=${r.t(this.relocatedAria.tabindex)}
+        form=${r.t(i)}
+      >
+        ${this.isLoading?e._`<pkt-icon
+                class="pkt-btn__icon pkt-btn__spinner"
+                name="spinner-blue"
+                path=${r.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=${r.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=${r.t(this.secondIconPath)}
+              ></pkt-icon>`:e.h}
+      </button>
+    `}};e.n([e.u({type:String})],a.prototype,`iconName`,void 0),e.n([e.u({type:String})],a.prototype,`secondIconName`,void 0),e.n([e.u({type:String})],a.prototype,`iconPath`,void 0),e.n([e.u({type:String})],a.prototype,`secondIconPath`,void 0),e.n([e.u({type:String})],a.prototype,`size`,void 0),e.n([e.u({type:Boolean,attribute:`full-width`})],a.prototype,`fullWidth`,void 0),e.n([e.u({type:Boolean,attribute:`full-width-on-mobile`})],a.prototype,`fullWidthOnMobile`,void 0),e.n([e.u({type:String})],a.prototype,`color`,void 0),e.n([e.u({type:String})],a.prototype,`skin`,void 0),e.n([e.u({type:String})],a.prototype,`variant`,void 0),e.n([e.u({type:String,reflect:!0})],a.prototype,`state`,void 0),e.n([e.u({type:String,reflect:!0})],a.prototype,`type`,void 0),e.n([e.u({type:String})],a.prototype,`form`,void 0),e.n([e.u({type:Boolean,reflect:!0})],a.prototype,`isLoading`,void 0),e.n([e.u({type:Boolean,reflect:!0})],a.prototype,`disabled`,void 0),e.n([e.u({type:String})],a.prototype,`loadingAnimationPath`,void 0),e.n([e.l()],a.prototype,`relocatedAria`,void 0);try{e.d(`pkt-button`)(a)}catch{console.warn(`Forsøker å definere <pkt-button>, 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/{card-CfFW7_-K.js → card-CYKhPUNI.js}

@@ -1,10 +1,10 @@
 import { _ as e, d as t, h as n, n as r, u as i } from "./element-mwwC2Rra.js";
 import { t as a } from "./class-map-C4hdfSfY.js";
-import { t as o } from "./if-defined-Bebu3LXY.js";
-import { n as s } from "./format-BTeSVkED.js";
-import { r as c, t as l } from "./element-with-slot-FD826ooP.js";
+import { n as o } from "./format-BTeSVkED.js";
+import { i as s, t as c } from "./element-with-slot-DQv0cbbD.js";
 import "./icon-JigbxxF7.js";
-import "./tag-CvFakm1k.js";
+import { t as l } from "./if-defined-Bebu3LXY.js";
+import "./tag-Bns7Xj1O.js";
 //#region ../../shared-types/card.ts
 var u = [
 	"outlined",
@@ -24,7 +24,7 @@ var u = [
 	zoom: !1,
 	imageShape: "square",
 	restrictImageHeight: !1
-}, f = class extends l {
+}, f = class extends c {
 	constructor(...e) {
 		super(...e), this.ariaLabel = "", this.metaLead = null, this.borderOnHover = d.borderOnHover, this.zoom = d.zoom, this.imageAspect = null, this.restrictImageHeight = d.restrictImageHeight, this.clickCardLink = null, this.metaTrail = null, this.layout = d.layout, this.heading = "", this.headingLevel = d.headingLevel, this.image = {
 			src: "",
@@ -46,7 +46,7 @@ var u = [
 		return e`
       <article
         class=${a(t)}
-        aria-label=${o(this.clickCardLink ? r : i)}
+        aria-label=${l(this.clickCardLink ? r : i)}
       >
         ${this.renderImage()}
         <div class="pkt-card__wrapper">
@@ -93,7 +93,7 @@ var u = [
         class="pkt-card__link"
         href=${this.clickCardLink}
         target=${this.openLinkInNewTab ? "_blank" : "_self"}
-        rel=${o(this.openLinkInNewTab ? "noopener noreferrer" : void 0)}
+        rel=${l(this.openLinkInNewTab ? "noopener noreferrer" : void 0)}
         >${this.heading}</a
       >`) : n;
 	}
@@ -124,15 +124,15 @@ var u = [
               <div
                 class=${a(t)}
                 role="list"
-                aria-label=${s(this.tags.length, this.pktStrings.get("card").tagsLabelOne, this.pktStrings.get("card").tagsLabelOther)}
+                aria-label=${o(this.tags.length, this.pktStrings.get("card").tagsLabelOne, this.pktStrings.get("card").tagsLabelOther)}
               >
                 ${this.tags.map((t) => e`
                     <pkt-tag
                       role="listitem"
                       textStyle="normal-text"
                       size="medium"
-                      skin=${o(t.skin)}
-                      iconName=${o(t.iconName)}
+                      skin=${l(t.skin)}
+                      iconName=${l(t.iconName)}
                     >
                       <span>${t.text}</span>
                     </pkt-tag>
@@ -142,7 +142,7 @@ var u = [
     `;
 	}
 	renderSlot() {
-		return e`<section class="pkt-card__content">${c(this)}</section>`;
+		return e`<section class="pkt-card__content">${s(this)}</section>`;
 	}
 	renderMetadata() {
 		return e`

package/dist/{card-C15acwk4.cjs → card-CaLEuumN.cjs}

@@ -1,7 +1,7 @@
-const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),n=require("./if-defined-2mkIDgOm.cjs"),r=require("./format-B8meU8Tm.cjs"),i=require("./element-with-slot-2PHu2w7O.cjs");require("./icon-Dnv6LtPC.cjs"),require("./tag--kFPXNaj.cjs");var a=[`outlined`,`outlined-beige`,`gray`,`blue`,`beige`,`green`],o={headingLevel:3,layout:`vertical`,skin:`outlined`,padding:`default`,tagPosition:`top`,openLinkInNewTab:!1,borderOnHover:!0,zoom:!1,imageShape:`square`,restrictImageHeight:!1},s=class extends i.t{constructor(...e){super(...e),this.ariaLabel=``,this.metaLead=null,this.borderOnHover=o.borderOnHover,this.zoom=o.zoom,this.imageAspect=null,this.restrictImageHeight=o.restrictImageHeight,this.clickCardLink=null,this.metaTrail=null,this.layout=o.layout,this.heading=``,this.headingLevel=o.headingLevel,this.image={src:``,alt:``},this.imageShape=o.imageShape,this.openLinkInNewTab=o.openLinkInNewTab,this.padding=o.padding,this.skin=o.skin,this.subheading=``,this.tagPosition=`top`,this.tags=[]}connectedCallback(){super.connectedCallback()}render(){let r={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.layout}`]:this.layout,[`pkt-card--padding-${this.padding}`]:this.padding,"pkt-card--border-on-hover":this.borderOnHover,"pkt-card--zoom":this.zoom},i=this.ariaLabel?.trim()||(this.heading?`${this.heading} lenkekort`:`lenkekort`),a=this.ariaLabel?.trim()||(this.heading?this.heading:`kort`);return e._`
+const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),n=require("./format-B8meU8Tm.cjs"),r=require("./element-with-slot-D7sTqOr3.cjs");require("./icon-Dnv6LtPC.cjs");const i=require("./if-defined-2mkIDgOm.cjs");require("./tag-B5dUg7AD.cjs");var a=[`outlined`,`outlined-beige`,`gray`,`blue`,`beige`,`green`],o={headingLevel:3,layout:`vertical`,skin:`outlined`,padding:`default`,tagPosition:`top`,openLinkInNewTab:!1,borderOnHover:!0,zoom:!1,imageShape:`square`,restrictImageHeight:!1},s=class extends r.t{constructor(...e){super(...e),this.ariaLabel=``,this.metaLead=null,this.borderOnHover=o.borderOnHover,this.zoom=o.zoom,this.imageAspect=null,this.restrictImageHeight=o.restrictImageHeight,this.clickCardLink=null,this.metaTrail=null,this.layout=o.layout,this.heading=``,this.headingLevel=o.headingLevel,this.image={src:``,alt:``},this.imageShape=o.imageShape,this.openLinkInNewTab=o.openLinkInNewTab,this.padding=o.padding,this.skin=o.skin,this.subheading=``,this.tagPosition=`top`,this.tags=[]}connectedCallback(){super.connectedCallback()}render(){let n={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.layout}`]:this.layout,[`pkt-card--padding-${this.padding}`]:this.padding,"pkt-card--border-on-hover":this.borderOnHover,"pkt-card--zoom":this.zoom},r=this.ariaLabel?.trim()||(this.heading?`${this.heading} lenkekort`:`lenkekort`),a=this.ariaLabel?.trim()||(this.heading?this.heading:`kort`);return e._`
       <article
-        class=${t.t(r)}
-        aria-label=${n.t(this.clickCardLink?i:a)}
+        class=${t.t(n)}
+        aria-label=${i.t(this.clickCardLink?r:a)}
       >
         ${this.renderImage()}
         <div class="pkt-card__wrapper">
@@ -22,7 +22,7 @@ const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),
         class="pkt-card__link"
         href=${this.clickCardLink}
         target=${this.openLinkInNewTab?`_blank`:`_self`}
-        rel=${n.t(this.openLinkInNewTab?`noopener noreferrer`:void 0)}
+        rel=${i.t(this.openLinkInNewTab?`noopener noreferrer`:void 0)}
         >${this.heading}</a
       >`):e.h}renderSubheading(){return e._`
       ${this.subheading?e._` <p class="pkt-card__subheading ">${this.subheading}</p> `:e.h}
@@ -34,27 +34,27 @@ const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),
               ${this.renderSubheading()}
             </header>
           `:e.h}
-    `}renderTags(){let i={"pkt-card__tags":!0,[`pkt-card__tags-${this.tagPosition}`]:this.tagPosition};return e._`
+    `}renderTags(){let r={"pkt-card__tags":!0,[`pkt-card__tags-${this.tagPosition}`]:this.tagPosition};return e._`
       ${this.tags.length>0?e._`
               <div
-                class=${t.t(i)}
+                class=${t.t(r)}
                 role="list"
-                aria-label=${r.n(this.tags.length,this.pktStrings.get(`card`).tagsLabelOne,this.pktStrings.get(`card`).tagsLabelOther)}
+                aria-label=${n.n(this.tags.length,this.pktStrings.get(`card`).tagsLabelOne,this.pktStrings.get(`card`).tagsLabelOther)}
               >
                 ${this.tags.map(t=>e._`
                     <pkt-tag
                       role="listitem"
                       textStyle="normal-text"
                       size="medium"
-                      skin=${n.t(t.skin)}
-                      iconName=${n.t(t.iconName)}
+                      skin=${i.t(t.skin)}
+                      iconName=${i.t(t.iconName)}
                     >
                       <span>${t.text}</span>
                     </pkt-tag>
                   `)}
               </div>
             `:e.h}
-    `}renderSlot(){return e._`<section class="pkt-card__content">${i.r(this)}</section>`}renderMetadata(){return e._`
+    `}renderSlot(){return e._`<section class="pkt-card__content">${r.i(this)}</section>`}renderMetadata(){return e._`
       ${this.metaLead||this.metaTrail?e._`
               <footer class="pkt-card__metadata">
                 ${this.metaLead?e._`<span class="pkt-card__metadata-lead">${this.metaLead}</span>`:e.h}

package/dist/{checkbox-C0zLtnCI.cjs → checkbox-DIyi1Cya.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),n=require("./ref-Emu5PNxk.cjs"),r=require("./input-element-W6Gklt2E.cjs");var i={defaultChecked:!1,indeterminate:!1,hasTile:!1,disabled:!1,hasError:!1,isSwitch:!1,hideLabel:!1,labelPosition:`right`,requiredTag:!1,optionalTag:!1},a=class extends r.t{constructor(...e){super(...e),this.inputRef=n.t(),this.value=``,this.checkHelptext=null,this.defaultChecked=i.defaultChecked,this.hasTile=i.hasTile,this.isSwitch=i.isSwitch,this.labelPosition=i.labelPosition,this.hideLabel=i.hideLabel,this.checked=null,this.indeterminate=i.indeterminate,this.type=`checkbox`,this.tagText=null,this.optionalTag=i.optionalTag,this.requiredTag=i.requiredTag}connectedCallback(){super.connectedCallback()}attributeChangedCallback(e,t,n){e===`defaultChecked`&&!this.checked&&(this.checked=this.defaultChecked),e===`checked`&&(this.checked=this.checked===``||this.checked===`true`||this.checked===!0,this.inputRef.value&&(this.inputRef.value.checked=this.checked)),e===`indeterminate`&&(this.indeterminate=this.indeterminate===``||this.indeterminate===`true`||this.indeterminate===!0,this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate)),super.attributeChangedCallback(e,t,n)}firstUpdated(e){this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate===``||this.indeterminate===`true`||this.indeterminate===!0),super.firstUpdated(e)}willUpdate(e){super.willUpdate(e),e.has(`defaultChecked`)&&!this.checked&&(this.checked=this.defaultChecked)}updated(e){e.has(`checked`)&&this.inputRef.value&&(this.inputRef.value.checked=this.checked===``||this.checked===`true`||this.checked===!0),e.has(`indeterminate`)&&this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate===``||this.indeterminate===`true`||this.indeterminate===!0),super.updated(e)}render(){let r=t.t({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),i=t.t({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError}),a=t.t({"pkt-input-check__input-label":!0,"pkt-input-check__input-label--disabled":this.disabled,"pkt-input-check__input-label--left":this.labelPosition===`left`,"pkt-input-check__input-label--right":this.labelPosition===`right`,"pkt-sr-only":this.hideLabel}),o=`pkt-tag pkt-tag--small pkt-tag--thin-text`,s=this.pktStrings.get(`forms`),c=()=>e._`
+const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),n=require("./ref-Emu5PNxk.cjs"),r=require("./input-element-Ctkz5fQk.cjs");var i={defaultChecked:!1,indeterminate:!1,hasTile:!1,disabled:!1,hasError:!1,isSwitch:!1,hideLabel:!1,labelPosition:`right`,requiredTag:!1,optionalTag:!1},a=class extends r.t{constructor(...e){super(...e),this.inputRef=n.t(),this.value=``,this.checkHelptext=null,this.defaultChecked=i.defaultChecked,this.hasTile=i.hasTile,this.isSwitch=i.isSwitch,this.labelPosition=i.labelPosition,this.hideLabel=i.hideLabel,this.checked=null,this.indeterminate=i.indeterminate,this.type=`checkbox`,this.tagText=null,this.optionalTag=i.optionalTag,this.requiredTag=i.requiredTag}connectedCallback(){super.connectedCallback()}attributeChangedCallback(e,t,n){e===`defaultChecked`&&!this.checked&&(this.checked=this.defaultChecked),e===`checked`&&(this.checked=this.checked===``||this.checked===`true`||this.checked===!0,this.inputRef.value&&(this.inputRef.value.checked=this.checked)),e===`indeterminate`&&(this.indeterminate=this.indeterminate===``||this.indeterminate===`true`||this.indeterminate===!0,this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate)),super.attributeChangedCallback(e,t,n)}firstUpdated(e){this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate===``||this.indeterminate===`true`||this.indeterminate===!0),super.firstUpdated(e)}willUpdate(e){super.willUpdate(e),e.has(`defaultChecked`)&&!this.checked&&(this.checked=this.defaultChecked)}updated(e){e.has(`checked`)&&this.inputRef.value&&(this.inputRef.value.checked=this.checked===``||this.checked===`true`||this.checked===!0),e.has(`indeterminate`)&&this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate===``||this.indeterminate===`true`||this.indeterminate===!0),super.updated(e)}render(){let r=t.t({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),i=t.t({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError}),a=t.t({"pkt-input-check__input-label":!0,"pkt-input-check__input-label--disabled":this.disabled,"pkt-input-check__input-label--left":this.labelPosition===`left`,"pkt-input-check__input-label--right":this.labelPosition===`right`,"pkt-sr-only":this.hideLabel}),o=`pkt-tag pkt-tag--small pkt-tag--thin-text`,s=this.pktStrings.get(`forms`),c=()=>e._`
         ${this.tagText?e._`<span class=${o+` pkt-tag--gray`}>${this.tagText}</span>`:e.h}
         ${this.optionalTag?e._`<span class=${o+` pkt-tag--blue-light`}
                 >${this.optionalText??s.optional}</span

package/dist/{checkbox-B2O0fkh9.js → checkbox-DKeErDb5.js}

@@ -1,7 +1,7 @@
 import { _ as e, d as t, h as n, n as r, u as i } from "./element-mwwC2Rra.js";
 import { t as a } from "./class-map-C4hdfSfY.js";
 import { n as o, t as s } from "./ref-CCSGk4MP.js";
-import { t as c } from "./input-element-B1BntJeJ.js";
+import { t as c } from "./input-element-5hsxasU3.js";
 //#region ../../shared-types/checkbox.ts
 var l = {
 	defaultChecked: !1,