@oslokommune/punkt-elements 12.40.10 → 12.41.1

package/dist/button-BSTI5da6.js

@@ -1,121 +0,0 @@
-import { n as a, P as c, E as p, x as l, a as b } from "./element-gAd63VwC.js";
-import { P as f } from "./pkt-slot-controller-DtDaD9q_.js";
-import { e as u, n as k } from "./ref-DnSbnXsj.js";
-var m = Object.defineProperty, y = Object.getOwnPropertyDescriptor, e = (t, s, n, r) => {
-  for (var o = r > 1 ? void 0 : r ? y(s, n) : s, d = t.length - 1, h; d >= 0; d--)
-    (h = t[d]) && (o = (r ? h(s, n, o) : h(o)) || o);
-  return r && o && m(s, n, o), o;
-};
-window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/latest/animations/";
-let i = class extends c {
-  constructor() {
-    super(), this.internals = this.attachInternals(), this.defaultSlot = u(), this.iconName = "user", this.secondIconName = "user", this.mode = "light", this.size = "medium", this.skin = "primary", this.variant = "label-only", this.state = "normal", this.type = "button", this.isLoading = !1, this.disabled = !1, this.loadingAnimationPath = window.pktAnimationPath, this.slotController = new f(this, this.defaultSlot);
-  }
-  // Lifecycle
-  connectedCallback() {
-    super.connectedCallback(), this.addEventListener("click", this.handleClick), this.addEventListener("keydown", this.handleKeydown);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener("click", this.handleClick), this.removeEventListener("keydown", this.handleKeydown);
-  }
-  attributeChangedCallback(t, s, n) {
-    super.attributeChangedCallback(t, s, n), t === "disabled" && n === "false" && (this.disabled = !1), (t === "isloading" || t === "isLoading") && n === "false" && (this.isLoading = !1);
-  }
-  firstUpdated(t) {
-    super.firstUpdated(t), this.disabled === "false" && (this.disabled = !1), this.isLoading === "false" && (this.isLoading = !1);
-  }
-  updated(t) {
-    super.updated(t), this.setAttribute("role", "button"), this.internals.role = "button", this.disabled === "false" && (this.disabled = !1), this.isLoading === "false" && (this.isLoading = !1), this.disabled ? (this.getAttribute("tabindex") !== "-1" && this.setAttribute("tabindex", "-1"), this.getAttribute("aria-disabled") !== "true" && this.setAttribute("aria-disabled", "true")) : (this.getAttribute("tabindex") !== "0" && this.setAttribute("tabindex", "0"), this.getAttribute("aria-disabled") !== "false" && this.removeAttribute("aria-disabled")), this.isLoading ? this.getAttribute("aria-busy") !== "true" && this.setAttribute("aria-busy", "true") : this.hasAttribute("aria-busy") && this.removeAttribute("aria-busy"), this.updateElementClasses();
-  }
-  // Render
-  render() {
-    return l`
-      <div class="pkt-contents">
-        ${this.isLoading ? l`<pkt-icon
-              class="pkt-btn__icon pkt-btn__spinner"
-              name="spinner-blue"
-              path=${this.loadingAnimationPath}
-            ></pkt-icon>` : p}
-        ${this.variant !== "label-only" ? l`<pkt-icon class="pkt-btn__icon pkt-icon" name=${this.iconName}></pkt-icon>` : p}
-        <span class="pkt-btn__text" ${k(this.defaultSlot)}></span>
-        ${this.variant === "icons-right-and-left" ? l`<pkt-icon class="pkt-btn__icon" name=${this.secondIconName}></pkt-icon>` : p}
-      </div>
-    `;
-  }
-  // Methods
-  updateElementClasses() {
-    const t = /* @__PURE__ */ new Set(), s = this.getAttribute("class");
-    t.add("pkt-btn"), s && s.split(" ").forEach((n) => t.add(n)), this.size && t.add(`pkt-btn--${this.size}`), this.skin && t.add(`pkt-btn--${this.skin}`), this.variant && t.add(`pkt-btn--${this.variant}`), this.color && t.add(`pkt-btn--${this.color}`), this.isLoading && t.add("pkt-btn--active"), this.state && t.add(`pkt-btn--${this.state}`), this.disabled && t.add("pkt-btn--disabled"), this.className = [...t].join(" ");
-  }
-  handleClick(t) {
-    if (this.disabled || this.isLoading) {
-      t.preventDefault(), t.stopImmediatePropagation();
-      return;
-    }
-    if (this.type === "submit" && this.internals.form) {
-      this.internals.form.requestSubmit();
-      return;
-    }
-    if (this.type === "reset" && this.internals.form) {
-      this.internals.form.reset();
-      return;
-    }
-    this.onClick && typeof this.onClick == "function" && this.onClick !== this.handleClick && this.onClick(t), this.dispatchEvent(
-      new CustomEvent("button-click", {
-        bubbles: !0,
-        composed: !0,
-        detail: { originalEvent: t }
-      })
-    );
-  }
-  handleKeydown(t) {
-    if (!(this.disabled || this.isLoading) && (t.key === "Enter" || t.key === " ")) {
-      t.preventDefault();
-      const s = t.target;
-      s && s.click();
-    }
-  }
-};
-i.formAssociated = !0;
-e([
-  a({ type: String })
-], i.prototype, "iconName", 2);
-e([
-  a({ type: String })
-], i.prototype, "secondIconName", 2);
-e([
-  a({ type: String })
-], i.prototype, "mode", 2);
-e([
-  a({ type: String })
-], i.prototype, "size", 2);
-e([
-  a({ type: String })
-], i.prototype, "color", 2);
-e([
-  a({ type: String })
-], i.prototype, "skin", 2);
-e([
-  a({ type: String })
-], i.prototype, "variant", 2);
-e([
-  a({ type: String, reflect: !0 })
-], i.prototype, "state", 2);
-e([
-  a({ type: String, reflect: !0 })
-], i.prototype, "type", 2);
-e([
-  a({ type: Boolean, reflect: !0 })
-], i.prototype, "isLoading", 2);
-e([
-  a({ type: Boolean, reflect: !0 })
-], i.prototype, "disabled", 2);
-e([
-  a({ type: String })
-], i.prototype, "loadingAnimationPath", 2);
-i = e([
-  b("pkt-button")
-], i);
-export {
-  i as P
-};

package/dist/button-oZThyRNI.cjs

@@ -1,12 +0,0 @@
-"use strict";const i=require("./element-90YeMNbV.cjs"),h=require("./pkt-slot-controller-Da-RgXfS.cjs"),d=require("./ref-B-w1vCo8.cjs");var p=Object.defineProperty,u=Object.getOwnPropertyDescriptor,e=(o,t,s,n)=>{for(var a=n>1?void 0:n?u(t,s):t,r=o.length-1,l;r>=0;r--)(l=o[r])&&(a=(n?l(t,s,a):l(a))||a);return n&&a&&p(t,s,a),a};window.pktAnimationPath=window.pktAnimationPath||"https://punkt-cdn.oslo.kommune.no/latest/animations/";exports.PktButton=class extends i.PktElement{constructor(){super(),this.internals=this.attachInternals(),this.defaultSlot=d.e(),this.iconName="user",this.secondIconName="user",this.mode="light",this.size="medium",this.skin="primary",this.variant="label-only",this.state="normal",this.type="button",this.isLoading=!1,this.disabled=!1,this.loadingAnimationPath=window.pktAnimationPath,this.slotController=new h.PktSlotController(this,this.defaultSlot)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeydown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.handleKeydown)}attributeChangedCallback(t,s,n){super.attributeChangedCallback(t,s,n),t==="disabled"&&n==="false"&&(this.disabled=!1),(t==="isloading"||t==="isLoading")&&n==="false"&&(this.isLoading=!1)}firstUpdated(t){super.firstUpdated(t),this.disabled==="false"&&(this.disabled=!1),this.isLoading==="false"&&(this.isLoading=!1)}updated(t){super.updated(t),this.setAttribute("role","button"),this.internals.role="button",this.disabled==="false"&&(this.disabled=!1),this.isLoading==="false"&&(this.isLoading=!1),this.disabled?(this.getAttribute("tabindex")!=="-1"&&this.setAttribute("tabindex","-1"),this.getAttribute("aria-disabled")!=="true"&&this.setAttribute("aria-disabled","true")):(this.getAttribute("tabindex")!=="0"&&this.setAttribute("tabindex","0"),this.getAttribute("aria-disabled")!=="false"&&this.removeAttribute("aria-disabled")),this.isLoading?this.getAttribute("aria-busy")!=="true"&&this.setAttribute("aria-busy","true"):this.hasAttribute("aria-busy")&&this.removeAttribute("aria-busy"),this.updateElementClasses()}render(){return i.x`
-      <div class="pkt-contents">
-        ${this.isLoading?i.x`<pkt-icon
-              class="pkt-btn__icon pkt-btn__spinner"
-              name="spinner-blue"
-              path=${this.loadingAnimationPath}
-            ></pkt-icon>`:i.E}
-        ${this.variant!=="label-only"?i.x`<pkt-icon class="pkt-btn__icon pkt-icon" name=${this.iconName}></pkt-icon>`:i.E}
-        <span class="pkt-btn__text" ${d.n(this.defaultSlot)}></span>
-        ${this.variant==="icons-right-and-left"?i.x`<pkt-icon class="pkt-btn__icon" name=${this.secondIconName}></pkt-icon>`:i.E}
-      </div>
-    `}updateElementClasses(){const t=new Set,s=this.getAttribute("class");t.add("pkt-btn"),s&&s.split(" ").forEach(n=>t.add(n)),this.size&&t.add(`pkt-btn--${this.size}`),this.skin&&t.add(`pkt-btn--${this.skin}`),this.variant&&t.add(`pkt-btn--${this.variant}`),this.color&&t.add(`pkt-btn--${this.color}`),this.isLoading&&t.add("pkt-btn--active"),this.state&&t.add(`pkt-btn--${this.state}`),this.disabled&&t.add("pkt-btn--disabled"),this.className=[...t].join(" ")}handleClick(t){if(this.disabled||this.isLoading){t.preventDefault(),t.stopImmediatePropagation();return}if(this.type==="submit"&&this.internals.form){this.internals.form.requestSubmit();return}if(this.type==="reset"&&this.internals.form){this.internals.form.reset();return}this.onClick&&typeof this.onClick=="function"&&this.onClick!==this.handleClick&&this.onClick(t),this.dispatchEvent(new CustomEvent("button-click",{bubbles:!0,composed:!0,detail:{originalEvent:t}}))}handleKeydown(t){if(!(this.disabled||this.isLoading)&&(t.key==="Enter"||t.key===" ")){t.preventDefault();const s=t.target;s&&s.click()}}};exports.PktButton.formAssociated=!0;e([i.n({type:String})],exports.PktButton.prototype,"iconName",2);e([i.n({type:String})],exports.PktButton.prototype,"secondIconName",2);e([i.n({type:String})],exports.PktButton.prototype,"mode",2);e([i.n({type:String})],exports.PktButton.prototype,"size",2);e([i.n({type:String})],exports.PktButton.prototype,"color",2);e([i.n({type:String})],exports.PktButton.prototype,"skin",2);e([i.n({type:String})],exports.PktButton.prototype,"variant",2);e([i.n({type:String,reflect:!0})],exports.PktButton.prototype,"state",2);e([i.n({type:String,reflect:!0})],exports.PktButton.prototype,"type",2);e([i.n({type:Boolean,reflect:!0})],exports.PktButton.prototype,"isLoading",2);e([i.n({type:Boolean,reflect:!0})],exports.PktButton.prototype,"disabled",2);e([i.n({type:String})],exports.PktButton.prototype,"loadingAnimationPath",2);exports.PktButton=e([i.t("pkt-button")],exports.PktButton);

package/dist/combobox-Ct7-a2Vy.js

@@ -1,495 +0,0 @@
-import { E as y, x as d, n as r, a as k } from "./element-gAd63VwC.js";
-import { o as f } from "./if-defined-Cj-3Kdsr.js";
-import { r as c } from "./state-BxrO4zNJ.js";
-import { e as _, n as v } from "./ref-DnSbnXsj.js";
-import { e as O } from "./class-map-m7ZCZ49w.js";
-import { c as R } from "./repeat-lUFq9w5d.js";
-import { P as V } from "./input-element-BEvaQK4g.js";
-import { P as C } from "./pkt-options-controller-DepYQBqb.js";
-import { P as S } from "./pkt-slot-controller-DtDaD9q_.js";
-import "./input-wrapper-CDgnd3WJ.js";
-import "./icon-CO1TLSs5.js";
-import "./tag-CX-zbR-7.js";
-import "./listbox-DCWdrjFp.js";
-const T = {
-  displayValueAs: {
-    default: "label"
-  }
-}, A = {
-  props: T
-};
-var M = Object.defineProperty, F = Object.getOwnPropertyDescriptor, h = (e, t, s, i) => {
-  for (var n = i > 1 ? void 0 : i ? F(t, s) : t, u = e.length - 1, l; u >= 0; u--)
-    (l = e[u]) && (n = (i ? l(t, s, n) : l(n)) || n);
-  return i && n && M(t, s, n), n;
-};
-let a = class extends V {
-  constructor() {
-    super(), this.helptextSlot = _(), this.value = "", this.options = [], this.allowUserInput = !1, this.typeahead = !1, this.includeSearch = !1, this.searchPlaceholder = "", this.multiple = !1, this.maxlength = null, this.displayValueAs = A.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 = _(), this.arrowRef = _(), this.listboxRef = _(), this.focusRef = _(), this.optionTagRef = _(), this.optionsController = new C(this), this.slotController = new S(this, this.helptextSlot), this.slotController.skipOptions = !0;
-  }
-  // Lifecycle methods
-  connectedCallback() {
-    if (super.connectedCallback(), document && document.body.addEventListener("click", (e) => {
-      this._isOptionsOpen && !this.contains(e.target) && this.handleFocusOut(e);
-    }), this._options = [], this.optionsController.nodes.length) {
-      const e = [];
-      this.optionsController.nodes.forEach((t) => {
-        if (!t.textContent && !t.getAttribute("value")) return null;
-        const s = {
-          value: t.getAttribute("value") || t.textContent || "",
-          label: t.textContent || t.getAttribute("value") || ""
-        };
-        t.getAttribute("data-prefix") && (s.prefix = t.getAttribute("data-prefix") || void 0), t.getAttribute("tagskincolor") && (s.tagSkinColor = t.getAttribute("tagskincolor")), t.getAttribute("description") && (s.description = t.getAttribute("description") || void 0), s.fulltext = s.value + s.label + (s.prefix || ""), e.push(s);
-      }), e.length && (this.options = [...e], this._options = [...e]);
-    }
-  }
-  updated(e) {
-    e.has("_value") && this.valueChanged(this._value, e.get("_value")), e.has("value") && (this._value = Array.isArray(this.value) ? this.value : this.value ? this.value.split(",") : [], !this.multiple && this._value.length > 1 && (this._value = [this._value[0]]), this.isMaxItemsReached()), e.has("options") && this.options.length && (this._options = this.options, this._options.forEach((t) => {
-      if (t.value && !t.label && (t.label = t.value), t.selected && !this._value.includes(t.value)) {
-        const s = [...this._value];
-        this._value = [...this._value, t.value], this.valueChanged(this._value, s);
-      }
-      t.fulltext = t.value + t.label + (t.prefix || ""), t.selected = t.selected || this._value.includes(t.value);
-    })), e.has("_search") && this.dispatchEvent(
-      new CustomEvent("search", {
-        detail: this._search,
-        bubbles: !1
-      })
-    ), super.updated(e);
-  }
-  attributeChangedCallback(e, t, s) {
-    e === "value" && (this._value = Array.isArray(this.value) ? this.value : this.value ? this.value.split(",") : [], !this.multiple && this._value.length > 1 && (this._value = [this._value[0]])), e === "options" && (this._options = this.options, this._options.forEach((i) => {
-      i.value && !i.label && (i.label = i.value), i.selected && !this._value.includes(i.value) && (this._value = [...this._value, i.value]), i.fulltext = i.value + i.label + (i.prefix || "");
-    }), this._search = ""), super.attributeChangedCallback(e, t, s);
-  }
-  // Render methods
-  render() {
-    return d`
-      <pkt-input-wrapper
-        .label=${this.label}
-        .helptext=${this.helptext}
-        .helptextDropdown=${f(this.helptextDropdown)}
-        .helptextDropdownButton=${f(this.helptextDropdownButton)}
-        ?fullwidth=${this.fullwidth}
-        ?hasError=${this.hasError}
-        ?inline=${this.inline}
-        ?disabled=${this.disabled}
-        .errorMessage=${this.errorMessage}
-        ?optionalTag=${this.optionalTag}
-        .optionalText=${this.optionalText}
-        ?requiredTag=${this.requiredTag}
-        .requiredText=${this.requiredText}
-        ?useWrapper=${this.useWrapper}
-        .forId=${this.allowUserInput || this.typeahead ? this.id + "-input" : this.id + "-arrow"}
-        class="pkt-combobox__wrapper"
-        @labelClick=${this.handleInputClick}
-      >
-        <div class="pkt-contents" ${v(this.helptextSlot)} name="helptext" slot="helptext"></div>
-        <div class="pkt-combobox" @focusout=${this.handleFocusOut}>
-          <div
-            class=${O({
-      "pkt-combobox__input": !0,
-      "pkt-combobox__input--fullwidth": this.fullwidth,
-      "pkt-combobox__input--open": this._isOptionsOpen,
-      "pkt-combobox__input--error": this.hasError,
-      "pkt-combobox__input--disabled": this.disabled
-    })}
-            tabindex="-1"
-            @click=${this.handleInputClick}
-          >
-            ${this.placeholder && (!this._value.length || this.multiple && this.tagPlacement == "outside") && !this._inputFocus ? d`<span class="pkt-combobox__placeholder">${this.placeholder}</span>` : this.tagPlacement !== "outside" ? this.renderSingleOrMultipleValues() : y}
-            ${this.renderInputField()}
-            <div
-              class="pkt-btn pkt-btn--tertiary pkt-combobox__arrow"
-              @click=${this.handleArrowClick}
-              @keydown=${this.handleArrowClick}
-              id="${this.id}-arrow"
-              ${v(this.arrowRef)}
-              aria-expanded=${this._isOptionsOpen}
-              aria-controls="${this.id}-listbox"
-              aria-haspopup="listbox"
-              aria-label="Åpne liste"
-              ?disabled=${this.disabled}
-              ?data-disabled=${this.disabled}
-              role="button"
-              tabindex="${this.disabled ? "-1" : "0"}"
-            >
-              <pkt-icon
-                class=${O({
-      "pkt-combobox__arrow-icon": !0,
-      "pkt-combobox__arrow-icon--open": this._isOptionsOpen
-    })}
-                name="chevron-thin-down"
-              ></pkt-icon>
-            </div>
-            <div ${v(this.focusRef)} tabindex="-1" @keydown=${this.handleArrowClick}></div>
-          </div>
-
-          <pkt-listbox
-            id="${this.id}-listbox"
-            .options=${this._options}
-            .isOpen=${this._isOptionsOpen}
-            .searchPlaceholder=${this.searchPlaceholder}
-            .label="Liste: ${this.label || ""}"
-            ?includeSearch=${this.includeSearch}
-            ?isMultiSelect=${this.multiple}
-            ?allowUserInput=${this.allowUserInput && !this._maxIsReached}
-            ?maxIsReached=${this._maxIsReached}
-            .customUserInput=${f(this._addValueText)}
-            .userMessage=${this._userInfoMessage}
-            @search=${this.handleSearch}
-            @option-toggle=${this.handleOptionToggled}
-            @select-all=${this.addAllOptions}
-            @close-options=${() => this._isOptionsOpen = !1}
-            .searchValue=${this._search || null}
-            .maxLength=${this.maxlength || 0}
-            ${v(this.listboxRef)}
-          ></pkt-listbox>
-        </div>
-
-        ${this.tagPlacement === "outside" && this.multiple ? d`<div class="pkt-combobox__tags-outside">
-              ${this.renderSingleOrMultipleValues()}
-            </div>` : y}
-      </pkt-input-wrapper>
-    `;
-  }
-  renderInputField() {
-    return this.typeahead || this.allowUserInput ? d`
-          <div class="pkt-combobox__input-div combobox__input">
-            <input
-              type="text"
-              id="${this.id}-input"
-              name=${(this.name || this.id) + "-input"}
-              @input=${this.handleInput}
-              @keydown=${this.handleInputKeydown}
-              @focus=${this.handleFocus}
-              @blur=${this.handleBlur}
-              autocomplete="off"
-              role="combobox"
-              aria-label=${f(this.label)}
-              aria-autocomplete=${this.typeahead ? "both" : "list"}
-              aria-controls="${this.id}-listbox"
-              aria-multiselectable=${f(this.multiple ? "true" : void 0)}
-              aria-activedescendant=${f(
-      this._value[0] && this.findValueInOptions(this._value[0]) ? `${this.id}-listbox-${this.findIndexInOptions(this._value[0])}` : void 0
-    )}
-              ${v(this.inputRef)}
-            />
-          </div>
-        ` : d`
-          <input
-            type="hidden"
-            id="${this.id}-input"
-            name=${(this.name || this.id) + "-input"}
-            .value=${this._value.join(",")}
-            ${v(this.inputRef)}
-          />
-        `;
-  }
-  renderSingleOrMultipleValues() {
-    const e = !this.multiple, t = this._editingSingleValue ? null : this.renderValueTag(this.findValueInOptions(this._value[0])), s = R(
-      this._value,
-      (i) => i,
-      (i) => {
-        var l;
-        const n = this.findValueInOptions(i), u = (l = this.options.find((o) => o.value === i)) == null ? void 0 : l.tagSkinColor;
-        return d`
-          <pkt-tag
-            skin=${u || "blue-dark"}
-            ?closeTag=${!this.disabled}
-            @close=${() => this.handleTagRemove(i)}
-          >
-            ${this.renderValueTag(n)}
-          </pkt-tag>
-        `;
-      }
-    );
-    return e ? t : s;
-  }
-  renderValueTag(e) {
-    if (!e) return "";
-    switch (this.displayValueAs) {
-      case "prefixAndValue":
-        return d`<span data-focusfix=${this.id}>${e.prefix || ""} ${e.value}</span>`;
-      case "value":
-        return d`<span data-focusfix=${this.id}>${e.value}</span>`;
-      case "label":
-      default:
-        return d`<span data-focusfix=${this.id}>${e.label || e.value}</span>`;
-    }
-  }
-  // Event handlers
-  handleInput(e) {
-    if (e.stopPropagation(), e.stopImmediatePropagation(), this.disabled) return;
-    this.touched = !0;
-    const t = e.target;
-    if (this._search = t.value, this.checkForMatches(), this.typeahead)
-      if (this._search) {
-        if (this._options = this.options.filter(
-          (s) => {
-            var i;
-            return (i = s.fulltext) == null ? void 0 : i.toLowerCase().includes(this._search.toLowerCase());
-          }
-        ), e.inputType !== "deleteContentBackward") {
-          const s = this._options.filter(
-            (i) => {
-              var n;
-              return !i.selected && ((n = i.label) == null ? void 0 : n.toLowerCase().startsWith(this._search.toLowerCase()));
-            }
-          );
-          if (s.length > 0 && this.inputRef.value && this.inputRef.value.type !== "hidden") {
-            const i = s[0];
-            i != null && i.label && (t.value = i.label, window.setTimeout(
-              () => t.setSelectionRange(this._search.length, t.value.length),
-              0
-            ), t.selectionDirection = "backward");
-          }
-        }
-      } else
-        this._options = [...this.options];
-  }
-  handleFocus() {
-    if (!this.disabled) {
-      if (!this.multiple && this._value[0] && this.inputRef.value && this.inputRef.value.type !== "hidden") {
-        const e = this.findValueInOptions(this._value[0]);
-        this._editingSingleValue = !0, this.inputRef.value.value = this.displayValueAs === "label" && (e != null && e.label) ? e.label : this._value[0];
-      }
-      this._inputFocus = !0, this._search = "", this._options = [...this.options], this._isOptionsOpen = !0, this.onFocus(), this.requestUpdate();
-    }
-  }
-  handleFocusOut(e) {
-    var t, s, i, n, u;
-    if (!this.disabled && ((s = (t = e.relatedTarget) == null ? void 0 : t.closest("pkt-combobox")) == null ? void 0 : s.id) !== this.id && ((n = (i = e.relatedTarget) == null ? void 0 : i.closest("pkt-combobox")) == null ? void 0 : n.id) !== this.id && ((u = e.target) == null ? void 0 : u.getAttribute("data-focusfix")) !== this.id && e.relatedTarget !== this.focusRef.value && e.relatedTarget !== this.inputRef.value && e.relatedTarget !== this.arrowRef.value && this._isOptionsOpen) {
-      if (this._inputFocus = !1, this._addValueText = null, this._userInfoMessage = "", this._search = "", this.inputRef.value && this.inputRef.value.type !== "hidden" && this.inputRef.value.value !== "") {
-        const l = this.inputRef.value.value, o = this.findValueInOptions(l);
-        !this._value.includes(l) && !o ? this.allowUserInput ? this.addNewUserValue(l) : this.multiple || this.removeValue(this._value[0]) : o && !this._value.includes(o.value) && this.setSelected(o.value), this.inputRef.value.value = "";
-      }
-      this._isOptionsOpen = !1, this.onBlur();
-    }
-  }
-  handleBlur() {
-    this._inputFocus = !1, this._editingSingleValue = !1, this.onBlur();
-  }
-  handleInputClick(e) {
-    var t, s;
-    this.disabled || (e.currentTarget && e.currentTarget !== this.arrowRef.value && ((t = this.inputRef.value) == null ? void 0 : t.type) !== "hidden" ? (s = this.inputRef.value) == null || s.focus() : this.handleArrowClick(e));
-  }
-  handleArrowClick(e) {
-    var t, s;
-    this.disabled || e instanceof KeyboardEvent && e.key && e.key !== "Enter" && e.key !== " " && e.key !== "ArrowDown" || (e.stopImmediatePropagation(), e.preventDefault(), this._isOptionsOpen = !this._isOptionsOpen, this._isOptionsOpen ? (t = this.listboxRef.value) == null || t.focusFirstOrSelectedOption() : (s = this.arrowRef.value) == null || s.focus());
-  }
-  handleOptionToggled(e) {
-    this.toggleValue(e.detail);
-  }
-  handleSearch(e) {
-    e.stopPropagation(), this._search = e.detail.toLowerCase();
-  }
-  handleInputKeydown(e) {
-    var t, s, i;
-    switch (e.key) {
-      case ",":
-      case "Enter":
-        e.preventDefault(), this.addValue();
-        break;
-      case "Backspace":
-        !this._search && ((t = this.inputRef.value) == null ? void 0 : t.type) === "hidden" && this.removeLastValue(e);
-        break;
-      case "Tab":
-      case "ArrowDown":
-        e.shiftKey || ((s = this.listboxRef.value) == null || s.focusFirstOrSelectedOption(), e.preventDefault());
-        break;
-      case "Escape":
-        this._isOptionsOpen = !1, (i = this.arrowRef.value) == null || i.focus(), e.preventDefault();
-        break;
-    }
-  }
-  handleTagRemove(e) {
-    this.removeSelected(e);
-  }
-  blurInput() {
-    this.inputRef.value && this.inputRef.value.matches(":focus") && this.inputRef.value.blur();
-  }
-  checkForMatches() {
-    var u;
-    const e = ((u = this.inputRef.value) == null ? void 0 : u.value) || this._search || "", t = e.trim().toLowerCase() || "";
-    if (!t) {
-      !this.multiple && this._value[0] && this.removeValue(this._value[0]), this.resetComboboxInput(!1);
-      return;
-    }
-    const s = this._value.find((l) => l.toLowerCase() === t), i = this._options.filter(
-      (l) => {
-        var o;
-        return ((o = l.label) == null ? void 0 : o.toLowerCase().includes(t)) ?? !1;
-      }
-    ), n = i.find(
-      (l) => {
-        var o;
-        return ((o = l.label) == null ? void 0 : o.toLowerCase()) === t || l.value.toLowerCase() === t;
-      }
-    );
-    switch (!0) {
-      case ((i.length === 0 || !n) && this.allowUserInput):
-        this._addValueText = e, this._userInfoMessage = "";
-        break;
-      case (i.length === 0 && !this.allowUserInput):
-        this._addValueText = null, this._userInfoMessage = "Ingen match i søket";
-        break;
-      case !!s:
-        this._addValueText = null, this._userInfoMessage = "Verdien er allerede valgt";
-        break;
-      case i.length > 1:
-        this._addValueText = null, this._userInfoMessage = "";
-        break;
-      default:
-        this._addValueText = null, this._userInfoMessage = "";
-    }
-  }
-  findValueInOptions(e) {
-    return this.options.find((t) => t.value === e || t.label === e) || null;
-  }
-  findIndexInOptions(e) {
-    return this._options.findIndex((t) => t.value === e || t.label === e);
-  }
-  isMaxItemsReached() {
-    const e = this.maxlength !== null && this._value.length >= this.maxlength;
-    return e ? this._maxIsReached = !0 : this._maxIsReached = !1, e;
-  }
-  toggleValue(e) {
-    var I, w;
-    if (this.disabled) return;
-    this.touched = !0, this._userInfoMessage = "", this._addValueText = null;
-    const t = ((I = this.findValueInOptions(e)) == null ? void 0 : I.value) || null, s = this._value.includes(e || t || ""), i = !!t, n = ((w = this._options.find((m) => m.value === e)) == null ? void 0 : w.disabled) || !1, u = !(e != null && e.trim()), l = !this.multiple, o = this.multiple, $ = this.isMaxItemsReached();
-    let p = !1, b = !0, g = "", x = "";
-    n || (!i && this.allowUserInput && !u ? (this.addNewUserValue(e), g = "Ny verdi lagt til", p = !o) : !i && !this.allowUserInput ? (l && this._value[0] && this.removeValue(this._value[0]), b = !1, p = !0, g = "Ingen treff i søket") : s ? (this.removeValue(t), p = !0) : u && l ? (this.removeAllSelected(), p = !0) : l ? (this._value[0] && this.removeSelected(this._value[0]), this.setSelected(t), p = !1, this.inputRef.value && this.inputRef.value.type !== "hidden" && (this.inputRef.value.value = "", this.inputRef.value.blur())) : o && !$ ? (this.setSelected(t), p = !0) : o && $ ? (this._userInfoMessage = "Maks antall valg nådd", b = !1, x = e) : (l && this.removeAllSelected(), this._userInfoMessage = "Ingen gyldig verdi valgt", b = !1, p = !0, x = e), this._isOptionsOpen = p, p || window.setTimeout(() => {
-      var m;
-      (m = this.focusRef.value) == null || m.focus();
-    }, 0), this._userInfoMessage = g, this._search = x || "", this.resetComboboxInput(b), o && this.isMaxItemsReached());
-  }
-  setSelected(e) {
-    if (!this._value.includes(e)) {
-      if (this.multiple && this.isMaxItemsReached()) {
-        this._userInfoMessage = "Maks antall valg nådd";
-        return;
-      }
-      !this.multiple && this.removeAllSelected(), this._value = e ? [...this._value, e] : this._value, this._options = this._options.map((t) => (t.value === e && (t.selected = !0), t)), this.resetComboboxInput(!0);
-    }
-  }
-  removeSelected(e) {
-    if (!e) return;
-    this._value = this._value.filter((s) => s !== e);
-    const t = this.findValueInOptions(e);
-    t ? (t.selected = !1, t.userAdded ? (this._options = [...this._options.filter((s) => s.value !== e)], this.options = [...this.options.filter((s) => s.value !== e)]) : this._options = [...this._options, t]) : !e && !this.multiple && (this._options = this._options.map((s) => (s.selected = !1, s)));
-  }
-  addAllOptions() {
-    if (this.multiple) {
-      if (this.maxlength && this._options.length > this.maxlength) {
-        this._userInfoMessage = "For mange valgt";
-        return;
-      }
-      this._value = this._options.map((e) => e.value), this._options = this._options.map((e) => (e.selected = !0, e)), this.requestUpdate();
-    }
-  }
-  removeAllSelected() {
-    this._value = [], this._options = this._options.map((e) => (e.selected = !1, e)), this._options = this._options.filter((e) => !e.userAdded), this.requestUpdate();
-  }
-  addValue() {
-    var t;
-    const e = ((t = this.inputRef.value) == null ? void 0 : t.value.trim()) || "";
-    this._search = e, this.toggleValue(e);
-  }
-  removeValue(e) {
-    this._value = this.multiple ? this._value.filter((t) => t !== e) : [], this.removeSelected(e);
-  }
-  addNewUserValue(e) {
-    if (!e || e.trim() === "") return;
-    if (!this.multiple)
-      this._value[0] && this.removeSelected(this._value[0]), this._value = [e], this._isOptionsOpen = !1, this.blurInput();
-    else if (!this.findValueInOptions(e)) {
-      if (this.isMaxItemsReached()) return;
-      this._value = [...this._value, e];
-    }
-    const t = { value: e, label: e, userAdded: !0 };
-    this.options = [t, ...this.options], this._options = [t, ...this._options], this.setSelected(e), this.requestUpdate();
-  }
-  resetComboboxInput(e = !0) {
-    if (this._addValueText = null, this.inputRef.value && this.inputRef.value.type !== "hidden" && e)
-      if (this._search = "", this.multiple)
-        this.inputRef.value.value = "";
-      else {
-        const t = this.findValueInOptions(this._value[0]);
-        window.setTimeout(() => {
-          !this.inputRef.value || this.inputRef.value.type === "hidden" || (this.inputRef.value.value = this.displayValueAs === "label" && (t != null && t.label) ? t.label : this._value[0] || "");
-        }, 0), this._userInfoMessage = "";
-      }
-    this._options = [...this.options];
-  }
-  removeLastValue(e) {
-    if (this._value.length === 0) return;
-    e.preventDefault();
-    const t = this._value[this._value.length - 1];
-    t && this.removeSelected(t), this.isMaxItemsReached();
-  }
-};
-h([
-  r({ type: String, reflect: !0 })
-], a.prototype, "value", 2);
-h([
-  r({ type: Array })
-], a.prototype, "options", 2);
-h([
-  r({ type: Boolean })
-], a.prototype, "allowUserInput", 2);
-h([
-  r({ type: Boolean })
-], a.prototype, "typeahead", 2);
-h([
-  r({ type: Boolean })
-], a.prototype, "includeSearch", 2);
-h([
-  r({ type: String })
-], a.prototype, "searchPlaceholder", 2);
-h([
-  r({ type: Boolean })
-], a.prototype, "multiple", 2);
-h([
-  r({ type: Number })
-], a.prototype, "maxlength", 2);
-h([
-  r({ type: String })
-], a.prototype, "displayValueAs", 2);
-h([
-  r({ type: String })
-], a.prototype, "tagPlacement", 2);
-h([
-  c()
-], a.prototype, "_options", 2);
-h([
-  c()
-], a.prototype, "_isOptionsOpen", 2);
-h([
-  c()
-], a.prototype, "_value", 2);
-h([
-  c()
-], a.prototype, "_userInfoMessage", 2);
-h([
-  c()
-], a.prototype, "_addValueText", 2);
-h([
-  c()
-], a.prototype, "_maxIsReached", 2);
-h([
-  c()
-], a.prototype, "_search", 2);
-h([
-  c()
-], a.prototype, "_inputFocus", 2);
-h([
-  c()
-], a.prototype, "_editingSingleValue", 2);
-a = h([
-  k("pkt-combobox")
-], a);
-export {
-  a as P
-};