@skdx/web-components 0.30.0 → 0.31.0

package/dist/checkbox-group/CheckboxGroupSelectAll.js

@@ -1,4 +1,4 @@
-var c=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var a=(l,o,e,i)=>{for(var t=i>1?void 0:i?h(o,e):o,s=l.length-1,d;s>=0;s--)(d=l[s])&&(t=(i?d(o,e,t):d(t))||t);return i&&t&&c(o,e,t),t};import{css as b,html as u,LitElement as m}from"lit";import{property as n}from"lit/decorators.js";import{customElement as p,whenUpgraded as f}from"../internal/define.js";import{FormAssociated as v}from"../internal/form-associated.js";import{applyHostPart as y}from"../internal/part.js";import{fillCheckboxGroupItemIndicator as k}from"./indicator.js";var r=class extends v(m){constructor(){super(...arguments);this.disabled=!1;this.rootEl=null;this._handleClick=()=>{this.effectiveDisabled||this.rootEl?.toggleAll()};this._handleKeydown=e=>{e.key===" "?(e.preventDefault(),this._handleClick()):e.key==="Enter"&&e.preventDefault()}}connectedCallback(){super.connectedCallback(),y(this,"checkbox","root"),this.rootEl=this.closest("skdx-checkbox-group"),this.setAttribute("role","checkbox"),this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this._handleKeydown),this.rootEl?f(this.rootEl,()=>{this.rootEl?.registerPart(this),this._sync()}):this._sync()}disconnectedCallback(){this.rootEl?.unregisterPart(this),this.removeEventListener("click",this._handleClick),this.removeEventListener("keydown",this._handleKeydown),super.disconnectedCallback()}refresh(){this._sync()}get effectiveDisabled(){return(this.rootEl?.disabled??!1)||this.disabled}updated(){this._sync()}render(){return u`<slot></slot>`}_sync(){let e=this.rootEl?.getSelectAllChecked()??!1,i=this.effectiveDisabled;this.setAttribute("aria-checked",e==="indeterminate"?"mixed":String(e));let t="unchecked";e==="indeterminate"?t="indeterminate":e&&(t="checked"),this.setAttribute("data-state",t),i?(this.setAttribute("data-disabled",""),this.setAttribute("aria-disabled","true")):(this.removeAttribute("data-disabled"),this.removeAttribute("aria-disabled")),this.rootEl?.readOnly?(this.setAttribute("aria-readonly","true"),this.setAttribute("data-readonly","")):(this.removeAttribute("aria-readonly"),this.removeAttribute("data-readonly"));let s=this.rootEl?.itemIds()??"";s?this.setAttribute("aria-controls",s):this.removeAttribute("aria-controls"),this.setAttribute("tabindex",i?"-1":"0"),k(this,e,i)}};r.styles=b`
+var c=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var a=(l,o,e,i)=>{for(var t=i>1?void 0:i?h(o,e):o,s=l.length-1,d;s>=0;s--)(d=l[s])&&(t=(i?d(o,e,t):d(t))||t);return i&&t&&c(o,e,t),t};import{css as b,html as u,LitElement as m}from"lit";import{property as n}from"lit/decorators.js";import{customElement as p,whenUpgraded as f}from"../internal/define.js";import{FormAssociated as v}from"../internal/form-associated.js";import{ensureId as k}from"../internal/ids.js";import{applyHostPart as y}from"../internal/part.js";import{fillCheckboxGroupItemIndicator as E,wrapCheckboxGroupItemLabel as g}from"./indicator.js";var r=class extends v(m){constructor(){super(...arguments);this.disabled=!1;this.rootEl=null;this._handleClick=()=>{this.effectiveDisabled||this.rootEl?.toggleAll()};this._handleKeydown=e=>{e.key===" "?(e.preventDefault(),this._handleClick()):e.key==="Enter"&&e.preventDefault()}}connectedCallback(){super.connectedCallback(),y(this,"checkbox","root"),this.rootEl=this.closest("skdx-checkbox-group"),this.setAttribute("role","checkbox"),this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this._handleKeydown),this.rootEl?f(this.rootEl,()=>{this.rootEl?.registerPart(this),this._sync()}):this._sync()}disconnectedCallback(){this.rootEl?.unregisterPart(this),this.removeEventListener("click",this._handleClick),this.removeEventListener("keydown",this._handleKeydown),super.disconnectedCallback()}refresh(){this._sync()}get effectiveDisabled(){return(this.rootEl?.disabled??!1)||this.disabled}updated(){this._sync()}render(){return u`<slot></slot>`}_sync(){let e=this.rootEl?.getSelectAllChecked()??!1,i=this.effectiveDisabled;this.setAttribute("aria-checked",e==="indeterminate"?"mixed":String(e));let t="unchecked";e==="indeterminate"?t="indeterminate":e&&(t="checked"),this.setAttribute("data-state",t),i?(this.setAttribute("data-disabled",""),this.setAttribute("aria-disabled","true")):(this.removeAttribute("data-disabled"),this.removeAttribute("aria-disabled")),this.rootEl?.readOnly?(this.setAttribute("aria-readonly","true"),this.setAttribute("data-readonly","")):(this.removeAttribute("aria-readonly"),this.removeAttribute("data-readonly"));let s=this.rootEl?.itemIds()??"";s?this.setAttribute("aria-controls",s):this.removeAttribute("aria-controls"),this.setAttribute("tabindex",i?"-1":"0"),E(this,e,i),g(this,k(this,"skdx-checkbox-group","select-all"))}};r.styles=b`
     :host {
       display: inline-block;
       cursor: pointer;

package/dist/checkbox-group/indicator.cjs

@@ -1 +1 @@
-"use strict";var n=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var h=(i,e)=>{for(var a in e)n(i,a,{get:e[a],enumerable:!0})},p=(i,e,a,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of m(e))!f.call(i,r)&&r!==a&&n(i,r,{get:()=>e[r],enumerable:!(t=b(e,r))||t.enumerable});return i};var A=i=>p(n({},"__esModule",{value:!0}),i);var x={};h(x,{fillCheckboxGroupItemIndicator:()=>k});module.exports=A(x);var l=require("lit"),d=require("../internal/glyphs.cjs"),o="data-skdx-checkbox-group-item-indicator-generated",c="data-skdx-checkbox-group-item-default-indicator";function k(i,e,a){let t=i.querySelector(`:scope > span[${o}]`);if(!t){let s=Array.from(i.children).find(u=>u.getAttribute("slot")==="indicator");t=document.createElement("span"),t.setAttribute(o,""),t.setAttribute("aria-hidden","true"),t.setAttribute("class","skdx-checkbox__indicator"),t.setAttribute("data-part","indicator"),s?(s.removeAttribute("slot"),t.append(s)):t.setAttribute(c,"")}t.hasAttribute(c)&&(0,l.render)(e==="indeterminate"?d.dashGlyph:d.checkGlyph,t,{host:t});let r="unchecked";e==="indeterminate"?r="indeterminate":e&&(r="checked"),t.setAttribute("data-state",r),a?t.setAttribute("data-disabled",""):t.removeAttribute("data-disabled"),t.hidden=e===!1,i.firstChild!==t&&i.insertBefore(t,i.firstChild)}0&&(module.exports={fillCheckboxGroupItemIndicator});
+"use strict";var c=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var A=(e,a)=>{for(var s in a)c(e,s,{get:a[s],enumerable:!0})},k=(e,a,s,t)=>{if(a&&typeof a=="object"||typeof a=="function")for(let i of f(a))!x.call(e,i)&&i!==s&&c(e,i,{get:()=>a[i],enumerable:!(t=h(a,i))||t.enumerable});return e};var E=e=>k(c({},"__esModule",{value:!0}),e);var N={};A(N,{fillCheckboxGroupItemIndicator:()=>y,wrapCheckboxGroupItemLabel:()=>C});module.exports=E(N);var m=require("lit"),l=require("../internal/glyphs.cjs"),u=require("../internal/ids.cjs"),o="data-skdx-checkbox-group-item-indicator-generated",b="data-skdx-checkbox-group-item-default-indicator";function y(e,a,s){let t=e.querySelector(`:scope > span[${o}]`);if(!t){let r=Array.from(e.children).find(d=>d.getAttribute("slot")==="indicator");t=document.createElement("span"),t.setAttribute(o,""),t.setAttribute("aria-hidden","true"),t.setAttribute("class","skdx-checkbox__indicator"),t.setAttribute("data-part","indicator"),r?(r.removeAttribute("slot"),t.append(r)):t.setAttribute(b,"")}t.hasAttribute(b)&&(0,m.render)(a==="indeterminate"?l.dashGlyph:l.checkGlyph,t,{host:t});let i="unchecked";a==="indeterminate"?i="indeterminate":a&&(i="checked"),t.setAttribute("data-state",i),s?t.setAttribute("data-disabled",""):t.removeAttribute("data-disabled"),t.hidden=a===!1,e.firstChild!==t&&e.insertBefore(t,e.firstChild)}var p="data-skdx-checkbox-group-item-label-wrapped";function C(e,a){if(e.hasAttribute(p)||!e.parentNode)return;let s=e.querySelector(`:scope > span[${o}]`),t=Array.from(e.childNodes).filter(n=>n!==s);if(e.setAttribute(p,""),!t.some(n=>n.nodeType===Node.ELEMENT_NODE||(n.textContent??"").trim()!==""))return;let r=document.createElement("label");r.className="skdx-checkbox-group__item-label",r.dataset.part="item-label",r.setAttribute("for",a),e.replaceWith(r),r.append(e);let d=document.createElement("span");d.className="skdx-checkbox__label";for(let n of t)d.append(n);r.append(d),!e.hasAttribute("aria-labelledby")&&!e.hasAttribute("aria-label")&&(d.id=(0,u.nextId)("skdx-checkbox-group-item-label"),e.setAttribute("aria-labelledby",d.id))}0&&(module.exports={fillCheckboxGroupItemIndicator,wrapCheckboxGroupItemLabel});

package/dist/checkbox-group/indicator.d.cts

@@ -5,3 +5,10 @@ import type { SkdxCheckedState } from '../checkbox/Checkbox.cjs';
  * @internal
  */
 export declare function fillCheckboxGroupItemIndicator(root: Element, checked: SkdxCheckedState, disabled: boolean): void;
+/**
+ * Moves everything but the generated indicator into a sibling `<label for>`, so a
+ * consumer's label text lays out beside the box instead of inside it. Idempotent —
+ * safe to call on every sync, but only ever moves nodes once.
+ * @internal
+ */
+export declare function wrapCheckboxGroupItemLabel(root: HTMLElement, forId: string): void;

package/dist/checkbox-group/indicator.d.ts

@@ -5,3 +5,10 @@ import type { SkdxCheckedState } from '../checkbox/Checkbox.js';
  * @internal
  */
 export declare function fillCheckboxGroupItemIndicator(root: Element, checked: SkdxCheckedState, disabled: boolean): void;
+/**
+ * Moves everything but the generated indicator into a sibling `<label for>`, so a
+ * consumer's label text lays out beside the box instead of inside it. Idempotent —
+ * safe to call on every sync, but only ever moves nodes once.
+ * @internal
+ */
+export declare function wrapCheckboxGroupItemLabel(root: HTMLElement, forId: string): void;

package/dist/checkbox-group/indicator.js

@@ -1 +1 @@
-import{render as c}from"lit";import{checkGlyph as l,dashGlyph as u}from"../internal/glyphs.js";var d="data-skdx-checkbox-group-item-indicator-generated",s="data-skdx-checkbox-group-item-default-indicator";function f(e,i,n){let t=e.querySelector(`:scope > span[${d}]`);if(!t){let a=Array.from(e.children).find(o=>o.getAttribute("slot")==="indicator");t=document.createElement("span"),t.setAttribute(d,""),t.setAttribute("aria-hidden","true"),t.setAttribute("class","skdx-checkbox__indicator"),t.setAttribute("data-part","indicator"),a?(a.removeAttribute("slot"),t.append(a)):t.setAttribute(s,"")}t.hasAttribute(s)&&c(i==="indeterminate"?u:l,t,{host:t});let r="unchecked";i==="indeterminate"?r="indeterminate":i&&(r="checked"),t.setAttribute("data-state",r),n?t.setAttribute("data-disabled",""):t.removeAttribute("data-disabled"),t.hidden=i===!1,e.firstChild!==t&&e.insertBefore(t,e.firstChild)}export{f as fillCheckboxGroupItemIndicator};
+import{render as b}from"lit";import{checkGlyph as p,dashGlyph as m}from"../internal/glyphs.js";import{nextId as u}from"../internal/ids.js";var l="data-skdx-checkbox-group-item-indicator-generated",c="data-skdx-checkbox-group-item-default-indicator";function A(t,r,n){let e=t.querySelector(`:scope > span[${l}]`);if(!e){let a=Array.from(t.children).find(i=>i.getAttribute("slot")==="indicator");e=document.createElement("span"),e.setAttribute(l,""),e.setAttribute("aria-hidden","true"),e.setAttribute("class","skdx-checkbox__indicator"),e.setAttribute("data-part","indicator"),a?(a.removeAttribute("slot"),e.append(a)):e.setAttribute(c,"")}e.hasAttribute(c)&&b(r==="indeterminate"?m:p,e,{host:e});let d="unchecked";r==="indeterminate"?d="indeterminate":r&&(d="checked"),e.setAttribute("data-state",d),n?e.setAttribute("data-disabled",""):e.removeAttribute("data-disabled"),e.hidden=r===!1,t.firstChild!==e&&t.insertBefore(e,t.firstChild)}var o="data-skdx-checkbox-group-item-label-wrapped";function k(t,r){if(t.hasAttribute(o)||!t.parentNode)return;let n=t.querySelector(`:scope > span[${l}]`),e=Array.from(t.childNodes).filter(s=>s!==n);if(t.setAttribute(o,""),!e.some(s=>s.nodeType===Node.ELEMENT_NODE||(s.textContent??"").trim()!==""))return;let a=document.createElement("label");a.className="skdx-checkbox-group__item-label",a.dataset.part="item-label",a.setAttribute("for",r),t.replaceWith(a),a.append(t);let i=document.createElement("span");i.className="skdx-checkbox__label";for(let s of e)i.append(s);a.append(i),!t.hasAttribute("aria-labelledby")&&!t.hasAttribute("aria-label")&&(i.id=u("skdx-checkbox-group-item-label"),t.setAttribute("aria-labelledby",i.id))}export{A as fillCheckboxGroupItemIndicator,k as wrapCheckboxGroupItemLabel};

package/dist/chip/Chip.cjs

@@ -0,0 +1 @@
+"use strict";var c=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var o=Object.prototype.hasOwnProperty;var p=(d,e)=>{for(var t in e)c(d,t,{get:e[t],enumerable:!0})},x=(d,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of l(e))!o.call(d,s)&&s!==t&&c(d,s,{get:()=>e[s],enumerable:!(i=n(e,s))||i.enumerable});return d};var f=d=>x(c({},"__esModule",{value:!0}),d);var r={};p(r,{SkdxChip:()=>a});module.exports=f(r);var m=require("../badge/Badge.cjs"),a=class extends m.SkdxBadge{};customElements.get("skdx-chip")===void 0&&customElements.define("skdx-chip",a);0&&(module.exports={SkdxChip});

package/dist/chip/Chip.d.cts

@@ -0,0 +1,11 @@
+import { SkdxBadge } from '../badge/Badge.cjs';
+/**
+ * Chip alias of <skdx-badge>: the same component under the name MUI users look for, with nothing changed. Every attribute, property, event and slot of `<skdx-badge>` applies; reach for `<skdx-badge>` itself for full control.
+ */
+export declare class SkdxChip extends SkdxBadge {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-chip': SkdxChip;
+    }
+}

package/dist/chip/Chip.d.ts

@@ -0,0 +1,11 @@
+import { SkdxBadge } from '../badge/Badge.js';
+/**
+ * Chip alias of <skdx-badge>: the same component under the name MUI users look for, with nothing changed. Every attribute, property, event and slot of `<skdx-badge>` applies; reach for `<skdx-badge>` itself for full control.
+ */
+export declare class SkdxChip extends SkdxBadge {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-chip': SkdxChip;
+    }
+}

package/dist/chip/Chip.js

@@ -0,0 +1 @@
+import{SkdxBadge as d}from"../badge/Badge.js";var e=class extends d{};customElements.get("skdx-chip")===void 0&&customElements.define("skdx-chip",e);export{e as SkdxChip};

package/dist/chip/index.cjs

@@ -0,0 +1 @@
+"use strict";var d=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var m=(p,o)=>{for(var x in o)d(p,x,{get:o[x],enumerable:!0})},t=(p,o,x,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of i(o))!k.call(p,r)&&r!==x&&d(p,r,{get:()=>o[r],enumerable:!(e=h(o,r))||e.enumerable});return p};var C=p=>t(d({},"__esModule",{value:!0}),p);var S={};m(S,{SkdxChip:()=>f.SkdxChip});module.exports=C(S);var f=require("./Chip.cjs");0&&(module.exports={SkdxChip});

package/dist/chip/index.d.cts

@@ -0,0 +1 @@
+export { SkdxChip } from './Chip.cjs';

package/dist/chip/index.d.ts

@@ -0,0 +1 @@
+export { SkdxChip } from './Chip.js';

package/dist/chip/index.js

@@ -0,0 +1 @@
+import{SkdxChip as r}from"./Chip.js";export{r as SkdxChip};

package/dist/clipboard/ClipboardTrigger.cjs

@@ -1,17 +1,17 @@
-"use strict";var d=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var k=(o,t)=>{for(var s in t)d(o,s,{get:t[s],enumerable:!0})},E=(o,t,s,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of y(t))!g.call(o,e)&&e!==s&&d(o,e,{get:()=>t[e],enumerable:!(i=b(t,e))||i.enumerable});return o};var C=o=>E(d({},"__esModule",{value:!0}),o),p=(o,t,s,i)=>{for(var e=i>1?void 0:i?b(t,s):t,n=o.length-1,c;n>=0;n--)(c=o[n])&&(e=(i?c(t,s,e):c(e))||e);return i&&e&&d(t,s,e),e};var R={};k(R,{SkdxClipboardTrigger:()=>a});module.exports=C(R);var r=require("lit"),m=require("lit/decorators.js"),u=require("../internal/aria-label.cjs"),v=require("../internal/define.cjs"),f=require("../internal/part.cjs"),l=require("../internal/styles.cjs"),h=require("./Clipboard.cjs");var a=class extends r.LitElement{constructor(){super(...arguments);this.disabled=!1;this.root=null;this.label=null;this.onRootChange=()=>this.requestUpdate();this.handleClick=()=>{this.isDisabled||this.root?.copy()}}connectedCallback(){if(super.connectedCallback(),this.root=this.closest("skdx-clipboard"),!this.root)throw new Error("<skdx-clipboard-trigger> must be used inside <skdx-clipboard>.");this.label=(0,u.takeHostAriaLabel)(this)??this.label,this.root.addEventListener(h.CLIPBOARD_UPDATE_EVENT,this.onRootChange)}disconnectedCallback(){this.root?.removeEventListener(h.CLIPBOARD_UPDATE_EVENT,this.onRootChange),super.disconnectedCallback()}get isDisabled(){return this.disabled||(this.root?.disabled??!1)}updated(){(0,f.reflectHostState)(this,{"data-state":this.root?.state??"idle","data-disabled":this.isDisabled?"":null})}render(){let s=this.root;if(!s)return r.nothing;let i=this.isDisabled;return r.html`
+"use strict";var d=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var g=(o,t)=>{for(var s in t)d(o,s,{get:t[s],enumerable:!0})},E=(o,t,s,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of f(t))!y.call(o,e)&&e!==s&&d(o,e,{get:()=>t[e],enumerable:!(i=u(t,e))||i.enumerable});return o};var k=o=>E(d({},"__esModule",{value:!0}),o),n=(o,t,s,i)=>{for(var e=i>1?void 0:i?u(t,s):t,c=o.length-1,p;c>=0;c--)(p=o[c])&&(e=(i?p(t,s,e):p(e))||e);return i&&e&&d(t,s,e),e};var R={};g(R,{SkdxClipboardTrigger:()=>r});module.exports=k(R);var a=require("lit"),h=require("lit/decorators.js"),m=require("../internal/define.cjs"),v=require("../internal/part.cjs"),l=require("../internal/styles.cjs"),b=require("./Clipboard.cjs");var r=class extends a.LitElement{constructor(){super(...arguments);this.disabled=!1;this.ariaLabel=null;this.root=null;this.onRootChange=()=>this.requestUpdate();this.handleClick=()=>{this.isDisabled||this.root?.copy()}}connectedCallback(){if(super.connectedCallback(),this.root=this.closest("skdx-clipboard"),!this.root)throw new Error("<skdx-clipboard-trigger> must be used inside <skdx-clipboard>.");this.root.addEventListener(b.CLIPBOARD_UPDATE_EVENT,this.onRootChange)}disconnectedCallback(){this.root?.removeEventListener(b.CLIPBOARD_UPDATE_EVENT,this.onRootChange),super.disconnectedCallback()}get isDisabled(){return this.disabled||(this.root?.disabled??!1)}updated(){(0,v.reflectHostState)(this,{"data-state":this.root?.state??"idle","data-disabled":this.isDisabled?"":null})}render(){let s=this.root;if(!s)return a.nothing;let i=this.isDisabled;return a.html`
       <button
         part="trigger"
         type="button"
-        aria-label=${this.label??r.nothing}
+        aria-label=${this.ariaLabel??a.nothing}
         data-state=${s.state}
-        data-disabled=${i?"":r.nothing}
+        data-disabled=${i?"":a.nothing}
         ?disabled=${i}
         @click=${this.handleClick}
       >
         <slot></slot>
       </button>
-    `}};a.shadowRootOptions=l.delegatesFocusShadowRootOptions,a.styles=[l.resetNativeControl,l.hiddenHostStyles,r.css`
+    `}};r.shadowRootOptions=l.delegatesFocusShadowRootOptions,r.styles=[l.resetNativeControl,l.hiddenHostStyles,a.css`
       :host {
         display: contents;
       }
-    `,l.controlBoxOnHost],p([(0,m.property)({type:Boolean,reflect:!0})],a.prototype,"disabled",2),a=p([(0,v.customElement)("skdx-clipboard-trigger","clipboard","trigger")],a);0&&(module.exports={SkdxClipboardTrigger});
+    `,l.controlBoxOnHost],n([(0,h.property)({type:Boolean,reflect:!0})],r.prototype,"disabled",2),n([(0,h.property)({type:String,attribute:"aria-label"})],r.prototype,"ariaLabel",2),r=n([(0,m.customElement)("skdx-clipboard-trigger","clipboard","trigger")],r);0&&(module.exports={SkdxClipboardTrigger});

package/dist/clipboard/ClipboardTrigger.d.cts

@@ -1,7 +1,7 @@
 import { LitElement, nothing, type TemplateResult } from 'lit';
 /**
  * `<skdx-clipboard-trigger>` — button that copies the root's `value`, carrying
- * `data-state="copied"|"idle"` and moving the host's `aria-label` onto the inner button.
+ * `data-state="copied"|"idle"` and forwarding the host's `aria-label` onto the inner button.
  *
  * @example
  * ```html
@@ -21,8 +21,9 @@ export declare class SkdxClipboardTrigger extends LitElement {
      * @default false — the trigger follows the root's `disabled`.
      */
     disabled: boolean;
+    /** Accessible name for the trigger, forwarded to the shadow `<button>`. */
+    ariaLabel: string | null;
     private root;
-    private label;
     private readonly onRootChange;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/clipboard/ClipboardTrigger.d.ts

@@ -1,7 +1,7 @@
 import { LitElement, nothing, type TemplateResult } from 'lit';
 /**
  * `<skdx-clipboard-trigger>` — button that copies the root's `value`, carrying
- * `data-state="copied"|"idle"` and moving the host's `aria-label` onto the inner button.
+ * `data-state="copied"|"idle"` and forwarding the host's `aria-label` onto the inner button.
  *
  * @example
  * ```html
@@ -21,8 +21,9 @@ export declare class SkdxClipboardTrigger extends LitElement {
      * @default false — the trigger follows the root's `disabled`.
      */
     disabled: boolean;
+    /** Accessible name for the trigger, forwarded to the shadow `<button>`. */
+    ariaLabel: string | null;
     private root;
-    private label;
     private readonly onRootChange;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/clipboard/ClipboardTrigger.js

@@ -1,17 +1,17 @@
-var p=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var d=(r,i,s,t)=>{for(var e=t>1?void 0:t?h(i,s):i,a=r.length-1,l;a>=0;a--)(l=r[a])&&(e=(t?l(i,s,e):l(e))||e);return t&&e&&p(i,s,e),e};import{css as b,html as m,LitElement as u,nothing as n}from"lit";import{property as v}from"lit/decorators.js";import{takeHostAriaLabel as f}from"../internal/aria-label.js";import{customElement as y}from"../internal/define.js";import{reflectHostState as g}from"../internal/part.js";import{controlBoxOnHost as k,delegatesFocusShadowRootOptions as E,hiddenHostStyles as C,resetNativeControl as R}from"../internal/styles.js";import{CLIPBOARD_UPDATE_EVENT as c}from"./Clipboard.js";var o=class extends u{constructor(){super(...arguments);this.disabled=!1;this.root=null;this.label=null;this.onRootChange=()=>this.requestUpdate();this.handleClick=()=>{this.isDisabled||this.root?.copy()}}connectedCallback(){if(super.connectedCallback(),this.root=this.closest("skdx-clipboard"),!this.root)throw new Error("<skdx-clipboard-trigger> must be used inside <skdx-clipboard>.");this.label=f(this)??this.label,this.root.addEventListener(c,this.onRootChange)}disconnectedCallback(){this.root?.removeEventListener(c,this.onRootChange),super.disconnectedCallback()}get isDisabled(){return this.disabled||(this.root?.disabled??!1)}updated(){g(this,{"data-state":this.root?.state??"idle","data-disabled":this.isDisabled?"":null})}render(){let s=this.root;if(!s)return n;let t=this.isDisabled;return m`
+var h=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var a=(r,i,s,e)=>{for(var o=e>1?void 0:e?b(i,s):i,l=r.length-1,d;l>=0;l--)(d=r[l])&&(o=(e?d(i,s,o):d(o))||o);return e&&o&&h(i,s,o),o};import{css as u,html as m,LitElement as v,nothing as n}from"lit";import{property as c}from"lit/decorators.js";import{customElement as f}from"../internal/define.js";import{reflectHostState as y}from"../internal/part.js";import{controlBoxOnHost as g,delegatesFocusShadowRootOptions as E,hiddenHostStyles as k,resetNativeControl as R}from"../internal/styles.js";import{CLIPBOARD_UPDATE_EVENT as p}from"./Clipboard.js";var t=class extends v{constructor(){super(...arguments);this.disabled=!1;this.ariaLabel=null;this.root=null;this.onRootChange=()=>this.requestUpdate();this.handleClick=()=>{this.isDisabled||this.root?.copy()}}connectedCallback(){if(super.connectedCallback(),this.root=this.closest("skdx-clipboard"),!this.root)throw new Error("<skdx-clipboard-trigger> must be used inside <skdx-clipboard>.");this.root.addEventListener(p,this.onRootChange)}disconnectedCallback(){this.root?.removeEventListener(p,this.onRootChange),super.disconnectedCallback()}get isDisabled(){return this.disabled||(this.root?.disabled??!1)}updated(){y(this,{"data-state":this.root?.state??"idle","data-disabled":this.isDisabled?"":null})}render(){let s=this.root;if(!s)return n;let e=this.isDisabled;return m`
       <button
         part="trigger"
         type="button"
-        aria-label=${this.label??n}
+        aria-label=${this.ariaLabel??n}
         data-state=${s.state}
-        data-disabled=${t?"":n}
-        ?disabled=${t}
+        data-disabled=${e?"":n}
+        ?disabled=${e}
         @click=${this.handleClick}
       >
         <slot></slot>
       </button>
-    `}};o.shadowRootOptions=E,o.styles=[R,C,b`
+    `}};t.shadowRootOptions=E,t.styles=[R,k,u`
       :host {
         display: contents;
       }
-    `,k],d([v({type:Boolean,reflect:!0})],o.prototype,"disabled",2),o=d([y("skdx-clipboard-trigger","clipboard","trigger")],o);export{o as SkdxClipboardTrigger};
+    `,g],a([c({type:Boolean,reflect:!0})],t.prototype,"disabled",2),a([c({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",2),t=a([f("skdx-clipboard-trigger","clipboard","trigger")],t);export{t as SkdxClipboardTrigger};

package/dist/combobox/Combobox.cjs

@@ -1,5 +1,5 @@
-"use strict";var m=Object.defineProperty;var V=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var B=Object.prototype.hasOwnProperty;var q=(a,l)=>{for(var e in l)m(a,e,{get:l[e],enumerable:!0})},L=(a,l,e,t)=>{if(l&&typeof l=="object"||typeof l=="function")for(let i of x(l))!B.call(a,i)&&i!==e&&m(a,i,{get:()=>l[i],enumerable:!(t=V(l,i))||t.enumerable});return a};var S=a=>L(m({},"__esModule",{value:!0}),a),n=(a,l,e,t)=>{for(var i=t>1?void 0:t?V(l,e):l,o=a.length-1,d;o>=0;o--)(d=a[o])&&(i=(t?d(l,e,i):d(i))||i);return t&&i&&m(l,e,i),i};var w={};q(w,{OPTION_SELECTOR:()=>f,SkdxCombobox:()=>s,defaultGetResultCountLabel:()=>M,scrollIntoListbox:()=>F});module.exports=S(w);var p=require("lit"),r=require("lit/decorators.js"),g=require("../internal/authored.cjs"),I=require("../internal/define.cjs"),v=require("../internal/derive.cjs"),c=require("../internal/events.cjs"),R=require("../internal/form-associated.cjs"),A=require("../internal/ids.cjs"),C=require("../internal/open-change-complete.cjs"),E=require("../internal/options.cjs"),H=require("../internal/positioning.cjs"),y=require("../internal/scored-filter.cjs"),h=require("../internal/selection.cjs"),b=require("../internal/selection-attribute.cjs"),T=require("../utils/live-announcer.cjs"),u=require("./ComboboxAnatomy.cjs"),O=require("./family.cjs");var f='[role="option"]:not([data-disabled])';function F(a,l){let e=a.querySelector('[data-part="viewport"]')??a;if(e===l||!e.contains(l))return;let t=e.getBoundingClientRect(),i=l.getBoundingClientRect();e.scrollTop+=i.top-t.top-(t.height-i.height)/2}function M(a){return`${a} result${a===1?"":"s"} available`}function _(a,l){return a.length===l.length&&a.every((e,t)=>e===l[t])}var s=class extends(0,R.FormAssociated)(p.LitElement){constructor(){super(...arguments);this._values=[];this.defaultInputValue="";this.defaultOpen=!1;this.multiple=!1;this.allowCustomValue=!1;this.filter="manual";this.autoHighlight=!1;this.loop=!0;this.openOn="type";this.loading=!1;this.inputValue="";this.open=!1;this.invalid=!1;this.readOnly=!1;this.disabled=!1;this.required=!1;this.getResultCountLabel=M;this.contentId=(0,A.nextId)("skdx-combobox-content");this.activeId=null;this.inputHost=null;this.contentEl=null;this.itemRegistry=new Map;this.previousHighlight=null;this.itemObserver=new MutationObserver(()=>{this.announceResultCount(),this.visibleOptions()});this.fillAnatomy=()=>{if((0,g.hasAuthoredParts)(this,u.COMBOBOX_ANATOMY_GENERATED,u.COMBOBOX_RENDER_SLOTS)){this._anatomyOptionsRef=void 0;return}this.options!==this._anatomyOptionsRef||!(0,g.hasGeneratedContent)(this,u.COMBOBOX_ANATOMY_GENERATED)?(this._anatomyOptionsRef=this.options,(0,u.fillComboboxAnatomy)(this),this.observeOptions()):(0,u.refreshComboboxAnatomyText)(this)};this.hasUpdatedOnce=!1}get value(){return this._values}set value(e){let t=(0,h.toSelectionValues)(e,{multiple:this.isMultiple,label:"Combobox value"}),i=this._values;this._values=t,this.requestUpdate("value",i)}get isMultiple(){return this.multiple||!this.hasUpdated&&this.hasAttribute("multiple")}setValue(e,t="programmatic"){let i=(0,h.toSelectionValues)(e,{multiple:this.multiple,label:"Combobox value"});if(_(this.value,i))return;let o=this.value;this.value=i;let d={value:i,previousValue:o,reason:t,selectedValue:(0,h.selectedValueOf)(i)};(0,c.emit)(this,"value-change",d),this.notify()}get selectedValues(){return this.value}isSelected(e){return this.selectedValues.includes(e)}selectItem(e,t,i="programmatic"){let o=(0,h.nextSelection)(this.selectedValues,e,this.multiple);if(!this.multiple){this.committedText=t,this.setValue(o,i),this.setInputValue(t),this.setOpen(!1);return}this.setValue(o,i),this.setInputValue("")}clear(){this.setValue([],"pointer"),this.committedText=void 0,this.setInputValue("")}reconcileDraftText(){if(this.allowCustomValue)return;let e=this.multiple?void 0:this.selectedValues[0];if(e===void 0){this.setInputValue("");return}for(let t of this.itemRegistry.values())if(t.value===e){this.setInputValue(t.text||t.value);return}this.setInputValue(this.committedText??e)}matchesFilter(e){let t;return this.filter!=="manual"?t=this.filter:this.options&&(t=E.defaultOptionsFilter),!t||(0,y.filterKeeps)(t(e,this.inputValue))}visibleOptions(){if(this.filter==="manual")return Array.from(this.querySelectorAll(f));let e=this.filter;return(0,y.sortByScore)(this,f,t=>{let i=this.itemRegistry.get(t);if(!i)return null;let o=e(i.text,this.inputValue);return typeof o=="number"?o:null})}registerItem(e,t){this.itemRegistry.set(e,t)}unregisterItem(e){this.itemRegistry.delete(e),this.activeId===e&&this.scheduleReseed()}scheduleReseed(){this.reseedFrame===void 0&&(this.reseedFrame=requestAnimationFrame(()=>{this.reseedFrame=void 0;let e=this.activeId;if(e===null)return;let t=this.visibleOptions();t.some(i=>i.id===e)||this.setActiveId(t[0]?.id??null)}))}getItem(e){return this.itemRegistry.get(e)}setInputValue(e){this.inputValue!==e&&(this.inputValue=e,this.emit("input-value-change",e))}setOpen(e){this.open!==e&&(this.open=e,e||this.setActiveId(null),this.emit("open-change",e))}openWithHighlight(e){this.setOpen(!0),requestAnimationFrame(()=>{let t=this.visibleOptions();if(t.length===0)return;let i=e==="last"?t[t.length-1]:t[0];this.setActiveId(this.activeId??i.id),this.contentEl&&F(this.contentEl,i)})}setActiveId(e,t="auto"){this.activeId=e;let i=e?this.itemRegistry.get(e)?.value??null:null;if(i!==this.previousHighlight){let o=this.previousHighlight;this.previousHighlight=i,(0,c.emit)(this,"highlight-change",{value:i,previousValue:o,reason:t})}this.notify()}emit(e,t){(0,c.emit)(this,e,t),this.notify()}notify(){O.COMBOBOX_FAMILY.notify(this),this.requestUpdate()}get hasNoSelection(){return this.value.length===0}willUpdate(){this.hasUpdated||(this.defaultValue!==void 0&&this.hasNoSelection&&(this.value=this.defaultValue),this.defaultInputValue!==""&&this.inputValue===""&&(this.inputValue=this.defaultInputValue),this.defaultOpen&&!this.open&&(this.open=!0))}announceResultCount(){!this.open||this.loading||(0,T.announce)(this.getResultCountLabel(this.querySelectorAll(f).length))}maybeAutoHighlight(){!this.autoHighlight||!this.open||this.activeId!==null||requestAnimationFrame(()=>{if(!this.autoHighlight||!this.open||this.activeId!==null)return;let e=this.visibleOptions()[0];e&&this.setActiveId(e.id)})}connectedCallback(){super.connectedCallback(),this.initialValue??(this.initialValue=this.defaultValue??this.value);let e=this.querySelector("skdx-combobox-content")?.id;e&&(this.contentId=e),this.observeOptions(),queueMicrotask(this.fillAnatomy)}observeOptions(){this.itemObserver.disconnect(),this.itemObserver.observe(this.querySelector("skdx-combobox-content")??this,{childList:!0,subtree:!0,attributeFilter:["data-disabled","role"]})}disconnectedCallback(){this.itemObserver.disconnect(),this.reseedFrame!==void 0&&cancelAnimationFrame(this.reseedFrame),this.teardownOpenChangeComplete?.(),super.disconnectedCallback()}updated(e){let t=!this.hasUpdatedOnce;this.hasUpdatedOnce=!0,this.fillAnatomy(),(e.has("value")||e.has("required")||e.has("multiple"))&&this.syncFormState(),e.has("open")&&this.open&&this.announceResultCount(),this.maybeAutoHighlight(),(e.has("inputValue")||e.has("filter"))&&requestAnimationFrame(()=>this.visibleOptions()),e.size>0&&O.COMBOBOX_FAMILY.notify(this),e.has("open")&&!t&&(this.teardownOpenChangeComplete?.(),this.teardownOpenChangeComplete=(0,C.notifyOpenChangeComplete)(()=>this.contentEl,this.open,i=>(0,c.emit)(this,"open-change-complete",i))),(0,v.threadAppearance)(this,{shape:this.shape,size:this.size},[...(0,v.derivedParts)(this,"skdx-combobox-input")])}syncFormState(){this.setFormValue(this.multiple?this.multiFormValue(this.selectedValues):(0,h.selectedValueOf)(this.selectedValues)??""),this.setValueMissing(this.required&&this.selectedValues.length===0,"Please select an item in the list.",this.inputHost?.querySelector("input"))}formResetCallback(){this.value=this.initialValue??[],this.inputValue=this.getAttribute("input-value")??this.defaultInputValue}render(){return p.html`<slot @slotchange=${this.fillAnatomy}></slot>`}};s.styles=p.css`
+"use strict";var f=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var S=Object.prototype.hasOwnProperty;var q=(o,l)=>{for(var e in l)f(o,e,{get:l[e],enumerable:!0})},B=(o,l,e,t)=>{if(l&&typeof l=="object"||typeof l=="function")for(let i of M(l))!S.call(o,i)&&i!==e&&f(o,i,{get:()=>l[i],enumerable:!(t=O(l,i))||t.enumerable});return o};var L=o=>B(f({},"__esModule",{value:!0}),o),n=(o,l,e,t)=>{for(var i=t>1?void 0:t?O(l,e):l,a=o.length-1,d;a>=0;a--)(d=o[a])&&(i=(t?d(l,e,i):d(i))||i);return t&&i&&f(l,e,i),i};var _={};q(_,{OPTION_SELECTOR:()=>m,SkdxCombobox:()=>s,defaultGetResultCountLabel:()=>F,scrollIntoListbox:()=>H});module.exports=L(_);var p=require("lit"),r=require("lit/decorators.js"),g=require("../internal/authored.cjs"),I=require("../internal/define.cjs"),v=require("../internal/derive.cjs"),c=require("../internal/events.cjs"),R=require("../internal/form-associated.cjs"),A=require("../internal/ids.cjs"),C=require("../internal/open-change-complete.cjs"),T=require("../internal/options.cjs"),E=require("../internal/positioning.cjs"),y=require("../internal/scored-filter.cjs"),h=require("../internal/selection.cjs"),b=require("../internal/selection-attribute.cjs"),x=require("../utils/live-announcer.cjs"),u=require("./ComboboxAnatomy.cjs"),V=require("./family.cjs");var m='[role="option"]:not([data-disabled])';function H(o,l){let e=o.querySelector('[data-part="viewport"]')??o;if(e===l||!e.contains(l))return;let t=e.getBoundingClientRect(),i=l.getBoundingClientRect();e.scrollTop+=i.top-t.top-(t.height-i.height)/2}function F(o){return`${o} result${o===1?"":"s"} available`}function w(o,l){return o.length===l.length&&o.every((e,t)=>e===l[t])}var s=class extends(0,R.FormAssociated)(p.LitElement){constructor(){super(...arguments);this._values=[];this.defaultInputValue="";this.defaultOpen=!1;this.multiple=!1;this.allowCustomValue=!1;this.filter="manual";this.autoHighlight=!1;this.loop=!0;this.openOn="type";this.loading=!1;this.inputValue="";this.open=!1;this.invalid=!1;this.readOnly=!1;this.disabled=!1;this.required=!1;this.getResultCountLabel=F;this.contentId=(0,A.nextId)("skdx-combobox-content");this.activeId=null;this.inputHost=null;this.contentEl=null;this.itemRegistry=new Map;this.previousHighlight=null;this.itemObserver=new MutationObserver(()=>{this.announceResultCount(),this.visibleOptions()});this.fillAnatomy=()=>{if((0,g.hasAuthoredParts)(this,u.COMBOBOX_ANATOMY_GENERATED,u.COMBOBOX_RENDER_SLOTS)){this._anatomyOptionsRef=void 0;return}this.options!==this._anatomyOptionsRef||!(0,g.hasGeneratedContent)(this,u.COMBOBOX_ANATOMY_GENERATED)?(this._anatomyOptionsRef=this.options,(0,u.fillComboboxAnatomy)(this),this.observeOptions()):(0,u.refreshComboboxAnatomyText)(this)};this.hasUpdatedOnce=!1}get value(){return this._values}set value(e){let t=(0,h.toSelectionValues)(e,{multiple:this.isMultiple,label:"Combobox value"}),i=this._values;this._values=t,this.requestUpdate("value",i)}get isMultiple(){return this.multiple||!this.hasUpdated&&this.hasAttribute("multiple")}setValue(e,t="programmatic"){let i=(0,h.toSelectionValues)(e,{multiple:this.multiple,label:"Combobox value"});if(w(this.value,i))return;let a=this.value;this.value=i;let d={value:i,previousValue:a,reason:t,selectedValue:(0,h.selectedValueOf)(i)};(0,c.emit)(this,"value-change",d),this.notify()}get selectedValues(){return this.value}isSelected(e){return this.selectedValues.includes(e)}selectItem(e,t,i="programmatic"){let a=(0,h.nextSelection)(this.selectedValues,e,this.multiple);if(!this.multiple){this.committedText=t,this.setValue(a,i),this.setInputValue(t),this.setOpen(!1);return}this.setValue(a,i),this.setInputValue("")}clear(){this.setValue([],"pointer"),this.committedText=void 0,this.setInputValue("")}selectedText(e){for(let t of this.itemRegistry.values())if(t.value===e)return t.text||t.value;for(let t of this.options??[])for(let i of"options"in t?t.options:[t])if(i.value===e)return i.label??i.value;return this.committedText}reconcileDraftText(){if(this.allowCustomValue)return;let e=this.multiple?void 0:this.selectedValues[0];this.setInputValue(e===void 0?"":this.selectedText(e)??e)}reconcileIdleDraft(){if(this.allowCustomValue||this.multiple)return;let e=this.selectedValues[0],t=e!==this.mirroredSelection;if(this.mirroredSelection=e,e===void 0)return;let i=this.inputHost?.querySelector("input");if(i&&i.ownerDocument.activeElement===i||!t&&this.inputValue!=="")return;let a=this.selectedText(e);a!==void 0&&this.setInputValue(a)}matchesFilter(e){let t;return this.filter!=="manual"?t=this.filter:this.options&&(t=T.defaultOptionsFilter),!t||(0,y.filterKeeps)(t(e,this.inputValue))}visibleOptions(){if(this.filter==="manual")return Array.from(this.querySelectorAll(m));let e=this.filter;return(0,y.sortByScore)(this,m,t=>{let i=this.itemRegistry.get(t);if(!i)return null;let a=e(i.text,this.inputValue);return typeof a=="number"?a:null})}registerItem(e,t){this.itemRegistry.set(e,t),this.reconcileIdleDraft()}unregisterItem(e){this.itemRegistry.delete(e),this.activeId===e&&this.scheduleReseed()}scheduleReseed(){this.reseedFrame===void 0&&(this.reseedFrame=requestAnimationFrame(()=>{this.reseedFrame=void 0;let e=this.activeId;if(e===null)return;let t=this.visibleOptions();t.some(i=>i.id===e)||this.setActiveId(t[0]?.id??null)}))}getItem(e){return this.itemRegistry.get(e)}setInputValue(e){this.inputValue!==e&&(this.inputValue=e,this.emit("input-value-change",e))}setOpen(e){this.open!==e&&(this.open=e,e||this.setActiveId(null),this.emit("open-change",e))}openWithHighlight(e){this.setOpen(!0),requestAnimationFrame(()=>{let t=this.visibleOptions();if(t.length===0)return;let i=e==="last"?t[t.length-1]:t[0];this.setActiveId(this.activeId??i.id),this.contentEl&&H(this.contentEl,i)})}setActiveId(e,t="auto"){this.activeId=e;let i=e?this.itemRegistry.get(e)?.value??null:null;if(i!==this.previousHighlight){let a=this.previousHighlight;this.previousHighlight=i,(0,c.emit)(this,"highlight-change",{value:i,previousValue:a,reason:t})}this.notify()}emit(e,t){(0,c.emit)(this,e,t),this.notify()}notify(){V.COMBOBOX_FAMILY.notify(this),this.requestUpdate()}get hasNoSelection(){return this.value.length===0}willUpdate(){this.hasUpdated||(this.defaultValue!==void 0&&this.hasNoSelection&&(this.value=this.defaultValue),this.defaultInputValue!==""&&this.inputValue===""&&(this.inputValue=this.defaultInputValue),this.defaultOpen&&!this.open&&(this.open=!0),this.mirroredSelection=this.selectedValues[0])}announceResultCount(){!this.open||this.loading||(0,x.announce)(this.getResultCountLabel(this.querySelectorAll(m).length))}maybeAutoHighlight(){!this.autoHighlight||!this.open||this.activeId!==null||requestAnimationFrame(()=>{if(!this.autoHighlight||!this.open||this.activeId!==null)return;let e=this.visibleOptions()[0];e&&this.setActiveId(e.id)})}connectedCallback(){super.connectedCallback(),this.initialValue??(this.initialValue=this.defaultValue??this.value);let e=this.querySelector("skdx-combobox-content")?.id;e&&(this.contentId=e),this.observeOptions(),queueMicrotask(this.fillAnatomy)}observeOptions(){this.itemObserver.disconnect(),this.itemObserver.observe(this.querySelector("skdx-combobox-content")??this,{childList:!0,subtree:!0,attributeFilter:["data-disabled","role"]})}disconnectedCallback(){this.itemObserver.disconnect(),this.reseedFrame!==void 0&&cancelAnimationFrame(this.reseedFrame),this.teardownOpenChangeComplete?.(),super.disconnectedCallback()}updated(e){let t=!this.hasUpdatedOnce;this.hasUpdatedOnce=!0,this.fillAnatomy(),(t||e.has("value"))&&this.reconcileIdleDraft(),(e.has("value")||e.has("required")||e.has("multiple"))&&this.syncFormState(),e.has("open")&&this.open&&this.announceResultCount(),this.maybeAutoHighlight(),(e.has("inputValue")||e.has("filter"))&&requestAnimationFrame(()=>this.visibleOptions()),e.size>0&&V.COMBOBOX_FAMILY.notify(this),e.has("open")&&!t&&(this.teardownOpenChangeComplete?.(),this.teardownOpenChangeComplete=(0,C.notifyOpenChangeComplete)(()=>this.contentEl,this.open,i=>(0,c.emit)(this,"open-change-complete",i))),(0,v.threadAppearance)(this,{shape:this.shape,size:this.size},[...(0,v.derivedParts)(this,"skdx-combobox-input")])}syncFormState(){this.setFormValue(this.multiple?this.multiFormValue(this.selectedValues):(0,h.selectedValueOf)(this.selectedValues)??""),this.setValueMissing(this.required&&this.selectedValues.length===0,"Please select an item in the list.",this.inputHost?.querySelector("input"))}formResetCallback(){this.value=this.initialValue??[],this.inputValue=this.getAttribute("input-value")??this.defaultInputValue}render(){return p.html`<slot @slotchange=${this.fillAnatomy}></slot>`}};s.styles=p.css`
     :host {
       display: contents;
     }
-  `,n([(0,r.property)({converter:b.selectionAttributeConverter,reflect:!0,noAccessor:!0})],s.prototype,"value",1),n([(0,r.property)({converter:b.selectionAttributeConverter,attribute:"default-value"})],s.prototype,"defaultValue",2),n([(0,r.property)({type:String,attribute:"default-input-value"})],s.prototype,"defaultInputValue",2),n([(0,r.property)({type:Boolean,attribute:"default-open"})],s.prototype,"defaultOpen",2),n([(0,r.property)({type:Boolean,reflect:!0})],s.prototype,"multiple",2),n([(0,r.property)({type:Boolean,attribute:"allow-custom-value",reflect:!0})],s.prototype,"allowCustomValue",2),n([(0,r.property)({attribute:!1})],s.prototype,"filter",2),n([(0,r.property)({type:Boolean,attribute:"auto-highlight",reflect:!0})],s.prototype,"autoHighlight",2),n([(0,r.property)({converter:H.optOutBoolean,attribute:"loop"})],s.prototype,"loop",2),n([(0,r.property)({type:String,attribute:"open-on",reflect:!0})],s.prototype,"openOn",2),n([(0,r.property)({type:Boolean,reflect:!0})],s.prototype,"loading",2),n([(0,r.property)({type:String,attribute:"input-value"})],s.prototype,"inputValue",2),n([(0,r.property)({type:Boolean,reflect:!0})],s.prototype,"open",2),n([(0,r.property)({type:Boolean,reflect:!0})],s.prototype,"invalid",2),n([(0,r.property)({type:Boolean,attribute:"read-only",reflect:!0})],s.prototype,"readOnly",2),n([(0,r.property)({type:Boolean,reflect:!0})],s.prototype,"disabled",2),n([(0,r.property)({type:Boolean,reflect:!0})],s.prototype,"required",2),n([(0,r.property)({type:String,reflect:!0})],s.prototype,"name",2),n([(0,r.property)({type:String,attribute:"form",reflect:!0})],s.prototype,"formId",2),n([(0,r.property)({attribute:"required-message"})],s.prototype,"requiredMessage",2),n([(0,r.property)({attribute:!1})],s.prototype,"getResultCountLabel",2),n([(0,r.property)({attribute:!1})],s.prototype,"options",2),n([(0,r.property)({type:String})],s.prototype,"placeholder",2),n([(0,r.property)({type:String,attribute:"data-shape"})],s.prototype,"shape",2),n([(0,r.property)({type:String,attribute:"data-size"})],s.prototype,"size",2),s=n([(0,I.customElement)("skdx-combobox")],s);0&&(module.exports={OPTION_SELECTOR,SkdxCombobox,defaultGetResultCountLabel,scrollIntoListbox});
+  `,n([(0,r.property)({converter:b.selectionAttributeConverter,reflect:!0,noAccessor:!0})],s.prototype,"value",1),n([(0,r.property)({converter:b.selectionAttributeConverter,attribute:"default-value"})],s.prototype,"defaultValue",2),n([(0,r.property)({type:String,attribute:"default-input-value"})],s.prototype,"defaultInputValue",2),n([(0,r.property)({type:Boolean,attribute:"default-open"})],s.prototype,"defaultOpen",2),n([(0,r.property)({type:Boolean,reflect:!0})],s.prototype,"multiple",2),n([(0,r.property)({type:Boolean,attribute:"allow-custom-value",reflect:!0})],s.prototype,"allowCustomValue",2),n([(0,r.property)({attribute:!1})],s.prototype,"filter",2),n([(0,r.property)({type:Boolean,attribute:"auto-highlight",reflect:!0})],s.prototype,"autoHighlight",2),n([(0,r.property)({converter:E.optOutBoolean,attribute:"loop"})],s.prototype,"loop",2),n([(0,r.property)({type:String,attribute:"open-on",reflect:!0})],s.prototype,"openOn",2),n([(0,r.property)({type:Boolean,reflect:!0})],s.prototype,"loading",2),n([(0,r.property)({type:String,attribute:"input-value"})],s.prototype,"inputValue",2),n([(0,r.property)({type:Boolean,reflect:!0})],s.prototype,"open",2),n([(0,r.property)({type:Boolean,reflect:!0})],s.prototype,"invalid",2),n([(0,r.property)({type:Boolean,attribute:"read-only",reflect:!0})],s.prototype,"readOnly",2),n([(0,r.property)({type:Boolean,reflect:!0})],s.prototype,"disabled",2),n([(0,r.property)({type:Boolean,reflect:!0})],s.prototype,"required",2),n([(0,r.property)({type:String,reflect:!0})],s.prototype,"name",2),n([(0,r.property)({type:String,attribute:"form",reflect:!0})],s.prototype,"formId",2),n([(0,r.property)({attribute:"required-message"})],s.prototype,"requiredMessage",2),n([(0,r.property)({attribute:!1})],s.prototype,"getResultCountLabel",2),n([(0,r.property)({attribute:!1})],s.prototype,"options",2),n([(0,r.property)({type:String})],s.prototype,"placeholder",2),n([(0,r.property)({type:String,attribute:"data-shape"})],s.prototype,"shape",2),n([(0,r.property)({type:String,attribute:"data-size"})],s.prototype,"size",2),s=n([(0,I.customElement)("skdx-combobox")],s);0&&(module.exports={OPTION_SELECTOR,SkdxCombobox,defaultGetResultCountLabel,scrollIntoListbox});

package/dist/combobox/Combobox.d.cts

@@ -226,11 +226,15 @@ export declare class SkdxCombobox extends SkdxCombobox_base {
     clear(): void;
     /** The text the last single-select commit wrote, for {@link reconcileDraftText}. */
     private committedText?;
+    private selectedText;
     /**
      * Reconcile draft text with selection on blur (without `allow-custom-value`).
      * @internal
      */
     reconcileDraftText(): void;
+    private reconcileIdleDraft;
+    /** The selection the draft was last mirrored for. */
+    private mirroredSelection?;
     /**
      * Whether item text survives the current filter predicate.
      * @internal

package/dist/combobox/Combobox.d.ts

@@ -226,11 +226,15 @@ export declare class SkdxCombobox extends SkdxCombobox_base {
     clear(): void;
     /** The text the last single-select commit wrote, for {@link reconcileDraftText}. */
     private committedText?;
+    private selectedText;
     /**
      * Reconcile draft text with selection on blur (without `allow-custom-value`).
      * @internal
      */
     reconcileDraftText(): void;
+    private reconcileIdleDraft;
+    /** The selection the draft was last mirrored for. */
+    private mirroredSelection?;
     /**
      * Whether item text survives the current filter predicate.
      * @internal

package/dist/combobox/Combobox.js

@@ -1,5 +1,5 @@
-var v=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var n=(a,o,e,t)=>{for(var i=t>1?void 0:t?y(o,e):o,l=a.length-1,u;l>=0;l--)(u=a[l])&&(i=(t?u(o,e,i):u(i))||i);return t&&i&&v(o,e,i),i};import{css as b,html as O,LitElement as V}from"lit";import{property as r}from"lit/decorators.js";import{hasAuthoredParts as I,hasGeneratedContent as R}from"../internal/authored.js";import{customElement as A}from"../internal/define.js";import{derivedParts as C,threadAppearance as E}from"../internal/derive.js";import{emit as h}from"../internal/events.js";import{FormAssociated as H}from"../internal/form-associated.js";import{nextId as T}from"../internal/ids.js";import{notifyOpenChangeComplete as F}from"../internal/open-change-complete.js";import{defaultOptionsFilter as M}from"../internal/options.js";import{optOutBoolean as x}from"../internal/positioning.js";import{filterKeeps as B,sortByScore as q}from"../internal/scored-filter.js";import{nextSelection as L,selectedValueOf as d,toSelectionValues as c}from"../internal/selection.js";import{selectionAttributeConverter as m}from"../internal/selection-attribute.js";import{announce as S}from"../utils/live-announcer.js";import{COMBOBOX_ANATOMY_GENERATED as f,COMBOBOX_RENDER_SLOTS as _,fillComboboxAnatomy as w,refreshComboboxAnatomyText as D}from"./ComboboxAnatomy.js";import{COMBOBOX_FAMILY as g}from"./family.js";var p='[role="option"]:not([data-disabled])';function U(a,o){let e=a.querySelector('[data-part="viewport"]')??a;if(e===o||!e.contains(o))return;let t=e.getBoundingClientRect(),i=o.getBoundingClientRect();e.scrollTop+=i.top-t.top-(t.height-i.height)/2}function k(a){return`${a} result${a===1?"":"s"} available`}function N(a,o){return a.length===o.length&&a.every((e,t)=>e===o[t])}var s=class extends H(V){constructor(){super(...arguments);this._values=[];this.defaultInputValue="";this.defaultOpen=!1;this.multiple=!1;this.allowCustomValue=!1;this.filter="manual";this.autoHighlight=!1;this.loop=!0;this.openOn="type";this.loading=!1;this.inputValue="";this.open=!1;this.invalid=!1;this.readOnly=!1;this.disabled=!1;this.required=!1;this.getResultCountLabel=k;this.contentId=T("skdx-combobox-content");this.activeId=null;this.inputHost=null;this.contentEl=null;this.itemRegistry=new Map;this.previousHighlight=null;this.itemObserver=new MutationObserver(()=>{this.announceResultCount(),this.visibleOptions()});this.fillAnatomy=()=>{if(I(this,f,_)){this._anatomyOptionsRef=void 0;return}this.options!==this._anatomyOptionsRef||!R(this,f)?(this._anatomyOptionsRef=this.options,w(this),this.observeOptions()):D(this)};this.hasUpdatedOnce=!1}get value(){return this._values}set value(e){let t=c(e,{multiple:this.isMultiple,label:"Combobox value"}),i=this._values;this._values=t,this.requestUpdate("value",i)}get isMultiple(){return this.multiple||!this.hasUpdated&&this.hasAttribute("multiple")}setValue(e,t="programmatic"){let i=c(e,{multiple:this.multiple,label:"Combobox value"});if(N(this.value,i))return;let l=this.value;this.value=i;let u={value:i,previousValue:l,reason:t,selectedValue:d(i)};h(this,"value-change",u),this.notify()}get selectedValues(){return this.value}isSelected(e){return this.selectedValues.includes(e)}selectItem(e,t,i="programmatic"){let l=L(this.selectedValues,e,this.multiple);if(!this.multiple){this.committedText=t,this.setValue(l,i),this.setInputValue(t),this.setOpen(!1);return}this.setValue(l,i),this.setInputValue("")}clear(){this.setValue([],"pointer"),this.committedText=void 0,this.setInputValue("")}reconcileDraftText(){if(this.allowCustomValue)return;let e=this.multiple?void 0:this.selectedValues[0];if(e===void 0){this.setInputValue("");return}for(let t of this.itemRegistry.values())if(t.value===e){this.setInputValue(t.text||t.value);return}this.setInputValue(this.committedText??e)}matchesFilter(e){let t;return this.filter!=="manual"?t=this.filter:this.options&&(t=M),!t||B(t(e,this.inputValue))}visibleOptions(){if(this.filter==="manual")return Array.from(this.querySelectorAll(p));let e=this.filter;return q(this,p,t=>{let i=this.itemRegistry.get(t);if(!i)return null;let l=e(i.text,this.inputValue);return typeof l=="number"?l:null})}registerItem(e,t){this.itemRegistry.set(e,t)}unregisterItem(e){this.itemRegistry.delete(e),this.activeId===e&&this.scheduleReseed()}scheduleReseed(){this.reseedFrame===void 0&&(this.reseedFrame=requestAnimationFrame(()=>{this.reseedFrame=void 0;let e=this.activeId;if(e===null)return;let t=this.visibleOptions();t.some(i=>i.id===e)||this.setActiveId(t[0]?.id??null)}))}getItem(e){return this.itemRegistry.get(e)}setInputValue(e){this.inputValue!==e&&(this.inputValue=e,this.emit("input-value-change",e))}setOpen(e){this.open!==e&&(this.open=e,e||this.setActiveId(null),this.emit("open-change",e))}openWithHighlight(e){this.setOpen(!0),requestAnimationFrame(()=>{let t=this.visibleOptions();if(t.length===0)return;let i=e==="last"?t[t.length-1]:t[0];this.setActiveId(this.activeId??i.id),this.contentEl&&U(this.contentEl,i)})}setActiveId(e,t="auto"){this.activeId=e;let i=e?this.itemRegistry.get(e)?.value??null:null;if(i!==this.previousHighlight){let l=this.previousHighlight;this.previousHighlight=i,h(this,"highlight-change",{value:i,previousValue:l,reason:t})}this.notify()}emit(e,t){h(this,e,t),this.notify()}notify(){g.notify(this),this.requestUpdate()}get hasNoSelection(){return this.value.length===0}willUpdate(){this.hasUpdated||(this.defaultValue!==void 0&&this.hasNoSelection&&(this.value=this.defaultValue),this.defaultInputValue!==""&&this.inputValue===""&&(this.inputValue=this.defaultInputValue),this.defaultOpen&&!this.open&&(this.open=!0))}announceResultCount(){!this.open||this.loading||S(this.getResultCountLabel(this.querySelectorAll(p).length))}maybeAutoHighlight(){!this.autoHighlight||!this.open||this.activeId!==null||requestAnimationFrame(()=>{if(!this.autoHighlight||!this.open||this.activeId!==null)return;let e=this.visibleOptions()[0];e&&this.setActiveId(e.id)})}connectedCallback(){super.connectedCallback(),this.initialValue??(this.initialValue=this.defaultValue??this.value);let e=this.querySelector("skdx-combobox-content")?.id;e&&(this.contentId=e),this.observeOptions(),queueMicrotask(this.fillAnatomy)}observeOptions(){this.itemObserver.disconnect(),this.itemObserver.observe(this.querySelector("skdx-combobox-content")??this,{childList:!0,subtree:!0,attributeFilter:["data-disabled","role"]})}disconnectedCallback(){this.itemObserver.disconnect(),this.reseedFrame!==void 0&&cancelAnimationFrame(this.reseedFrame),this.teardownOpenChangeComplete?.(),super.disconnectedCallback()}updated(e){let t=!this.hasUpdatedOnce;this.hasUpdatedOnce=!0,this.fillAnatomy(),(e.has("value")||e.has("required")||e.has("multiple"))&&this.syncFormState(),e.has("open")&&this.open&&this.announceResultCount(),this.maybeAutoHighlight(),(e.has("inputValue")||e.has("filter"))&&requestAnimationFrame(()=>this.visibleOptions()),e.size>0&&g.notify(this),e.has("open")&&!t&&(this.teardownOpenChangeComplete?.(),this.teardownOpenChangeComplete=F(()=>this.contentEl,this.open,i=>h(this,"open-change-complete",i))),E(this,{shape:this.shape,size:this.size},[...C(this,"skdx-combobox-input")])}syncFormState(){this.setFormValue(this.multiple?this.multiFormValue(this.selectedValues):d(this.selectedValues)??""),this.setValueMissing(this.required&&this.selectedValues.length===0,"Please select an item in the list.",this.inputHost?.querySelector("input"))}formResetCallback(){this.value=this.initialValue??[],this.inputValue=this.getAttribute("input-value")??this.defaultInputValue}render(){return O`<slot @slotchange=${this.fillAnatomy}></slot>`}};s.styles=b`
+var v=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var n=(o,a,e,t)=>{for(var i=t>1?void 0:t?y(a,e):a,l=o.length-1,u;l>=0;l--)(u=o[l])&&(i=(t?u(a,e,i):u(i))||i);return t&&i&&v(a,e,i),i};import{css as b,html as V,LitElement as O}from"lit";import{property as r}from"lit/decorators.js";import{hasAuthoredParts as I,hasGeneratedContent as R}from"../internal/authored.js";import{customElement as A}from"../internal/define.js";import{derivedParts as C,threadAppearance as T}from"../internal/derive.js";import{emit as h}from"../internal/events.js";import{FormAssociated as E}from"../internal/form-associated.js";import{nextId as x}from"../internal/ids.js";import{notifyOpenChangeComplete as H}from"../internal/open-change-complete.js";import{defaultOptionsFilter as F}from"../internal/options.js";import{optOutBoolean as M}from"../internal/positioning.js";import{filterKeeps as S,sortByScore as q}from"../internal/scored-filter.js";import{nextSelection as B,selectedValueOf as d,toSelectionValues as c}from"../internal/selection.js";import{selectionAttributeConverter as f}from"../internal/selection-attribute.js";import{announce as L}from"../utils/live-announcer.js";import{COMBOBOX_ANATOMY_GENERATED as m,COMBOBOX_RENDER_SLOTS as w,fillComboboxAnatomy as _,refreshComboboxAnatomyText as D}from"./ComboboxAnatomy.js";import{COMBOBOX_FAMILY as g}from"./family.js";var p='[role="option"]:not([data-disabled])';function U(o,a){let e=o.querySelector('[data-part="viewport"]')??o;if(e===a||!e.contains(a))return;let t=e.getBoundingClientRect(),i=a.getBoundingClientRect();e.scrollTop+=i.top-t.top-(t.height-i.height)/2}function k(o){return`${o} result${o===1?"":"s"} available`}function N(o,a){return o.length===a.length&&o.every((e,t)=>e===a[t])}var s=class extends E(O){constructor(){super(...arguments);this._values=[];this.defaultInputValue="";this.defaultOpen=!1;this.multiple=!1;this.allowCustomValue=!1;this.filter="manual";this.autoHighlight=!1;this.loop=!0;this.openOn="type";this.loading=!1;this.inputValue="";this.open=!1;this.invalid=!1;this.readOnly=!1;this.disabled=!1;this.required=!1;this.getResultCountLabel=k;this.contentId=x("skdx-combobox-content");this.activeId=null;this.inputHost=null;this.contentEl=null;this.itemRegistry=new Map;this.previousHighlight=null;this.itemObserver=new MutationObserver(()=>{this.announceResultCount(),this.visibleOptions()});this.fillAnatomy=()=>{if(I(this,m,w)){this._anatomyOptionsRef=void 0;return}this.options!==this._anatomyOptionsRef||!R(this,m)?(this._anatomyOptionsRef=this.options,_(this),this.observeOptions()):D(this)};this.hasUpdatedOnce=!1}get value(){return this._values}set value(e){let t=c(e,{multiple:this.isMultiple,label:"Combobox value"}),i=this._values;this._values=t,this.requestUpdate("value",i)}get isMultiple(){return this.multiple||!this.hasUpdated&&this.hasAttribute("multiple")}setValue(e,t="programmatic"){let i=c(e,{multiple:this.multiple,label:"Combobox value"});if(N(this.value,i))return;let l=this.value;this.value=i;let u={value:i,previousValue:l,reason:t,selectedValue:d(i)};h(this,"value-change",u),this.notify()}get selectedValues(){return this.value}isSelected(e){return this.selectedValues.includes(e)}selectItem(e,t,i="programmatic"){let l=B(this.selectedValues,e,this.multiple);if(!this.multiple){this.committedText=t,this.setValue(l,i),this.setInputValue(t),this.setOpen(!1);return}this.setValue(l,i),this.setInputValue("")}clear(){this.setValue([],"pointer"),this.committedText=void 0,this.setInputValue("")}selectedText(e){for(let t of this.itemRegistry.values())if(t.value===e)return t.text||t.value;for(let t of this.options??[])for(let i of"options"in t?t.options:[t])if(i.value===e)return i.label??i.value;return this.committedText}reconcileDraftText(){if(this.allowCustomValue)return;let e=this.multiple?void 0:this.selectedValues[0];this.setInputValue(e===void 0?"":this.selectedText(e)??e)}reconcileIdleDraft(){if(this.allowCustomValue||this.multiple)return;let e=this.selectedValues[0],t=e!==this.mirroredSelection;if(this.mirroredSelection=e,e===void 0)return;let i=this.inputHost?.querySelector("input");if(i&&i.ownerDocument.activeElement===i||!t&&this.inputValue!=="")return;let l=this.selectedText(e);l!==void 0&&this.setInputValue(l)}matchesFilter(e){let t;return this.filter!=="manual"?t=this.filter:this.options&&(t=F),!t||S(t(e,this.inputValue))}visibleOptions(){if(this.filter==="manual")return Array.from(this.querySelectorAll(p));let e=this.filter;return q(this,p,t=>{let i=this.itemRegistry.get(t);if(!i)return null;let l=e(i.text,this.inputValue);return typeof l=="number"?l:null})}registerItem(e,t){this.itemRegistry.set(e,t),this.reconcileIdleDraft()}unregisterItem(e){this.itemRegistry.delete(e),this.activeId===e&&this.scheduleReseed()}scheduleReseed(){this.reseedFrame===void 0&&(this.reseedFrame=requestAnimationFrame(()=>{this.reseedFrame=void 0;let e=this.activeId;if(e===null)return;let t=this.visibleOptions();t.some(i=>i.id===e)||this.setActiveId(t[0]?.id??null)}))}getItem(e){return this.itemRegistry.get(e)}setInputValue(e){this.inputValue!==e&&(this.inputValue=e,this.emit("input-value-change",e))}setOpen(e){this.open!==e&&(this.open=e,e||this.setActiveId(null),this.emit("open-change",e))}openWithHighlight(e){this.setOpen(!0),requestAnimationFrame(()=>{let t=this.visibleOptions();if(t.length===0)return;let i=e==="last"?t[t.length-1]:t[0];this.setActiveId(this.activeId??i.id),this.contentEl&&U(this.contentEl,i)})}setActiveId(e,t="auto"){this.activeId=e;let i=e?this.itemRegistry.get(e)?.value??null:null;if(i!==this.previousHighlight){let l=this.previousHighlight;this.previousHighlight=i,h(this,"highlight-change",{value:i,previousValue:l,reason:t})}this.notify()}emit(e,t){h(this,e,t),this.notify()}notify(){g.notify(this),this.requestUpdate()}get hasNoSelection(){return this.value.length===0}willUpdate(){this.hasUpdated||(this.defaultValue!==void 0&&this.hasNoSelection&&(this.value=this.defaultValue),this.defaultInputValue!==""&&this.inputValue===""&&(this.inputValue=this.defaultInputValue),this.defaultOpen&&!this.open&&(this.open=!0),this.mirroredSelection=this.selectedValues[0])}announceResultCount(){!this.open||this.loading||L(this.getResultCountLabel(this.querySelectorAll(p).length))}maybeAutoHighlight(){!this.autoHighlight||!this.open||this.activeId!==null||requestAnimationFrame(()=>{if(!this.autoHighlight||!this.open||this.activeId!==null)return;let e=this.visibleOptions()[0];e&&this.setActiveId(e.id)})}connectedCallback(){super.connectedCallback(),this.initialValue??(this.initialValue=this.defaultValue??this.value);let e=this.querySelector("skdx-combobox-content")?.id;e&&(this.contentId=e),this.observeOptions(),queueMicrotask(this.fillAnatomy)}observeOptions(){this.itemObserver.disconnect(),this.itemObserver.observe(this.querySelector("skdx-combobox-content")??this,{childList:!0,subtree:!0,attributeFilter:["data-disabled","role"]})}disconnectedCallback(){this.itemObserver.disconnect(),this.reseedFrame!==void 0&&cancelAnimationFrame(this.reseedFrame),this.teardownOpenChangeComplete?.(),super.disconnectedCallback()}updated(e){let t=!this.hasUpdatedOnce;this.hasUpdatedOnce=!0,this.fillAnatomy(),(t||e.has("value"))&&this.reconcileIdleDraft(),(e.has("value")||e.has("required")||e.has("multiple"))&&this.syncFormState(),e.has("open")&&this.open&&this.announceResultCount(),this.maybeAutoHighlight(),(e.has("inputValue")||e.has("filter"))&&requestAnimationFrame(()=>this.visibleOptions()),e.size>0&&g.notify(this),e.has("open")&&!t&&(this.teardownOpenChangeComplete?.(),this.teardownOpenChangeComplete=H(()=>this.contentEl,this.open,i=>h(this,"open-change-complete",i))),T(this,{shape:this.shape,size:this.size},[...C(this,"skdx-combobox-input")])}syncFormState(){this.setFormValue(this.multiple?this.multiFormValue(this.selectedValues):d(this.selectedValues)??""),this.setValueMissing(this.required&&this.selectedValues.length===0,"Please select an item in the list.",this.inputHost?.querySelector("input"))}formResetCallback(){this.value=this.initialValue??[],this.inputValue=this.getAttribute("input-value")??this.defaultInputValue}render(){return V`<slot @slotchange=${this.fillAnatomy}></slot>`}};s.styles=b`
     :host {
       display: contents;
     }
-  `,n([r({converter:m,reflect:!0,noAccessor:!0})],s.prototype,"value",1),n([r({converter:m,attribute:"default-value"})],s.prototype,"defaultValue",2),n([r({type:String,attribute:"default-input-value"})],s.prototype,"defaultInputValue",2),n([r({type:Boolean,attribute:"default-open"})],s.prototype,"defaultOpen",2),n([r({type:Boolean,reflect:!0})],s.prototype,"multiple",2),n([r({type:Boolean,attribute:"allow-custom-value",reflect:!0})],s.prototype,"allowCustomValue",2),n([r({attribute:!1})],s.prototype,"filter",2),n([r({type:Boolean,attribute:"auto-highlight",reflect:!0})],s.prototype,"autoHighlight",2),n([r({converter:x,attribute:"loop"})],s.prototype,"loop",2),n([r({type:String,attribute:"open-on",reflect:!0})],s.prototype,"openOn",2),n([r({type:Boolean,reflect:!0})],s.prototype,"loading",2),n([r({type:String,attribute:"input-value"})],s.prototype,"inputValue",2),n([r({type:Boolean,reflect:!0})],s.prototype,"open",2),n([r({type:Boolean,reflect:!0})],s.prototype,"invalid",2),n([r({type:Boolean,attribute:"read-only",reflect:!0})],s.prototype,"readOnly",2),n([r({type:Boolean,reflect:!0})],s.prototype,"disabled",2),n([r({type:Boolean,reflect:!0})],s.prototype,"required",2),n([r({type:String,reflect:!0})],s.prototype,"name",2),n([r({type:String,attribute:"form",reflect:!0})],s.prototype,"formId",2),n([r({attribute:"required-message"})],s.prototype,"requiredMessage",2),n([r({attribute:!1})],s.prototype,"getResultCountLabel",2),n([r({attribute:!1})],s.prototype,"options",2),n([r({type:String})],s.prototype,"placeholder",2),n([r({type:String,attribute:"data-shape"})],s.prototype,"shape",2),n([r({type:String,attribute:"data-size"})],s.prototype,"size",2),s=n([A("skdx-combobox")],s);export{p as OPTION_SELECTOR,s as SkdxCombobox,k as defaultGetResultCountLabel,U as scrollIntoListbox};
+  `,n([r({converter:f,reflect:!0,noAccessor:!0})],s.prototype,"value",1),n([r({converter:f,attribute:"default-value"})],s.prototype,"defaultValue",2),n([r({type:String,attribute:"default-input-value"})],s.prototype,"defaultInputValue",2),n([r({type:Boolean,attribute:"default-open"})],s.prototype,"defaultOpen",2),n([r({type:Boolean,reflect:!0})],s.prototype,"multiple",2),n([r({type:Boolean,attribute:"allow-custom-value",reflect:!0})],s.prototype,"allowCustomValue",2),n([r({attribute:!1})],s.prototype,"filter",2),n([r({type:Boolean,attribute:"auto-highlight",reflect:!0})],s.prototype,"autoHighlight",2),n([r({converter:M,attribute:"loop"})],s.prototype,"loop",2),n([r({type:String,attribute:"open-on",reflect:!0})],s.prototype,"openOn",2),n([r({type:Boolean,reflect:!0})],s.prototype,"loading",2),n([r({type:String,attribute:"input-value"})],s.prototype,"inputValue",2),n([r({type:Boolean,reflect:!0})],s.prototype,"open",2),n([r({type:Boolean,reflect:!0})],s.prototype,"invalid",2),n([r({type:Boolean,attribute:"read-only",reflect:!0})],s.prototype,"readOnly",2),n([r({type:Boolean,reflect:!0})],s.prototype,"disabled",2),n([r({type:Boolean,reflect:!0})],s.prototype,"required",2),n([r({type:String,reflect:!0})],s.prototype,"name",2),n([r({type:String,attribute:"form",reflect:!0})],s.prototype,"formId",2),n([r({attribute:"required-message"})],s.prototype,"requiredMessage",2),n([r({attribute:!1})],s.prototype,"getResultCountLabel",2),n([r({attribute:!1})],s.prototype,"options",2),n([r({type:String})],s.prototype,"placeholder",2),n([r({type:String,attribute:"data-shape"})],s.prototype,"shape",2),n([r({type:String,attribute:"data-size"})],s.prototype,"size",2),s=n([A("skdx-combobox")],s);export{p as OPTION_SELECTOR,s as SkdxCombobox,k as defaultGetResultCountLabel,U as scrollIntoListbox};

package/dist/combobox/ComboboxContent.cjs

@@ -1,4 +1,4 @@
-"use strict";var u=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var O=Object.prototype.hasOwnProperty;var g=(n,i)=>{for(var t in i)u(n,t,{get:i[t],enumerable:!0})},L=(n,i,t,s)=>{if(i&&typeof i=="object"||typeof i=="function")for(let e of E(i))!O.call(n,e)&&e!==t&&u(n,e,{get:()=>i[e],enumerable:!(s=v(i,e))||s.enumerable});return n};var P=n=>L(u({},"__esModule",{value:!0}),n),a=(n,i,t,s)=>{for(var e=s>1?void 0:s?v(i,t):i,h=n.length-1,f;h>=0;h--)(f=n[h])&&(e=(s?f(i,t,e):f(e))||e);return s&&e&&u(i,t,e),e};var w={};g(w,{SkdxComboboxContent:()=>o});module.exports=P(w);var d=require("lit"),l=require("lit/decorators.js"),m=require("../internal/closest.cjs"),y=require("../internal/define.cjs"),r=require("../internal/dismiss.cjs"),p=require("../internal/positioning.cjs"),b=require("../internal/styles.cjs"),c=require("./family.cjs");var o=class extends d.LitElement{constructor(){super(...arguments);this.side="bottom";this.align="start";this.sideOffset=4;this.alignOffset=0;this.avoidCollisions=!0;this.collisionPadding=8;this.root=null;this.layer={insideElements:()=>[this,this.root]};this.onRootUpdate=()=>this.syncHostState();this.preventFocusSteal=t=>t.preventDefault();this.handleEscape=t=>{(0,r.dispatchEscapeKeyDown)(this,t)&&this.root?.setOpen(!1)};this.handleDocumentKeyDown=t=>{this.root?.open&&(0,r.handleEscapeKeyDown)(t,this.layer,this.handleEscape)};this.handleOutsidePointerDown=t=>{!this.root?.open||this.isInside(t.target)||(0,r.dispatchOutside)(this,"pointer-down-outside",t)&&this.root.setOpen(!1)};this.handleOutsideFocus=t=>{if(!this.root?.open)return;let s=(0,r.focusOutsideTarget)(t);s===null||this.isInside(s)||(0,r.dispatchOutside)(this,"focus-outside",t)&&this.root.setOpen(!1)}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listbox"),this.root=(0,m.closestThroughPortal)(this,c.COMBOBOX_FAMILY.selector),this.root&&(this.root.contentEl=this),this.root?.addEventListener(c.COMBOBOX_FAMILY.event,this.onRootUpdate),this.addEventListener("mousedown",this.preventFocusSteal),document.addEventListener("keydown",this.handleDocumentKeyDown,!0),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.root&&(this.id?this.root.contentId=this.id:this.id=this.root.contentId),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(c.COMBOBOX_FAMILY.event,this.onRootUpdate),this.root?.contentEl===this&&(this.root.contentEl=null),this.removeEventListener("mousedown",this.preventFocusSteal),document.removeEventListener("keydown",this.handleDocumentKeyDown,!0),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.cleanupPosition?.(),this.releaseLayer?.(),this.releaseLayer=void 0,super.disconnectedCallback()}isInside(t){return t?this.contains(t)||this.root?.contains(t)===!0:!1}syncHostState(){let t=this.root?.open??!1;this.setAttribute("data-state",t?"open":"closed"),this.setAttribute("data-side",this.side??"bottom"),this.setAttribute("data-align",this.align??"start");for(let[s,e,h]of[["aria-multiselectable","data-multiple",this.root?.multiple],["aria-busy","data-loading",this.root?.loading]])h?(this.setAttribute(s,"true"),this.setAttribute(e,"")):(this.removeAttribute(s),this.removeAttribute(e));this.hidden=!t,t&&!this.releaseLayer?this.releaseLayer=(0,r.pushDismissLayer)(this.layer):!t&&this.releaseLayer&&(this.releaseLayer(),this.releaseLayer=void 0),t?this.activate():this.deactivate()}activate(){this.cleanupPosition||!this.root?.inputHost||(this.cleanupPosition=(0,p.positionFloating)(this.root.inputHost,this,{side:this.side,align:this.align,sideOffset:this.sideOffset,alignOffset:this.alignOffset,avoidCollisions:this.avoidCollisions,collisionPadding:this.collisionPadding,collisionBoundary:this.collisionBoundary,component:"combobox"}))}deactivate(){this.cleanupPosition?.(),this.cleanupPosition=void 0}render(){return d.html`<slot></slot>`}};o.styles=[b.hiddenHostStyles,d.css`
+"use strict";var u=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var O=Object.prototype.hasOwnProperty;var L=(r,i)=>{for(var t in i)u(r,t,{get:i[t],enumerable:!0})},g=(r,i,t,s)=>{if(i&&typeof i=="object"||typeof i=="function")for(let e of E(i))!O.call(r,e)&&e!==t&&u(r,e,{get:()=>i[e],enumerable:!(s=v(i,e))||s.enumerable});return r};var P=r=>g(u({},"__esModule",{value:!0}),r),a=(r,i,t,s)=>{for(var e=s>1?void 0:s?v(i,t):i,h=r.length-1,f;h>=0;h--)(f=r[h])&&(e=(s?f(i,t,e):f(e))||e);return s&&e&&u(i,t,e),e};var w={};L(w,{SkdxComboboxContent:()=>o});module.exports=P(w);var d=require("lit"),l=require("lit/decorators.js"),m=require("../internal/closest.cjs"),y=require("../internal/define.cjs"),n=require("../internal/dismiss.cjs"),p=require("../internal/positioning.cjs"),b=require("../internal/styles.cjs"),c=require("./family.cjs");var o=class extends d.LitElement{constructor(){super(...arguments);this.side="bottom";this.align="start";this.sideOffset=4;this.alignOffset=0;this.avoidCollisions=!0;this.collisionPadding=8;this.root=null;this.layer={insideElements:()=>[this,this.root]};this.onRootUpdate=()=>this.syncHostState();this.preventFocusSteal=t=>t.preventDefault();this.handleEscape=t=>{(0,n.dispatchEscapeKeyDown)(this,t)&&this.root?.setOpen(!1)};this.handleDocumentKeyDown=t=>{this.root?.open&&(0,n.handleEscapeKeyDown)(t,this.layer,this.handleEscape)};this.handleOutsidePointerDown=t=>{!this.root?.open||this.isInside(t.target)||(0,n.dispatchOutside)(this,"pointer-down-outside",t)&&this.root.setOpen(!1)};this.handleOutsideFocus=t=>{if(!this.root?.open)return;let s=(0,n.focusOutsideTarget)(t);s===null||this.isInside(s)||(0,n.dispatchOutside)(this,"focus-outside",t)&&this.root.setOpen(!1)}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listbox"),this.root=(0,m.closestThroughPortal)(this,c.COMBOBOX_FAMILY.selector),this.root&&(this.root.contentEl=this),this.root?.addEventListener(c.COMBOBOX_FAMILY.event,this.onRootUpdate),this.addEventListener("mousedown",this.preventFocusSteal),document.addEventListener("keydown",this.handleDocumentKeyDown,!0),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.root&&(this.id?this.root.contentId=this.id:this.id=this.root.contentId),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(c.COMBOBOX_FAMILY.event,this.onRootUpdate),this.root?.contentEl===this&&(this.root.contentEl=null),this.removeEventListener("mousedown",this.preventFocusSteal),document.removeEventListener("keydown",this.handleDocumentKeyDown,!0),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.cleanupPosition?.(),this.releaseLayer?.(),this.releaseLayer=void 0,super.disconnectedCallback()}isInside(t){return t?(0,n.nestedLayerContains)(this.layer,t)?!0:this.contains(t)||this.root?.contains(t)===!0:!1}syncHostState(){let t=this.root?.open??!1;this.setAttribute("data-state",t?"open":"closed"),this.setAttribute("data-side",this.side??"bottom"),this.setAttribute("data-align",this.align??"start");for(let[s,e,h]of[["aria-multiselectable","data-multiple",this.root?.multiple],["aria-busy","data-loading",this.root?.loading]])h?(this.setAttribute(s,"true"),this.setAttribute(e,"")):(this.removeAttribute(s),this.removeAttribute(e));this.hidden=!t,t&&!this.releaseLayer?this.releaseLayer=(0,n.pushDismissLayer)(this.layer):!t&&this.releaseLayer&&(this.releaseLayer(),this.releaseLayer=void 0),t?this.activate():this.deactivate()}activate(){this.cleanupPosition||!this.root?.inputHost||(this.cleanupPosition=(0,p.positionFloating)(this.root.inputHost,this,{side:this.side,align:this.align,sideOffset:this.sideOffset,alignOffset:this.alignOffset,avoidCollisions:this.avoidCollisions,collisionPadding:this.collisionPadding,collisionBoundary:this.collisionBoundary,component:"combobox"}))}deactivate(){this.cleanupPosition?.(),this.cleanupPosition=void 0}render(){return d.html`<slot></slot>`}};o.styles=[b.hiddenHostStyles,d.css`
       :host {
         display: block;
       }

package/dist/combobox/ComboboxContent.js

@@ -1,5 +1,5 @@
-var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var o=(l,r,t,i)=>{for(var s=i>1?void 0:i?p(r,t):r,a=l.length-1,d;a>=0;a--)(d=l[a])&&(s=(i?d(r,t,s):d(s))||s);return i&&s&&c(r,t,s),s};import{css as f,html as v,LitElement as m}from"lit";import{property as n}from"lit/decorators.js";import{closestThroughPortal as y}from"../internal/closest.js";import{customElement as b}from"../internal/define.js";import{dispatchEscapeKeyDown as E,dispatchOutside as u,focusOutsideTarget as O,handleEscapeKeyDown as g,pushDismissLayer as L}from"../internal/dismiss.js";import{optOutBoolean as P,positionFloating as w}from"../internal/positioning.js";import{hiddenHostStyles as D}from"../internal/styles.js";import{COMBOBOX_FAMILY as h}from"./family.js";var e=class extends m{constructor(){super(...arguments);this.side="bottom";this.align="start";this.sideOffset=4;this.alignOffset=0;this.avoidCollisions=!0;this.collisionPadding=8;this.root=null;this.layer={insideElements:()=>[this,this.root]};this.onRootUpdate=()=>this.syncHostState();this.preventFocusSteal=t=>t.preventDefault();this.handleEscape=t=>{E(this,t)&&this.root?.setOpen(!1)};this.handleDocumentKeyDown=t=>{this.root?.open&&g(t,this.layer,this.handleEscape)};this.handleOutsidePointerDown=t=>{!this.root?.open||this.isInside(t.target)||u(this,"pointer-down-outside",t)&&this.root.setOpen(!1)};this.handleOutsideFocus=t=>{if(!this.root?.open)return;let i=O(t);i===null||this.isInside(i)||u(this,"focus-outside",t)&&this.root.setOpen(!1)}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listbox"),this.root=y(this,h.selector),this.root&&(this.root.contentEl=this),this.root?.addEventListener(h.event,this.onRootUpdate),this.addEventListener("mousedown",this.preventFocusSteal),document.addEventListener("keydown",this.handleDocumentKeyDown,!0),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.root&&(this.id?this.root.contentId=this.id:this.id=this.root.contentId),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(h.event,this.onRootUpdate),this.root?.contentEl===this&&(this.root.contentEl=null),this.removeEventListener("mousedown",this.preventFocusSteal),document.removeEventListener("keydown",this.handleDocumentKeyDown,!0),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.cleanupPosition?.(),this.releaseLayer?.(),this.releaseLayer=void 0,super.disconnectedCallback()}isInside(t){return t?this.contains(t)||this.root?.contains(t)===!0:!1}syncHostState(){let t=this.root?.open??!1;this.setAttribute("data-state",t?"open":"closed"),this.setAttribute("data-side",this.side??"bottom"),this.setAttribute("data-align",this.align??"start");for(let[i,s,a]of[["aria-multiselectable","data-multiple",this.root?.multiple],["aria-busy","data-loading",this.root?.loading]])a?(this.setAttribute(i,"true"),this.setAttribute(s,"")):(this.removeAttribute(i),this.removeAttribute(s));this.hidden=!t,t&&!this.releaseLayer?this.releaseLayer=L(this.layer):!t&&this.releaseLayer&&(this.releaseLayer(),this.releaseLayer=void 0),t?this.activate():this.deactivate()}activate(){this.cleanupPosition||!this.root?.inputHost||(this.cleanupPosition=w(this.root.inputHost,this,{side:this.side,align:this.align,sideOffset:this.sideOffset,alignOffset:this.alignOffset,avoidCollisions:this.avoidCollisions,collisionPadding:this.collisionPadding,collisionBoundary:this.collisionBoundary,component:"combobox"}))}deactivate(){this.cleanupPosition?.(),this.cleanupPosition=void 0}render(){return v`<slot></slot>`}};e.styles=[D,f`
+var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var o=(l,r,t,i)=>{for(var s=i>1?void 0:i?p(r,t):r,a=l.length-1,d;a>=0;a--)(d=l[a])&&(s=(i?d(r,t,s):d(s))||s);return i&&s&&c(r,t,s),s};import{css as f,html as v,LitElement as m}from"lit";import{property as n}from"lit/decorators.js";import{closestThroughPortal as y}from"../internal/closest.js";import{customElement as b}from"../internal/define.js";import{dispatchEscapeKeyDown as E,dispatchOutside as u,focusOutsideTarget as O,handleEscapeKeyDown as L,nestedLayerContains as g,pushDismissLayer as P}from"../internal/dismiss.js";import{optOutBoolean as w,positionFloating as D}from"../internal/positioning.js";import{hiddenHostStyles as A}from"../internal/styles.js";import{COMBOBOX_FAMILY as h}from"./family.js";var e=class extends m{constructor(){super(...arguments);this.side="bottom";this.align="start";this.sideOffset=4;this.alignOffset=0;this.avoidCollisions=!0;this.collisionPadding=8;this.root=null;this.layer={insideElements:()=>[this,this.root]};this.onRootUpdate=()=>this.syncHostState();this.preventFocusSteal=t=>t.preventDefault();this.handleEscape=t=>{E(this,t)&&this.root?.setOpen(!1)};this.handleDocumentKeyDown=t=>{this.root?.open&&L(t,this.layer,this.handleEscape)};this.handleOutsidePointerDown=t=>{!this.root?.open||this.isInside(t.target)||u(this,"pointer-down-outside",t)&&this.root.setOpen(!1)};this.handleOutsideFocus=t=>{if(!this.root?.open)return;let i=O(t);i===null||this.isInside(i)||u(this,"focus-outside",t)&&this.root.setOpen(!1)}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listbox"),this.root=y(this,h.selector),this.root&&(this.root.contentEl=this),this.root?.addEventListener(h.event,this.onRootUpdate),this.addEventListener("mousedown",this.preventFocusSteal),document.addEventListener("keydown",this.handleDocumentKeyDown,!0),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.root&&(this.id?this.root.contentId=this.id:this.id=this.root.contentId),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(h.event,this.onRootUpdate),this.root?.contentEl===this&&(this.root.contentEl=null),this.removeEventListener("mousedown",this.preventFocusSteal),document.removeEventListener("keydown",this.handleDocumentKeyDown,!0),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.cleanupPosition?.(),this.releaseLayer?.(),this.releaseLayer=void 0,super.disconnectedCallback()}isInside(t){return t?g(this.layer,t)?!0:this.contains(t)||this.root?.contains(t)===!0:!1}syncHostState(){let t=this.root?.open??!1;this.setAttribute("data-state",t?"open":"closed"),this.setAttribute("data-side",this.side??"bottom"),this.setAttribute("data-align",this.align??"start");for(let[i,s,a]of[["aria-multiselectable","data-multiple",this.root?.multiple],["aria-busy","data-loading",this.root?.loading]])a?(this.setAttribute(i,"true"),this.setAttribute(s,"")):(this.removeAttribute(i),this.removeAttribute(s));this.hidden=!t,t&&!this.releaseLayer?this.releaseLayer=P(this.layer):!t&&this.releaseLayer&&(this.releaseLayer(),this.releaseLayer=void 0),t?this.activate():this.deactivate()}activate(){this.cleanupPosition||!this.root?.inputHost||(this.cleanupPosition=D(this.root.inputHost,this,{side:this.side,align:this.align,sideOffset:this.sideOffset,alignOffset:this.alignOffset,avoidCollisions:this.avoidCollisions,collisionPadding:this.collisionPadding,collisionBoundary:this.collisionBoundary,component:"combobox"}))}deactivate(){this.cleanupPosition?.(),this.cleanupPosition=void 0}render(){return v`<slot></slot>`}};e.styles=[A,f`
       :host {
         display: block;
       }
-    `],o([n({type:String})],e.prototype,"side",2),o([n({type:String})],e.prototype,"align",2),o([n({type:Number,attribute:"side-offset"})],e.prototype,"sideOffset",2),o([n({type:Number,attribute:"align-offset"})],e.prototype,"alignOffset",2),o([n({converter:P,attribute:"avoid-collisions"})],e.prototype,"avoidCollisions",2),o([n({type:Number,attribute:"collision-padding"})],e.prototype,"collisionPadding",2),o([n({attribute:!1})],e.prototype,"collisionBoundary",2),e=o([b("skdx-combobox-content","combobox","content")],e);export{e as SkdxComboboxContent};
+    `],o([n({type:String})],e.prototype,"side",2),o([n({type:String})],e.prototype,"align",2),o([n({type:Number,attribute:"side-offset"})],e.prototype,"sideOffset",2),o([n({type:Number,attribute:"align-offset"})],e.prototype,"alignOffset",2),o([n({converter:w,attribute:"avoid-collisions"})],e.prototype,"avoidCollisions",2),o([n({type:Number,attribute:"collision-padding"})],e.prototype,"collisionPadding",2),o([n({attribute:!1})],e.prototype,"collisionBoundary",2),e=o([b("skdx-combobox-content","combobox","content")],e);export{e as SkdxComboboxContent};

package/dist/combobox/index.cjs

@@ -1 +1 @@
-"use strict";var e=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var d=(t,o)=>{for(var b in o)e(t,b,{get:o[b],enumerable:!0})},k=(t,o,b,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let x of n(o))!m.call(t,x)&&x!==b&&e(t,x,{get:()=>o[x],enumerable:!(p=i(o,x))||p.enumerable});return t};var S=t=>k(e({},"__esModule",{value:!0}),t);var C={};d(C,{SkdxCombobox:()=>r.SkdxCombobox});module.exports=S(C);var r=require("./Combobox.cjs");0&&(module.exports={SkdxCombobox});
+"use strict";var r=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var k=(t,o)=>{for(var e in o)r(t,e,{get:o[e],enumerable:!0})},C=(t,o,e,b)=>{if(o&&typeof o=="object"||typeof o=="function")for(let x of m(o))!d.call(t,x)&&x!==e&&r(t,x,{get:()=>o[x],enumerable:!(b=n(o,x))||b.enumerable});return t};var S=t=>C(r({},"__esModule",{value:!0}),t);var l={};k(l,{SkdxCombobox:()=>i.SkdxCombobox,defaultOptionsFilter:()=>p.defaultOptionsFilter});module.exports=S(l);var i=require("./Combobox.cjs"),p=require("../internal/options.cjs");0&&(module.exports={SkdxCombobox,defaultOptionsFilter});

package/dist/combobox/index.d.cts

@@ -1,3 +1,4 @@
 export { SkdxCombobox } from './Combobox.cjs';
-export type { SkdxComboboxFilter, SkdxComboboxHighlightChangeDetail, SkdxComboboxHighlightReason, SkdxComboboxItemEntry, SkdxComboboxOpenOn, } from './Combobox.cjs';
+export type { SkdxComboboxFilter, SkdxComboboxHighlightChangeDetail, SkdxComboboxHighlightReason, SkdxComboboxItemEntry, SkdxComboboxOpenOn, SkdxComboboxValueChangeDetail, } from './Combobox.cjs';
+export { defaultOptionsFilter } from '../internal/options.cjs';
 export type { SkdxOptionDescriptor, SkdxOptionGroupDescriptor, SkdxOptionsInput, } from '../internal/options.cjs';

package/dist/combobox/index.d.ts

@@ -1,3 +1,4 @@
 export { SkdxCombobox } from './Combobox.js';
-export type { SkdxComboboxFilter, SkdxComboboxHighlightChangeDetail, SkdxComboboxHighlightReason, SkdxComboboxItemEntry, SkdxComboboxOpenOn, } from './Combobox.js';
+export type { SkdxComboboxFilter, SkdxComboboxHighlightChangeDetail, SkdxComboboxHighlightReason, SkdxComboboxItemEntry, SkdxComboboxOpenOn, SkdxComboboxValueChangeDetail, } from './Combobox.js';
+export { defaultOptionsFilter } from '../internal/options.js';
 export type { SkdxOptionDescriptor, SkdxOptionGroupDescriptor, SkdxOptionsInput, } from '../internal/options.js';

package/dist/combobox/index.js

@@ -1 +1 @@
-import{SkdxCombobox as x}from"./Combobox.js";export{x as SkdxCombobox};
+import{SkdxCombobox as x}from"./Combobox.js";import{defaultOptionsFilter as r}from"../internal/options.js";export{x as SkdxCombobox,r as defaultOptionsFilter};

package/dist/date-picker/DatePickerCalendar.cjs

@@ -1,4 +1,4 @@
-"use strict";var c=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var V=(n,i)=>{for(var o in i)c(n,o,{get:i[o],enumerable:!0})},E=(n,i,o,l)=>{if(i&&typeof i=="object"||typeof i=="function")for(let r of w(i))!g.call(n,r)&&r!==o&&c(n,r,{get:()=>i[r],enumerable:!(l=f(i,r))||l.enumerable});return n};var M=n=>E(c({},"__esModule",{value:!0}),n),t=(n,i,o,l)=>{for(var r=l>1?void 0:l?f(i,o):i,u=n.length-1,m;u>=0;u--)(m=n[u])&&(r=(l?m(i,o,r):m(r))||r);return l&&r&&c(i,o,r),r};var L={};V(L,{SkdxDatePickerCalendar:()=>e});module.exports=M(L);var d=require("lit"),a=require("lit/decorators.js"),p=require("../calendar/Calendar.cjs"),b=require("../internal/closest.cjs"),h=require("../internal/date-value.cjs"),v=require("../internal/define.cjs"),y=require("./family.cjs");var s={fromAttribute(n){if(n!=null)return(0,h.toDate)(n,"a date attribute")??void 0},toAttribute(){}},O=["month","defaultMonth","numberOfMonths","locale","weekStartsOn","minDate","maxDate","disabled","isDateDisabled","isDateUnavailable","weekNumbers","today","pageBehavior","outsideDaySelectable","focusedDate","defaultFocusedDate","getSelectionAnnouncement","getMonthAnnouncement","defaultView","minView","maxView","view"];function A(n){return Array.isArray(n)?!1:(0,p.isDateRange)(n)?n.end!==null:n!==null}var e=class extends d.LitElement{constructor(){super(...arguments);this.root=null;this.calendarEl=null;this.handleValueChange=o=>{o.stopPropagation(),this.root?.setValue(o.detail),this.root?.closeOnSelect&&this.root.granularity==="day"&&A(o.detail)&&this.root.setOpen(!1)}}connectedCallback(){super.connectedCallback(),this.root=(0,b.closestThroughPortal)(this,y.DATE_PICKER_FAMILY.selector),queueMicrotask(()=>this.wireCalendar())}disconnectedCallback(){this.calendarEl?.removeEventListener("value-change",this.handleValueChange),super.disconnectedCallback()}wireCalendar(){this.calendarEl=this.querySelector("skdx-calendar"),!(!this.calendarEl||!this.root)&&(this.calendarEl.selectionMode=this.root.selectionMode,this.calendarEl.value=this.root.value??null,this.forwardProps(),this.calendarEl.addEventListener("value-change",this.handleValueChange))}forwardProps(){let o=this.calendarEl;if(!o)return;let l=o;for(let r of O){let u=this[r];u!==void 0&&(l[r]=u)}(this.readOnly||this.root?.readOnly)&&(o.readOnly=!0)}updated(){this.forwardProps()}render(){return d.html`<slot></slot>`}};e.styles=d.css`
+"use strict";var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var E=(r,i)=>{for(var n in i)c(r,n,{get:i[n],enumerable:!0})},V=(r,i,n,l)=>{if(i&&typeof i=="object"||typeof i=="function")for(let o of w(i))!g.call(r,o)&&o!==n&&c(r,o,{get:()=>i[o],enumerable:!(l=p(i,o))||l.enumerable});return r};var A=r=>V(c({},"__esModule",{value:!0}),r),t=(r,i,n,l)=>{for(var o=l>1?void 0:l?p(i,n):i,u=r.length-1,m;u>=0;u--)(m=r[u])&&(o=(l?m(i,n,o):m(o))||o);return l&&o&&c(i,n,o),o};var L={};E(L,{SkdxDatePickerCalendar:()=>e});module.exports=A(L);var d=require("lit"),a=require("lit/decorators.js"),h=require("../calendar/Calendar.cjs"),f=require("../internal/closest.cjs"),b=require("../internal/date-value.cjs"),v=require("../internal/define.cjs"),y=require("./family.cjs");var M="data-skdx-date-picker-calendar-generated",s={fromAttribute(r){if(r!=null)return(0,b.toDate)(r,"a date attribute")??void 0},toAttribute(){}},C=["month","defaultMonth","numberOfMonths","locale","weekStartsOn","minDate","maxDate","disabled","isDateDisabled","isDateUnavailable","weekNumbers","today","pageBehavior","outsideDaySelectable","focusedDate","defaultFocusedDate","getSelectionAnnouncement","getMonthAnnouncement","defaultView","minView","maxView","view"];function D(r){return Array.isArray(r)?!1:(0,h.isDateRange)(r)?r.end!==null:r!==null}var e=class extends d.LitElement{constructor(){super(...arguments);this.root=null;this.calendarEl=null;this.handleValueChange=n=>{n.stopPropagation(),this.root?.setValue(n.detail),this.root?.closeOnSelect&&this.root.granularity==="day"&&D(n.detail)&&this.root.setOpen(!1)}}connectedCallback(){super.connectedCallback(),this.root=(0,f.closestThroughPortal)(this,y.DATE_PICKER_FAMILY.selector),this.ensureCalendar(),queueMicrotask(()=>this.wireCalendar())}disconnectedCallback(){this.calendarEl?.removeEventListener("value-change",this.handleValueChange),super.disconnectedCallback()}ensureCalendar(){if(this.querySelector(":scope > skdx-calendar"))return;let n=document.createElement("skdx-calendar");n.setAttribute(M,""),n.append(...this.childNodes),this.append(n)}wireCalendar(){this.calendarEl=this.querySelector("skdx-calendar"),!(!this.calendarEl||!this.root)&&(this.calendarEl.selectionMode=this.root.selectionMode,this.calendarEl.value=this.root.value??null,this.forwardProps(),this.calendarEl.addEventListener("value-change",this.handleValueChange))}forwardProps(){let n=this.calendarEl;if(!n)return;let l=n;for(let o of C){let u=this[o];u!==void 0&&(l[o]=u)}(this.readOnly||this.root?.readOnly)&&(n.readOnly=!0)}updated(){this.forwardProps()}render(){return d.html`<slot></slot>`}};e.styles=d.css`
     :host {
       display: block;
     }

package/dist/date-picker/DatePickerCalendar.d.cts

@@ -133,6 +133,7 @@ export declare class SkdxDatePickerCalendar extends LitElement {
     private calendarEl;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    private ensureCalendar;
     private wireCalendar;
     private forwardProps;
     protected updated(): void;

package/dist/date-picker/DatePickerCalendar.d.ts

@@ -133,6 +133,7 @@ export declare class SkdxDatePickerCalendar extends LitElement {
     private calendarEl;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    private ensureCalendar;
     private wireCalendar;
     private forwardProps;
     protected updated(): void;

package/dist/date-picker/DatePickerCalendar.js

@@ -1,4 +1,4 @@
-var c=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var t=(n,u,o,l)=>{for(var r=l>1?void 0:l?m(u,o):u,s=n.length-1,d;s>=0;s--)(d=n[s])&&(r=(l?d(u,o,r):d(r))||r);return l&&r&&c(u,o,r),r};import{css as f,html as p,LitElement as b}from"lit";import{property as a}from"lit/decorators.js";import{isDateRange as h}from"../calendar/Calendar.js";import{closestThroughPortal as v}from"../internal/closest.js";import{toDate as y}from"../internal/date-value.js";import{customElement as w}from"../internal/define.js";import{DATE_PICKER_FAMILY as g}from"./family.js";var i={fromAttribute(n){if(n!=null)return y(n,"a date attribute")??void 0},toAttribute(){}},V=["month","defaultMonth","numberOfMonths","locale","weekStartsOn","minDate","maxDate","disabled","isDateDisabled","isDateUnavailable","weekNumbers","today","pageBehavior","outsideDaySelectable","focusedDate","defaultFocusedDate","getSelectionAnnouncement","getMonthAnnouncement","defaultView","minView","maxView","view"];function E(n){return Array.isArray(n)?!1:h(n)?n.end!==null:n!==null}var e=class extends b{constructor(){super(...arguments);this.root=null;this.calendarEl=null;this.handleValueChange=o=>{o.stopPropagation(),this.root?.setValue(o.detail),this.root?.closeOnSelect&&this.root.granularity==="day"&&E(o.detail)&&this.root.setOpen(!1)}}connectedCallback(){super.connectedCallback(),this.root=v(this,g.selector),queueMicrotask(()=>this.wireCalendar())}disconnectedCallback(){this.calendarEl?.removeEventListener("value-change",this.handleValueChange),super.disconnectedCallback()}wireCalendar(){this.calendarEl=this.querySelector("skdx-calendar"),!(!this.calendarEl||!this.root)&&(this.calendarEl.selectionMode=this.root.selectionMode,this.calendarEl.value=this.root.value??null,this.forwardProps(),this.calendarEl.addEventListener("value-change",this.handleValueChange))}forwardProps(){let o=this.calendarEl;if(!o)return;let l=o;for(let r of V){let s=this[r];s!==void 0&&(l[r]=s)}(this.readOnly||this.root?.readOnly)&&(o.readOnly=!0)}updated(){this.forwardProps()}render(){return p`<slot></slot>`}};e.styles=f`
+var c=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var t=(r,u,n,l)=>{for(var o=l>1?void 0:l?m(u,n):u,s=r.length-1,d;s>=0;s--)(d=r[s])&&(o=(l?d(u,n,o):d(o))||o);return l&&o&&c(u,n,o),o};import{css as p,html as h,LitElement as f}from"lit";import{property as a}from"lit/decorators.js";import{isDateRange as b}from"../calendar/Calendar.js";import{closestThroughPortal as v}from"../internal/closest.js";import{toDate as y}from"../internal/date-value.js";import{customElement as w}from"../internal/define.js";import{DATE_PICKER_FAMILY as g}from"./family.js";var E="data-skdx-date-picker-calendar-generated",i={fromAttribute(r){if(r!=null)return y(r,"a date attribute")??void 0},toAttribute(){}},V=["month","defaultMonth","numberOfMonths","locale","weekStartsOn","minDate","maxDate","disabled","isDateDisabled","isDateUnavailable","weekNumbers","today","pageBehavior","outsideDaySelectable","focusedDate","defaultFocusedDate","getSelectionAnnouncement","getMonthAnnouncement","defaultView","minView","maxView","view"];function A(r){return Array.isArray(r)?!1:b(r)?r.end!==null:r!==null}var e=class extends f{constructor(){super(...arguments);this.root=null;this.calendarEl=null;this.handleValueChange=n=>{n.stopPropagation(),this.root?.setValue(n.detail),this.root?.closeOnSelect&&this.root.granularity==="day"&&A(n.detail)&&this.root.setOpen(!1)}}connectedCallback(){super.connectedCallback(),this.root=v(this,g.selector),this.ensureCalendar(),queueMicrotask(()=>this.wireCalendar())}disconnectedCallback(){this.calendarEl?.removeEventListener("value-change",this.handleValueChange),super.disconnectedCallback()}ensureCalendar(){if(this.querySelector(":scope > skdx-calendar"))return;let n=document.createElement("skdx-calendar");n.setAttribute(E,""),n.append(...this.childNodes),this.append(n)}wireCalendar(){this.calendarEl=this.querySelector("skdx-calendar"),!(!this.calendarEl||!this.root)&&(this.calendarEl.selectionMode=this.root.selectionMode,this.calendarEl.value=this.root.value??null,this.forwardProps(),this.calendarEl.addEventListener("value-change",this.handleValueChange))}forwardProps(){let n=this.calendarEl;if(!n)return;let l=n;for(let o of V){let s=this[o];s!==void 0&&(l[o]=s)}(this.readOnly||this.root?.readOnly)&&(n.readOnly=!0)}updated(){this.forwardProps()}render(){return h`<slot></slot>`}};e.styles=p`
     :host {
       display: block;
     }

package/dist/date-picker/DatePickerContent.cjs

@@ -1,4 +1,4 @@
-"use strict";var h=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var F=Object.prototype.hasOwnProperty;var w=(n,e)=>{for(var t in e)h(n,t,{get:e[t],enumerable:!0})},A=(n,e,t,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of E(e))!F.call(n,i)&&i!==t&&h(n,i,{get:()=>e[i],enumerable:!(s=g(e,i))||s.enumerable});return n};var I=n=>A(h({},"__esModule",{value:!0}),n),a=(n,e,t,s)=>{for(var i=s>1?void 0:s?g(e,t):e,v=n.length-1,y;v>=0;v--)(y=n[v])&&(i=(s?y(e,t,i):y(i))||i);return s&&i&&h(e,t,i),i};var P={};w(P,{SkdxDatePickerContent:()=>o});module.exports=I(P);var d=require("lit"),l=require("lit/decorators.js"),c=require("../calendar/Calendar.cjs"),O=require("../internal/closest.cjs"),b=require("../internal/define.cjs"),r=require("../internal/dismiss.cjs"),p=require("../internal/dismissal.cjs"),f=require("../internal/positioning.cjs"),L=require("../internal/styles.cjs"),m=require("./auto-focus.cjs"),u=require("./family.cjs");var o=class extends d.LitElement{constructor(){super(...arguments);this.side="bottom";this.align="center";this.sideOffset=4;this.alignOffset=0;this.avoidCollisions=!0;this.collisionPadding=8;this.root=null;this.onRootUpdate=()=>this.syncHostState();this.authoredLabel=!1;this.wasOpen=!1;this.dismissedOutside=!1;this.focusFrame=0;this.layer={insideElements:()=>[this,this.root?.triggerHost]};this.handleKeyDown=t=>{this.root?.open&&(0,p.handleEscapeKeyDown)(t,this.layer,()=>{(0,r.dispatchEscapeKeyDown)(this,t)&&this.root?.setOpen(!1)})};this.handleOutsidePointerDown=t=>{!this.root?.open||this.isInside(t.target)||(0,r.dispatchOutside)(this,"pointer-down-outside",t)&&(this.dismissedOutside=!0,this.root.setOpen(!1))};this.handleOutsideFocus=t=>{if(!this.root?.open)return;let s=(0,r.focusOutsideTarget)(t);s===null||this.isInside(s)||(0,r.dispatchOutside)(this,"focus-outside",t)&&(this.dismissedOutside=!0,this.root.setOpen(!1))}}get anchorISO(){let t=(0,c.anchorOf)(this.root?.value??null);return t?(0,c.toISODateString)(t):null}connectedCallback(){super.connectedCallback(),this.root=(0,O.closestThroughPortal)(this,u.DATE_PICKER_FAMILY.selector),this.root&&(this.root.contentEl=this),this.authoredLabel=this.hasAttribute("aria-label")||this.hasAttribute("aria-labelledby"),this.setAttribute("role","dialog"),this.root?.addEventListener(u.DATE_PICKER_FAMILY.event,this.onRootUpdate),document.addEventListener("keydown",this.handleKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.root&&(this.id?this.root.contentId=this.id:this.id=this.root.contentId),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(u.DATE_PICKER_FAMILY.event,this.onRootUpdate),this.root?.contentEl===this&&(this.root.contentEl=null),document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.releaseLayer?.(),this.releaseLayer=void 0,this.cleanupPosition?.(),cancelAnimationFrame(this.focusFrame),super.disconnectedCallback()}syncHostState(){let t=this.root?.open??!1;this.setAttribute("data-state",t?"open":"closed");for(let[s,i]of[["data-invalid",this.root?.invalid??!1],["data-readonly",this.root?.readOnly??!1]])i?this.setAttribute(s,""):this.removeAttribute(s);(!t||!this.hasAttribute("data-side"))&&(this.setAttribute("data-side",this.side??"bottom"),this.setAttribute("data-align",this.align??"start")),this.syncLabelledBy(),this.applyOpenState(t)}syncLabelledBy(){let t=this.root?.triggerHost?.id||this.root?.triggerId;!this.authoredLabel&&t&&this.setAttribute("aria-labelledby",t)}applyOpenState(t){this.hidden=!t,t?this.releaseLayer??(this.releaseLayer=(0,p.pushDismissLayer)(this.layer)):(this.releaseLayer?.(),this.releaseLayer=void 0),t?this.activate():this.deactivate(),t!==this.wasOpen&&(this.wasOpen=t,t?this.autoFocusIn():this.autoFocusOut())}autoFocusIn(){this.dismissedOutside=!1,this.focusFrame=requestAnimationFrame(()=>{this.root?.open&&(this.contains(document.activeElement)||(0,r.dispatchAutoFocus)(this,"open-auto-focus")&&(0,r.focusOnOpen)(()=>(0,m.focusDatePickerContent)(this,this.anchorISO)))})}autoFocusOut(){if(cancelAnimationFrame(this.focusFrame),this.dismissedOutside||!(0,r.dispatchAutoFocus)(this,"close-auto-focus"))return;let t=this.root?.triggerHost;t&&(0,m.focusDelegate)(t).focus({preventScroll:!0})}activate(){this.cleanupPosition||!this.root?.triggerHost||(this.cleanupPosition=(0,f.positionFloating)(this.root.triggerHost,this,{side:this.side,align:this.align,sideOffset:this.sideOffset,alignOffset:this.alignOffset,avoidCollisions:this.avoidCollisions,collisionPadding:this.collisionPadding,collisionBoundary:this.collisionBoundary}))}deactivate(){this.cleanupPosition?.(),this.cleanupPosition=void 0}isInside(t){return t?this.contains(t)||this.root?.contains(t)===!0:!1}render(){return d.html`<slot></slot>`}};o.styles=[L.hiddenHostStyles,d.css`
+"use strict";var u=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var F=Object.prototype.hasOwnProperty;var w=(n,e)=>{for(var t in e)u(n,t,{get:e[t],enumerable:!0})},A=(n,e,t,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of E(e))!F.call(n,i)&&i!==t&&u(n,i,{get:()=>e[i],enumerable:!(s=g(e,i))||s.enumerable});return n};var I=n=>A(u({},"__esModule",{value:!0}),n),a=(n,e,t,s)=>{for(var i=s>1?void 0:s?g(e,t):e,v=n.length-1,y;v>=0;v--)(y=n[v])&&(i=(s?y(e,t,i):y(i))||i);return s&&i&&u(e,t,i),i};var P={};w(P,{SkdxDatePickerContent:()=>o});module.exports=I(P);var d=require("lit"),l=require("lit/decorators.js"),p=require("../calendar/Calendar.cjs"),O=require("../internal/closest.cjs"),b=require("../internal/define.cjs"),r=require("../internal/dismiss.cjs"),h=require("../internal/dismissal.cjs"),f=require("../internal/positioning.cjs"),L=require("../internal/styles.cjs"),m=require("./auto-focus.cjs"),c=require("./family.cjs");var o=class extends d.LitElement{constructor(){super(...arguments);this.side="bottom";this.align="center";this.sideOffset=4;this.alignOffset=0;this.avoidCollisions=!0;this.collisionPadding=8;this.root=null;this.onRootUpdate=()=>this.syncHostState();this.authoredLabel=!1;this.wasOpen=!1;this.dismissedOutside=!1;this.focusFrame=0;this.layer={insideElements:()=>[this,this.root?.triggerHost]};this.handleKeyDown=t=>{this.root?.open&&(0,h.handleEscapeKeyDown)(t,this.layer,()=>{(0,r.dispatchEscapeKeyDown)(this,t)&&this.root?.setOpen(!1)})};this.handleOutsidePointerDown=t=>{!this.root?.open||this.isInside(t.target)||(0,r.dispatchOutside)(this,"pointer-down-outside",t)&&(this.dismissedOutside=!0,this.root.setOpen(!1))};this.handleOutsideFocus=t=>{if(!this.root?.open)return;let s=(0,r.focusOutsideTarget)(t);s===null||this.isInside(s)||(0,r.dispatchOutside)(this,"focus-outside",t)&&(this.dismissedOutside=!0,this.root.setOpen(!1))}}get anchorISO(){let t=(0,p.anchorOf)(this.root?.value??null);return t?(0,p.toISODateString)(t):null}connectedCallback(){super.connectedCallback(),this.root=(0,O.closestThroughPortal)(this,c.DATE_PICKER_FAMILY.selector),this.root&&(this.root.contentEl=this),this.authoredLabel=this.hasAttribute("aria-label")||this.hasAttribute("aria-labelledby"),this.setAttribute("role","dialog"),this.root?.addEventListener(c.DATE_PICKER_FAMILY.event,this.onRootUpdate),document.addEventListener("keydown",this.handleKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.root&&(this.id?this.root.contentId=this.id:this.id=this.root.contentId),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(c.DATE_PICKER_FAMILY.event,this.onRootUpdate),this.root?.contentEl===this&&(this.root.contentEl=null),document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.releaseLayer?.(),this.releaseLayer=void 0,this.cleanupPosition?.(),cancelAnimationFrame(this.focusFrame),super.disconnectedCallback()}syncHostState(){let t=this.root?.open??!1;this.setAttribute("data-state",t?"open":"closed");for(let[s,i]of[["data-invalid",this.root?.invalid??!1],["data-readonly",this.root?.readOnly??!1]])i?this.setAttribute(s,""):this.removeAttribute(s);(!t||!this.hasAttribute("data-side"))&&(this.setAttribute("data-side",this.side??"bottom"),this.setAttribute("data-align",this.align??"start")),this.syncLabelledBy(),this.applyOpenState(t)}syncLabelledBy(){let t=this.root?.triggerHost?.id||this.root?.triggerId;!this.authoredLabel&&t&&this.setAttribute("aria-labelledby",t)}applyOpenState(t){this.hidden=!t,t?this.releaseLayer??(this.releaseLayer=(0,h.pushDismissLayer)(this.layer)):(this.releaseLayer?.(),this.releaseLayer=void 0),t?this.activate():this.deactivate(),t!==this.wasOpen&&(this.wasOpen=t,t?this.autoFocusIn():this.autoFocusOut())}autoFocusIn(){this.dismissedOutside=!1,this.focusFrame=requestAnimationFrame(()=>{this.root?.open&&(this.contains(document.activeElement)||(0,r.dispatchAutoFocus)(this,"open-auto-focus")&&(0,r.focusOnOpen)(()=>(0,m.focusDatePickerContent)(this,this.anchorISO)))})}autoFocusOut(){if(cancelAnimationFrame(this.focusFrame),this.dismissedOutside||!(0,r.dispatchAutoFocus)(this,"close-auto-focus"))return;let t=this.root?.triggerHost;t&&(0,m.focusDelegate)(t).focus({preventScroll:!0})}activate(){this.cleanupPosition||!this.root?.triggerHost||(this.cleanupPosition=(0,f.positionFloating)(this.root.triggerHost,this,{side:this.side,align:this.align,sideOffset:this.sideOffset,alignOffset:this.alignOffset,avoidCollisions:this.avoidCollisions,collisionPadding:this.collisionPadding,collisionBoundary:this.collisionBoundary}))}deactivate(){this.cleanupPosition?.(),this.cleanupPosition=void 0}isInside(t){return t?(0,h.nestedLayerContains)(this.layer,t)?!0:this.contains(t)||this.root?.contains(t)===!0:!1}render(){return d.html`<slot></slot>`}};o.styles=[L.hiddenHostStyles,d.css`
       :host {
         display: block;
       }