@oslokommune/punkt-elements 13.4.0 → 13.4.2

package/src/components/combobox/combobox.ts

@@ -184,7 +184,7 @@ export class PktCombobox extends PktInputElement implements IPktCombobox {
       this._options = [...this.options]
     }
 
-    if (changedProperties.has('options') && this.options.length) {
+    if (changedProperties.has('options')) {
       // If options change, we need to update _options, but we need to preserve userAdded values
       const userAddedValues = this._options.filter((option) => option.userAdded)
       // Filter out userAddedValues that are overridden by this.options

package/dist/backlink-C5jQRMwJ.cjs

@@ -1,13 +0,0 @@
-"use strict";const i=require("./element-6DBpyGQm.cjs"),c=require("./if-defined-Cni-RHLS.cjs");var p=Object.defineProperty,o=Object.getOwnPropertyDescriptor,n=(k,t,a,r)=>{for(var e=r>1?void 0:r?o(t,a):t,l=k.length-1,s;l>=0;l--)(s=k[l])&&(e=(r?s(t,a,e):s(e))||e);return r&&e&&p(t,a,e),e};exports.PktBackLink=class extends i.PktElement{constructor(){super(...arguments),this.href="",this.text="Forsiden",this.ariaLabel=""}attributeChangedCallback(t,a,r){t==="arialabel"&&this.removeAttribute("arialabel"),t==="href"&&this.removeAttribute("href"),t==="text"&&this.removeAttribute("text"),super.attributeChangedCallback(t,a,r)}render(){return i.x`<nav
-      class="pkt-back-link"
-      aria-label=${this.ariaLabel||"Gå tilbake til forrige side"}
-    >
-      <a href=${c.o(this.href||"/")} class="pkt-link pkt-link--icon-left"
-        ><pkt-icon
-          class="pkt-back-link__icon pkt-icon pkt-link__icon"
-          name="chevron-thin-left"
-          aria-hidden="true"
-        ></pkt-icon
-        ><span class="pkt-back-link__text">${this.text}</span></a
-      >
-    </nav>`}};n([i.n({type:String,reflect:!0})],exports.PktBackLink.prototype,"href",2);n([i.n({type:String,reflect:!0})],exports.PktBackLink.prototype,"text",2);n([i.n({type:String,reflect:!0})],exports.PktBackLink.prototype,"ariaLabel",2);exports.PktBackLink=n([i.t("pkt-backlink")],exports.PktBackLink);

package/dist/checkbox-CTRbpbye.js

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

package/dist/checkbox-wJ26voZd.cjs

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