@oslokommune/punkt-elements 13.4.1 → 13.5.0

package/dist/{card-uccD6Pnv.cjs → card-BUITGoqX.cjs}

@@ -1,7 +1,7 @@
-"use strict";const l=require("./class-map-BBG2gMX4.cjs"),p=require("./if-defined-Cni-RHLS.cjs"),t=require("./element-6DBpyGQm.cjs"),g=require("./pkt-slot-controller-BzddBp7z.cjs"),c=require("./ref-iJtiv3o2.cjs");require("./icon-B_ryAy4Q.cjs");require("./tag-Bbs0U_Au.cjs");const k={layout:{default:"vertical"},skin:{default:"outlined"},padding:{default:"default"}},h={props:k};var u=Object.defineProperty,m=Object.getOwnPropertyDescriptor,e=(d,a,i,s)=>{for(var r=s>1?void 0:s?m(a,i):a,n=d.length-1,o;n>=0;n--)(o=d[n])&&(r=(s?o(a,i,r):o(r))||r);return s&&r&&u(a,i,r),r};exports.PktCard=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.ariaLabel="",this.metaLead=null,this.borderOnHover=!0,this.clickCardLink=null,this.metaTrail=null,this.layout=h.props.layout.default,this.heading="",this.headinglevel=3,this.image={src:"",alt:""},this.imageShape="square",this.openLinkInNewTab=!1,this.padding=h.props.padding.default,this.skin=h.props.skin.default,this.subheading="",this.tagPosition="top",this.tags=[],this.slotController=new g.PktSlotController(this,this.defaultSlot)}connectedCallback(){super.connectedCallback()}render(){var r,n;const a={"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},i=((r=this.ariaLabel)==null?void 0:r.trim())||(this.heading?`${this.heading} lenkekort`:"lenkekort"),s=((n=this.ariaLabel)==null?void 0:n.trim())||(this.heading?this.heading:"kort");return t.x`
+"use strict";const p=require("./class-map-BBG2gMX4.cjs"),h=require("./if-defined-Cni-RHLS.cjs"),t=require("./element-6DBpyGQm.cjs"),g=require("./pkt-slot-controller-BzddBp7z.cjs"),c=require("./ref-iJtiv3o2.cjs");require("./icon-B_ryAy4Q.cjs");require("./tag-Bbs0U_Au.cjs");require("./heading-BRE_iFtR.cjs");const k={layout:{default:"vertical"},skin:{type:["outlined","outlined-beige","gray","blue","beige","green"],default:"outlined"},padding:{default:"default"}},o={props:k};var u=Object.defineProperty,m=Object.getOwnPropertyDescriptor,e=(i,a,s,n)=>{for(var r=n>1?void 0:n?m(a,s):a,d=i.length-1,l;d>=0;d--)(l=i[d])&&(r=(n?l(a,s,r):l(r))||r);return n&&r&&u(a,s,r),r};exports.PktCard=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.ariaLabel="",this.metaLead=null,this.borderOnHover=!0,this.clickCardLink=null,this.metaTrail=null,this.layout=o.props.layout.default,this.heading="",this.headinglevel=3,this.image={src:"",alt:""},this.imageShape="square",this.openLinkInNewTab=!1,this.padding=o.props.padding.default,this.skin=o.props.skin.default,this.subheading="",this.tagPosition="top",this.tags=[],this.slotController=new g.PktSlotController(this,this.defaultSlot)}connectedCallback(){super.connectedCallback()}render(){var r,d;const a={"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},s=((r=this.ariaLabel)==null?void 0:r.trim())||(this.heading?`${this.heading} lenkekort`:"lenkekort"),n=((d=this.ariaLabel)==null?void 0:d.trim())||(this.heading?this.heading:"kort");return t.x`
       <article
-        class=${l.e(a)}
-        aria-label=${p.o(this.clickCardLink?i:s)}
+        class=${p.e(a)}
+        aria-label=${h.o(this.clickCardLink?s:n)}
       >
         ${this.renderImage()}
         <div class="pkt-card__wrapper">
@@ -14,7 +14,7 @@
       </article>
     `}renderImage(){const a={"pkt-card__image":!0,[`pkt-card__image-${this.imageShape}`]:this.imageShape};return t.x`
       ${this.image.src&&t.x`
-        <div class=${l.e(a)}>
+        <div class=${p.e(a)}>
           <img src=${this.image.src} alt=${this.image.alt||""} />
         </div>
       `}
@@ -58,19 +58,19 @@
     `}renderTags(){const a={"pkt-card__tags":!0,[`pkt-card__tags-${this.tagPosition}`]:this.tagPosition};return t.x`
       ${this.tags.length>0?t.x`
             <div
-              class=${l.e(a)}
+              class=${p.e(a)}
               role="list"
               aria-label=${this.tags.length>1?"merkelapper":"merkelapp"}
             >
-              ${this.tags.map(i=>t.x`
+              ${this.tags.map(s=>t.x`
                   <pkt-tag
                     role="listitem"
                     textStyle="normal-text"
                     size="medium"
-                    skin=${p.o(i.skin)}
-                    iconName=${p.o(i.iconName)}
+                    skin=${h.o(s.skin)}
+                    iconName=${h.o(s.iconName)}
                   >
-                    <span>${i.text}</span>
+                    <span>${s.text}</span>
                   </pkt-tag>
                 `)}
             </div>
@@ -84,4 +84,4 @@
               ${this.metaTrail?t.x`<span class="pkt-card__metadata-trail">${this.metaTrail}</span>`:t.E}
             </footer>
           `:t.E}
-    `}};e([t.n({type:String})],exports.PktCard.prototype,"ariaLabel",2);e([t.n({type:String})],exports.PktCard.prototype,"metaLead",2);e([t.n({type:Boolean})],exports.PktCard.prototype,"borderOnHover",2);e([t.n({type:String,reflect:!0})],exports.PktCard.prototype,"clickCardLink",2);e([t.n({type:String})],exports.PktCard.prototype,"metaTrail",2);e([t.n({type:String})],exports.PktCard.prototype,"layout",2);e([t.n({type:String})],exports.PktCard.prototype,"heading",2);e([t.n({type:Number})],exports.PktCard.prototype,"headinglevel",2);e([t.n({type:Object})],exports.PktCard.prototype,"image",2);e([t.n({type:String})],exports.PktCard.prototype,"imageShape",2);e([t.n({type:Boolean})],exports.PktCard.prototype,"openLinkInNewTab",2);e([t.n({type:String})],exports.PktCard.prototype,"padding",2);e([t.n({type:String})],exports.PktCard.prototype,"skin",2);e([t.n({type:String})],exports.PktCard.prototype,"subheading",2);e([t.n({type:String})],exports.PktCard.prototype,"tagPosition",2);e([t.n({type:Array})],exports.PktCard.prototype,"tags",2);exports.PktCard=e([t.t("pkt-card")],exports.PktCard);
+    `}};e([t.n({type:String})],exports.PktCard.prototype,"ariaLabel",2);e([t.n({type:String})],exports.PktCard.prototype,"metaLead",2);e([t.n({type:Boolean})],exports.PktCard.prototype,"borderOnHover",2);e([t.n({type:String,reflect:!0})],exports.PktCard.prototype,"clickCardLink",2);e([t.n({type:String})],exports.PktCard.prototype,"metaTrail",2);e([t.n({type:String})],exports.PktCard.prototype,"layout",2);e([t.n({type:String})],exports.PktCard.prototype,"heading",2);e([t.n({type:Number})],exports.PktCard.prototype,"headinglevel",2);e([t.n({type:Object})],exports.PktCard.prototype,"image",2);e([t.n({type:String})],exports.PktCard.prototype,"imageShape",2);e([t.n({type:Boolean})],exports.PktCard.prototype,"openLinkInNewTab",2);e([t.n({type:String})],exports.PktCard.prototype,"padding",2);e([t.n({type:String,converter:{fromAttribute:i=>{const a=o.props.skin.type;return i&&a.includes(i)?i:(i&&!a.includes(i)&&console.warn(`Invalid skin value "${i}". Using default skin "${o.props.skin.default}".`),o.props.skin.default)},toAttribute:i=>i}})],exports.PktCard.prototype,"skin",2);e([t.n({type:String})],exports.PktCard.prototype,"subheading",2);e([t.n({type:String})],exports.PktCard.prototype,"tagPosition",2);e([t.n({type:Array})],exports.PktCard.prototype,"tags",2);exports.PktCard=e([t.t("pkt-card")],exports.PktCard);

package/dist/{card-BI1NZONj.js → card-Dtw26f7i.js}

@@ -1,35 +1,44 @@
-import { e as g } from "./class-map-BpTj9gtz.js";
-import { o as c } from "./if-defined-CmuO4Vz9.js";
-import { P as m, E as d, x as t, n as i, a as u } from "./element-CgEWt74-.js";
+import { e as c } from "./class-map-BpTj9gtz.js";
+import { o as k } from "./if-defined-CmuO4Vz9.js";
+import { P as u, E as d, x as t, n as r, a as m } from "./element-CgEWt74-.js";
 import { P as $ } from "./pkt-slot-controller-BPGj-LC5.js";
 import { e as y, n as _ } from "./ref-BBYSqgeW.js";
 import "./icon-CC1js8eR.js";
 import "./tag-DyXzTY68.js";
+import "./heading-D6jXE_Mz.js";
 const b = {
   layout: {
     default: "vertical"
   },
   skin: {
+    type: [
+      "outlined",
+      "outlined-beige",
+      "gray",
+      "blue",
+      "beige",
+      "green"
+    ],
     default: "outlined"
   },
   padding: {
     default: "default"
   }
-}, k = {
+}, p = {
   props: b
 };
-var f = Object.defineProperty, S = Object.getOwnPropertyDescriptor, a = (r, s, o, p) => {
-  for (var n = p > 1 ? void 0 : p ? S(s, o) : s, l = r.length - 1, h; l >= 0; l--)
-    (h = r[l]) && (n = (p ? h(s, o, n) : h(n)) || n);
-  return p && n && f(s, o, n), n;
+var f = Object.defineProperty, S = Object.getOwnPropertyDescriptor, i = (e, s, l, o) => {
+  for (var n = o > 1 ? void 0 : o ? S(s, l) : s, h = e.length - 1, g; h >= 0; h--)
+    (g = e[h]) && (n = (o ? g(s, l, n) : g(n)) || n);
+  return o && n && f(s, l, n), n;
 };
-let e = class extends m {
+let a = class extends u {
   //Constructor
   constructor() {
-    super(), this.defaultSlot = y(), this.ariaLabel = "", this.metaLead = null, this.borderOnHover = !0, this.clickCardLink = null, this.metaTrail = null, this.layout = k.props.layout.default, this.heading = "", this.headinglevel = 3, this.image = {
+    super(), this.defaultSlot = y(), this.ariaLabel = "", this.metaLead = null, this.borderOnHover = !0, this.clickCardLink = null, this.metaTrail = null, this.layout = p.props.layout.default, this.heading = "", this.headinglevel = 3, this.image = {
       src: "",
       alt: ""
-    }, this.imageShape = "square", this.openLinkInNewTab = !1, this.padding = k.props.padding.default, this.skin = k.props.skin.default, this.subheading = "", this.tagPosition = "top", this.tags = [], this.slotController = new $(this, this.defaultSlot);
+    }, this.imageShape = "square", this.openLinkInNewTab = !1, this.padding = p.props.padding.default, this.skin = p.props.skin.default, this.subheading = "", this.tagPosition = "top", this.tags = [], this.slotController = new $(this, this.defaultSlot);
   }
   connectedCallback() {
     super.connectedCallback();
@@ -38,18 +47,18 @@ let e = class extends m {
   // Main render method
   // prettier-ignore
   render() {
-    var p, n;
-    const r = {
+    var o, n;
+    const e = {
       "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
-    }, s = ((p = this.ariaLabel) == null ? void 0 : p.trim()) || (this.heading ? `${this.heading} lenkekort` : "lenkekort"), o = ((n = this.ariaLabel) == null ? void 0 : n.trim()) || (this.heading ? this.heading : "kort");
+    }, s = ((o = this.ariaLabel) == null ? void 0 : o.trim()) || (this.heading ? `${this.heading} lenkekort` : "lenkekort"), l = ((n = this.ariaLabel) == null ? void 0 : n.trim()) || (this.heading ? this.heading : "kort");
     return t`
       <article
-        class=${g(r)}
-        aria-label=${c(this.clickCardLink ? s : o)}
+        class=${c(e)}
+        aria-label=${k(this.clickCardLink ? s : l)}
       >
         ${this.renderImage()}
         <div class="pkt-card__wrapper">
@@ -64,13 +73,13 @@ let e = class extends m {
   }
   // Render methods for different parts of the card
   renderImage() {
-    const r = {
+    const e = {
       "pkt-card__image": !0,
       [`pkt-card__image-${this.imageShape}`]: this.imageShape
     };
     return t`
       ${this.image.src && t`
-        <div class=${g(r)}>
+        <div class=${c(e)}>
           <img src=${this.image.src} alt=${this.image.alt || ""} />
         </div>
       `}
@@ -119,9 +128,9 @@ let e = class extends m {
   // Render header
   // prettier-ignore
   renderHeader() {
-    const r = !!this.heading || !!this.subheading;
+    const e = !!this.heading || !!this.subheading;
     return t`
-      ${r ? t`
+      ${e ? t`
             <header class="pkt-card__header">
               ${this.renderHeading()} 
               ${this.renderLinkHeading()} 
@@ -131,14 +140,14 @@ let e = class extends m {
     `;
   }
   renderTags() {
-    const r = {
+    const e = {
       "pkt-card__tags": !0,
       [`pkt-card__tags-${this.tagPosition}`]: this.tagPosition
     };
     return t`
       ${this.tags.length > 0 ? t`
             <div
-              class=${g(r)}
+              class=${c(e)}
               role="list"
               aria-label=${this.tags.length > 1 ? "merkelapper" : "merkelapp"}
             >
@@ -148,8 +157,8 @@ let e = class extends m {
                     role="listitem"
                     textStyle="normal-text"
                     size="medium"
-                    skin=${c(s.skin)}
-                    iconName=${c(s.iconName)}
+                    skin=${k(s.skin)}
+                    iconName=${k(s.iconName)}
                   >
                     <span>${s.text}</span>
                   </pkt-tag>
@@ -175,57 +184,68 @@ let e = class extends m {
     `;
   }
 };
-a([
-  i({ type: String })
-], e.prototype, "ariaLabel", 2);
-a([
-  i({ type: String })
-], e.prototype, "metaLead", 2);
-a([
-  i({ type: Boolean })
-], e.prototype, "borderOnHover", 2);
-a([
-  i({ type: String, reflect: !0 })
-], e.prototype, "clickCardLink", 2);
-a([
-  i({ type: String })
-], e.prototype, "metaTrail", 2);
-a([
-  i({ type: String })
-], e.prototype, "layout", 2);
-a([
-  i({ type: String })
-], e.prototype, "heading", 2);
-a([
-  i({ type: Number })
-], e.prototype, "headinglevel", 2);
-a([
-  i({ type: Object })
-], e.prototype, "image", 2);
-a([
-  i({ type: String })
-], e.prototype, "imageShape", 2);
-a([
-  i({ type: Boolean })
-], e.prototype, "openLinkInNewTab", 2);
-a([
-  i({ type: String })
-], e.prototype, "padding", 2);
-a([
-  i({ type: String })
-], e.prototype, "skin", 2);
-a([
-  i({ type: String })
-], e.prototype, "subheading", 2);
-a([
-  i({ type: String })
-], e.prototype, "tagPosition", 2);
-a([
-  i({ type: Array })
-], e.prototype, "tags", 2);
-e = a([
-  u("pkt-card")
-], e);
+i([
+  r({ type: String })
+], a.prototype, "ariaLabel", 2);
+i([
+  r({ type: String })
+], a.prototype, "metaLead", 2);
+i([
+  r({ type: Boolean })
+], a.prototype, "borderOnHover", 2);
+i([
+  r({ type: String, reflect: !0 })
+], a.prototype, "clickCardLink", 2);
+i([
+  r({ type: String })
+], a.prototype, "metaTrail", 2);
+i([
+  r({ type: String })
+], a.prototype, "layout", 2);
+i([
+  r({ type: String })
+], a.prototype, "heading", 2);
+i([
+  r({ type: Number })
+], a.prototype, "headinglevel", 2);
+i([
+  r({ type: Object })
+], a.prototype, "image", 2);
+i([
+  r({ type: String })
+], a.prototype, "imageShape", 2);
+i([
+  r({ type: Boolean })
+], a.prototype, "openLinkInNewTab", 2);
+i([
+  r({ type: String })
+], a.prototype, "padding", 2);
+i([
+  r({
+    type: String,
+    converter: {
+      fromAttribute: (e) => {
+        const s = p.props.skin.type;
+        return e && s.includes(e) ? e : (e && !s.includes(e) && console.warn(
+          `Invalid skin value "${e}". Using default skin "${p.props.skin.default}".`
+        ), p.props.skin.default);
+      },
+      toAttribute: (e) => e
+    }
+  })
+], a.prototype, "skin", 2);
+i([
+  r({ type: String })
+], a.prototype, "subheading", 2);
+i([
+  r({ type: String })
+], a.prototype, "tagPosition", 2);
+i([
+  r({ type: Array })
+], a.prototype, "tags", 2);
+a = i([
+  m("pkt-card")
+], a);
 export {
-  e as P
+  a as P
 };

package/dist/checkbox-Gn7Wtk9h.cjs

@@ -0,0 +1,31 @@
+"use strict";const e=require("./element-6DBpyGQm.cjs"),r=require("./input-element-C4xJoM-X.cjs"),o=require("./ref-iJtiv3o2.cjs"),n=require("./class-map-BBG2gMX4.cjs");var k=Object.defineProperty,u=Object.getOwnPropertyDescriptor,i=(p,t,h,a)=>{for(var s=a>1?void 0:a?u(t,h):t,c=p.length-1,l;c>=0;c--)(l=p[c])&&(s=(a?l(t,h,s):l(s))||s);return a&&s&&k(t,h,s),s};exports.PktCheckbox=class extends r.PktInputElement{constructor(){super(...arguments),this.inputRef=o.e(),this.value="",this.checkHelptext=null,this.defaultChecked=!1,this.hasTile=!1,this.isSwitch=!1,this.labelPosition="right",this.hideLabel=!1,this.checked=null,this.type="checkbox",this.tagText=null,this.optionalTag=!1,this.optionalText="Valgfritt",this.requiredTag=!1,this.requiredText="Må fylles ut"}connectedCallback(){super.connectedCallback()}attributeChangedCallback(t,h,a){t==="defaultChecked"&&!this.checked&&(this.checked=this.defaultChecked),t==="checked"&&(this.checked=this.checked===""||this.checked==="true"||this.checked===!0),super.attributeChangedCallback(t,h,a)}firstUpdated(t){t.has("defaultChecked")&&!this.checked&&(this.checked=this.defaultChecked),super.firstUpdated(t)}updated(t){t.has("defaultChecked")&&!this.checked&&(this.checked=this.defaultChecked),super.updated(t)}render(){const t=n.e({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),h=n.e({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError}),a=n.e({"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}),s="pkt-tag pkt-tag--small pkt-tag--thin-text",c=()=>e.x`
+        ${this.tagText?e.x`<span class=${s+" pkt-tag--gray"}>${this.tagText}</span>`:e.E}
+        ${this.optionalTag?e.x`<span class=${s+" pkt-tag--blue-light"}>${this.optionalText}</span>`:e.E}
+        ${this.requiredTag?e.x`<span class=${s+" pkt-tag--beige"}>${this.requiredText}</span>`:e.E}
+      `,l=()=>e.x`
+        <label class=${a} for=${this.id+"-internal"}>
+          ${this.label} ${c()}
+          ${this.checkHelptext?e.x`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>`:e.E}
+        </label>
+      `;return e.x`
+      <div class="pkt-input-check">
+        <div class=${t}>
+          ${this.labelPosition==="left"?l():e.E}
+          <input
+            id=${this.id+"-internal"}
+            class=${h}
+            type="checkbox"
+            ?disabled=${this.disabled}
+            name=${this.name+"-internal"}
+            ${o.n(this.inputRef)}
+            @change=${this.handleChange}
+            @click=${this.handleClick}
+            @blur=${this.onBlur}
+            @focus=${this.onFocus}
+            ?checked=${this.checked}
+            role=${this.isSwitch?"switch":"checkbox"}
+          />
+          ${this.labelPosition==="right"?l():e.E}
+        </div>
+      </div>
+    `}handleClick(t){if(this.disabled)return t.preventDefault(),t.stopImmediatePropagation(),!1}handleChange(t){if(this.disabled)return t.preventDefault(),t.stopImmediatePropagation(),!1;this.toggleChecked(t)}toggleChecked(t){if(this.disabled){t.preventDefault(),t.stopImmediatePropagation();return}const h=t.target;if(h&&h.disabled){t.preventDefault(),t.stopImmediatePropagation();return}t.stopImmediatePropagation(),this.touched=!0,this.inputRef.value&&(this.checked=this.inputRef.value.matches(":checked"),this.valueChecked(this.checked))}};i([e.n({type:String,reflect:!0})],exports.PktCheckbox.prototype,"value",2);i([e.n({type:String})],exports.PktCheckbox.prototype,"checkHelptext",2);i([e.n({type:Boolean})],exports.PktCheckbox.prototype,"defaultChecked",2);i([e.n({type:Boolean})],exports.PktCheckbox.prototype,"hasTile",2);i([e.n({type:Boolean})],exports.PktCheckbox.prototype,"isSwitch",2);i([e.n({type:String})],exports.PktCheckbox.prototype,"labelPosition",2);i([e.n({type:Boolean})],exports.PktCheckbox.prototype,"hideLabel",2);i([e.n({type:Boolean,reflect:!0})],exports.PktCheckbox.prototype,"checked",2);i([e.n({type:String,reflect:!0})],exports.PktCheckbox.prototype,"type",2);i([e.n({type:String})],exports.PktCheckbox.prototype,"tagText",2);i([e.n({type:Boolean})],exports.PktCheckbox.prototype,"optionalTag",2);i([e.n({type:String})],exports.PktCheckbox.prototype,"optionalText",2);i([e.n({type:Boolean})],exports.PktCheckbox.prototype,"requiredTag",2);i([e.n({type:String})],exports.PktCheckbox.prototype,"requiredText",2);exports.PktCheckbox=i([e.t("pkt-checkbox")],exports.PktCheckbox);

package/dist/checkbox-ym7z6cpt.js

@@ -0,0 +1,142 @@
+import { E as n, x as c, n as s, a as u } from "./element-CgEWt74-.js";
+import { P as k } from "./input-element-NnrDmp4r.js";
+import { e as f, n as g } from "./ref-BBYSqgeW.js";
+import { e as d } from "./class-map-BpTj9gtz.js";
+var b = Object.defineProperty, y = Object.getOwnPropertyDescriptor, i = (t, a, p, h) => {
+  for (var l = h > 1 ? void 0 : h ? y(a, p) : a, o = t.length - 1, r; o >= 0; o--)
+    (r = t[o]) && (l = (h ? r(a, p, l) : r(l)) || l);
+  return h && l && b(a, p, l), l;
+};
+let e = class extends k {
+  constructor() {
+    super(...arguments), this.inputRef = f(), this.value = "", this.checkHelptext = null, this.defaultChecked = !1, this.hasTile = !1, this.isSwitch = !1, this.labelPosition = "right", this.hideLabel = !1, this.checked = null, this.type = "checkbox", this.tagText = null, this.optionalTag = !1, this.optionalText = "Valgfritt", this.requiredTag = !1, this.requiredText = "Må fylles ut";
+  }
+  connectedCallback() {
+    super.connectedCallback();
+  }
+  attributeChangedCallback(t, a, p) {
+    t === "defaultChecked" && !this.checked && (this.checked = this.defaultChecked), t === "checked" && (this.checked = this.checked === "" || this.checked === "true" || this.checked === !0), super.attributeChangedCallback(t, a, p);
+  }
+  firstUpdated(t) {
+    t.has("defaultChecked") && !this.checked && (this.checked = this.defaultChecked), super.firstUpdated(t);
+  }
+  updated(t) {
+    t.has("defaultChecked") && !this.checked && (this.checked = this.defaultChecked), super.updated(t);
+  }
+  render() {
+    const t = d({
+      "pkt-input-check__input": !0,
+      "pkt-input-check__input--tile": this.hasTile,
+      "pkt-input-check__input--tile-disabled": this.disabled && this.hasTile
+    }), a = d({
+      "pkt-input-check__input-checkbox": !0,
+      "pkt-input-check__input-checkbox--error": this.hasError
+    }), p = d({
+      "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
+    }), h = "pkt-tag pkt-tag--small pkt-tag--thin-text", l = () => c`
+        ${this.tagText ? c`<span class=${h + " pkt-tag--gray"}>${this.tagText}</span>` : n}
+        ${this.optionalTag ? c`<span class=${h + " pkt-tag--blue-light"}>${this.optionalText}</span>` : n}
+        ${this.requiredTag ? c`<span class=${h + " pkt-tag--beige"}>${this.requiredText}</span>` : n}
+      `, o = () => c`
+        <label class=${p} for=${this.id + "-internal"}>
+          ${this.label} ${l()}
+          ${this.checkHelptext ? c`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>` : n}
+        </label>
+      `;
+    return c`
+      <div class="pkt-input-check">
+        <div class=${t}>
+          ${this.labelPosition === "left" ? o() : n}
+          <input
+            id=${this.id + "-internal"}
+            class=${a}
+            type="checkbox"
+            ?disabled=${this.disabled}
+            name=${this.name + "-internal"}
+            ${g(this.inputRef)}
+            @change=${this.handleChange}
+            @click=${this.handleClick}
+            @blur=${this.onBlur}
+            @focus=${this.onFocus}
+            ?checked=${this.checked}
+            role=${this.isSwitch ? "switch" : "checkbox"}
+          />
+          ${this.labelPosition === "right" ? o() : n}
+        </div>
+      </div>
+    `;
+  }
+  handleClick(t) {
+    if (this.disabled)
+      return t.preventDefault(), t.stopImmediatePropagation(), !1;
+  }
+  handleChange(t) {
+    if (this.disabled)
+      return t.preventDefault(), t.stopImmediatePropagation(), !1;
+    this.toggleChecked(t);
+  }
+  toggleChecked(t) {
+    if (this.disabled) {
+      t.preventDefault(), t.stopImmediatePropagation();
+      return;
+    }
+    const a = t.target;
+    if (a && a.disabled) {
+      t.preventDefault(), t.stopImmediatePropagation();
+      return;
+    }
+    t.stopImmediatePropagation(), this.touched = !0, this.inputRef.value && (this.checked = this.inputRef.value.matches(":checked"), this.valueChecked(this.checked));
+  }
+};
+i([
+  s({ type: String, reflect: !0 })
+], e.prototype, "value", 2);
+i([
+  s({ type: String })
+], e.prototype, "checkHelptext", 2);
+i([
+  s({ type: Boolean })
+], e.prototype, "defaultChecked", 2);
+i([
+  s({ type: Boolean })
+], e.prototype, "hasTile", 2);
+i([
+  s({ type: Boolean })
+], e.prototype, "isSwitch", 2);
+i([
+  s({ type: String })
+], e.prototype, "labelPosition", 2);
+i([
+  s({ type: Boolean })
+], e.prototype, "hideLabel", 2);
+i([
+  s({ type: Boolean, reflect: !0 })
+], e.prototype, "checked", 2);
+i([
+  s({ type: String, reflect: !0 })
+], e.prototype, "type", 2);
+i([
+  s({ type: String })
+], e.prototype, "tagText", 2);
+i([
+  s({ type: Boolean })
+], e.prototype, "optionalTag", 2);
+i([
+  s({ type: String })
+], e.prototype, "optionalText", 2);
+i([
+  s({ type: Boolean })
+], e.prototype, "requiredTag", 2);
+i([
+  s({ type: String })
+], e.prototype, "requiredText", 2);
+e = i([
+  u("pkt-checkbox")
+], e);
+export {
+  e as P
+};

package/dist/{combobox-BhcqC30d.cjs → combobox-DjO0RMUB.cjs}

@@ -1,4 +1,4 @@
-"use strict";const a=require("./element-6DBpyGQm.cjs"),c=require("./if-defined-Cni-RHLS.cjs"),d=require("./state-DPobt-Yz.cjs"),r=require("./ref-iJtiv3o2.cjs"),O=require("./class-map-BBG2gMX4.cjs"),$=require("./repeat-CDsZqct8.cjs"),I=require("./input-element-C4xJoM-X.cjs"),y=require("./pkt-options-controller-CiuBG6Lt.cjs"),w=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-CZ-a00V7.cjs");require("./icon-B_ryAy4Q.cjs");require("./tag-Bbs0U_Au.cjs");require("./listbox-C4supLfR.cjs");const C={displayValueAs:{default:"label"}},V={props:C};var R=Object.defineProperty,S=Object.getOwnPropertyDescriptor,o=(v,e,t,i)=>{for(var s=i>1?void 0:i?S(e,t):e,l=v.length-1,h;l>=0;l--)(h=v[l])&&(s=(i?h(e,t,s):h(s))||s);return i&&s&&R(e,t,s),s};exports.PktCombobox=class extends I.PktInputElement{constructor(){super(),this.helptextSlot=r.e(),this.value="",this.options=[],this.defaultOptions=[],this.allowUserInput=!1,this.typeahead=!1,this.includeSearch=!1,this.searchPlaceholder="",this.multiple=!1,this.maxlength=null,this.displayValueAs=V.props.displayValueAs.default,this.tagPlacement=null,this._options=[],this._isOptionsOpen=!1,this._value=[],this._userInfoMessage="",this._addValueText=null,this._maxIsReached=!1,this._search="",this._inputFocus=!1,this._editingSingleValue=!1,this.inputRef=r.e(),this.arrowRef=r.e(),this.listboxRef=r.e(),this.focusRef=r.e(),this.optionTagRef=r.e(),this.optionsController=new y.PktOptionsSlotController(this),this.slotController=new w.PktSlotController(this,this.helptextSlot),this.slotController.skipOptions=!0}connectedCallback(){var e;if(super.connectedCallback(),document&&document.body.addEventListener("click",t=>{this._isOptionsOpen&&!this.contains(t.target)&&this.handleFocusOut(t)}),this._options=[],this.defaultOptions&&this.defaultOptions.length){const t=((e=this.options)==null?void 0:e.filter(i=>i.userAdded))||[];this.options=[...t,...JSON.parse(JSON.stringify(this.defaultOptions))],this._options=[...this.options]}if(this.optionsController.nodes.length){const t=[];this.optionsController.nodes.forEach(i=>{if(!i.textContent&&!i.getAttribute("value"))return null;const s={value:i.getAttribute("value")||i.textContent||"",label:i.textContent||i.getAttribute("value")||""};i.getAttribute("data-prefix")&&(s.prefix=i.getAttribute("data-prefix")||void 0),i.getAttribute("tagskincolor")&&(s.tagSkinColor=i.getAttribute("tagskincolor")),i.getAttribute("description")&&(s.description=i.getAttribute("description")||void 0),s.fulltext=s.value+s.label+(s.prefix||""),t.push(s)}),t.length&&(this.options=[...t],this._options=[...t])}}updated(e){var t;if(e.has("_value")&&this.valueChanged(this._value,e.get("_value")),e.has("value")&&(Array.isArray(this.value)?this._value=this.value:this.value&&this.multiple?this._value=this.value.split(","):this.value?this._value=[this.value]:this._value=[],!this.multiple&&this._value.length>1&&(this._value=[this._value[0]]),this.isMaxItemsReached()),e.has("defaultOptions")&&this.defaultOptions.length){const i=((t=this.options)==null?void 0:t.filter(s=>s.userAdded))||[];this.options=[...i,...JSON.parse(JSON.stringify(this.defaultOptions))],this._options=[...this.options]}if(e.has("options")&&this.options.length){const s=this._options.filter(l=>l.userAdded).filter(l=>!this.options.some(h=>h.value===l.value));this._options=[...s,...this.options],this._options.forEach(l=>{if(l.value&&!l.label&&(l.label=l.value),l.selected&&!this._value.includes(l.value)){const h=[...this._value];this._value=[...this._value,l.value],this.valueChanged(this._value,h)}l.fulltext=l.value+l.label+(l.prefix||""),l.selected=l.selected||this._value.includes(l.value)})}e.has("_search")&&this.dispatchEvent(new CustomEvent("search",{detail:this._search,bubbles:!1})),super.updated(e)}attributeChangedCallback(e,t,i){e==="value"&&(Array.isArray(this.value)?this._value=this.value:this.value&&this.multiple?this._value=this.value.split(","):this.value?this._value=[this.value]:this._value=[],!this.multiple&&this._value.length>1&&(this._value=[this._value[0]])),e==="options"&&(this._options=this.options,this._options.forEach(s=>{s.value&&!s.label&&(s.label=s.value),s.selected&&!this._value.includes(s.value)&&(this._value=[...this._value,s.value]),s.fulltext=s.value+s.label+(s.prefix||"")}),this._search=""),super.attributeChangedCallback(e,t,i)}render(){return a.x`
+"use strict";const a=require("./element-6DBpyGQm.cjs"),c=require("./if-defined-Cni-RHLS.cjs"),d=require("./state-DPobt-Yz.cjs"),r=require("./ref-iJtiv3o2.cjs"),O=require("./class-map-BBG2gMX4.cjs"),$=require("./repeat-CDsZqct8.cjs"),I=require("./input-element-C4xJoM-X.cjs"),y=require("./pkt-options-controller-CiuBG6Lt.cjs"),w=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-CZ-a00V7.cjs");require("./icon-B_ryAy4Q.cjs");require("./tag-Bbs0U_Au.cjs");require("./listbox-C4supLfR.cjs");const C={displayValueAs:{default:"label"}},V={props:C};var R=Object.defineProperty,S=Object.getOwnPropertyDescriptor,o=(v,e,t,i)=>{for(var s=i>1?void 0:i?S(e,t):e,l=v.length-1,h;l>=0;l--)(h=v[l])&&(s=(i?h(e,t,s):h(s))||s);return i&&s&&R(e,t,s),s};exports.PktCombobox=class extends I.PktInputElement{constructor(){super(),this.helptextSlot=r.e(),this.value="",this.options=[],this.defaultOptions=[],this.allowUserInput=!1,this.typeahead=!1,this.includeSearch=!1,this.searchPlaceholder="",this.multiple=!1,this.maxlength=null,this.displayValueAs=V.props.displayValueAs.default,this.tagPlacement=null,this._options=[],this._isOptionsOpen=!1,this._value=[],this._userInfoMessage="",this._addValueText=null,this._maxIsReached=!1,this._search="",this._inputFocus=!1,this._editingSingleValue=!1,this.inputRef=r.e(),this.arrowRef=r.e(),this.listboxRef=r.e(),this.focusRef=r.e(),this.optionTagRef=r.e(),this.optionsController=new y.PktOptionsSlotController(this),this.slotController=new w.PktSlotController(this,this.helptextSlot),this.slotController.skipOptions=!0}connectedCallback(){var e;if(super.connectedCallback(),document&&document.body.addEventListener("click",t=>{this._isOptionsOpen&&!this.contains(t.target)&&this.handleFocusOut(t)}),this._options=[],this.defaultOptions&&this.defaultOptions.length){const t=((e=this.options)==null?void 0:e.filter(i=>i.userAdded))||[];this.options=[...t,...JSON.parse(JSON.stringify(this.defaultOptions))],this._options=[...this.options]}if(this.optionsController.nodes.length){const t=[];this.optionsController.nodes.forEach(i=>{if(!i.textContent&&!i.getAttribute("value"))return null;const s={value:i.getAttribute("value")||i.textContent||"",label:i.textContent||i.getAttribute("value")||""};i.getAttribute("data-prefix")&&(s.prefix=i.getAttribute("data-prefix")||void 0),i.getAttribute("tagskincolor")&&(s.tagSkinColor=i.getAttribute("tagskincolor")),i.getAttribute("description")&&(s.description=i.getAttribute("description")||void 0),s.fulltext=s.value+s.label+(s.prefix||""),t.push(s)}),t.length&&(this.options=[...t],this._options=[...t])}}updated(e){var t;if(e.has("_value")&&this.valueChanged(this._value,e.get("_value")),e.has("value")&&(Array.isArray(this.value)?this._value=this.value:this.value&&this.multiple?this._value=this.value.split(","):this.value?this._value=[this.value]:this._value=[],!this.multiple&&this._value.length>1&&(this._value=[this._value[0]]),this.isMaxItemsReached()),e.has("defaultOptions")&&this.defaultOptions.length){const i=((t=this.options)==null?void 0:t.filter(s=>s.userAdded))||[];this.options=[...i,...JSON.parse(JSON.stringify(this.defaultOptions))],this._options=[...this.options]}if(e.has("options")){const s=this._options.filter(l=>l.userAdded).filter(l=>!this.options.some(h=>h.value===l.value));this._options=[...s,...this.options],this._options.forEach(l=>{if(l.value&&!l.label&&(l.label=l.value),l.selected&&!this._value.includes(l.value)){const h=[...this._value];this._value=[...this._value,l.value],this.valueChanged(this._value,h)}l.fulltext=l.value+l.label+(l.prefix||""),l.selected=l.selected||this._value.includes(l.value)})}e.has("_search")&&this.dispatchEvent(new CustomEvent("search",{detail:this._search,bubbles:!1})),super.updated(e)}attributeChangedCallback(e,t,i){e==="value"&&(Array.isArray(this.value)?this._value=this.value:this.value&&this.multiple?this._value=this.value.split(","):this.value?this._value=[this.value]:this._value=[],!this.multiple&&this._value.length>1&&(this._value=[this._value[0]])),e==="options"&&(this._options=this.options,this._options.forEach(s=>{s.value&&!s.label&&(s.label=s.value),s.selected&&!this._value.includes(s.value)&&(this._value=[...this._value,s.value]),s.fulltext=s.value+s.label+(s.prefix||"")}),this._search=""),super.attributeChangedCallback(e,t,i)}render(){return a.x`
       <pkt-input-wrapper
         .label=${this.label}
         .helptext=${this.helptext}

package/dist/{combobox-D9dGKWuZ.js → combobox-yE4aYhTi.js}

@@ -54,7 +54,7 @@ let h = class extends R {
       const i = ((t = this.options) == null ? void 0 : t.filter((s) => s.userAdded)) || [];
       this.options = [...i, ...JSON.parse(JSON.stringify(this.defaultOptions))], this._options = [...this.options];
     }
-    if (e.has("options") && this.options.length) {
+    if (e.has("options")) {
       const s = this._options.filter((l) => l.userAdded).filter(
         (l) => !this.options.some((n) => n.value === l.value)
       );