@skdx/web-components 0.30.0 → 0.31.0

package/dist/table/TableColumnHeaderFilterInput.d.cts

@@ -0,0 +1,37 @@
+import { LitElement, nothing, type TemplateResult } from 'lit';
+/**
+ * Search input filtering its column: typing writes the column's entry in the
+ * table's filter map, clearing removes it. Inherits the column from the
+ * enclosing filterable `<skdx-table-header-cell>` unless `column-key` is set.
+ *
+ * @example
+ * ```html
+ * <skdx-table-header-cell column-key="name" filterable>
+ *   Name
+ *   <skdx-table-column-header-filter-input aria-label="Search names"></skdx-table-column-header-filter-input>
+ * </skdx-table-header-cell>
+ * ```
+ */
+export declare class SkdxTableColumnHeaderFilterInput extends LitElement {
+    static shadowRootOptions: ShadowRootInit;
+    static styles: import("lit").CSSResult[];
+    /**
+     * Column this input filters, inherited from the enclosing header cell when omitted.
+     * @default undefined — the enclosing filterable header cell's `column-key`.
+     */
+    columnKey?: string;
+    private root;
+    private readonly onRootUpdate;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private get resolvedKey();
+    private get value();
+    private readonly onInput;
+    protected updated(): void;
+    render(): TemplateResult | typeof nothing;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-table-column-header-filter-input': SkdxTableColumnHeaderFilterInput;
+    }
+}

package/dist/table/TableColumnHeaderFilterInput.d.ts

@@ -0,0 +1,37 @@
+import { LitElement, nothing, type TemplateResult } from 'lit';
+/**
+ * Search input filtering its column: typing writes the column's entry in the
+ * table's filter map, clearing removes it. Inherits the column from the
+ * enclosing filterable `<skdx-table-header-cell>` unless `column-key` is set.
+ *
+ * @example
+ * ```html
+ * <skdx-table-header-cell column-key="name" filterable>
+ *   Name
+ *   <skdx-table-column-header-filter-input aria-label="Search names"></skdx-table-column-header-filter-input>
+ * </skdx-table-header-cell>
+ * ```
+ */
+export declare class SkdxTableColumnHeaderFilterInput extends LitElement {
+    static shadowRootOptions: ShadowRootInit;
+    static styles: import("lit").CSSResult[];
+    /**
+     * Column this input filters, inherited from the enclosing header cell when omitted.
+     * @default undefined — the enclosing filterable header cell's `column-key`.
+     */
+    columnKey?: string;
+    private root;
+    private readonly onRootUpdate;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private get resolvedKey();
+    private get value();
+    private readonly onInput;
+    protected updated(): void;
+    render(): TemplateResult | typeof nothing;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-table-column-header-filter-input': SkdxTableColumnHeaderFilterInput;
+    }
+}

package/dist/table/TableColumnHeaderFilterInput.js

@@ -0,0 +1,15 @@
+var c=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var a=(n,r,e,t)=>{for(var o=t>1?void 0:t?h(r,e):r,l=n.length-1,s;l>=0;l--)(s=n[l])&&(o=(t?s(r,e,o):s(o))||o);return t&&o&&c(r,e,o),o};import{css as v,html as f,LitElement as m,nothing as d}from"lit";import{property as y}from"lit/decorators.js";import{customElement as b}from"../internal/define.js";import{reflectHostState as g}from"../internal/part.js";import{controlBoxOnHost as E,delegatesFocusShadowRootOptions as R,resetNativeControl as k}from"../internal/styles.js";import{findHeaderCell as p,findTableRoot as K,optionalStringAttribute as L,TABLE_INTERNAL_UPDATE as u}from"./column-context.js";var i=class extends m{constructor(){super(...arguments);this.root=null;this.onRootUpdate=()=>this.requestUpdate();this.onInput=e=>{let t=this.resolvedKey;t!==void 0&&this.root?.setColumnFilter(t,e.target.value)}}connectedCallback(){super.connectedCallback(),this.root=K(this),this.root?.addEventListener(u,this.onRootUpdate)}disconnectedCallback(){this.root?.removeEventListener(u,this.onRootUpdate),super.disconnectedCallback()}get resolvedKey(){if(this.columnKey!==void 0)return this.columnKey;let e=p(this);return e?.isFilterable?e.resizeColumnKey:void 0}get value(){let e=this.resolvedKey;return e===void 0?"":this.root?.filterMap[e]??""}updated(){g(this,{"data-filtered":this.value===""?null:""})}render(){let e=this.resolvedKey;if(e===void 0)return d;let t=this.value,o=this.getAttribute("aria-label")??p(this)?.filterLabel??`Filter ${e}`;return f`
+      <input
+        type="search"
+        part="filter-input"
+        data-skdx-table-filter-input
+        aria-label=${o}
+        data-filtered=${t===""?d:""}
+        .value=${t}
+        @input=${this.onInput}
+      />
+    `}};i.shadowRootOptions=R,i.styles=[k,v`
+      :host {
+        display: contents;
+      }
+    `,E],a([y({type:String,attribute:"column-key",converter:L})],i.prototype,"columnKey",2),i=a([b("skdx-table-column-header-filter-input","table","column-header-filter-input")],i);export{i as SkdxTableColumnHeaderFilterInput};

package/dist/table/TableExpandTrigger.cjs

@@ -1,14 +1,14 @@
-"use strict";var l=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var R=(i,o)=>{for(var t in o)l(i,t,{get:o[t],enumerable:!0})},y=(i,o,t,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of f(o))!g.call(i,r)&&r!==t&&l(i,r,{get:()=>o[r],enumerable:!(e=u(o,r))||e.enumerable});return i};var x=i=>y(l({},"__esModule",{value:!0}),i),s=(i,o,t,e)=>{for(var r=e>1?void 0:e?u(o,t):o,c=i.length-1,h;c>=0;c--)(h=i[c])&&(r=(e?h(o,t,r):h(r))||r);return e&&r&&l(o,t,r),r};var E={};R(E,{SkdxTableExpandTrigger:()=>n});module.exports=x(E);var a=require("lit"),m=require("lit/decorators.js"),p=require("../internal/define.cjs"),b=require("../internal/glyphs.cjs"),v=require("../internal/light-dom-styles.cjs"),d=require("./column-context.cjs");var n=class extends a.LitElement{constructor(){super(...arguments);this.rowId="";this.label="";this.root=null;this.onRootUpdate=()=>this.requestUpdate();this.handleClick=t=>{t.stopPropagation(),(0,d.liveTableRoot)(this.root)?.toggleRowExpanded(this.rowId)}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.root=this.closest("skdx-table"),this.root&&(0,p.whenUpgraded)(this.root,this.onRootUpdate),this.root?.addEventListener(d.TABLE_INTERNAL_UPDATE,this.onRootUpdate),(0,v.installLightDomStyles)()}disconnectedCallback(){this.root?.removeEventListener(d.TABLE_INTERNAL_UPDATE,this.onRootUpdate),super.disconnectedCallback()}focus(t){this.querySelector(":scope > button")?.focus(t)}firstUpdated(){let t=this.querySelector(":scope > button");if(!t)return;let e=this.firstChild;for(;e&&e!==t;){let r=e.nextSibling;e.nodeType!==Node.COMMENT_NODE&&t.append(e),e=r}}render(){let t=(0,d.liveTableRoot)(this.root),e=t?.isRowExpanded(this.rowId)??!1;return a.html`
+"use strict";var s=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var R=Object.prototype.hasOwnProperty;var y=(i,o)=>{for(var t in o)s(i,t,{get:o[t],enumerable:!0})},x=(i,o,t,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of g(o))!R.call(i,r)&&r!==t&&s(i,r,{get:()=>o[r],enumerable:!(e=m(o,r))||e.enumerable});return i};var C=i=>x(s({},"__esModule",{value:!0}),i),l=(i,o,t,e)=>{for(var r=e>1?void 0:e?m(o,t):o,h=i.length-1,c;h>=0;h--)(c=i[h])&&(r=(e?c(o,t,r):c(r))||r);return e&&r&&s(o,t,r),r};var E={};y(E,{SkdxTableExpandTrigger:()=>a});module.exports=C(E);var n=require("lit"),u=require("lit/decorators.js"),b=require("../internal/authored.cjs"),p=require("../internal/define.cjs"),v=require("../internal/glyphs.cjs"),f=require("../internal/light-dom-styles.cjs"),d=require("./column-context.cjs");var a=class extends n.LitElement{constructor(){super(...arguments);this.rowId="";this.label="";this.root=null;this.onRootUpdate=()=>this.requestUpdate();this.handleClick=t=>{t.stopPropagation(),(0,d.liveTableRoot)(this.root)?.toggleRowExpanded(this.rowId)}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.authoredContent??(this.authoredContent=(0,b.hasAuthoredContent)(this)),this.root=this.closest("skdx-table"),this.root&&(0,p.whenUpgraded)(this.root,this.onRootUpdate),this.root?.addEventListener(d.TABLE_INTERNAL_UPDATE,this.onRootUpdate),(0,f.installLightDomStyles)()}disconnectedCallback(){this.root?.removeEventListener(d.TABLE_INTERNAL_UPDATE,this.onRootUpdate),super.disconnectedCallback()}focus(t){this.querySelector(":scope > button")?.focus(t)}firstUpdated(){let t=this.querySelector(":scope > button");if(!t)return;let e=this.firstChild;for(;e&&e!==t;){let r=e.nextSibling;e.nodeType!==Node.COMMENT_NODE&&t.append(e),e=r}}render(){let t=(0,d.liveTableRoot)(this.root),e=t?.isRowExpanded(this.rowId)??!1;return n.html`
       <button
         part="expand-trigger"
         type="button"
         data-skdx-table-expand-trigger
         aria-expanded=${e}
-        aria-controls=${t?.detailRowId(this.rowId)??a.nothing}
-        aria-label=${this.label||a.nothing}
+        aria-controls=${t?.detailRowId(this.rowId)??n.nothing}
+        aria-label=${this.label||n.nothing}
         data-state=${e?"expanded":"collapsed"}
         @click=${this.handleClick}
       >
-        <slot>${b.chevronRightGlyph}</slot>
+        <slot>${this.authoredContent?n.nothing:v.chevronRightGlyph}</slot>
       </button>
-    `}};s([(0,m.property)({type:String,attribute:"row-id"})],n.prototype,"rowId",2),s([(0,m.property)({type:String})],n.prototype,"label",2),n=s([(0,p.customElement)("skdx-table-expand-trigger","table","expand-trigger")],n);0&&(module.exports={SkdxTableExpandTrigger});
+    `}};l([(0,u.property)({type:String,attribute:"row-id"})],a.prototype,"rowId",2),l([(0,u.property)({type:String})],a.prototype,"label",2),a=l([(0,p.customElement)("skdx-table-expand-trigger","table","expand-trigger")],a);0&&(module.exports={SkdxTableExpandTrigger});

package/dist/table/TableExpandTrigger.d.cts

@@ -30,6 +30,7 @@ export declare class SkdxTableExpandTrigger extends LitElement {
     label: string;
     private root;
     private readonly onRootUpdate;
+    private authoredContent?;
     connectedCallback(): void;
     disconnectedCallback(): void;
     /** Focus lands on the inner button, which is where the button role is — the job `delegatesFocus` did while this element had a shadow root. */

package/dist/table/TableExpandTrigger.d.ts

@@ -30,6 +30,7 @@ export declare class SkdxTableExpandTrigger extends LitElement {
     label: string;
     private root;
     private readonly onRootUpdate;
+    private authoredContent?;
     connectedCallback(): void;
     disconnectedCallback(): void;
     /** Focus lands on the inner button, which is where the button role is — the job `delegatesFocus` did while this element had a shadow root. */

package/dist/table/TableExpandTrigger.js

@@ -1,14 +1,14 @@
-var m=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var n=(a,i,t,e)=>{for(var o=e>1?void 0:e?u(i,t):i,d=a.length-1,l;d>=0;d--)(l=a[d])&&(o=(e?l(i,t,o):l(o))||o);return e&&o&&m(i,t,o),o};import{html as b,LitElement as v,nothing as s}from"lit";import{property as p}from"lit/decorators.js";import{customElement as f,whenUpgraded as g}from"../internal/define.js";import{chevronRightGlyph as R}from"../internal/glyphs.js";import{installLightDomStyles as y}from"../internal/light-dom-styles.js";import{liveTableRoot as c,TABLE_INTERNAL_UPDATE as h}from"./column-context.js";var r=class extends v{constructor(){super(...arguments);this.rowId="";this.label="";this.root=null;this.onRootUpdate=()=>this.requestUpdate();this.handleClick=t=>{t.stopPropagation(),c(this.root)?.toggleRowExpanded(this.rowId)}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.root=this.closest("skdx-table"),this.root&&g(this.root,this.onRootUpdate),this.root?.addEventListener(h,this.onRootUpdate),y()}disconnectedCallback(){this.root?.removeEventListener(h,this.onRootUpdate),super.disconnectedCallback()}focus(t){this.querySelector(":scope > button")?.focus(t)}firstUpdated(){let t=this.querySelector(":scope > button");if(!t)return;let e=this.firstChild;for(;e&&e!==t;){let o=e.nextSibling;e.nodeType!==Node.COMMENT_NODE&&t.append(e),e=o}}render(){let t=c(this.root),e=t?.isRowExpanded(this.rowId)??!1;return b`
+var u=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var n=(a,i,t,e)=>{for(var o=e>1?void 0:e?m(i,t):i,d=a.length-1,s;d>=0;d--)(s=a[d])&&(o=(e?s(i,t,o):s(o))||o);return e&&o&&u(i,t,o),o};import{html as b,LitElement as v,nothing as l}from"lit";import{property as p}from"lit/decorators.js";import{hasAuthoredContent as f}from"../internal/authored.js";import{customElement as g,whenUpgraded as R}from"../internal/define.js";import{chevronRightGlyph as y}from"../internal/glyphs.js";import{installLightDomStyles as x}from"../internal/light-dom-styles.js";import{liveTableRoot as h,TABLE_INTERNAL_UPDATE as c}from"./column-context.js";var r=class extends v{constructor(){super(...arguments);this.rowId="";this.label="";this.root=null;this.onRootUpdate=()=>this.requestUpdate();this.handleClick=t=>{t.stopPropagation(),h(this.root)?.toggleRowExpanded(this.rowId)}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.authoredContent??(this.authoredContent=f(this)),this.root=this.closest("skdx-table"),this.root&&R(this.root,this.onRootUpdate),this.root?.addEventListener(c,this.onRootUpdate),x()}disconnectedCallback(){this.root?.removeEventListener(c,this.onRootUpdate),super.disconnectedCallback()}focus(t){this.querySelector(":scope > button")?.focus(t)}firstUpdated(){let t=this.querySelector(":scope > button");if(!t)return;let e=this.firstChild;for(;e&&e!==t;){let o=e.nextSibling;e.nodeType!==Node.COMMENT_NODE&&t.append(e),e=o}}render(){let t=h(this.root),e=t?.isRowExpanded(this.rowId)??!1;return b`
       <button
         part="expand-trigger"
         type="button"
         data-skdx-table-expand-trigger
         aria-expanded=${e}
-        aria-controls=${t?.detailRowId(this.rowId)??s}
-        aria-label=${this.label||s}
+        aria-controls=${t?.detailRowId(this.rowId)??l}
+        aria-label=${this.label||l}
         data-state=${e?"expanded":"collapsed"}
         @click=${this.handleClick}
       >
-        <slot>${R}</slot>
+        <slot>${this.authoredContent?l:y}</slot>
       </button>
-    `}};n([p({type:String,attribute:"row-id"})],r.prototype,"rowId",2),n([p({type:String})],r.prototype,"label",2),r=n([f("skdx-table-expand-trigger","table","expand-trigger")],r);export{r as SkdxTableExpandTrigger};
+    `}};n([p({type:String,attribute:"row-id"})],r.prototype,"rowId",2),n([p({type:String})],r.prototype,"label",2),r=n([g("skdx-table-expand-trigger","table","expand-trigger")],r);export{r as SkdxTableExpandTrigger};

package/dist/table/TableHeaderCell.cjs

@@ -1,44 +1,57 @@
-"use strict";var p=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var R=Object.prototype.hasOwnProperty;var k=(n,o)=>{for(var e in o)p(n,e,{get:o[e],enumerable:!0})},W=(n,o,e,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of S(o))!R.call(n,i)&&i!==e&&p(n,i,{get:()=>o[i],enumerable:!(t=b(o,i))||t.enumerable});return n};var K=n=>W(p({},"__esModule",{value:!0}),n),a=(n,o,e,t)=>{for(var i=t>1?void 0:t?b(o,e):o,u=n.length-1,h;u>=0;u--)(h=n[u])&&(i=(t?h(o,e,i):h(i))||i);return t&&i&&p(o,e,i),i};var L={};k(L,{SkdxTableHeaderCell:()=>s});module.exports=K(L);var r=require("lit"),l=require("lit/decorators.js"),y=require("../internal/define.cjs"),g=require("../internal/part.cjs"),z=require("../internal/styles.cjs"),d=require("./column-context.cjs"),v=require("./column-resize.cjs");var s=class extends r.LitElement{constructor(){super(...arguments);this.resizable=!1;this.minWidth=40;this.maxWidth=1e3;this.resizeLabel="Resize column";this.resizeStep=8;this.resize=new v.ColumnResizeController(this);this.root=null;this.onRootUpdate=()=>this.requestUpdate();this.handleSlotChange=()=>this.requestUpdate();this.activate=()=>{let e=this.resizeColumnKey;if(!this.isSortable||e===void 0)return;let t=this.textContent?.trim();this.root?.toggleSort(e,t||e)}}connectedCallback(){super.connectedCallback(),this.root=(0,d.findTableRoot)(this),this.root?.addEventListener(d.TABLE_INTERNAL_UPDATE,this.onRootUpdate)}disconnectedCallback(){this.root?.removeEventListener(d.TABLE_INTERNAL_UPDATE,this.onRootUpdate),super.disconnectedCallback()}get resizeColumnKey(){return this.columnKey}get isSortable(){return(this.sortable??!1)&&this.resizeColumnKey!==void 0}get resizeMinWidth(){return this.minWidth}get resizeMaxWidth(){return this.maxWidth}get resizeStepPx(){return this.resizeStep}get resizeTable(){return this.root}resizeMeasureCell(){return this}updated(){let e=this.resize.storedWidth;this.style.width=e===void 0?"":`${e}px`,e===void 0?this.style.removeProperty("--skdx-table-column-width"):this.style.setProperty("--skdx-table-column-width",`${e}px`),(0,g.reflectHostState)(this,{"aria-sort":this.shadowRoot?.querySelector("th")?.getAttribute("aria-sort")??null})}hasSlotted(e){let t=this.querySelector(e);return t!==null&&t.closest("skdx-table-header-cell")===this}ariaSortFor(e,t){return e?t==="asc"?"ascending":t==="desc"?"descending":"none":r.nothing}render(){let e=this.isSortable,t=this.resizeColumnKey,i=e?this.root?.sortList.find(w=>w.columnKey===t)?.direction:void 0,u=this.ariaSortFor(e,i),h=this.resizable&&this.resizeColumnKey!==void 0,c=this.resize.storedWidth,f=c===void 0?r.nothing:`width:${c}px;--skdx-table-column-width:${c}px`,m=r.html`<slot @slotchange=${this.handleSlotChange}></slot>`,$=e&&!this.hasSlotted("skdx-table-column-header-sort-trigger"),x=h&&!this.hasSlotted("skdx-table-column-resize-trigger");return r.html`
+"use strict";var b=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var L=(o,n)=>{for(var e in n)b(o,e,{get:n[e],enumerable:!0})},F=(o,n,e,t)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of S(n))!k.call(o,r)&&r!==e&&b(o,r,{get:()=>n[r],enumerable:!(t=y(n,r))||t.enumerable});return o};var K=o=>F(b({},"__esModule",{value:!0}),o),a=(o,n,e,t)=>{for(var r=t>1?void 0:t?y(n,e):n,h=o.length-1,l;h>=0;h--)(l=o[h])&&(r=(t?l(n,e,r):l(r))||r);return t&&r&&b(n,e,r),r};var E={};L(E,{SkdxTableHeaderCell:()=>s});module.exports=K(E);var i=require("lit"),d=require("lit/decorators.js"),g=require("../internal/define.cjs"),z=require("../internal/part.cjs"),v=require("../internal/styles.cjs"),u=require("./column-context.cjs"),$=require("./column-resize.cjs");var s=class extends i.LitElement{constructor(){super(...arguments);this.resizable=!1;this.minWidth=40;this.maxWidth=1e3;this.resizeLabel="Resize column";this.resizeStep=8;this.resize=new $.ColumnResizeController(this);this.root=null;this.onRootUpdate=()=>this.requestUpdate();this.handleSlotChange=()=>this.requestUpdate();this.activate=()=>{let e=this.resizeColumnKey;if(!this.isSortable||e===void 0)return;let t=this.textContent?.trim();this.root?.toggleSort(e,t||e)};this.onFilterInput=e=>{let t=this.resizeColumnKey;t!==void 0&&this.root?.setColumnFilter(t,e.target.value)}}connectedCallback(){super.connectedCallback(),this.root=(0,u.findTableRoot)(this),this.root?.addEventListener(u.TABLE_INTERNAL_UPDATE,this.onRootUpdate)}disconnectedCallback(){this.root?.removeEventListener(u.TABLE_INTERNAL_UPDATE,this.onRootUpdate),super.disconnectedCallback()}get resizeColumnKey(){return this.columnKey}get isSortable(){return(this.sortable??!1)&&this.resizeColumnKey!==void 0}get isFilterable(){return(this.filterable??!1)&&this.resizeColumnKey!==void 0}get filterValue(){let e=this.resizeColumnKey;return e===void 0?"":this.root?.filterMap[e]??""}get resizeMinWidth(){return this.minWidth}get resizeMaxWidth(){return this.maxWidth}get resizeStepPx(){return this.resizeStep}get resizeTable(){return this.root}resizeMeasureCell(){return this}updated(){let e=this.resize.storedWidth;this.style.width=e===void 0?"":`${e}px`,e===void 0?this.style.removeProperty("--skdx-table-column-width"):this.style.setProperty("--skdx-table-column-width",`${e}px`),(0,z.reflectHostState)(this,{"aria-sort":this.shadowRoot?.querySelector("th")?.getAttribute("aria-sort")??null})}hasSlotted(e){let t=this.querySelector(e);return t!==null&&t.closest("skdx-table-header-cell")===this}ariaSortFor(e,t){return e?t==="asc"?"ascending":t==="desc"?"descending":"none":i.nothing}renderFilterInput(e,t){return i.html`
+      <input
+        type="search"
+        part="filter-input"
+        data-skdx-table-filter-input
+        aria-label=${this.filterLabel??`Filter ${e}`}
+        data-filtered=${t===""?i.nothing:""}
+        .value=${t}
+        @input=${this.onFilterInput}
+      />
+    `}renderResizer(e){return i.html`
+      <span
+        part="resizer"
+        role="separator"
+        aria-orientation="vertical"
+        aria-label=${this.resizeLabel}
+        aria-valuenow=${Math.round(e??this.minWidth)}
+        aria-valuemin=${this.minWidth}
+        aria-valuemax=${this.maxWidth}
+        tabindex="0"
+        data-skdx-table-resizer
+        data-dragging=${this.resize.dragging?"":i.nothing}
+        @pointerdown=${this.resize.handlePointerDown}
+        @pointermove=${this.resize.handlePointerMove}
+        @pointerup=${this.resize.handlePointerUp}
+        @pointercancel=${this.resize.handlePointerUp}
+        @keydown=${this.resize.handleKeyDown}
+        @keyup=${this.resize.handleKeyUp}
+      ></span>
+    `}renderState(){let e=this.isSortable,t=this.resizeColumnKey,r=e?this.root?.sortList.find(m=>m.columnKey===t)?.direction:void 0,h=this.resizable&&t!==void 0,l=this.resize.storedWidth,p=this.isFilterable,c=this.filterValue;return{columnId:t,sortable:e,direction:r,ariaSort:this.ariaSortFor(e,r),canResize:h,width:l,style:l===void 0?i.nothing:`width:${l}px;--skdx-table-column-width:${l}px`,filterable:p,filterValue:c,ownSortButton:e&&!this.hasSlotted("skdx-table-column-header-sort-trigger"),ownResizer:h&&!this.hasSlotted("skdx-table-column-resize-trigger"),ownFilter:p&&!this.hasSlotted("skdx-table-column-header-filter-input")}}render(){let{columnId:e,direction:t,ariaSort:r,canResize:h,width:l,style:p,filterable:c,filterValue:m,ownSortButton:w,ownResizer:R,ownFilter:x}=this.renderState(),f=i.html`<slot @slotchange=${this.handleSlotChange}></slot>`;return i.html`
       <th
         part="header-cell"
-        aria-sort=${u}
-        data-sort-direction=${i??r.nothing}
-        data-resizable=${h?"":r.nothing}
-        style=${f}
+        aria-sort=${r}
+        data-sort-direction=${t??i.nothing}
+        data-filterable=${c?"":i.nothing}
+        data-filtered=${c&&m!==""?"":i.nothing}
+        data-resizable=${h?"":i.nothing}
+        style=${p}
       >
-        ${$?r.html`
+        ${w?i.html`
                 <button
                   type="button"
                   part="sort-trigger"
                   data-skdx-table-sort-trigger
-                  data-sort-direction=${i??r.nothing}
+                  data-sort-direction=${t??i.nothing}
                   @click=${this.activate}
                 >
-                  ${m}
+                  ${f}
                 </button>
-              `:m}
-        ${x?r.html`
-                <span
-                  part="resizer"
-                  role="separator"
-                  aria-orientation="vertical"
-                  aria-label=${this.resizeLabel}
-                  aria-valuenow=${Math.round(c??this.minWidth)}
-                  aria-valuemin=${this.minWidth}
-                  aria-valuemax=${this.maxWidth}
-                  tabindex="0"
-                  data-skdx-table-resizer
-                  data-dragging=${this.resize.dragging?"":r.nothing}
-                  @pointerdown=${this.resize.handlePointerDown}
-                  @pointermove=${this.resize.handlePointerMove}
-                  @pointerup=${this.resize.handlePointerUp}
-                  @pointercancel=${this.resize.handlePointerUp}
-                  @keydown=${this.resize.handleKeyDown}
-                  @keyup=${this.resize.handleKeyUp}
-                ></span>
-              `:r.nothing}
+              `:f}
+        ${x?this.renderFilterInput(e,m):i.nothing}
+        ${R?this.renderResizer(l):i.nothing}
       </th>
-    `}};s.styles=[z.resetNativeControl,r.css`
+    `}};s.styles=[v.resetNativeControl,i.css`
       /* Host takes the display role, native element gives up its box — see Table.ts. */
       :host {
         display: table-cell;
@@ -47,4 +60,4 @@
       :host > th {
         display: contents;
       }
-    `],a([(0,l.property)({type:String,attribute:"column-key",converter:d.optionalStringAttribute})],s.prototype,"columnKey",2),a([(0,l.property)({type:Boolean})],s.prototype,"sortable",2),a([(0,l.property)({type:Boolean})],s.prototype,"resizable",2),a([(0,l.property)({type:Number,attribute:"min-width"})],s.prototype,"minWidth",2),a([(0,l.property)({type:Number,attribute:"max-width"})],s.prototype,"maxWidth",2),a([(0,l.property)({type:String,attribute:"resize-label"})],s.prototype,"resizeLabel",2),a([(0,l.property)({type:Number,attribute:"resize-step"})],s.prototype,"resizeStep",2),s=a([(0,y.customElement)("skdx-table-header-cell","table","header-cell")],s);0&&(module.exports={SkdxTableHeaderCell});
+    `],a([(0,d.property)({type:String,attribute:"column-key",converter:u.optionalStringAttribute})],s.prototype,"columnKey",2),a([(0,d.property)({type:Boolean})],s.prototype,"sortable",2),a([(0,d.property)({type:Boolean})],s.prototype,"filterable",2),a([(0,d.property)({type:String,attribute:"filter-label"})],s.prototype,"filterLabel",2),a([(0,d.property)({type:Boolean})],s.prototype,"resizable",2),a([(0,d.property)({type:Number,attribute:"min-width"})],s.prototype,"minWidth",2),a([(0,d.property)({type:Number,attribute:"max-width"})],s.prototype,"maxWidth",2),a([(0,d.property)({type:String,attribute:"resize-label"})],s.prototype,"resizeLabel",2),a([(0,d.property)({type:Number,attribute:"resize-step"})],s.prototype,"resizeStep",2),s=a([(0,g.customElement)("skdx-table-header-cell","table","header-cell")],s);0&&(module.exports={SkdxTableHeaderCell});

package/dist/table/TableHeaderCell.d.cts

@@ -25,6 +25,16 @@ export declare class SkdxTableHeaderCell extends LitElement implements ColumnRes
      * @default undefined
      */
     sortable?: boolean;
+    /**
+     * Whether this column can be filtered, deriving a filter input after the label unless one is slotted.
+     * @default undefined — not filterable.
+     */
+    filterable?: boolean;
+    /**
+     * Accessible name for the derived filter input.
+     * @default `Filter ${columnKey}`
+     */
+    filterLabel?: string;
     /**
      * Renders a focusable resize handle driven by pointer drag or Arrow keys.
      * @default false
@@ -59,6 +69,10 @@ export declare class SkdxTableHeaderCell extends LitElement implements ColumnRes
     get resizeColumnKey(): string | undefined;
     /** @internal Whether this column sorts — `sortable`, only when it has an identifier to sort by. */
     get isSortable(): boolean;
+    /** @internal */
+    get isFilterable(): boolean;
+    /** @internal */
+    get filterValue(): string;
     /** @internal Mirrors `minWidth` for the shared resize controller. */
     get resizeMinWidth(): number;
     /** @internal Mirrors `maxWidth` for the shared resize controller. */
@@ -75,7 +89,11 @@ export declare class SkdxTableHeaderCell extends LitElement implements ColumnRes
     /** Light-DOM children arriving or leaving change which defaults the cell owes. */
     private readonly handleSlotChange;
     private readonly activate;
+    private readonly onFilterInput;
     private ariaSortFor;
+    private renderFilterInput;
+    private renderResizer;
+    private renderState;
     render(): TemplateResult;
 }
 declare global {

package/dist/table/TableHeaderCell.d.ts

@@ -25,6 +25,16 @@ export declare class SkdxTableHeaderCell extends LitElement implements ColumnRes
      * @default undefined
      */
     sortable?: boolean;
+    /**
+     * Whether this column can be filtered, deriving a filter input after the label unless one is slotted.
+     * @default undefined — not filterable.
+     */
+    filterable?: boolean;
+    /**
+     * Accessible name for the derived filter input.
+     * @default `Filter ${columnKey}`
+     */
+    filterLabel?: string;
     /**
      * Renders a focusable resize handle driven by pointer drag or Arrow keys.
      * @default false
@@ -59,6 +69,10 @@ export declare class SkdxTableHeaderCell extends LitElement implements ColumnRes
     get resizeColumnKey(): string | undefined;
     /** @internal Whether this column sorts — `sortable`, only when it has an identifier to sort by. */
     get isSortable(): boolean;
+    /** @internal */
+    get isFilterable(): boolean;
+    /** @internal */
+    get filterValue(): string;
     /** @internal Mirrors `minWidth` for the shared resize controller. */
     get resizeMinWidth(): number;
     /** @internal Mirrors `maxWidth` for the shared resize controller. */
@@ -75,7 +89,11 @@ export declare class SkdxTableHeaderCell extends LitElement implements ColumnRes
     /** Light-DOM children arriving or leaving change which defaults the cell owes. */
     private readonly handleSlotChange;
     private readonly activate;
+    private readonly onFilterInput;
     private ariaSortFor;
+    private renderFilterInput;
+    private renderResizer;
+    private renderState;
     render(): TemplateResult;
 }
 declare global {

package/dist/table/TableHeaderCell.js

@@ -1,44 +1,57 @@
-var v=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var o=(c,l,e,t)=>{for(var r=t>1?void 0:t?f(l,e):l,d=c.length-1,a;d>=0;d--)(a=c[d])&&(r=(t?a(l,e,r):a(r))||r);return t&&r&&v(l,e,r),r};import{css as $,html as u,LitElement as x,nothing as s}from"lit";import{property as n}from"lit/decorators.js";import{customElement as w}from"../internal/define.js";import{reflectHostState as S}from"../internal/part.js";import{resetNativeControl as R}from"../internal/styles.js";import{findTableRoot as k,optionalStringAttribute as W,TABLE_INTERNAL_UPDATE as m}from"./column-context.js";import{ColumnResizeController as K}from"./column-resize.js";var i=class extends x{constructor(){super(...arguments);this.resizable=!1;this.minWidth=40;this.maxWidth=1e3;this.resizeLabel="Resize column";this.resizeStep=8;this.resize=new K(this);this.root=null;this.onRootUpdate=()=>this.requestUpdate();this.handleSlotChange=()=>this.requestUpdate();this.activate=()=>{let e=this.resizeColumnKey;if(!this.isSortable||e===void 0)return;let t=this.textContent?.trim();this.root?.toggleSort(e,t||e)}}connectedCallback(){super.connectedCallback(),this.root=k(this),this.root?.addEventListener(m,this.onRootUpdate)}disconnectedCallback(){this.root?.removeEventListener(m,this.onRootUpdate),super.disconnectedCallback()}get resizeColumnKey(){return this.columnKey}get isSortable(){return(this.sortable??!1)&&this.resizeColumnKey!==void 0}get resizeMinWidth(){return this.minWidth}get resizeMaxWidth(){return this.maxWidth}get resizeStepPx(){return this.resizeStep}get resizeTable(){return this.root}resizeMeasureCell(){return this}updated(){let e=this.resize.storedWidth;this.style.width=e===void 0?"":`${e}px`,e===void 0?this.style.removeProperty("--skdx-table-column-width"):this.style.setProperty("--skdx-table-column-width",`${e}px`),S(this,{"aria-sort":this.shadowRoot?.querySelector("th")?.getAttribute("aria-sort")??null})}hasSlotted(e){let t=this.querySelector(e);return t!==null&&t.closest("skdx-table-header-cell")===this}ariaSortFor(e,t){return e?t==="asc"?"ascending":t==="desc"?"descending":"none":s}render(){let e=this.isSortable,t=this.resizeColumnKey,r=e?this.root?.sortList.find(z=>z.columnKey===t)?.direction:void 0,d=this.ariaSortFor(e,r),a=this.resizable&&this.resizeColumnKey!==void 0,h=this.resize.storedWidth,b=h===void 0?s:`width:${h}px;--skdx-table-column-width:${h}px`,p=u`<slot @slotchange=${this.handleSlotChange}></slot>`,y=e&&!this.hasSlotted("skdx-table-column-header-sort-trigger"),g=a&&!this.hasSlotted("skdx-table-column-resize-trigger");return u`
+var v=Object.defineProperty;var $=Object.getOwnPropertyDescriptor;var n=(m,d,e,t)=>{for(var r=t>1?void 0:t?$(d,e):d,l=m.length-1,o;l>=0;l--)(o=m[l])&&(r=(t?o(d,e,r):o(r))||r);return t&&r&&v(d,e,r),r};import{css as w,html as h,LitElement as R,nothing as s}from"lit";import{property as a}from"lit/decorators.js";import{customElement as x}from"../internal/define.js";import{reflectHostState as S}from"../internal/part.js";import{resetNativeControl as k}from"../internal/styles.js";import{findTableRoot as L,optionalStringAttribute as F,TABLE_INTERNAL_UPDATE as f}from"./column-context.js";import{ColumnResizeController as K}from"./column-resize.js";var i=class extends R{constructor(){super(...arguments);this.resizable=!1;this.minWidth=40;this.maxWidth=1e3;this.resizeLabel="Resize column";this.resizeStep=8;this.resize=new K(this);this.root=null;this.onRootUpdate=()=>this.requestUpdate();this.handleSlotChange=()=>this.requestUpdate();this.activate=()=>{let e=this.resizeColumnKey;if(!this.isSortable||e===void 0)return;let t=this.textContent?.trim();this.root?.toggleSort(e,t||e)};this.onFilterInput=e=>{let t=this.resizeColumnKey;t!==void 0&&this.root?.setColumnFilter(t,e.target.value)}}connectedCallback(){super.connectedCallback(),this.root=L(this),this.root?.addEventListener(f,this.onRootUpdate)}disconnectedCallback(){this.root?.removeEventListener(f,this.onRootUpdate),super.disconnectedCallback()}get resizeColumnKey(){return this.columnKey}get isSortable(){return(this.sortable??!1)&&this.resizeColumnKey!==void 0}get isFilterable(){return(this.filterable??!1)&&this.resizeColumnKey!==void 0}get filterValue(){let e=this.resizeColumnKey;return e===void 0?"":this.root?.filterMap[e]??""}get resizeMinWidth(){return this.minWidth}get resizeMaxWidth(){return this.maxWidth}get resizeStepPx(){return this.resizeStep}get resizeTable(){return this.root}resizeMeasureCell(){return this}updated(){let e=this.resize.storedWidth;this.style.width=e===void 0?"":`${e}px`,e===void 0?this.style.removeProperty("--skdx-table-column-width"):this.style.setProperty("--skdx-table-column-width",`${e}px`),S(this,{"aria-sort":this.shadowRoot?.querySelector("th")?.getAttribute("aria-sort")??null})}hasSlotted(e){let t=this.querySelector(e);return t!==null&&t.closest("skdx-table-header-cell")===this}ariaSortFor(e,t){return e?t==="asc"?"ascending":t==="desc"?"descending":"none":s}renderFilterInput(e,t){return h`
+      <input
+        type="search"
+        part="filter-input"
+        data-skdx-table-filter-input
+        aria-label=${this.filterLabel??`Filter ${e}`}
+        data-filtered=${t===""?s:""}
+        .value=${t}
+        @input=${this.onFilterInput}
+      />
+    `}renderResizer(e){return h`
+      <span
+        part="resizer"
+        role="separator"
+        aria-orientation="vertical"
+        aria-label=${this.resizeLabel}
+        aria-valuenow=${Math.round(e??this.minWidth)}
+        aria-valuemin=${this.minWidth}
+        aria-valuemax=${this.maxWidth}
+        tabindex="0"
+        data-skdx-table-resizer
+        data-dragging=${this.resize.dragging?"":s}
+        @pointerdown=${this.resize.handlePointerDown}
+        @pointermove=${this.resize.handlePointerMove}
+        @pointerup=${this.resize.handlePointerUp}
+        @pointercancel=${this.resize.handlePointerUp}
+        @keydown=${this.resize.handleKeyDown}
+        @keyup=${this.resize.handleKeyUp}
+      ></span>
+    `}renderState(){let e=this.isSortable,t=this.resizeColumnKey,r=e?this.root?.sortList.find(c=>c.columnKey===t)?.direction:void 0,l=this.resizable&&t!==void 0,o=this.resize.storedWidth,u=this.isFilterable,p=this.filterValue;return{columnId:t,sortable:e,direction:r,ariaSort:this.ariaSortFor(e,r),canResize:l,width:o,style:o===void 0?s:`width:${o}px;--skdx-table-column-width:${o}px`,filterable:u,filterValue:p,ownSortButton:e&&!this.hasSlotted("skdx-table-column-header-sort-trigger"),ownResizer:l&&!this.hasSlotted("skdx-table-column-resize-trigger"),ownFilter:u&&!this.hasSlotted("skdx-table-column-header-filter-input")}}render(){let{columnId:e,direction:t,ariaSort:r,canResize:l,width:o,style:u,filterable:p,filterValue:c,ownSortButton:y,ownResizer:g,ownFilter:z}=this.renderState(),b=h`<slot @slotchange=${this.handleSlotChange}></slot>`;return h`
       <th
         part="header-cell"
-        aria-sort=${d}
-        data-sort-direction=${r??s}
-        data-resizable=${a?"":s}
-        style=${b}
+        aria-sort=${r}
+        data-sort-direction=${t??s}
+        data-filterable=${p?"":s}
+        data-filtered=${p&&c!==""?"":s}
+        data-resizable=${l?"":s}
+        style=${u}
       >
-        ${y?u`
+        ${y?h`
                 <button
                   type="button"
                   part="sort-trigger"
                   data-skdx-table-sort-trigger
-                  data-sort-direction=${r??s}
+                  data-sort-direction=${t??s}
                   @click=${this.activate}
                 >
-                  ${p}
+                  ${b}
                 </button>
-              `:p}
-        ${g?u`
-                <span
-                  part="resizer"
-                  role="separator"
-                  aria-orientation="vertical"
-                  aria-label=${this.resizeLabel}
-                  aria-valuenow=${Math.round(h??this.minWidth)}
-                  aria-valuemin=${this.minWidth}
-                  aria-valuemax=${this.maxWidth}
-                  tabindex="0"
-                  data-skdx-table-resizer
-                  data-dragging=${this.resize.dragging?"":s}
-                  @pointerdown=${this.resize.handlePointerDown}
-                  @pointermove=${this.resize.handlePointerMove}
-                  @pointerup=${this.resize.handlePointerUp}
-                  @pointercancel=${this.resize.handlePointerUp}
-                  @keydown=${this.resize.handleKeyDown}
-                  @keyup=${this.resize.handleKeyUp}
-                ></span>
-              `:s}
+              `:b}
+        ${z?this.renderFilterInput(e,c):s}
+        ${g?this.renderResizer(o):s}
       </th>
-    `}};i.styles=[R,$`
+    `}};i.styles=[k,w`
       /* Host takes the display role, native element gives up its box — see Table.ts. */
       :host {
         display: table-cell;
@@ -47,4 +60,4 @@ var v=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var o=(c,l,e,t
       :host > th {
         display: contents;
       }
-    `],o([n({type:String,attribute:"column-key",converter:W})],i.prototype,"columnKey",2),o([n({type:Boolean})],i.prototype,"sortable",2),o([n({type:Boolean})],i.prototype,"resizable",2),o([n({type:Number,attribute:"min-width"})],i.prototype,"minWidth",2),o([n({type:Number,attribute:"max-width"})],i.prototype,"maxWidth",2),o([n({type:String,attribute:"resize-label"})],i.prototype,"resizeLabel",2),o([n({type:Number,attribute:"resize-step"})],i.prototype,"resizeStep",2),i=o([w("skdx-table-header-cell","table","header-cell")],i);export{i as SkdxTableHeaderCell};
+    `],n([a({type:String,attribute:"column-key",converter:F})],i.prototype,"columnKey",2),n([a({type:Boolean})],i.prototype,"sortable",2),n([a({type:Boolean})],i.prototype,"filterable",2),n([a({type:String,attribute:"filter-label"})],i.prototype,"filterLabel",2),n([a({type:Boolean})],i.prototype,"resizable",2),n([a({type:Number,attribute:"min-width"})],i.prototype,"minWidth",2),n([a({type:Number,attribute:"max-width"})],i.prototype,"maxWidth",2),n([a({type:String,attribute:"resize-label"})],i.prototype,"resizeLabel",2),n([a({type:Number,attribute:"resize-step"})],i.prototype,"resizeStep",2),i=n([x("skdx-table-header-cell","table","header-cell")],i);export{i as SkdxTableHeaderCell};

package/dist/table/index.cjs

@@ -1 +1 @@
-"use strict";var r=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var f=(o,e)=>{for(var t in e)r(o,t,{get:e[t],enumerable:!0})},c=(o,e,t,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of d(e))!m.call(o,l)&&l!==t&&r(o,l,{get:()=>e[l],enumerable:!(a=T(e,l))||a.enumerable});return o};var i=o=>c(r({},"__esModule",{value:!0}),o);var k={};f(k,{SkdxTable:()=>S.SkdxTable,SkdxTableCell:()=>p.SkdxTableCell,SkdxTableRow:()=>b.SkdxTableRow,defaultRowId:()=>x.defaultRowId});module.exports=i(k);var S=require("./Table.cjs"),b=require("./TableRow.cjs"),p=require("./TableCell.cjs"),x=require("./TableAnatomy.cjs");0&&(module.exports={SkdxTable,SkdxTableCell,SkdxTableRow,defaultRowId});
+"use strict";var r=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var f=(o,e)=>{for(var l in e)r(o,l,{get:e[l],enumerable:!0})},i=(o,e,l,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of d(e))!m.call(o,t)&&t!==l&&r(o,t,{get:()=>e[t],enumerable:!(a=x(e,t))||a.enumerable});return o};var c=o=>i(r({},"__esModule",{value:!0}),o);var k={};f(k,{SkdxTable:()=>S.SkdxTable,SkdxTableCell:()=>T.SkdxTableCell,SkdxTableRow:()=>b.SkdxTableRow,defaultRowId:()=>p.defaultRowId});module.exports=c(k);var S=require("./Table.cjs"),b=require("./TableRow.cjs"),T=require("./TableCell.cjs"),p=require("./TableAnatomy.cjs");0&&(module.exports={SkdxTable,SkdxTableCell,SkdxTableRow,defaultRowId});

package/dist/table/index.d.cts

@@ -2,4 +2,4 @@ export { SkdxTable } from './Table.cjs';
 export { SkdxTableRow } from './TableRow.cjs';
 export { SkdxTableCell } from './TableCell.cjs';
 export { defaultRowId, type SkdxTableColumn } from './TableAnatomy.cjs';
-export type { SortDirection, TableSort, TableSortState, TableSelectAllScope, TableSelectionMode, TableColumnWidths, } from './types.cjs';
+export type { SortDirection, TableSort, TableSortState, TableFilterState, TableSelectAllScope, TableSelectionMode, TableColumnWidths, } from './types.cjs';

package/dist/table/index.d.ts

@@ -2,4 +2,4 @@ export { SkdxTable } from './Table.js';
 export { SkdxTableRow } from './TableRow.js';
 export { SkdxTableCell } from './TableCell.js';
 export { defaultRowId, type SkdxTableColumn } from './TableAnatomy.js';
-export type { SortDirection, TableSort, TableSortState, TableSelectAllScope, TableSelectionMode, TableColumnWidths, } from './types.js';
+export type { SortDirection, TableSort, TableSortState, TableFilterState, TableSelectAllScope, TableSelectionMode, TableColumnWidths, } from './types.js';

package/dist/table/index.js

@@ -1 +1 @@
-import{SkdxTable as l}from"./Table.js";import{SkdxTableRow as r}from"./TableRow.js";import{SkdxTableCell as S}from"./TableCell.js";import{defaultRowId as p}from"./TableAnatomy.js";export{l as SkdxTable,S as SkdxTableCell,r as SkdxTableRow,p as defaultRowId};
+import{SkdxTable as t}from"./Table.js";import{SkdxTableRow as r}from"./TableRow.js";import{SkdxTableCell as S}from"./TableCell.js";import{defaultRowId as T}from"./TableAnatomy.js";export{t as SkdxTable,S as SkdxTableCell,r as SkdxTableRow,T as defaultRowId};

package/dist/table/primitives.cjs

@@ -1 +1 @@
-"use strict";var t=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var H=(o,e)=>{for(var x in e)t(o,x,{get:e[x],enumerable:!0})},R=(o,e,x,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of u(e))!E.call(o,r)&&r!==x&&t(o,r,{get:()=>e[r],enumerable:!(a=C(e,r))||a.enumerable});return o};var h=o=>R(t({},"__esModule",{value:!0}),o);var w={};H(w,{SkdxTableBody:()=>S.SkdxTableBody,SkdxTableCaption:()=>m.SkdxTableCaption,SkdxTableColumnHeaderSortTrigger:()=>c.SkdxTableColumnHeaderSortTrigger,SkdxTableColumnResizeTrigger:()=>n.SkdxTableColumnResizeTrigger,SkdxTableEmpty:()=>f.SkdxTableEmpty,SkdxTableExpandTrigger:()=>T.SkdxTableExpandTrigger,SkdxTableExpandedRow:()=>k.SkdxTableExpandedRow,SkdxTableFooter:()=>p.SkdxTableFooter,SkdxTableHeader:()=>d.SkdxTableHeader,SkdxTableHeaderCell:()=>b.SkdxTableHeaderCell,SkdxTableRowSelectCheckbox:()=>i.SkdxTableRowSelectCheckbox,SkdxTableSelectAllCheckbox:()=>l.SkdxTableSelectAllCheckbox,SkdxTableSortIndicator:()=>g.SkdxTableSortIndicator,defaultSelectAllLabel:()=>l.defaultSelectAllLabel});module.exports=h(w);var d=require("./TableHeader.cjs"),S=require("./TableBody.cjs"),p=require("./TableFooter.cjs"),b=require("./TableHeaderCell.cjs"),m=require("./TableCaption.cjs"),T=require("./TableExpandTrigger.cjs"),k=require("./TableExpandedRow.cjs"),f=require("./TableEmpty.cjs"),c=require("./TableColumnHeaderSortTrigger.cjs"),g=require("./TableSortIndicator.cjs"),l=require("./TableSelectAllCheckbox.cjs"),i=require("./TableRowSelectCheckbox.cjs"),n=require("./TableColumnResizeTrigger.cjs");0&&(module.exports={SkdxTableBody,SkdxTableCaption,SkdxTableColumnHeaderSortTrigger,SkdxTableColumnResizeTrigger,SkdxTableEmpty,SkdxTableExpandTrigger,SkdxTableExpandedRow,SkdxTableFooter,SkdxTableHeader,SkdxTableHeaderCell,SkdxTableRowSelectCheckbox,SkdxTableSelectAllCheckbox,SkdxTableSortIndicator,defaultSelectAllLabel});
+"use strict";var t=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var R=(r,e)=>{for(var x in e)t(r,x,{get:e[x],enumerable:!0})},h=(r,e,x,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of H(e))!E.call(r,o)&&o!==x&&t(r,o,{get:()=>e[o],enumerable:!(a=u(e,o))||a.enumerable});return r};var w=r=>h(t({},"__esModule",{value:!0}),r);var y={};R(y,{SkdxTableBody:()=>p.SkdxTableBody,SkdxTableCaption:()=>b.SkdxTableCaption,SkdxTableColumnHeaderFilterInput:()=>i.SkdxTableColumnHeaderFilterInput,SkdxTableColumnHeaderSortTrigger:()=>n.SkdxTableColumnHeaderSortTrigger,SkdxTableColumnResizeTrigger:()=>g.SkdxTableColumnResizeTrigger,SkdxTableEmpty:()=>f.SkdxTableEmpty,SkdxTableExpandTrigger:()=>T.SkdxTableExpandTrigger,SkdxTableExpandedRow:()=>k.SkdxTableExpandedRow,SkdxTableFooter:()=>S.SkdxTableFooter,SkdxTableHeader:()=>d.SkdxTableHeader,SkdxTableHeaderCell:()=>m.SkdxTableHeaderCell,SkdxTableRowSelectCheckbox:()=>c.SkdxTableRowSelectCheckbox,SkdxTableSelectAllCheckbox:()=>l.SkdxTableSelectAllCheckbox,SkdxTableSortIndicator:()=>C.SkdxTableSortIndicator,defaultSelectAllLabel:()=>l.defaultSelectAllLabel});module.exports=w(y);var d=require("./TableHeader.cjs"),p=require("./TableBody.cjs"),S=require("./TableFooter.cjs"),m=require("./TableHeaderCell.cjs"),b=require("./TableCaption.cjs"),T=require("./TableExpandTrigger.cjs"),k=require("./TableExpandedRow.cjs"),f=require("./TableEmpty.cjs"),n=require("./TableColumnHeaderSortTrigger.cjs"),i=require("./TableColumnHeaderFilterInput.cjs"),C=require("./TableSortIndicator.cjs"),l=require("./TableSelectAllCheckbox.cjs"),c=require("./TableRowSelectCheckbox.cjs"),g=require("./TableColumnResizeTrigger.cjs");0&&(module.exports={SkdxTableBody,SkdxTableCaption,SkdxTableColumnHeaderFilterInput,SkdxTableColumnHeaderSortTrigger,SkdxTableColumnResizeTrigger,SkdxTableEmpty,SkdxTableExpandTrigger,SkdxTableExpandedRow,SkdxTableFooter,SkdxTableHeader,SkdxTableHeaderCell,SkdxTableRowSelectCheckbox,SkdxTableSelectAllCheckbox,SkdxTableSortIndicator,defaultSelectAllLabel});

package/dist/table/primitives.d.cts

@@ -37,6 +37,7 @@ export { SkdxTableExpandTrigger } from './TableExpandTrigger.cjs';
 export { SkdxTableExpandedRow } from './TableExpandedRow.cjs';
 export { SkdxTableEmpty } from './TableEmpty.cjs';
 export { SkdxTableColumnHeaderSortTrigger } from './TableColumnHeaderSortTrigger.cjs';
+export { SkdxTableColumnHeaderFilterInput } from './TableColumnHeaderFilterInput.cjs';
 export { SkdxTableSortIndicator } from './TableSortIndicator.cjs';
 export { SkdxTableSelectAllCheckbox, defaultSelectAllLabel } from './TableSelectAllCheckbox.cjs';
 export { SkdxTableRowSelectCheckbox } from './TableRowSelectCheckbox.cjs';

package/dist/table/primitives.d.ts

@@ -37,6 +37,7 @@ export { SkdxTableExpandTrigger } from './TableExpandTrigger.js';
 export { SkdxTableExpandedRow } from './TableExpandedRow.js';
 export { SkdxTableEmpty } from './TableEmpty.js';
 export { SkdxTableColumnHeaderSortTrigger } from './TableColumnHeaderSortTrigger.js';
+export { SkdxTableColumnHeaderFilterInput } from './TableColumnHeaderFilterInput.js';
 export { SkdxTableSortIndicator } from './TableSortIndicator.js';
 export { SkdxTableSelectAllCheckbox, defaultSelectAllLabel } from './TableSelectAllCheckbox.js';
 export { SkdxTableRowSelectCheckbox } from './TableRowSelectCheckbox.js';

package/dist/table/primitives.js

@@ -1 +1 @@
-import{SkdxTableHeader as r}from"./TableHeader.js";import{SkdxTableBody as l}from"./TableBody.js";import{SkdxTableFooter as a}from"./TableFooter.js";import{SkdxTableHeaderCell as S}from"./TableHeaderCell.js";import{SkdxTableCaption as b}from"./TableCaption.js";import{SkdxTableExpandTrigger as T}from"./TableExpandTrigger.js";import{SkdxTableExpandedRow as f}from"./TableExpandedRow.js";import{SkdxTableEmpty as g}from"./TableEmpty.js";import{SkdxTableColumnHeaderSortTrigger as n}from"./TableColumnHeaderSortTrigger.js";import{SkdxTableSortIndicator as u}from"./TableSortIndicator.js";import{SkdxTableSelectAllCheckbox as H,defaultSelectAllLabel as R}from"./TableSelectAllCheckbox.js";import{SkdxTableRowSelectCheckbox as w}from"./TableRowSelectCheckbox.js";import{SkdxTableColumnResizeTrigger as A}from"./TableColumnResizeTrigger.js";export{l as SkdxTableBody,b as SkdxTableCaption,n as SkdxTableColumnHeaderSortTrigger,A as SkdxTableColumnResizeTrigger,g as SkdxTableEmpty,T as SkdxTableExpandTrigger,f as SkdxTableExpandedRow,a as SkdxTableFooter,r as SkdxTableHeader,S as SkdxTableHeaderCell,w as SkdxTableRowSelectCheckbox,H as SkdxTableSelectAllCheckbox,u as SkdxTableSortIndicator,R as defaultSelectAllLabel};
+import{SkdxTableHeader as o}from"./TableHeader.js";import{SkdxTableBody as l}from"./TableBody.js";import{SkdxTableFooter as a}from"./TableFooter.js";import{SkdxTableHeaderCell as p}from"./TableHeaderCell.js";import{SkdxTableCaption as m}from"./TableCaption.js";import{SkdxTableExpandTrigger as T}from"./TableExpandTrigger.js";import{SkdxTableExpandedRow as f}from"./TableExpandedRow.js";import{SkdxTableEmpty as i}from"./TableEmpty.js";import{SkdxTableColumnHeaderSortTrigger as c}from"./TableColumnHeaderSortTrigger.js";import{SkdxTableColumnHeaderFilterInput as u}from"./TableColumnHeaderFilterInput.js";import{SkdxTableSortIndicator as E}from"./TableSortIndicator.js";import{SkdxTableSelectAllCheckbox as h,defaultSelectAllLabel as w}from"./TableSelectAllCheckbox.js";import{SkdxTableRowSelectCheckbox as A}from"./TableRowSelectCheckbox.js";import{SkdxTableColumnResizeTrigger as I}from"./TableColumnResizeTrigger.js";export{l as SkdxTableBody,m as SkdxTableCaption,u as SkdxTableColumnHeaderFilterInput,c as SkdxTableColumnHeaderSortTrigger,I as SkdxTableColumnResizeTrigger,i as SkdxTableEmpty,T as SkdxTableExpandTrigger,f as SkdxTableExpandedRow,a as SkdxTableFooter,o as SkdxTableHeader,p as SkdxTableHeaderCell,A as SkdxTableRowSelectCheckbox,h as SkdxTableSelectAllCheckbox,E as SkdxTableSortIndicator,w as defaultSelectAllLabel};

package/dist/table/types.cjs

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

package/dist/table/types.d.cts

@@ -7,6 +7,8 @@ export interface TableSortState {
 }
 /** A whole table's sort state: the sorted columns, most significant first, or `[]` when nothing is sorted. */
 export type TableSort = TableSortState[];
+/** Active column filters: each key is a `columnKey`, each value the text its rows must contain. */
+export type TableFilterState = Record<string, string>;
 /** Which rows an `<skdx-table-select-all-checkbox>` covers: only the ids it was handed (`'page'`) or the entire dataset (`'all'`). */
 export type TableSelectAllScope = 'page' | 'all';
 /** How many rows a table allows selected at once: one, many, or no selection. */

package/dist/table/types.d.ts

@@ -7,6 +7,8 @@ export interface TableSortState {
 }
 /** A whole table's sort state: the sorted columns, most significant first, or `[]` when nothing is sorted. */
 export type TableSort = TableSortState[];
+/** Active column filters: each key is a `columnKey`, each value the text its rows must contain. */
+export type TableFilterState = Record<string, string>;
 /** Which rows an `<skdx-table-select-all-checkbox>` covers: only the ids it was handed (`'page'`) or the entire dataset (`'all'`). */
 export type TableSelectAllScope = 'page' | 'all';
 /** How many rows a table allows selected at once: one, many, or no selection. */

package/dist/tag-group/TagGroupAnatomy.cjs

@@ -1,9 +1,9 @@
-"use strict";var l=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var n=(a,e)=>{for(var r in e)l(a,r,{get:e[r],enumerable:!0})},x=(a,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of s(e))!m.call(a,t)&&t!==r&&l(a,t,{get:()=>e[t],enumerable:!(o=i(e,t))||o.enumerable});return a};var b=a=>x(l({},"__esModule",{value:!0}),a);var k={};n(k,{TAG_GROUP_ANATOMY_GENERATED:()=>u,fillTagGroupAnatomy:()=>f});module.exports=b(k);var d=require("lit"),p=require("lit/directives/repeat.js"),g=require("../internal/glyphs.cjs"),T=require("../badge/Badge.cjs"),$=require("../badge/BadgeDelete.cjs"),u="data-skdx-tag-group-generated";function f(a){a.tags&&(0,d.render)((0,p.repeat)(a.tags,e=>e.value,(e,r)=>d.html`
+"use strict";var l=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var s=Object.prototype.hasOwnProperty;var m=(a,e)=>{for(var d in e)l(a,d,{get:e[d],enumerable:!0})},n=(a,e,d,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of i(e))!s.call(a,r)&&r!==d&&l(a,r,{get:()=>e[r],enumerable:!(p=g(e,r))||p.enumerable});return a};var u=a=>n(l({},"__esModule",{value:!0}),a);var f={};m(f,{TAG_GROUP_ANATOMY_GENERATED:()=>x,fillTagGroupAnatomy:()=>b});module.exports=u(f);var t=require("lit"),o=require("lit/directives/repeat.js"),T=require("../badge/Badge.cjs"),k=require("../badge/BadgeDelete.cjs"),x="data-skdx-tag-group-generated";function b(a){a.tags&&(0,t.render)((0,o.repeat)(a.tags,e=>e.value,(e,d)=>t.html`
         <skdx-badge
           data-skdx-tag-group-generated
-          .index=${r}
+          .index=${d}
           label=${e.label}
           ?disabled=${e.disabled??!1}
-          >${e.label}${a.removable?d.html`<skdx-badge-delete>${g.closeGlyph}</skdx-badge-delete>`:d.nothing}</skdx-badge
-        >
+          ?deletable=${a.removable}
+        ></skdx-badge>
       `),a,{host:a})}0&&(module.exports={TAG_GROUP_ANATOMY_GENERATED,fillTagGroupAnatomy});

package/dist/tag-group/TagGroupAnatomy.d.cts

@@ -3,5 +3,9 @@ import '../badge/BadgeDelete.cjs';
 import type { SkdxTagGroup } from './TagGroup.cjs';
 /** @internal Marks generated children. */
 export declare const TAG_GROUP_ANATOMY_GENERATED = "data-skdx-tag-group-generated";
-/** @internal Builds one `<skdx-badge>` per entry with an optional `<skdx-badge-delete>`, keyed by tag value so removal preserves the roving tab stop. */
+/**
+ * @internal Builds one `<skdx-badge>` per entry, keyed by tag value so removal preserves the
+ * roving tab stop. Sets `label` and `deletable` only — no light-DOM text child — so each
+ * badge derives its own Label and Delete parts instead of duplicating the label as raw content.
+ */
 export declare function fillTagGroupAnatomy(root: SkdxTagGroup): void;