@oslokommune/punkt-elements 12.42.7 → 12.42.9

package/dist/button-KzBZ-Bff.cjs

@@ -1,19 +0,0 @@
-"use strict";const t=require("./element-90YeMNbV.cjs"),h=require("./pkt-slot-controller-Da-RgXfS.cjs"),u=require("./class-map-DWDPOqjO.cjs"),a=require("./if-defined-C8eotHpL.cjs"),d=require("./ref-B-w1vCo8.cjs");var c=Object.defineProperty,k=Object.getOwnPropertyDescriptor,i=(r,n,o,e)=>{for(var s=e>1?void 0:e?k(n,o):n,p=r.length-1,l;p>=0;p--)(l=r[p])&&(s=(e?l(n,o,s):l(s))||s);return e&&s&&c(n,o,s),s};window.pktAnimationPath=window.pktAnimationPath||"https://punkt-cdn.oslo.kommune.no/latest/animations/";exports.PktButton=class extends t.PktElement{constructor(){super(),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.form=void 0,this.isLoading=!1,this.disabled=!1,this.loadingAnimationPath=window.pktAnimationPath,this.slotController=new h.PktSlotController(this,this.defaultSlot)}attributeChangedCallback(n,o,e){super.attributeChangedCallback(n,o,e),n==="disabled"&&e==="false"&&(this.disabled=!1),(n==="isloading"||n==="isLoading")&&e==="false"&&(this.isLoading=!1)}firstUpdated(n){super.firstUpdated(n),this.disabled==="false"&&(this.disabled=!1),this.isLoading==="false"&&(this.isLoading=!1)}render(){const n=this.form??this.getAttribute("form")??void 0,o={"pkt-btn":!0,[`pkt-btn--${this.size}`]:!!this.size,[`pkt-btn--${this.skin}`]:!!this.skin,[`pkt-btn--${this.variant}`]:!!this.variant,[`pkt-btn--${this.color}`]:!!this.color,[`pkt-btn--${this.state}`]:!!this.state,"pkt-btn--disabled":!!this.disabled,"pkt-btn--isLoading":!!this.isLoading};return t.x`
-      <button
-        class=${u.e(o)}
-        type=${this.type}
-        ?disabled=${!!this.disabled}
-        aria-busy=${a.o(this.isLoading?"true":void 0)}
-        aria-disabled=${a.o(this.disabled?"true":void 0)}
-        form=${a.o(n)}
-      >
-        ${this.isLoading?t.x`<pkt-icon
-              class="pkt-btn__icon pkt-btn__spinner"
-              name="spinner-blue"
-              path=${a.o(this.loadingAnimationPath)}
-            ></pkt-icon>`:t.E}
-        ${this.variant!=="label-only"?t.x`<pkt-icon class="pkt-btn__icon pkt-icon" name=${this.iconName}></pkt-icon>`:t.E}
-        <span class="pkt-btn__text" ${d.n(this.defaultSlot)}></span>
-        ${this.variant==="icons-right-and-left"?t.x`<pkt-icon class="pkt-btn__icon" name=${this.secondIconName}></pkt-icon>`:t.E}
-      </button>
-    `}};i([t.n({type:String})],exports.PktButton.prototype,"iconName",2);i([t.n({type:String})],exports.PktButton.prototype,"secondIconName",2);i([t.n({type:String})],exports.PktButton.prototype,"mode",2);i([t.n({type:String})],exports.PktButton.prototype,"size",2);i([t.n({type:String})],exports.PktButton.prototype,"color",2);i([t.n({type:String})],exports.PktButton.prototype,"skin",2);i([t.n({type:String})],exports.PktButton.prototype,"variant",2);i([t.n({type:String,reflect:!0})],exports.PktButton.prototype,"state",2);i([t.n({type:String})],exports.PktButton.prototype,"type",2);i([t.n({type:String})],exports.PktButton.prototype,"form",2);i([t.n({type:Boolean,reflect:!0})],exports.PktButton.prototype,"isLoading",2);i([t.n({type:Boolean,reflect:!0})],exports.PktButton.prototype,"disabled",2);i([t.n({type:String})],exports.PktButton.prototype,"loadingAnimationPath",2);exports.PktButton=i([t.t("pkt-button")],exports.PktButton);

package/dist/helptext-AqNI_oFG.cjs

@@ -1,24 +0,0 @@
-"use strict";const e=require("./element-90YeMNbV.cjs"),x=require("./ref-B-w1vCo8.cjs"),h=require("./icon-B1_BRNqf.cjs"),u=require("./class-map-DWDPOqjO.cjs"),c=require("./state-D-Recv7U.cjs"),a=require("./stringutils-CkVRq4jP.cjs"),d=require("./input-wrapper-EoSAbU-U.cjs"),k=require("./pkt-slot-controller-Da-RgXfS.cjs");var _=Object.defineProperty,w=Object.getOwnPropertyDescriptor,r=(s,p,l,n)=>{for(var t=n>1?void 0:n?w(p,l):p,o=s.length-1,i;o>=0;o--)(i=s[o])&&(t=(n?i(p,l,t):i(t))||t);return n&&t&&_(p,l,t),t};exports.PktHelptext=class extends e.PktElement{constructor(){super(),this.defaultSlot=x.e(),this.forId=a.uuidish(),this.helptext="",this.helptextDropdown="",this.helptextDropdownButton=d.specs.props.helptextDropdownButton.default,this.isHelpTextOpen=!1,this.slotController=new k.PktSlotController(this,this.defaultSlot)}render(){const p=()=>{const t=!this.isHelpTextOpen;this.isHelpTextOpen=t,this.dispatchEvent(new CustomEvent("toggleHelpText",{bubbles:!0,detail:{isOpen:t}}))},l=()=>this.helptextDropdown?e.x`<div class="pkt-inputwrapper__helptext-expandable">
-          <button
-            class="pkt-link pkt-link--icon-right pkt-btn pkt-btn--small pkt-btn--tertiary pkt-btn--icon-right"
-            type="button"
-            @click=${p}
-          >
-            <pkt-icon
-              class="pkt-btn__icon"
-              name="${this.isHelpTextOpen?"chevron-thin-up":"chevron-thin-down"}"
-            ></pkt-icon>
-            <span class="pkt-btn__text">${h.o(this.helptextDropdownButton)}</span>
-          </button>
-          <div
-            class="${u.e({"pkt-inputwrapper__helptext":!0,"pkt-inputwrapper__helptext-expandable-open":this.isHelpTextOpen,"pkt-inputwrapper__helptext-expandable-closed":!this.isHelpTextOpen})}"
-          >
-            ${h.o(this.helptextDropdown)}
-          </div>
-        </div>`:e.E,n=()=>e.x`<div class="pkt-inputwrapper__helptext-container">
-        <div class="pkt-inputwrapper__helptext" id="${this.forId}-helptext">
-          <div class="pkt-contents" ${x.n(this.defaultSlot)} name="helptext"></div>
-          ${this.helptext&&h.o(this.helptext)}
-        </div>
-        ${l()}
-      </div>`;return e.x`${n()}`}};r([e.n({type:String,reflect:!0})],exports.PktHelptext.prototype,"forId",2);r([e.n({type:String})],exports.PktHelptext.prototype,"helptext",2);r([e.n({type:String})],exports.PktHelptext.prototype,"helptextDropdown",2);r([e.n({type:String})],exports.PktHelptext.prototype,"helptextDropdownButton",2);r([c.r()],exports.PktHelptext.prototype,"isHelpTextOpen",2);exports.PktHelptext=r([e.t("pkt-helptext")],exports.PktHelptext);

package/dist/helptext-DBearL3P.js

@@ -1,78 +0,0 @@
-import { P as d, x as a, E as u, n as i, a as c } from "./element-gAd63VwC.js";
-import { e as f, n as m } from "./ref-DnSbnXsj.js";
-import { o as x } from "./icon-CO1TLSs5.js";
-import { e as _ } from "./class-map-m7ZCZ49w.js";
-import { r as w } from "./state-BxrO4zNJ.js";
-import { u as v } from "./stringutils-DJjRa8dG.js";
-import { s as k } from "./input-wrapper-8iKEzDRZ.js";
-import { P as b } from "./pkt-slot-controller-DtDaD9q_.js";
-var D = Object.defineProperty, O = Object.getOwnPropertyDescriptor, n = (r, o, s, t) => {
-  for (var e = t > 1 ? void 0 : t ? O(o, s) : o, l = r.length - 1, h; l >= 0; l--)
-    (h = r[l]) && (e = (t ? h(o, s, e) : h(e)) || e);
-  return t && e && D(o, s, e), e;
-};
-let p = class extends d {
-  constructor() {
-    super(), this.defaultSlot = f(), this.forId = v(), this.helptext = "", this.helptextDropdown = "", this.helptextDropdownButton = k.props.helptextDropdownButton.default, this.isHelpTextOpen = !1, this.slotController = new b(this, this.defaultSlot);
-  }
-  render() {
-    const r = () => {
-      const t = !this.isHelpTextOpen;
-      this.isHelpTextOpen = t, this.dispatchEvent(
-        new CustomEvent("toggleHelpText", {
-          bubbles: !0,
-          detail: { isOpen: t }
-        })
-      );
-    }, o = () => this.helptextDropdown ? a`<div class="pkt-inputwrapper__helptext-expandable">
-          <button
-            class="pkt-link pkt-link--icon-right pkt-btn pkt-btn--small pkt-btn--tertiary pkt-btn--icon-right"
-            type="button"
-            @click=${r}
-          >
-            <pkt-icon
-              class="pkt-btn__icon"
-              name="${this.isHelpTextOpen ? "chevron-thin-up" : "chevron-thin-down"}"
-            ></pkt-icon>
-            <span class="pkt-btn__text">${x(this.helptextDropdownButton)}</span>
-          </button>
-          <div
-            class="${_({
-      "pkt-inputwrapper__helptext": !0,
-      "pkt-inputwrapper__helptext-expandable-open": this.isHelpTextOpen,
-      "pkt-inputwrapper__helptext-expandable-closed": !this.isHelpTextOpen
-    })}"
-          >
-            ${x(this.helptextDropdown)}
-          </div>
-        </div>` : u;
-    return a`${a`<div class="pkt-inputwrapper__helptext-container">
-        <div class="pkt-inputwrapper__helptext" id="${this.forId}-helptext">
-          <div class="pkt-contents" ${m(this.defaultSlot)} name="helptext"></div>
-          ${this.helptext && x(this.helptext)}
-        </div>
-        ${o()}
-      </div>`}`;
-  }
-};
-n([
-  i({ type: String, reflect: !0 })
-], p.prototype, "forId", 2);
-n([
-  i({ type: String })
-], p.prototype, "helptext", 2);
-n([
-  i({ type: String })
-], p.prototype, "helptextDropdown", 2);
-n([
-  i({ type: String })
-], p.prototype, "helptextDropdownButton", 2);
-n([
-  w()
-], p.prototype, "isHelpTextOpen", 2);
-p = n([
-  c("pkt-helptext")
-], p);
-export {
-  p as P
-};

package/dist/input-wrapper-Uw7_cZ4w.cjs

@@ -1,53 +0,0 @@
-"use strict";const t=require("./element-90YeMNbV.cjs"),x=require("./pkt-slot-controller-Da-RgXfS.cjs"),u=require("./ref-B-w1vCo8.cjs"),g=require("./if-defined-C8eotHpL.cjs"),y=require("./icon-B1_BRNqf.cjs"),c=require("./class-map-DWDPOqjO.cjs"),$=require("./state-D-Recv7U.cjs"),I=require("./stringutils-CkVRq4jP.cjs"),s=require("./input-wrapper-EoSAbU-U.cjs");require("./helptext-AqNI_oFG.cjs");var P=Object.defineProperty,W=Object.getOwnPropertyDescriptor,e=(p,r,n,i)=>{for(var o=i>1?void 0:i?W(r,n):r,l=p.length-1,a;l>=0;l--)(a=p[l])&&(o=(i?a(r,n,o):a(o))||o);return i&&o&&P(r,n,o),o};const E={fromAttribute(p){return p==null?!1:p===""||p==="true"||p===!0?!0:p==="false"||p===!1?!1:!!p},toAttribute(p){return p?"true":"false"}};exports.PktInputWrapper=class extends t.PktElement{constructor(){super(),this.defaultSlot=u.e(),this.helptextSlot=u.e(),this.hasHelptextSlot=!0,this.forId=I.uuidish(),this.label="",this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=s.specs.props.counter.default,this.counterCurrent=0,this.counterMaxLength=0,this.counterError=null,this.counterPosition="bottom",this.optionalTag=s.specs.props.optionalTag.default,this.optionalText=s.specs.props.optionalText.default,this.requiredTag=s.specs.props.requiredTag.default,this.requiredText=s.specs.props.requiredText.default,this.hasError=s.specs.props.hasError.default,this.errorMessage="",this.disabled=s.specs.props.disabled.default,this.inline=s.specs.props.inline.default,this.ariaDescribedby=void 0,this.hasFieldset=s.specs.props.hasFieldset.default,this.role="group",this.useWrapper=s.specs.props.useWrapper.default,this.slotController=new x.PktSlotController(this,this.defaultSlot,this.helptextSlot)}updateSlots(r){this.hasHelptextSlot=r.has("helptext"),this.requestUpdate()}updated(r){super.updated(r)}render(){const r={"pkt-inputwrapper":!0,"pkt-inputwrapper--error":this.hasError,"pkt-inputwrapper--disabled":this.disabled,"pkt-inputwrapper--inline":this.inline},n={"pkt-tag":!0,"pkt-tag--small":!0,"pkt-tag--thin-text":!0,"pkt-tag--blue-light":this.optionalTag,"pkt-tag--beige":!this.optionalTag&&this.requiredTag},i=this.ariaDescribedby?this.ariaDescribedby:this.helptext?`${this.forId}-helptext`:t.E,o=()=>this.optionalTag||this.requiredTag?t.x`<span class=${c.e(n)}
-          >${this.optionalTag?this.optionalText:this.requiredTag?this.requiredText:t.E}</span
-        >`:t.E,l=()=>this.useWrapper?this.hasFieldset?t.x`<legend
-            class="pkt-inputwrapper__legend"
-            id="${this.forId}-label"
-            @click=${this.handleLabelClick}
-          >
-            ${this.label} ${o()}
-          </legend>`:t.x`<label
-            class="pkt-inputwrapper__label"
-            for="${this.forId}"
-            aria-describedby="${i}"
-            id="${this.forId}-label"
-            @click=${this.handleLabelClick}
-            >${this.label}${o()}</label
-          >`:t.x`<label
-          for="${this.forId}"
-          class="pkt-sr-only"
-          aria-describedby="${i}"
-          id="${this.forId}-label"
-        >
-          ${this.label}
-        </label>`,a=()=>!this.helptext&&!this.hasHelptextSlot&&!this.helptextDropdown?t.E:t.x`
-        <pkt-helptext
-          class="${g.o(this.useWrapper?void 0:"pkt-hide")}"
-          .forId=${this.forId}
-          .helptext=${this.helptext}
-          .helptextDropdown=${this.helptextDropdown}
-          .helptextDropdownButton=${this.helptextDropdownButton||s.specs.props.helptextDropdownButton.default}
-          @toggleHelpText=${b=>{this.toggleDropdown(b)}}
-          ${u.n(this.helptextSlot)}
-          name="helptext"
-        ></pkt-helptext>
-      `,h=()=>this.counter?t.x`<div class="pkt-input__counter" aria-live="polite" aria-atomic="true">
-          ${this.counterError?this.counterError:t.E} ${this.counterCurrent||0}
-          ${this.counterMaxLength?`/${this.counterMaxLength}`:t.E}
-        </div>`:t.E,f=()=>this.hasError&&this.errorMessage?t.x`<div
-          role="alert"
-          class="pkt-alert pkt-alert--error pkt-alert--compact"
-          aria-live="assertive"
-          aria-atomic="true"
-          id="${this.forId}-error"
-        >
-          <pkt-icon name="alert-error" class="pkt-alert__icon"></pkt-icon>
-          <div class="pkt-alert__text">${y.o(this.errorMessage)}</div>
-        </div>`:t.E,d=()=>t.x`
-        ${l()} ${a()}
-        ${this.counterPosition==="top"?h():t.E}
-        <div class="pkt-contents" ${u.n(this.defaultSlot)}></div>
-        ${this.counterPosition==="bottom"?h():t.E} ${f()}
-      `,k=()=>this.hasFieldset?t.x`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${i}">
-            ${d()}
-          </fieldset>`:t.x`<div class="pkt-inputwrapper__fieldset">${d()}</div>`;return t.x`<div class=${c.e(r)}>${k()}</div> `}toggleDropdown(r){this.dispatchEvent(new CustomEvent("toggleHelpText",{bubbles:!1,detail:{isOpen:r.detail.isOpen}}))}handleLabelClick(r){this.disabled&&(r.preventDefault(),r.stopImmediatePropagation()),this.dispatchEvent(new CustomEvent("labelClick",{bubbles:!0,composed:!0,detail:"label clicked"}))}};e([$.r()],exports.PktInputWrapper.prototype,"hasHelptextSlot",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"forId",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"label",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptext",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdown",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdownButton",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"counter",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterCurrent",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterMaxLength",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"counterError",2);e([t.n({type:String,reflect:!1})],exports.PktInputWrapper.prototype,"counterPosition",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"optionalTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"optionalText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"requiredTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"requiredText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasError",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"errorMessage",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"disabled",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"inline",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"ariaDescribedby",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasFieldset",2);e([t.n({type:String,reflect:!0})],exports.PktInputWrapper.prototype,"role",2);e([t.n({type:Boolean,reflect:!0,converter:E})],exports.PktInputWrapper.prototype,"useWrapper",2);exports.PktInputWrapper=e([t.t("pkt-input-wrapper")],exports.PktInputWrapper);

package/dist/pkt-options-controller-C_Yl_3P6.js

@@ -1,39 +0,0 @@
-import { i as o } from "./pkt-slot-controller-DtDaD9q_.js";
-class d {
-  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));
-  }
-  hostConnected() {
-    Array.from(this.host.childNodes).forEach((t) => {
-      (t.nodeName === "OPTION" || t.nodeName === "DATA") && this.addNode(t);
-    }), this.observer.observe(this.host, { childList: !0 });
-  }
-  hostDisconnected() {
-    this.observer.disconnect();
-  }
-  addNode(t) {
-    (t.nodeName === "OPTION" || t.nodeName === "DATA") && (t.setAttribute("class", "pkt-hide"), t.setAttribute("role", "presentation"), t.setAttribute("aria-hidden", "true"), t.setAttribute("data-skip", "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("hidden")
-    })), this.host.setAttribute("options", JSON.stringify(this.options));
-  }
-  handleMutations(t) {
-    let e = !1;
-    t.forEach((i) => {
-      i.type === "childList" && (i.addedNodes.forEach((s) => {
-        o(s) && (this.addNode(s), e = !0);
-      }), i.removedNodes.forEach((s) => {
-        o(s) && (this.nodes = this.nodes.filter((r) => r !== s), e = !0);
-      }));
-    }), e && this.createOptions();
-  }
-}
-export {
-  d as P
-};

package/dist/pkt-options-controller-ftMgG5DP.cjs

@@ -1 +0,0 @@
-"use strict";const o=require("./pkt-slot-controller-Da-RgXfS.cjs");class h{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))}hostConnected(){Array.from(this.host.childNodes).forEach(t=>{(t.nodeName==="OPTION"||t.nodeName==="DATA")&&this.addNode(t)}),this.observer.observe(this.host,{childList:!0})}hostDisconnected(){this.observer.disconnect()}addNode(t){(t.nodeName==="OPTION"||t.nodeName==="DATA")&&(t.setAttribute("class","pkt-hide"),t.setAttribute("role","presentation"),t.setAttribute("aria-hidden","true"),t.setAttribute("data-skip","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("hidden")})),this.host.setAttribute("options",JSON.stringify(this.options))}handleMutations(t){let e=!1;t.forEach(i=>{i.type==="childList"&&(i.addedNodes.forEach(s=>{o.isOptionElement(s)&&(this.addNode(s),e=!0)}),i.removedNodes.forEach(s=>{o.isOptionElement(s)&&(this.nodes=this.nodes.filter(r=>r!==s),e=!0)}))}),e&&this.createOptions()}}exports.PktOptionsSlotController=h;

package/dist/pkt-slot-controller-Da-RgXfS.cjs

@@ -1 +0,0 @@
-"use strict";function d(e,s){return s.some(t=>t.value===e)}function n(e){return e.classList&&(e.classList.contains("_dialog_overlay")||e.classList.contains("backdrop"))?!0:typeof e.hasAttribute=="function"&&e.hasAttribute("data-skip")}function r(e){return e.nodeName==="OPTION"||e.nodeName==="DATA"}function u(e,s){return e.nodeType===Node.ELEMENT_NODE&&!d(e,s)}function a(e){var s;return e.nodeType===Node.TEXT_NODE&&((s=e.nodeValue)==null?void 0:s.trim())!==""}class c{constructor(s,...t){this.nodes=[],this.filledSlots=new Set,this.skipOptions=!1,this.updatingSlots=!1,this.host=s,this.host.addController(this),this.slots=t,this.nodes=[],this.observer=new MutationObserver(o=>this.handleMutations(o)),this.contentObserver=new MutationObserver(o=>this.handleSlotMutations(o))}hostConnected(){this.updateNodes(),this.observer.observe(this.host,{childList:!0}),this.contentObserver.observe(this.host,{childList:!0,subtree:!0})}hostDisconnected(){this.observer.disconnect(),this.contentObserver.disconnect()}hostUpdated(){this.updateSlots()}updateNodes(){this.nodes=[],Array.from(this.host.childNodes).forEach(t=>{n(t)||r(t)&&this.skipOptions||(!d(t,this.slots)||a(t))&&this.nodes.push(t)})}updateSlots(){if(this.updatingSlots)return;this.updatingSlots=!0;const s=new Set;this.slots.forEach(t=>{if(!t.value)return;const o=t.value.getAttribute("name"),h=this.nodes.flatMap(l=>a(l)||l.getAttribute&&l.getAttribute("slot")==o&&!n(l)?l:[]).filter(l=>t.value&&!t.value.contains(l)&&!l.contains(t.value));if(h.length>0)if(s.add(o),typeof t.value.replaceChildren!="function"){for(;t.value.firstChild;)t.value.removeChild(t.value.firstChild);t.value.append(...h)}else t.value.replaceChildren(...h)}),(this.filledSlots.size!==s.size||![...this.filledSlots].every(t=>s.has(t)))&&(this.filledSlots=s,this.host.requestUpdate()),this.updatingSlots=!1}handleMutations(s){let t=!1;s.forEach(o=>{o.type==="childList"&&(o.addedNodes.forEach(i=>{n(i)||r(i)&&this.skipOptions||(u(i,this.slots)||a(i))&&(this.nodes.push(i),t=!0)}),o.removedNodes.forEach(i=>{n(i)||r(i)&&this.skipOptions||(this.nodes=this.nodes.filter(h=>h!==i),t=!0)}))}),t&&this.updateSlots()}handleSlotMutations(s){let t=!1;s.forEach(o=>{const i=o.target.parentElement;if(i!=null&&i.hasAttribute("slot")){const h=i.getAttribute("slot"),l=i.hasChildNodes();l&&!this.filledSlots.has(h)?(this.filledSlots.add(h),t=!0):!l&&this.filledSlots.has(h)&&(this.filledSlots.delete(h),t=!0)}}),t&&typeof this.host.updateSlots=="function"&&this.host.updateSlots(this.filledSlots)}}exports.PktSlotController=c;exports.isOptionElement=r;