@skdx/web-components 0.28.0 → 0.30.0

package/dist/transfer/TransferList.d.cts

@@ -2,24 +2,13 @@ import { SkdxListbox } from '../listbox/Listbox.cjs';
 import type { TransferItemData, TransferSide } from './types.cjs';
 import './TransferItem.cjs';
 /**
- * One side of a `<skdx-transfer>`: multi-select `role="listbox"` with roving
- * focus, typeahead, and marked-for-move selection. Tab moves between lists,
- * arrows only within one. Renders one `<skdx-transfer-item>` per visible item
- * (label as text-value), replaced entirely if slot has content. Adds
- * Shift+ArrowUp/Down (extend from anchor), Ctrl/Cmd+A (toggle all visible),
- * outward horizontal arrow (move marked to other list; alone if unmarked).
- * Focus from outside retargets to first marked option or first option (APG
- * multi-select rule). Publishes `data-side` and `data-empty` (with
- * `tabindex="0"` so empty list stays focusable). Fires `list-scroll` on scroll.
- *
- * @fires value-change - Fired with this side's new marked values whenever an item is marked or unmarked.
+ * `<skdx-transfer-list>` — one side of a `<skdx-transfer>`, a multi-select `role="listbox"` with roving focus, typeahead, and marked-for-move selection.
  */
 export declare class SkdxTransferList extends SkdxListbox {
-    /** Which of the two lists this is. Required. */
+    /** Which of the two lists this is; required. */
     side: TransferSide;
     /**
-     * Renders item content (replaces label). Falls back to root's `renderItem` or plain text.
-     * Property-only, not an attribute.
+     * Renders item content in place of the label, falling back to the root's `renderItem` or plain text.
      * @default undefined
      */
     renderItem?: (item: TransferItemData, state: {
@@ -29,16 +18,9 @@ export declare class SkdxTransferList extends SkdxListbox {
     private readonly onTransferUpdate;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    /**
-     * APG multi-select rule: focus from outside lands on first marked option or
-     * first option (never the roving tab stop), especially needed after search
-     * moves focused option. `relatedTarget` distinguishes outer focus (act) from
-     * inner sibling move (skip, avoid loop when refocusing).
-     */
+    /** APG multi-select rule: focus from outside lands on the first marked option, or the first option. */
     private readonly handleFocusIn;
-    /**
-     * Re-emit scroll geometry to root (list is the scroll container).
-     */
+    /** Re-emits scroll geometry to the root; the list is the scroll container. */
     private readonly handleScroll;
     /** The items this side renders right now. */
     private get visible();
@@ -52,16 +34,15 @@ export declare class SkdxTransferList extends SkdxListbox {
     selectItem(value: string): void;
     /** Sync the roving focus position with the root transfer element. */
     setActiveValue(value: string | null): void;
+    private _handleBoundarySelect;
+    private _handleSelectAll;
+    private _handleShiftSpace;
+    private _handleShiftArrow;
+    private _handleOutward;
     private readonly handleTransferKeyDown;
-    /**
-     * Whether consumer slotted anything (replaces default rendering).
-     * Checks *anything*, not just options (header alone blocks render).
-     */
+    /** Whether the consumer slotted anything; checks *anything*, not just options, so a header alone blocks render. */
     private get hasAuthoredChildren();
-    /**
-     * Reconcile one `<skdx-transfer-item>` per visible item, in place.
-     * Hand-written to light DOM (not shadow) so listbox's `querySelectorAll` finds them.
-     */
+    /** Reconciles one `<skdx-transfer-item>` per visible item in place, written to light DOM so listbox's `querySelectorAll` finds them. */
     private syncDefaultOptions;
     /** Remove generated rows, return list to consumer. */
     private removeGeneratedOptions;

package/dist/transfer/TransferList.d.ts

@@ -2,24 +2,13 @@ import { SkdxListbox } from '../listbox/Listbox.js';
 import type { TransferItemData, TransferSide } from './types.js';
 import './TransferItem.js';
 /**
- * One side of a `<skdx-transfer>`: multi-select `role="listbox"` with roving
- * focus, typeahead, and marked-for-move selection. Tab moves between lists,
- * arrows only within one. Renders one `<skdx-transfer-item>` per visible item
- * (label as text-value), replaced entirely if slot has content. Adds
- * Shift+ArrowUp/Down (extend from anchor), Ctrl/Cmd+A (toggle all visible),
- * outward horizontal arrow (move marked to other list; alone if unmarked).
- * Focus from outside retargets to first marked option or first option (APG
- * multi-select rule). Publishes `data-side` and `data-empty` (with
- * `tabindex="0"` so empty list stays focusable). Fires `list-scroll` on scroll.
- *
- * @fires value-change - Fired with this side's new marked values whenever an item is marked or unmarked.
+ * `<skdx-transfer-list>` — one side of a `<skdx-transfer>`, a multi-select `role="listbox"` with roving focus, typeahead, and marked-for-move selection.
  */
 export declare class SkdxTransferList extends SkdxListbox {
-    /** Which of the two lists this is. Required. */
+    /** Which of the two lists this is; required. */
     side: TransferSide;
     /**
-     * Renders item content (replaces label). Falls back to root's `renderItem` or plain text.
-     * Property-only, not an attribute.
+     * Renders item content in place of the label, falling back to the root's `renderItem` or plain text.
      * @default undefined
      */
     renderItem?: (item: TransferItemData, state: {
@@ -29,16 +18,9 @@ export declare class SkdxTransferList extends SkdxListbox {
     private readonly onTransferUpdate;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    /**
-     * APG multi-select rule: focus from outside lands on first marked option or
-     * first option (never the roving tab stop), especially needed after search
-     * moves focused option. `relatedTarget` distinguishes outer focus (act) from
-     * inner sibling move (skip, avoid loop when refocusing).
-     */
+    /** APG multi-select rule: focus from outside lands on the first marked option, or the first option. */
     private readonly handleFocusIn;
-    /**
-     * Re-emit scroll geometry to root (list is the scroll container).
-     */
+    /** Re-emits scroll geometry to the root; the list is the scroll container. */
     private readonly handleScroll;
     /** The items this side renders right now. */
     private get visible();
@@ -52,16 +34,15 @@ export declare class SkdxTransferList extends SkdxListbox {
     selectItem(value: string): void;
     /** Sync the roving focus position with the root transfer element. */
     setActiveValue(value: string | null): void;
+    private _handleBoundarySelect;
+    private _handleSelectAll;
+    private _handleShiftSpace;
+    private _handleShiftArrow;
+    private _handleOutward;
     private readonly handleTransferKeyDown;
-    /**
-     * Whether consumer slotted anything (replaces default rendering).
-     * Checks *anything*, not just options (header alone blocks render).
-     */
+    /** Whether the consumer slotted anything; checks *anything*, not just options, so a header alone blocks render. */
     private get hasAuthoredChildren();
-    /**
-     * Reconcile one `<skdx-transfer-item>` per visible item, in place.
-     * Hand-written to light DOM (not shadow) so listbox's `querySelectorAll` finds them.
-     */
+    /** Reconciles one `<skdx-transfer-item>` per visible item in place, written to light DOM so listbox's `querySelectorAll` finds them. */
     private syncDefaultOptions;
     /** Remove generated rows, return list to consumer. */
     private removeGeneratedOptions;

package/dist/transfer/TransferList.js

@@ -1 +1 @@
-var b=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var h=(a,l,e,s)=>{for(var t=s>1?void 0:s?v(l,e):l,n=a.length-1,r;n>=0;n--)(r=a[n])&&(t=(s?r(l,e,t):r(t))||t);return s&&t&&b(l,e,t),t};import{render as g}from"lit";import{property as m}from"lit/decorators.js";import{hasAuthoredContent as y,removeGeneratedContent as E}from"../internal/authored.js";import{customElement as A,whenUpgraded as k}from"../internal/define.js";import{directionalKey as T}from"../internal/direction.js";import{SkdxListbox as w}from"../listbox/Listbox.js";import{OPTION_SELECTOR as x,TRANSFER_INTERNAL_UPDATE as p}from"./Transfer.js";import"./TransferItem.js";var u="data-skdx-transfer-generated",L={source:"Available items",target:"Selected items"},M={source:"ArrowRight",target:"ArrowLeft"};function f(a,l,e){let s=a.indexOf(l),t=a.indexOf(e);return s===-1||t===-1?a.includes(e)?[e]:[]:a.slice(Math.min(s,t),Math.max(s,t)+1)}function D(a,l,e){return Math.min(Math.max(a,l),e)}var d=class extends w{constructor(){super(...arguments);this.side="source";this.transfer=null;this.onTransferUpdate=()=>this.requestUpdate();this.handleFocusIn=e=>{let s=e.relatedTarget;if(s&&this.contains(s))return;let t=this.transfer?.marked[this.side]??[],n=this.optionElements();if(n.length===0)return;let r=(t.length>0?n.find(i=>t.includes(i.getAttribute("data-value")??"")):void 0)??n[0];e.target!==r&&r.focus()};this.handleScroll=()=>{this.transfer?.emitListScroll(this.side,this)};this.handleTransferKeyDown=e=>{let s=this.transfer;if(!s||s.disabled)return;let t=this.optionValues();if(t.length===0)return;let n=e.target.getAttribute?.("data-value")??null,r=s.marked[this.side];if(e.shiftKey&&(e.ctrlKey||e.metaKey)&&(e.key==="Home"||e.key==="End")){if(n===null)return;e.preventDefault();let i=e.key==="Home"?t[0]:t[t.length-1];s.setMarked(this.side,f(t,n,i));let o=this.optionElements();o[e.key==="Home"?0:o.length-1]?.focus();return}if((e.ctrlKey||e.metaKey)&&e.key.toLowerCase()==="a"){e.preventDefault();let i=t.every(o=>r.includes(o));s.setMarked(this.side,i?[]:t);return}if(e.shiftKey&&e.key===" "){if(n===null)return;e.preventDefault();let i=s.anchor[this.side]??n;s.anchor[this.side]=i,s.setMarked(this.side,f(t,i,n));return}if(e.shiftKey&&(e.key==="ArrowDown"||e.key==="ArrowUp")){let i=n===null?-1:t.indexOf(n);if(i===-1)return;let o=D(i+(e.key==="ArrowDown"?1:-1),0,t.length-1),c=s.anchor[this.side]??t[i];s.anchor[this.side]=c,s.setMarked(this.side,f(t,c,t[o]));return}if(T(e.key,this)===M[this.side]){let i=r.length>0?r:n?[n]:[];if(i.length===0)return;e.preventDefault(),s.move(this.side==="source"?"toTarget":"toSource",i)}}}connectedCallback(){this.multiple=!0,super.connectedCallback(),this.transfer=this.closest("skdx-transfer"),this.transfer?.addEventListener(p,this.onTransferUpdate),this.addEventListener("keydown",this.handleTransferKeyDown),this.addEventListener("scroll",this.handleScroll),this.addEventListener("focusin",this.handleFocusIn),this.transfer&&k(this.transfer,()=>{this.transfer&&(this.transfer.listEls[this.side]=this,this.id||(this.id=this.transfer.listId(this.side)))})}disconnectedCallback(){this.transfer?.removeEventListener(p,this.onTransferUpdate),this.transfer?.listEls[this.side]===this&&(this.transfer.listEls[this.side]=null),this.removeEventListener("keydown",this.handleTransferKeyDown),this.removeEventListener("scroll",this.handleScroll),this.removeEventListener("focusin",this.handleFocusIn),super.disconnectedCallback()}get visible(){return this.transfer?.visibleItems[this.side]??[]}optionElements(){return Array.from(this.querySelectorAll(x))}optionValues(){return Array.from(this.optionElements(),e=>e.getAttribute("data-value")).filter(e=>e!==null)}willUpdate(){this.value=this.transfer?.marked[this.side]??[],this.disabled=this.transfer?.disabled??!1,super.willUpdate();let e=this.transfer?.getActive(this.side)??null;e!==null&&this.optionValues().includes(e)?this.activeValue=e:this.activeValue!==null&&!this.optionValues().includes(this.activeValue)&&(this.activeValue=null)}updated(e){this.transfer&&(this.hasAuthoredChildren?this.removeGeneratedOptions():this.syncDefaultOptions()),super.updated(e);let s=this.visible,t=this.transfer?.isLabelled(this.side)??!1;this.setAttribute("data-side",this.side),s.length===0?this.setAttribute("data-empty",""):this.removeAttribute("data-empty"),t&&this.transfer?(this.setAttribute("aria-labelledby",this.transfer.headerId(this.side)),this.removeAttribute("aria-label")):(this.removeAttribute("aria-labelledby"),this.setAttribute("aria-label",L[this.side]));let n=s.some(r=>!r.disabled);!this.disabled&&!n?this.tabIndex=0:this.removeAttribute("tabindex")}selectItem(e){if(this.disabled)return;let s=this.transfer?.marked[this.side]??[],t=s.includes(e)?s.filter(n=>n!==e):[...s,e];this.transfer?.setMarked(this.side,t),this.dispatchEvent(new CustomEvent("value-change",{detail:t,bubbles:!0,composed:!0}))}setActiveValue(e){super.setActiveValue(e),this.transfer?.setActive(this.side,e)}get hasAuthoredChildren(){return y(this,u)}syncDefaultOptions(){let e=this.visible,s=this.renderItem??this.transfer?.renderItem,t=new Map(Array.from(this.querySelectorAll(`:scope > skdx-transfer-item[${u}]`),r=>[r.getAttribute("value")??"",r])),n=null;for(let r of e){let i=t.get(r.value);i||(i=document.createElement("skdx-transfer-item"),i.setAttribute("value",r.value),i.setAttribute(u,"")),t.delete(r.value),i.setAttribute("text-value",r.label),r.disabled?i.setAttribute("disabled",""):i.removeAttribute("disabled"),s?g(s(r,{side:this.side}),i,{host:this.transfer}):i.textContent!==r.label&&(i.textContent=r.label);let o=n===null?this.firstElementChild:n.nextElementSibling;o!==i&&this.insertBefore(i,o),n=i}for(let r of t.values())r.remove()}removeGeneratedOptions(){E(this,u)}};h([m({type:String,reflect:!0})],d.prototype,"side",2),h([m({attribute:!1})],d.prototype,"renderItem",2),d=h([A("skdx-transfer-list")],d);export{d as SkdxTransferList};
+var p=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var h=(a,l,e,r)=>{for(var t=r>1?void 0:r?b(l,e):l,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(r?s(l,e,t):s(t))||t);return r&&t&&p(l,e,t),t};import{render as v}from"lit";import{property as c}from"lit/decorators.js";import{hasAuthoredContent as g,removeGeneratedContent as y}from"../internal/authored.js";import{customElement as E,whenUpgraded as A}from"../internal/define.js";import{directionalKey as k}from"../internal/direction.js";import{SkdxListbox as S}from"../listbox/Listbox.js";import{OPTION_SELECTOR as T,TRANSFER_INTERNAL_UPDATE as m}from"./Transfer.js";import"./TransferItem.js";var u="data-skdx-transfer-generated",x={source:"Available items",target:"Selected items"},w={source:"ArrowRight",target:"ArrowLeft"};function f(a,l,e){let r=a.indexOf(l),t=a.indexOf(e);return r===-1||t===-1?a.includes(e)?[e]:[]:a.slice(Math.min(r,t),Math.max(r,t)+1)}function L(a,l,e){return Math.min(Math.max(a,l),e)}var d=class extends S{constructor(){super(...arguments);this.side="source";this.transfer=null;this.onTransferUpdate=()=>this.requestUpdate();this.handleFocusIn=e=>{if(this.transfer?.suppressFocusIn){this.transfer.suppressFocusIn=!1;return}let r=e.relatedTarget;if(r&&this.contains(r))return;let t=this.transfer?.marked[this.side]??[],i=this.optionElements();if(i.length===0)return;let s=(t.length>0?i.find(n=>t.includes(n.getAttribute("data-value")??"")):void 0)??i[0];e.target!==s&&s.focus()};this.handleScroll=()=>{this.transfer?.emitListScroll(this.side,this)};this.handleTransferKeyDown=e=>{let r=this.transfer;if(!r||r.disabled)return;let t=this.optionValues();if(t.length===0)return;let i=e.target.getAttribute?.("data-value")??null,s=r.marked[this.side];this._handleBoundarySelect(e,r,t,i)||this._handleSelectAll(e,r,t,s)||this._handleShiftSpace(e,r,t,i)||this._handleShiftArrow(e,r,t,i)||this._handleOutward(e,r,s,i)}}connectedCallback(){this.multiple=!0,this.addEventListener("keydown",this.handleTransferKeyDown),super.connectedCallback(),this.transfer=this.closest("skdx-transfer"),this.transfer?.addEventListener(m,this.onTransferUpdate),this.addEventListener("scroll",this.handleScroll,{passive:!0}),this.addEventListener("focusin",this.handleFocusIn),this.transfer&&A(this.transfer,()=>{this.transfer&&(this.transfer.listEls[this.side]=this,this.id||(this.id=this.transfer.listId(this.side)))})}disconnectedCallback(){this.transfer?.removeEventListener(m,this.onTransferUpdate),this.transfer?.listEls[this.side]===this&&(this.transfer.listEls[this.side]=null),this.removeEventListener("keydown",this.handleTransferKeyDown),this.removeEventListener("scroll",this.handleScroll,{passive:!0}),this.removeEventListener("focusin",this.handleFocusIn),super.disconnectedCallback()}get visible(){return this.transfer?.visibleItems[this.side]??[]}optionElements(){return Array.from(this.querySelectorAll(T))}optionValues(){return Array.from(this.optionElements(),e=>e.getAttribute("data-value")).filter(e=>e!==null)}willUpdate(){this.value=this.transfer?.marked[this.side]??[],this.disabled=this.transfer?.disabled??!1,super.willUpdate();let e=this.transfer?.getActive(this.side)??null;e!==null&&this.optionValues().includes(e)?this.activeValue=e:this.activeValue!==null&&!this.optionValues().includes(this.activeValue)&&(this.activeValue=null)}updated(e){this.transfer&&(this.hasAuthoredChildren?this.removeGeneratedOptions():this.syncDefaultOptions()),super.updated(e);let r=this.visible,t=this.transfer?.isLabelled(this.side)??!1;this.setAttribute("data-side",this.side),r.length===0?this.setAttribute("data-empty",""):this.removeAttribute("data-empty"),t&&this.transfer?(this.setAttribute("aria-labelledby",this.transfer.headerId(this.side)),this.removeAttribute("aria-label")):(this.removeAttribute("aria-labelledby"),this.setAttribute("aria-label",x[this.side]));let i=r.some(s=>!s.disabled);!this.disabled&&!i?this.tabIndex=0:this.removeAttribute("tabindex")}selectItem(e){if(this.disabled)return;let r=this.transfer?.marked[this.side]??[],t=r.includes(e)?r.filter(i=>i!==e):[...r,e];this.transfer?.setMarked(this.side,t)}setActiveValue(e){super.setActiveValue(e),this.transfer?.setActive(this.side,e)}_handleBoundarySelect(e,r,t,i){if(!(e.shiftKey&&(e.ctrlKey||e.metaKey)&&(e.key==="Home"||e.key==="End")))return!1;if(i===null)return!0;e.preventDefault();let n=e.key==="Home"?t[0]:t[t.length-1];r.setMarked(this.side,f(t,i,n));let o=this.optionElements();return o[e.key==="Home"?0:o.length-1]?.focus(),!0}_handleSelectAll(e,r,t,i){if(!((e.ctrlKey||e.metaKey)&&e.key.toLowerCase()==="a"))return!1;e.preventDefault();let s=t.every(n=>i.includes(n));return r.setMarked(this.side,s?[]:t),!0}_handleShiftSpace(e,r,t,i){if(!(e.shiftKey&&e.key===" "))return!1;if(i===null)return!0;e.preventDefault();let s=r.anchor[this.side]??i;return r.anchor[this.side]=s,r.setMarked(this.side,f(t,s,i)),!0}_handleShiftArrow(e,r,t,i){if(!(e.shiftKey&&(e.key==="ArrowDown"||e.key==="ArrowUp")))return!1;let s=i===null?-1:t.indexOf(i);if(s===-1)return!0;e.preventDefault();let n=L(s+(e.key==="ArrowDown"?1:-1),0,t.length-1),o=r.anchor[this.side]??t[s];return r.anchor[this.side]=o,r.setMarked(this.side,f(t,o,t[n])),this.optionElements()[n]?.focus(),!0}_handleOutward(e,r,t,i){if(k(e.key,this)!==w[this.side])return!1;let s=t;return s.length===0&&(s=i?[i]:[]),s.length===0||(e.preventDefault(),r.move(this.side==="source"?"toTarget":"toSource",s)),!0}get hasAuthoredChildren(){return g(this,u)}syncDefaultOptions(){let e=this.visible,r=this.renderItem??this.transfer?.renderItem,t=new Map(Array.from(this.querySelectorAll(`:scope > skdx-transfer-item[${u}]`),s=>[s.getAttribute("value")??"",s])),i=null;for(let s of e){let n=t.get(s.value);n||(n=document.createElement("skdx-transfer-item"),n.setAttribute("value",s.value),n.setAttribute(u,"")),t.delete(s.value),n.setAttribute("text-value",s.label),s.disabled?n.setAttribute("disabled",""):n.removeAttribute("disabled"),r?v(r(s,{side:this.side}),n,{host:this.transfer}):n.textContent!==s.label&&(n.textContent=s.label);let o=i===null?this.firstElementChild:i.nextElementSibling;o!==n&&this.insertBefore(n,o),i=n}for(let s of t.values())s.remove()}removeGeneratedOptions(){y(this,u)}};h([c({type:String,reflect:!0})],d.prototype,"side",2),h([c({attribute:!1})],d.prototype,"renderItem",2),d=h([E("skdx-transfer-list")],d);export{d as SkdxTransferList};

package/dist/transfer/TransferListHeader.cjs

@@ -1,4 +1,4 @@
-"use strict";var n=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var b=(s,e)=>{for(var r in e)n(s,r,{get:e[r],enumerable:!0})},v=(s,e,r,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of m(e))!u.call(s,t)&&t!==r&&n(s,t,{get:()=>e[t],enumerable:!(i=c(e,t))||i.enumerable});return s};var g=s=>v(n({},"__esModule",{value:!0}),s),f=(s,e,r,i)=>{for(var t=i>1?void 0:i?c(e,r):e,o=s.length-1,l;o>=0;o--)(l=s[o])&&(t=(i?l(e,r,t):l(t))||t);return i&&t&&n(e,r,t),t};var k={};b(k,{SkdxTransferListHeader:()=>d});module.exports=g(k);var a=require("lit"),p=require("lit/decorators.js"),h=require("../internal/define.cjs");var d=class extends a.LitElement{constructor(){super(...arguments);this.side="source";this.transfer=null}connectedCallback(){super.connectedCallback(),this.transfer=this.closest("skdx-transfer"),this.setAttribute("data-side",this.side),this.transfer&&(0,h.whenUpgraded)(this.transfer,()=>{this.transfer&&(this.id?this.transfer.setHeaderId(this.side,this.id):this.id=this.transfer.headerId(this.side),this.transfer.registerHeader(this.side,!0))})}disconnectedCallback(){this.transfer?.registerHeader(this.side,!1),super.disconnectedCallback()}updated(r){r.has("side")&&this.transfer&&(this.id?this.transfer.setHeaderId(this.side,this.id):this.id=this.transfer.headerId(this.side),this.setAttribute("data-side",this.side),this.transfer.broadcast())}render(){return a.html`<slot></slot>`}};d.styles=a.css`
+"use strict";var n=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var b=(s,e)=>{for(var r in e)n(s,r,{get:e[r],enumerable:!0})},v=(s,e,r,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of m(e))!u.call(s,t)&&t!==r&&n(s,t,{get:()=>e[t],enumerable:!(i=c(e,t))||i.enumerable});return s};var y=s=>v(n({},"__esModule",{value:!0}),s),f=(s,e,r,i)=>{for(var t=i>1?void 0:i?c(e,r):e,l=s.length-1,o;l>=0;l--)(o=s[l])&&(t=(i?o(e,r,t):o(t))||t);return i&&t&&n(e,r,t),t};var g={};b(g,{SkdxTransferListHeader:()=>d});module.exports=y(g);var a=require("lit"),p=require("lit/decorators.js"),h=require("../internal/define.cjs");var d=class extends a.LitElement{constructor(){super(...arguments);this.side="source";this.transfer=null}connectedCallback(){super.connectedCallback(),this.transfer=this.closest("skdx-transfer"),this.setAttribute("data-side",this.side),this.transfer&&(0,h.whenUpgraded)(this.transfer,()=>{this.transfer&&(this.id?this.transfer.setHeaderId(this.side,this.id):this.id=this.transfer.headerId(this.side),this.transfer.registerHeader(this.side,!0))})}disconnectedCallback(){this.transfer?.registerHeader(this.side,!1),super.disconnectedCallback()}updated(r){r.has("side")&&this.transfer&&(this.id?this.transfer.setHeaderId(this.side,this.id):this.id=this.transfer.headerId(this.side),this.setAttribute("data-side",this.side),this.transfer.broadcast())}render(){return a.html`<slot></slot>`}};d.styles=a.css`
     :host {
       display: block;
     }

package/dist/transfer/TransferListHeader.d.cts

@@ -1,14 +1,7 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 import type { TransferSide } from './types.cjs';
 /**
- * `<skdx-transfer-list-header>` — the visible heading naming one of the two
- * lists, and the element that list points `aria-labelledby` at. "Available" and
- * "Selected" headings make the difference between a usable widget and two
- * anonymous lists.
- *
- * Sits *beside* its `<skdx-transfer-list>`, not inside it — a `role="listbox"`
- * may only contain options and groups. Rendering one switches its list from a
- * generic fallback name to this heading's text.
+ * `<skdx-transfer-list-header>` — the visible heading naming one of the two lists, which its `<skdx-transfer-list>` points `aria-labelledby` at.
  *
  * @example
  * ```html
@@ -18,13 +11,13 @@ import type { TransferSide } from './types.cjs';
  */
 export declare class SkdxTransferListHeader extends LitElement {
     static styles: import("lit").CSSResult;
-    /** Which list this heading names. Required. */
+    /** Which list this heading names; required. */
     side: TransferSide;
     private transfer;
     connectedCallback(): void;
     disconnectedCallback(): void;
     protected updated(changed: Map<string, unknown>): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/transfer/TransferListHeader.d.ts

@@ -1,14 +1,7 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 import type { TransferSide } from './types.js';
 /**
- * `<skdx-transfer-list-header>` — the visible heading naming one of the two
- * lists, and the element that list points `aria-labelledby` at. "Available" and
- * "Selected" headings make the difference between a usable widget and two
- * anonymous lists.
- *
- * Sits *beside* its `<skdx-transfer-list>`, not inside it — a `role="listbox"`
- * may only contain options and groups. Rendering one switches its list from a
- * generic fallback name to this heading's text.
+ * `<skdx-transfer-list-header>` — the visible heading naming one of the two lists, which its `<skdx-transfer-list>` points `aria-labelledby` at.
  *
  * @example
  * ```html
@@ -18,13 +11,13 @@ import type { TransferSide } from './types.js';
  */
 export declare class SkdxTransferListHeader extends LitElement {
     static styles: import("lit").CSSResult;
-    /** Which list this heading names. Required. */
+    /** Which list this heading names; required. */
     side: TransferSide;
     private transfer;
     connectedCallback(): void;
     disconnectedCallback(): void;
     protected updated(changed: Map<string, unknown>): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/transfer/TransferListHeader.js

@@ -1,4 +1,4 @@
-var o=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var h=(d,s,r,i)=>{for(var e=i>1?void 0:i?l(s,r):s,a=d.length-1,n;a>=0;a--)(n=d[a])&&(e=(i?n(s,r,e):n(e))||e);return i&&e&&o(s,r,e),e};import{css as f,html as c,LitElement as p}from"lit";import{property as m}from"lit/decorators.js";import{customElement as u,whenUpgraded as b}from"../internal/define.js";var t=class extends p{constructor(){super(...arguments);this.side="source";this.transfer=null}connectedCallback(){super.connectedCallback(),this.transfer=this.closest("skdx-transfer"),this.setAttribute("data-side",this.side),this.transfer&&b(this.transfer,()=>{this.transfer&&(this.id?this.transfer.setHeaderId(this.side,this.id):this.id=this.transfer.headerId(this.side),this.transfer.registerHeader(this.side,!0))})}disconnectedCallback(){this.transfer?.registerHeader(this.side,!1),super.disconnectedCallback()}updated(r){r.has("side")&&this.transfer&&(this.id?this.transfer.setHeaderId(this.side,this.id):this.id=this.transfer.headerId(this.side),this.setAttribute("data-side",this.side),this.transfer.broadcast())}render(){return c`<slot></slot>`}};t.styles=f`
+var l=Object.defineProperty;var o=Object.getOwnPropertyDescriptor;var h=(d,s,r,i)=>{for(var e=i>1?void 0:i?o(s,r):s,a=d.length-1,n;a>=0;a--)(n=d[a])&&(e=(i?n(s,r,e):n(e))||e);return i&&e&&l(s,r,e),e};import{css as f,html as c,LitElement as p}from"lit";import{property as m}from"lit/decorators.js";import{customElement as u,whenUpgraded as b}from"../internal/define.js";var t=class extends p{constructor(){super(...arguments);this.side="source";this.transfer=null}connectedCallback(){super.connectedCallback(),this.transfer=this.closest("skdx-transfer"),this.setAttribute("data-side",this.side),this.transfer&&b(this.transfer,()=>{this.transfer&&(this.id?this.transfer.setHeaderId(this.side,this.id):this.id=this.transfer.headerId(this.side),this.transfer.registerHeader(this.side,!0))})}disconnectedCallback(){this.transfer?.registerHeader(this.side,!1),super.disconnectedCallback()}updated(r){r.has("side")&&this.transfer&&(this.id?this.transfer.setHeaderId(this.side,this.id):this.id=this.transfer.headerId(this.side),this.setAttribute("data-side",this.side),this.transfer.broadcast())}render(){return c`<slot></slot>`}};t.styles=f`
     :host {
       display: block;
     }

package/dist/transfer/TransferListSearch.cjs

@@ -1,12 +1,12 @@
-"use strict";var l=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var g=(s,t)=>{for(var e in t)l(s,e,{get:t[e],enumerable:!0})},E=(s,t,e,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of b(t))!y.call(s,r)&&r!==e&&l(s,r,{get:()=>t[r],enumerable:!(i=u(t,r))||i.enumerable});return s};var T=s=>E(l({},"__esModule",{value:!0}),s),o=(s,t,e,i)=>{for(var r=i>1?void 0:i?u(t,e):t,d=s.length-1,p;d>=0;d--)(p=s[d])&&(r=(i?p(t,e,r):p(r))||r);return i&&r&&l(t,e,r),r};var L={};g(L,{SkdxTransferListSearch:()=>a});module.exports=T(L);var n=require("lit"),c=require("lit/decorators.js"),f=require("../internal/aria-label.cjs"),m=require("../internal/define.cjs"),v=require("../internal/styles.cjs"),h=require("./Transfer.cjs");var A={source:"Filter available items",target:"Filter selected items"},a=class extends n.LitElement{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(),(0,v.installLightDomStyles)(),this.transfer=this.closest("skdx-transfer"),this.transfer?.addEventListener(h.TRANSFER_INTERNAL_UPDATE,this.onTransferUpdate),this.label??(this.label=(0,f.takeHostAriaLabel)(this))}disconnectedCallback(){this.transfer?.removeEventListener(h.TRANSFER_INTERNAL_UPDATE,this.onTransferUpdate),super.disconnectedCallback()}updated(){this.setAttribute("data-side",this.side),this.hidden=!(this.transfer?.searchable??!1)}render(){let e=this.transfer;return n.html`
+"use strict";var n=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var g=(s,t)=>{for(var e in t)n(s,e,{get:t[e],enumerable:!0})},T=(s,t,e,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of b(t))!y.call(s,r)&&r!==e&&n(s,r,{get:()=>t[r],enumerable:!(i=u(t,r))||i.enumerable});return s};var E=s=>T(n({},"__esModule",{value:!0}),s),o=(s,t,e,i)=>{for(var r=i>1?void 0:i?u(t,e):t,d=s.length-1,p;d>=0;d--)(p=s[d])&&(r=(i?p(t,e,r):p(r))||r);return i&&r&&n(t,e,r),r};var A={};g(A,{SkdxTransferListSearch:()=>a});module.exports=E(A);var l=require("lit"),c=require("lit/decorators.js"),m=require("../internal/aria-label.cjs"),f=require("../internal/define.cjs"),v=require("../internal/light-dom-styles.cjs"),h=require("./Transfer.cjs");var L={source:"Filter available items",target:"Filter selected items"},a=class extends l.LitElement{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(),(0,v.installLightDomStyles)(),this.transfer=this.closest("skdx-transfer"),this.transfer?.addEventListener(h.TRANSFER_INTERNAL_UPDATE,this.onTransferUpdate),this.label??(this.label=(0,m.takeHostAriaLabel)(this))}disconnectedCallback(){this.transfer?.removeEventListener(h.TRANSFER_INTERNAL_UPDATE,this.onTransferUpdate),super.disconnectedCallback()}updated(){this.setAttribute("data-side",this.side),this.hidden=!(this.transfer?.searchable??!1)}render(){let e=this.transfer;return l.html`
       <input
-        part="input"
+        part="list-search"
         type="search"
         .value=${e?.getQuery(this.side)??""}
-        placeholder=${this.placeholder??n.nothing}
-        aria-label=${this.label??A[this.side]}
-        aria-controls=${e?.listId(this.side)??n.nothing}
+        placeholder=${this.placeholder??l.nothing}
+        aria-label=${this.label??L[this.side]}
+        aria-controls=${e?.listId(this.side)??l.nothing}
         ?disabled=${e?.disabled??!1}
         @input=${this.handleInput}
       />
-    `}};o([(0,c.property)({type:String,reflect:!0})],a.prototype,"side",2),o([(0,c.property)({type:String})],a.prototype,"placeholder",2),a=o([(0,m.customElement)("skdx-transfer-list-search","transfer","list-search")],a);0&&(module.exports={SkdxTransferListSearch});
+    `}};o([(0,c.property)({type:String,reflect:!0})],a.prototype,"side",2),o([(0,c.property)({type:String})],a.prototype,"placeholder",2),a=o([(0,f.customElement)("skdx-transfer-list-search","transfer","list-search")],a);0&&(module.exports={SkdxTransferListSearch});

package/dist/transfer/TransferListSearch.d.cts

@@ -1,11 +1,9 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 import type { TransferSide } from './types.cjs';
 /**
- * Filter input for one transfer list. Hidden if root not `searchable`.
- * Light DOM (no shadow root) so `aria-controls` IDREF reaches the list and labels can find input.
- * "Move all" moves visible items only.
+ * Filter input for one transfer list, hidden unless the root is `searchable`.
  *
- * @csspart input - Native `<input>` (style via descendant selector, `::part()` is inert).
+ * @csspart list-search - Native `<input>` (style via descendant selector, `::part()` is inert).
  *
  * @example
  * ```html
@@ -17,12 +15,10 @@ import type { TransferSide } from './types.cjs';
  */
 export declare class SkdxTransferListSearch extends LitElement {
     /** Light DOM for IDREF and labelling. */
-    createRenderRoot(): this;
-    /**
-     * Forward focus to input (light DOM has no delegatesFocus).
-     */
+    createRenderRoot(): HTMLElement | DocumentFragment;
+    /** Forwards focus to the input; light DOM has no delegatesFocus. */
     focus(options?: FocusOptions): void;
-    /** Which list this box filters. Required. */
+    /** Which list this box filters; required. */
     side: TransferSide;
     /**
      * Placeholder text for the filter field.
@@ -36,7 +32,7 @@ export declare class SkdxTransferListSearch extends LitElement {
     disconnectedCallback(): void;
     protected updated(): void;
     private readonly handleInput;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/transfer/TransferListSearch.d.ts

@@ -1,11 +1,9 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 import type { TransferSide } from './types.js';
 /**
- * Filter input for one transfer list. Hidden if root not `searchable`.
- * Light DOM (no shadow root) so `aria-controls` IDREF reaches the list and labels can find input.
- * "Move all" moves visible items only.
+ * Filter input for one transfer list, hidden unless the root is `searchable`.
  *
- * @csspart input - Native `<input>` (style via descendant selector, `::part()` is inert).
+ * @csspart list-search - Native `<input>` (style via descendant selector, `::part()` is inert).
  *
  * @example
  * ```html
@@ -17,12 +15,10 @@ import type { TransferSide } from './types.js';
  */
 export declare class SkdxTransferListSearch extends LitElement {
     /** Light DOM for IDREF and labelling. */
-    createRenderRoot(): this;
-    /**
-     * Forward focus to input (light DOM has no delegatesFocus).
-     */
+    createRenderRoot(): HTMLElement | DocumentFragment;
+    /** Forwards focus to the input; light DOM has no delegatesFocus. */
     focus(options?: FocusOptions): void;
-    /** Which list this box filters. Required. */
+    /** Which list this box filters; required. */
     side: TransferSide;
     /**
      * Placeholder text for the filter field.
@@ -36,7 +32,7 @@ export declare class SkdxTransferListSearch extends LitElement {
     disconnectedCallback(): void;
     protected updated(): void;
     private readonly handleInput;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/transfer/TransferListSearch.js

@@ -1,6 +1,6 @@
-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`
+var h=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var a=(l,s,e,i)=>{for(var t=i>1?void 0:i?u(s,e):s,n=l.length-1,o;n>=0;n--)(o=l[n])&&(t=(i?o(s,e,t):o(t))||t);return i&&t&&h(s,e,t),t};import{html as m,LitElement as f,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/light-dom-styles.js";import{TRANSFER_INTERNAL_UPDATE as c}from"./Transfer.js";var g={source:"Filter available items",target:"Filter selected items"},r=class extends f{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 m`
       <input
-        part="input"
+        part="list-search"
         type="search"
         .value=${e?.getQuery(this.side)??""}
         placeholder=${this.placeholder??d}

package/dist/transfer/TransferMoveAllTrigger.d.cts

@@ -1,11 +1,9 @@
 import { SkdxTransferMoveTriggerBase } from './move-trigger.cjs';
 import type { SkdxTransfer } from './Transfer.cjs';
 /**
- * `<skdx-transfer-move-all-trigger>` — moves every **visible** item on one side, marked or not.
- * With a filter, moves only what's showing, not hidden items. Disabled items excluded.
- * Uses `aria-disabled`, not `disabled`, when nothing to move.
+ * `<skdx-transfer-move-all-trigger>` — moves every **visible**, enabled item on one side, marked or not.
  *
- * @csspart trigger - The native `<button>` element inside the shadow root.
+ * @csspart move-all-trigger - The native `<button>` element inside the shadow root.
  *
  * @example
  * ```html

package/dist/transfer/TransferMoveAllTrigger.d.ts

@@ -1,11 +1,9 @@
 import { SkdxTransferMoveTriggerBase } from './move-trigger.js';
 import type { SkdxTransfer } from './Transfer.js';
 /**
- * `<skdx-transfer-move-all-trigger>` — moves every **visible** item on one side, marked or not.
- * With a filter, moves only what's showing, not hidden items. Disabled items excluded.
- * Uses `aria-disabled`, not `disabled`, when nothing to move.
+ * `<skdx-transfer-move-all-trigger>` — moves every **visible**, enabled item on one side, marked or not.
  *
- * @csspart trigger - The native `<button>` element inside the shadow root.
+ * @csspart move-all-trigger - The native `<button>` element inside the shadow root.
  *
  * @example
  * ```html

package/dist/transfer/TransferMoveTrigger.d.cts

@@ -1,19 +1,9 @@
 import { SkdxTransferMoveTriggerBase } from './move-trigger.cjs';
 import type { SkdxTransfer } from './Transfer.cjs';
 /**
- * Button that moves the **marked** items one way. A real `<button>` in the tab
- * order, named for what it does and how much — "Move 3 items to selected", not
- * an unnamed glyph.
+ * Button that moves the **marked** items one way, named for what it does and how much — "Move 3 items to selected".
  *
- * Uses `aria-disabled` (not `disabled`) when nothing is marked, keeping it
- * focusable so keyboard users discover it. A disabled button is skipped by Tab,
- * leaving users unable to find the control that explains the interaction.
- * Announces "Move items to selected, nothing selected" when aria-disabled.
- *
- * Publishes `data-direction` (`'toTarget'` or `'toSource'`), `data-count`, and
- * `data-disabled`.
- *
- * @csspart trigger - The native `<button>` element inside the shadow root.
+ * @csspart move-trigger - The native `<button>` element inside the shadow root.
  *
  * @example
  * ```html

package/dist/transfer/TransferMoveTrigger.d.ts

@@ -1,19 +1,9 @@
 import { SkdxTransferMoveTriggerBase } from './move-trigger.js';
 import type { SkdxTransfer } from './Transfer.js';
 /**
- * Button that moves the **marked** items one way. A real `<button>` in the tab
- * order, named for what it does and how much — "Move 3 items to selected", not
- * an unnamed glyph.
+ * Button that moves the **marked** items one way, named for what it does and how much — "Move 3 items to selected".
  *
- * Uses `aria-disabled` (not `disabled`) when nothing is marked, keeping it
- * focusable so keyboard users discover it. A disabled button is skipped by Tab,
- * leaving users unable to find the control that explains the interaction.
- * Announces "Move items to selected, nothing selected" when aria-disabled.
- *
- * Publishes `data-direction` (`'toTarget'` or `'toSource'`), `data-count`, and
- * `data-disabled`.
- *
- * @csspart trigger - The native `<button>` element inside the shadow root.
+ * @csspart move-trigger - The native `<button>` element inside the shadow root.
  *
  * @example
  * ```html

package/dist/transfer/move-trigger.cjs

@@ -1,11 +1,12 @@
-"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`
+"use strict";var d=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var g=(r,t)=>{for(var e in t)d(r,e,{get:t[e],enumerable:!0})},y=(r,t,e,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of u(t))!v.call(r,i)&&i!==e&&d(r,i,{get:()=>t[i],enumerable:!(s=p(t,i))||s.enumerable});return r};var A=r=>y(d({},"__esModule",{value:!0}),r),f=(r,t,e,s)=>{for(var i=s>1?void 0:s?p(t,e):t,c=r.length-1,h;c>=0;c--)(h=r[c])&&(i=(s?h(t,e,i):h(i))||i);return s&&i&&d(t,e,i),i};var T={};g(T,{SkdxTransferMoveTriggerBase:()=>o});module.exports=A(T);var n=require("lit"),m=require("lit/decorators.js"),b=require("lit/directives/if-defined.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"
+        part=${this.isAll?"move-all-trigger":"move-trigger"}
         type="button"
-        aria-disabled=${s?"true":"false"}
+        aria-disabled=${(0,b.ifDefined)(s?"true":void 0)}
         aria-label=${this.label(e.length)}
         data-direction=${this.direction}
         data-count=${e.length}
+        data-disabled=${(0,b.ifDefined)(s?"":void 0)}
         @click=${this.handleClick}
       >
         <slot></slot>
@@ -14,4 +15,4 @@
       :host {
         display: inline-block;
       }
-    `,l.controlBoxOnHost],p([(0,f.property)({type:String,reflect:!0})],o.prototype,"direction",2);0&&(module.exports={SkdxTransferMoveTriggerBase});
+    `,l.controlBoxOnHost],f([(0,m.property)({type:String,reflect:!0})],o.prototype,"direction",2);0&&(module.exports={SkdxTransferMoveTriggerBase});

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

@@ -1,18 +1,13 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 import { type SkdxTransfer } from './Transfer.cjs';
-import type { TransferDirection } from './types.cjs';
+import type { TransferDirection, TransferSide } from './types.cjs';
 /**
  * @internal Shared base for move-trigger and move-all-trigger; differ only in which items are movable.
  */
 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.
-     */
+    /** Which way this button moves items, named logically rather than as left/right since RTL mirrors the layout. */
     direction: TransferDirection;
     protected transfer: SkdxTransfer | null;
     private readonly onTransferUpdate;
@@ -23,17 +18,12 @@ export declare abstract class SkdxTransferMoveTriggerBase extends LitElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     /** Where this direction takes items from. */
-    protected get from(): import("./types.cjs").TransferSide;
+    protected get from(): 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`.
-     */
+    /** This button's accessible name, taken from the root so `getMoveLabel` reaches both trigger kinds; falls back to the built-in wording when orphaned. */
     private label;
     protected updated(): void;
     private readonly handleClick;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }

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

@@ -1,18 +1,13 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 import { type SkdxTransfer } from './Transfer.js';
-import type { TransferDirection } from './types.js';
+import type { TransferDirection, TransferSide } from './types.js';
 /**
  * @internal Shared base for move-trigger and move-all-trigger; differ only in which items are movable.
  */
 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.
-     */
+    /** Which way this button moves items, named logically rather than as left/right since RTL mirrors the layout. */
     direction: TransferDirection;
     protected transfer: SkdxTransfer | null;
     private readonly onTransferUpdate;
@@ -23,17 +18,12 @@ export declare abstract class SkdxTransferMoveTriggerBase extends LitElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     /** Where this direction takes items from. */
-    protected get from(): import("./types.js").TransferSide;
+    protected get from(): 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`.
-     */
+    /** This button's accessible name, taken from the root so `getMoveLabel` reaches both trigger kinds; falls back to the built-in wording when orphaned. */
     private label;
     protected updated(): void;
     private readonly handleClick;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }