@oslokommune/punkt-elements 16.7.0 → 16.7.3

package/dist/radiobutton-Bv-BZ1Hw.cjs

@@ -1,31 +0,0 @@
-"use strict";const t=require("./element-gR_VtSiD.cjs"),r=require("./state-Dg-53wQ8.cjs"),u=require("./input-element-DdVhUvva.cjs"),h=require("./ref-CL-Xk9Xm.cjs"),c=require("./class-map-CsENJXf1.cjs");var d=Object.defineProperty,k=Object.getOwnPropertyDescriptor,i=(p,e,n,a)=>{for(var s=a>1?void 0:a?k(e,n):e,o=p.length-1,l;o>=0;o--)(l=p[o])&&(s=(a?l(e,n,s):l(s))||s);return a&&s&&d(e,n,s),s};exports.PktRadioButton=class extends u.PktInputElement{constructor(){super(...arguments),this.inputRef=h.e(),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(e,n,a){e==="defaultChecked"&&(this._checked=this.defaultChecked),e==="checked"&&(this._checked=this.checked===""||this.checked==="true"||this.checked===!0),super.attributeChangedCallback(e,n,a)}render(){const e=c.e({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),n=c.e({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError}),a=c.e({"pkt-input-check__input-label":!0,"pkt-input-check__input-label--disabled":this.disabled,"pkt-sr-only":this.hideLabel}),s="pkt-tag pkt-tag--small pkt-tag--thin-text",o=()=>t.b`
-        ${this.tagText?t.b`<span class=${s+" pkt-tag--gray"}>${this.tagText}</span>`:t.A}
-        ${this.optionalTag?t.b`<span class=${s+" pkt-tag--blue-light"}>${this.optionalText}</span>`:t.A}
-        ${this.requiredTag?t.b`<span class=${s+" pkt-tag--beige"}>${this.requiredText}</span>`:t.A}
-      `,l=()=>t.b`
-        <label class=${a} for=${this.id+"-internal"}>
-          ${this.label} ${o()}
-          ${this.checkHelptext?t.b`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>`:t.A}
-        </label>
-      `;return t.b`
-      <div class="pkt-input-check">
-        <div class=${e}>
-          <input
-            id=${this.id+"-internal"}
-            class=${n}
-            type="radio"
-            role="radio"
-            ?disabled=${this.disabled}
-            form=""
-            name=${this.name+"-internal"}
-            ${h.n(this.inputRef)}
-            @change=${this.toggleChecked}
-            @input=${this.onInput}
-            @blur=${this.onBlur}
-            @focus=${this.onFocus}
-            ?checked=${this.checked}
-          />
-          ${l()}
-        </div>
-      </div>
-    `}toggleChecked(e=null){e&&e.preventDefault(),e&&e.stopImmediatePropagation(),this.touched=!0,this.inputRef.value&&(this._checked=this.inputRef.value.matches(":checked"),this.valueChecked(this._checked))}};i([t.n({type:String,reflect:!0})],exports.PktRadioButton.prototype,"value",2);i([t.n({type:String})],exports.PktRadioButton.prototype,"checkHelptext",2);i([t.n({type:Boolean})],exports.PktRadioButton.prototype,"defaultChecked",2);i([t.n({type:Boolean})],exports.PktRadioButton.prototype,"hasTile",2);i([t.n({type:Boolean,reflect:!0})],exports.PktRadioButton.prototype,"checked",2);i([t.n({type:String,reflect:!0})],exports.PktRadioButton.prototype,"type",2);i([t.n({type:String})],exports.PktRadioButton.prototype,"tagText",2);i([t.n({type:Boolean})],exports.PktRadioButton.prototype,"optionalTag",2);i([t.n({type:String})],exports.PktRadioButton.prototype,"optionalText",2);i([t.n({type:Boolean})],exports.PktRadioButton.prototype,"requiredTag",2);i([t.n({type:String})],exports.PktRadioButton.prototype,"requiredText",2);i([r.r()],exports.PktRadioButton.prototype,"_checked",2);exports.PktRadioButton=i([t.t("pkt-radiobutton")],exports.PktRadioButton);

package/dist/select-CXZt1nHS.js

@@ -1,228 +0,0 @@
-import { n as u, b as a, t as v } from "./element-CPpT3rFQ.js";
-import { e as f, n as _ } from "./ref-Bg_Swj5w.js";
-import { o as l } from "./if-defined-B0krMLad.js";
-import { r as $ } from "./state-C_1EOo3D.js";
-import { P as x } from "./input-element-8nLwuQS4.js";
-import { P as m } from "./pkt-options-controller-B5YalfCb.js";
-import { s as b } from "./element-with-slot-Dqk6-TRR.js";
-import "./input-wrapper-B2JpK016.js";
-var g = Object.defineProperty, d = (e, t, s, o) => {
-  for (var i = void 0, n = e.length - 1, p; n >= 0; n--)
-    (p = e[n]) && (i = p(t, s, i) || i);
-  return i && g(t, s, i), i;
-};
-class h extends x {
-  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((s) => s.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 o, i;
-    const t = this._optionsProp.length > 0, s = ((i = (o = this.optionsController) == null ? void 0 : o.nodes) == null ? void 0 : i.length) && this.optionsController.nodes.length > 0;
-    t ? this._options = this._optionsProp : s && (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();
-  }
-}
-d([
-  u({ type: Array, attribute: "options" })
-], h.prototype, "_optionsProp");
-d([
-  $()
-], h.prototype, "_options");
-var O = Object.defineProperty, P = Object.getOwnPropertyDescriptor, c = (e, t, s, o) => {
-  for (var i = o > 1 ? void 0 : o ? P(t, s) : t, n = e.length - 1, p; n >= 0; n--)
-    (p = e[n]) && (i = (o ? p(t, s, i) : p(i)) || i);
-  return o && i && O(t, s, i), i;
-};
-let r = class extends h {
-  constructor() {
-    super(), this.inputRef = f(), this.value = "", this.selectedIndex = -1, this.selectedOptions = void 0, this.optionsController = new m(this);
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.parseOptions(), this._options.forEach((e) => {
-      e.selected && !this.value && (this.value = e.value);
-    });
-  }
-  // Support native Select method `add`
-  add(e, t) {
-    const s = {
-      value: e.value || e.text,
-      label: e.text || e.value,
-      selected: e.selected,
-      disabled: e.disabled
-    };
-    if (t === void 0)
-      this._options.push(s);
-    else if (typeof t == "number")
-      this._options.splice(t, 0, s);
-    else {
-      const o = t.value || t.text, i = this._options.findIndex((n) => n.value === o);
-      i >= 0 ? this._options.splice(i, 0, s) : this._options.push(s);
-    }
-    e.selected && (this.value = e.value || e.text, this.selectedIndex = this._options.findIndex((o) => o.value === this.value)), this.requestUpdate();
-  }
-  // Support native Select method `remove`
-  remove(e) {
-    var t;
-    typeof e == "number" && (this.selectedIndex === e && (this.value = ((t = this._options[0]) == null ? void 0 : t.value) || ""), this._options.splice(e, 1), this.requestUpdate());
-  }
-  // Support native Select method `item`
-  item(e) {
-    var t;
-    return (t = this.inputRef.value) == null ? void 0 : t.item(e);
-  }
-  // Support native Select method `namedItem`
-  namedItem(e) {
-    var t;
-    return (t = this.inputRef.value) == null ? void 0 : t.namedItem(e);
-  }
-  // Support native Select method `showPicker`
-  showPicker() {
-    this.inputRef.value && "showPicker" in this.inputRef.value && this.inputRef.value.showPicker();
-  }
-  attributeChangedCallback(e, t, s) {
-    var o, i;
-    e === "options" && (this._options = s ? JSON.parse(s) : []), e === "value" && this.value !== t && (this.selectedIndex = this.touched ? this.returnNumberOrNull((o = this.inputRef.value) == null ? void 0 : o.selectedIndex) : this._options.findIndex((n) => n.value === s), this.selectedOptions = (i = this.inputRef.value) == null ? void 0 : i.selectedOptions, this.valueChanged(s, t)), super.attributeChangedCallback(e, t, s);
-  }
-  update(e) {
-    var t, s;
-    super.update(e), e.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)), e.has("value") && this.value !== e.get("value") && (this.selectedIndex = this.touched ? this.returnNumberOrNull((t = this.inputRef.value) == null ? void 0 : t.selectedIndex) : this._options.findIndex((o) => o.value === this.value), this.selectedOptions = (s = this.inputRef.value) == null ? void 0 : s.selectedOptions, this.valueChanged(this.value, e.get("value"))), e.has("id") && !this.name && this.id && (this.name = this.id);
-  }
-  firstUpdated(e) {
-    var t;
-    super.firstUpdated(e), 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((s) => s.value === this.value), this.selectedOptions = (t = this.inputRef.value) == null ? void 0 : t.selectedOptions;
-  }
-  render() {
-    const e = `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=${l(this.ariaDescribedBy)}
-        class="pkt-select"
-        errorMessage=${l(this.errorMessage)}
-        forId=${this.id + "-input"}
-        helptext=${l(this.helptext)}
-        helptextDropdown=${l(this.helptextDropdown)}
-        helptextDropdownButton=${l(this.helptextDropdownButton)}
-        label=${l(this.label)}
-        optionalText=${l(this.optionalText)}
-        requiredText=${l(this.requiredText)}
-        tagText=${l(this.tagText)}
-      >
-        <select
-          class=${e}
-          aria-invalid=${this.hasError}
-          aria-errormessage=${`${this.id}-error`}
-          aria-labelledby=${l(this.ariaLabelledby)}
-          ?disabled=${this.disabled}
-          id=${this.id + "-input"}
-          name=${(this.name || this.id) + "-input"}
-          value=${this.value}
-          @change=${(t) => {
-      this.touched = !0, this.value = t.target.value, t.stopImmediatePropagation();
-    }}
-          @input=${(t) => {
-      this.onInput(), t.stopImmediatePropagation();
-    }}
-          @focus=${(t) => {
-      this.onFocus(), t.stopImmediatePropagation();
-    }}
-          @blur=${(t) => {
-      this.onBlur(), t.stopImmediatePropagation();
-    }}
-          ${_(this.inputRef)}
-        >
-          ${this._options.length > 0 ? this._options.map(
-      (t) => a`<option
-                    value=${t.value}
-                    ?selected=${this.value == t.value || t.selected}
-                    ?disabled=${t.disabled}
-                    ?hidden=${t.hidden}
-                  >
-                    ${t.label}
-                  </option>`
-    ) : ""}
-        </select>
-        <div class="pkt-contents" slot="helptext">${b(this, "helptext")}</div>
-      </pkt-input-wrapper>
-    `;
-  }
-  returnNumberOrNull(e) {
-    return e == null || isNaN(e) ? null : e;
-  }
-};
-c([
-  u({ type: String })
-], r.prototype, "value", 2);
-r = c([
-  v("pkt-select")
-], r);
-export {
-  r as P
-};

package/dist/select-WFhS4Vfp.cjs

@@ -1,49 +0,0 @@
-"use strict";const p=require("./element-gR_VtSiD.cjs"),a=require("./ref-CL-Xk9Xm.cjs"),l=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-B0MkQ0IZ.cjs");var $=Object.defineProperty,u=(r,t,e,i)=>{for(var s=void 0,o=r.length-1,n;o>=0;o--)(n=r[o])&&(s=n(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()}}u([p.n({type:Array,attribute:"options"})],h.prototype,"_optionsProp");u([c.r()],h.prototype,"_options");var x=Object.defineProperty,b=Object.getOwnPropertyDescriptor,d=(r,t,e,i)=>{for(var s=i>1?void 0:i?b(t,e):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&x(t,e,s),s};exports.PktSelect=class extends h{constructor(){super(),this.inputRef=a.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(n=>n.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(n=>n.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=${l.o(this.ariaDescribedBy)}
-        class="pkt-select"
-        errorMessage=${l.o(this.errorMessage)}
-        forId=${this.id+"-input"}
-        helptext=${l.o(this.helptext)}
-        helptextDropdown=${l.o(this.helptextDropdown)}
-        helptextDropdownButton=${l.o(this.helptextDropdownButton)}
-        label=${l.o(this.label)}
-        optionalText=${l.o(this.optionalText)}
-        requiredText=${l.o(this.requiredText)}
-        tagText=${l.o(this.tagText)}
-      >
-        <select
-          class=${t}
-          aria-invalid=${this.hasError}
-          aria-errormessage=${`${this.id}-error`}
-          aria-labelledby=${l.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()}}
-          ${a.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}};d([p.n({type:String})],exports.PktSelect.prototype,"value",2);exports.PktSelect=d([p.t("pkt-select")],exports.PktSelect);

package/dist/tabitem-CB8wkKmv.js

@@ -1,332 +0,0 @@
-import { P as k, s as $ } from "./element-with-slot-Dqk6-TRR.js";
-import { b as p, n as h, t as y } from "./element-CPpT3rFQ.js";
-import { r as f } from "./state-C_1EOo3D.js";
-import { e as _, n as w } from "./ref-Bg_Swj5w.js";
-import { o as u } from "./if-defined-B0krMLad.js";
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-let C = class extends Event {
-  constructor(t, s, i, e) {
-    super("context-request", { bubbles: !0, composed: !0 }), this.context = t, this.contextTarget = s, this.callback = i, this.subscribe = e ?? !1;
-  }
-};
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-let m = class {
-  constructor(t, s, i, e) {
-    if (this.subscribe = !1, this.provided = !1, this.value = void 0, this.t = (n, r) => {
-      this.unsubscribe && (this.unsubscribe !== r && (this.provided = !1, this.unsubscribe()), this.subscribe || this.unsubscribe()), this.value = n, this.host.requestUpdate(), this.provided && !this.subscribe || (this.provided = !0, this.callback && this.callback(n, r)), this.unsubscribe = r;
-    }, this.host = t, s.context !== void 0) {
-      const n = s;
-      this.context = n.context, this.callback = n.callback, this.subscribe = n.subscribe ?? !1;
-    } else this.context = s, this.callback = i, this.subscribe = e ?? !1;
-    this.host.addController(this);
-  }
-  hostConnected() {
-    this.dispatchRequest();
-  }
-  hostDisconnected() {
-    this.unsubscribe && (this.unsubscribe(), this.unsubscribe = void 0);
-  }
-  dispatchRequest() {
-    this.host.dispatchEvent(new C(this.context, this.host, this.t, this.subscribe));
-  }
-};
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-class N {
-  get value() {
-    return this.o;
-  }
-  set value(t) {
-    this.setValue(t);
-  }
-  setValue(t, s = !1) {
-    const i = s || !Object.is(t, this.o);
-    this.o = t, i && this.updateObservers();
-  }
-  constructor(t) {
-    this.subscriptions = /* @__PURE__ */ new Map(), this.updateObservers = () => {
-      for (const [s, { disposer: i }] of this.subscriptions) s(this.o, i);
-    }, t !== void 0 && (this.value = t);
-  }
-  addCallback(t, s, i) {
-    if (!i) return void t(this.value);
-    this.subscriptions.has(t) || this.subscriptions.set(t, { disposer: () => {
-      this.subscriptions.delete(t);
-    }, consumerHost: s });
-    const { disposer: e } = this.subscriptions.get(t);
-    t(this.value, e);
-  }
-  clearCallbacks() {
-    this.subscriptions.clear();
-  }
-}
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-let R = class extends Event {
-  constructor(t, s) {
-    super("context-provider", { bubbles: !0, composed: !0 }), this.context = t, this.contextTarget = s;
-  }
-};
-class g extends N {
-  constructor(t, s, i) {
-    var e, n;
-    super(s.context !== void 0 ? s.initialValue : i), this.onContextRequest = (r) => {
-      if (r.context !== this.context) return;
-      const a = r.contextTarget ?? r.composedPath()[0];
-      a !== this.host && (r.stopPropagation(), this.addCallback(r.callback, a, r.subscribe));
-    }, this.onProviderRequest = (r) => {
-      if (r.context !== this.context || (r.contextTarget ?? r.composedPath()[0]) === this.host) return;
-      const a = /* @__PURE__ */ new Set();
-      for (const [v, { consumerHost: x }] of this.subscriptions) a.has(v) || (a.add(v), x.dispatchEvent(new C(this.context, x, v, !0)));
-      r.stopPropagation();
-    }, this.host = t, s.context !== void 0 ? this.context = s.context : this.context = s, this.attachListeners(), (n = (e = this.host).addController) == null || n.call(e, this);
-  }
-  attachListeners() {
-    this.host.addEventListener("context-request", this.onContextRequest), this.host.addEventListener("context-provider", this.onProviderRequest);
-  }
-  hostConnected() {
-    this.host.dispatchEvent(new R(this.context, this.host));
-  }
-}
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-function A({ context: o }) {
-  return (t, s) => {
-    const i = /* @__PURE__ */ new WeakMap();
-    if (typeof s == "object") return { get() {
-      return t.get.call(this);
-    }, set(e) {
-      return i.get(this).setValue(e), t.set.call(this, e);
-    }, init(e) {
-      return i.set(this, new g(this, { context: o, initialValue: e })), e;
-    } };
-    {
-      t.constructor.addInitializer(((r) => {
-        i.set(r, new g(r, { context: o }));
-      }));
-      const e = Object.getOwnPropertyDescriptor(t, s);
-      let n;
-      if (e === void 0) {
-        const r = /* @__PURE__ */ new WeakMap();
-        n = { get() {
-          return r.get(this);
-        }, set(a) {
-          i.get(this).setValue(a), r.set(this, a);
-        }, configurable: !0, enumerable: !0 };
-      } else {
-        const r = e.set;
-        n = { ...e, set(a) {
-          i.get(this).setValue(a), r == null || r.call(this, a);
-        } };
-      }
-      return void Object.defineProperty(t, s, n);
-    }
-  };
-}
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-function O({ context: o, subscribe: t }) {
-  return (s, i) => {
-    typeof i == "object" ? i.addInitializer((function() {
-      new m(this, { context: o, callback: (e) => {
-        s.set.call(this, e);
-      }, subscribe: t });
-    })) : s.constructor.addInitializer(((e) => {
-      new m(e, { context: o, callback: (n) => {
-        e[i] = n;
-      }, subscribe: t });
-    }));
-  };
-}
-const P = Symbol("pkt-tabs-context");
-var S = Object.defineProperty, T = Object.getOwnPropertyDescriptor, d = (o, t, s, i) => {
-  for (var e = i > 1 ? void 0 : i ? T(t, s) : t, n = o.length - 1, r; n >= 0; n--)
-    (r = o[n]) && (e = (i ? r(t, s, e) : r(e)) || e);
-  return i && e && S(t, s, e), e;
-};
-let b = class extends k {
-  constructor() {
-    super(...arguments), this.arrowNav = !0, this.disableArrowNav = !1, this.tabRefs = [], this.tabCount = 0, this.context = {
-      useArrowNav: this.useArrowNav,
-      registerTab: this.registerTab.bind(this),
-      handleClick: this.handleClick.bind(this),
-      handleKeyUp: this.handleKeyUp.bind(this)
-    };
-  }
-  get useArrowNav() {
-    return this.arrowNav && !this.disableArrowNav;
-  }
-  // Update context when properties change
-  updated(o) {
-    (o.has("arrowNav") || o.has("disableArrowNav")) && (this.context = {
-      ...this.context,
-      useArrowNav: this.useArrowNav
-    });
-  }
-  registerTab(o, t) {
-    this.tabRefs[t] = o, this.tabCount = Math.max(this.tabCount, t + 1);
-  }
-  handleClick(o) {
-    this.dispatchEvent(
-      new CustomEvent("tab-selected", {
-        detail: { index: o },
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  handleKeyUp(o, t) {
-    var s, i;
-    this.useArrowNav && (o.code === "ArrowLeft" && t !== 0 && ((s = this.tabRefs[t - 1]) == null || s.focus()), o.code === "ArrowRight" && t < this.tabCount - 1 && ((i = this.tabRefs[t + 1]) == null || i.focus()), (o.code === "ArrowDown" || o.code === "Space") && this.dispatchEvent(
-      new CustomEvent("tab-selected", {
-        detail: { index: t },
-        bubbles: !0,
-        composed: !0
-      })
-    ));
-  }
-  render() {
-    const o = this.useArrowNav ? "tablist" : "navigation";
-    return p`
-      <div class="pkt-tabs">
-        <div class="pkt-tabs__list" role=${o}>${$(this)}</div>
-      </div>
-    `;
-  }
-};
-d([
-  h({ type: Boolean, reflect: !0, attribute: "arrow-nav" })
-], b.prototype, "arrowNav", 2);
-d([
-  h({ type: Boolean, reflect: !0, attribute: "disable-arrow-nav" })
-], b.prototype, "disableArrowNav", 2);
-d([
-  f()
-], b.prototype, "tabRefs", 2);
-d([
-  f()
-], b.prototype, "tabCount", 2);
-d([
-  A({ context: P }),
-  f()
-], b.prototype, "context", 2);
-b = d([
-  y("pkt-tabs")
-], b);
-const M = b;
-var j = Object.defineProperty, q = Object.getOwnPropertyDescriptor, l = (o, t, s, i) => {
-  for (var e = i > 1 ? void 0 : i ? q(t, s) : t, n = o.length - 1, r; n >= 0; n--)
-    (r = o[n]) && (e = (i ? r(t, s, e) : r(e)) || e);
-  return i && e && j(t, s, e), e;
-};
-let c = class extends k {
-  constructor() {
-    super(), this.active = !1, this.href = "", this.icon = "", this.controls = "", this.tag = "", this.tagSkin = "blue", this.index = 0, this.elementRef = _();
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.updateComplete.then(() => {
-      this.elementRef.value && this.context && this.context.registerTab(this.elementRef.value, this.index);
-    });
-  }
-  handleClick() {
-    this.context && this.context.handleClick(this.index);
-  }
-  handleKeyUp(o) {
-    this.context && this.context.handleKeyUp(o, this.index);
-  }
-  render() {
-    var r;
-    const o = ((r = this.context) == null ? void 0 : r.useArrowNav) ?? !0, t = this.active ? "active" : "", s = o ? "tab" : void 0, i = o ? this.active : void 0, e = this.active || !o ? void 0 : -1, n = p`
-      ${this.icon ? p`<pkt-icon name=${this.icon} class="pkt-icon--small"></pkt-icon>` : ""}
-      <span>${$(this)}</span>
-      ${this.tag ? p`<pkt-tag skin=${this.tagSkin} size="small">${this.tag}</pkt-tag>` : ""}
-    `;
-    return this.href ? p`
-        <a
-          ${w(this.elementRef)}
-          href=${this.href}
-          class="pkt-tabs__link ${t}"
-          role=${u(s)}
-          aria-selected=${u(i)}
-          aria-controls=${u(this.controls || void 0)}
-          tabindex=${u(e)}
-          @click=${this.handleClick}
-          @keyup=${this.handleKeyUp}
-        >
-          ${n}
-        </a>
-      ` : p`
-      <button
-        ${w(this.elementRef)}
-        type="button"
-        class="pkt-tabs__button pkt-link-button ${t}"
-        role=${u(s)}
-        aria-selected=${u(i)}
-        aria-controls=${u(this.controls || void 0)}
-        tabindex=${u(e)}
-        @click=${this.handleClick}
-        @keyup=${this.handleKeyUp}
-      >
-        ${n}
-      </button>
-    `;
-  }
-};
-l([
-  h({ type: Boolean, reflect: !0 })
-], c.prototype, "active", 2);
-l([
-  h({ type: String, reflect: !0 })
-], c.prototype, "href", 2);
-l([
-  h({ type: String, reflect: !0 })
-], c.prototype, "icon", 2);
-l([
-  h({ type: String, reflect: !0 })
-], c.prototype, "controls", 2);
-l([
-  h({ type: String, reflect: !0 })
-], c.prototype, "tag", 2);
-l([
-  h({ type: String, reflect: !0, attribute: "tag-skin" })
-], c.prototype, "tagSkin", 2);
-l([
-  h({ type: Number, reflect: !0 })
-], c.prototype, "index", 2);
-l([
-  O({ context: P, subscribe: !0 }),
-  h({ attribute: !1 })
-], c.prototype, "context", 2);
-c = l([
-  y("pkt-tab-item")
-], c);
-const B = c;
-export {
-  B as P,
-  M as a
-};