@skdx/web-components 0.27.0 → 0.28.0

package/dist/link/Link.cjs

@@ -0,0 +1,39 @@
+"use strict";var u=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var $=(e,r)=>{for(var t in r)u(e,t,{get:r[t],enumerable:!0})},E=(e,r,t,l)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of w(r))!x.call(e,o)&&o!==t&&u(e,o,{get:()=>r[o],enumerable:!(l=f(r,o))||l.enumerable});return e};var R=e=>E(u({},"__esModule",{value:!0}),e),a=(e,r,t,l)=>{for(var o=l>1?void 0:l?f(r,t):r,c=e.length-1,h;c>=0;c--)(h=e[c])&&(o=(l?h(r,t,o):h(o))||o);return l&&o&&u(r,t,o),o};var T={};$(T,{SkdxLink:()=>n});module.exports=R(T);var i=require("lit"),s=require("lit/decorators.js"),g=require("lit/static-html.js"),m=require("../internal/define.cjs"),y=require("../internal/part.cjs"),v=require("../internal/rel.cjs"),d=require("../internal/styles.cjs"),b=require("../utils/polymorphic.cjs");function O(e){if(!e)return!1;try{return typeof document>"u"?/^(?:https?:)?\/\//i.test(e):new URL(e,document.baseURI).origin!==window.location.origin}catch{return!1}}var p={fromAttribute:e=>{if(e!==null)return e===""?!0:e},toAttribute:e=>e===void 0||e===!1?null:e===!0?"":e},n=class extends i.LitElement{constructor(){super(...arguments);this.underline="auto";this.disabled=!1;this.as="a";this.handleClick=t=>{this.disabled&&(t.preventDefault(),t.stopPropagation())};this.handleKeydown=t=>{!this.disabled||t.key!=="Enter"||t.preventDefault()}}updated(){let t=this.external??O(this.href);(0,y.reflectHostState)(this,{"data-underline":this.underline,"data-external":t?"":null,"data-disabled":this.disabled?"":null})}focus(t){this.shadowRoot?.querySelector("a")?.focus(t)}render(){let t=(0,b.resolveTag)(this.as,"a"),l=(0,v.resolveRel)(this.target,this.rel),o=p.toAttribute(this.download);return g.html`<${t}
+      part="root"
+      href=${this.href??i.nothing}
+      target=${this.target??i.nothing}
+      rel=${l??i.nothing}
+      download=${o??i.nothing}
+      aria-disabled=${this.disabled?"true":i.nothing}
+      tabindex=${this.disabled?"-1":i.nothing}
+      @click=${this.handleClick}
+      @keydown=${this.handleKeydown}
+      ><slot></slot
+    ></${t}>`}};n.shadowRootOptions=d.delegatesFocusShadowRootOptions,n.styles=[d.hiddenHostStyles,i.css`
+      :host {
+        display: inline-block;
+      }
+      a {
+        font: inherit;
+        color: var(--skdx-link-color, inherit);
+        text-underline-offset: var(--skdx-link-underline-offset, auto);
+      }
+      a:hover {
+        color: var(--skdx-link-color-hover, var(--skdx-link-color, inherit));
+      }
+      a:visited {
+        color: var(--skdx-link-color-visited, var(--skdx-link-color, inherit));
+      }
+      :host([data-underline='always']) a {
+        text-decoration: underline;
+      }
+      :host([data-underline='hover']) a {
+        text-decoration: none;
+      }
+      :host([data-underline='hover']) a:hover {
+        text-decoration: underline;
+      }
+      :host([data-underline='none']) a {
+        text-decoration: none;
+      }
+    `,d.controlBoxOnHost],a([(0,s.property)({type:String})],n.prototype,"href",2),a([(0,s.property)({type:String})],n.prototype,"target",2),a([(0,s.property)({type:String})],n.prototype,"rel",2),a([(0,s.property)({converter:p})],n.prototype,"download",2),a([(0,s.property)({type:String,reflect:!0})],n.prototype,"underline",2),a([(0,s.property)({type:Boolean})],n.prototype,"external",2),a([(0,s.property)({type:Boolean,reflect:!0})],n.prototype,"disabled",2),a([(0,s.property)({type:String,reflect:!0})],n.prototype,"as",2),n=a([(0,m.customElement)("skdx-link","link","root")],n);0&&(module.exports={SkdxLink});

package/dist/link/Link.d.cts

@@ -0,0 +1,61 @@
+import { LitElement } from 'lit';
+import { type PolymorphicTag } from '../utils/polymorphic.cjs';
+/**
+ * `<skdx-link>` — renders `<a>` (or another tag via `as`). `disabled` keeps
+ * `href` on the element, setting `aria-disabled`/`tabindex="-1"` and vetoing
+ * `click`/`Enter`, since `disabled` is not a valid `<a>` attribute.
+ *
+ * @example
+ * ```html
+ * <skdx-link href="https://example.com" target="_blank">External</skdx-link>
+ * ```
+ *
+ * @csspart root - The rendered anchor inside the shadow root.
+ */
+export declare class SkdxLink extends LitElement {
+    static shadowRootOptions: ShadowRootInit;
+    static styles: import("lit").CSSResult[];
+    /** Destination URL, passed through to the rendered anchor.
+     * @default undefined
+     */
+    href?: string;
+    /** Native `target` attribute, e.g. `'_blank'` to open a new tab.
+     * @default undefined
+     */
+    target?: string;
+    /** Relationship of the linked resource; auto-fills `'noopener noreferrer'` on `target="_blank"` unless explicitly set.
+     * @default undefined — inferred from `target`
+     */
+    rel?: string;
+    /** Native `download`; `true` sets the bare attribute, a string sets the suggested filename.
+     * @default undefined
+     */
+    download?: boolean | string;
+    /** Underline behavior, reflected as `data-underline` for skin styling.
+     * @default 'auto'
+     */
+    underline: 'auto' | 'always' | 'hover' | 'none';
+    /** Marks the link as pointing off-site. Explicit value always wins over inference from `href`.
+     * @default undefined — inferred from `href`
+     */
+    external?: boolean;
+    /** Disables navigation: keeps `href`, sets `aria-disabled` and `tabindex="-1"`, vetoes activation.
+     * @default false
+     */
+    disabled: boolean;
+    /** Element name to render instead of `<a>`, from the library's tag allowlist.
+     * @default 'a'
+     */
+    as: PolymorphicTag;
+    protected updated(): void;
+    /** Focuses the inner anchor — `delegatesFocus` alone leaves the host itself unfocused. */
+    focus(options?: FocusOptions): void;
+    private readonly handleClick;
+    private readonly handleKeydown;
+    render(): import("lit").TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-link': SkdxLink;
+    }
+}

package/dist/link/Link.d.ts

@@ -0,0 +1,61 @@
+import { LitElement } from 'lit';
+import { type PolymorphicTag } from '../utils/polymorphic.js';
+/**
+ * `<skdx-link>` — renders `<a>` (or another tag via `as`). `disabled` keeps
+ * `href` on the element, setting `aria-disabled`/`tabindex="-1"` and vetoing
+ * `click`/`Enter`, since `disabled` is not a valid `<a>` attribute.
+ *
+ * @example
+ * ```html
+ * <skdx-link href="https://example.com" target="_blank">External</skdx-link>
+ * ```
+ *
+ * @csspart root - The rendered anchor inside the shadow root.
+ */
+export declare class SkdxLink extends LitElement {
+    static shadowRootOptions: ShadowRootInit;
+    static styles: import("lit").CSSResult[];
+    /** Destination URL, passed through to the rendered anchor.
+     * @default undefined
+     */
+    href?: string;
+    /** Native `target` attribute, e.g. `'_blank'` to open a new tab.
+     * @default undefined
+     */
+    target?: string;
+    /** Relationship of the linked resource; auto-fills `'noopener noreferrer'` on `target="_blank"` unless explicitly set.
+     * @default undefined — inferred from `target`
+     */
+    rel?: string;
+    /** Native `download`; `true` sets the bare attribute, a string sets the suggested filename.
+     * @default undefined
+     */
+    download?: boolean | string;
+    /** Underline behavior, reflected as `data-underline` for skin styling.
+     * @default 'auto'
+     */
+    underline: 'auto' | 'always' | 'hover' | 'none';
+    /** Marks the link as pointing off-site. Explicit value always wins over inference from `href`.
+     * @default undefined — inferred from `href`
+     */
+    external?: boolean;
+    /** Disables navigation: keeps `href`, sets `aria-disabled` and `tabindex="-1"`, vetoes activation.
+     * @default false
+     */
+    disabled: boolean;
+    /** Element name to render instead of `<a>`, from the library's tag allowlist.
+     * @default 'a'
+     */
+    as: PolymorphicTag;
+    protected updated(): void;
+    /** Focuses the inner anchor — `delegatesFocus` alone leaves the host itself unfocused. */
+    focus(options?: FocusOptions): void;
+    private readonly handleClick;
+    private readonly handleKeydown;
+    render(): import("lit").TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-link': SkdxLink;
+    }
+}

package/dist/link/Link.js

@@ -0,0 +1,39 @@
+var h=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var o=(e,s,t,a)=>{for(var n=a>1?void 0:a?f(s,t):s,d=e.length-1,u;d>=0;d--)(u=e[d])&&(n=(a?u(s,t,n):u(n))||n);return a&&n&&h(s,t,n),n};import{css as p,LitElement as g,nothing as l}from"lit";import{property as i}from"lit/decorators.js";import{html as m}from"lit/static-html.js";import{customElement as y}from"../internal/define.js";import{reflectHostState as v}from"../internal/part.js";import{resolveRel as b}from"../internal/rel.js";import{controlBoxOnHost as w,delegatesFocusShadowRootOptions as x,hiddenHostStyles as $}from"../internal/styles.js";import{resolveTag as E}from"../utils/polymorphic.js";function R(e){if(!e)return!1;try{return typeof document>"u"?/^(?:https?:)?\/\//i.test(e):new URL(e,document.baseURI).origin!==window.location.origin}catch{return!1}}var c={fromAttribute:e=>{if(e!==null)return e===""?!0:e},toAttribute:e=>e===void 0||e===!1?null:e===!0?"":e},r=class extends g{constructor(){super(...arguments);this.underline="auto";this.disabled=!1;this.as="a";this.handleClick=t=>{this.disabled&&(t.preventDefault(),t.stopPropagation())};this.handleKeydown=t=>{!this.disabled||t.key!=="Enter"||t.preventDefault()}}updated(){let t=this.external??R(this.href);v(this,{"data-underline":this.underline,"data-external":t?"":null,"data-disabled":this.disabled?"":null})}focus(t){this.shadowRoot?.querySelector("a")?.focus(t)}render(){let t=E(this.as,"a"),a=b(this.target,this.rel),n=c.toAttribute(this.download);return m`<${t}
+      part="root"
+      href=${this.href??l}
+      target=${this.target??l}
+      rel=${a??l}
+      download=${n??l}
+      aria-disabled=${this.disabled?"true":l}
+      tabindex=${this.disabled?"-1":l}
+      @click=${this.handleClick}
+      @keydown=${this.handleKeydown}
+      ><slot></slot
+    ></${t}>`}};r.shadowRootOptions=x,r.styles=[$,p`
+      :host {
+        display: inline-block;
+      }
+      a {
+        font: inherit;
+        color: var(--skdx-link-color, inherit);
+        text-underline-offset: var(--skdx-link-underline-offset, auto);
+      }
+      a:hover {
+        color: var(--skdx-link-color-hover, var(--skdx-link-color, inherit));
+      }
+      a:visited {
+        color: var(--skdx-link-color-visited, var(--skdx-link-color, inherit));
+      }
+      :host([data-underline='always']) a {
+        text-decoration: underline;
+      }
+      :host([data-underline='hover']) a {
+        text-decoration: none;
+      }
+      :host([data-underline='hover']) a:hover {
+        text-decoration: underline;
+      }
+      :host([data-underline='none']) a {
+        text-decoration: none;
+      }
+    `,w],o([i({type:String})],r.prototype,"href",2),o([i({type:String})],r.prototype,"target",2),o([i({type:String})],r.prototype,"rel",2),o([i({converter:c})],r.prototype,"download",2),o([i({type:String,reflect:!0})],r.prototype,"underline",2),o([i({type:Boolean})],r.prototype,"external",2),o([i({type:Boolean,reflect:!0})],r.prototype,"disabled",2),o([i({type:String,reflect:!0})],r.prototype,"as",2),r=o([y("skdx-link","link","root")],r);export{r as SkdxLink};

package/dist/link/index.cjs

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

package/dist/link/index.d.cts

@@ -0,0 +1 @@
+export { SkdxLink } from './Link.cjs';

package/dist/link/index.d.ts

@@ -0,0 +1 @@
+export { SkdxLink } from './Link.js';

package/dist/link/index.js

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

package/dist/list/List.cjs

@@ -0,0 +1,23 @@
+"use strict";var p=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var $=Object.prototype.hasOwnProperty;var E=(r,t)=>{for(var o in t)p(r,o,{get:t[o],enumerable:!0})},T=(r,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of S(t))!$.call(r,e)&&e!==o&&p(r,e,{get:()=>t[e],enumerable:!(s=f(t,e))||s.enumerable});return r};var N=r=>T(p({},"__esModule",{value:!0}),r),l=(r,t,o,s)=>{for(var e=s>1?void 0:s?f(t,o):t,i=r.length-1,c;i>=0;i--)(c=r[i])&&(e=(s?c(t,o,e):c(e))||e);return s&&e&&p(t,o,e),e};var H={};E(H,{SkdxList:()=>n});module.exports=N(H);var a=require("lit"),m=require("lit/decorators.js"),u=require("lit/static-html.js"),g=require("../internal/define.cjs"),d=require("../internal/options.cjs"),h=require("../internal/part.cjs"),v=require("../internal/space.cjs"),y=require("../internal/styles.cjs"),b=require("../utils/polymorphic.cjs"),k=require("./ListAnatomy.cjs");var[O]=k.LIST_RENDER_SLOTS,x={fromAttribute(r){return r!=="false"}},n=class extends a.LitElement{constructor(){super(...arguments);this.as="ul";this.markers=!0;this.reversed=!1}updated(){(0,h.reflectHostState)(this,{"data-markers":this.markers?void 0:"false"})}getDefaultIcon(){let o=(0,d.renderSlotContent)(this,O),[s]=o.values();return s?(0,d.stampRenderSlot)(s):void 0}render(){let o=(0,b.resolveTag)(this.as,"ul"),s=!this.markers,e=this.as==="ol",i=(0,v.resolveSpace)(this.spacing);return u.html`<${o}
+      part="root"
+      role=${s?"list":a.nothing}
+      style=${i?`gap: ${i}`:a.nothing}
+      start=${e&&this.start!==void 0?this.start:a.nothing}
+      ?reversed=${e&&this.reversed}
+      ><slot></slot
+    ></${o}>`}};n.styles=[y.hiddenHostStyles,a.css`
+      :host {
+        display: block;
+      }
+      [part='root'] {
+        /* flex column, not block: gap has no effect on a block-flowing list. */
+        display: flex;
+        flex-direction: column;
+        margin: 0;
+        padding-inline-start: var(--skdx-list-indent, 1.5em);
+        gap: var(--skdx-list-gap, 0);
+      }
+      :host([data-markers='false']) [part='root'] {
+        list-style: none;
+      }
+    `],l([(0,m.property)({type:String,reflect:!0})],n.prototype,"as",2),l([(0,m.property)({converter:x})],n.prototype,"markers",2),l([(0,m.property)({type:String})],n.prototype,"spacing",2),l([(0,m.property)({type:Number})],n.prototype,"start",2),l([(0,m.property)({type:Boolean})],n.prototype,"reversed",2),n=l([(0,g.customElement)("skdx-list","list","root")],n);0&&(module.exports={SkdxList});

package/dist/list/List.d.cts

@@ -0,0 +1,58 @@
+import { LitElement } from 'lit';
+import { type SkdxSpace } from '../internal/space.cjs';
+/**
+ * `<skdx-list>` — renders `<ul>` (or `<ol>`/`<dl>` via `as`) holding
+ * `<skdx-list-item>` children. `markers={false}` sets `role="list"` on the
+ * container only (WebKit 170179 drops list semantics otherwise).
+ *
+ * The `icon` slot supplies a default marker, cloned into each item since a
+ * single slotted node can only be distributed to one shadow tree.
+ *
+ * @slot - The list's `<skdx-list-item>` children.
+ * @slot icon - Default marker cloned into every item without its own `icon` slot.
+ *
+ * @example
+ * ```html
+ * <skdx-list markers="false" spacing="2">
+ *   <skdx-list-item>One</skdx-list-item>
+ *   <skdx-list-item>Two</skdx-list-item>
+ * </skdx-list>
+ * ```
+ *
+ * @csspart root - The rendered `<ul>`/`<ol>`/`<dl>` inside the shadow root.
+ */
+export declare class SkdxList extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /** Element to render: `<ul>`, `<ol>`, or `<dl>` (`dl` is for styling only — items are still `<li>`).
+     * @default 'ul'
+     */
+    as: 'ul' | 'ol' | 'dl';
+    /** Shows the native marker/numbering; `false` sets `role="list"` on the container instead.
+     * @default true
+     */
+    markers: boolean;
+    /** Gap between items. A scale key resolves to a token; any other string passes through.
+     * @default undefined
+     */
+    spacing?: SkdxSpace;
+    /** Starting value for an `<ol>`; ignored unless `as="ol"`.
+     * @default undefined
+     */
+    start?: number;
+    /** Numbers the `<ol>` in reverse; ignored unless `as="ol"`.
+     * @default false
+     */
+    reversed: boolean;
+    protected updated(): void;
+    /**
+     * A fresh clone of the light-DOM `icon` slot content, for a descendant item
+     * with no icon of its own — claimed from this light DOM since it renders into the item's own shadow tree.
+     */
+    getDefaultIcon(): Element | undefined;
+    render(): import("lit").TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-list': SkdxList;
+    }
+}

package/dist/list/List.d.ts

@@ -0,0 +1,58 @@
+import { LitElement } from 'lit';
+import { type SkdxSpace } from '../internal/space.js';
+/**
+ * `<skdx-list>` — renders `<ul>` (or `<ol>`/`<dl>` via `as`) holding
+ * `<skdx-list-item>` children. `markers={false}` sets `role="list"` on the
+ * container only (WebKit 170179 drops list semantics otherwise).
+ *
+ * The `icon` slot supplies a default marker, cloned into each item since a
+ * single slotted node can only be distributed to one shadow tree.
+ *
+ * @slot - The list's `<skdx-list-item>` children.
+ * @slot icon - Default marker cloned into every item without its own `icon` slot.
+ *
+ * @example
+ * ```html
+ * <skdx-list markers="false" spacing="2">
+ *   <skdx-list-item>One</skdx-list-item>
+ *   <skdx-list-item>Two</skdx-list-item>
+ * </skdx-list>
+ * ```
+ *
+ * @csspart root - The rendered `<ul>`/`<ol>`/`<dl>` inside the shadow root.
+ */
+export declare class SkdxList extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /** Element to render: `<ul>`, `<ol>`, or `<dl>` (`dl` is for styling only — items are still `<li>`).
+     * @default 'ul'
+     */
+    as: 'ul' | 'ol' | 'dl';
+    /** Shows the native marker/numbering; `false` sets `role="list"` on the container instead.
+     * @default true
+     */
+    markers: boolean;
+    /** Gap between items. A scale key resolves to a token; any other string passes through.
+     * @default undefined
+     */
+    spacing?: SkdxSpace;
+    /** Starting value for an `<ol>`; ignored unless `as="ol"`.
+     * @default undefined
+     */
+    start?: number;
+    /** Numbers the `<ol>` in reverse; ignored unless `as="ol"`.
+     * @default false
+     */
+    reversed: boolean;
+    protected updated(): void;
+    /**
+     * A fresh clone of the light-DOM `icon` slot content, for a descendant item
+     * with no icon of its own — claimed from this light DOM since it renders into the item's own shadow tree.
+     */
+    getDefaultIcon(): Element | undefined;
+    render(): import("lit").TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-list': SkdxList;
+    }
+}

package/dist/list/List.js

@@ -0,0 +1,23 @@
+var d=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var s=(a,l,o,r)=>{for(var e=r>1?void 0:r?c(l,o):l,n=a.length-1,m;n>=0;n--)(m=a[n])&&(e=(r?m(l,o,e):m(e))||e);return r&&e&&d(l,o,e),e};import{css as f,LitElement as u,nothing as p}from"lit";import{property as i}from"lit/decorators.js";import{html as g}from"lit/static-html.js";import{customElement as h}from"../internal/define.js";import{renderSlotContent as v,stampRenderSlot as y}from"../internal/options.js";import{reflectHostState as b}from"../internal/part.js";import{resolveSpace as k}from"../internal/space.js";import{hiddenHostStyles as S}from"../internal/styles.js";import{resolveTag as $}from"../utils/polymorphic.js";import{LIST_RENDER_SLOTS as E}from"./ListAnatomy.js";var[T]=E,N={fromAttribute(a){return a!=="false"}},t=class extends u{constructor(){super(...arguments);this.as="ul";this.markers=!0;this.reversed=!1}updated(){b(this,{"data-markers":this.markers?void 0:"false"})}getDefaultIcon(){let o=v(this,T),[r]=o.values();return r?y(r):void 0}render(){let o=$(this.as,"ul"),r=!this.markers,e=this.as==="ol",n=k(this.spacing);return g`<${o}
+      part="root"
+      role=${r?"list":p}
+      style=${n?`gap: ${n}`:p}
+      start=${e&&this.start!==void 0?this.start:p}
+      ?reversed=${e&&this.reversed}
+      ><slot></slot
+    ></${o}>`}};t.styles=[S,f`
+      :host {
+        display: block;
+      }
+      [part='root'] {
+        /* flex column, not block: gap has no effect on a block-flowing list. */
+        display: flex;
+        flex-direction: column;
+        margin: 0;
+        padding-inline-start: var(--skdx-list-indent, 1.5em);
+        gap: var(--skdx-list-gap, 0);
+      }
+      :host([data-markers='false']) [part='root'] {
+        list-style: none;
+      }
+    `],s([i({type:String,reflect:!0})],t.prototype,"as",2),s([i({converter:N})],t.prototype,"markers",2),s([i({type:String})],t.prototype,"spacing",2),s([i({type:Number})],t.prototype,"start",2),s([i({type:Boolean})],t.prototype,"reversed",2),t=s([h("skdx-list","list","root")],t);export{t as SkdxList};

package/dist/list/ListAnatomy.cjs

@@ -0,0 +1 @@
+"use strict";var t=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var R=Object.prototype.hasOwnProperty;var T=(c,o)=>{for(var s in o)t(c,s,{get:o[s],enumerable:!0})},_=(c,o,s,S)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of L(o))!R.call(c,n)&&n!==s&&t(c,n,{get:()=>o[n],enumerable:!(S=E(o,n))||S.enumerable});return c};var a=c=>_(t({},"__esModule",{value:!0}),c);var i={};T(i,{LIST_RENDER_SLOTS:()=>e});module.exports=a(i);var e=["icon"];0&&(module.exports={LIST_RENDER_SLOTS});

package/dist/list/ListAnatomy.d.cts

@@ -0,0 +1,2 @@
+/** @internal The named slot `<skdx-list>` claims from its own light DOM to supply items' default marker. */
+export declare const LIST_RENDER_SLOTS: readonly ["icon"];

package/dist/list/ListAnatomy.d.ts

@@ -0,0 +1,2 @@
+/** @internal The named slot `<skdx-list>` claims from its own light DOM to supply items' default marker. */
+export declare const LIST_RENDER_SLOTS: readonly ["icon"];

package/dist/list/ListAnatomy.js

@@ -0,0 +1 @@
+var o=["icon"];export{o as LIST_RENDER_SLOTS};

package/dist/list/ListItem.cjs

@@ -0,0 +1,28 @@
+"use strict";var r=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var $=(o,e)=>{for(var l in e)r(o,l,{get:e[l],enumerable:!0})},C=(o,e,l,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of y(e))!g.call(o,t)&&t!==l&&r(o,t,{get:()=>e[t],enumerable:!(n=p(e,t))||n.enumerable});return o};var S=o=>C(r({},"__esModule",{value:!0}),o),d=(o,e,l,n)=>{for(var t=n>1?void 0:n?p(e,l):e,a=o.length-1,c;a>=0;a--)(c=o[a])&&(t=(n?c(e,l,t):c(t))||t);return n&&t&&r(e,l,t),t};var b={};$(b,{SkdxListItem:()=>s});module.exports=S(b);var i=require("lit"),h=require("lit/decorators.js"),u=require("../internal/define.cjs"),f=require("../internal/styles.cjs"),v=require("../list-item/ListItemAnatomy.cjs");var[m]=v.LIST_ITEM_RENDER_SLOTS,s=class extends i.LitElement{constructor(){super(...arguments);this.list=null;this.onIconSlotChange=()=>this.requestUpdate()}connectedCallback(){super.connectedCallback(),this.list=this.closest("skdx-list"),this.setAttribute("role","listitem")}render(){let l=this.querySelector(`:scope > [slot="${m}"]`)!==null,n=l?void 0:this.list?.getDefaultIcon(),t=l||n!==void 0;return i.html`<li
+      part="item"
+      role="presentation"
+      value=${this.value??i.nothing}
+      style=${t?"list-style: none":i.nothing}
+    >
+      ${t?i.html`<span part="indicator"
+              ><slot name=${m} @slotchange=${this.onIconSlotChange}
+                >${n}</slot
+              ></span
+            >`:i.html`<slot name=${m} @slotchange=${this.onIconSlotChange} hidden></slot>`}
+      <slot></slot>
+    </li>`}};s.styles=[f.hiddenHostStyles,i.css`
+      :host {
+        display: contents;
+      }
+      li {
+        font: inherit;
+        color: inherit;
+      }
+      li::marker {
+        color: var(--skdx-list-marker-color, currentColor);
+      }
+      [part='indicator'] {
+        display: inline-flex;
+        align-items: center;
+      }
+    `],d([(0,h.property)({type:Number})],s.prototype,"value",2),s=d([(0,u.customElement)("skdx-list-item","list","item")],s);0&&(module.exports={SkdxListItem});

package/dist/list/ListItem.d.cts

@@ -0,0 +1,38 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-list-item>` — renders `<li>` inside `<skdx-list>`. An `icon` — its
+ * own or the ancestor List's — renders as an `indicator` part and switches
+ * off the native marker.
+ *
+ * Sets `role="listitem"` on itself: the host, not the shadow `<li>`, is what
+ * `<skdx-list>`'s slot actually parents, so it — not the doubly-nested
+ * `<li>` — is what carries the semantics an assistive technology needs.
+ * The shadow `<li>` gets `role="presentation"` to avoid conflicting with it.
+ *
+ * @slot - The item's content.
+ * @slot icon - Overrides the ancestor List's default marker for this item only.
+ *
+ * @example
+ * ```html
+ * <skdx-list-item><span slot="icon">✓</span>Done</skdx-list-item>
+ * ```
+ *
+ * @csspart item - The rendered `<li>` inside the shadow root.
+ * @csspart indicator - The wrapper around the item's icon, present only when one renders.
+ */
+export declare class SkdxListItem extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /** `<li value>` passthrough; meaningful only inside an ancestor `<ol>`.
+     * @default undefined
+     */
+    value?: number;
+    private list;
+    connectedCallback(): void;
+    private readonly onIconSlotChange;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-list-item': SkdxListItem;
+    }
+}

package/dist/list/ListItem.d.ts

@@ -0,0 +1,38 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-list-item>` — renders `<li>` inside `<skdx-list>`. An `icon` — its
+ * own or the ancestor List's — renders as an `indicator` part and switches
+ * off the native marker.
+ *
+ * Sets `role="listitem"` on itself: the host, not the shadow `<li>`, is what
+ * `<skdx-list>`'s slot actually parents, so it — not the doubly-nested
+ * `<li>` — is what carries the semantics an assistive technology needs.
+ * The shadow `<li>` gets `role="presentation"` to avoid conflicting with it.
+ *
+ * @slot - The item's content.
+ * @slot icon - Overrides the ancestor List's default marker for this item only.
+ *
+ * @example
+ * ```html
+ * <skdx-list-item><span slot="icon">✓</span>Done</skdx-list-item>
+ * ```
+ *
+ * @csspart item - The rendered `<li>` inside the shadow root.
+ * @csspart indicator - The wrapper around the item's icon, present only when one renders.
+ */
+export declare class SkdxListItem extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /** `<li value>` passthrough; meaningful only inside an ancestor `<ol>`.
+     * @default undefined
+     */
+    value?: number;
+    private list;
+    connectedCallback(): void;
+    private readonly onIconSlotChange;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-list-item': SkdxListItem;
+    }
+}

package/dist/list/ListItem.js

@@ -0,0 +1,28 @@
+var p=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var a=(n,i,o,e)=>{for(var t=e>1?void 0:e?h(i,o):i,s=n.length-1,r;s>=0;s--)(r=n[s])&&(t=(e?r(i,o,t):r(t))||t);return e&&t&&p(i,o,t),t};import{css as u,html as c,LitElement as f,nothing as m}from"lit";import{property as v}from"lit/decorators.js";import{customElement as y}from"../internal/define.js";import{hiddenHostStyles as g}from"../internal/styles.js";import{LIST_ITEM_RENDER_SLOTS as $}from"../list-item/ListItemAnatomy.js";var[d]=$,l=class extends f{constructor(){super(...arguments);this.list=null;this.onIconSlotChange=()=>this.requestUpdate()}connectedCallback(){super.connectedCallback(),this.list=this.closest("skdx-list"),this.setAttribute("role","listitem")}render(){let o=this.querySelector(`:scope > [slot="${d}"]`)!==null,e=o?void 0:this.list?.getDefaultIcon(),t=o||e!==void 0;return c`<li
+      part="item"
+      role="presentation"
+      value=${this.value??m}
+      style=${t?"list-style: none":m}
+    >
+      ${t?c`<span part="indicator"
+              ><slot name=${d} @slotchange=${this.onIconSlotChange}
+                >${e}</slot
+              ></span
+            >`:c`<slot name=${d} @slotchange=${this.onIconSlotChange} hidden></slot>`}
+      <slot></slot>
+    </li>`}};l.styles=[g,u`
+      :host {
+        display: contents;
+      }
+      li {
+        font: inherit;
+        color: inherit;
+      }
+      li::marker {
+        color: var(--skdx-list-marker-color, currentColor);
+      }
+      [part='indicator'] {
+        display: inline-flex;
+        align-items: center;
+      }
+    `],a([v({type:Number})],l.prototype,"value",2),l=a([y("skdx-list-item","list","item")],l);export{l as SkdxListItem};

package/dist/list/index.cjs

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

package/dist/list/index.d.cts

@@ -0,0 +1,2 @@
+export { SkdxList } from './List.cjs';
+export { SkdxListItem } from './ListItem.cjs';

package/dist/list/index.d.ts

@@ -0,0 +1,2 @@
+export { SkdxList } from './List.js';
+export { SkdxListItem } from './ListItem.js';

package/dist/list/index.js

@@ -0,0 +1 @@
+import{SkdxList as r}from"./List.js";import{SkdxListItem as e}from"./ListItem.js";export{r as SkdxList,e as SkdxListItem};

package/dist/list-item/ListItemAnatomy.cjs

@@ -0,0 +1 @@
+"use strict";var t=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var _=Object.prototype.hasOwnProperty;var I=(c,o)=>{for(var s in o)t(c,s,{get:o[s],enumerable:!0})},L=(c,o,s,E)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of T(o))!_.call(c,n)&&n!==s&&t(c,n,{get:()=>o[n],enumerable:!(E=S(o,n))||E.enumerable});return c};var R=c=>L(t({},"__esModule",{value:!0}),c);var e={};I(e,{LIST_ITEM_RENDER_SLOTS:()=>a});module.exports=R(e);var a=["icon"];0&&(module.exports={LIST_ITEM_RENDER_SLOTS});

package/dist/list-item/ListItemAnatomy.d.cts

@@ -0,0 +1,2 @@
+/** @internal The named slot `<skdx-list-item>` renders, overriding the ancestor `<skdx-list>`'s default marker for this item only. */
+export declare const LIST_ITEM_RENDER_SLOTS: readonly ["icon"];

package/dist/list-item/ListItemAnatomy.d.ts

@@ -0,0 +1,2 @@
+/** @internal The named slot `<skdx-list-item>` renders, overriding the ancestor `<skdx-list>`'s default marker for this item only. */
+export declare const LIST_ITEM_RENDER_SLOTS: readonly ["icon"];

package/dist/list-item/ListItemAnatomy.js

@@ -0,0 +1 @@
+var o=["icon"];export{o as LIST_ITEM_RENDER_SLOTS};

package/dist/listbox/Listbox.cjs

@@ -1,5 +1,5 @@
-"use strict";var c=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var A=Object.prototype.hasOwnProperty;var E=(i,t)=>{for(var e in t)c(i,e,{get:t[e],enumerable:!0})},w=(i,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of g(t))!A.call(i,l)&&l!==e&&c(i,l,{get:()=>t[l],enumerable:!(r=m(t,l))||r.enumerable});return i};var k=i=>w(c({},"__esModule",{value:!0}),i),n=(i,t,e,r)=>{for(var l=r>1?void 0:r?m(t,e):t,a=i.length-1,u;a>=0;a--)(u=i[a])&&(l=(r?u(t,e,l):u(l))||l);return r&&l&&c(t,e,l),l};var C={};E(C,{OPTION_SELECTOR:()=>y,SkdxListbox:()=>s,findListboxRoot:()=>V});module.exports=k(C);var d=require("lit"),o=require("lit/decorators.js"),v=require("../internal/define.cjs"),h=require("../internal/selection.cjs"),b=require("../internal/styles.cjs"),p=require("../internal/typeahead.cjs");var y='[role="option"]:not([data-disabled])';function V(i){for(let t=i.parentElement;t!==null;t=t.parentElement)if(t instanceof s||t.localName==="skdx-listbox")return t;return null}var f={fromAttribute:i=>i??void 0,toAttribute:i=>Array.isArray(i)||i===void 0?null:i},s=class extends d.LitElement{constructor(){super(...arguments);this.multiple=!1;this.disabled=!1;this.activeValue=null;this.typeahead=new p.Typeahead;this.handleKeyDown=e=>{let r=this.options,l=r.indexOf(e.target);if(e.key==="ArrowDown"||e.key==="ArrowUp"){if(e.preventDefault(),r.length===0)return;let u=e.key==="ArrowDown"?1:-1;r[Math.min(r.length-1,Math.max(0,l+u))]?.focus();return}if(e.key==="Home"||e.key==="End"){e.preventDefault(),(e.key==="Home"?r[0]:r[r.length-1])?.focus();return}if(e.defaultPrevented||!(0,p.isTypeaheadKey)(e))return;let a=this.typeahead.match(e.key,r.map(x),l);a!==-1&&(e.preventDefault(),r[a].focus())};this.handleSlotChange=()=>this.requestUpdate()}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listbox"),this.addEventListener("keydown",this.handleKeyDown),this.syncHostState()}disconnectedCallback(){this.removeEventListener("keydown",this.handleKeyDown),this.typeahead.clear(),super.disconnectedCallback()}willUpdate(){this.hasUpdated||(this.value??(this.value=this.defaultValue)),this.activeValue===null&&this.seedActiveValue()}updated(e){this.syncHostState(),e.size>0&&this.dispatchEvent(new CustomEvent("skdx-listbox-internal-update"))}syncHostState(){this.multiple?(this.setAttribute("aria-multiselectable","true"),this.setAttribute("data-multiple","")):(this.removeAttribute("aria-multiselectable"),this.removeAttribute("data-multiple")),this.disabled?(this.setAttribute("aria-disabled","true"),this.setAttribute("data-disabled","")):(this.removeAttribute("aria-disabled"),this.removeAttribute("data-disabled"))}seedActiveValue(){let e=this.options,l=(e.find(a=>this.isSelected(a.getAttribute("data-value")??""))??e[0])?.getAttribute("data-value");l&&(this.activeValue=l)}get options(){return Array.from(this.querySelectorAll(y))}get selectedValues(){return(0,h.toValues)(this.value)}isSelected(e){return this.selectedValues.includes(e)}selectItem(e){let r=(0,h.nextSelection)(this.selectedValues,e,this.multiple);this.value=r,this.dispatchEvent(new CustomEvent("value-change",{detail:r,bubbles:!0,composed:!0}))}setActiveValue(e){this.activeValue=e}render(){return d.html`<slot @slotchange=${this.handleSlotChange}></slot>`}};s.styles=[b.hiddenHostStyles,d.css`
+"use strict";var v=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var M=Object.prototype.hasOwnProperty;var K=(s,l)=>{for(var e in l)v(s,e,{get:l[e],enumerable:!0})},C=(s,l,e,t)=>{if(l&&typeof l=="object"||typeof l=="function")for(let i of D(l))!M.call(s,i)&&i!==e&&v(s,i,{get:()=>l[i],enumerable:!(t=E(l,i))||t.enumerable});return s};var T=s=>C(v({},"__esModule",{value:!0}),s),n=(s,l,e,t)=>{for(var i=t>1?void 0:t?E(l,e):l,h=s.length-1,c;h>=0;h--)(c=s[h])&&(i=(t?c(l,e,i):c(i))||i);return t&&i&&v(l,e,i),i};var R={};K(R,{OPTION_SELECTOR:()=>S,SkdxListbox:()=>a,findListboxRoot:()=>H});module.exports=T(R);var m=require("lit"),u=require("lit/decorators.js"),g=require("../internal/authored.cjs"),w=require("../internal/define.cjs"),d=require("../internal/selection.cjs"),V=require("../internal/styles.cjs"),b=require("../internal/typeahead.cjs"),f=require("./ListboxAnatomy.cjs");var S='[role="option"]:not([data-disabled])';function _(s,l){return s.length===l.length&&s.every((e,t)=>e===l[t])}function H(s){for(let l=s.parentElement;l!==null;l=l.parentElement)if(l instanceof a||l.localName==="skdx-listbox")return l;return null}var k=10,a=class extends m.LitElement{constructor(){super(...arguments);this._values=[];this._valueSet=!1;this.multiple=!1;this.disabled=!1;this.allowSelectAll=!0;this.orientation="vertical";this.focusOnHover=!1;this.disallowEmptySelection=!1;this.activeValue=null;this.typeahead=new b.Typeahead;this.selectionAnchor=null;this.fillAnatomy=()=>{if((0,g.hasAuthoredParts)(this,f.LISTBOX_ANATOMY_GENERATED,f.LISTBOX_RENDER_SLOTS)){this._anatomyOptionsRef=void 0;return}(this.options!==this._anatomyOptionsRef||!(0,g.hasGeneratedContent)(this,f.LISTBOX_ANATOMY_GENERATED))&&(this._anatomyOptionsRef=this.options,(0,f.fillListboxAnatomy)(this))};this.handleKeyDown=e=>{let t=this.renderedOptions,i=t.indexOf(e.target);if(this.handleSelectionKeys(e,t,i))return;if((e.key==="PageUp"||e.key==="PageDown")&&i!==-1){e.preventDefault();let r=e.key==="PageDown"?k:-k;t[Math.min(t.length-1,Math.max(0,i+r))]?.focus();return}let h=this.orientation==="horizontal"?"ArrowRight":"ArrowDown",c=this.orientation==="horizontal"?"ArrowLeft":"ArrowUp";if(e.key===h||e.key===c){if(e.preventDefault(),t.length===0)return;let r=e.key===h?1:-1;t[Math.min(t.length-1,Math.max(0,i+r))]?.focus();return}if(e.key==="Home"||e.key==="End"){e.preventDefault(),(e.key==="Home"?t[0]:t[t.length-1])?.focus();return}if(e.defaultPrevented||!(0,b.isTypeaheadKey)(e))return;let o=this.typeahead.match(e.key,t.map(L),i);o!==-1&&(e.preventDefault(),t[o].focus())};this.handleSlotChange=()=>{this.fillAnatomy(),this.requestUpdate()}}get value(){return this._values}set value(e){let t=(0,d.toSelectionValues)(e,{multiple:this.isMultiple,label:"Listbox value"}),i=this._values;this._valueSet=!0,this._values=t,this.requestUpdate("value",i)}get isMultiple(){return this.multiple||!this.hasUpdated&&this.hasAttribute("multiple")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listbox"),this.addEventListener("keydown",this.handleKeyDown),this.syncHostState(),queueMicrotask(this.fillAnatomy)}disconnectedCallback(){this.removeEventListener("keydown",this.handleKeyDown),this.typeahead.clear(),super.disconnectedCallback()}willUpdate(){!this.hasUpdated&&!this._valueSet&&(this.value=(0,d.toSelectionValues)(this.defaultValue,{multiple:this.isMultiple,label:"Listbox defaultValue"})),this.activeValue===null&&this.seedActiveValue()}updated(e){this.syncHostState(),this.fillAnatomy(),e.size>0&&this.dispatchEvent(new CustomEvent("skdx-listbox-internal-update"))}syncHostState(){this.multiple?(this.setAttribute("aria-multiselectable","true"),this.setAttribute("data-multiple","")):(this.removeAttribute("aria-multiselectable"),this.removeAttribute("data-multiple")),this.disabled?(this.setAttribute("aria-disabled","true"),this.setAttribute("data-disabled","")):(this.removeAttribute("aria-disabled"),this.removeAttribute("data-disabled")),this.setAttribute("aria-orientation",this.orientation),this.setAttribute("data-orientation",this.orientation)}seedActiveValue(){let e=this.renderedOptions,i=(e.find(h=>this.isSelected(h.getAttribute("data-value")??""))??e[0])?.getAttribute("data-value");i&&(this.activeValue=i)}get renderedOptions(){return Array.from(this.querySelectorAll(S))}get selectedValues(){return this.value}isSelected(e){return this.selectedValues.includes(e)}selectItem(e,t){this.multiple&&this.disallowEmptySelection&&this.selectedValues.length===1&&this.selectedValues[0]===e||(this.selectionAnchor=e,this.commit((0,d.nextSelection)(this.selectedValues,e,this.multiple),t))}commit(e,t){let i=this.selectedValues;_(e,i)||(this.value=e,this.dispatchEvent(new CustomEvent("value-change",{detail:{value:e,previousValue:i.length===0?null:i,reason:t,selectedValue:(0,d.selectedValueOf)(e)},bubbles:!0,composed:!0})))}selectRange(e){let t=this.selectedValues;this.commit([...t,...e.filter(i=>!t.includes(i))],"keyboard")}readAnchor(){return this.selectedValues.length===0&&(this.selectionAnchor=null),this.selectionAnchor}setActiveValue(e){this.activeValue=e}handleSelectionKeys(e,t,i){if(!this.multiple||i===-1)return!1;let h=this.orientation==="horizontal"?"ArrowRight":"ArrowDown",c=this.orientation==="horizontal"?"ArrowLeft":"ArrowUp";if((e.key===h||e.key===c)&&e.shiftKey){e.preventDefault();let o=t[i+(e.key===h?1:-1)];return o&&(o.focus(),this.selectItem(y(o),"keyboard")),!0}if(e.key===" "&&e.shiftKey){e.preventDefault();let o=this.readAnchor(),r=t.findIndex(O=>y(O)===o),A=Math.min(r===-1?i:r,i),p=Math.max(r===-1?i:r,i);return this.selectRange(t.slice(A,p+1).map(y)),!0}if(e.ctrlKey&&e.shiftKey&&(e.key==="Home"||e.key==="End")){e.preventDefault();let[o,r]=e.key==="Home"?[0,i]:[i,t.length-1];return this.selectRange(t.slice(o,r+1).map(y)),!0}if(this.allowSelectAll&&(e.ctrlKey||e.metaKey)&&e.key.toLowerCase()==="a"){e.preventDefault();let o=t.map(y),r=this.selectedValues;return o.every(p=>r.includes(p))?this.multiple&&this.disallowEmptySelection||this.commit(r.filter(p=>!o.includes(p)),"keyboard"):this.commit([...r,...o.filter(p=>!r.includes(p))],"keyboard"),!0}return!1}render(){return m.html`<slot @slotchange=${this.handleSlotChange}></slot>`}};a.styles=[V.hiddenHostStyles,m.css`
       :host {
         display: block;
       }
-    `],n([(0,o.property)({converter:f,reflect:!0})],s.prototype,"value",2),n([(0,o.property)({converter:f,attribute:"default-value"})],s.prototype,"defaultValue",2),n([(0,o.property)({type:Boolean,reflect:!0})],s.prototype,"multiple",2),n([(0,o.property)({type:Boolean,reflect:!0})],s.prototype,"disabled",2),n([(0,o.state)()],s.prototype,"activeValue",2),s=n([(0,v.customElement)("skdx-listbox","listbox","root")],s);function x(i){return i.getAttribute("data-text-value")??i.textContent??""}0&&(module.exports={OPTION_SELECTOR,SkdxListbox,findListboxRoot});
+    `],n([(0,u.property)({converter:d.selectionAttributeConverter,reflect:!0,noAccessor:!0})],a.prototype,"value",1),n([(0,u.property)({converter:d.selectionAttributeConverter,attribute:"default-value"})],a.prototype,"defaultValue",2),n([(0,u.property)({type:Boolean,reflect:!0})],a.prototype,"multiple",2),n([(0,u.property)({type:Boolean,reflect:!0})],a.prototype,"disabled",2),n([(0,u.property)({type:Boolean,attribute:"allow-select-all"})],a.prototype,"allowSelectAll",2),n([(0,u.property)({type:String,reflect:!0})],a.prototype,"orientation",2),n([(0,u.property)({type:Boolean,attribute:"focus-on-hover"})],a.prototype,"focusOnHover",2),n([(0,u.property)({type:Boolean,attribute:"disallow-empty-selection"})],a.prototype,"disallowEmptySelection",2),n([(0,u.property)({attribute:!1})],a.prototype,"options",2),n([(0,u.state)()],a.prototype,"activeValue",2),a=n([(0,w.customElement)("skdx-listbox","listbox","root")],a);function L(s){return s.getAttribute("data-text-value")??s.textContent??""}function y(s){return s.getAttribute("data-value")??""}0&&(module.exports={OPTION_SELECTOR,SkdxListbox,findListboxRoot});