@diwacopilot/components 1.2.0 → 1.2.2

package/dist-custom-elements/diwa-table-head-cell.js

@@ -1,131 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-5eacc7d0.js';
-
-const getComponentCss = (sortable, multiline) => `
-  :host {
-    display: table-cell;
-    margin: 0 !important;
-    padding: ${sortable ? '0' : 'var(--diwa-table-padding-y, 12px) var(--diwa-table-padding-x, 16px)'} !important;
-    white-space: ${multiline ? 'normal' : 'nowrap'} !important;
-    background: var(--diwa-table-header-bg, transparent);
-    text-align: start;
-    font-size: var(--diwa-font-size-sm);
-    font-weight: var(--diwa-font-weight-semibold);
-    letter-spacing: 0.04em;
-    color: var(--diwa-text-secondary);
-    border-right: var(--diwa-table-column-border, none) !important;
-    line-height: var(--diwa-line-height-normal);
-    vertical-align: bottom;
-  }
-  :host(:last-child) { border-right: none; }
-  :host([hidden]) { display: none; }
-
-  .sr-only {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-  }
-
-  ${sortable ? `
-  .sort-btn {
-    display: flex;
-    width: 100%;
-    box-sizing: border-box;
-    justify-content: space-between;
-    align-items: flex-end;
-    gap: var(--diwa-space-1);
-    background: transparent;
-    border: 0;
-    cursor: pointer;
-    font: inherit;
-    color: inherit;
-    margin: 0;
-    padding: var(--diwa-table-padding-y, 12px) var(--diwa-table-padding-x, 16px);
-    text-align: start;
-    outline-offset: 2px;
-    transition: color var(--diwa-transition-base);
-    white-space: ${multiline ? 'normal' : 'nowrap'};
-  }
-  .sort-label {
-    display: inline-flex;
-    min-width: 0;
-    white-space: ${multiline ? 'normal' : 'nowrap'};
-  }
-  .sort-btn:hover {
-    color: var(--diwa-text-primary);
-  }
-  ` : ''}
-`;
-
-const DiwaTableHeadCell$1 = /*@__PURE__*/ proxyCustomElement(class DiwaTableHeadCell extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.theme = 'dark';
-        this.hideLabel = false;
-        this.multiline = false;
-        this.handleSort = () => {
-            if (!this.sort)
-                return;
-            const next = this.sort.active
-                ? this.sort.direction === 'asc' ? 'desc' : 'asc'
-                : this.sort.direction;
-            this.host.dispatchEvent(new CustomEvent('diwaTableUpdate', {
-                bubbles: true,
-                composed: true,
-                detail: { id: this.sort.id, active: true, direction: next },
-            }));
-        };
-    }
-    render() {
-        const { sort, hideLabel, multiline } = this;
-        const isSortable = !!sort;
-        const ariaSort = !isSortable
-            ? undefined
-            : sort.active
-                ? sort.direction === 'asc' ? 'ascending' : 'descending'
-                : 'none';
-        const labelEl = h("span", { key: 'a2e2dd130b1dae02512d95e6dfbddb8c3df83ca0', class: hideLabel ? 'sr-only' : undefined }, h("slot", { key: '6aa36f19db6cf80ac99511ee38aec8f12c3e1fd6' }));
-        const sortIcon = (h("svg", { key: 'd21e881edfb0e87db3d20086a380033fb656392a', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", style: {
-                opacity: (sort === null || sort === void 0 ? void 0 : sort.active) ? '1' : '0.4',
-                transform: (sort === null || sort === void 0 ? void 0 : sort.direction) === 'desc' ? 'rotate(180deg)' : 'none',
-                transition: 'opacity 150ms ease, transform 150ms ease',
-                flexShrink: '0',
-                display: 'block',
-            } }, h("path", { key: 'fd12f7b9559b4c371f041c0050201b5897dbe65b', d: "M4 10L8 6L12 10", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
-        return (h(Host, { key: '3f94ad099ad07643adbb68a6d9b60506627e331f', role: "columnheader", "aria-sort": ariaSort }, h("style", { key: '1816c6ada4b56007b674ff2f100347c0190141b4', innerHTML: getComponentCss(isSortable, multiline) }), isSortable ? (h("button", { type: "button", class: "sort-btn", onClick: this.handleSort }, h("span", { class: "sort-label" }, labelEl), sortIcon)) : (labelEl)));
-    }
-    get host() { return this; }
-}, [1, "diwa-table-head-cell", {
-        "theme": [513],
-        "sort": [16],
-        "hideLabel": [4, "hide-label"],
-        "multiline": [4]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["diwa-table-head-cell"];
-    components.forEach(tagName => { switch (tagName) {
-        case "diwa-table-head-cell":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DiwaTableHeadCell$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const DiwaTableHeadCell = DiwaTableHeadCell$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DiwaTableHeadCell, defineCustomElement };
-
-//# sourceMappingURL=diwa-table-head-cell.js.map
+import{t as n,p as e,H as t,h as a,a as i}from"./index.js";const o=(n,e)=>`\n  :host {\n    display: table-cell;\n    margin: 0 !important;\n    padding: ${n?"0":"var(--diwa-table-padding-y, 12px) var(--diwa-table-padding-x, 16px)"} !important;\n    white-space: ${e?"normal":"nowrap"} !important;\n    background: var(--diwa-table-header-bg, transparent);\n    text-align: start;\n    font-size: var(--diwa-font-size-sm);\n    font-weight: var(--diwa-font-weight-semibold);\n    letter-spacing: 0.04em;\n    color: var(--diwa-text-secondary);\n    border-right: var(--diwa-table-column-border, none) !important;\n    line-height: var(--diwa-line-height-normal);\n    vertical-align: bottom;\n  }\n  :host(:last-child) { border-right: none; }\n  :host([hidden]) { display: none; }\n\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n\n  ${n?`\n  .sort-btn {\n    display: flex;\n    width: 100%;\n    box-sizing: border-box;\n    justify-content: space-between;\n    align-items: flex-end;\n    gap: var(--diwa-space-1);\n    background: transparent;\n    border: 0;\n    cursor: pointer;\n    font: inherit;\n    color: inherit;\n    margin: 0;\n    padding: var(--diwa-table-padding-y, 12px) var(--diwa-table-padding-x, 16px);\n    text-align: start;\n    outline-offset: 2px;\n    transition: color var(--diwa-transition-base);\n    white-space: ${e?"normal":"nowrap"};\n  }\n  .sort-label {\n    display: inline-flex;\n    min-width: 0;\n    white-space: ${e?"normal":"nowrap"};\n  }\n  .sort-btn:hover {\n    color: var(--diwa-text-primary);\n  }\n  `:""}\n`,r=e(class extends t{constructor(n){super(),!1!==n&&this.__registerHost(),this.__attachShadow(),this.theme="dark",this.hideLabel=!1,this.multiline=!1,this.handleSort=()=>{this.sort&&this.host.dispatchEvent(new CustomEvent("diwaTableUpdate",{bubbles:!0,composed:!0,detail:{id:this.sort.id,active:!0,direction:this.sort.active?"asc"===this.sort.direction?"desc":"asc":this.sort.direction}}))}}render(){const{sort:n,hideLabel:e,multiline:t}=this,r=!!n,d=r?n.active?"asc"===n.direction?"ascending":"descending":"none":void 0,s=a("span",{key:"a2e2dd130b1dae02512d95e6dfbddb8c3df83ca0",class:e?"sr-only":void 0},a("slot",{key:"6aa36f19db6cf80ac99511ee38aec8f12c3e1fd6"})),l=a("svg",{key:"d21e881edfb0e87db3d20086a380033fb656392a",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",style:{opacity:(null==n?void 0:n.active)?"1":"0.4",transform:"desc"===(null==n?void 0:n.direction)?"rotate(180deg)":"none",transition:"opacity 150ms ease, transform 150ms ease",flexShrink:"0",display:"block"}},a("path",{key:"fd12f7b9559b4c371f041c0050201b5897dbe65b",d:"M4 10L8 6L12 10",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));return a(i,{key:"3f94ad099ad07643adbb68a6d9b60506627e331f",role:"columnheader","aria-sort":d},a("style",{key:"1816c6ada4b56007b674ff2f100347c0190141b4",innerHTML:o(r,t)}),r?a("button",{type:"button",class:"sort-btn",onClick:this.handleSort},a("span",{class:"sort-label"},s),l):s)}get host(){return this}},[257,"diwa-table-head-cell",{theme:[513],sort:[16],hideLabel:[4,"hide-label"],multiline:[4]}]);function d(){"undefined"!=typeof customElements&&["diwa-table-head-cell"].forEach((e=>{"diwa-table-head-cell"===e&&(customElements.get(n(e))||customElements.define(n(e),r))}))}d();const s=r,l=d;export{s as DiwaTableHeadCell,l as defineCustomElement}

package/dist-custom-elements/diwa-table-head.js

@@ -1,53 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-5eacc7d0.js';
-
-const getComponentCss = () => `
-  :host {
-    display: table-header-group;
-    background: var(--diwa-table-header-bg, transparent);
-    font-size: var(--diwa-font-size-sm);
-    line-height: var(--diwa-line-height-normal);
-    font-weight: var(--diwa-font-weight-semibold);
-    color: var(--diwa-text-secondary);
-    border-bottom: var(--diwa-border-width-thin, 1px) solid var(--diwa-table-border-color, var(--diwa-border)) !important;
-  }
-  ::slotted(*) {
-    --diwa-table-row-border-width: 0px;
-    --diwa-table-hover-color: transparent;
-  }
-  :host([hidden]) { display: none; }
-`;
-
-const DiwaTableHead$1 = /*@__PURE__*/ proxyCustomElement(class DiwaTableHead extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.theme = 'dark';
-    }
-    render() {
-        return (h(Host, { key: '519ba227e1dedb0b5e1d9e80bd4dffe07d30ecb2', role: "rowgroup", "data-theme": this.theme }, h("style", { key: '4688cc17dc1fdfbbbcd3fc6a47061ce47bc840a5', innerHTML: getComponentCss() }), h("slot", { key: '856a4751d4e1a3df7209bac4ac4eb7dceb362b0e' })));
-    }
-}, [1, "diwa-table-head", {
-        "theme": [513]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["diwa-table-head"];
-    components.forEach(tagName => { switch (tagName) {
-        case "diwa-table-head":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DiwaTableHead$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const DiwaTableHead = DiwaTableHead$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DiwaTableHead, defineCustomElement };
-
-//# sourceMappingURL=diwa-table-head.js.map
+import{t as e,p as a,H as t,h as d,a as n}from"./index.js";const r=a(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.theme="dark"}render(){return d(n,{key:"519ba227e1dedb0b5e1d9e80bd4dffe07d30ecb2",role:"rowgroup","data-theme":this.theme},d("style",{key:"4688cc17dc1fdfbbbcd3fc6a47061ce47bc840a5",innerHTML:"\n  :host {\n    display: table-header-group;\n    background: var(--diwa-table-header-bg, transparent);\n    font-size: var(--diwa-font-size-sm);\n    line-height: var(--diwa-line-height-normal);\n    font-weight: var(--diwa-font-weight-semibold);\n    color: var(--diwa-text-secondary);\n    border-bottom: var(--diwa-border-width-thin, 1px) solid var(--diwa-table-border-color, var(--diwa-border)) !important;\n  }\n  ::slotted(*) {\n    --diwa-table-row-border-width: 0px;\n    --diwa-table-hover-color: transparent;\n  }\n  :host([hidden]) { display: none; }\n"}),d("slot",{key:"856a4751d4e1a3df7209bac4ac4eb7dceb362b0e"}))}},[257,"diwa-table-head",{theme:[513]}]);function o(){"undefined"!=typeof customElements&&["diwa-table-head"].forEach((a=>{"diwa-table-head"===a&&(customElements.get(e(a))||customElements.define(e(a),r))}))}o();const i=r,s=o;export{i as DiwaTableHead,s as defineCustomElement}

package/dist-custom-elements/diwa-table-row.js

@@ -1,48 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-5eacc7d0.js';
-
-const getComponentCss = () => `
-  :host {
-    display: table-row;
-    border-bottom: var(--diwa-table-row-border-width, var(--diwa-border-width-thin, 1px)) solid var(--diwa-table-border-color, var(--diwa-border)) !important;
-    transition: background var(--diwa-transition-base);
-  }
-  :host([hidden]) { display: none; }
-  :host(:hover) {
-    background: var(--diwa-table-hover-color, transparent);
-  }
-`;
-
-const DiwaTableRow$1 = /*@__PURE__*/ proxyCustomElement(class DiwaTableRow extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.theme = 'dark';
-    }
-    render() {
-        return (h(Host, { key: '45310520a3e662442e44a2c1ef97aed5aab249ef', role: "row", "data-theme": this.theme }, h("style", { key: 'ebd5e2f8a71726d4c77b66a5be6acb7b4efe372f', innerHTML: getComponentCss() }), h("slot", { key: '2e28c9bb411bc76c3c17094d91daa3b7f541d697' })));
-    }
-}, [1, "diwa-table-row", {
-        "theme": [513]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["diwa-table-row"];
-    components.forEach(tagName => { switch (tagName) {
-        case "diwa-table-row":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DiwaTableRow$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const DiwaTableRow = DiwaTableRow$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DiwaTableRow, defineCustomElement };
-
-//# sourceMappingURL=diwa-table-row.js.map
+import{t as e,p as a,H as t,h as r,a as o}from"./index.js";const n=a(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.theme="dark"}render(){return r(o,{key:"45310520a3e662442e44a2c1ef97aed5aab249ef",role:"row","data-theme":this.theme},r("style",{key:"ebd5e2f8a71726d4c77b66a5be6acb7b4efe372f",innerHTML:"\n  :host {\n    display: table-row;\n    border-bottom: var(--diwa-table-row-border-width, var(--diwa-border-width-thin, 1px)) solid var(--diwa-table-border-color, var(--diwa-border)) !important;\n    transition: background var(--diwa-transition-base);\n  }\n  :host([hidden]) { display: none; }\n  :host(:hover) {\n    background: var(--diwa-table-hover-color, transparent);\n  }\n"}),r("slot",{key:"2e28c9bb411bc76c3c17094d91daa3b7f541d697"}))}},[257,"diwa-table-row",{theme:[513]}]);function d(){"undefined"!=typeof customElements&&["diwa-table-row"].forEach((a=>{"diwa-table-row"===a&&(customElements.get(e(a))||customElements.define(e(a),n))}))}d();const s=n,i=d;export{s as DiwaTableRow,i as defineCustomElement}

package/dist-custom-elements/diwa-table.js

@@ -1,135 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-5eacc7d0.js';
-
-const getComponentCss = (compact, layout, bordered, striped) => `
-  ${compact
-    ? `
-  :host {
-    --diwa-table-padding-y: 6px;
-    --diwa-table-padding-y: var(--diwa-space-2, 6px);
-    --diwa-table-padding-x: 12px;
-    --diwa-table-padding-x: var(--diwa-space-5, 12px);
-  }
-  `
-    : `
-  :host {
-    --diwa-table-padding-y: 12px;
-    --diwa-table-padding-y: var(--diwa-space-5, 12px);
-    --diwa-table-padding-x: 16px;
-    --diwa-table-padding-x: var(--diwa-space-7, 16px);
-  }
-  `}
-
-  :host {
-    display: block;
-    font-family: var(--diwa-font-family-base);
-    width: 100%;
-    overflow-x: auto;
-    background: var(--diwa-bg-surface);
-    border-radius: var(--diwa-radius-lg);
-    color: var(--diwa-text-primary);
-    text-align: start;
-    --diwa-table-hover-color: var(--diwa-bg-hover, transparent);
-    --diwa-table-border-color: var(--diwa-border, currentColor);
-    --diwa-table-row-border-width: var(--diwa-border-width-thin, 1px);
-    --diwa-table-column-border: ${bordered ? 'var(--diwa-border-width-thin, 1px) solid var(--diwa-border, currentColor)' : 'none'};
-    --diwa-table-stripe-color: ${striped ? 'var(--diwa-bg-elevated, transparent)' : 'transparent'};
-    --diwa-table-header-bg: transparent;
-    ${bordered ? `
-    border: var(--diwa-border-width-thin, 1px) solid var(--diwa-border, currentColor) !important;
-    overflow: hidden;
-    ` : ''}
-  }
-
-  :host([hidden]) { display: none; }
-
-  ::slotted(*) {
-    --diwa-table-padding-y: ${compact ? '6px' : '12px'} !important;
-    --diwa-table-padding-y: ${compact ? 'var(--diwa-space-2, 6px)' : 'var(--diwa-space-5, 12px)'} !important;
-    --diwa-table-padding-x: ${compact ? '12px' : '16px'} !important;
-    --diwa-table-padding-x: ${compact ? 'var(--diwa-space-5, 12px)' : 'var(--diwa-space-7, 16px)'} !important;
-    --diwa-table-hover-color: var(--diwa-bg-hover, transparent);
-    --diwa-table-border-color: var(--diwa-border, currentColor);
-    --diwa-table-row-border-width: var(--diwa-border-width-thin, 1px);
-    --diwa-table-column-border: ${bordered ? 'var(--diwa-border-width-thin, 1px) solid var(--diwa-border, currentColor)' : 'none'};
-    --diwa-table-stripe-color: ${striped ? 'var(--diwa-bg-elevated, transparent)' : 'transparent'};
-    --diwa-table-header-bg: transparent;
-  }
-
-  .table {
-    display: table;
-    border-collapse: collapse;
-    background: var(--diwa-bg-surface);
-    font-size: var(--diwa-font-size-base);
-    color: var(--diwa-text-primary);
-    white-space: nowrap;
-    ${layout === 'fixed'
-    ? `
-    table-layout: fixed;
-    min-width: 100%;
-    `
-    : 'width: 100%;'}
-  }
-
-  .sr-only {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-  }
-`;
-
-const DiwaTable$1 = /*@__PURE__*/ proxyCustomElement(class DiwaTable extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.update = createEvent(this, "update", 1);
-        this.theme = 'dark';
-        this.caption = '';
-        this.compact = false;
-        this.layout = 'auto';
-        this.bordered = false;
-        this.striped = false;
-    }
-    handleTableUpdate(e) {
-        e.stopPropagation();
-        this.update.emit(e.detail);
-    }
-    render() {
-        const tableLabel = this.caption || undefined;
-        return (h(Host, { key: 'ba6d8dc15f1b749d17d551f1d7da68b265e089f1', "data-theme": this.theme }, h("style", { key: '18ab26b2b3416c3fcaa363f9c6d4964ee2ea07ed', innerHTML: getComponentCss(this.compact, this.layout, this.bordered, this.striped) }), h("div", { key: '9e3ceb6c632cd27c08b19d8208826e3f233c966b', class: "table", role: "table", "aria-label": tableLabel }, h("slot", { key: '6575fad2e3ff1aa77111f6d9363171ae80eeef41' }))));
-    }
-}, [1, "diwa-table", {
-        "theme": [513],
-        "caption": [1],
-        "compact": [4],
-        "layout": [1],
-        "bordered": [4],
-        "striped": [4]
-    }, [[0, "diwaTableUpdate", "handleTableUpdate"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["diwa-table"];
-    components.forEach(tagName => { switch (tagName) {
-        case "diwa-table":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DiwaTable$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const DiwaTable = DiwaTable$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DiwaTable, defineCustomElement };
-
-//# sourceMappingURL=diwa-table.js.map
+import{t as a,p as e,H as d,c as n,h as r,a as t}from"./index.js";const i=(a,e,d,n)=>`\n  ${a?"\n  :host {\n    --diwa-table-padding-y: 6px;\n    --diwa-table-padding-y: var(--diwa-space-2, 6px);\n    --diwa-table-padding-x: 12px;\n    --diwa-table-padding-x: var(--diwa-space-5, 12px);\n  }\n  ":"\n  :host {\n    --diwa-table-padding-y: 12px;\n    --diwa-table-padding-y: var(--diwa-space-5, 12px);\n    --diwa-table-padding-x: 16px;\n    --diwa-table-padding-x: var(--diwa-space-7, 16px);\n  }\n  "}\n\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n    width: 100%;\n    overflow-x: auto;\n    background: var(--diwa-bg-surface);\n    border-radius: var(--diwa-radius-lg);\n    color: var(--diwa-text-primary);\n    text-align: start;\n    --diwa-table-hover-color: var(--diwa-bg-hover, transparent);\n    --diwa-table-border-color: var(--diwa-border, currentColor);\n    --diwa-table-row-border-width: var(--diwa-border-width-thin, 1px);\n    --diwa-table-column-border: ${d?"var(--diwa-border-width-thin, 1px) solid var(--diwa-border, currentColor)":"none"};\n    --diwa-table-stripe-color: ${n?"var(--diwa-bg-elevated, transparent)":"transparent"};\n    --diwa-table-header-bg: transparent;\n    ${d?"\n    border: var(--diwa-border-width-thin, 1px) solid var(--diwa-border, currentColor) !important;\n    overflow: hidden;\n    ":""}\n  }\n\n  :host([hidden]) { display: none; }\n\n  ::slotted(*) {\n    --diwa-table-padding-y: ${a?"6px":"12px"} !important;\n    --diwa-table-padding-y: ${a?"var(--diwa-space-2, 6px)":"var(--diwa-space-5, 12px)"} !important;\n    --diwa-table-padding-x: ${a?"12px":"16px"} !important;\n    --diwa-table-padding-x: ${a?"var(--diwa-space-5, 12px)":"var(--diwa-space-7, 16px)"} !important;\n    --diwa-table-hover-color: var(--diwa-bg-hover, transparent);\n    --diwa-table-border-color: var(--diwa-border, currentColor);\n    --diwa-table-row-border-width: var(--diwa-border-width-thin, 1px);\n    --diwa-table-column-border: ${d?"var(--diwa-border-width-thin, 1px) solid var(--diwa-border, currentColor)":"none"};\n    --diwa-table-stripe-color: ${n?"var(--diwa-bg-elevated, transparent)":"transparent"};\n    --diwa-table-header-bg: transparent;\n  }\n\n  .table {\n    display: table;\n    border-collapse: collapse;\n    background: var(--diwa-bg-surface);\n    font-size: var(--diwa-font-size-base);\n    color: var(--diwa-text-primary);\n    white-space: nowrap;\n    ${"fixed"===e?"\n    table-layout: fixed;\n    min-width: 100%;\n    ":"width: 100%;"}\n  }\n\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n`,o=e(class extends d{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.update=n(this,"update",1),this.theme="dark",this.caption="",this.compact=!1,this.layout="auto",this.bordered=!1,this.striped=!1}handleTableUpdate(a){a.stopPropagation(),this.update.emit(a.detail)}render(){const a=this.caption||void 0;return r(t,{key:"ba6d8dc15f1b749d17d551f1d7da68b265e089f1","data-theme":this.theme},r("style",{key:"18ab26b2b3416c3fcaa363f9c6d4964ee2ea07ed",innerHTML:i(this.compact,this.layout,this.bordered,this.striped)}),r("div",{key:"9e3ceb6c632cd27c08b19d8208826e3f233c966b",class:"table",role:"table","aria-label":a},r("slot",{key:"6575fad2e3ff1aa77111f6d9363171ae80eeef41"})))}},[257,"diwa-table",{theme:[513],caption:[1],compact:[4],layout:[1],bordered:[4],striped:[4]},[[0,"diwaTableUpdate","handleTableUpdate"]]]);function l(){"undefined"!=typeof customElements&&["diwa-table"].forEach((e=>{"diwa-table"===e&&(customElements.get(a(e))||customElements.define(a(e),o))}))}l();const s=o,p=l;export{s as DiwaTable,p as defineCustomElement}

package/dist-custom-elements/diwa-tabs-bar.js

@@ -1,251 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-5eacc7d0.js';
-import { a as getReducedMotionStyle } from './p-70bbb21a.js';
-
-const getComponentCss = () => `
-  :host {
-    display: block;
-    font-family: var(--diwa-font-family-base);
-    color: var(--diwa-text-primary);
-  }
-
-  :host([hidden]) {
-    display: none;
-  }
-
-  .bar {
-    display: flex;
-    align-items: stretch;
-    gap: 0;
-    border-bottom: var(--diwa-border-width-thin) solid var(--diwa-border);
-    overflow-x: auto;
-    scrollbar-width: none;
-  }
-
-  .bar::-webkit-scrollbar {
-    display: none;
-  }
-
-  ::slotted(a),
-  ::slotted(button) {
-    /* !important guards against light-DOM author styles (e.g. Tailwind preflight
-       padding: 0 on button) overriding ::slotted() rules per the CSS shadow-DOM
-       cascade spec where light-DOM author styles win over ::slotted(). */
-    display: inline-flex !important;
-    align-items: center;
-    min-height: var(--diwa-touch-target-min-size, 44px) !important;
-    gap: var(--diwa-space-2);
-    padding: var(--diwa-space-4) var(--diwa-space-7) !important;
-    border: none !important;
-    border-bottom: var(--diwa-border-width-base) solid transparent !important;
-    background: transparent !important;
-    color: var(--diwa-text-secondary) !important;
-    font-size: var(--diwa-font-size-base) !important;
-    font-family: inherit !important;
-    font-weight: var(--diwa-font-weight-medium) !important;
-    text-decoration: none !important;
-    white-space: nowrap !important;
-    cursor: pointer !important;
-    transition:
-      color var(--diwa-transition-base),
-      border-color var(--diwa-transition-base);
-    margin-bottom: -1px;
-    outline: none;
-  }
-
-  @media (hover: hover) and (pointer: fine) {
-    ::slotted(a:hover),
-    ::slotted(button:hover) {
-      color: var(--diwa-text-primary) !important;
-    }
-  }
-
-  ::slotted(a[data-active]),
-  ::slotted(button[data-active]),
-  ::slotted(a.active),
-  ::slotted(button.active),
-  ::slotted([aria-selected="true"]) {
-    color: var(--diwa-accent) !important;
-    border-bottom-color: var(--diwa-accent) !important;
-    font-weight: var(--diwa-font-weight-medium) !important;
-  }
-
-  ::slotted(a:focus-visible),
-  ::slotted(button:focus-visible) {
-    outline: var(--diwa-focus-ring-width) solid var(--diwa-border-focus);
-    outline-offset: var(--diwa-focus-ring-offset);
-  }
-
-  ::slotted(a:focus:not(:focus-visible)),
-  ::slotted(button:focus:not(:focus-visible)) {
-    outline: none;
-  }
-
-  ::slotted(button:disabled) {
-    background: transparent !important;
-    color: var(--diwa-text-muted) !important;
-    opacity: 0.5 !important;
-    cursor: not-allowed !important;
-    pointer-events: none !important;
-  }
-
-  ${getReducedMotionStyle('::slotted(a)', '::slotted(button)')}
-`;
-
-const DiwaTabsBar$1 = /*@__PURE__*/ proxyCustomElement(class DiwaTabsBar extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.update = createEvent(this, "update", 1);
-        /** Per-component theme override. */
-        this.theme = 'dark';
-        /** Zero-based index of the active tab. */
-        this.activeTabIndex = 0;
-    }
-    handleIndexChange() {
-        this.syncTabs();
-    }
-    componentDidLoad() {
-        this.syncTabs();
-    }
-    handleClick(event) {
-        const tabs = this.getTabElements();
-        const idx = this.getTabIndexFromEventTarget(event.target, tabs);
-        if (idx === -1 || idx === this.activeTabIndex || this.isTabDisabled(tabs[idx])) {
-            return;
-        }
-        this.setActiveTab(idx);
-    }
-    handleKeydown(event) {
-        var _a;
-        const tabs = this.getTabElements();
-        const currentIndex = this.getTabIndexFromEventTarget(event.target, tabs);
-        if (currentIndex === -1) {
-            return;
-        }
-        let nextIndex = -1;
-        switch (event.key) {
-            case 'ArrowLeft':
-            case 'ArrowUp':
-                nextIndex = this.getNextEnabledIndex(currentIndex, -1, tabs);
-                break;
-            case 'ArrowRight':
-            case 'ArrowDown':
-                nextIndex = this.getNextEnabledIndex(currentIndex, 1, tabs);
-                break;
-            case 'Home':
-                nextIndex = this.getBoundaryEnabledIndex('start', tabs);
-                break;
-            case 'End':
-                nextIndex = this.getBoundaryEnabledIndex('end', tabs);
-                break;
-            default:
-                return;
-        }
-        if (nextIndex === -1) {
-            return;
-        }
-        event.preventDefault();
-        this.setActiveTab(nextIndex);
-        (_a = tabs[nextIndex]) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-    getTabElements() {
-        var _a;
-        const slot = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot');
-        if (!slot)
-            return [];
-        return slot
-            .assignedElements({ flatten: true })
-            .filter((el) => el instanceof H);
-    }
-    getTabIndexFromEventTarget(target, tabs) {
-        if (!(target instanceof Node)) {
-            return -1;
-        }
-        return tabs.findIndex((tab) => tab === target || tab.contains(target));
-    }
-    isTabDisabled(tab) {
-        if (!tab) {
-            return true;
-        }
-        return tab.hasAttribute('disabled') || tab.getAttribute('aria-disabled') === 'true';
-    }
-    getNextEnabledIndex(currentIndex, direction, tabs) {
-        for (let step = 1; step <= tabs.length; step += 1) {
-            const candidateIndex = (currentIndex + direction * step + tabs.length) % tabs.length;
-            if (!this.isTabDisabled(tabs[candidateIndex])) {
-                return candidateIndex;
-            }
-        }
-        return -1;
-    }
-    getBoundaryEnabledIndex(edge, tabs) {
-        const candidates = edge === 'start' ? tabs : [...tabs].reverse();
-        const match = candidates.find((tab) => !this.isTabDisabled(tab));
-        if (!match) {
-            return -1;
-        }
-        return tabs.indexOf(match);
-    }
-    setActiveTab(index) {
-        this.activeTabIndex = index;
-        this.update.emit({ activeTabIndex: this.activeTabIndex });
-        this.syncTabs();
-    }
-    syncTabs() {
-        const tabs = this.getTabElements();
-        tabs.forEach((tab, i) => {
-            const isActive = i === this.activeTabIndex;
-            tab.setAttribute('role', 'tab');
-            tab.setAttribute('aria-selected', isActive ? 'true' : 'false');
-            if (this.isTabDisabled(tab)) {
-                tab.setAttribute('aria-disabled', 'true');
-                tab.setAttribute('tabindex', '-1');
-                tab.removeAttribute('data-active');
-                return;
-            }
-            tab.removeAttribute('aria-disabled');
-            if (isActive) {
-                tab.setAttribute('data-active', '');
-                tab.setAttribute('tabindex', '0');
-            }
-            else {
-                tab.removeAttribute('data-active');
-                tab.setAttribute('tabindex', '-1');
-            }
-        });
-    }
-    render() {
-        return (h(Host, { key: 'b7928b347830dfeb7ad98d5a6b75c19969913c11', role: "tablist", "data-theme": this.theme }, h("style", { key: '8dbf7f2a0bfc3078e936e36bcb05d732b59138a3', innerHTML: getComponentCss() }), h("div", { key: 'a86af72d154d26b7d60a46d04ce593d969e385d1', class: "bar" }, h("slot", { key: '18a056c3d26fe95185da2e9662dd1efd0de086fa' }))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "activeTabIndex": ["handleIndexChange"]
-    }; }
-}, [1, "diwa-tabs-bar", {
-        "theme": [513],
-        "activeTabIndex": [1026, "active-tab-index"]
-    }, [[0, "click", "handleClick"], [0, "keydown", "handleKeydown"]], {
-        "activeTabIndex": ["handleIndexChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["diwa-tabs-bar"];
-    components.forEach(tagName => { switch (tagName) {
-        case "diwa-tabs-bar":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DiwaTabsBar$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const DiwaTabsBar = DiwaTabsBar$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DiwaTabsBar, defineCustomElement };
-
-//# sourceMappingURL=diwa-tabs-bar.js.map
+import{t,p as n,H as e,c as a,h as i,a as o}from"./index.js";import{a as r}from"./p-C8h0Vfqp.js";const s=n(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.update=a(this,"update",1),this.theme="dark",this.activeTabIndex=0}handleIndexChange(){this.syncTabs()}componentDidLoad(){this.syncTabs()}handleClick(t){const n=this.getTabElements(),e=this.getTabIndexFromEventTarget(t.target,n);-1===e||e===this.activeTabIndex||this.isTabDisabled(n[e])||this.setActiveTab(e)}handleKeydown(t){var n;const e=this.getTabElements(),a=this.getTabIndexFromEventTarget(t.target,e);if(-1===a)return;let i=-1;switch(t.key){case"ArrowLeft":case"ArrowUp":i=this.getNextEnabledIndex(a,-1,e);break;case"ArrowRight":case"ArrowDown":i=this.getNextEnabledIndex(a,1,e);break;case"Home":i=this.getBoundaryEnabledIndex("start",e);break;case"End":i=this.getBoundaryEnabledIndex("end",e);break;default:return}-1!==i&&(t.preventDefault(),this.setActiveTab(i),null===(n=e[i])||void 0===n||n.focus())}getTabElements(){var t;const n=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("slot");return n?n.assignedElements({flatten:!0}).filter((t=>t instanceof e)):[]}getTabIndexFromEventTarget(t,n){return t instanceof Node?n.findIndex((n=>n===t||n.contains(t))):-1}isTabDisabled(t){return!t||t.hasAttribute("disabled")||"true"===t.getAttribute("aria-disabled")}getNextEnabledIndex(t,n,e){for(let a=1;a<=e.length;a+=1){const i=(t+n*a+e.length)%e.length;if(!this.isTabDisabled(e[i]))return i}return-1}getBoundaryEnabledIndex(t,n){const e=("start"===t?n:[...n].reverse()).find((t=>!this.isTabDisabled(t)));return e?n.indexOf(e):-1}setActiveTab(t){this.activeTabIndex=t,this.update.emit({activeTabIndex:this.activeTabIndex}),this.syncTabs()}syncTabs(){this.getTabElements().forEach(((t,n)=>{const e=n===this.activeTabIndex;if(t.setAttribute("role","tab"),t.setAttribute("aria-selected",e?"true":"false"),this.isTabDisabled(t))return t.setAttribute("aria-disabled","true"),t.setAttribute("tabindex","-1"),void t.removeAttribute("data-active");t.removeAttribute("aria-disabled"),e?(t.setAttribute("data-active",""),t.setAttribute("tabindex","0")):(t.removeAttribute("data-active"),t.setAttribute("tabindex","-1"))}))}render(){return i(o,{key:"b7928b347830dfeb7ad98d5a6b75c19969913c11",role:"tablist","data-theme":this.theme},i("style",{key:"8dbf7f2a0bfc3078e936e36bcb05d732b59138a3",innerHTML:`\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n    color: var(--diwa-text-primary);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .bar {\n    display: flex;\n    align-items: stretch;\n    gap: 0;\n    border-bottom: var(--diwa-border-width-thin) solid var(--diwa-border);\n    overflow-x: auto;\n    scrollbar-width: none;\n  }\n\n  .bar::-webkit-scrollbar {\n    display: none;\n  }\n\n  ::slotted(a),\n  ::slotted(button) {\n    /* !important guards against light-DOM author styles (e.g. Tailwind preflight\n       padding: 0 on button) overriding ::slotted() rules per the CSS shadow-DOM\n       cascade spec where light-DOM author styles win over ::slotted(). */\n    display: inline-flex !important;\n    align-items: center;\n    min-height: var(--diwa-touch-target-min-size, 44px) !important;\n    gap: var(--diwa-space-2);\n    padding: var(--diwa-space-4) var(--diwa-space-7) !important;\n    border: none !important;\n    border-bottom: var(--diwa-border-width-base) solid transparent !important;\n    background: transparent !important;\n    color: var(--diwa-text-secondary) !important;\n    font-size: var(--diwa-font-size-base) !important;\n    font-family: inherit !important;\n    font-weight: var(--diwa-font-weight-medium) !important;\n    text-decoration: none !important;\n    white-space: nowrap !important;\n    cursor: pointer !important;\n    transition:\n      color var(--diwa-transition-base),\n      border-color var(--diwa-transition-base);\n    margin-bottom: -1px;\n    outline: none;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    ::slotted(a:hover),\n    ::slotted(button:hover) {\n      color: var(--diwa-text-primary) !important;\n    }\n  }\n\n  ::slotted(a[data-active]),\n  ::slotted(button[data-active]),\n  ::slotted(a.active),\n  ::slotted(button.active),\n  ::slotted([aria-selected="true"]) {\n    color: var(--diwa-accent) !important;\n    border-bottom-color: var(--diwa-accent) !important;\n    font-weight: var(--diwa-font-weight-medium) !important;\n  }\n\n  ::slotted(a:focus-visible),\n  ::slotted(button:focus-visible) {\n    outline: var(--diwa-focus-ring-width) solid var(--diwa-border-focus);\n    outline-offset: var(--diwa-focus-ring-offset);\n  }\n\n  ::slotted(a:focus:not(:focus-visible)),\n  ::slotted(button:focus:not(:focus-visible)) {\n    outline: none;\n  }\n\n  ::slotted(button:disabled) {\n    background: transparent !important;\n    color: var(--diwa-text-muted) !important;\n    opacity: 0.5 !important;\n    cursor: not-allowed !important;\n    pointer-events: none !important;\n  }\n\n  ${r("::slotted(a)","::slotted(button)")}\n`}),i("div",{key:"a86af72d154d26b7d60a46d04ce593d969e385d1",class:"bar"},i("slot",{key:"18a056c3d26fe95185da2e9662dd1efd0de086fa"})))}get host(){return this}static get watchers(){return{activeTabIndex:[{handleIndexChange:0}]}}},[257,"diwa-tabs-bar",{theme:[513],activeTabIndex:[1026,"active-tab-index"]},[[0,"click","handleClick"],[0,"keydown","handleKeydown"]],{activeTabIndex:[{handleIndexChange:0}]}]);function d(){"undefined"!=typeof customElements&&["diwa-tabs-bar"].forEach((n=>{"diwa-tabs-bar"===n&&(customElements.get(t(n))||customElements.define(t(n),s))}))}d();const l=s,c=d;export{l as DiwaTabsBar,c as defineCustomElement}