@oslokommune/punkt-elements 15.4.5 → 16.0.2

package/dist/listbox-OdkIn9_A.js

@@ -0,0 +1,431 @@
+import { P as v, b as d, A as h, s as _, n as o, t as O } from "./element-CV9utnHJ.js";
+import { r as w } from "./state-l4hGZdFJ.js";
+import { o as m } from "./if-defined-rXcLNTzN.js";
+import { c as $ } from "./repeat-DnlRNf63.js";
+import { e as k } from "./class-map-3ADKve8g.js";
+import { u as S } from "./utils-DznhwRXm.js";
+const F = (e, t) => t && (e.find((s) => s.value === t) || e.find((s) => s.label === t)) || null, H = (e, t) => {
+  if (!t) return -1;
+  const s = e.findIndex((i) => i.value === t);
+  return s >= 0 ? s : e.findIndex((i) => i.label === t);
+}, I = (e, t) => {
+  if (!t) return [...e];
+  const s = t.toLowerCase();
+  return e.filter((i) => (i.fulltext || i.value + (i.label || "") + (i.prefix || "")).toLowerCase().includes(s));
+}, z = (e) => e.value + (e.label || "") + (e.prefix || ""), N = (e, t) => t !== null && e >= t, j = (e, t) => {
+  if (!t) return { filtered: [...e], suggestion: null };
+  const s = t.toLowerCase(), i = e.filter((l) => {
+    var c;
+    return (c = l.fulltext) == null ? void 0 : c.toLowerCase().includes(s);
+  }), a = i.find(
+    (l) => {
+      var c;
+      return !l.selected && ((c = l.label) == null ? void 0 : c.toLowerCase().startsWith(s));
+    }
+  ) || null;
+  return { filtered: i, suggestion: a };
+}, W = (e, t, s, i) => {
+  if (!e.trim())
+    return { addValueText: null, userInfoMessage: "" };
+  const a = e.trim().toLowerCase(), l = t.find((p) => p.toLowerCase() === a), c = s.filter(
+    (p) => {
+      var b;
+      return ((b = p.label) == null ? void 0 : b.toLowerCase().includes(a)) || p.value.toLowerCase().includes(a);
+    }
+  ), y = c.find(
+    (p) => {
+      var b;
+      return ((b = p.label) == null ? void 0 : b.toLowerCase()) === a || p.value.toLowerCase() === a;
+    }
+  );
+  return (c.length === 0 || !y) && i ? { addValueText: e, userInfoMessage: "" } : c.length === 0 && !i ? { addValueText: null, userInfoMessage: "Ingen treff i søket" } : l ? { addValueText: null, userInfoMessage: "Verdien er allerede valgt" } : { addValueText: null, userInfoMessage: "" };
+}, C = (e) => /^[\p{L} ]$/u.test(e), L = (e = 500) => {
+  let t = "", s;
+  return { append: (l) => (t += l.toLowerCase(), s !== void 0 && clearTimeout(s), s = setTimeout(() => {
+    t = "";
+  }, e), t), reset: () => {
+    t = "", s !== void 0 && (clearTimeout(s), s = void 0);
+  }, getBuffer: () => t };
+}, M = (e, t) => {
+  const s = t.toLowerCase();
+  return e.findIndex((i) => {
+    var a;
+    return (a = i.textContent) == null ? void 0 : a.trim().toLowerCase().startsWith(s);
+  });
+}, u = (e) => {
+  e.scrollIntoView({ block: "nearest" }), window.setTimeout(() => e.focus(), 0);
+}, f = (e) => Array.from(
+  e.querySelectorAll('[role="option"]:not([data-disabled])') || []
+), E = (e) => {
+  const t = e.nextElementSibling;
+  t && u(t);
+}, T = (e, t, s) => {
+  const i = e.previousElementSibling;
+  if (e.dataset.index === "0" && s) {
+    const a = t.querySelector('[role="searchbox"]');
+    a && u(a);
+  } else i && u(i);
+}, x = (e) => {
+  const t = f(e);
+  t[0] && u(t[0]);
+}, g = (e) => {
+  const t = f(e), s = t[t.length - 1];
+  s && u(s);
+}, U = (e, t) => {
+  if (t.disabled) return;
+  const s = f(e);
+  if (t.allowUserInput && t.customUserInput) {
+    const a = e.querySelector('[data-type="new-option"]');
+    if (a) {
+      u(a);
+      return;
+    }
+  }
+  const i = s.find((a) => a.dataset.selected === "true");
+  if (i) {
+    u(i);
+    return;
+  }
+  if (t.includeSearch && !(document.activeElement instanceof HTMLInputElement)) {
+    const a = e.querySelector('[role="searchbox"]');
+    if (a) {
+      window.setTimeout(() => a.focus(), 0);
+      return;
+    }
+  }
+  s[0] && u(s[0]);
+};
+var V = Object.defineProperty, B = Object.getOwnPropertyDescriptor, r = (e, t, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? B(t, s) : t, l = e.length - 1, c; l >= 0; l--)
+    (c = e[l]) && (a = (i ? c(t, s, a) : c(a)) || a);
+  return i && a && V(t, s, a), a;
+};
+let n = class extends v {
+  constructor() {
+    super(...arguments), this.id = S(), this.label = null, this.options = [], this.isOpen = !1, this.disabled = !1, this.includeSearch = !1, this.isMultiSelect = !1, this.allowUserInput = !1, this.maxIsReached = !1, this.customUserInput = null, this.searchPlaceholder = null, this.searchValue = null, this.maxLength = 0, this.userMessage = null, this._selectedOptions = 0, this.typeahead = L(), this._filteredOptions = [];
+  }
+  // Lifecycle methods
+  connectedCallback() {
+    super.connectedCallback(), this.includeSearch && !this.searchValue && (this.searchValue = ""), this.options.length > 0 && this.filterOptions(), this.setAttribute("tabindex", "-1"), this.addEventListener("focus", this.focusFirstOrSelectedOption);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.typeahead.reset();
+  }
+  updated(e) {
+    (e.has("options") || e.has("searchValue")) && this.filterOptions(), super.updated(e);
+  }
+  attributeChangedCallback(e, t, s) {
+    (e === "options" || e === "search-value") && this.filterOptions(), super.attributeChangedCallback(e, t, s);
+  }
+  // Render methods
+  get _hasOptions() {
+    return this._filteredOptions.length > 0 || this.options.length > 0;
+  }
+  render() {
+    return d`
+      <div
+        class=${k({
+      "pkt-listbox": !0,
+      "pkt-listbox__open": this.isOpen,
+      "pkt-txt-16-light": !0
+    })}
+        role=${m(this._hasOptions ? "listbox" : void 0)}
+        aria-multiselectable=${m(
+      this._hasOptions && this.isMultiSelect ? "true" : void 0
+    )}
+        aria-label=${m(this._hasOptions ? this.label ?? void 0 : void 0)}
+      >
+        <div class="pkt-listbox__banners">
+          ${this.renderSearch()} ${this.renderMaximumReachedBanner()} ${this.renderUserMessage()}
+          ${this.renderEmptyMessage()} ${this.renderNewOptionBanner()}
+        </div>
+        <ul class="pkt-listbox__options" role="presentation">
+          ${this.renderList()}
+        </ul>
+      </div>
+      <div aria-live="polite" class="pkt-visually-hidden">${this.userMessage}</div>
+    `;
+  }
+  renderCheckboxOrCheckIcon(e, t) {
+    return this.isMultiSelect ? d`
+          <input
+            class="pkt-input-check__input-checkbox"
+            type="checkbox"
+            role="presentation"
+            tabindex="-1"
+            value=${e.value}
+            .checked=${e.selected}
+            aria-labelledby=${this.id + "-option-label-" + t}
+            ?disabled=${this.disabled || e.disabled || this.maxIsReached && !e.selected}
+          />
+        ` : e.selected ? d`<pkt-icon name="check-big"></pkt-icon>` : h;
+  }
+  renderEmptyMessage() {
+    return this.options.length > 0 || this._filteredOptions.length > 0 || this.userMessage ? h : d`<div class="pkt-listbox__banner pkt-listbox__banner--empty">
+      <pkt-icon class="pkt-listbox__banner-icon" name="exclamation-mark-circle" size="large"></pkt-icon>
+      Tom liste
+    </div>`;
+  }
+  renderList() {
+    return d`
+      ${$(
+      this._filteredOptions,
+      (e) => e.value,
+      (e, t) => d`
+          <li
+            @click=${() => {
+        this.toggleOption(e);
+      }}
+            aria-selected=${e.selected ? "true" : "false"}
+            @keydown=${this.handleOptionKeydown}
+            class=${k({
+        "pkt-listbox__option": !0,
+        "pkt-listbox__option--selected": !!(!this.isMultiSelect && e.selected),
+        "pkt-listbox__option--checkBox": this.isMultiSelect
+      })}
+            tabindex="${this.disabled || e.disabled ? "-1" : "0"}"
+            data-index=${t}
+            data-value=${e.value}
+            data-selected=${e.selected ? "true" : "false"}
+            ?data-disabled=${this.disabled || e.disabled || this.maxIsReached && !e.selected}
+            aria-disabled=${this.disabled || e.disabled || this.maxIsReached && !e.selected ? "true" : "false"}
+            role="option"
+            id=${`${this.id}-${t}`}
+          >
+            ${this.renderCheckboxOrCheckIcon(e, t)}
+            <span class="pkt-listbox__option-label" id=${this.id + "-option-label-" + t}>
+              ${e.prefix ? d`<span class="pkt-listbox__option-prefix">${e.prefix}</span>` : h}
+              ${e.label || e.value}
+            </span>
+            ${e.description ? d`<span class="pkt-listbox__option-description pkt-txt-14-light"
+                  >${e.description}</span
+                >` : h}
+          </li>
+        `
+    )}
+    `;
+  }
+  renderNewOptionBanner() {
+    return this.allowUserInput && this.customUserInput ? d`
+          <div
+            class="pkt-listbox__banner pkt-listbox__banner--new-option pkt-listbox__option"
+            data-type="new-option"
+            data-value=${this.customUserInput}
+            data-selected="false"
+            tabindex="0"
+            @click=${() => this.toggleOption({
+      value: this.customUserInput || ""
+    })}
+            @keydown=${this.handleOptionKeydown}
+          >
+            <pkt-icon class="pkt-listbox__banner-icon" name="plus-sign" size="large"></pkt-icon>
+            Legg til "${this.customUserInput}"
+          </div>
+        ` : h;
+  }
+  renderMaximumReachedBanner() {
+    return this._selectedOptions = this.options.filter((e) => e.selected).length, this.isMultiSelect && this._selectedOptions > 0 && this.maxLength > 0 ? d`
+          <div class="pkt-listbox__banner pkt-listbox__banner--maximum-reached">
+            ${this._selectedOptions} av maks ${this.maxLength} mulige er valgt.
+          </div>
+        ` : h;
+  }
+  renderUserMessage() {
+    return this.userMessage ? d`<div class="pkt-listbox__banner pkt-listbox__banner--user-message">
+          <pkt-icon
+            class="pkt-listbox__banner-icon"
+            name="exclamation-mark-circle"
+            size="large"
+          ></pkt-icon>
+          ${this.userMessage}
+        </div>` : h;
+  }
+  renderSearch() {
+    return this.includeSearch ? d`
+          <div class="pkt-listbox__search">
+            <span class="pkt-listbox__search-icon">
+              <pkt-icon name="magnifying-glass-small" size="large"></pkt-icon>
+            </span>
+            <input
+              class="pkt-txt-16-light"
+              type="text"
+              aria-label="Søk i listen"
+              form=""
+              placeholder=${this.searchPlaceholder || _.forms.search.placeholder}
+              @input=${this.handleSearchInput}
+              @keydown=${this.handleSearchKeydown}
+              .value=${this.searchValue}
+              data-type="searchbox"
+              ?disabled=${this.disabled}
+              ?readonly=${this.disabled}
+              role="searchbox"
+            />
+          </div>
+        ` : h;
+  }
+  // Event handlers
+  handleSearchInput(e) {
+    this.searchValue = e.target.value, this.dispatchEvent(
+      new CustomEvent("search", {
+        detail: this.searchValue,
+        bubbles: !1
+      })
+    );
+  }
+  handleSearchKeydown(e) {
+    switch (e.key) {
+      case "Enter":
+        e.preventDefault();
+        break;
+      case "ArrowUp":
+      case "Escape":
+        this.closeOptions(), e.preventDefault();
+        break;
+      case "ArrowDown":
+        this.focusFirstOrSelectedOption();
+        break;
+      case "Tab":
+        this.tabClose();
+        break;
+    }
+  }
+  handleOptionKeydown(e) {
+    const t = e.currentTarget, s = t.dataset.value, i = t.dataset.type, a = t.dataset.selected === "true";
+    if (!(!f(this).length && (!this.customUserInput || !this.allowUserInput && this.customUserInput) && i !== "new-option" && i !== "searchbox"))
+      switch (e.key) {
+        case " ":
+        case "Enter":
+          this.toggleOption(t), e.preventDefault();
+          break;
+        case "Backspace":
+          s && (a ? this.toggleOption(t) : this.closeOptions()), e.preventDefault();
+          break;
+        case "Escape":
+          this.closeOptions(), e.preventDefault();
+          break;
+        case "Tab":
+          this.tabClose();
+          break;
+        case "ArrowDown":
+          e.altKey ? g(this) : i === "searchbox" || i === "new-option" ? x(this) : E(t), e.preventDefault();
+          break;
+        case "ArrowUp":
+          if (e.altKey)
+            x(this);
+          else if (t.dataset.index === "0" && this.includeSearch) {
+            const l = this.querySelector('[role="searchbox"]');
+            l && l.focus();
+          } else if (t.dataset.index === "0" && this.customUserInput) {
+            const l = this.querySelector('[data-type="new-option"]');
+            l && l.focus();
+          } else
+            T(t, this, this.includeSearch);
+          e.preventDefault();
+          break;
+        case "Home":
+          x(this), e.preventDefault();
+          break;
+        case "End":
+          g(this), e.preventDefault();
+          break;
+        default:
+          (e.metaKey || e.ctrlKey) && e.key === "a" && (this.selectAll(), e.preventDefault()), C(e.key) && (this.handleTypeAhead(e.key), e.preventDefault());
+          break;
+      }
+  }
+  // Focus management methods (delegates to shared utils)
+  focusFirstOrSelectedOption() {
+    U(this, {
+      disabled: this.disabled,
+      allowUserInput: this.allowUserInput,
+      customUserInput: this.customUserInput,
+      includeSearch: this.includeSearch
+    });
+  }
+  // Event dispatching methods
+  toggleOption(e) {
+    const t = e instanceof HTMLElement ? e.dataset.disabled : e.disabled;
+    if (this.disabled || t) return;
+    const s = e instanceof HTMLElement ? e.dataset.value : e.value;
+    this.dispatchEvent(
+      new CustomEvent("option-toggle", {
+        detail: s,
+        bubbles: !1
+      })
+    );
+  }
+  selectAll() {
+    this.dispatchEvent(new CustomEvent("select-all", { bubbles: !1 }));
+  }
+  closeOptions() {
+    this.dispatchEvent(new CustomEvent("close-options", { bubbles: !1 }));
+  }
+  tabClose() {
+    this.dispatchEvent(new CustomEvent("tab-close", { bubbles: !1 }));
+  }
+  // Filtering and typeahead methods
+  filterOptions() {
+    this._filteredOptions = I(this.options, this.searchValue);
+  }
+  handleTypeAhead(e) {
+    const t = this.typeahead.append(e), s = f(this), i = M(s, t);
+    i >= 0 && u(s[i]);
+  }
+};
+r([
+  o({ type: String })
+], n.prototype, "id", 2);
+r([
+  o({ type: String })
+], n.prototype, "label", 2);
+r([
+  o({ type: Array })
+], n.prototype, "options", 2);
+r([
+  o({ type: Boolean, reflect: !0, attribute: "is-open" })
+], n.prototype, "isOpen", 2);
+r([
+  o({ type: Boolean })
+], n.prototype, "disabled", 2);
+r([
+  o({ type: Boolean, attribute: "include-search" })
+], n.prototype, "includeSearch", 2);
+r([
+  o({ type: Boolean, attribute: "is-multi-select" })
+], n.prototype, "isMultiSelect", 2);
+r([
+  o({ type: Boolean, attribute: "allow-user-input" })
+], n.prototype, "allowUserInput", 2);
+r([
+  o({ type: Boolean, attribute: "max-is-reached" })
+], n.prototype, "maxIsReached", 2);
+r([
+  o({ type: String, attribute: "custom-user-input" })
+], n.prototype, "customUserInput", 2);
+r([
+  o({ type: String, attribute: "search-placeholder" })
+], n.prototype, "searchPlaceholder", 2);
+r([
+  o({ type: String, attribute: "search-value" })
+], n.prototype, "searchValue", 2);
+r([
+  o({ type: Number, attribute: "max-length" })
+], n.prototype, "maxLength", 2);
+r([
+  o({ type: String, attribute: "user-message" })
+], n.prototype, "userMessage", 2);
+r([
+  w()
+], n.prototype, "_filteredOptions", 2);
+n = r([
+  O("pkt-listbox")
+], n);
+export {
+  n as P,
+  j as a,
+  z as b,
+  H as c,
+  F as f,
+  W as g,
+  N as i
+};

package/dist/pkt-card.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./card-5S2r9UD1.cjs"),t=e.PktCard;Object.defineProperty(exports,"PktCard",{enumerable:!0,get:()=>e.PktCard});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./card-Db9QSEqh.cjs"),t=e.PktCard;Object.defineProperty(exports,"PktCard",{enumerable:!0,get:()=>e.PktCard});exports.default=t;

package/dist/pkt-card.js

@@ -1,4 +1,4 @@
-import { P as a } from "./card-CnPjrdre.js";
+import { P as a } from "./card-CmfUyl_s.js";
 const r = a;
 export {
   a as PktCard,

package/dist/pkt-checkbox.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./checkbox-D98_NjcU.cjs"),t=e.PktCheckbox;Object.defineProperty(exports,"PktCheckbox",{enumerable:!0,get:()=>e.PktCheckbox});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./checkbox-Cpyay9_l.cjs"),t=e.PktCheckbox;Object.defineProperty(exports,"PktCheckbox",{enumerable:!0,get:()=>e.PktCheckbox});exports.default=t;

package/dist/pkt-checkbox.js

@@ -1,4 +1,4 @@
-import { P as o } from "./checkbox-BSz71IeT.js";
+import { P as o } from "./checkbox-D6nltMuc.js";
 const k = o;
 export {
   o as PktCheckbox,

package/dist/pkt-combobox.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./combobox-C5YcNVSZ.cjs"),o=e.PktCombobox;Object.defineProperty(exports,"PktCombobox",{enumerable:!0,get:()=>e.PktCombobox});exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./combobox-Bv37b6cI.cjs"),o=e.PktCombobox;Object.defineProperty(exports,"PktCombobox",{enumerable:!0,get:()=>e.PktCombobox});exports.default=o;

package/dist/pkt-combobox.js

@@ -1,4 +1,4 @@
-import { P as o } from "./combobox-cer7PLSE.js";
+import { P as o } from "./combobox-CoO8T-F-.js";
 const b = o;
 export {
   o as PktCombobox,

package/dist/pkt-datepicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./datepicker-SEKblnRR.cjs"),t=e.PktDatepicker;Object.defineProperty(exports,"PktDatepicker",{enumerable:!0,get:()=>e.PktDatepicker});Object.defineProperty(exports,"PktDatepickerMultiple",{enumerable:!0,get:()=>e.PktDatepickerMultiple});Object.defineProperty(exports,"PktDatepickerRange",{enumerable:!0,get:()=>e.PktDatepickerRange});Object.defineProperty(exports,"PktDatepickerSingle",{enumerable:!0,get:()=>e.PktDatepickerSingle});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./datepicker-CrvQ5Y5w.cjs"),t=e.PktDatepicker;Object.defineProperty(exports,"PktDatepicker",{enumerable:!0,get:()=>e.PktDatepicker});Object.defineProperty(exports,"PktDatepickerMultiple",{enumerable:!0,get:()=>e.PktDatepickerMultiple});Object.defineProperty(exports,"PktDatepickerRange",{enumerable:!0,get:()=>e.PktDatepickerRange});Object.defineProperty(exports,"PktDatepickerSingle",{enumerable:!0,get:()=>e.PktDatepickerSingle});exports.default=t;

package/dist/pkt-datepicker.js

@@ -1,5 +1,5 @@
-import { a as e } from "./datepicker-nnyTW0vf.js";
-import { b as p, c as i, d as c } from "./datepicker-nnyTW0vf.js";
+import { a as e } from "./datepicker-DbsIuC5Z.js";
+import { b as p, c as i, d as c } from "./datepicker-DbsIuC5Z.js";
 const a = e;
 export {
   e as PktDatepicker,

package/dist/pkt-header.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./element-CMTfByxQ.cjs"),b=require("./pkt-slot-controller-D4nKlom5.cjs"),v=require("./if-defined-hKKmbsI8.cjs"),h=require("./ref-CxLwrCxt.cjs"),u=require("./booleanish-BKVonob4.cjs"),d=require("./state-BNgpvY-A.cjs"),p=require("./class-map-Bokp1SoS.cjs");require("./button-VWxZW89G.cjs");require("./icon-Dj0oZZSa.cjs");require("./link-CDuv1jxx.cjs");require("./textinput-st4Vml5J.cjs");const m=o=>typeof o.target=="string"?{title:o.title,iconName:o.iconName,href:o.target}:{title:o.title,iconName:o.iconName,onClick:o.target},f=o=>m(o),g=o=>{if(!o)return;const e=typeof o=="string"?new Date(o):o;if(!isNaN(e.getTime()))return e.toLocaleDateString("nb-NO",{day:"numeric",month:"long",year:"numeric",hour:"2-digit",minute:"2-digit"})};var y=Object.defineProperty,S=Object.getOwnPropertyDescriptor,k=(o,e,s,n)=>{for(var r=n>1?void 0:n?S(e,s):e,l=o.length-1,c;l>=0;l--)(c=o[l])&&(r=(n?c(e,s,r):c(r))||r);return n&&r&&y(e,s,r),r};exports.PktHeaderUserMenu=class extends t.PktElement{constructor(){super(...arguments),this.canChangeRepresentation=!1,this.logoutOnClick=!1}handleChangeRepresentation(){this.dispatchEvent(new CustomEvent("change-representation",{bubbles:!0,composed:!0}))}handleLogout(){this.dispatchEvent(new CustomEvent("log-out",{bubbles:!0,composed:!0}))}handleMenuItemClick(e){"onClick"in e&&typeof e.onClick=="function"&&e.onClick()}renderLinkOrButton(e,s){const n="href"in e,r=p.e({"pkt-user-menu__link":!0,"pkt-link-button":!n,"pkt-link":!n,"pkt-link--icon-left":!n,[s||""]:!!s});return n?t.b`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./element-CMTfByxQ.cjs"),b=require("./pkt-slot-controller-D4nKlom5.cjs"),v=require("./if-defined-hKKmbsI8.cjs"),h=require("./ref-CxLwrCxt.cjs"),u=require("./booleanish-BKVonob4.cjs"),d=require("./state-BNgpvY-A.cjs"),p=require("./class-map-Bokp1SoS.cjs");require("./button-VWxZW89G.cjs");require("./icon-Dj0oZZSa.cjs");require("./link-CDuv1jxx.cjs");require("./textinput-DRFZU3dA.cjs");const m=o=>typeof o.target=="string"?{title:o.title,iconName:o.iconName,href:o.target}:{title:o.title,iconName:o.iconName,onClick:o.target},f=o=>m(o),g=o=>{if(!o)return;const e=typeof o=="string"?new Date(o):o;if(!isNaN(e.getTime()))return e.toLocaleDateString("nb-NO",{day:"numeric",month:"long",year:"numeric",hour:"2-digit",minute:"2-digit"})};var y=Object.defineProperty,S=Object.getOwnPropertyDescriptor,k=(o,e,s,n)=>{for(var r=n>1?void 0:n?S(e,s):e,l=o.length-1,c;l>=0;l--)(c=o[l])&&(r=(n?c(e,s,r):c(r))||r);return n&&r&&y(e,s,r),r};exports.PktHeaderUserMenu=class extends t.PktElement{constructor(){super(...arguments),this.canChangeRepresentation=!1,this.logoutOnClick=!1}handleChangeRepresentation(){this.dispatchEvent(new CustomEvent("change-representation",{bubbles:!0,composed:!0}))}handleLogout(){this.dispatchEvent(new CustomEvent("log-out",{bubbles:!0,composed:!0}))}handleMenuItemClick(e){"onClick"in e&&typeof e.onClick=="function"&&e.onClick()}renderLinkOrButton(e,s){const n="href"in e,r=p.e({"pkt-user-menu__link":!0,"pkt-link-button":!n,"pkt-link":!n,"pkt-link--icon-left":!n,[s||""]:!!s});return n?t.b`
         <pkt-link
           icon-name=${e.iconName||t.A}
           href=${e.href}

package/dist/pkt-header.js

@@ -8,7 +8,7 @@ import { e as g } from "./class-map-3ADKve8g.js";
 import "./button-CHUuxLQV.js";
 import "./icon-D0IQAVwS.js";
 import "./link-Bscfb6s9.js";
-import "./textinput-BCi9p0Du.js";
+import "./textinput-C2AZ9ss2.js";
 const C = (e) => typeof e.target == "string" ? { title: e.title, iconName: e.iconName, href: e.target } : { title: e.title, iconName: e.iconName, onClick: e.target }, L = (e) => C(e), w = (e) => {
   if (!e) return;
   const t = typeof e == "string" ? new Date(e) : e;

package/dist/pkt-index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./alert-BDXWFRcf.cjs"),t=require("./accordionitem-To95GT6b.cjs"),a=require("./backlink-CQoNgoa-.cjs"),P=require("./button-VWxZW89G.cjs"),i=require("./calendar-DjbO2g5L.cjs"),c=require("./card-5S2r9UD1.cjs"),b=require("./combobox-C5YcNVSZ.cjs"),k=require("./consent-BQLkfN3d.cjs"),d=require("./checkbox-D98_NjcU.cjs"),r=require("./datepicker-SEKblnRR.cjs"),e=require("./pkt-header.cjs"),l=require("./helptext-BjW1WdOn.cjs"),s=require("./heading-B0XRE0lq.cjs"),p=require("./icon-Dj0oZZSa.cjs"),g=require("./input-wrapper-JU4D2TGu.cjs"),m=require("./link-CDuv1jxx.cjs"),f=require("./linkcard-3WUL0CpY.cjs"),y=require("./loader-C1LI8Q4z.cjs"),j=require("./messagebox-Dmot5szX.cjs"),O=require("./modal-S9MOKOaz.cjs"),q=require("./progressbar-Bxh335uT.cjs"),n=require("./radiobutton-95wp024h.cjs"),x=require("./tag-BnT5onW2.cjs"),o=require("./tabitem-BKv4eN0a.cjs"),T=require("./textarea-CuTsE1WX.cjs"),C=require("./textinput-st4Vml5J.cjs"),H=require("./select-CZ_Lx5W6.cjs");Object.defineProperty(exports,"PktAlert",{enumerable:!0,get:()=>u.PktAlert});exports.PktAccordion=t.PktAccordion;exports.PktAccordionItem=t.PktAccordionItem_default;Object.defineProperty(exports,"PktBackLink",{enumerable:!0,get:()=>a.PktBackLink});Object.defineProperty(exports,"PktButton",{enumerable:!0,get:()=>P.PktButton});Object.defineProperty(exports,"PktCalendar",{enumerable:!0,get:()=>i.PktCalendar});Object.defineProperty(exports,"PktCard",{enumerable:!0,get:()=>c.PktCard});Object.defineProperty(exports,"PktCombobox",{enumerable:!0,get:()=>b.PktCombobox});Object.defineProperty(exports,"PktConsent",{enumerable:!0,get:()=>k.PktConsent});Object.defineProperty(exports,"PktCheckbox",{enumerable:!0,get:()=>d.PktCheckbox});Object.defineProperty(exports,"PktDateTags",{enumerable:!0,get:()=>r.PktDateTags});Object.defineProperty(exports,"PktDatepicker",{enumerable:!0,get:()=>r.PktDatepicker});Object.defineProperty(exports,"PktHeader",{enumerable:!0,get:()=>e.PktHeader});Object.defineProperty(exports,"PktHeaderService",{enumerable:!0,get:()=>e.PktHeaderService});Object.defineProperty(exports,"PktHeaderUserMenu",{enumerable:!0,get:()=>e.PktHeaderUserMenu});Object.defineProperty(exports,"PktHelptext",{enumerable:!0,get:()=>l.PktHelptext});Object.defineProperty(exports,"PktHeading",{enumerable:!0,get:()=>s.PktHeading});Object.defineProperty(exports,"PktIcon",{enumerable:!0,get:()=>p.PktIcon});Object.defineProperty(exports,"PktInputWrapper",{enumerable:!0,get:()=>g.PktInputWrapper});Object.defineProperty(exports,"PktLink",{enumerable:!0,get:()=>m.PktLink});Object.defineProperty(exports,"PktLinkCard",{enumerable:!0,get:()=>f.PktLinkCard});Object.defineProperty(exports,"PktLoader",{enumerable:!0,get:()=>y.PktLoader});Object.defineProperty(exports,"PktMessagebox",{enumerable:!0,get:()=>j.PktMessagebox});Object.defineProperty(exports,"PktModal",{enumerable:!0,get:()=>O.PktModal});Object.defineProperty(exports,"PktProgressbar",{enumerable:!0,get:()=>q.PktProgressbar});Object.defineProperty(exports,"PktRadioButton",{enumerable:!0,get:()=>n.PktRadioButton});Object.defineProperty(exports,"PktRadiobutton",{enumerable:!0,get:()=>n.PktRadioButton});Object.defineProperty(exports,"PktTag",{enumerable:!0,get:()=>x.PktTag});exports.PktTabItem=o.PktTabItem_default;exports.PktTabs=o.PktTabs;Object.defineProperty(exports,"PktTextarea",{enumerable:!0,get:()=>T.PktTextarea});Object.defineProperty(exports,"PktTextinput",{enumerable:!0,get:()=>C.PktTextinput});Object.defineProperty(exports,"PktSelect",{enumerable:!0,get:()=>H.PktSelect});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./alert-BDXWFRcf.cjs"),t=require("./accordionitem-To95GT6b.cjs"),a=require("./backlink-CQoNgoa-.cjs"),P=require("./button-VWxZW89G.cjs"),i=require("./calendar-DjbO2g5L.cjs"),c=require("./card-Db9QSEqh.cjs"),b=require("./combobox-Bv37b6cI.cjs"),k=require("./consent-BQLkfN3d.cjs"),d=require("./checkbox-Cpyay9_l.cjs"),r=require("./datepicker-CrvQ5Y5w.cjs"),e=require("./pkt-header.cjs"),l=require("./helptext-BjW1WdOn.cjs"),s=require("./heading-B0XRE0lq.cjs"),p=require("./icon-Dj0oZZSa.cjs"),g=require("./input-wrapper-JU4D2TGu.cjs"),m=require("./link-CDuv1jxx.cjs"),f=require("./linkcard-3WUL0CpY.cjs"),y=require("./loader-C1LI8Q4z.cjs"),j=require("./messagebox-Dmot5szX.cjs"),O=require("./modal-S9MOKOaz.cjs"),q=require("./progressbar-Bxh335uT.cjs"),n=require("./radiobutton-CNHCpKn0.cjs"),x=require("./tag-DmbgBCKu.cjs"),o=require("./tabitem-BKv4eN0a.cjs"),T=require("./textarea-CO7Ikug5.cjs"),C=require("./textinput-DRFZU3dA.cjs"),H=require("./select-PWPy5gTB.cjs");Object.defineProperty(exports,"PktAlert",{enumerable:!0,get:()=>u.PktAlert});exports.PktAccordion=t.PktAccordion;exports.PktAccordionItem=t.PktAccordionItem_default;Object.defineProperty(exports,"PktBackLink",{enumerable:!0,get:()=>a.PktBackLink});Object.defineProperty(exports,"PktButton",{enumerable:!0,get:()=>P.PktButton});Object.defineProperty(exports,"PktCalendar",{enumerable:!0,get:()=>i.PktCalendar});Object.defineProperty(exports,"PktCard",{enumerable:!0,get:()=>c.PktCard});Object.defineProperty(exports,"PktCombobox",{enumerable:!0,get:()=>b.PktCombobox});Object.defineProperty(exports,"PktConsent",{enumerable:!0,get:()=>k.PktConsent});Object.defineProperty(exports,"PktCheckbox",{enumerable:!0,get:()=>d.PktCheckbox});Object.defineProperty(exports,"PktDateTags",{enumerable:!0,get:()=>r.PktDateTags});Object.defineProperty(exports,"PktDatepicker",{enumerable:!0,get:()=>r.PktDatepicker});Object.defineProperty(exports,"PktHeader",{enumerable:!0,get:()=>e.PktHeader});Object.defineProperty(exports,"PktHeaderService",{enumerable:!0,get:()=>e.PktHeaderService});Object.defineProperty(exports,"PktHeaderUserMenu",{enumerable:!0,get:()=>e.PktHeaderUserMenu});Object.defineProperty(exports,"PktHelptext",{enumerable:!0,get:()=>l.PktHelptext});Object.defineProperty(exports,"PktHeading",{enumerable:!0,get:()=>s.PktHeading});Object.defineProperty(exports,"PktIcon",{enumerable:!0,get:()=>p.PktIcon});Object.defineProperty(exports,"PktInputWrapper",{enumerable:!0,get:()=>g.PktInputWrapper});Object.defineProperty(exports,"PktLink",{enumerable:!0,get:()=>m.PktLink});Object.defineProperty(exports,"PktLinkCard",{enumerable:!0,get:()=>f.PktLinkCard});Object.defineProperty(exports,"PktLoader",{enumerable:!0,get:()=>y.PktLoader});Object.defineProperty(exports,"PktMessagebox",{enumerable:!0,get:()=>j.PktMessagebox});Object.defineProperty(exports,"PktModal",{enumerable:!0,get:()=>O.PktModal});Object.defineProperty(exports,"PktProgressbar",{enumerable:!0,get:()=>q.PktProgressbar});Object.defineProperty(exports,"PktRadioButton",{enumerable:!0,get:()=>n.PktRadioButton});Object.defineProperty(exports,"PktRadiobutton",{enumerable:!0,get:()=>n.PktRadioButton});Object.defineProperty(exports,"PktTag",{enumerable:!0,get:()=>x.PktTag});exports.PktTabItem=o.PktTabItem_default;exports.PktTabs=o.PktTabs;Object.defineProperty(exports,"PktTextarea",{enumerable:!0,get:()=>T.PktTextarea});Object.defineProperty(exports,"PktTextinput",{enumerable:!0,get:()=>C.PktTextinput});Object.defineProperty(exports,"PktSelect",{enumerable:!0,get:()=>H.PktSelect});

package/dist/pkt-index.js

@@ -3,11 +3,11 @@ import { P as e, a } from "./accordionitem-CHXGzgLv.js";
 import { P as s } from "./backlink-C68H4Z3b.js";
 import { P as x } from "./button-CHUuxLQV.js";
 import { P as f } from "./calendar-DTnx3DDH.js";
-import { P as d } from "./card-CnPjrdre.js";
-import { P as c } from "./combobox-cer7PLSE.js";
+import { P as d } from "./card-CmfUyl_s.js";
+import { P as c } from "./combobox-CoO8T-F-.js";
 import { P as u } from "./consent-knPF4PS_.js";
-import { P as T } from "./checkbox-BSz71IeT.js";
-import { P as l, a as H } from "./datepicker-nnyTW0vf.js";
+import { P as T } from "./checkbox-D6nltMuc.js";
+import { P as l, a as H } from "./datepicker-DbsIuC5Z.js";
 import { PktHeader as L, PktHeaderService as A, PktHeaderUserMenu as B } from "./pkt-header.js";
 import { P as D } from "./helptext-TFpeGJ1P.js";
 import { P as S } from "./heading-D9R5UBcv.js";
@@ -19,12 +19,12 @@ import { P as E } from "./loader-BF9K1VCZ.js";
 import { P as G } from "./messagebox-LBEzcr6B.js";
 import { P as K } from "./modal-CGHWsjk8.js";
 import { P as O } from "./progressbar-GSA4Md1u.js";
-import { P as V, P as X } from "./radiobutton-CTFAV5GU.js";
-import { P as Z } from "./tag-68q0_Sn0.js";
+import { P as V, P as X } from "./radiobutton-DgC27mb0.js";
+import { P as Z } from "./tag-DZPqFiem.js";
 import { P as $, a as tt } from "./tabitem-DQRzgAT4.js";
-import { P as rt } from "./textarea-DhWH99qN.js";
-import { P as et } from "./textinput-BCi9p0Du.js";
-import { P as kt } from "./select-YLvYAQX6.js";
+import { P as rt } from "./textarea-VpCEjVFx.js";
+import { P as et } from "./textinput-C2AZ9ss2.js";
+import { P as kt } from "./select-7VuYtPZv.js";
 export {
   e as PktAccordion,
   a as PktAccordionItem,

package/dist/pkt-listbox.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./listbox-C7NEa9SU.cjs"),t=e.PktListbox;Object.defineProperty(exports,"PktListbox",{enumerable:!0,get:()=>e.PktListbox});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./listbox-Dm2mKp6_.cjs"),t=e.PktListbox;Object.defineProperty(exports,"PktListbox",{enumerable:!0,get:()=>e.PktListbox});exports.default=t;

package/dist/pkt-listbox.js

@@ -1,4 +1,4 @@
-import { P as t } from "./listbox-Cykec1bj.js";
+import { P as t } from "./listbox-OdkIn9_A.js";
 const s = t;
 export {
   t as PktListbox,

package/dist/pkt-options-controller-BogGk-6J.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("./pkt-slot-controller-D4nKlom5.cjs");class a{constructor(t){this.nodes=[],this.options=[],this.generation=0,this.host=t,this.host.addController(this),this.nodes=[],this.options=[],this.observer=new MutationObserver(e=>this.handleMutations(e))}hostConnected(){Array.from(this.host.childNodes).forEach(t=>{(t.nodeName==="OPTION"||t.nodeName==="DATA")&&this.addNode(t)}),this.createOptions(),this.observer.observe(this.host,{childList:!0,subtree:!1,attributes:!0})}hostDisconnected(){this.observer.disconnect()}addNode(t){(t.nodeName==="OPTION"||t.nodeName==="DATA")&&(t.hasAttribute("hidden")&&!t.hasAttribute("data-skip")&&t.setAttribute("data-hidden","true"),!t.hasAttribute("hidden")&&t.hasAttribute("data-skip")&&t.hasAttribute("data-hidden")&&t.removeAttribute("data-hidden"),t.setAttribute("class","pkt-hide"),t.setAttribute("data-skip","true"),t.setAttribute("hidden","true"),this.nodes.push(t))}createOptions(){this.options=this.nodes.map(t=>({value:t.hasAttribute("value")?t.getAttribute("value")??"":t.textContent??"",label:t.textContent||t.getAttribute("value")||"",selected:t.hasAttribute("selected"),disabled:t.hasAttribute("disabled"),hidden:t.hasAttribute("data-hidden")})),this.generation++,this.host.requestUpdate()}handleMutations(t){let e=!1;t.forEach(s=>{s.type==="childList"&&(s.addedNodes.forEach(i=>{r.isOptionElement(i)&&(this.addNode(i),e=!0)}),s.removedNodes.forEach(i=>{r.isOptionElement(i)&&(this.nodes=this.nodes.filter(h=>h!==i),e=!0)})),s.type==="attributes"&&r.isOptionElement(s.target)&&(this.addNode(s.target),e=!0)}),e&&this.createOptions()}}exports.PktOptionsSlotController=a;

package/dist/{pkt-options-controller-BcGywCmf.js → pkt-options-controller-Z-bPox7n.js}

@@ -1,7 +1,7 @@
 import { i as r } from "./pkt-slot-controller-D7CrjM52.js";
 class o {
   constructor(t) {
-    this.nodes = [], this.options = [], this.host = t, this.host.addController(this), this.nodes = [], this.options = [], this.observer = new MutationObserver((e) => this.handleMutations(e));
+    this.nodes = [], this.options = [], this.generation = 0, this.host = t, this.host.addController(this), this.nodes = [], this.options = [], this.observer = new MutationObserver((e) => this.handleMutations(e));
   }
   hostConnected() {
     Array.from(this.host.childNodes).forEach((t) => {
@@ -21,7 +21,7 @@ class o {
       selected: t.hasAttribute("selected"),
       disabled: t.hasAttribute("disabled"),
       hidden: t.hasAttribute("data-hidden")
-    })), this.host.requestUpdate();
+    })), this.generation++, this.host.requestUpdate();
   }
   handleMutations(t) {
     let e = !1;

package/dist/pkt-radiobutton.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./radiobutton-95wp024h.cjs"),e=t.PktRadioButton;Object.defineProperty(exports,"PktRadioButton",{enumerable:!0,get:()=>t.PktRadioButton});exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./radiobutton-CNHCpKn0.cjs"),e=t.PktRadioButton;Object.defineProperty(exports,"PktRadioButton",{enumerable:!0,get:()=>t.PktRadioButton});exports.default=e;

package/dist/pkt-radiobutton.js

@@ -1,4 +1,4 @@
-import { P as t } from "./radiobutton-CTFAV5GU.js";
+import { P as t } from "./radiobutton-DgC27mb0.js";
 const a = t;
 export {
   t as PktRadioButton,

package/dist/pkt-select.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./select-CZ_Lx5W6.cjs"),t=e.PktSelect;Object.defineProperty(exports,"PktSelect",{enumerable:!0,get:()=>e.PktSelect});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./select-PWPy5gTB.cjs"),t=e.PktSelect;Object.defineProperty(exports,"PktSelect",{enumerable:!0,get:()=>e.PktSelect});exports.default=t;

package/dist/pkt-select.js

@@ -1,4 +1,4 @@
-import { P as t } from "./select-YLvYAQX6.js";
+import { P as t } from "./select-7VuYtPZv.js";
 const a = t;
 export {
   t as PktSelect,

package/dist/pkt-tag.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./tag-BnT5onW2.cjs"),t=e.PktTag;Object.defineProperty(exports,"PktTag",{enumerable:!0,get:()=>e.PktTag});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./tag-DmbgBCKu.cjs"),t=e.PktTag;Object.defineProperty(exports,"PktTag",{enumerable:!0,get:()=>e.PktTag});exports.default=t;

package/dist/pkt-tag.js

@@ -1,4 +1,4 @@
-import { P as a } from "./tag-68q0_Sn0.js";
+import { P as a } from "./tag-DZPqFiem.js";
 const o = a;
 export {
   a as PktTag,

package/dist/pkt-textarea.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./textarea-CuTsE1WX.cjs"),t=e.PktTextarea;Object.defineProperty(exports,"PktTextarea",{enumerable:!0,get:()=>e.PktTextarea});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./textarea-CO7Ikug5.cjs"),t=e.PktTextarea;Object.defineProperty(exports,"PktTextarea",{enumerable:!0,get:()=>e.PktTextarea});exports.default=t;

package/dist/pkt-textarea.js

@@ -1,4 +1,4 @@
-import { P as a } from "./textarea-DhWH99qN.js";
+import { P as a } from "./textarea-VpCEjVFx.js";
 const e = a;
 export {
   a as PktTextarea,

package/dist/pkt-textinput.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./textinput-st4Vml5J.cjs"),t=e.PktTextinput;Object.defineProperty(exports,"PktTextinput",{enumerable:!0,get:()=>e.PktTextinput});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./textinput-DRFZU3dA.cjs"),t=e.PktTextinput;Object.defineProperty(exports,"PktTextinput",{enumerable:!0,get:()=>e.PktTextinput});exports.default=t;