@oslokommune/punkt-elements 16.7.3 → 16.7.7

package/dist/radiobutton-D8Ai8ETa.js

@@ -1,113 +0,0 @@
-import { t as d, b as l, A as o, n as s } from "./element-CPpT3rFQ.js";
-import { r as k } from "./state-C_1EOo3D.js";
-import { P as f } from "./input-element-8nLwuQS4.js";
-import { e as g, n as y } from "./ref-Bg_Swj5w.js";
-import { e as u } from "./class-map-CEnykyO_.js";
-var b = Object.defineProperty, i = (n, t, p, c) => {
-  for (var a = void 0, r = n.length - 1, h; r >= 0; r--)
-    (h = n[r]) && (a = h(t, p, a) || a);
-  return a && b(t, p, a), a;
-};
-class e extends f {
-  constructor() {
-    super(...arguments), this.inputRef = g(), this.value = "", this.checkHelptext = null, this.defaultChecked = !1, this.hasTile = !1, this.checked = null, this.type = "radio", this.tagText = null, this.optionalTag = !1, this.optionalText = "Valgfritt", this.requiredTag = !1, this.requiredText = "Må fylles ut", this._checked = !1;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-  }
-  attributeChangedCallback(t, p, c) {
-    t === "defaultChecked" && (this._checked = this.defaultChecked), t === "checked" && (this._checked = this.checked === "" || this.checked === "true" || this.checked === !0), super.attributeChangedCallback(t, p, c);
-  }
-  render() {
-    const t = u({
-      "pkt-input-check__input": !0,
-      "pkt-input-check__input--tile": this.hasTile,
-      "pkt-input-check__input--tile-disabled": this.disabled && this.hasTile
-    }), p = u({
-      "pkt-input-check__input-checkbox": !0,
-      "pkt-input-check__input-checkbox--error": this.hasError
-    }), c = u({
-      "pkt-input-check__input-label": !0,
-      "pkt-input-check__input-label--disabled": this.disabled,
-      "pkt-sr-only": this.hideLabel
-    }), a = "pkt-tag pkt-tag--small pkt-tag--thin-text", r = () => l`
-        ${this.tagText ? l`<span class=${a + " pkt-tag--gray"}>${this.tagText}</span>` : o}
-        ${this.optionalTag ? l`<span class=${a + " pkt-tag--blue-light"}>${this.optionalText}</span>` : o}
-        ${this.requiredTag ? l`<span class=${a + " pkt-tag--beige"}>${this.requiredText}</span>` : o}
-      `, h = () => l`
-        <label class=${c} for=${this.id + "-internal"}>
-          ${this.label} ${r()}
-          ${this.checkHelptext ? l`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>` : o}
-        </label>
-      `;
-    return l`
-      <div class="pkt-input-check">
-        <div class=${t}>
-          <input
-            id=${this.id + "-internal"}
-            class=${p}
-            type="radio"
-            role="radio"
-            ?disabled=${this.disabled}
-            form=""
-            name=${this.name + "-internal"}
-            ${y(this.inputRef)}
-            @change=${this.toggleChecked}
-            @input=${this.onInput}
-            @blur=${this.onBlur}
-            @focus=${this.onFocus}
-            ?checked=${this.checked}
-          />
-          ${h()}
-        </div>
-      </div>
-    `;
-  }
-  toggleChecked(t = null) {
-    t && t.preventDefault(), t && 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");
-i([
-  s({ type: String })
-], e.prototype, "checkHelptext");
-i([
-  s({ type: Boolean })
-], e.prototype, "defaultChecked");
-i([
-  s({ type: Boolean })
-], e.prototype, "hasTile");
-i([
-  s({ type: Boolean, reflect: !0 })
-], e.prototype, "checked");
-i([
-  s({ type: String, reflect: !0 })
-], e.prototype, "type");
-i([
-  s({ type: String })
-], e.prototype, "tagText");
-i([
-  s({ type: Boolean })
-], e.prototype, "optionalTag");
-i([
-  s({ type: String })
-], e.prototype, "optionalText");
-i([
-  s({ type: Boolean })
-], e.prototype, "requiredTag");
-i([
-  s({ type: String })
-], e.prototype, "requiredText");
-i([
-  k()
-], e.prototype, "_checked");
-try {
-  d("pkt-radiobutton")(e);
-} catch {
-  console.warn("Forsøker å definere <pkt-radiobutton>, men den er allerede definert");
-}
-export {
-  e as P
-};

package/dist/ref-Bg_Swj5w.js

@@ -1,42 +0,0 @@
-import { A as o } from "./element-CPpT3rFQ.js";
-import { f as n } from "./async-directive-CMzWMlZ5.js";
-import { e as r } from "./directive-oAbCiebi.js";
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const G = () => new c();
-class c {
-}
-const e = /* @__PURE__ */ new WeakMap(), p = r(class extends n {
-  render(t) {
-    return o;
-  }
-  update(t, [i]) {
-    var h;
-    const s = i !== this.G;
-    return s && this.G !== void 0 && this.rt(void 0), (s || this.lt !== this.ct) && (this.G = i, this.ht = (h = t.options) == null ? void 0 : h.host, this.rt(this.ct = t.element)), o;
-  }
-  rt(t) {
-    if (this.isConnected || (t = void 0), typeof this.G == "function") {
-      const i = this.ht ?? globalThis;
-      let s = e.get(i);
-      s === void 0 && (s = /* @__PURE__ */ new WeakMap(), e.set(i, s)), s.get(this.G) !== void 0 && this.G.call(this.ht, void 0), s.set(this.G, t), t !== void 0 && this.G.call(this.ht, t);
-    } else this.G.value = t;
-  }
-  get lt() {
-    var t, i;
-    return typeof this.G == "function" ? (t = e.get(this.ht ?? globalThis)) == null ? void 0 : t.get(this.G) : (i = this.G) == null ? void 0 : i.value;
-  }
-  disconnected() {
-    this.lt === this.ct && this.rt(void 0);
-  }
-  reconnected() {
-    this.rt(this.ct);
-  }
-});
-export {
-  G as e,
-  p as n
-};

package/dist/ref-CL-Xk9Xm.cjs

@@ -1,5 +0,0 @@
-"use strict";const n=require("./element-gR_VtSiD.cjs"),o=require("./async-directive-DoMuclel.cjs"),c=require("./directive-C7oCP5Bh.cjs");/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const r=()=>new l;class l{}const s=new WeakMap,d=c.e(class extends o.f{render(t){return n.A}update(t,[e]){var h;const i=e!==this.G;return i&&this.G!==void 0&&this.rt(void 0),(i||this.lt!==this.ct)&&(this.G=e,this.ht=(h=t.options)==null?void 0:h.host,this.rt(this.ct=t.element)),n.A}rt(t){if(this.isConnected||(t=void 0),typeof this.G=="function"){const e=this.ht??globalThis;let i=s.get(e);i===void 0&&(i=new WeakMap,s.set(e,i)),i.get(this.G)!==void 0&&this.G.call(this.ht,void 0),i.set(this.G,t),t!==void 0&&this.G.call(this.ht,t)}else this.G.value=t}get lt(){var t,e;return typeof this.G=="function"?(t=s.get(this.ht??globalThis))==null?void 0:t.get(this.G):(e=this.G)==null?void 0:e.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});exports.e=r;exports.n=d;

package/dist/repeat-BD8TKgJb.js

@@ -1,61 +0,0 @@
-import { E as w } from "./element-CPpT3rFQ.js";
-import { e as A, i as E, t as M } from "./directive-oAbCiebi.js";
-import { M as b, u as p, v, h as x, p as j } from "./directive-helpers-rm-28gIj.js";
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const k = (s, c, a) => {
-  const h = /* @__PURE__ */ new Map();
-  for (let e = c; e <= a; e++) h.set(s[e], e);
-  return h;
-}, I = A(class extends E {
-  constructor(s) {
-    if (super(s), s.type !== M.CHILD) throw Error("repeat() can only be used in text expressions");
-  }
-  dt(s, c, a) {
-    let h;
-    a === void 0 ? a = c : c !== void 0 && (h = c);
-    const e = [], i = [];
-    let l = 0;
-    for (const u of s) e[l] = h ? h(u, l) : l, i[l] = a(u, l), l++;
-    return { values: i, keys: e };
-  }
-  render(s, c, a) {
-    return this.dt(s, c, a).values;
-  }
-  update(s, [c, a, h]) {
-    const e = b(s), { values: i, keys: l } = this.dt(c, a, h);
-    if (!Array.isArray(e)) return this.ut = l, i;
-    const u = this.ut ?? (this.ut = []), f = [];
-    let m, $, t = 0, o = e.length - 1, r = 0, n = i.length - 1;
-    for (; t <= o && r <= n; ) if (e[t] === null) t++;
-    else if (e[o] === null) o--;
-    else if (u[t] === l[r]) f[r] = p(e[t], i[r]), t++, r++;
-    else if (u[o] === l[n]) f[n] = p(e[o], i[n]), o--, n--;
-    else if (u[t] === l[n]) f[n] = p(e[t], i[n]), v(s, f[n + 1], e[t]), t++, n--;
-    else if (u[o] === l[r]) f[r] = p(e[o], i[r]), v(s, e[t], e[o]), o--, r++;
-    else if (m === void 0 && (m = k(l, r, n), $ = k(u, t, o)), m.has(u[t])) if (m.has(u[o])) {
-      const d = $.get(l[r]), y = d !== void 0 ? e[d] : null;
-      if (y === null) {
-        const g = v(s, e[t]);
-        p(g, i[r]), f[r] = g;
-      } else f[r] = p(y, i[r]), v(s, e[t], y), e[d] = null;
-      r++;
-    } else x(e[o]), o--;
-    else x(e[t]), t++;
-    for (; r <= n; ) {
-      const d = v(s, f[n + 1]);
-      p(d, i[r]), f[r++] = d;
-    }
-    for (; t <= o; ) {
-      const d = e[t++];
-      d !== null && x(d);
-    }
-    return this.ut = l, j(s, f), w;
-  }
-});
-export {
-  I as c
-};

package/dist/repeat-Cfq8CDlf.cjs

@@ -1,5 +0,0 @@
-"use strict";const w=require("./element-gR_VtSiD.cjs"),x=require("./directive-C7oCP5Bh.cjs"),s=require("./directive-helpers-BP2WOx60.cjs");/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const q=(l,v,d)=>{const a=new Map;for(let e=v;e<=d;e++)a.set(l[e],e);return a},m=x.e(class extends x.i{constructor(l){if(super(l),l.type!==x.t.CHILD)throw Error("repeat() can only be used in text expressions")}dt(l,v,d){let a;d===void 0?d=v:v!==void 0&&(a=v);const e=[],o=[];let n=0;for(const c of l)e[n]=a?a(c,n):n,o[n]=d(c,n),n++;return{values:o,keys:e}}render(l,v,d){return this.dt(l,v,d).values}update(l,[v,d,a]){const e=s.M(l),{values:o,keys:n}=this.dt(v,d,a);if(!Array.isArray(e))return this.ut=n,o;const c=this.ut??(this.ut=[]),f=[];let p,g,t=0,i=e.length-1,r=0,u=o.length-1;for(;t<=i&&r<=u;)if(e[t]===null)t++;else if(e[i]===null)i--;else if(c[t]===n[r])f[r]=s.u(e[t],o[r]),t++,r++;else if(c[i]===n[u])f[u]=s.u(e[i],o[u]),i--,u--;else if(c[t]===n[u])f[u]=s.u(e[t],o[u]),s.v(l,f[u+1],e[t]),t++,u--;else if(c[i]===n[r])f[r]=s.u(e[i],o[r]),s.v(l,e[t],e[i]),i--,r++;else if(p===void 0&&(p=q(n,r,u),g=q(c,t,i)),p.has(c[t]))if(p.has(c[i])){const h=g.get(n[r]),y=h!==void 0?e[h]:null;if(y===null){const k=s.v(l,e[t]);s.u(k,o[r]),f[r]=k}else f[r]=s.u(y,o[r]),s.v(l,e[t],y),e[h]=null;r++}else s.h(e[i]),i--;else s.h(e[t]),t++;for(;r<=u;){const h=s.v(l,f[u+1]);s.u(h,o[r]),f[r++]=h}for(;t<=i;){const h=e[t++];h!==null&&s.h(h)}return this.ut=n,s.p(l,f),w.E}});exports.c=m;

package/dist/select-De-n8on9.js

@@ -1,230 +0,0 @@
-import { n as h, t as c, b as a } from "./element-CPpT3rFQ.js";
-import { e as v, n as f } from "./ref-Bg_Swj5w.js";
-import { o as n } from "./if-defined-B0krMLad.js";
-import { r as _ } from "./state-C_1EOo3D.js";
-import { P as $ } from "./input-element-8nLwuQS4.js";
-import { P as x } from "./pkt-options-controller-B5YalfCb.js";
-import { s as m } from "./element-with-slot-Dqk6-TRR.js";
-import "./input-wrapper-Bs4CRNst.js";
-var b = Object.defineProperty, u = (r, t, e, i) => {
-  for (var s = void 0, o = r.length - 1, l; o >= 0; o--)
-    (l = r[o]) && (s = l(t, e, s) || s);
-  return s && b(t, e, s), s;
-};
-class p extends $ {
-  constructor() {
-    super(...arguments), this._optionsProp = [], this._options = [];
-  }
-  /**
-   * Public getter for options that includes selected state
-   * Override this in subclasses to customize the selected state logic
-   */
-  get options() {
-    return this._options.map((t) => ({
-      ...t,
-      selected: this.isOptionSelected(t)
-    }));
-  }
-  /**
-   * Public setter for options
-   */
-  set options(t) {
-    this._optionsProp = t, this.requestUpdate("_optionsProp", this._options);
-  }
-  /**
-   * Determines if an option is selected
-   * Subclasses should override this to implement their selection logic
-   *
-   * @param option - The option to check
-   * @returns True if the option is selected
-   * @protected
-   */
-  isOptionSelected(t) {
-    return Array.isArray(this.value) ? this.value.includes(t.value) : t.value === this.value;
-  }
-  /**
-   * Finds an option by its value
-   *
-   * @param value - The value to search for
-   * @returns The option if found, undefined otherwise
-   * @protected
-   */
-  findOptionByValue(t) {
-    return this._options.find((e) => e.value === t);
-  }
-  /**
-   * Gets all currently selected options
-   *
-   * @returns Array of selected options
-   * @protected
-   */
-  getSelectedOptions() {
-    return this._options.filter((t) => this.isOptionSelected(t));
-  }
-  /**
-   * Parses options from either props or slot controller
-   * Call this in connectedCallback to initialize options
-   *
-   * @protected
-   */
-  parseOptions() {
-    var i, s;
-    const t = this._optionsProp.length > 0, e = ((s = (i = this.optionsController) == null ? void 0 : i.nodes) == null ? void 0 : s.length) && this.optionsController.nodes.length > 0;
-    t ? this._options = this._optionsProp : e && (this._options = this.optionsController.options);
-  }
-  /**
-   * Re-parse options when the component updates
-   * This ensures options stay in sync when they change dynamically
-   *
-   * @protected
-   */
-  willUpdate(t) {
-    super.willUpdate(t), this.parseOptions();
-  }
-}
-u([
-  h({ type: Array, attribute: "options" })
-], p.prototype, "_optionsProp");
-u([
-  _()
-], p.prototype, "_options");
-var g = Object.defineProperty, I = (r, t, e, i) => {
-  for (var s = void 0, o = r.length - 1, l; o >= 0; o--)
-    (l = r[o]) && (s = l(t, e, s) || s);
-  return s && g(t, e, s), s;
-};
-class d extends p {
-  constructor() {
-    super(), this.inputRef = v(), this.value = "", this.selectedIndex = -1, this.selectedOptions = void 0, this.optionsController = new x(this);
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.parseOptions(), this._options.forEach((t) => {
-      t.selected && !this.value && (this.value = t.value);
-    });
-  }
-  // Support native Select method `add`
-  add(t, e) {
-    const i = {
-      value: t.value || t.text,
-      label: t.text || t.value,
-      selected: t.selected,
-      disabled: t.disabled
-    };
-    if (e === void 0)
-      this._options.push(i);
-    else if (typeof e == "number")
-      this._options.splice(e, 0, i);
-    else {
-      const s = e.value || e.text, o = this._options.findIndex((l) => l.value === s);
-      o >= 0 ? this._options.splice(o, 0, i) : this._options.push(i);
-    }
-    t.selected && (this.value = t.value || t.text, this.selectedIndex = this._options.findIndex((s) => s.value === this.value)), this.requestUpdate();
-  }
-  // Support native Select method `remove`
-  remove(t) {
-    var e;
-    typeof t == "number" && (this.selectedIndex === t && (this.value = ((e = this._options[0]) == null ? void 0 : e.value) || ""), this._options.splice(t, 1), this.requestUpdate());
-  }
-  // Support native Select method `item`
-  item(t) {
-    var e;
-    return (e = this.inputRef.value) == null ? void 0 : e.item(t);
-  }
-  // Support native Select method `namedItem`
-  namedItem(t) {
-    var e;
-    return (e = this.inputRef.value) == null ? void 0 : e.namedItem(t);
-  }
-  // Support native Select method `showPicker`
-  showPicker() {
-    this.inputRef.value && "showPicker" in this.inputRef.value && this.inputRef.value.showPicker();
-  }
-  attributeChangedCallback(t, e, i) {
-    var s, o;
-    t === "options" && (this._options = i ? JSON.parse(i) : []), t === "value" && this.value !== e && (this.selectedIndex = this.touched ? this.returnNumberOrNull((s = this.inputRef.value) == null ? void 0 : s.selectedIndex) : this._options.findIndex((l) => l.value === i), this.selectedOptions = (o = this.inputRef.value) == null ? void 0 : o.selectedOptions, this.valueChanged(i, e)), super.attributeChangedCallback(t, e, i);
-  }
-  update(t) {
-    var e, i;
-    super.update(t), t.has("_optionsProp") && this._optionsProp.length > 0 && (this._options = this._optionsProp, this.requestUpdate("_options"), !this.value && this._options.length > 0 && (this.value = this._options[0].value, this.selectedIndex = 0)), t.has("value") && this.value !== t.get("value") && (this.selectedIndex = this.touched ? this.returnNumberOrNull((e = this.inputRef.value) == null ? void 0 : e.selectedIndex) : this._options.findIndex((s) => s.value === this.value), this.selectedOptions = (i = this.inputRef.value) == null ? void 0 : i.selectedOptions, this.valueChanged(this.value, t.get("value"))), t.has("id") && !this.name && this.id && (this.name = this.id);
-  }
-  firstUpdated(t) {
-    var e;
-    super.firstUpdated(t), this._optionsProp.length && (this._options = this._optionsProp), !this.value && this._options.length > 0 ? (this.value = this._options[0].value, this.selectedIndex = 0) : this.selectedIndex = this._options.findIndex((i) => i.value === this.value), this.selectedOptions = (e = this.inputRef.value) == null ? void 0 : e.selectedOptions;
-  }
-  render() {
-    const t = `pkt-input ${this.fullwidth ? "pkt-input--fullwidth" : ""}`;
-    return a`
-      <pkt-input-wrapper
-        ?counter=${this.counter}
-        ?disabled=${this.disabled}
-        ?hasError=${this.hasError}
-        ?hasFieldset=${this.hasFieldset}
-        ?inline=${this.inline}
-        ?optionalTag=${this.optionalTag}
-        ?requiredTag=${this.requiredTag}
-        useWrapper=${this.useWrapper}
-        ariaDescribedBy=${n(this.ariaDescribedBy)}
-        class="pkt-select"
-        errorMessage=${n(this.errorMessage)}
-        forId=${this.id + "-input"}
-        helptext=${n(this.helptext)}
-        helptextDropdown=${n(this.helptextDropdown)}
-        helptextDropdownButton=${n(this.helptextDropdownButton)}
-        label=${n(this.label)}
-        optionalText=${n(this.optionalText)}
-        requiredText=${n(this.requiredText)}
-        tagText=${n(this.tagText)}
-      >
-        <select
-          class=${t}
-          aria-invalid=${this.hasError}
-          aria-errormessage=${`${this.id}-error`}
-          aria-labelledby=${n(this.ariaLabelledby)}
-          ?disabled=${this.disabled}
-          id=${this.id + "-input"}
-          name=${(this.name || this.id) + "-input"}
-          value=${this.value}
-          @change=${(e) => {
-      this.touched = !0, this.value = e.target.value, e.stopImmediatePropagation();
-    }}
-          @input=${(e) => {
-      this.onInput(), e.stopImmediatePropagation();
-    }}
-          @focus=${(e) => {
-      this.onFocus(), e.stopImmediatePropagation();
-    }}
-          @blur=${(e) => {
-      this.onBlur(), e.stopImmediatePropagation();
-    }}
-          ${f(this.inputRef)}
-        >
-          ${this._options.length > 0 ? this._options.map(
-      (e) => a`<option
-                    value=${e.value}
-                    ?selected=${this.value == e.value || e.selected}
-                    ?disabled=${e.disabled}
-                    ?hidden=${e.hidden}
-                  >
-                    ${e.label}
-                  </option>`
-    ) : ""}
-        </select>
-        <div class="pkt-contents" slot="helptext">${m(this, "helptext")}</div>
-      </pkt-input-wrapper>
-    `;
-  }
-  returnNumberOrNull(t) {
-    return t == null || isNaN(t) ? null : t;
-  }
-}
-I([
-  h({ type: String })
-], d.prototype, "value");
-try {
-  c("pkt-select")(d);
-} catch {
-  console.warn("Forsøker å definere <pkt-select>, men den er allerede definert");
-}
-export {
-  d as P
-};

package/dist/select-dTWibR6_.cjs

@@ -1,49 +0,0 @@
-"use strict";const p=require("./element-gR_VtSiD.cjs"),u=require("./ref-CL-Xk9Xm.cjs"),n=require("./if-defined-BOW3ODSj.cjs"),c=require("./state-Dg-53wQ8.cjs"),v=require("./input-element-DdVhUvva.cjs"),f=require("./pkt-options-controller-5LXbEzuk.cjs"),_=require("./element-with-slot-ZX-up7jO.cjs");require("./input-wrapper-Bv9aqqVq.cjs");var $=Object.defineProperty,d=(r,t,e,i)=>{for(var s=void 0,o=r.length-1,l;o>=0;o--)(l=r[o])&&(s=l(t,e,s)||s);return s&&$(t,e,s),s};class h extends v.PktInputElement{constructor(){super(...arguments),this._optionsProp=[],this._options=[]}get options(){return this._options.map(t=>({...t,selected:this.isOptionSelected(t)}))}set options(t){this._optionsProp=t,this.requestUpdate("_optionsProp",this._options)}isOptionSelected(t){return Array.isArray(this.value)?this.value.includes(t.value):t.value===this.value}findOptionByValue(t){return this._options.find(e=>e.value===t)}getSelectedOptions(){return this._options.filter(t=>this.isOptionSelected(t))}parseOptions(){var i,s;const t=this._optionsProp.length>0,e=((s=(i=this.optionsController)==null?void 0:i.nodes)==null?void 0:s.length)&&this.optionsController.nodes.length>0;t?this._options=this._optionsProp:e&&(this._options=this.optionsController.options)}willUpdate(t){super.willUpdate(t),this.parseOptions()}}d([p.n({type:Array,attribute:"options"})],h.prototype,"_optionsProp");d([c.r()],h.prototype,"_options");var x=Object.defineProperty,b=(r,t,e,i)=>{for(var s=void 0,o=r.length-1,l;o>=0;o--)(l=r[o])&&(s=l(t,e,s)||s);return s&&x(t,e,s),s};class a extends h{constructor(){super(),this.inputRef=u.e(),this.value="",this.selectedIndex=-1,this.selectedOptions=void 0,this.optionsController=new f.PktOptionsSlotController(this)}connectedCallback(){super.connectedCallback(),this.parseOptions(),this._options.forEach(t=>{t.selected&&!this.value&&(this.value=t.value)})}add(t,e){const i={value:t.value||t.text,label:t.text||t.value,selected:t.selected,disabled:t.disabled};if(e===void 0)this._options.push(i);else if(typeof e=="number")this._options.splice(e,0,i);else{const s=e.value||e.text,o=this._options.findIndex(l=>l.value===s);o>=0?this._options.splice(o,0,i):this._options.push(i)}t.selected&&(this.value=t.value||t.text,this.selectedIndex=this._options.findIndex(s=>s.value===this.value)),this.requestUpdate()}remove(t){var e;typeof t=="number"&&(this.selectedIndex===t&&(this.value=((e=this._options[0])==null?void 0:e.value)||""),this._options.splice(t,1),this.requestUpdate())}item(t){var e;return(e=this.inputRef.value)==null?void 0:e.item(t)}namedItem(t){var e;return(e=this.inputRef.value)==null?void 0:e.namedItem(t)}showPicker(){this.inputRef.value&&"showPicker"in this.inputRef.value&&this.inputRef.value.showPicker()}attributeChangedCallback(t,e,i){var s,o;t==="options"&&(this._options=i?JSON.parse(i):[]),t==="value"&&this.value!==e&&(this.selectedIndex=this.touched?this.returnNumberOrNull((s=this.inputRef.value)==null?void 0:s.selectedIndex):this._options.findIndex(l=>l.value===i),this.selectedOptions=(o=this.inputRef.value)==null?void 0:o.selectedOptions,this.valueChanged(i,e)),super.attributeChangedCallback(t,e,i)}update(t){var e,i;super.update(t),t.has("_optionsProp")&&this._optionsProp.length>0&&(this._options=this._optionsProp,this.requestUpdate("_options"),!this.value&&this._options.length>0&&(this.value=this._options[0].value,this.selectedIndex=0)),t.has("value")&&this.value!==t.get("value")&&(this.selectedIndex=this.touched?this.returnNumberOrNull((e=this.inputRef.value)==null?void 0:e.selectedIndex):this._options.findIndex(s=>s.value===this.value),this.selectedOptions=(i=this.inputRef.value)==null?void 0:i.selectedOptions,this.valueChanged(this.value,t.get("value"))),t.has("id")&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(t){var e;super.firstUpdated(t),this._optionsProp.length&&(this._options=this._optionsProp),!this.value&&this._options.length>0?(this.value=this._options[0].value,this.selectedIndex=0):this.selectedIndex=this._options.findIndex(i=>i.value===this.value),this.selectedOptions=(e=this.inputRef.value)==null?void 0:e.selectedOptions}render(){const t=`pkt-input ${this.fullwidth?"pkt-input--fullwidth":""}`;return p.b`
-      <pkt-input-wrapper
-        ?counter=${this.counter}
-        ?disabled=${this.disabled}
-        ?hasError=${this.hasError}
-        ?hasFieldset=${this.hasFieldset}
-        ?inline=${this.inline}
-        ?optionalTag=${this.optionalTag}
-        ?requiredTag=${this.requiredTag}
-        useWrapper=${this.useWrapper}
-        ariaDescribedBy=${n.o(this.ariaDescribedBy)}
-        class="pkt-select"
-        errorMessage=${n.o(this.errorMessage)}
-        forId=${this.id+"-input"}
-        helptext=${n.o(this.helptext)}
-        helptextDropdown=${n.o(this.helptextDropdown)}
-        helptextDropdownButton=${n.o(this.helptextDropdownButton)}
-        label=${n.o(this.label)}
-        optionalText=${n.o(this.optionalText)}
-        requiredText=${n.o(this.requiredText)}
-        tagText=${n.o(this.tagText)}
-      >
-        <select
-          class=${t}
-          aria-invalid=${this.hasError}
-          aria-errormessage=${`${this.id}-error`}
-          aria-labelledby=${n.o(this.ariaLabelledby)}
-          ?disabled=${this.disabled}
-          id=${this.id+"-input"}
-          name=${(this.name||this.id)+"-input"}
-          value=${this.value}
-          @change=${e=>{this.touched=!0,this.value=e.target.value,e.stopImmediatePropagation()}}
-          @input=${e=>{this.onInput(),e.stopImmediatePropagation()}}
-          @focus=${e=>{this.onFocus(),e.stopImmediatePropagation()}}
-          @blur=${e=>{this.onBlur(),e.stopImmediatePropagation()}}
-          ${u.n(this.inputRef)}
-        >
-          ${this._options.length>0?this._options.map(e=>p.b`<option
-                    value=${e.value}
-                    ?selected=${this.value==e.value||e.selected}
-                    ?disabled=${e.disabled}
-                    ?hidden=${e.hidden}
-                  >
-                    ${e.label}
-                  </option>`):""}
-        </select>
-        <div class="pkt-contents" slot="helptext">${_.slotContent(this,"helptext")}</div>
-      </pkt-input-wrapper>
-    `}returnNumberOrNull(t){return t==null||isNaN(t)?null:t}}b([p.n({type:String})],a.prototype,"value");try{p.t("pkt-select")(a)}catch{console.warn("Forsøker å definere <pkt-select>, men den er allerede definert")}exports.PktSelect=a;

package/dist/state-C_1EOo3D.js

@@ -1,12 +0,0 @@
-import { n as r } from "./element-CPpT3rFQ.js";
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-function n(t) {
-  return r({ ...t, state: !0, attribute: !1 });
-}
-export {
-  n as r
-};

package/dist/state-Dg-53wQ8.cjs

@@ -1,5 +0,0 @@
-"use strict";const e=require("./element-gR_VtSiD.cjs");/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */function r(t){return e.n({...t,state:!0,attribute:!1})}exports.r=r;