@xplortech/apollo-core 2.7.0 → 2.8.0

package/dist/collection/components/xpl-table/xpl-table-header-cell/xpl-table-header-cell.js

@@ -1,402 +0,0 @@
-import { Host, h } from "@stencil/core";
-import { XPL_TABLE_COLUMN_WIDTHS_CHANGE_EVENT, cycleSortDirection, getSortAffordanceIconName, } from "../utils/table-internal";
-export class TableHeaderCell {
-    constructor() {
-        this.align = 'left';
-        this.checked = false;
-        this.indeterminate = false;
-        this.label = '';
-        this.sortable = false;
-        this.type = 'label';
-        this.onHeaderInnerCheckboxChange = (ev) => {
-            const { detail } = ev;
-            const checked = typeof detail === 'boolean' ? detail : Boolean(detail);
-            this.headerCheckboxChange.emit(checked);
-        };
-        this.onSortActivate = (event) => {
-            event.preventDefault();
-            event.stopPropagation();
-            if (!this.sortable || this.type !== 'label')
-                return;
-            const columnIndex = this.getColumnIndex0();
-            const sortKey = this.getSortKeySlug();
-            if (!this.el.closest('xpl-table')) {
-                this.sortDirection = cycleSortDirection(this.sortDirection);
-            }
-            this.headerSortChange.emit({
-                columnIndex,
-                sortKey,
-            });
-        };
-    }
-    watchColumnWidth() {
-        this.notifyColumnWidthsChange();
-    }
-    watchWidth() {
-        this.notifyColumnWidthsChange();
-    }
-    componentDidLoad() {
-        this.notifyColumnWidthsChange();
-    }
-    notifyColumnWidthsChange() {
-        this.el.dispatchEvent(new CustomEvent(XPL_TABLE_COLUMN_WIDTHS_CHANGE_EVENT, {
-            bubbles: true,
-            composed: true,
-        }));
-    }
-    getColumnIndex0() {
-        var _a, _b;
-        return Array.from((_b = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.children) !== null && _b !== void 0 ? _b : []).indexOf(this.el);
-    }
-    getSortKeySlug() {
-        var _a, _b;
-        const raw = ((_b = (_a = this.sortKey) !== null && _a !== void 0 ? _a : this.label) !== null && _b !== void 0 ? _b : '').trim();
-        if (raw.length > 0) {
-            return raw.replace(/ /g, '-').toLowerCase();
-        }
-        return `column-${this.getColumnIndex0()}`;
-    }
-    renderLabelContent() {
-        if (this.sortable) {
-            const iconName = getSortAffordanceIconName(this.sortDirection);
-            const sortActive = this.sortDirection === 'asc' || this.sortDirection === 'desc';
-            return (h("button", { type: "button", class: "xpl-table-header-cell__sort", onClick: this.onSortActivate }, h("span", { class: "xpl-table-header-cell__text" }, h("slot", null, this.label)), h("xpl-icon", { class: {
-                    'xpl-table-header-cell__sort-icon': true,
-                    'xpl-table-header-cell__sort-icon--active': sortActive,
-                    'xpl-table-header-cell__sort-icon--default': !sortActive,
-                }, icon: iconName, size: 16 })));
-        }
-        return (h("span", { class: "xpl-table-header-cell__text" }, h("slot", null, this.label)));
-    }
-    render() {
-        const colIndex = this.getColumnIndex0() + 1;
-        const renderContent = () => {
-            var _a;
-            switch (this.type) {
-                case 'label':
-                    return this.renderLabelContent();
-                case 'checkbox':
-                    return (h("xpl-checkbox", { ariaLabel: (_a = this.checkboxAriaLabel) !== null && _a !== void 0 ? _a : 'Select all rows', checked: this.checked, indeterminate: this.indeterminate, onCheckboxChange: this.onHeaderInnerCheckboxChange }));
-                case 'icon':
-                    return h("xpl-icon", { icon: this.icon, size: 20 });
-                case 'empty':
-                    return null;
-                default:
-                    return '';
-            }
-        };
-        const effectiveAlign = (this.type === 'checkbox' || this.type === 'icon') && this.align === 'left'
-            ? 'center'
-            : this.align;
-        const alignClass = `xpl-table-header-cell--align-${effectiveAlign}`;
-        const ariaSort = this.type === 'label' && this.sortable
-            ? this.sortDirection === 'asc'
-                ? 'ascending'
-                : this.sortDirection === 'desc'
-                    ? 'descending'
-                    : 'none'
-            : undefined;
-        return (h(Host, { role: "columnheader", "aria-colindex": colIndex, class: {
-                'xpl-table-header-cell': true,
-                [alignClass]: true,
-                'xpl-table-header-cell--checkbox': this.type === 'checkbox',
-                'xpl-table-header-cell--icon': this.type === 'icon',
-                'xpl-table-header-cell--empty': this.type === 'empty',
-                'xpl-table-header-cell--sortable': this.sortable && this.type === 'label',
-            }, "aria-checked": this.type === 'checkbox'
-                ? this.indeterminate
-                    ? 'mixed'
-                    : this.checked
-                        ? 'true'
-                        : 'false'
-                : undefined, "aria-sort": ariaSort }, this.type === 'empty' ? null : renderContent()));
-    }
-    static get is() { return "xpl-table-header-cell"; }
-    static get properties() {
-        return {
-            "align": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'left' | 'right' | 'center'",
-                    "resolved": "\"center\" | \"left\" | \"right\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Horizontal text alignment within the header cell."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "align",
-                "defaultValue": "'left'"
-            },
-            "checkboxAriaLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Accessible name for the header checkbox (native `aria-label`).\nDefaults to \u201CSelect all rows\u201D when `type` is `checkbox`."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "checkbox-aria-label"
-            },
-            "checked": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Whether the header checkbox is checked"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "checked",
-                "defaultValue": "false"
-            },
-            "columnWidth": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "CSS grid track size for this column (e.g. `1fr`, `minmax(120px, 1fr)`, `auto`). When set, overrides `width`.\nUse this when you need flexible columns; default layout uses `auto` per column unless you set a track here."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "column-width"
-            },
-            "icon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Icon to display in the cell.\n\nSee [xpl-icon available icons](../xpl-icon/ICONS.md) for valid icon names."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "icon"
-            },
-            "indeterminate": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Whether the checkbox is in indeterminate (partially selected) state"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "indeterminate",
-                "defaultValue": "false"
-            },
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Text to display in the cell."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "label",
-                "defaultValue": "''"
-            },
-            "sortable": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "When true (and `type` is `label`), renders a sort control (button + affordance icon)."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "sortable",
-                "defaultValue": "false"
-            },
-            "sortDirection": {
-                "type": "string",
-                "mutable": true,
-                "complexType": {
-                    "original": "'asc' | 'desc' | null",
-                    "resolved": "\"asc\" | \"desc\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Active sort direction for this column when `sortable`. Set by `xpl-table` when used inside\na compositional table; may be set by the app for controlled updates."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "sort-direction"
-            },
-            "sortKey": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "When `sortable` is true, optional stable id used as the key in `sortChanged`\u2019s detail object.\nFalls back to a slug of `label` when omitted."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "sort-key"
-            },
-            "type": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'label' | 'checkbox' | 'icon' | 'empty'",
-                    "resolved": "\"checkbox\" | \"empty\" | \"icon\" | \"label\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The type of cell to render."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "type",
-                "defaultValue": "'label'"
-            },
-            "width": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Fixed width for this column in pixels (minimum 48px). Sets the grid track to `Npx`.\nIgnored when `columnWidth` is set. When omitted, the column track defaults to `auto` (content-sized)."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "width"
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "headerCheckboxChange",
-                "name": "headerCheckboxChange",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emitted when header checkbox changes"
-                },
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                }
-            }, {
-                "method": "headerSortChange",
-                "name": "headerSortChange",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emitted when a sortable label header is activated. Parent `xpl-table` coordinates columns and emits `sortChanged`."
-                },
-                "complexType": {
-                    "original": "HeaderSortChangeDetail",
-                    "resolved": "HeaderSortChangeDetail",
-                    "references": {
-                        "HeaderSortChangeDetail": {
-                            "location": "local",
-                            "path": "/home/runner/work/apollo/apollo/packages/apollo-core/src/components/components/xpl-table/xpl-table-header-cell/xpl-table-header-cell.tsx",
-                            "id": "src/components/components/xpl-table/xpl-table-header-cell/xpl-table-header-cell.tsx::HeaderSortChangeDetail"
-                        }
-                    }
-                }
-            }];
-    }
-    static get elementRef() { return "el"; }
-    static get watchers() {
-        return [{
-                "propName": "columnWidth",
-                "methodName": "watchColumnWidth"
-            }, {
-                "propName": "width",
-                "methodName": "watchWidth"
-            }];
-    }
-}

package/dist/collection/components/xpl-table/xpl-table-row/xpl-table-row.js

@@ -1,121 +0,0 @@
-import { Host, h } from "@stencil/core";
-function isTableCell(node) {
-    return node.nodeName === 'XPL-TABLE-CELL';
-}
-export class XplTableRow {
-    constructor() {
-        this.disabled = false;
-        this.selected = false;
-    }
-    onDisabledChange() {
-        this.propagateDisabledToCells();
-    }
-    connectedCallback() {
-        if (typeof MutationObserver === 'undefined')
-            return;
-        this.cellObserver = new MutationObserver((mutations) => {
-            mutations.forEach((mutation) => {
-                if (mutation.type !== 'childList')
-                    return;
-                mutation.addedNodes.forEach((node) => {
-                    if (isTableCell(node)) {
-                        node.disabled = this.disabled;
-                    }
-                });
-            });
-        });
-        this.cellObserver.observe(this.el, { childList: true });
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.cellObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-        this.cellObserver = undefined;
-    }
-    componentDidLoad() {
-        this.propagateDisabledToCells();
-    }
-    propagateDisabledToCells() {
-        const cells = Array.from(this.el.children).filter(isTableCell);
-        cells.forEach((cell) => {
-            cell.disabled = this.disabled;
-        });
-    }
-    render() {
-        return (h(Host, { key: '4abcdcd80a317aec5d2a131d9e8d0331f434e989', role: "row", class: {
-                'xpl-table-row': true,
-                'xpl-table-row--disabled': this.disabled,
-                'xpl-table-row--selected': this.selected,
-            } }, h("slot", { key: 'b2530a240b2e4c7eb4fb4a7691a86242eb9aee16' })));
-    }
-    static get is() { return "xpl-table-row"; }
-    static get properties() {
-        return {
-            "disabled": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Whether the row and its cells are disabled."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "disabled",
-                "defaultValue": "false"
-            },
-            "rowId": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Stable identifier for this row when used with a selectable compositional\n`xpl-table`. If omitted, the parent table assigns a unique id."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "row-id"
-            },
-            "selected": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Whether the row is visually selected."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "selected",
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get elementRef() { return "el"; }
-    static get watchers() {
-        return [{
-                "propName": "disabled",
-                "methodName": "onDisabledChange"
-            }];
-    }
-}

package/dist/components/lifecycle.js

@@ -1 +0,0 @@
-class t{constructor(){this.timeouts=new Set,this.intervals=new Set,this.rafs=new Set}setTimeout(t,e){const i=setTimeout((()=>{this.timeouts.delete(i),t()}),e);return this.timeouts.add(i),i}clearTimeout(t){clearTimeout(t),this.timeouts.delete(t)}setInterval(t,e){const i=setInterval(t,e);return this.intervals.add(i),i}clearInterval(t){clearInterval(t),this.intervals.delete(t)}requestAnimationFrame(t){const e=requestAnimationFrame((i=>{this.rafs.delete(e),t(i)}));return this.rafs.add(e),e}cancelAnimationFrame(t){cancelAnimationFrame(t),this.rafs.delete(t)}dispose(){this.timeouts.forEach((t=>clearTimeout(t))),this.timeouts.clear(),this.intervals.forEach((t=>clearInterval(t))),this.intervals.clear(),this.rafs.forEach((t=>cancelAnimationFrame(t))),this.rafs.clear()}}export{t as T}

package/dist/components/xpl-table-body.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface XplTableBody extends Components.XplTableBody, HTMLElement {}
-export const XplTableBody: {
-    prototype: XplTableBody;
-    new (): XplTableBody;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/xpl-table-body.js

@@ -1 +0,0 @@
-import{proxyCustomElement as e,HTMLElement as t,h as c,Host as o,transformTag as l}from"@stencil/core/internal/client";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return c(o,{key:"7320d9e105bbd49c3ce38b8c199b965a3863440c",role:"rowgroup",class:"xpl-table-body"},c("slot",{key:"3df8f5a49bca0c8b50126cb41e59e1209e57fc6b"}))}},[260,"xpl-table-body"]),b=s,n=function(){"undefined"!=typeof customElements&&["xpl-table-body"].forEach((e=>{"xpl-table-body"===e&&(customElements.get(l(e))||customElements.define(l(e),s))}))};export{b as XplTableBody,n as defineCustomElement}

package/dist/components/xpl-table-cell.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface XplTableCell extends Components.XplTableCell, HTMLElement {}
-export const XplTableCell: {
-    prototype: XplTableCell;
-    new (): XplTableCell;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/xpl-table-cell.js

@@ -1 +0,0 @@
-import{X as l,d as o}from"./xpl-table-cell2.js";const s=l,t=o;export{s as XplTableCell,t as defineCustomElement}

package/dist/components/xpl-table-cell2.js

@@ -1 +0,0 @@
-import{proxyCustomElement as e,HTMLElement as l,h as t,Host as s,transformTag as a}from"@stencil/core/internal/client";const i=e(class extends l{constructor(e){super(),!1!==e&&this.__registerHost(),this.align="left",this.bold=!1,this.disabled=!1,this.underline=!1}onDisabledChange(){this.propagateDisabledToSlotted()}componentDidLoad(){this.propagateDisabledToSlotted()}propagateDisabledToSlotted(){const e=e=>{if(!function(e){switch(e.tagName){case"BUTTON":case"INPUT":case"SELECT":case"TEXTAREA":case"FIELDSET":case"OPTGROUP":case"OPTION":return!0;default:return!1}}(e))return;const l=e;l.disabled=this.disabled,this.disabled?l.setAttribute("disabled",""):l.removeAttribute("disabled")},l=t=>{Array.from(t.children).forEach((t=>{"XPL-TABLE"!==t.tagName&&(e(t),l(t))}))};l(this.el)}render(){return t(s,{key:"91700fc89eff07fc5c54474c12e3a02eb602c6c3",role:"gridcell",class:{"xpl-table-cell":!0,[`xpl-table-cell--align-${this.align}`]:!0,"xpl-table-cell--bold":this.bold,"xpl-table-cell--underline":this.underline,"xpl-table-cell--disabled":this.disabled}},t("slot",{key:"5e956de9f694db16d9f5ea89bda1ff05a15e9efa"}))}get el(){return this}static get watchers(){return{disabled:[{onDisabledChange:0}]}}},[260,"xpl-table-cell",{align:[1],bold:[4],disabled:[4],underline:[4]},void 0,{disabled:[{onDisabledChange:0}]}]);function c(){"undefined"!=typeof customElements&&["xpl-table-cell"].forEach((e=>{"xpl-table-cell"===e&&(customElements.get(a(e))||customElements.define(a(e),i))}))}export{i as X,c as d}

package/dist/components/xpl-table-footer-cell.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface XplTableFooterCell extends Components.XplTableFooterCell, HTMLElement {}
-export const XplTableFooterCell: {
-    prototype: XplTableFooterCell;
-    new (): XplTableFooterCell;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/xpl-table-footer-cell.js

@@ -1 +0,0 @@
-import{X as o,d as t}from"./xpl-table-footer-cell2.js";const e=o,l=t;export{e as XplTableFooterCell,l as defineCustomElement}

package/dist/components/xpl-table-footer-cell2.js

@@ -1 +0,0 @@
-import{proxyCustomElement as e,HTMLElement as l,h as t,Host as c,transformTag as o}from"@stencil/core/internal/client";const s=e(class extends l{constructor(e){super(),!1!==e&&this.__registerHost(),this.align="left"}render(){return t(c,{key:"452cb6ac0333ca57329341404343c290c63fc508",role:"gridcell",class:{"xpl-table-footer-cell":!0,[`xpl-table-footer-cell--align-${this.align}`]:!0}},t("slot",{key:"db6d5848f2aa009437317b9e71a47f0ca9245161"}))}},[260,"xpl-table-footer-cell",{align:[1]}]);function r(){"undefined"!=typeof customElements&&["xpl-table-footer-cell"].forEach((e=>{"xpl-table-footer-cell"===e&&(customElements.get(o(e))||customElements.define(o(e),s))}))}export{s as X,r as d}

package/dist/components/xpl-table-footer.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface XplTableFooter extends Components.XplTableFooter, HTMLElement {}
-export const XplTableFooter: {
-    prototype: XplTableFooter;
-    new (): XplTableFooter;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/xpl-table-footer.js

@@ -1 +0,0 @@
-import{proxyCustomElement as e,HTMLElement as t,h as o,Host as r,transformTag as l}from"@stencil/core/internal/client";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return o(r,{key:"891052963f727f283783138363c9a925cb59140b",role:"rowgroup",class:"xpl-table-footer"},o("slot",{key:"df01f64a46ecd29380df26e053c2a6c246a22556"}))}},[260,"xpl-table-footer"]),s=c,n=function(){"undefined"!=typeof customElements&&["xpl-table-footer"].forEach((e=>{"xpl-table-footer"===e&&(customElements.get(l(e))||customElements.define(l(e),c))}))};export{s as XplTableFooter,n as defineCustomElement}

package/dist/components/xpl-table-header-cell2.js

@@ -1 +0,0 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as l,h as s,Host as i,transformTag as a}from"@stencil/core/internal/client";import{d as c}from"./xpl-checkbox2.js";import{d as n}from"./xpl-icon2.js";const r=e=>{var t,l;if("xpl-table-header-cell"!==e.tagName.toLowerCase())return"auto";const s=e,i="string"==typeof s.columnWidth?s.columnWidth.trim():"",a=null!==(l=null===(t=e.getAttribute("column-width"))||void 0===t?void 0:t.trim())&&void 0!==l?l:"",c=i||a;if(c.length>0)return c;const n=s.width;if("number"==typeof n&&Number.isFinite(n)&&n>0)return`${Math.max(48,n)}px`;const r=e.getAttribute("width");if(null===r||""===r)return"auto";if(/^\s*\d+(\.\d+)?\s*$/.test(r)){const e=Number.parseFloat(r);return Number.isFinite(e)&&e>0?`${Math.max(48,e)}px`:"auto"}return r.trim()},h="data-xpl-selection-managed",o="data-xpl-row-reorder-managed",d=e=>{switch(e){case"asc":return"desc";case"desc":return null;default:return"asc"}},u=e=>{switch(e){case"asc":return"arrow-up";case"desc":return"arrow-down";default:return"dash"}},b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.headerCheckboxChange=l(this,"headerCheckboxChange",7),this.headerSortChange=l(this,"headerSortChange",7),this.align="left",this.checked=!1,this.indeterminate=!1,this.label="",this.sortable=!1,this.type="label",this.onHeaderInnerCheckboxChange=e=>{const{detail:t}=e,l="boolean"==typeof t?t:Boolean(t);this.headerCheckboxChange.emit(l)},this.onSortActivate=e=>{if(e.preventDefault(),e.stopPropagation(),!this.sortable||"label"!==this.type)return;const t=this.getColumnIndex0(),l=this.getSortKeySlug();this.el.closest("xpl-table")||(this.sortDirection=d(this.sortDirection)),this.headerSortChange.emit({columnIndex:t,sortKey:l})}}watchColumnWidth(){this.notifyColumnWidthsChange()}watchWidth(){this.notifyColumnWidthsChange()}componentDidLoad(){this.notifyColumnWidthsChange()}notifyColumnWidthsChange(){this.el.dispatchEvent(new CustomEvent("xplTableColumnWidthsChange",{bubbles:!0,composed:!0}))}getColumnIndex0(){var e,t;return Array.from(null!==(t=null===(e=this.el.parentElement)||void 0===e?void 0:e.children)&&void 0!==t?t:[]).indexOf(this.el)}getSortKeySlug(){var e,t;const l=(null!==(t=null!==(e=this.sortKey)&&void 0!==e?e:this.label)&&void 0!==t?t:"").trim();return l.length>0?l.replace(/ /g,"-").toLowerCase():`column-${this.getColumnIndex0()}`}renderLabelContent(){if(this.sortable){const e="asc"===this.sortDirection?"arrow-up":"arrow-down",t="asc"===this.sortDirection||"desc"===this.sortDirection;return s("button",{type:"button",class:"xpl-table-header-cell__sort",onClick:this.onSortActivate},s("span",{class:"xpl-table-header-cell__text"},s("slot",null,this.label)),s("xpl-icon",{class:{"xpl-table-header-cell__sort-icon":!0,"xpl-table-header-cell__sort-icon--active":t,"xpl-table-header-cell__sort-icon--default":!t},icon:e,size:16}))}return s("span",{class:"xpl-table-header-cell__text"},s("slot",null,this.label))}render(){const e=this.getColumnIndex0()+1,t=`xpl-table-header-cell--align-${"checkbox"!==this.type&&"icon"!==this.type||"left"!==this.align?this.align:"center"}`,l="label"===this.type&&this.sortable?"asc"===this.sortDirection?"ascending":"desc"===this.sortDirection?"descending":"none":void 0;return s(i,{role:"columnheader","aria-colindex":e,class:{"xpl-table-header-cell":!0,[t]:!0,"xpl-table-header-cell--checkbox":"checkbox"===this.type,"xpl-table-header-cell--icon":"icon"===this.type,"xpl-table-header-cell--empty":"empty"===this.type,"xpl-table-header-cell--sortable":this.sortable&&"label"===this.type},"aria-checked":"checkbox"===this.type?this.indeterminate?"mixed":this.checked?"true":"false":void 0,"aria-sort":l},"empty"===this.type?null:(()=>{var e;switch(this.type){case"label":return this.renderLabelContent();case"checkbox":return s("xpl-checkbox",{ariaLabel:null!==(e=this.checkboxAriaLabel)&&void 0!==e?e:"Select all rows",checked:this.checked,indeterminate:this.indeterminate,onCheckboxChange:this.onHeaderInnerCheckboxChange});case"icon":return s("xpl-icon",{icon:this.icon,size:20});case"empty":return null;default:return""}})())}get el(){return this}static get watchers(){return{columnWidth:[{watchColumnWidth:0}],width:[{watchWidth:0}]}}},[260,"xpl-table-header-cell",{align:[1],checkboxAriaLabel:[1,"checkbox-aria-label"],checked:[4],columnWidth:[513,"column-width"],icon:[1],indeterminate:[4],label:[1],sortable:[4],sortDirection:[1537,"sort-direction"],sortKey:[1,"sort-key"],type:[1],width:[514]},void 0,{columnWidth:[{watchColumnWidth:0}],width:[{watchWidth:0}]}]);function p(){"undefined"!=typeof customElements&&["xpl-table-header-cell","xpl-checkbox","xpl-icon"].forEach((e=>{switch(e){case"xpl-table-header-cell":customElements.get(a(e))||customElements.define(a(e),b);break;case"xpl-checkbox":customElements.get(a(e))||c();break;case"xpl-icon":customElements.get(a(e))||n()}}))}export{o as R,h as S,b as T,u as a,d as c,p as d,r as g}

package/dist/components/xpl-table-row.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface XplTableRow extends Components.XplTableRow, HTMLElement {}
-export const XplTableRow: {
-    prototype: XplTableRow;
-    new (): XplTableRow;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/xpl-table-row.js

@@ -1 +0,0 @@
-import{proxyCustomElement as e,HTMLElement as t,h as s,Host as i,transformTag as l}from"@stencil/core/internal/client";function a(e){return"XPL-TABLE-CELL"===e.nodeName}const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.disabled=!1,this.selected=!1}onDisabledChange(){this.propagateDisabledToCells()}connectedCallback(){"undefined"!=typeof MutationObserver&&(this.cellObserver=new MutationObserver((e=>{e.forEach((e=>{"childList"===e.type&&e.addedNodes.forEach((e=>{a(e)&&(e.disabled=this.disabled)}))}))})),this.cellObserver.observe(this.el,{childList:!0}))}disconnectedCallback(){var e;null===(e=this.cellObserver)||void 0===e||e.disconnect(),this.cellObserver=void 0}componentDidLoad(){this.propagateDisabledToCells()}propagateDisabledToCells(){Array.from(this.el.children).filter(a).forEach((e=>{e.disabled=this.disabled}))}render(){return s(i,{key:"4abcdcd80a317aec5d2a131d9e8d0331f434e989",role:"row",class:{"xpl-table-row":!0,"xpl-table-row--disabled":this.disabled,"xpl-table-row--selected":this.selected}},s("slot",{key:"b2530a240b2e4c7eb4fb4a7691a86242eb9aee16"}))}get el(){return this}static get watchers(){return{disabled:[{onDisabledChange:0}]}}},[260,"xpl-table-row",{disabled:[4],rowId:[513,"row-id"],selected:[4]},void 0,{disabled:[{onDisabledChange:0}]}]),n=o,d=function(){"undefined"!=typeof customElements&&["xpl-table-row"].forEach((e=>{"xpl-table-row"===e&&(customElements.get(l(e))||customElements.define(l(e),o))}))};export{n as XplTableRow,d as defineCustomElement}

package/dist/docs/xpl-table/xpl-table-body/readme.md

@@ -1,10 +0,0 @@
-# xpl-table-body
-
-
-
-<!-- Auto Generated Below -->
-
-
-----------------------------------------------
-
-*Built with [StencilJS](https://stenciljs.com/)*