@skdx/web-components 0.27.0 → 0.29.0

package/dist/transfer/Transfer.js

@@ -1,5 +1,5 @@
-var y=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var a=(n,l,e,t)=>{for(var r=t>1?void 0:t?E(l,e):l,o=n.length-1,d;o>=0;o--)(d=n[o])&&(r=(t?d(l,e,r):d(r))||r);return t&&r&&y(l,e,r),r};import{css as D,html as M,LitElement as A}from"lit";import{property as u,state as h}from"lit/decorators.js";import{customElement as S}from"../internal/define.js";import{nextId as R}from"../internal/ids.js";import{announce as $}from"../utils/live-announcer.js";var L='[role="option"]:not([data-disabled])',C="skdx-transfer-internal-update",N={toTarget:"source",toSource:"target"},p={toTarget:"target",toSource:"source"},b={source:"available",target:"selected"};function w(n,l,e){let t=b[p[l]],r=e?"Move all":"Move";return n===0?`${r} items to ${t}, ${e?"nothing to move":"nothing selected"}`:`${r} ${n} ${n===1?"item":"items"} to ${t}`}function q({moved:n,remaining:l,from:e,to:t}){return`${n} ${n===1?"item":"items"} moved to ${b[t]}. ${l} remaining in ${b[e]}.`}function F(n,l){return n.label.toLowerCase().includes(l.trim().toLowerCase())}var i=class extends A{constructor(){super(...arguments);this.items=[];this.value=[];this.defaultValue=[];this.disabled=!1;this.searchable=!1;this.filter=F;this.baseId=R("skdx-transfer");this._marked={source:[],target:[]};this._query={source:"",target:""};this._active={source:null,target:null};this._labelled={source:!1,target:!1};this.anchor={source:null,target:null};this.listEls={source:null,target:null};this._initialized=!1}moveLabel(e,t,r){return(this.getMoveLabel??w)(e,t,r)}connectedCallback(){super.connectedCallback(),this._initialized||(this.defaultValue.length>0&&(this.value=[...this.defaultValue]),this._initialized=!0)}get sideItems(){return{source:this.items.filter(e=>!this.value.includes(e.value)),target:this.items.filter(e=>this.value.includes(e.value))}}get visibleItems(){let e=this.sideItems;if(!this.searchable)return e;let t=r=>this._query[r].trim()===""?e[r]:e[r].filter(o=>this.filter(o,this._query[r]));return{source:t("source"),target:t("target")}}get marked(){let e=this.sideItems,t=r=>this._marked[r].filter(o=>e[r].some(d=>d.value===o));return{source:t("source"),target:t("target")}}getQuery(e){return this._query[e]}getActive(e){return this._active[e]}isLabelled(e){return this._labelled[e]}headerId(e){return`${this.baseId}-${e}-header`}listId(e){return`${this.baseId}-${e}-list`}setMarked(e,t){this._marked={...this._marked,[e]:t},this.broadcast()}setQuery(e,t){this._query[e]!==t&&(this._query={...this._query,[e]:t},this.broadcast())}setActive(e,t){this._active[e]!==t&&(this._active={...this._active,[e]:t},this.broadcast())}registerHeader(e,t){this._labelled[e]!==t&&(this._labelled={...this._labelled,[e]:t},this.broadcast())}move(e,t){if(this.disabled)return;let r=N[e],o=p[e],c=this.sideItems[r],f=t.map(s=>c.find(v=>v.value===s)).filter(s=>s!==void 0&&!s.disabled);if(f.length===0)return;let m=f.map(s=>s.value),T=this.visibleItems[r].filter(s=>!s.disabled),g=m.map(s=>T.findIndex(v=>v.value===s)).filter(s=>s>=0),_=g.length>0?Math.min(...g):0;this.value=e==="toTarget"?[...this.value,...m.filter(s=>!this.value.includes(s))]:this.value.filter(s=>!m.includes(s)),this._marked={...this._marked,[r]:this._marked[r].filter(s=>!m.includes(s))},this.dispatchEvent(new CustomEvent("value-change",{detail:this.value,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("move",{detail:{items:f,direction:e},bubbles:!0,composed:!0})),this.broadcast();let I={moved:f.length,remaining:c.length-f.length,direction:e,from:r,to:o};$((this.getMoveAnnouncement??q)(I)),this.restoreFocus(r,_)}async restoreFocus(e,t){await this.updateComplete;let r=this.listEls[e];if(!r)return;await r.updateComplete;let o=Array.from(r.querySelectorAll(L)),d=o[Math.min(t,o.length-1)];if(d){let c=d.getAttribute("data-value");c&&this.setActive(e,c),d.focus()}else r.focus()}broadcast(){this.dispatchEvent(new CustomEvent(C))}updated(e){(e.has("items")||e.has("value")||e.has("disabled")||e.has("searchable"))&&this.broadcast(),this.disabled?this.setAttribute("data-disabled",""):this.removeAttribute("data-disabled")}render(){return M`<slot></slot>`}};i.styles=D`
+var R=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var i=(a,n,e,r)=>{for(var t=r>1?void 0:r?E(n,e):n,u=a.length-1,d;u>=0;u--)(d=a[u])&&(t=(r?d(n,e,t):d(t))||t);return r&&t&&R(n,e,t),t};import{css as D,html as $,LitElement as O}from"lit";import{property as o,state as m}from"lit/decorators.js";import{hasAuthoredParts as w}from"../internal/authored.js";import{customElement as F}from"../internal/define.js";import{derivedParts as L,threadAppearance as N}from"../internal/derive.js";import{emit as v}from"../internal/events.js";import{FormAssociated as q}from"../internal/form-associated.js";import{nextId as x}from"../internal/ids.js";import{announce as b}from"../utils/live-announcer.js";import{fillTransferAnatomy as C,TRANSFER_ANATOMY_GENERATED as H}from"./TransferAnatomy.js";var V={empty:"Nothing here.",noMatch:'No match for "{query}".'},B={fromAttribute(a){if(!a)return{};try{let n=JSON.parse(a);if(typeof n!="object"||n===null)throw new Error("emptyText attribute must be a JSON object");return n}catch{return console.warn(`[skdx] <skdx-transfer> emptyText attribute is not valid JSON and was ignored: ${a}`),{}}}},P='[role="option"]:not([data-disabled])',z="skdx-transfer-internal-update",k={toTarget:"source",toSource:"target"},_={toTarget:"target",toSource:"source"},p={source:"available",target:"selected"};function Q(a,n,e){let r=p[_[n]],t=e?"Move all":"Move";return a===0?`${t} items to ${r}, ${e?"nothing to move":"nothing selected"}`:`${t} ${a} ${a===1?"item":"items"} to ${r}`}function W({moved:a,remaining:n,from:e,to:r}){return`${a} ${a===1?"item":"items"} moved to ${p[r]}. ${n} remaining in ${p[e]}.`}function J({shown:a,total:n,side:e}){return`${a} of ${n} ${n===1?"item":"items"} shown in ${p[e]}.`}function ie(a,n){return I(a,n,"contains")}function I(a,n,e="contains"){let r=n.trim().toLowerCase();if(r==="")return!0;let t=a.label.toLowerCase();return e==="startsWith"?t.startsWith(r):e==="endsWith"?t.endsWith(r):t.includes(r)}var s=class extends q(O){constructor(){super(...arguments);this.items=[];this.value=[];this.defaultValue=[];this.disabled=!1;this.searchable=!1;this.filterMatchMode="contains";this.targetOrder="items";this.emptyText={};this.showMoveAll=!1;this.baseId=x("skdx-transfer");this._marked={source:[],target:[]};this._query={source:"",target:""};this._active={source:null,target:null};this._labelled={source:!1,target:!1};this.anchor={source:null,target:null};this.listEls={source:null,target:null};this.suppressFocusIn=!1;this._initialized=!1;this._anatomyBuilt=!1;this._fillAnatomy=()=>{if(w(this,H)){this._anatomyBuilt=!1;return}this._anatomyBuilt||(this._anatomyBuilt=!0,C(this))};this._rebuildAnatomy=()=>{this._anatomyBuilt=!1,this._fillAnatomy()};this.headerIdOverrides={};this.announcedQuery={source:"",target:""}}moveLabel(e,r,t){return(this.getMoveLabel??Q)(e,r,t)}getEmptyText(e,r=""){let t={...V,...this.emptyText};return((e==="empty"?t.empty:t.noMatch)??"").replaceAll("{query}",r)}connectedCallback(){super.connectedCallback(),this._initialized||(this.defaultValue.length>0&&(this.value=[...this.defaultValue]),this._initialized=!0),queueMicrotask(this._fillAnatomy)}get sideItems(){let e=this.items.filter(t=>!this.value.includes(t.value));if(this.targetOrder==="items")return{source:e,target:this.items.filter(t=>this.value.includes(t.value))};let r=new Map(this.items.map(t=>[t.value,t]));return{source:e,target:this.value.map(t=>r.get(t)).filter(t=>t!==void 0)}}get visibleItems(){let e=this.sideItems;if(!this.searchable)return e;let r=t=>this._query[t].trim()===""?e[t]:e[t].filter(u=>this.filter?this.filter(u,this._query[t]):I(u,this._query[t],this.filterMatchMode));return{source:r("source"),target:r("target")}}get marked(){let e=this.sideItems,r=t=>this._marked[t].filter(u=>e[t].some(d=>d.value===u));return{source:r("source"),target:r("target")}}getQuery(e){return this._query[e]}getActive(e){return this._active[e]}isLabelled(e){return this._labelled[e]}headerId(e){return this.headerIdOverrides[e]??`${this.baseId}-${e}-header`}setHeaderId(e,r){this.headerIdOverrides[e]=r}listId(e){return`${this.baseId}-${e}-list`}setMarked(e,r){this._marked={...this._marked,[e]:r},this.broadcast()}setQuery(e,r){this._query[e]!==r&&(this._query={...this._query,[e]:r},this.broadcast())}setActive(e,r){this._active[e]!==r&&(this._active={...this._active,[e]:r},this.broadcast())}registerHeader(e,r){this._labelled[e]!==r&&(this._labelled={...this._labelled,[e]:r},this.broadcast())}move(e,r){if(this.disabled)return;let t=k[e],u=_[e],c=this.sideItems[t],h=r.map(l=>c.find(g=>g.value===l)).filter(l=>l!==void 0&&!l.disabled);if(h.length===0)return;let f=h.map(l=>l.value),A=this.visibleItems[t].filter(l=>!l.disabled),y=f.map(l=>A.findIndex(g=>g.value===l)).filter(l=>l>=0),M=y.length>0?Math.min(...y):0,T=f.filter(l=>!this.value.includes(l));e==="toTarget"?this.value=this.targetOrder==="prepend"?[...T,...this.value]:[...this.value,...T]:this.value=this.value.filter(l=>!f.includes(l)),this._marked={...this._marked,[t]:this._marked[t].filter(l=>!f.includes(l))},v(this,"value-change",this.value),v(this,"move",{items:h,direction:e}),this.broadcast();let S={moved:h.length,remaining:c.length-h.length,direction:e,from:t,to:u};b((this.getMoveAnnouncement??W)(S)),this.restoreFocus(t,M)}async restoreFocus(e,r){await this.updateComplete;let t=this.listEls[e];if(!t)return;this.suppressFocusIn=!0,await t.updateComplete;let u=Array.from(t.querySelectorAll(P)),d=u[Math.min(r,u.length-1)];if(d){let c=d.getAttribute("data-value");c&&this.setActive(e,c),d.focus()}else t.focus()}emitListScroll(e,r){let t={side:e,scrollTop:r.scrollTop,scrollHeight:r.scrollHeight,clientHeight:r.clientHeight};v(this,"list-scroll",t)}announceSearchResults(){let e=this.sideItems,r=this.visibleItems;for(let t of["source","target"])this._query[t]!==this.announcedQuery[t]&&(this.announcedQuery[t]=this._query[t],b((this.getSearchResultsAnnouncement??J)({shown:r[t].length,total:e[t].length,side:t,query:this._query[t]})))}broadcast(){this.dispatchEvent(new CustomEvent(z))}formResetCallback(){this.value=[...this.defaultValue]}updated(e){this.broadcast(),(e.has("value")||e.has("name"))&&this.setFormValue(this.multiFormValue(this.value)),this.searchable&&this.announceSearchResults(),this.disabled?this.setAttribute("data-disabled",""):this.removeAttribute("data-disabled"),e.has("titles")||e.has("searchable")||e.has("showMoveAll")?this._rebuildAnatomy():this._fillAnatomy(),N(this,{density:this.density,shape:this.shape,size:this.size},[...L(this,"skdx-transfer-list")])}render(){return $`<slot @slotchange=${this._fillAnatomy}></slot>`}};s.styles=D`
     :host {
       display: contents;
     }
-  `,a([u({type:Array})],i.prototype,"items",2),a([u({type:Array})],i.prototype,"value",2),a([u({type:Array,attribute:"default-value"})],i.prototype,"defaultValue",2),a([u({type:Boolean,reflect:!0})],i.prototype,"disabled",2),a([u({type:Boolean,reflect:!0})],i.prototype,"searchable",2),a([u({attribute:!1})],i.prototype,"filter",2),a([u({attribute:!1})],i.prototype,"getMoveLabel",2),a([u({attribute:!1})],i.prototype,"getMoveAnnouncement",2),a([h()],i.prototype,"_marked",2),a([h()],i.prototype,"_query",2),a([h()],i.prototype,"_active",2),a([h()],i.prototype,"_labelled",2),i=a([S("skdx-transfer","transfer","root")],i);export{p as DESTINATION_OF,L as OPTION_SELECTOR,N as ORIGIN_OF,b as SIDE_NOUN,i as SkdxTransfer,C as TRANSFER_INTERNAL_UPDATE,F as defaultTransferFilter,q as moveAnnouncement,w as moveTriggerLabel};
+  `,i([o({type:Array})],s.prototype,"items",2),i([o({type:Array})],s.prototype,"value",2),i([o({type:Array,attribute:"default-value"})],s.prototype,"defaultValue",2),i([o({type:Boolean,reflect:!0})],s.prototype,"disabled",2),i([o({type:String,reflect:!0})],s.prototype,"name",2),i([o({type:Boolean,reflect:!0})],s.prototype,"searchable",2),i([o({attribute:!1})],s.prototype,"filter",2),i([o({type:String,attribute:"filter-match-mode"})],s.prototype,"filterMatchMode",2),i([o({attribute:!1})],s.prototype,"getMoveLabel",2),i([o({attribute:!1})],s.prototype,"getMoveAnnouncement",2),i([o({attribute:!1})],s.prototype,"getSearchResultsAnnouncement",2),i([o({type:String,attribute:"target-order"})],s.prototype,"targetOrder",2),i([o({attribute:!1})],s.prototype,"titles",2),i([o({attribute:!1})],s.prototype,"renderItem",2),i([o({converter:B})],s.prototype,"emptyText",2),i([o({type:Boolean,reflect:!0,attribute:"show-move-all"})],s.prototype,"showMoveAll",2),i([o({type:String,attribute:"data-density"})],s.prototype,"density",2),i([o({type:String,attribute:"data-shape"})],s.prototype,"shape",2),i([o({type:String,attribute:"data-size"})],s.prototype,"size",2),i([m()],s.prototype,"_marked",2),i([m()],s.prototype,"_query",2),i([m()],s.prototype,"_active",2),i([m()],s.prototype,"_labelled",2),s=i([F("skdx-transfer","transfer","root")],s);export{_ as DESTINATION_OF,P as OPTION_SELECTOR,k as ORIGIN_OF,p as SIDE_NOUN,s as SkdxTransfer,z as TRANSFER_INTERNAL_UPDATE,ie as defaultTransferFilter,I as matchesFilterMode,W as moveAnnouncement,Q as moveTriggerLabel,J as searchResultsAnnouncement};

package/dist/transfer/TransferAnatomy.cjs

@@ -0,0 +1 @@
+"use strict";var a=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var h=(t,e)=>{for(var s in e)a(t,s,{get:e[s],enumerable:!0})},T=(t,e,s,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of p(e))!u.call(t,r)&&r!==s&&a(t,r,{get:()=>e[r],enumerable:!(n=f(e,r))||n.enumerable});return t};var g=t=>T(a({},"__esModule",{value:!0}),t);var E={};h(E,{TRANSFER_ANATOMY_GENERATED:()=>d,fillTransferAnatomy:()=>x});module.exports=g(E);var i=require("lit"),o=require("../internal/glyphs.cjs"),S=require("./TransferListHeader.cjs"),b=require("./TransferList.cjs"),y=require("./TransferListSearch.cjs"),v=require("./TransferEmpty.cjs"),R=require("./TransferControls.cjs"),G=require("./TransferMoveTrigger.cjs"),w=require("./TransferMoveAllTrigger.cjs"),A={source:"Available items",target:"Selected items"},d="data-skdx-transfer-generated";function l(t,e){let s=[],n=document.createElement("skdx-transfer-list-header");if(n.setAttribute("side",e),n.textContent=t.titles?.[e]??A[e],s.push(n),t.searchable){let c=document.createElement("skdx-transfer-list-search");c.setAttribute("side",e),s.push(c)}let r=document.createElement("skdx-transfer-list");r.setAttribute("side",e),s.push(r);let m=document.createElement("skdx-transfer-empty");m.setAttribute("side",e),s.push(m);for(let c of s)c.setAttribute(d,"");return s}function x(t){let e=document.createElement("skdx-transfer-controls");if(e.setAttribute(d,""),t.showMoveAll){let r=document.createElement("skdx-transfer-move-all-trigger");r.setAttribute("direction","toTarget"),(0,i.render)(o.chevronsRightGlyph,r),e.append(r)}let s=document.createElement("skdx-transfer-move-trigger");s.setAttribute("direction","toTarget"),(0,i.render)(o.arrowRightGlyph,s);let n=document.createElement("skdx-transfer-move-trigger");if(n.setAttribute("direction","toSource"),(0,i.render)(o.arrowLeftGlyph,n),e.append(s,n),t.showMoveAll){let r=document.createElement("skdx-transfer-move-all-trigger");r.setAttribute("direction","toSource"),(0,i.render)(o.chevronsLeftGlyph,r),e.append(r)}t.replaceChildren(...l(t,"source"),e,...l(t,"target"))}0&&(module.exports={TRANSFER_ANATOMY_GENERATED,fillTransferAnatomy});

package/dist/transfer/TransferAnatomy.d.cts

@@ -0,0 +1,19 @@
+import type { SkdxTransfer } from './Transfer.cjs';
+import './TransferListHeader.cjs';
+import './TransferList.cjs';
+import './TransferListSearch.cjs';
+import './TransferEmpty.cjs';
+import './TransferControls.cjs';
+import './TransferMoveTrigger.cjs';
+import './TransferMoveAllTrigger.cjs';
+/** Titles for the derived anatomy's two `SkdxTransferListHeader`s. */
+export interface SkdxTransferTitles {
+    /** Heading text for the source (available) side. */
+    source?: string;
+    /** Heading text for the target (selected) side. */
+    target?: string;
+}
+/** @internal Marks a direct child of `<skdx-transfer>` this module generated. */
+export declare const TRANSFER_ANATOMY_GENERATED = "data-skdx-transfer-generated";
+/** @internal Builds the canonical anatomy: source side, controls, target side. */
+export declare function fillTransferAnatomy(root: SkdxTransfer): void;

package/dist/transfer/TransferAnatomy.d.ts

@@ -0,0 +1,19 @@
+import type { SkdxTransfer } from './Transfer.js';
+import './TransferListHeader.js';
+import './TransferList.js';
+import './TransferListSearch.js';
+import './TransferEmpty.js';
+import './TransferControls.js';
+import './TransferMoveTrigger.js';
+import './TransferMoveAllTrigger.js';
+/** Titles for the derived anatomy's two `SkdxTransferListHeader`s. */
+export interface SkdxTransferTitles {
+    /** Heading text for the source (available) side. */
+    source?: string;
+    /** Heading text for the target (selected) side. */
+    target?: string;
+}
+/** @internal Marks a direct child of `<skdx-transfer>` this module generated. */
+export declare const TRANSFER_ANATOMY_GENERATED = "data-skdx-transfer-generated";
+/** @internal Builds the canonical anatomy: source side, controls, target side. */
+export declare function fillTransferAnatomy(root: SkdxTransfer): void;

package/dist/transfer/TransferAnatomy.js

@@ -0,0 +1 @@
+import{render as i}from"lit";import{arrowLeftGlyph as m,arrowRightGlyph as l,chevronsLeftGlyph as f,chevronsRightGlyph as p}from"../internal/glyphs.js";import"./TransferListHeader.js";import"./TransferList.js";import"./TransferListSearch.js";import"./TransferEmpty.js";import"./TransferControls.js";import"./TransferMoveTrigger.js";import"./TransferMoveAllTrigger.js";var u={source:"Available items",target:"Selected items"},d="data-skdx-transfer-generated";function a(s,e){let t=[],n=document.createElement("skdx-transfer-list-header");if(n.setAttribute("side",e),n.textContent=s.titles?.[e]??u[e],t.push(n),s.searchable){let o=document.createElement("skdx-transfer-list-search");o.setAttribute("side",e),t.push(o)}let r=document.createElement("skdx-transfer-list");r.setAttribute("side",e),t.push(r);let c=document.createElement("skdx-transfer-empty");c.setAttribute("side",e),t.push(c);for(let o of t)o.setAttribute(d,"");return t}function y(s){let e=document.createElement("skdx-transfer-controls");if(e.setAttribute(d,""),s.showMoveAll){let r=document.createElement("skdx-transfer-move-all-trigger");r.setAttribute("direction","toTarget"),i(p,r),e.append(r)}let t=document.createElement("skdx-transfer-move-trigger");t.setAttribute("direction","toTarget"),i(l,t);let n=document.createElement("skdx-transfer-move-trigger");if(n.setAttribute("direction","toSource"),i(m,n),e.append(t,n),s.showMoveAll){let r=document.createElement("skdx-transfer-move-all-trigger");r.setAttribute("direction","toSource"),i(f,r),e.append(r)}s.replaceChildren(...a(s,"source"),e,...a(s,"target"))}export{d as TRANSFER_ANATOMY_GENERATED,y as fillTransferAnatomy};

package/dist/transfer/TransferControls.cjs

@@ -1,5 +1,5 @@
-"use strict";var l=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var u=(r,e)=>{for(var s in e)l(r,s,{get:e[s],enumerable:!0})},v=(r,e,s,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of f(e))!m.call(r,t)&&t!==s&&l(r,t,{get:()=>e[t],enumerable:!(a=b(e,t))||a.enumerable});return r};var A=r=>v(l({},"__esModule",{value:!0}),r),h=(r,e,s,a)=>{for(var t=a>1?void 0:a?b(e,s):e,n=r.length-1,o;n>=0;n--)(o=r[n])&&(t=(a?o(e,s,t):o(t))||t);return a&&t&&l(e,s,t),t};var E={};u(E,{SkdxTransferControls:()=>i});module.exports=A(E);var d=require("lit"),p=require("../internal/define.cjs"),c=require("./Transfer.cjs");var i=class extends d.LitElement{constructor(){super(...arguments);this.transfer=null;this.onTransferUpdate=()=>this.requestUpdate()}connectedCallback(){super.connectedCallback(),this.transfer=this.closest("skdx-transfer"),this.transfer?.addEventListener(c.TRANSFER_INTERNAL_UPDATE,this.onTransferUpdate),this.setAttribute("role","group"),!this.hasAttribute("aria-label")&&!this.hasAttribute("aria-labelledby")&&this.setAttribute("aria-label","Move items")}disconnectedCallback(){this.transfer?.removeEventListener(c.TRANSFER_INTERNAL_UPDATE,this.onTransferUpdate),super.disconnectedCallback()}updated(){this.transfer?.disabled?this.setAttribute("data-disabled",""):this.removeAttribute("data-disabled")}render(){return d.html`<slot></slot>`}};i.styles=d.css`
+"use strict";var d=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var u=(r,e)=>{for(var s in e)d(r,s,{get:e[s],enumerable:!0})},v=(r,e,s,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of f(e))!m.call(r,t)&&t!==s&&d(r,t,{get:()=>e[t],enumerable:!(a=p(e,t))||a.enumerable});return r};var A=r=>v(d({},"__esModule",{value:!0}),r),b=(r,e,s,a)=>{for(var t=a>1?void 0:a?p(e,s):e,n=r.length-1,o;n>=0;n--)(o=r[n])&&(t=(a?o(e,s,t):o(t))||t);return a&&t&&d(e,s,t),t};var T={};u(T,{SkdxTransferControls:()=>i});module.exports=A(T);var l=require("lit"),h=require("../internal/define.cjs"),c=require("./Transfer.cjs");var i=class extends l.LitElement{constructor(){super(...arguments);this.transfer=null;this.onTransferUpdate=()=>this.requestUpdate()}connectedCallback(){super.connectedCallback(),this.transfer=this.closest("skdx-transfer"),this.transfer?.addEventListener(c.TRANSFER_INTERNAL_UPDATE,this.onTransferUpdate),this.setAttribute("role","group"),!this.hasAttribute("aria-label")&&!this.hasAttribute("aria-labelledby")&&this.setAttribute("aria-label","Move items")}disconnectedCallback(){this.transfer?.removeEventListener(c.TRANSFER_INTERNAL_UPDATE,this.onTransferUpdate),super.disconnectedCallback()}updated(){this.transfer?.disabled?this.setAttribute("data-disabled",""):this.removeAttribute("data-disabled")}render(){return l.html`<slot></slot>`}};i.styles=l.css`
     :host {
       display: block;
     }
-  `,i=h([(0,p.customElement)("skdx-transfer-controls","transfer","controls")],i);0&&(module.exports={SkdxTransferControls});
+  `,i=b([(0,h.customElement)("skdx-transfer-controls","transfer","controls")],i);0&&(module.exports={SkdxTransferControls});

package/dist/transfer/TransferControls.d.cts

@@ -1,15 +1,6 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
- * `<skdx-transfer-controls>` — the named `role="group"` holding the move
- * triggers. Without it the buttons are announced as loose controls stranded
- * between two lists; with it they are announced as the thing that moves items
- * between them.
- *
- * Purely a wrapper — it owns no state and changes no behaviour, so the triggers
- * work outside it too. Use it anyway.
- *
- * The role goes on this host element rather than in shadow DOM, so the buttons
- * slotted into it are real descendants of the group in the accessibility tree.
+ * `<skdx-transfer-controls>` — a named `role="group"` wrapper around move triggers.
  *
  * @example
  * ```html
@@ -26,7 +17,7 @@ export declare class SkdxTransferControls extends LitElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     protected updated(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/transfer/TransferControls.d.ts

@@ -1,15 +1,6 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
- * `<skdx-transfer-controls>` — the named `role="group"` holding the move
- * triggers. Without it the buttons are announced as loose controls stranded
- * between two lists; with it they are announced as the thing that moves items
- * between them.
- *
- * Purely a wrapper — it owns no state and changes no behaviour, so the triggers
- * work outside it too. Use it anyway.
- *
- * The role goes on this host element rather than in shadow DOM, so the buttons
- * slotted into it are real descendants of the group in the accessibility tree.
+ * `<skdx-transfer-controls>` — a named `role="group"` wrapper around move triggers.
  *
  * @example
  * ```html
@@ -26,7 +17,7 @@ export declare class SkdxTransferControls extends LitElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     protected updated(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/transfer/TransferControls.js

@@ -1,4 +1,4 @@
-var c=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var n=(a,t,i,s)=>{for(var e=s>1?void 0:s?b(t,i):t,d=a.length-1,l;d>=0;d--)(l=a[d])&&(e=(s?l(t,i,e):l(e))||e);return s&&e&&c(t,i,e),e};import{css as h,html as p,LitElement as f}from"lit";import{customElement as m}from"../internal/define.js";import{TRANSFER_INTERNAL_UPDATE as o}from"./Transfer.js";var r=class extends f{constructor(){super(...arguments);this.transfer=null;this.onTransferUpdate=()=>this.requestUpdate()}connectedCallback(){super.connectedCallback(),this.transfer=this.closest("skdx-transfer"),this.transfer?.addEventListener(o,this.onTransferUpdate),this.setAttribute("role","group"),!this.hasAttribute("aria-label")&&!this.hasAttribute("aria-labelledby")&&this.setAttribute("aria-label","Move items")}disconnectedCallback(){this.transfer?.removeEventListener(o,this.onTransferUpdate),super.disconnectedCallback()}updated(){this.transfer?.disabled?this.setAttribute("data-disabled",""):this.removeAttribute("data-disabled")}render(){return p`<slot></slot>`}};r.styles=h`
+var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var n=(a,t,i,s)=>{for(var e=s>1?void 0:s?p(t,i):t,l=a.length-1,d;l>=0;l--)(d=a[l])&&(e=(s?d(t,i,e):d(e))||e);return s&&e&&c(t,i,e),e};import{css as b,html as h,LitElement as f}from"lit";import{customElement as m}from"../internal/define.js";import{TRANSFER_INTERNAL_UPDATE as o}from"./Transfer.js";var r=class extends f{constructor(){super(...arguments);this.transfer=null;this.onTransferUpdate=()=>this.requestUpdate()}connectedCallback(){super.connectedCallback(),this.transfer=this.closest("skdx-transfer"),this.transfer?.addEventListener(o,this.onTransferUpdate),this.setAttribute("role","group"),!this.hasAttribute("aria-label")&&!this.hasAttribute("aria-labelledby")&&this.setAttribute("aria-label","Move items")}disconnectedCallback(){this.transfer?.removeEventListener(o,this.onTransferUpdate),super.disconnectedCallback()}updated(){this.transfer?.disabled?this.setAttribute("data-disabled",""):this.removeAttribute("data-disabled")}render(){return h`<slot></slot>`}};r.styles=b`
     :host {
       display: block;
     }

package/dist/transfer/TransferEmpty.cjs

@@ -1,5 +1,5 @@
-"use strict";var o=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var b=(r,e)=>{for(var s in e)o(r,s,{get:e[s],enumerable:!0})},T=(r,e,s,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of y(e))!u.call(r,t)&&t!==s&&o(r,t,{get:()=>e[t],enumerable:!(i=m(e,t))||i.enumerable});return r};var k=r=>T(o({},"__esModule",{value:!0}),r),c=(r,e,s,i)=>{for(var t=i>1?void 0:i?m(e,s):e,d=r.length-1,l;d>=0;d--)(l=r[d])&&(t=(i?l(e,s,t):l(t))||t);return i&&t&&o(e,s,t),t};var A={};b(A,{SkdxTransferEmpty:()=>n});module.exports=k(A);var a=require("lit"),f=require("lit/decorators.js"),h=require("../internal/define.cjs"),v=require("../internal/styles.cjs"),p=require("./Transfer.cjs");var n=class extends a.LitElement{constructor(){super(...arguments);this.side="source";this.transfer=null;this.onTransferUpdate=()=>this.sync()}connectedCallback(){super.connectedCallback(),this.transfer=this.closest("skdx-transfer"),this.transfer?.addEventListener(p.TRANSFER_INTERNAL_UPDATE,this.onTransferUpdate),this.sync()}disconnectedCallback(){this.transfer?.removeEventListener(p.TRANSFER_INTERNAL_UPDATE,this.onTransferUpdate),super.disconnectedCallback()}updated(){this.sync()}sync(){this.setAttribute("data-side",this.side);let s=(this.transfer?.visibleItems[this.side].length??0)===0;this.hidden=!s,s?this.setAttribute("data-empty",""):this.removeAttribute("data-empty")}render(){return a.html`<slot></slot>`}};n.styles=[v.hiddenHostStyles,a.css`
+"use strict";var d=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var b=(r,t)=>{for(var e in t)d(r,e,{get:t[e],enumerable:!0})},T=(r,t,e,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of v(t))!y.call(r,s)&&s!==e&&d(r,s,{get:()=>t[s],enumerable:!(a=c(t,s))||a.enumerable});return r};var g=r=>T(d({},"__esModule",{value:!0}),r),p=(r,t,e,a)=>{for(var s=a>1?void 0:a?c(t,e):t,l=r.length-1,h;l>=0;l--)(h=r[l])&&(s=(a?h(t,e,s):h(s))||s);return a&&s&&d(t,e,s),s};var A={};b(A,{SkdxTransferEmpty:()=>n});module.exports=g(A);var o=require("lit"),f=require("lit/decorators.js"),m=require("../internal/define.cjs"),u=require("../internal/styles.cjs"),i=require("./Transfer.cjs");var n=class extends o.LitElement{constructor(){super(...arguments);this.side="source";this.transfer=null;this.onTransferUpdate=()=>this.requestUpdate()}connectedCallback(){super.connectedCallback(),this.transfer=this.closest("skdx-transfer"),this.transfer?.addEventListener(i.TRANSFER_INTERNAL_UPDATE,this.onTransferUpdate),this.sync()}disconnectedCallback(){this.transfer?.removeEventListener(i.TRANSFER_INTERNAL_UPDATE,this.onTransferUpdate),super.disconnectedCallback()}updated(){this.sync()}get reason(){return this.transfer instanceof i.SkdxTransfer?this.transfer.sideItems[this.side].length===0?"empty":"no-results":"empty"}get activeQuery(){return this.reason!=="no-results"||!(this.transfer instanceof i.SkdxTransfer)?"":this.transfer.getQuery(this.side)}sync(){this.setAttribute("data-side",this.side);let e=!(this.transfer instanceof i.SkdxTransfer)||this.transfer.visibleItems[this.side].length===0;this.hidden=!e,e?(this.setAttribute("data-empty",""),this.setAttribute("data-reason",this.reason),this.setAttribute("data-query",this.activeQuery)):(this.removeAttribute("data-empty"),this.removeAttribute("data-reason"),this.removeAttribute("data-query"))}render(){let e=this.transfer instanceof i.SkdxTransfer?this.transfer.getEmptyText(this.reason,this.activeQuery):"";return o.html`<slot name=${this.reason}></slot><slot>${e}</slot>`}};n.styles=[u.hiddenHostStyles,o.css`
       :host {
         display: block;
       }
-    `],c([(0,f.property)({type:String,reflect:!0})],n.prototype,"side",2),n=c([(0,h.customElement)("skdx-transfer-empty","transfer","empty")],n);0&&(module.exports={SkdxTransferEmpty});
+    `],p([(0,f.property)({type:String,reflect:!0})],n.prototype,"side",2),n=p([(0,m.customElement)("skdx-transfer-empty","transfer","empty")],n);0&&(module.exports={SkdxTransferEmpty});

package/dist/transfer/TransferEmpty.d.cts

@@ -1,20 +1,19 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 import type { TransferSide } from './types.cjs';
 /**
- * `<skdx-transfer-empty>` — the message shown while one side has nothing to
- * render, either genuinely empty or filtered down to nothing. Hidden (via
- * `hidden` + `:host([hidden])`) otherwise, so it is safe to leave in the tree
- * permanently.
+ * `<skdx-transfer-empty>` — message shown while a side has nothing to render, either genuinely empty or filtered to nothing.
  *
- * It is a sibling of its `<skdx-transfer-list>`, not a child: a
- * `role="listbox"` may only contain options and groups, and a bare paragraph
- * inside one is invalid ARIA that some screen readers drop entirely. Hence its
- * own `side`.
+ * @slot - The message shown for either reason.
+ * @slot empty - The message shown while the side genuinely holds nothing.
+ * @slot no-results - The message shown while a query filtered the side to nothing.
  *
  * @example
  * ```html
  * <skdx-transfer-list side="source"></skdx-transfer-list>
- * <skdx-transfer-empty side="source">Nothing left to add.</skdx-transfer-empty>
+ * <skdx-transfer-empty side="source">
+ *   <span slot="empty">Nothing left to add.</span>
+ *   <span slot="no-results">No match for that search.</span>
+ * </skdx-transfer-empty>
  * ```
  */
 export declare class SkdxTransferEmpty extends LitElement {
@@ -26,8 +25,10 @@ export declare class SkdxTransferEmpty extends LitElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     protected updated(): void;
+    private get reason();
+    private get activeQuery();
     private sync;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/transfer/TransferEmpty.d.ts

@@ -1,20 +1,19 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 import type { TransferSide } from './types.js';
 /**
- * `<skdx-transfer-empty>` — the message shown while one side has nothing to
- * render, either genuinely empty or filtered down to nothing. Hidden (via
- * `hidden` + `:host([hidden])`) otherwise, so it is safe to leave in the tree
- * permanently.
+ * `<skdx-transfer-empty>` — message shown while a side has nothing to render, either genuinely empty or filtered to nothing.
  *
- * It is a sibling of its `<skdx-transfer-list>`, not a child: a
- * `role="listbox"` may only contain options and groups, and a bare paragraph
- * inside one is invalid ARIA that some screen readers drop entirely. Hence its
- * own `side`.
+ * @slot - The message shown for either reason.
+ * @slot empty - The message shown while the side genuinely holds nothing.
+ * @slot no-results - The message shown while a query filtered the side to nothing.
  *
  * @example
  * ```html
  * <skdx-transfer-list side="source"></skdx-transfer-list>
- * <skdx-transfer-empty side="source">Nothing left to add.</skdx-transfer-empty>
+ * <skdx-transfer-empty side="source">
+ *   <span slot="empty">Nothing left to add.</span>
+ *   <span slot="no-results">No match for that search.</span>
+ * </skdx-transfer-empty>
  * ```
  */
 export declare class SkdxTransferEmpty extends LitElement {
@@ -26,8 +25,10 @@ export declare class SkdxTransferEmpty extends LitElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     protected updated(): void;
+    private get reason();
+    private get activeQuery();
     private sync;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/transfer/TransferEmpty.js

@@ -1,5 +1,5 @@
-var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var d=(n,s,t,i)=>{for(var e=i>1?void 0:i?p(s,t):s,a=n.length-1,o;a>=0;a--)(o=n[a])&&(e=(i?o(s,t,e):o(e))||e);return i&&e&&c(s,t,e),e};import{css as m,html as f,LitElement as h}from"lit";import{property as v}from"lit/decorators.js";import{customElement as y}from"../internal/define.js";import{hiddenHostStyles as u}from"../internal/styles.js";import{TRANSFER_INTERNAL_UPDATE as l}from"./Transfer.js";var r=class extends h{constructor(){super(...arguments);this.side="source";this.transfer=null;this.onTransferUpdate=()=>this.sync()}connectedCallback(){super.connectedCallback(),this.transfer=this.closest("skdx-transfer"),this.transfer?.addEventListener(l,this.onTransferUpdate),this.sync()}disconnectedCallback(){this.transfer?.removeEventListener(l,this.onTransferUpdate),super.disconnectedCallback()}updated(){this.sync()}sync(){this.setAttribute("data-side",this.side);let t=(this.transfer?.visibleItems[this.side].length??0)===0;this.hidden=!t,t?this.setAttribute("data-empty",""):this.removeAttribute("data-empty")}render(){return f`<slot></slot>`}};r.styles=[u,m`
+var p=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var l=(n,r,t,i)=>{for(var e=i>1?void 0:i?c(r,t):r,o=n.length-1,d;o>=0;o--)(d=n[o])&&(e=(i?d(r,t,e):d(e))||e);return i&&e&&p(r,t,e),e};import{css as f,html as m,LitElement as u}from"lit";import{property as v}from"lit/decorators.js";import{customElement as y}from"../internal/define.js";import{hiddenHostStyles as b}from"../internal/styles.js";import{SkdxTransfer as a,TRANSFER_INTERNAL_UPDATE as h}from"./Transfer.js";var s=class extends u{constructor(){super(...arguments);this.side="source";this.transfer=null;this.onTransferUpdate=()=>this.requestUpdate()}connectedCallback(){super.connectedCallback(),this.transfer=this.closest("skdx-transfer"),this.transfer?.addEventListener(h,this.onTransferUpdate),this.sync()}disconnectedCallback(){this.transfer?.removeEventListener(h,this.onTransferUpdate),super.disconnectedCallback()}updated(){this.sync()}get reason(){return this.transfer instanceof a?this.transfer.sideItems[this.side].length===0?"empty":"no-results":"empty"}get activeQuery(){return this.reason!=="no-results"||!(this.transfer instanceof a)?"":this.transfer.getQuery(this.side)}sync(){this.setAttribute("data-side",this.side);let t=!(this.transfer instanceof a)||this.transfer.visibleItems[this.side].length===0;this.hidden=!t,t?(this.setAttribute("data-empty",""),this.setAttribute("data-reason",this.reason),this.setAttribute("data-query",this.activeQuery)):(this.removeAttribute("data-empty"),this.removeAttribute("data-reason"),this.removeAttribute("data-query"))}render(){let t=this.transfer instanceof a?this.transfer.getEmptyText(this.reason,this.activeQuery):"";return m`<slot name=${this.reason}></slot><slot>${t}</slot>`}};s.styles=[b,f`
       :host {
         display: block;
       }
-    `],d([v({type:String,reflect:!0})],r.prototype,"side",2),r=d([y("skdx-transfer-empty","transfer","empty")],r);export{r as SkdxTransferEmpty};
+    `],l([v({type:String,reflect:!0})],s.prototype,"side",2),s=l([y("skdx-transfer-empty","transfer","empty")],s);export{s as SkdxTransferEmpty};

package/dist/transfer/TransferItem.cjs

@@ -1 +1 @@
-"use strict";var o=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var T=Object.prototype.hasOwnProperty;var E=(r,t)=>{for(var e in t)o(r,e,{get:t[e],enumerable:!0})},b=(r,t,e,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of k(t))!T.call(r,s)&&s!==e&&o(r,s,{get:()=>t[s],enumerable:!(i=c(t,s))||i.enumerable});return r};var y=r=>b(o({},"__esModule",{value:!0}),r),v=(r,t,e,i)=>{for(var s=i>1?void 0:i?c(t,e):t,a=r.length-1,n;a>=0;a--)(n=r[a])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&o(t,e,s),s};var x={};E(x,{SkdxTransferItem:()=>d});module.exports=y(x);var u=require("../internal/define.cjs"),m=require("../internal/part.cjs"),p=require("../listbox/ListboxItem.cjs"),l=require("./Transfer.cjs");function L(r){let t=r.closest('[role="listbox"]');return t?Array.from(t.querySelectorAll(l.OPTION_SELECTOR),e=>e.getAttribute("data-value")).filter(e=>e!==null):[]}var d=class extends p.SkdxListboxItem{constructor(){super(...arguments);this.transfer=null;this.onTransferUpdate=()=>this.requestUpdate();this.handleTransferClick=e=>{let i=this.transfer;if(this.isTransferDisabled||!i)return;if(!e.shiftKey){this.markPlain();return}let s=this.side,a=L(this),n=i.anchor[s]??this.value,f=a.indexOf(n),h=a.indexOf(this.value);i.setMarked(s,f===-1||h===-1?[this.value]:a.slice(Math.min(f,h),Math.max(f,h)+1))};this.handleTransferKeyDown=e=>{(e.key===" "||e.key==="Enter")&&this.markPlain()}}connectedCallback(){super.connectedCallback(),this.transfer=this.closest("skdx-transfer"),this.transfer?.addEventListener(l.TRANSFER_INTERNAL_UPDATE,this.onTransferUpdate),this.addEventListener("click",this.handleTransferClick),this.addEventListener("keydown",this.handleTransferKeyDown)}disconnectedCallback(){this.transfer?.removeEventListener(l.TRANSFER_INTERNAL_UPDATE,this.onTransferUpdate),this.removeEventListener("click",this.handleTransferClick),this.removeEventListener("keydown",this.handleTransferKeyDown),super.disconnectedCallback()}get side(){return this.closest("skdx-transfer-list")?.side??"source"}get isTransferDisabled(){return this.disabled||(this.transfer?.disabled??!1)}updated(){super.updated();let e=this.side;(0,m.reflectHostState)(this,{"data-side":e,"data-selected":this.transfer?.marked[e].includes(this.value)?"":null})}markPlain(){!this.isTransferDisabled&&this.transfer&&(this.transfer.anchor[this.side]=this.value)}};d=v([(0,u.customElement)("skdx-transfer-item","transfer","item")],d);0&&(module.exports={SkdxTransferItem});
+"use strict";var o=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var T=Object.prototype.hasOwnProperty;var E=(r,t)=>{for(var e in t)o(r,e,{get:t[e],enumerable:!0})},b=(r,t,e,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of k(t))!T.call(r,s)&&s!==e&&o(r,s,{get:()=>t[s],enumerable:!(i=c(t,s))||i.enumerable});return r};var y=r=>b(o({},"__esModule",{value:!0}),r),v=(r,t,e,i)=>{for(var s=i>1?void 0:i?c(t,e):t,n=r.length-1,a;n>=0;n--)(a=r[n])&&(s=(i?a(t,e,s):a(s))||s);return i&&s&&o(t,e,s),s};var L={};E(L,{SkdxTransferItem:()=>l});module.exports=y(L);var u=require("../internal/define.cjs"),m=require("../internal/part.cjs"),p=require("../listbox/ListboxItem.cjs"),d=require("./Transfer.cjs");function x(r){let t=r.closest('[role="listbox"]');return t?Array.from(t.querySelectorAll(d.OPTION_SELECTOR),e=>e.getAttribute("data-value")).filter(e=>e!==null):[]}var l=class extends p.SkdxListboxItem{constructor(){super(...arguments);this.transfer=null;this.onTransferUpdate=()=>this.requestUpdate();this.handleTransferClick=e=>{let i=this.transfer;if(this.isTransferDisabled||!i)return;if(!e.shiftKey){this.markPlain();return}let s=this.side,n=x(this),a=i.anchor[s]??this.value,h=n.indexOf(a),f=n.indexOf(this.value);i.setMarked(s,h===-1||f===-1?[this.value]:n.slice(Math.min(h,f),Math.max(h,f)+1))};this.handleTransferKeyDown=e=>{!e.shiftKey&&(e.key===" "||e.key==="Enter")&&this.markPlain()}}connectedCallback(){super.connectedCallback(),this.transfer=this.closest("skdx-transfer"),this.transfer?.addEventListener(d.TRANSFER_INTERNAL_UPDATE,this.onTransferUpdate),this.addEventListener("click",this.handleTransferClick),this.addEventListener("keydown",this.handleTransferKeyDown)}selectsOnClick(e){return!e.shiftKey}disconnectedCallback(){this.transfer?.removeEventListener(d.TRANSFER_INTERNAL_UPDATE,this.onTransferUpdate),this.removeEventListener("click",this.handleTransferClick),this.removeEventListener("keydown",this.handleTransferKeyDown),super.disconnectedCallback()}get side(){return this.closest("skdx-transfer-list")?.side??"source"}get isTransferDisabled(){return this.disabled||(this.transfer?.disabled??!1)}updated(){super.updated();let e=this.side;(0,m.reflectHostState)(this,{"data-side":e,"data-selected":this.transfer?.marked[e].includes(this.value)?"":null})}markPlain(){!this.isTransferDisabled&&this.transfer&&(this.transfer.anchor[this.side]=this.value)}};l=v([(0,u.customElement)("skdx-transfer-item","transfer","item")],l);0&&(module.exports={SkdxTransferItem});

package/dist/transfer/TransferItem.d.cts

@@ -1,33 +1,17 @@
 import { SkdxListboxItem } from '../listbox/ListboxItem.cjs';
 /**
- * `<skdx-transfer-item>` — one option inside a `<skdx-transfer-list>`: an
- * `<skdx-listbox-item>` that also knows which side it is on. Marking it does
- * **not** move it: marking is the transient "I want to move this" state, and a
- * `<skdx-transfer-move-trigger>` (or the outward arrow key) is what commits the
- * move.
- *
- * Click, Enter, or Space toggles it into the marked set; **Shift+Click** marks
- * the whole range from the anchor — the last option marked without Shift —
- * mirroring Shift+ArrowUp/Down.
- *
- * Publishes `data-side` and `data-selected` while marked, plus everything
- * `<skdx-listbox-item>` already emits (`aria-selected`, `data-value`,
- * `data-state`, `data-disabled`).
- *
- * You only render this yourself when `<skdx-transfer-list>`'s default rendering
- * is not enough — it otherwise renders one per visible item on its side.
+ * `<skdx-transfer-item>` — one option inside a `<skdx-transfer-list>`, an
+ * `<skdx-listbox-item>` that publishes `data-side` and `data-selected` (marked).
  */
 export declare class SkdxTransferItem extends SkdxListboxItem {
     private transfer;
     private readonly onTransferUpdate;
     connectedCallback(): void;
+    protected selectsOnClick(event: MouseEvent): boolean;
     disconnectedCallback(): void;
-    /** Which list this option is in. Read from the DOM, not a prop — the list is always its ancestor. */
     private get side();
-    /** Named apart from `<skdx-listbox-item>`'s own private `isDisabled` — a subclass may not redeclare it. */
     private get isTransferDisabled();
     protected updated(): void;
-    /** Records where a subsequent Shift range should start. */
     private markPlain;
     private readonly handleTransferClick;
     private readonly handleTransferKeyDown;

package/dist/transfer/TransferItem.d.ts

@@ -1,33 +1,17 @@
 import { SkdxListboxItem } from '../listbox/ListboxItem.js';
 /**
- * `<skdx-transfer-item>` — one option inside a `<skdx-transfer-list>`: an
- * `<skdx-listbox-item>` that also knows which side it is on. Marking it does
- * **not** move it: marking is the transient "I want to move this" state, and a
- * `<skdx-transfer-move-trigger>` (or the outward arrow key) is what commits the
- * move.
- *
- * Click, Enter, or Space toggles it into the marked set; **Shift+Click** marks
- * the whole range from the anchor — the last option marked without Shift —
- * mirroring Shift+ArrowUp/Down.
- *
- * Publishes `data-side` and `data-selected` while marked, plus everything
- * `<skdx-listbox-item>` already emits (`aria-selected`, `data-value`,
- * `data-state`, `data-disabled`).
- *
- * You only render this yourself when `<skdx-transfer-list>`'s default rendering
- * is not enough — it otherwise renders one per visible item on its side.
+ * `<skdx-transfer-item>` — one option inside a `<skdx-transfer-list>`, an
+ * `<skdx-listbox-item>` that publishes `data-side` and `data-selected` (marked).
  */
 export declare class SkdxTransferItem extends SkdxListboxItem {
     private transfer;
     private readonly onTransferUpdate;
     connectedCallback(): void;
+    protected selectsOnClick(event: MouseEvent): boolean;
     disconnectedCallback(): void;
-    /** Which list this option is in. Read from the DOM, not a prop — the list is always its ancestor. */
     private get side();
-    /** Named apart from `<skdx-listbox-item>`'s own private `isDisabled` — a subclass may not redeclare it. */
     private get isTransferDisabled();
     protected updated(): void;
-    /** Records where a subsequent Shift range should start. */
     private markPlain;
     private readonly handleTransferClick;
     private readonly handleTransferKeyDown;

package/dist/transfer/TransferItem.js

@@ -1 +1 @@
-var c=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var f=(a,s,e,r)=>{for(var t=r>1?void 0:r?v(s,e):s,i=a.length-1,n;i>=0;i--)(n=a[i])&&(t=(r?n(s,e,t):n(t))||t);return r&&t&&c(s,e,t),t};import{customElement as u}from"../internal/define.js";import{reflectHostState as m}from"../internal/part.js";import{SkdxListboxItem as p}from"../listbox/ListboxItem.js";import{OPTION_SELECTOR as k,TRANSFER_INTERNAL_UPDATE as h}from"./Transfer.js";function T(a){let s=a.closest('[role="listbox"]');return s?Array.from(s.querySelectorAll(k),e=>e.getAttribute("data-value")).filter(e=>e!==null):[]}var d=class extends p{constructor(){super(...arguments);this.transfer=null;this.onTransferUpdate=()=>this.requestUpdate();this.handleTransferClick=e=>{let r=this.transfer;if(this.isTransferDisabled||!r)return;if(!e.shiftKey){this.markPlain();return}let t=this.side,i=T(this),n=r.anchor[t]??this.value,l=i.indexOf(n),o=i.indexOf(this.value);r.setMarked(t,l===-1||o===-1?[this.value]:i.slice(Math.min(l,o),Math.max(l,o)+1))};this.handleTransferKeyDown=e=>{(e.key===" "||e.key==="Enter")&&this.markPlain()}}connectedCallback(){super.connectedCallback(),this.transfer=this.closest("skdx-transfer"),this.transfer?.addEventListener(h,this.onTransferUpdate),this.addEventListener("click",this.handleTransferClick),this.addEventListener("keydown",this.handleTransferKeyDown)}disconnectedCallback(){this.transfer?.removeEventListener(h,this.onTransferUpdate),this.removeEventListener("click",this.handleTransferClick),this.removeEventListener("keydown",this.handleTransferKeyDown),super.disconnectedCallback()}get side(){return this.closest("skdx-transfer-list")?.side??"source"}get isTransferDisabled(){return this.disabled||(this.transfer?.disabled??!1)}updated(){super.updated();let e=this.side;m(this,{"data-side":e,"data-selected":this.transfer?.marked[e].includes(this.value)?"":null})}markPlain(){!this.isTransferDisabled&&this.transfer&&(this.transfer.anchor[this.side]=this.value)}};d=f([u("skdx-transfer-item","transfer","item")],d);export{d as SkdxTransferItem};
+var c=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var h=(n,s,e,r)=>{for(var t=r>1?void 0:r?v(s,e):s,i=n.length-1,a;i>=0;i--)(a=n[i])&&(t=(r?a(s,e,t):a(t))||t);return r&&t&&c(s,e,t),t};import{customElement as u}from"../internal/define.js";import{reflectHostState as m}from"../internal/part.js";import{SkdxListboxItem as p}from"../listbox/ListboxItem.js";import{OPTION_SELECTOR as k,TRANSFER_INTERNAL_UPDATE as f}from"./Transfer.js";function T(n){let s=n.closest('[role="listbox"]');return s?Array.from(s.querySelectorAll(k),e=>e.getAttribute("data-value")).filter(e=>e!==null):[]}var l=class extends p{constructor(){super(...arguments);this.transfer=null;this.onTransferUpdate=()=>this.requestUpdate();this.handleTransferClick=e=>{let r=this.transfer;if(this.isTransferDisabled||!r)return;if(!e.shiftKey){this.markPlain();return}let t=this.side,i=T(this),a=r.anchor[t]??this.value,d=i.indexOf(a),o=i.indexOf(this.value);r.setMarked(t,d===-1||o===-1?[this.value]:i.slice(Math.min(d,o),Math.max(d,o)+1))};this.handleTransferKeyDown=e=>{!e.shiftKey&&(e.key===" "||e.key==="Enter")&&this.markPlain()}}connectedCallback(){super.connectedCallback(),this.transfer=this.closest("skdx-transfer"),this.transfer?.addEventListener(f,this.onTransferUpdate),this.addEventListener("click",this.handleTransferClick),this.addEventListener("keydown",this.handleTransferKeyDown)}selectsOnClick(e){return!e.shiftKey}disconnectedCallback(){this.transfer?.removeEventListener(f,this.onTransferUpdate),this.removeEventListener("click",this.handleTransferClick),this.removeEventListener("keydown",this.handleTransferKeyDown),super.disconnectedCallback()}get side(){return this.closest("skdx-transfer-list")?.side??"source"}get isTransferDisabled(){return this.disabled||(this.transfer?.disabled??!1)}updated(){super.updated();let e=this.side;m(this,{"data-side":e,"data-selected":this.transfer?.marked[e].includes(this.value)?"":null})}markPlain(){!this.isTransferDisabled&&this.transfer&&(this.transfer.anchor[this.side]=this.value)}};l=h([u("skdx-transfer-item","transfer","item")],l);export{l as SkdxTransferItem};

package/dist/transfer/TransferList.cjs

@@ -1 +1 @@
-"use strict";var h=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var x=(a,n)=>{for(var e in n)h(a,e,{get:n[e],enumerable:!0})},T=(a,n,e,s)=>{if(n&&typeof n=="object"||typeof n=="function")for(let t of E(n))!k.call(a,t)&&t!==e&&h(a,t,{get:()=>n[t],enumerable:!(s=b(n,t))||s.enumerable});return a};var w=a=>T(h({},"__esModule",{value:!0}),a),c=(a,n,e,s)=>{for(var t=s>1?void 0:s?b(n,e):n,i=a.length-1,r;i>=0;i--)(r=a[i])&&(t=(s?r(n,e,t):r(t))||t);return s&&t&&h(n,e,t),t};var S={};x(S,{SkdxTransferList:()=>d});module.exports=w(S);var p=require("lit/decorators.js"),f=require("../internal/authored.cjs"),v=require("../internal/define.cjs"),A=require("../internal/direction.cjs"),g=require("../listbox/Listbox.cjs"),o=require("./Transfer.cjs"),V=require("./TransferItem.cjs");var u="data-skdx-transfer-generated",C={source:"Available items",target:"Selected items"},L={source:"ArrowRight",target:"ArrowLeft"};function M(a,n,e){let s=a.indexOf(n),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,n,e){return Math.min(Math.max(a,n),e)}var d=class extends g.SkdxListbox{constructor(){super(...arguments);this.side="source";this.transfer=null;this.onTransferUpdate=()=>this.requestUpdate();this.handleTransferKeyDown=e=>{let s=this.transfer;if(!s||s.disabled)return;let t=this.optionValues();if(t.length===0)return;let i=e.target.getAttribute?.("data-value")??null,r=s.marked[this.side];if((e.ctrlKey||e.metaKey)&&e.key.toLowerCase()==="a"){e.preventDefault(),s.setMarked(this.side,t);return}if(e.shiftKey&&(e.key==="ArrowDown"||e.key==="ArrowUp")){let l=i===null?-1:t.indexOf(i);if(l===-1)return;let y=D(l+(e.key==="ArrowDown"?1:-1),0,t.length-1),m=s.anchor[this.side]??t[l];s.anchor[this.side]=m,s.setMarked(this.side,M(t,m,t[y]));return}if((0,A.directionalKey)(e.key,this)===L[this.side]){let l=r.length>0?r:i?[i]:[];if(l.length===0)return;e.preventDefault(),s.move(this.side==="source"?"toTarget":"toSource",l)}}}connectedCallback(){this.multiple=!0,super.connectedCallback(),this.transfer=this.closest("skdx-transfer"),this.transfer?.addEventListener(o.TRANSFER_INTERNAL_UPDATE,this.onTransferUpdate),this.transfer&&(this.transfer.listEls[this.side]=this,this.id||(this.id=this.transfer.listId(this.side))),this.addEventListener("keydown",this.handleTransferKeyDown)}disconnectedCallback(){this.transfer?.removeEventListener(o.TRANSFER_INTERNAL_UPDATE,this.onTransferUpdate),this.transfer?.listEls[this.side]===this&&(this.transfer.listEls[this.side]=null),this.removeEventListener("keydown",this.handleTransferKeyDown),super.disconnectedCallback()}get visible(){return this.transfer?.visibleItems[this.side]??[]}optionValues(){return Array.from(this.querySelectorAll(o.OPTION_SELECTOR),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",C[this.side]));let i=s.some(r=>!r.disabled);!this.disabled&&!i?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(i=>i!==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(0,f.hasAuthoredContent)(this,u)}syncDefaultOptions(){let e=this.visible,s=new Map(Array.from(this.querySelectorAll(`:scope > skdx-transfer-item[${u}]`),i=>[i.getAttribute("value")??"",i])),t=null;for(let i of e){let r=s.get(i.value);r||(r=document.createElement("skdx-transfer-item"),r.setAttribute("value",i.value),r.setAttribute(u,"")),s.delete(i.value),r.setAttribute("text-value",i.label),i.disabled?r.setAttribute("disabled",""):r.removeAttribute("disabled"),r.textContent!==i.label&&(r.textContent=i.label);let l=t===null?this.firstElementChild:t.nextElementSibling;l!==r&&this.insertBefore(r,l),t=r}for(let i of s.values())i.remove()}removeGeneratedOptions(){(0,f.removeGeneratedContent)(this,u)}};c([(0,p.property)({type:String,reflect:!0})],d.prototype,"side",2),d=c([(0,v.customElement)("skdx-transfer-list")],d);0&&(module.exports={SkdxTransferList});
+"use strict";var u=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var S=Object.prototype.hasOwnProperty;var T=(l,a)=>{for(var e in a)u(l,e,{get:a[e],enumerable:!0})},x=(l,a,e,r)=>{if(a&&typeof a=="object"||typeof a=="function")for(let t of k(a))!S.call(l,t)&&t!==e&&u(l,t,{get:()=>a[t],enumerable:!(r=g(a,t))||r.enumerable});return l};var w=l=>x(u({},"__esModule",{value:!0}),l),f=(l,a,e,r)=>{for(var t=r>1?void 0:r?g(a,e):a,i=l.length-1,s;i>=0;i--)(s=l[i])&&(t=(r?s(a,e,t):s(t))||t);return r&&t&&u(a,e,t),t};var M={};T(M,{SkdxTransferList:()=>d});module.exports=w(M);var y=require("lit"),v=require("lit/decorators.js"),m=require("../internal/authored.cjs"),p=require("../internal/define.cjs"),E=require("../internal/direction.cjs"),A=require("../listbox/Listbox.cjs"),h=require("./Transfer.cjs"),C=require("./TransferItem.cjs");var c="data-skdx-transfer-generated",L={source:"Available items",target:"Selected items"},K={source:"ArrowRight",target:"ArrowLeft"};function b(l,a,e){let r=l.indexOf(a),t=l.indexOf(e);return r===-1||t===-1?l.includes(e)?[e]:[]:l.slice(Math.min(r,t),Math.max(r,t)+1)}function I(l,a,e){return Math.min(Math.max(l,a),e)}var d=class extends A.SkdxListbox{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(h.TRANSFER_INTERNAL_UPDATE,this.onTransferUpdate),this.addEventListener("scroll",this.handleScroll,{passive:!0}),this.addEventListener("focusin",this.handleFocusIn),this.transfer&&(0,p.whenUpgraded)(this.transfer,()=>{this.transfer&&(this.transfer.listEls[this.side]=this,this.id||(this.id=this.transfer.listId(this.side)))})}disconnectedCallback(){this.transfer?.removeEventListener(h.TRANSFER_INTERNAL_UPDATE,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(h.OPTION_SELECTOR))}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",L[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,b(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,b(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=I(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,b(t,o,t[n])),this.optionElements()[n]?.focus(),!0}_handleOutward(e,r,t,i){if((0,E.directionalKey)(e.key,this)!==K[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(0,m.hasAuthoredContent)(this,c)}syncDefaultOptions(){let e=this.visible,r=this.renderItem??this.transfer?.renderItem,t=new Map(Array.from(this.querySelectorAll(`:scope > skdx-transfer-item[${c}]`),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(c,"")),t.delete(s.value),n.setAttribute("text-value",s.label),s.disabled?n.setAttribute("disabled",""):n.removeAttribute("disabled"),r?(0,y.render)(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(){(0,m.removeGeneratedContent)(this,c)}};f([(0,v.property)({type:String,reflect:!0})],d.prototype,"side",2),f([(0,v.property)({attribute:!1})],d.prototype,"renderItem",2),d=f([(0,p.customElement)("skdx-transfer-list")],d);0&&(module.exports={SkdxTransferList});

package/dist/transfer/TransferList.d.cts

@@ -1,77 +1,50 @@
 import { SkdxListbox } from '../listbox/Listbox.cjs';
-import type { TransferSide } from './types.cjs';
+import type { TransferItemData, TransferSide } from './types.cjs';
 import './TransferItem.cjs';
 /**
- * `<skdx-transfer-list>` — one side of a `<skdx-transfer>`: a multi-select
- * `role="listbox"` extending `<skdx-listbox>`, with its own tab stop, its own
- * roving focus, its own typeahead, and its own marked-for-move selection. The
- * two lists are two independent roving-focus groups — Tab moves *between*
- * them, arrows only ever move within one.
- *
- * Renders one `<skdx-transfer-item>` per visible item on its side, using each
- * item's `label` as both its content and its typeahead `text-value` — but only
- * while it is empty. Slot anything in and that rendering stops entirely, the
- * same rule as React's `{children ?? visible.map(…)}`; slotted options still
- * get their side, their marked state, and their tab stop from the root.
- *
- * Beyond what `<skdx-listbox>` already handles it adds three keyboard paths:
- *
- * - **Shift+ArrowUp/Down** extends the marked range from the anchor (the last
- *   option marked without Shift), the keyboard equivalent of Shift+Click.
- * - **Ctrl/Cmd+A** marks every enabled option currently visible in this list.
- * - **The outward horizontal arrow** moves the marked items to the other list —
- *   ArrowRight from the source under LTR, and ArrowLeft under `dir="rtl"`,
- *   because the target list is on the left there. With nothing marked it moves
- *   the focused option alone.
- *
- * Publishes `data-side` and, while it has nothing focusable to render,
- * `data-empty` plus `tabindex="0"` — an empty list stays reachable so focus
- * after a move that empties it has somewhere to land.
- *
- * @fires value-change - Fired with this side's new marked values (`string[]`) 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 in place of the label, falling back to the root's `renderItem` or plain text.
+     * @default undefined
+     */
+    renderItem?: (item: TransferItemData, state: {
+        side: TransferSide;
+    }) => unknown;
     private transfer;
     private readonly onTransferUpdate;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    /** APG multi-select rule: focus from outside lands on the first marked option, or the first option. */
+    private readonly handleFocusIn;
+    /** 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();
+    /** Option elements of this list in DOM order, skipping the disabled ones. */
+    private optionElements;
     /** Option values of this list in DOM order, skipping the disabled ones. */
     private optionValues;
     protected willUpdate(): void;
     protected updated(changed: Map<string, unknown>): void;
-    /** The root owns the marked set; `<skdx-listbox>`'s own commit routes into it. */
+    /** Route listbox commit to root's marked set. */
     selectItem(value: string): void;
-    /** Moves the roving focus, mirroring it onto the parent transfer's side. */
+    /** 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 the consumer slotted anything of their own, which replaces the
-     * default rendering entirely.
-     *
-     * *Anything*, not "an option": React renders `{children ?? visible.map(…)}`
-     * (`packages/react/src/transfer/TransferList.tsx:157`), so a list holding
-     * only a header renders that header and nothing else. Asking the narrower
-     * question this used to ask — "is there a `<skdx-transfer-item>` or a
-     * `[role=option]` in here?" — answers "no children" for that consumer and
-     * then generates the rows underneath what they wrote, which is the
-     * duplicate-content defect already fixed in Angular.
-     */
+    /** Whether the consumer slotted anything; checks *anything*, not just options, so a header alone blocks render. */
     private get hasAuthoredChildren();
-    /**
-     * Reconciles one `<skdx-transfer-item>` per visible item, in place.
-     *
-     * Written by hand into the light DOM rather than as a `lit-html` template
-     * because the options have to be real `role="option"` *children* of this
-     * `role="listbox"` host (a template would render into the shadow root, where
-     * `<skdx-listbox>`'s `querySelectorAll` could not see them), and because the
-     * consumer's own authored options have to survive untouched.
-     */
+    /** Reconciles one `<skdx-transfer-item>` per visible item in place, written to light DOM so listbox's `querySelectorAll` finds them. */
     private syncDefaultOptions;
-    /** Hands the list back to the consumer, taking every row this element put there. */
+    /** Remove generated rows, return list to consumer. */
     private removeGeneratedOptions;
 }
 declare global {