@skdx/web-components 0.26.0

package/dist/transfer/TransferListSearch.d.ts

@@ -0,0 +1,69 @@
+import { LitElement } from 'lit';
+import type { TransferSide } from './types.js';
+/**
+ * `<skdx-transfer-list-search>` — the filter input for one list: an
+ * `<input type="search">` bound to that side's query. Like
+ * `<skdx-transfer-list-header>` it is a sibling of its list rather than a child,
+ * since a `role="listbox"` may only contain options — so it takes its own
+ * `side`.
+ *
+ * Hidden while the root is not `searchable`. A filter box that stays on screen
+ * but no longer filters is worse than no box at all, so the one prop turns the
+ * input and the filtering on together.
+ *
+ * Filtering narrows what its list renders and therefore what "move all" moves:
+ * "move all" moves what you can see, not what you cannot.
+ *
+ * Renders **into light DOM** (`createRenderRoot()` returns `this` — no shadow
+ * root), for the same reason `<skdx-combobox-input>` does: `aria-controls` is an
+ * IDREF and an IDREF resolves only within its own tree, so from inside a shadow
+ * root it could never reach the `<skdx-transfer-list>` it names — the attribute
+ * was inert and the box was not announced as controlling the list. It is also
+ * what lets a wrapping `<label>` and `<skdx-field>`'s `findFieldControl()` see
+ * the `<input>` at all. `display: contents` on the `<input>` is not an
+ * alternative: CSS Display 3 computes it to `none` on form controls.
+ *
+ * @csspart input - The native `<input>` element. **`::part(input)` does not reach it.**
+ * This element renders into the light DOM (see `createRenderRoot` below) and `::part()`
+ * only matches inside a shadow root, so the `part` attribute is inert here. It is kept so
+ * the name matches the shadow-DOM components and the styling-hooks contract. Style it as an
+ * ordinary descendant instead: `skdx-transfer-list-search > input { … }`.
+ *
+ * @example
+ * ```html
+ * <skdx-transfer searchable items="…">
+ *   <skdx-transfer-list-search side="source" placeholder="Filter"></skdx-transfer-list-search>
+ *   <skdx-transfer-list side="source"></skdx-transfer-list>
+ * </skdx-transfer>
+ * ```
+ */
+export declare class SkdxTransferListSearch extends LitElement {
+    /** Light DOM, for the IDREF and labelling reasons in the class docblock. */
+    createRenderRoot(): this;
+    /**
+     * Reaches through to the native `<input>`. The shadow root used to carry
+     * `delegatesFocus`, which did this for free; a light-DOM element has to
+     * forward focus itself.
+     */
+    focus(options?: FocusOptions): void;
+    /** Which list this box filters. Required. */
+    side: TransferSide;
+    /**
+     * Placeholder text for the filter field.
+     * @default undefined — renders no placeholder attribute at all.
+     */
+    placeholder?: string;
+    private transfer;
+    private label;
+    private readonly onTransferUpdate;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(): void;
+    private readonly handleInput;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-transfer-list-search': SkdxTransferListSearch;
+    }
+}

package/dist/transfer/TransferListSearch.js

@@ -0,0 +1,12 @@
+var h=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var a=(n,s,e,i)=>{for(var t=i>1?void 0:i?u(s,e):s,l=n.length-1,o;l>=0;l--)(o=n[l])&&(t=(i?o(s,e,t):o(t))||t);return i&&t&&h(s,e,t),t};import{html as f,LitElement as m,nothing as d}from"lit";import{property as p}from"lit/decorators.js";import{takeHostAriaLabel as v}from"../internal/aria-label.js";import{customElement as b}from"../internal/define.js";import{installLightDomStyles as y}from"../internal/styles.js";import{TRANSFER_INTERNAL_UPDATE as c}from"./Transfer.js";var g={source:"Filter available items",target:"Filter selected items"},r=class extends m{constructor(){super(...arguments);this.side="source";this.transfer=null;this.label=null;this.onTransferUpdate=()=>this.requestUpdate();this.handleInput=e=>{this.transfer?.setQuery(this.side,e.target.value)}}createRenderRoot(){return this}focus(e){this.querySelector("input")?.focus(e)}connectedCallback(){super.connectedCallback(),y(),this.transfer=this.closest("skdx-transfer"),this.transfer?.addEventListener(c,this.onTransferUpdate),this.label??(this.label=v(this))}disconnectedCallback(){this.transfer?.removeEventListener(c,this.onTransferUpdate),super.disconnectedCallback()}updated(){this.setAttribute("data-side",this.side),this.hidden=!(this.transfer?.searchable??!1)}render(){let e=this.transfer;return f`
+      <input
+        part="input"
+        type="search"
+        .value=${e?.getQuery(this.side)??""}
+        placeholder=${this.placeholder??d}
+        aria-label=${this.label??g[this.side]}
+        aria-controls=${e?.listId(this.side)??d}
+        ?disabled=${e?.disabled??!1}
+        @input=${this.handleInput}
+      />
+    `}};a([p({type:String,reflect:!0})],r.prototype,"side",2),a([p({type:String})],r.prototype,"placeholder",2),r=a([b("skdx-transfer-list-search","transfer","list-search")],r);export{r as SkdxTransferListSearch};

package/dist/transfer/TransferMoveAllTrigger.cjs

@@ -0,0 +1 @@
+"use strict";var l=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var c=(t,e)=>{for(var s in e)l(t,s,{get:e[s],enumerable:!0})},u=(t,e,s,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of g(e))!v.call(t,r)&&r!==s&&l(t,r,{get:()=>e[r],enumerable:!(a=d(e,r))||a.enumerable});return t};var x=t=>u(l({},"__esModule",{value:!0}),t),n=(t,e,s,a)=>{for(var r=a>1?void 0:a?d(e,s):e,m=t.length-1,i;m>=0;m--)(i=t[m])&&(r=(a?i(e,s,r):i(r))||r);return a&&r&&l(e,s,r),r};var b={};c(b,{SkdxTransferMoveAllTrigger:()=>o});module.exports=x(b);var f=require("../internal/define.cjs"),p=require("./move-trigger.cjs");var o=class extends p.SkdxTransferMoveTriggerBase{constructor(){super(...arguments);this.isAll=!0}movableValues(s){return s.visibleItems[this.from].filter(a=>!a.disabled).map(a=>a.value)}};o=n([(0,f.customElement)("skdx-transfer-move-all-trigger","transfer","move-all-trigger")],o);0&&(module.exports={SkdxTransferMoveAllTrigger});

package/dist/transfer/TransferMoveAllTrigger.d.cts

@@ -0,0 +1,29 @@
+import { SkdxTransferMoveTriggerBase } from './move-trigger.cjs';
+import type { SkdxTransfer } from './Transfer.cjs';
+/**
+ * `<skdx-transfer-move-all-trigger>` — the button that moves every item
+ * currently **visible** on one side, marked or not. Same rules as
+ * `<skdx-transfer-move-trigger>`: real button, name carries direction and count,
+ * `aria-disabled` rather than `disabled` when there is nothing to move.
+ *
+ * "Visible" is the operative word while the root is `searchable`: it moves what
+ * the filter is showing, never items hidden behind a query the user has
+ * forgotten is applied. Disabled items are excluded on both counts — the name
+ * and the move.
+ *
+ * @csspart trigger - The native `<button>` element inside the shadow root.
+ *
+ * @example
+ * ```html
+ * <skdx-transfer-move-all-trigger direction="toTarget">⇒</skdx-transfer-move-all-trigger>
+ * ```
+ */
+export declare class SkdxTransferMoveAllTrigger extends SkdxTransferMoveTriggerBase {
+    protected readonly isAll = true;
+    protected movableValues(transfer: SkdxTransfer): string[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-transfer-move-all-trigger': SkdxTransferMoveAllTrigger;
+    }
+}

package/dist/transfer/TransferMoveAllTrigger.d.ts

@@ -0,0 +1,29 @@
+import { SkdxTransferMoveTriggerBase } from './move-trigger.js';
+import type { SkdxTransfer } from './Transfer.js';
+/**
+ * `<skdx-transfer-move-all-trigger>` — the button that moves every item
+ * currently **visible** on one side, marked or not. Same rules as
+ * `<skdx-transfer-move-trigger>`: real button, name carries direction and count,
+ * `aria-disabled` rather than `disabled` when there is nothing to move.
+ *
+ * "Visible" is the operative word while the root is `searchable`: it moves what
+ * the filter is showing, never items hidden behind a query the user has
+ * forgotten is applied. Disabled items are excluded on both counts — the name
+ * and the move.
+ *
+ * @csspart trigger - The native `<button>` element inside the shadow root.
+ *
+ * @example
+ * ```html
+ * <skdx-transfer-move-all-trigger direction="toTarget">⇒</skdx-transfer-move-all-trigger>
+ * ```
+ */
+export declare class SkdxTransferMoveAllTrigger extends SkdxTransferMoveTriggerBase {
+    protected readonly isAll = true;
+    protected movableValues(transfer: SkdxTransfer): string[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-transfer-move-all-trigger': SkdxTransferMoveAllTrigger;
+    }
+}

package/dist/transfer/TransferMoveAllTrigger.js

@@ -0,0 +1 @@
+var d=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var i=(o,t,a,e)=>{for(var r=e>1?void 0:e?n(t,a):t,l=o.length-1,m;l>=0;l--)(m=o[l])&&(r=(e?m(t,a,r):m(r))||r);return e&&r&&d(t,a,r),r};import{customElement as f}from"../internal/define.js";import{SkdxTransferMoveTriggerBase as p}from"./move-trigger.js";var s=class extends p{constructor(){super(...arguments);this.isAll=!0}movableValues(a){return a.visibleItems[this.from].filter(e=>!e.disabled).map(e=>e.value)}};s=i([f("skdx-transfer-move-all-trigger","transfer","move-all-trigger")],s);export{s as SkdxTransferMoveAllTrigger};

package/dist/transfer/TransferMoveTrigger.cjs

@@ -0,0 +1 @@
+"use strict";var d=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var v=(t,e)=>{for(var o in e)d(t,o,{get:e[o],enumerable:!0})},x=(t,e,o,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of p(e))!g.call(t,r)&&r!==o&&d(t,r,{get:()=>e[r],enumerable:!(s=l(e,r))||s.enumerable});return t};var k=t=>x(d({},"__esModule",{value:!0}),t),n=(t,e,o,s)=>{for(var r=s>1?void 0:s?l(e,o):e,a=t.length-1,m;a>=0;a--)(m=t[a])&&(r=(s?m(e,o,r):m(r))||r);return s&&r&&d(e,o,r),r};var u={};v(u,{SkdxTransferMoveTrigger:()=>i});module.exports=k(u);var f=require("../internal/define.cjs"),c=require("./move-trigger.cjs");var i=class extends c.SkdxTransferMoveTriggerBase{constructor(){super(...arguments);this.isAll=!1}movableValues(o){let s=this.from,r=o.sideItems[s];return o.marked[s].filter(a=>!r.find(m=>m.value===a)?.disabled)}};i=n([(0,f.customElement)("skdx-transfer-move-trigger","transfer","move-trigger")],i);0&&(module.exports={SkdxTransferMoveTrigger});

package/dist/transfer/TransferMoveTrigger.d.cts

@@ -0,0 +1,33 @@
+import { SkdxTransferMoveTriggerBase } from './move-trigger.cjs';
+import type { SkdxTransfer } from './Transfer.cjs';
+/**
+ * `<skdx-transfer-move-trigger>` — the button that moves the **marked** items
+ * one way. A real `<button>` in the tab order, named for what it does and how
+ * much of it — "Move 3 items to selected", not an unnamed arrow glyph.
+ *
+ * With nothing marked it is **`aria-disabled`, not `disabled`**. A truly
+ * disabled button is skipped by Tab, so a keyboard user exploring the widget
+ * never meets the control that explains the whole interaction, and would be
+ * left guessing why selecting things in a list appears to do nothing. Kept
+ * focusable, it announces "Move items to selected, nothing selected" — the
+ * instruction and the reason in one. Pressing it is a no-op.
+ *
+ * Publishes `data-direction` (the logical `'toTarget'`/`'toSource'`),
+ * `data-count`, and `data-disabled`.
+ *
+ * @csspart trigger - The native `<button>` element inside the shadow root.
+ *
+ * @example
+ * ```html
+ * <skdx-transfer-move-trigger direction="toTarget">→</skdx-transfer-move-trigger>
+ * ```
+ */
+export declare class SkdxTransferMoveTrigger extends SkdxTransferMoveTriggerBase {
+    protected readonly isAll = false;
+    protected movableValues(transfer: SkdxTransfer): string[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-transfer-move-trigger': SkdxTransferMoveTrigger;
+    }
+}

package/dist/transfer/TransferMoveTrigger.d.ts

@@ -0,0 +1,33 @@
+import { SkdxTransferMoveTriggerBase } from './move-trigger.js';
+import type { SkdxTransfer } from './Transfer.js';
+/**
+ * `<skdx-transfer-move-trigger>` — the button that moves the **marked** items
+ * one way. A real `<button>` in the tab order, named for what it does and how
+ * much of it — "Move 3 items to selected", not an unnamed arrow glyph.
+ *
+ * With nothing marked it is **`aria-disabled`, not `disabled`**. A truly
+ * disabled button is skipped by Tab, so a keyboard user exploring the widget
+ * never meets the control that explains the whole interaction, and would be
+ * left guessing why selecting things in a list appears to do nothing. Kept
+ * focusable, it announces "Move items to selected, nothing selected" — the
+ * instruction and the reason in one. Pressing it is a no-op.
+ *
+ * Publishes `data-direction` (the logical `'toTarget'`/`'toSource'`),
+ * `data-count`, and `data-disabled`.
+ *
+ * @csspart trigger - The native `<button>` element inside the shadow root.
+ *
+ * @example
+ * ```html
+ * <skdx-transfer-move-trigger direction="toTarget">→</skdx-transfer-move-trigger>
+ * ```
+ */
+export declare class SkdxTransferMoveTrigger extends SkdxTransferMoveTriggerBase {
+    protected readonly isAll = false;
+    protected movableValues(transfer: SkdxTransfer): string[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-transfer-move-trigger': SkdxTransferMoveTrigger;
+    }
+}

package/dist/transfer/TransferMoveTrigger.js

@@ -0,0 +1 @@
+var l=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var d=(i,o,t,r)=>{for(var e=r>1?void 0:r?n(o,t):o,s=i.length-1,a;s>=0;s--)(a=i[s])&&(e=(r?a(o,t,e):a(e))||e);return r&&e&&l(o,t,e),e};import{customElement as f}from"../internal/define.js";import{SkdxTransferMoveTriggerBase as c}from"./move-trigger.js";var m=class extends c{constructor(){super(...arguments);this.isAll=!1}movableValues(t){let r=this.from,e=t.sideItems[r];return t.marked[r].filter(s=>!e.find(a=>a.value===s)?.disabled)}};m=d([f("skdx-transfer-move-trigger","transfer","move-trigger")],m);export{m as SkdxTransferMoveTrigger};

package/dist/transfer/index.cjs

@@ -0,0 +1 @@
+"use strict";var a=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var v=(e,r)=>{for(var t in r)a(e,t,{get:r[t],enumerable:!0})},c=(e,r,t,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let f of l(r))!g.call(e,f)&&f!==t&&a(e,f,{get:()=>r[f],enumerable:!(n=k(r,f))||n.enumerable});return e};var y=e=>c(a({},"__esModule",{value:!0}),e);var D={};v(D,{SkdxTransfer:()=>o.SkdxTransfer,SkdxTransferControls:()=>p.SkdxTransferControls,SkdxTransferEmpty:()=>S.SkdxTransferEmpty,SkdxTransferItem:()=>m.SkdxTransferItem,SkdxTransferList:()=>s.SkdxTransferList,SkdxTransferListHeader:()=>x.SkdxTransferListHeader,SkdxTransferListSearch:()=>T.SkdxTransferListSearch,SkdxTransferMoveAllTrigger:()=>i.SkdxTransferMoveAllTrigger,SkdxTransferMoveTrigger:()=>d.SkdxTransferMoveTrigger,defaultTransferFilter:()=>o.defaultTransferFilter,moveAnnouncement:()=>o.moveAnnouncement});module.exports=y(D);var o=require("./Transfer.cjs"),s=require("./TransferList.cjs"),x=require("./TransferListHeader.cjs"),T=require("./TransferListSearch.cjs"),m=require("./TransferItem.cjs"),p=require("./TransferControls.cjs"),d=require("./TransferMoveTrigger.cjs"),i=require("./TransferMoveAllTrigger.cjs"),S=require("./TransferEmpty.cjs");0&&(module.exports={SkdxTransfer,SkdxTransferControls,SkdxTransferEmpty,SkdxTransferItem,SkdxTransferList,SkdxTransferListHeader,SkdxTransferListSearch,SkdxTransferMoveAllTrigger,SkdxTransferMoveTrigger,defaultTransferFilter,moveAnnouncement});

package/dist/transfer/index.d.cts

@@ -0,0 +1,10 @@
+export { SkdxTransfer, defaultTransferFilter, moveAnnouncement } from './Transfer.cjs';
+export { SkdxTransferList } from './TransferList.cjs';
+export { SkdxTransferListHeader } from './TransferListHeader.cjs';
+export { SkdxTransferListSearch } from './TransferListSearch.cjs';
+export { SkdxTransferItem } from './TransferItem.cjs';
+export { SkdxTransferControls } from './TransferControls.cjs';
+export { SkdxTransferMoveTrigger } from './TransferMoveTrigger.cjs';
+export { SkdxTransferMoveAllTrigger } from './TransferMoveAllTrigger.cjs';
+export { SkdxTransferEmpty } from './TransferEmpty.cjs';
+export type { TransferItemData, TransferSide, TransferDirection, TransferFilter, TransferMoveDetail, } from './types.cjs';

package/dist/transfer/index.d.ts

@@ -0,0 +1,10 @@
+export { SkdxTransfer, defaultTransferFilter, moveAnnouncement } from './Transfer.js';
+export { SkdxTransferList } from './TransferList.js';
+export { SkdxTransferListHeader } from './TransferListHeader.js';
+export { SkdxTransferListSearch } from './TransferListSearch.js';
+export { SkdxTransferItem } from './TransferItem.js';
+export { SkdxTransferControls } from './TransferControls.js';
+export { SkdxTransferMoveTrigger } from './TransferMoveTrigger.js';
+export { SkdxTransferMoveAllTrigger } from './TransferMoveAllTrigger.js';
+export { SkdxTransferEmpty } from './TransferEmpty.js';
+export type { TransferItemData, TransferSide, TransferDirection, TransferFilter, TransferMoveDetail, } from './types.js';

package/dist/transfer/index.js

@@ -0,0 +1 @@
+import{SkdxTransfer as o,defaultTransferFilter as f,moveAnnouncement as t}from"./Transfer.js";import{SkdxTransferList as n}from"./TransferList.js";import{SkdxTransferListHeader as x}from"./TransferListHeader.js";import{SkdxTransferListSearch as m}from"./TransferListSearch.js";import{SkdxTransferItem as d}from"./TransferItem.js";import{SkdxTransferControls as S}from"./TransferControls.js";import{SkdxTransferMoveTrigger as l}from"./TransferMoveTrigger.js";import{SkdxTransferMoveAllTrigger as v}from"./TransferMoveAllTrigger.js";import{SkdxTransferEmpty as y}from"./TransferEmpty.js";export{o as SkdxTransfer,S as SkdxTransferControls,y as SkdxTransferEmpty,d as SkdxTransferItem,n as SkdxTransferList,x as SkdxTransferListHeader,m as SkdxTransferListSearch,v as SkdxTransferMoveAllTrigger,l as SkdxTransferMoveTrigger,f as defaultTransferFilter,t as moveAnnouncement};

package/dist/transfer/move-trigger.cjs

@@ -0,0 +1,17 @@
+"use strict";var d=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var u=(i,t)=>{for(var e in t)d(i,e,{get:t[e],enumerable:!0})},y=(i,t,e,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of m(t))!v.call(i,r)&&r!==e&&d(i,r,{get:()=>t[r],enumerable:!(s=b(t,r))||s.enumerable});return i};var g=i=>y(d({},"__esModule",{value:!0}),i),p=(i,t,e,s)=>{for(var r=s>1?void 0:s?b(t,e):t,c=i.length-1,h;c>=0;c--)(h=i[c])&&(r=(s?h(t,e,r):h(r))||r);return s&&r&&d(t,e,r),r};var A={};u(A,{SkdxTransferMoveTriggerBase:()=>o});module.exports=g(A);var n=require("lit"),f=require("lit/decorators.js"),l=require("../internal/styles.cjs"),a=require("./Transfer.cjs");var o=class extends n.LitElement{constructor(){super(...arguments);this.direction="toTarget";this.transfer=null;this.onTransferUpdate=()=>this.requestUpdate();this.handleClick=()=>{this.isDisabled||this.transfer?.move(this.direction,this.movable)}}connectedCallback(){super.connectedCallback(),this.transfer=this.closest("skdx-transfer"),this.transfer?.addEventListener(a.TRANSFER_INTERNAL_UPDATE,this.onTransferUpdate)}disconnectedCallback(){this.transfer?.removeEventListener(a.TRANSFER_INTERNAL_UPDATE,this.onTransferUpdate),super.disconnectedCallback()}get from(){return a.ORIGIN_OF[this.direction]}get movable(){return this.transfer?this.movableValues(this.transfer):[]}get isDisabled(){return(this.transfer?.disabled??!1)||this.movable.length===0}label(e){return this.transfer?this.transfer.moveLabel(e,this.direction,this.isAll):(0,a.moveTriggerLabel)(e,this.direction,this.isAll)}updated(){this.setAttribute("data-direction",this.direction),this.setAttribute("data-count",String(this.movable.length)),this.isDisabled?this.setAttribute("data-disabled",""):this.removeAttribute("data-disabled")}render(){let e=this.movable,s=this.isDisabled;return n.html`
+      <button
+        part="trigger"
+        type="button"
+        aria-disabled=${s?"true":"false"}
+        aria-label=${this.label(e.length)}
+        data-direction=${this.direction}
+        data-count=${e.length}
+        @click=${this.handleClick}
+      >
+        <slot></slot>
+      </button>
+    `}};o.shadowRootOptions=l.delegatesFocusShadowRootOptions,o.styles=[l.resetNativeControl,n.css`
+      :host {
+        display: inline-block;
+      }
+    `,l.controlBoxOnHost],p([(0,f.property)({type:String,reflect:!0})],o.prototype,"direction",2);0&&(module.exports={SkdxTransferMoveTriggerBase});

package/dist/transfer/move-trigger.d.cts

@@ -0,0 +1,42 @@
+import { LitElement } from 'lit';
+import { type SkdxTransfer } from './Transfer.cjs';
+import type { TransferDirection } from './types.cjs';
+/**
+ * @internal Shared base for `<skdx-transfer-move-trigger>` and
+ * `<skdx-transfer-move-all-trigger>`. The two differ only in *which* items they
+ * consider movable; everything about the button — its name, its counting rule,
+ * its `aria-disabled`-not-`disabled` stance — is the same and lives here.
+ */
+export declare abstract class SkdxTransferMoveTriggerBase extends LitElement {
+    static shadowRootOptions: ShadowRootInit;
+    static styles: import("lit").CSSResult[];
+    /**
+     * Which way this button moves items. Named logically, never as left/right:
+     * under `dir="rtl"` the target list is on the left, so style the glyph from
+     * `[dir='rtl'] [data-direction='toTarget']` rather than expecting a physical
+     * attribute here.
+     */
+    direction: TransferDirection;
+    protected transfer: SkdxTransfer | null;
+    private readonly onTransferUpdate;
+    /** Whether this button's name says "Move all …" rather than "Move …". */
+    protected abstract readonly isAll: boolean;
+    /** The values this button would move if pressed right now. */
+    protected abstract movableValues(transfer: SkdxTransfer): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /** Where this direction takes items from. */
+    protected get from(): import("./types.cjs").TransferSide;
+    private get movable();
+    private get isDisabled();
+    /**
+     * This button's accessible name, taken from the root so a consumer's
+     * `getMoveLabel` reaches both trigger kinds through one property. Falls back
+     * to the built-in English wording when the button is orphaned — it should
+     * still name itself rather than render an empty `aria-label`.
+     */
+    private label;
+    protected updated(): void;
+    private readonly handleClick;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist/transfer/move-trigger.d.ts

@@ -0,0 +1,42 @@
+import { LitElement } from 'lit';
+import { type SkdxTransfer } from './Transfer.js';
+import type { TransferDirection } from './types.js';
+/**
+ * @internal Shared base for `<skdx-transfer-move-trigger>` and
+ * `<skdx-transfer-move-all-trigger>`. The two differ only in *which* items they
+ * consider movable; everything about the button — its name, its counting rule,
+ * its `aria-disabled`-not-`disabled` stance — is the same and lives here.
+ */
+export declare abstract class SkdxTransferMoveTriggerBase extends LitElement {
+    static shadowRootOptions: ShadowRootInit;
+    static styles: import("lit").CSSResult[];
+    /**
+     * Which way this button moves items. Named logically, never as left/right:
+     * under `dir="rtl"` the target list is on the left, so style the glyph from
+     * `[dir='rtl'] [data-direction='toTarget']` rather than expecting a physical
+     * attribute here.
+     */
+    direction: TransferDirection;
+    protected transfer: SkdxTransfer | null;
+    private readonly onTransferUpdate;
+    /** Whether this button's name says "Move all …" rather than "Move …". */
+    protected abstract readonly isAll: boolean;
+    /** The values this button would move if pressed right now. */
+    protected abstract movableValues(transfer: SkdxTransfer): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /** Where this direction takes items from. */
+    protected get from(): import("./types.js").TransferSide;
+    private get movable();
+    private get isDisabled();
+    /**
+     * This button's accessible name, taken from the root so a consumer's
+     * `getMoveLabel` reaches both trigger kinds through one property. Falls back
+     * to the built-in English wording when the button is orphaned — it should
+     * still name itself rather than render an empty `aria-label`.
+     */
+    private label;
+    protected updated(): void;
+    private readonly handleClick;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist/transfer/move-trigger.js

@@ -0,0 +1,17 @@
+var c=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var l=(a,i,t,r)=>{for(var e=r>1?void 0:r?h(i,t):i,o=a.length-1,n;o>=0;o--)(n=a[o])&&(e=(r?n(i,t,e):n(e))||e);return r&&e&&c(i,t,e),e};import{css as b,html as p,LitElement as f}from"lit";import{property as m}from"lit/decorators.js";import{controlBoxOnHost as v,delegatesFocusShadowRootOptions as u,resetNativeControl as y}from"../internal/styles.js";import{moveTriggerLabel as g,ORIGIN_OF as A,TRANSFER_INTERNAL_UPDATE as d}from"./Transfer.js";var s=class extends f{constructor(){super(...arguments);this.direction="toTarget";this.transfer=null;this.onTransferUpdate=()=>this.requestUpdate();this.handleClick=()=>{this.isDisabled||this.transfer?.move(this.direction,this.movable)}}connectedCallback(){super.connectedCallback(),this.transfer=this.closest("skdx-transfer"),this.transfer?.addEventListener(d,this.onTransferUpdate)}disconnectedCallback(){this.transfer?.removeEventListener(d,this.onTransferUpdate),super.disconnectedCallback()}get from(){return A[this.direction]}get movable(){return this.transfer?this.movableValues(this.transfer):[]}get isDisabled(){return(this.transfer?.disabled??!1)||this.movable.length===0}label(t){return this.transfer?this.transfer.moveLabel(t,this.direction,this.isAll):g(t,this.direction,this.isAll)}updated(){this.setAttribute("data-direction",this.direction),this.setAttribute("data-count",String(this.movable.length)),this.isDisabled?this.setAttribute("data-disabled",""):this.removeAttribute("data-disabled")}render(){let t=this.movable,r=this.isDisabled;return p`
+      <button
+        part="trigger"
+        type="button"
+        aria-disabled=${r?"true":"false"}
+        aria-label=${this.label(t.length)}
+        data-direction=${this.direction}
+        data-count=${t.length}
+        @click=${this.handleClick}
+      >
+        <slot></slot>
+      </button>
+    `}};s.shadowRootOptions=u,s.styles=[y,b`
+      :host {
+        display: inline-block;
+      }
+    `,v],l([m({type:String,reflect:!0})],s.prototype,"direction",2);export{s as SkdxTransferMoveTriggerBase};

package/dist/transfer/types.cjs

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

package/dist/transfer/types.d.cts

@@ -0,0 +1,39 @@
+/** One item in a `<skdx-transfer>`'s pool, on whichever side it currently sits. */
+export interface TransferItemData {
+    /** Unique identifier across the whole pool — what `value` holds and what every event names. */
+    value: string;
+    /** Human-readable text: rendered as the option's content and matched by the filter. */
+    label: string;
+    /**
+     * Excludes the item from being moved, from the move triggers' counts, and
+     * from keyboard navigation. It stays rendered and announced.
+     * @default false
+     */
+    disabled?: boolean;
+}
+/** Which of a transfer's two lists: the pool (`'source'`) or the chosen set (`'target'`). */
+export type TransferSide = 'source' | 'target';
+/**
+ * Which way a move goes, named logically rather than physically: under
+ * `dir="rtl"` the target list is on the left, so "right" would be wrong half
+ * the time.
+ */
+export type TransferDirection = 'toTarget' | 'toSource';
+/** Predicate deciding whether an item matches a list's filter text. */
+export type TransferFilter = (item: TransferItemData, query: string) => boolean;
+/**
+ * What a move just did, handed to `<skdx-transfer>`'s `getMoveAnnouncement` so
+ * it can word the live-region message.
+ */
+export interface TransferMoveDetail {
+    /** How many items actually moved (disabled ones are never counted). */
+    moved: number;
+    /** How many items are left on the side they came from. */
+    remaining: number;
+    /** Which way they went. */
+    direction: TransferDirection;
+    /** The side they left. */
+    from: TransferSide;
+    /** The side they landed on. */
+    to: TransferSide;
+}

package/dist/transfer/types.d.ts

@@ -0,0 +1,39 @@
+/** One item in a `<skdx-transfer>`'s pool, on whichever side it currently sits. */
+export interface TransferItemData {
+    /** Unique identifier across the whole pool — what `value` holds and what every event names. */
+    value: string;
+    /** Human-readable text: rendered as the option's content and matched by the filter. */
+    label: string;
+    /**
+     * Excludes the item from being moved, from the move triggers' counts, and
+     * from keyboard navigation. It stays rendered and announced.
+     * @default false
+     */
+    disabled?: boolean;
+}
+/** Which of a transfer's two lists: the pool (`'source'`) or the chosen set (`'target'`). */
+export type TransferSide = 'source' | 'target';
+/**
+ * Which way a move goes, named logically rather than physically: under
+ * `dir="rtl"` the target list is on the left, so "right" would be wrong half
+ * the time.
+ */
+export type TransferDirection = 'toTarget' | 'toSource';
+/** Predicate deciding whether an item matches a list's filter text. */
+export type TransferFilter = (item: TransferItemData, query: string) => boolean;
+/**
+ * What a move just did, handed to `<skdx-transfer>`'s `getMoveAnnouncement` so
+ * it can word the live-region message.
+ */
+export interface TransferMoveDetail {
+    /** How many items actually moved (disabled ones are never counted). */
+    moved: number;
+    /** How many items are left on the side they came from. */
+    remaining: number;
+    /** Which way they went. */
+    direction: TransferDirection;
+    /** The side they left. */
+    from: TransferSide;
+    /** The side they landed on. */
+    to: TransferSide;
+}

package/dist/tree/Tree.cjs

@@ -0,0 +1,5 @@
+"use strict";var f=Object.defineProperty;var _=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var H=(r,d)=>{for(var e in d)f(r,e,{get:d[e],enumerable:!0})},P=(r,d,e,s)=>{if(d&&typeof d=="object"||typeof d=="function")for(let t of k(d))!C.call(r,t)&&t!==e&&f(r,t,{get:()=>d[t],enumerable:!(s=_(d,t))||s.enumerable});return r};var D=r=>P(f({},"__esModule",{value:!0}),r),l=(r,d,e,s)=>{for(var t=s>1?void 0:s?_(d,e):d,i=r.length-1,n;i>=0;i--)(n=r[i])&&(t=(s?n(d,e,t):n(t))||t);return s&&t&&f(d,e,t),t};var N={};H(N,{SkdxTree:()=>a,defaultGetLoadedLabel:()=>M,treeNodeLabel:()=>I});module.exports=D(N);var p=require("lit"),c=require("lit/decorators.js"),S=require("../internal/define.cjs"),w=require("../internal/direction.cjs"),g=require("../internal/typeahead.cjs"),A=require("../utils/live-announcer.cjs");var E='[role="treeitem"]:not([data-disabled])',x='[role="treeitem"]';function h(r){return r.getAttribute("data-skdx-tree-node-id")??""}function I(r){let d=r.getAttribute("data-text-value");if(d!==null)return d;let e="";for(let s of Array.from(r.childNodes)){let t=s.nodeType===1?s:null;t&&(t.getAttribute("role")==="group"||t.getAttribute("aria-hidden")==="true")||(e+=s.textContent??"")}return e}function M(r){return`${r} loaded`}var a=class extends p.LitElement{constructor(){super(...arguments);this.selectionMode="single";this.defaultExpandedIds=[];this.defaultSelectedIds=[];this.selectionPropagation="none";this.getLoadedLabel=M;this._uncontrolledExpanded=new Set;this._uncontrolledSelected=new Set;this._activeNodeId=null;this._loadingIds=new Set;this._initialized=!1;this._requested=new Set;this._nodeParents=new Map;this._typeahead=new g.Typeahead;this.handleFocusIn=e=>{let t=e.target.closest?.('[role="treeitem"]');if(t&&!t.hasAttribute("data-disabled")){let i=t.getAttribute("data-skdx-tree-node-id");i&&this.setActiveNodeId(i)}};this.handleKeyDown=e=>{let s=e.target;if(!s.matches?.('[role="treeitem"]'))return;let t=Array.from(this.querySelectorAll(E)),i=t.indexOf(s),n=this.selectionMode==="multiple",u=(0,w.directionalKey)(e.key,this);if(n&&e.shiftKey&&(u==="ArrowDown"||u==="ArrowUp")){e.preventDefault();let o=t[i+(u==="ArrowDown"?1:-1)];o&&(o.focus(),this.toggleSelected(h(o)));return}if(n&&e.shiftKey&&(e.key==="Home"||e.key==="End")){e.preventDefault();let o=e.key==="Home"?0:t.length-1;this.selectMany(t.slice(Math.min(i,o),Math.max(i,o)+1).map(h)),t[o]?.focus();return}if(n&&(e.ctrlKey||e.metaKey)&&e.key.toLowerCase()==="a"){e.preventDefault(),this.selectMany(t.map(h));return}if(u==="ArrowDown"){e.preventDefault(),t[i+1]?.focus();return}if(u==="ArrowUp"){e.preventDefault(),t[i-1]?.focus();return}if(u==="Home"){e.preventDefault(),t[0]?.focus();return}if(u==="End"){e.preventDefault(),t[t.length-1]?.focus();return}let m=h(s),y=s.hasAttribute("aria-expanded"),v=s.getAttribute("aria-expanded")==="true",b=s.getAttribute("data-skdx-tree-parent-id")||"";if(u==="ArrowRight")e.preventDefault(),y&&!v?this.setExpanded(m,!0):t[i+1]?.focus();else if(u==="ArrowLeft")e.preventDefault(),y&&v?this.setExpanded(m,!1):b&&t.find(L=>h(L)===b)?.focus();else if(e.key==="Enter"||e.key===" ")e.preventDefault(),this.toggleSelected(m);else if(e.key==="*")e.preventDefault(),this.expandMany(Array.from(this.querySelectorAll(x)).filter(o=>(o.getAttribute("data-skdx-tree-parent-id")||"")===b&&o.getAttribute("aria-expanded")==="false").map(h));else if((0,g.isTypeaheadKey)(e)){let o=this._typeahead.match(e.key,t.map(I),i);if(o===-1)return;e.preventDefault(),t[o]?.focus()}}}connectedCallback(){super.connectedCallback(),this._initialized||(this._uncontrolledExpanded=new Set(this.defaultExpandedIds),this._uncontrolledSelected=new Set(this.defaultSelectedIds),this._initialized=!0),this.setAttribute("role","tree"),this.syncHostAttrs(),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("focusin",this.handleFocusIn)}disconnectedCallback(){this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("focusin",this.handleFocusIn),this._typeahead.clear(),super.disconnectedCallback()}updated(e){(e.has("expandedIds")||e.has("selectedIds")||e.has("selectionMode")||e.has("selectionPropagation"))&&(this.syncHostAttrs(),this._broadcast())}syncHostAttrs(){this.selectionMode==="multiple"?this.setAttribute("aria-multiselectable","true"):this.removeAttribute("aria-multiselectable")}get expandedIdSet(){return this.expandedIds!==void 0?new Set(this.expandedIds):this._uncontrolledExpanded}get selectedIdSet(){return this.selectedIds!==void 0?new Set(this.selectedIds):this._uncontrolledSelected}get activeNodeId(){return this._activeNodeId}isLoading(e){return this._loadingIds.has(e)}registerNode(e,s){this._nodeParents.get(e)!==s&&(this._nodeParents.set(e,s),this._broadcastHierarchy())}unregisterNode(e){this._nodeParents.delete(e)&&this._broadcastHierarchy()}_broadcastHierarchy(){this.selectionPropagation==="descendants"&&this._broadcast()}get childrenByParent(){let e=new Map;for(let[s,t]of this._nodeParents){if(t===null)continue;let i=e.get(t);i?i.push(s):e.set(t,[s])}return e}descendantsOf(e){let s=this.childrenByParent,t=[],i=[...s.get(e)??[]];for(;i.length>0;){let n=i.pop();t.push(n),i.push(...s.get(n)??[])}return t}checkedState(e){if(this.selectionPropagation!=="descendants")return!1;let s=this.selectedIdSet,t=this.descendantsOf(e);if(t.length===0)return s.has(e);let i=t.filter(n=>s.has(n)).length;return i===0?!1:i===t.length?!0:"mixed"}setActiveNodeId(e){this._activeNodeId!==e&&(this._activeNodeId=e,this._broadcast())}ensureActiveNodeId(){let e=Array.from(this.querySelectorAll(E),t=>t.getAttribute("data-skdx-tree-node-id")).filter(t=>t!==null&&t!==""),s=e[0];s===void 0||this._activeNodeId!==null&&e.includes(this._activeNodeId)||this.setActiveNodeId(s)}syncNodePositions(){let e=new Map;for(let s of this.querySelectorAll(x)){let t=s.getAttribute("data-skdx-tree-parent-id")??"",i=e.get(t);i?i.push(s):e.set(t,[s])}for(let s of e.values())s.forEach((t,i)=>{t.setAttribute("aria-posinset",String(i+1)),t.setAttribute("aria-setsize",String(s.length))})}expandMany(e){if(e.length===0)return;let s=new Set(this.expandedIdSet);for(let t of e)s.add(t);this.expandedIds===void 0&&(this._uncontrolledExpanded=s),this.dispatchEvent(new CustomEvent("expanded-ids-change",{detail:[...s],bubbles:!0,composed:!0}));for(let t of e)this._startLoad(t,!0);this._broadcast()}selectMany(e){if(this.selectionMode!=="multiple")return;let s=new Set(this.selectedIdSet);for(let t of e)s.add(t);this.selectedIds===void 0&&(this._uncontrolledSelected=s),this.dispatchEvent(new CustomEvent("selected-ids-change",{detail:[...s],bubbles:!0,composed:!0})),this._broadcast()}setExpanded(e,s){let t=this.expandedIdSet,i=s?new Set(t).add(e):new Set([...t].filter(n=>n!==e));this.expandedIds===void 0&&(this._uncontrolledExpanded=i),this.dispatchEvent(new CustomEvent("expanded-ids-change",{detail:[...i],bubbles:!0,composed:!0})),this._startLoad(e,s),this._broadcast()}_startLoad(e,s){let t=this.loadChildren;if(!s||!t||this._requested.has(e))return;this._requested.add(e),this._loadingIds=new Set(this._loadingIds).add(e);let i=()=>{let n=new Set(this._loadingIds);n.delete(e),this._loadingIds=n,this._broadcast()};Promise.resolve(t(e)).then(()=>{i(),(0,A.announce)(this.getLoadedLabel(e))},()=>{this._requested.delete(e),i()})}toggleSelected(e){if(this.selectionMode==="none")return;let s=this.selectedIdSet,t;if(this.selectionMode==="multiple"&&this.selectionPropagation==="descendants"){let i=this.checkedState(e)!==!0;t=new Set(s);for(let n of[e,...this.descendantsOf(e)])i?t.add(n):t.delete(n)}else this.selectionMode==="single"?t=new Set([e]):(t=new Set(s),t.has(e)?t.delete(e):t.add(e));this.selectedIds===void 0&&(this._uncontrolledSelected=t),this.dispatchEvent(new CustomEvent("selected-ids-change",{detail:[...t],bubbles:!0,composed:!0})),this._broadcast()}_broadcast(){this.dispatchEvent(new CustomEvent("skdx-tree-internal-update"))}render(){return p.html`<slot></slot>`}};a.styles=p.css`
+    :host {
+      display: block;
+    }
+  `,l([(0,c.property)({type:String,attribute:"selection-mode"})],a.prototype,"selectionMode",2),l([(0,c.property)({attribute:!1})],a.prototype,"expandedIds",2),l([(0,c.property)({type:Array,attribute:"default-expanded-ids"})],a.prototype,"defaultExpandedIds",2),l([(0,c.property)({attribute:!1})],a.prototype,"selectedIds",2),l([(0,c.property)({type:Array,attribute:"default-selected-ids"})],a.prototype,"defaultSelectedIds",2),l([(0,c.property)({type:String,attribute:"selection-propagation"})],a.prototype,"selectionPropagation",2),l([(0,c.property)({attribute:!1})],a.prototype,"loadChildren",2),l([(0,c.property)({attribute:!1})],a.prototype,"getLoadedLabel",2),l([(0,c.state)()],a.prototype,"_uncontrolledExpanded",2),l([(0,c.state)()],a.prototype,"_uncontrolledSelected",2),l([(0,c.state)()],a.prototype,"_activeNodeId",2),l([(0,c.state)()],a.prototype,"_loadingIds",2),a=l([(0,S.customElement)("skdx-tree","tree","root")],a);0&&(module.exports={SkdxTree,defaultGetLoadedLabel,treeNodeLabel});