@pine-ds/core 3.26.3 → 3.27.0

package/components/pds-table.js

@@ -1,291 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { g as getScrollOffsetFromStart } from './scroll.js';
-
-const pdsTableCss = "@charset \"UTF-8\";:host{--color-background-default:var(--pine-color-background-container);background:var(--color-background-default);border-collapse:separate;border-radius:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;display:table;isolation:isolate;width:100%}:host(:focus-visible){outline:var(--pine-outline-focus)}:host(.pds-table-responsive-host){border-radius:inherit;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;display:block !important;max-width:100% !important;overflow:hidden !important;position:relative !important;width:100% !important}.pds-table-responsive-container{border-radius:inherit;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;overflow-x:auto !important;overflow-y:visible !important;position:relative !important;width:100% !important}.pds-table-responsive-wrapper{border-radius:inherit;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;display:block !important;position:relative !important;width:100% !important}.pds-table-responsive-wrapper .pds-table{display:table !important;min-width:-webkit-max-content !important;min-width:-moz-max-content !important;min-width:max-content !important;table-layout:auto !important;white-space:nowrap !important;width:100% !important}.scroll-shadow-left,.scroll-shadow-right{height:100%;opacity:0;pointer-events:none;position:absolute;top:0;-webkit-transition:opacity 0.1s ease;transition:opacity 0.1s ease;width:4px;z-index:var(--pine-z-index)}.scroll-shadow-left{background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(transparent));background:linear-gradient(to right, rgba(0, 0, 0, 0.1), transparent);border-end-start-radius:inherit;border-start-start-radius:inherit;inset-inline-start:0}:host-context([dir=rtl]) .scroll-shadow-left{background:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(transparent));background:linear-gradient(to left, rgba(0, 0, 0, 0.1), transparent)}.scroll-shadow-right{background:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(transparent));background:linear-gradient(to left, rgba(0, 0, 0, 0.1), transparent);border-end-end-radius:inherit;border-start-end-radius:inherit;inset-inline-end:0}:host-context([dir=rtl]) .scroll-shadow-right{background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(transparent));background:linear-gradient(to right, rgba(0, 0, 0, 0.1), transparent)}";
-
-const PdsTable$1 = /*@__PURE__*/ proxyCustomElement(class PdsTable extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.pdsTableSelectAll = createEvent(this, "pdsTableSelectAll", 7);
-        this.scrollContainer = null;
-        this._responsiveHandleScroll = null;
-        this._responsiveHandleResize = null;
-        this._responsiveResizeObserver = null;
-        this._teardownResponsive = null;
-        /**
-         * Hides the select-all checkbox in the table header while keeping individual row checkboxes functional.
-         * Only applies when `selectable` is true.
-         * @defaultValue false
-         */
-        this.disableSelectAll = false;
-        /**
-         * Adds divider borders between table rows. The last row will not have a bottom border.
-         * @defaultValue false
-         */
-        this.rowDividers = false;
-        /**
-         * The direction to sort the default column on initial load.
-         * Only applies if `defaultSortColumn` is set.
-         * @defaultValue 'asc'
-         */
-        this.defaultSortDirection = 'asc';
-        /**
-         * The name of the column being sorted.
-         * @defaultValue null
-         */
-        this.sortingColumn = null;
-        /**
-         * The direction of sorting.
-         * @defaultValue 'asc'
-         */
-        this.sortingDirection = 'asc';
-    }
-    componentDidLoad() {
-        if (this.responsive) {
-            this.setupResponsiveScrolling();
-        }
-        // Apply default sort if specified
-        // Use requestAnimationFrame to defer until child components are fully initialized
-        if (this.defaultSortColumn) {
-            requestAnimationFrame(() => {
-                void this.applyDefaultSort().catch((err) => {
-                    console.warn('Failed to apply default sort.', err);
-                });
-            });
-        }
-    }
-    /**
-     * Applies the default sort configuration on initial load.
-     * Finds the matching column header and activates its sort state.
-     * @private
-     */
-    async applyDefaultSort() {
-        var _a;
-        // Normalize direction to handle invalid HTML attribute values
-        const direction = this.defaultSortDirection === 'desc' ? 'desc' : 'asc';
-        // Find the matching sortable header cell
-        const columnHeaderCells = Array.from(this.el.querySelectorAll('pds-table-head-cell[sortable]'));
-        const matchingCell = columnHeaderCells.find((cell) => { var _a; return ((_a = cell.textContent) !== null && _a !== void 0 ? _a : '').trim() === this.defaultSortColumn; });
-        if (matchingCell) {
-            const columnName = ((_a = matchingCell.textContent) !== null && _a !== void 0 ? _a : '').trim();
-            // Sort the table data
-            this.sortTable(columnName, direction);
-            this.sortingColumn = columnName;
-            this.sortingDirection = direction;
-            // Activate the visual state on the header cell
-            await matchingCell.setActiveSort(direction);
-        }
-        else {
-            console.warn(`Default sort column "${this.defaultSortColumn}" not found.`);
-        }
-    }
-    disconnectedCallback() {
-        if (this._teardownResponsive) {
-            this._teardownResponsive();
-            this._teardownResponsive = null;
-        }
-    }
-    /**
-     * Sets up responsive scrolling behavior for the table.
-     *
-     * This method creates a horizontal scrolling system where:
-     * - The table content can scroll horizontally when it exceeds the container width
-     * - Scroll shadows appear at the inline-start/end edges to indicate scrollable content
-     * - Fixed columns remain sticky during horizontal scrolling
-     * - Shadows respect border-radius and don't appear when there's nothing to scroll
-     *
-     * Architecture:
-     * - Host element: Contains everything, respects parent constraints
-     * - Container element: Handles horizontal scrolling (overflow-x: auto)
-     * - Shadow elements: Positioned fixed relative to host, show scroll indicators
-     *
-     * @private
-     */
-    setupResponsiveScrolling() {
-        var _a, _b, _c;
-        const container = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.pds-table-responsive-container');
-        const leftShadow = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.scroll-shadow-left');
-        const rightShadow = (_c = this.el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.scroll-shadow-right');
-        if (!container || !leftShadow || !rightShadow)
-            return;
-        // Store container reference for cleanup
-        this.scrollContainer = container;
-        /**
-         * Updates the visibility of scroll shadows based on current scroll position.
-         * Inline-start shadow: shows when scrolled away from start (hidden if fixedColumn is enabled)
-         * Inline-end shadow: shows when there is content to scroll and not at the end
-         */
-        this._responsiveHandleScroll = () => {
-            if (!this.scrollContainer)
-                return;
-            const { scrollWidth, clientWidth } = this.scrollContainer;
-            const maxScroll = scrollWidth - clientWidth;
-            const scrollOffset = getScrollOffsetFromStart(this.scrollContainer);
-            // Inline-start shadow when scrolled away from start, but not if there's a fixed column
-            leftShadow.style.opacity = (scrollOffset > 0 && !this.fixedColumn) ? '1' : '0';
-            // Inline-end shadow when there is content to scroll and not at the end
-            rightShadow.style.opacity = (maxScroll > 0 && scrollOffset < maxScroll - 1) ? '1' : '0';
-        };
-        // Add scroll event listener to container element
-        this.scrollContainer.addEventListener('scroll', this._responsiveHandleScroll, { passive: true });
-        // Add resize observer to update shadows when container size changes
-        if (typeof window !== 'undefined' && window.ResizeObserver) {
-            try {
-                this._responsiveResizeObserver = new ResizeObserver(() => {
-                    var _a;
-                    (_a = this._responsiveHandleScroll) === null || _a === void 0 ? void 0 : _a.call(this);
-                });
-                this._responsiveResizeObserver.observe(this.scrollContainer);
-            }
-            catch (error) {
-                // ResizeObserver not available in some environments (e.g., tests)
-                // Fall back to window resize listener only
-            }
-        }
-        // Listen for window resize as fallback
-        if (typeof window !== 'undefined') {
-            this._responsiveHandleResize = () => {
-                var _a;
-                (_a = this._responsiveHandleScroll) === null || _a === void 0 ? void 0 : _a.call(this);
-            };
-            window.addEventListener('resize', this._responsiveHandleResize);
-        }
-        // Create teardown function for cleanup
-        this._teardownResponsive = () => {
-            if (this.scrollContainer && this._responsiveHandleScroll) {
-                this.scrollContainer.removeEventListener('scroll', this._responsiveHandleScroll);
-                this.scrollContainer = null;
-            }
-            if (this._responsiveResizeObserver) {
-                this._responsiveResizeObserver.disconnect();
-                this._responsiveResizeObserver = null;
-            }
-            if (typeof window !== 'undefined' && this._responsiveHandleResize) {
-                window.removeEventListener('resize', this._responsiveHandleResize);
-                this._responsiveHandleResize = null;
-            }
-            this._responsiveHandleScroll = null;
-        };
-        // Initial check after setup
-        this._responsiveHandleScroll();
-    }
-    classNames() {
-        const classNames = ['pds-table'];
-        if (this.compact) {
-            classNames.push('is-compact');
-        }
-        if (this.responsive) {
-            classNames.push('is-responsive');
-        }
-        return classNames.join('  ');
-    }
-    sortTable(column, direction) {
-        const tableBody = this.el.querySelector('pds-table-body');
-        // Return early if no table body exists
-        if (!tableBody)
-            return;
-        // Get the rows in the table body
-        const tableRows = Array.from(tableBody.querySelectorAll('pds-table-row'));
-        // Find the column index based on the column name
-        const columnHeaderCells = Array.from(this.el.querySelectorAll('pds-table-head-cell[sortable]'));
-        const columnHeaderCell = columnHeaderCells.find((cell) => cell.innerText.trim() === column);
-        if (!columnHeaderCell) {
-            console.warn(`Column "${column}" not found.`);
-            return;
-        }
-        const columnIndex = columnHeaderCells.indexOf(columnHeaderCell);
-        // Sort the rows based on the content of the specified column
-        tableRows.sort((a, b) => {
-            const valueA = a.querySelector(`pds-table-cell:nth-child(${columnIndex + 1})`).textContent.trim();
-            const valueB = b.querySelector(`pds-table-cell:nth-child(${columnIndex + 1})`).textContent.trim();
-            if (direction === 'asc') {
-                return valueA.localeCompare(valueB, undefined, { sensitivity: 'base' });
-            }
-            else {
-                return valueB.localeCompare(valueA, undefined, { sensitivity: 'base' });
-            }
-        });
-        // Clear and append the sorted rows back to the table body
-        tableBody.innerHTML = '';
-        tableRows.forEach((row) => {
-            tableBody.appendChild(row);
-        });
-    }
-    handleTableSort(event) {
-        if (event.defaultPrevented)
-            return;
-        const { direction } = event.detail;
-        this.sortTable(event.detail.column, direction);
-        this.sortingColumn = event.detail.column;
-        this.sortingDirection = direction;
-    }
-    handleTableSelectAll(event) {
-        if (event.defaultPrevented)
-            return;
-        const pdsTableBody = this.el.querySelector('pds-table-body');
-        const tableRows = Array.from(pdsTableBody.querySelectorAll('pds-table-row'));
-        tableRows.forEach((row) => {
-            row.isSelected = event.detail.isSelected;
-        });
-    }
-    async handleTableSelect(event) {
-        if (event.defaultPrevented)
-            return;
-        const allTableRows = this.el.querySelectorAll('pds-table-row');
-        const allSelectedRows = Array.from(allTableRows).every((row) => row.isSelected);
-        const noneSelectedRows = Array.from(allTableRows).every((row) => !row.isSelected);
-        const pdsTableHead = this.el.querySelector('pds-table-head');
-        if (!pdsTableHead)
-            return;
-        const headerCheckbox = pdsTableHead.shadowRoot.querySelector('pds-checkbox');
-        if (headerCheckbox) {
-            headerCheckbox.checked = allSelectedRows;
-            headerCheckbox.indeterminate = !allSelectedRows && !noneSelectedRows;
-        }
-    }
-    render() {
-        if (this.responsive) {
-            return (h(Host, { class: "pds-table is-responsive pds-table-responsive-host", id: this.componentId, role: "grid", selectable: this.selectable, tabindex: "0", part: "table responsive-table" }, h("div", { class: "scroll-shadow-left", part: "scroll-shadow-left" }), h("div", { class: "scroll-shadow-right", part: "scroll-shadow-right" }), h("div", { class: "pds-table-responsive-container", part: "responsive-container" }, h("div", { class: "pds-table-responsive-wrapper", part: "responsive-wrapper" }, h("div", { class: this.classNames(), part: "table-inner" }, h("slot", null))))));
-        }
-        return (h(Host, { class: this.classNames(), id: this.componentId, role: "grid", selectable: this.selectable, tabindex: "0", part: "table" }, h("slot", null)));
-    }
-    get el() { return this; }
-    static get style() { return pdsTableCss; }
-}, [257, "pds-table", {
-        "compact": [4],
-        "componentId": [1, "component-id"],
-        "responsive": [4],
-        "fixedColumn": [4, "fixed-column"],
-        "selectable": [4],
-        "disableSelectAll": [4, "disable-select-all"],
-        "rowDividers": [516, "row-dividers"],
-        "defaultSortColumn": [1, "default-sort-column"],
-        "defaultSortDirection": [1, "default-sort-direction"],
-        "sortingColumn": [32],
-        "sortingDirection": [32]
-    }, [[0, "pdsTableSort", "handleTableSort"], [0, "pdsTableSelectAll", "handleTableSelectAll"], [0, "pdsTableRowSelected", "handleTableSelect"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pds-table"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pds-table":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PdsTable$1);
-            }
-            break;
-    } });
-}
-
-const PdsTable = PdsTable$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PdsTable, defineCustomElement };
-//# sourceMappingURL=pds-table.js.map
-
-//# sourceMappingURL=pds-table.js.map
+import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as s,Host as r,transformTag as o}from"@stencil/core/internal/client";import{g as n}from"./scroll.js";const a=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.pdsTableSelectAll=e(this,"pdsTableSelectAll",7),this.scrollContainer=null,this._responsiveHandleScroll=null,this._responsiveHandleResize=null,this._responsiveResizeObserver=null,this._teardownResponsive=null,this.disableSelectAll=!1,this.rowDividers=!1,this.defaultSortDirection="asc",this.sortingColumn=null,this.sortingDirection="asc"}componentDidLoad(){this.responsive&&this.setupResponsiveScrolling(),this.defaultSortColumn&&requestAnimationFrame((()=>{this.applyDefaultSort().catch((t=>{console.warn("Failed to apply default sort.",t)}))}))}async applyDefaultSort(){var t;const i="desc"===this.defaultSortDirection?"desc":"asc",e=Array.from(this.el.querySelectorAll("pds-table-head-cell[sortable]")).find((t=>{var i;return(null!==(i=t.textContent)&&void 0!==i?i:"").trim()===this.defaultSortColumn}));if(e){const s=(null!==(t=e.textContent)&&void 0!==t?t:"").trim();this.sortTable(s,i),this.sortingColumn=s,this.sortingDirection=i,await e.setActiveSort(i)}else console.warn(`Default sort column "${this.defaultSortColumn}" not found.`)}disconnectedCallback(){this._teardownResponsive&&(this._teardownResponsive(),this._teardownResponsive=null)}setupResponsiveScrolling(){var t,i,e;const s=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(".pds-table-responsive-container"),r=null===(i=this.el.shadowRoot)||void 0===i?void 0:i.querySelector(".scroll-shadow-left"),o=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector(".scroll-shadow-right");if(s&&r&&o){if(this.scrollContainer=s,this._responsiveHandleScroll=()=>{if(!this.scrollContainer)return;const{scrollWidth:t,clientWidth:i}=this.scrollContainer,e=t-i,s=n(this.scrollContainer);r.style.opacity=s>0&&!this.fixedColumn?"1":"0",o.style.opacity=e>0&&s<e-1?"1":"0"},this.scrollContainer.addEventListener("scroll",this._responsiveHandleScroll,{passive:!0}),"undefined"!=typeof window&&window.ResizeObserver)try{this._responsiveResizeObserver=new ResizeObserver((()=>{var t;null===(t=this._responsiveHandleScroll)||void 0===t||t.call(this)})),this._responsiveResizeObserver.observe(this.scrollContainer)}catch(t){}"undefined"!=typeof window&&(this._responsiveHandleResize=()=>{var t;null===(t=this._responsiveHandleScroll)||void 0===t||t.call(this)},window.addEventListener("resize",this._responsiveHandleResize)),this._teardownResponsive=()=>{this.scrollContainer&&this._responsiveHandleScroll&&(this.scrollContainer.removeEventListener("scroll",this._responsiveHandleScroll),this.scrollContainer=null),this._responsiveResizeObserver&&(this._responsiveResizeObserver.disconnect(),this._responsiveResizeObserver=null),"undefined"!=typeof window&&this._responsiveHandleResize&&(window.removeEventListener("resize",this._responsiveHandleResize),this._responsiveHandleResize=null),this._responsiveHandleScroll=null},this._responsiveHandleScroll()}}classNames(){const t=["pds-table"];return this.compact&&t.push("is-compact"),this.responsive&&t.push("is-responsive"),t.join("  ")}sortTable(t,i){const e=this.el.querySelector("pds-table-body");if(!e)return;const s=Array.from(e.querySelectorAll("pds-table-row")),r=Array.from(this.el.querySelectorAll("pds-table-head-cell[sortable]")),o=r.find((i=>i.innerText.trim()===t));if(!o)return void console.warn(`Column "${t}" not found.`);const n=r.indexOf(o);s.sort(((t,e)=>{const s=t.querySelector(`pds-table-cell:nth-child(${n+1})`).textContent.trim(),r=e.querySelector(`pds-table-cell:nth-child(${n+1})`).textContent.trim();return"asc"===i?s.localeCompare(r,void 0,{sensitivity:"base"}):r.localeCompare(s,void 0,{sensitivity:"base"})})),e.innerHTML="",s.forEach((t=>{e.appendChild(t)}))}handleTableSort(t){if(t.defaultPrevented)return;const{direction:i}=t.detail;this.sortTable(t.detail.column,i),this.sortingColumn=t.detail.column,this.sortingDirection=i}handleTableSelectAll(t){if(t.defaultPrevented)return;const i=this.el.querySelector("pds-table-body");Array.from(i.querySelectorAll("pds-table-row")).forEach((i=>{i.isSelected=t.detail.isSelected}))}async handleTableSelect(t){if(t.defaultPrevented)return;const i=this.el.querySelectorAll("pds-table-row"),e=Array.from(i).every((t=>t.isSelected)),s=Array.from(i).every((t=>!t.isSelected)),r=this.el.querySelector("pds-table-head");if(!r)return;const o=r.shadowRoot.querySelector("pds-checkbox");o&&(o.checked=e,o.indeterminate=!e&&!s)}render(){return this.responsive?s(r,{class:"pds-table is-responsive pds-table-responsive-host",id:this.componentId,role:"grid",selectable:this.selectable,tabindex:"0",part:"table responsive-table"},s("div",{class:"scroll-shadow-left",part:"scroll-shadow-left"}),s("div",{class:"scroll-shadow-right",part:"scroll-shadow-right"}),s("div",{class:"pds-table-responsive-container",part:"responsive-container"},s("div",{class:"pds-table-responsive-wrapper",part:"responsive-wrapper"},s("div",{class:this.classNames(),part:"table-inner"},s("slot",null))))):s(r,{class:this.classNames(),id:this.componentId,role:"grid",selectable:this.selectable,tabindex:"0",part:"table"},s("slot",null))}get el(){return this}static get style(){return'@charset "UTF-8";:host{--color-background-default:var(--pine-color-background-container);background:var(--color-background-default);border-collapse:separate;border-radius:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;display:table;isolation:isolate;width:100%}:host(:focus-visible){outline:var(--pine-outline-focus)}:host(.pds-table-responsive-host){border-radius:inherit;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;display:block !important;max-width:100% !important;overflow:hidden !important;position:relative !important;width:100% !important}.pds-table-responsive-container{border-radius:inherit;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;overflow-x:auto !important;overflow-y:visible !important;position:relative !important;width:100% !important}.pds-table-responsive-wrapper{border-radius:inherit;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;display:block !important;position:relative !important;width:100% !important}.pds-table-responsive-wrapper .pds-table{display:table !important;min-width:-webkit-max-content !important;min-width:-moz-max-content !important;min-width:max-content !important;table-layout:auto !important;white-space:nowrap !important;width:100% !important}.scroll-shadow-left,.scroll-shadow-right{height:100%;opacity:0;pointer-events:none;position:absolute;top:0;-webkit-transition:opacity 0.1s ease;transition:opacity 0.1s ease;width:4px;z-index:var(--pine-z-index)}.scroll-shadow-left{background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(transparent));background:linear-gradient(to right, rgba(0, 0, 0, 0.1), transparent);border-end-start-radius:inherit;border-start-start-radius:inherit;inset-inline-start:0}:host-context([dir=rtl]) .scroll-shadow-left{background:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(transparent));background:linear-gradient(to left, rgba(0, 0, 0, 0.1), transparent)}.scroll-shadow-right{background:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(transparent));background:linear-gradient(to left, rgba(0, 0, 0, 0.1), transparent);border-end-end-radius:inherit;border-start-end-radius:inherit;inset-inline-end:0}:host-context([dir=rtl]) .scroll-shadow-right{background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(transparent));background:linear-gradient(to right, rgba(0, 0, 0, 0.1), transparent)}'}},[257,"pds-table",{compact:[4],componentId:[1,"component-id"],responsive:[4],fixedColumn:[4,"fixed-column"],selectable:[4],disableSelectAll:[4,"disable-select-all"],rowDividers:[516,"row-dividers"],defaultSortColumn:[1,"default-sort-column"],defaultSortDirection:[1,"default-sort-direction"],sortingColumn:[32],sortingDirection:[32]},[[0,"pdsTableSort","handleTableSort"],[0,"pdsTableSelectAll","handleTableSelectAll"],[0,"pdsTableRowSelected","handleTableSelect"]]]),l=a,d=function(){"undefined"!=typeof customElements&&["pds-table"].forEach((t=>{"pds-table"===t&&(customElements.get(o(t))||customElements.define(o(t),a))}))};export{l as PdsTable,d as defineCustomElement}

package/components/pds-tabpanel.js

@@ -1,48 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const pdsTabpanelCss = ":host{display:block}.pds-tabpanel{display:none;margin-top:var(--tabs-dimension-panel-margin-top);padding:var(--tabs-dimension-panel-padding)}.pds-tabpanel:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-tabpanel.is-active{display:block}";
-
-const PdsTabpanel$1 = /*@__PURE__*/ proxyCustomElement(class PdsTabpanel extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        /**
-         * Keeps track of the tabpanel selected state, this property is passed by parent component
-         */
-        /** @internal */
-        this.selected = false; // eslint-disable-line @stencil-community/strict-mutable
-    }
-    render() {
-        return (h(Host, { key: '6ba83ea71c899d61f67884780731591a05aa1894', slot: "tabpanels" }, h("div", { key: 'abaa610f7a68a3977303e08f1221976ae2840272', role: "tabpanel", id: this.parentComponentId + "__" + this.name + '-panel', tabindex: "0", "aria-labelledby": this.parentComponentId + "__" + this.name, class: this.selected ? "pds-tabpanel is-active" : "pds-tabpanel" }, h("slot", { key: 'b80ecc1380f424d545b31843b53de1b2854e9f28' }))));
-    }
-    get el() { return this; }
-    static get style() { return pdsTabpanelCss; }
-}, [260, "pds-tabpanel", {
-        "name": [1],
-        "parentComponentId": [1, "parent-component-id"],
-        "variant": [1],
-        "selected": [1028]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pds-tabpanel"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pds-tabpanel":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PdsTabpanel$1);
-            }
-            break;
-    } });
-}
-
-const PdsTabpanel = PdsTabpanel$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PdsTabpanel, defineCustomElement };
-//# sourceMappingURL=pds-tabpanel.js.map
-
-//# sourceMappingURL=pds-tabpanel.js.map
+import{proxyCustomElement as e,HTMLElement as t,h as a,Host as n,transformTag as s}from"@stencil/core/internal/client";const i=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.selected=!1}render(){return a(n,{key:"6ba83ea71c899d61f67884780731591a05aa1894",slot:"tabpanels"},a("div",{key:"abaa610f7a68a3977303e08f1221976ae2840272",role:"tabpanel",id:this.parentComponentId+"__"+this.name+"-panel",tabindex:"0","aria-labelledby":this.parentComponentId+"__"+this.name,class:this.selected?"pds-tabpanel is-active":"pds-tabpanel"},a("slot",{key:"b80ecc1380f424d545b31843b53de1b2854e9f28"})))}get el(){return this}static get style(){return":host{display:block}.pds-tabpanel{display:none;margin-top:var(--tabs-dimension-panel-margin-top);padding:var(--tabs-dimension-panel-padding)}.pds-tabpanel:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-tabpanel.is-active{display:block}"}},[260,"pds-tabpanel",{name:[1],parentComponentId:[1,"parent-component-id"],variant:[1],selected:[1028]}]),l=i,p=function(){"undefined"!=typeof customElements&&["pds-tabpanel"].forEach((e=>{"pds-tabpanel"===e&&(customElements.get(s(e))||customElements.define(s(e),i))}))};export{l as PdsTabpanel,p as defineCustomElement}

package/components/pds-tabs.js

@@ -1,126 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const pdsTabsCss = ":host{--tabs-dimension-panel-margin-top:var(--pine-dimension-none);--tabs-dimension-panel-padding:0;display:block}.pds-tabs__tablist{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--pine-dimension-md)}:host(.pds-tabs--availability) .pds-tabs__tablist{gap:var(--pine-dimension-xs)}:host(.pds-tabs--filter) .pds-tabs__tablist{gap:var(--pine-dimension-sm)}:host(.pds-tabs--pill) .pds-tabs__tablist{background-color:var(--pine-color-background-app);border:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-radius:var(--pine-dimension-100);display:-ms-inline-flexbox;display:inline-flex;display:-ms-flexbox;display:flex;gap:0;height:var(--pine-dimension-450)}";
-
-const PdsTabs$1 = /*@__PURE__*/ proxyCustomElement(class PdsTabs extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    tabClickHandler(event) {
-        if (this.componentId === event.detail[1]) {
-            this.activeTabIndex = event.detail[0];
-            this.activeTabName = this.tabs[this.activeTabIndex].name;
-        }
-    }
-    handleKeyDown(ev) {
-        const keySet = ["ArrowLeft", "ArrowRight", "Home", "End"];
-        // Only handle keyboard navigation if the event originated from a tab button
-        // that belongs to THIS tabs component
-        const target = ev.target;
-        const targetTab = target.closest('pds-tab');
-        // Check if the tab belongs to this tabs instance (not a nested one)
-        const isOwnTab = targetTab && targetTab.closest('pds-tabs') === this.el;
-        if (keySet.includes(ev.key) && isOwnTab) {
-            ev.preventDefault();
-            this.moveActiveTab(ev.key);
-        }
-    }
-    moveActiveTab(key) {
-        const firstTabNumber = 0;
-        const lastTabNumber = this.tabs.length - 1;
-        let moveFocusTo = null;
-        switch (key) {
-            case 'ArrowLeft':
-                moveFocusTo = (this.activeTabIndex === firstTabNumber) ? lastTabNumber : (this.activeTabIndex + (-1));
-                break;
-            case 'ArrowRight':
-                moveFocusTo = (this.activeTabIndex === lastTabNumber) ? firstTabNumber : (this.activeTabIndex + 1);
-                break;
-            case 'Home':
-                moveFocusTo = firstTabNumber;
-                break;
-            case 'End':
-                moveFocusTo = lastTabNumber;
-                break;
-        }
-        // Move focus to the button element within `pds-tab`
-        this.tabs[moveFocusTo].children[0].focus();
-        this.activeTabName = this.tabs[moveFocusTo].name;
-        this.activeTabIndex = moveFocusTo;
-    }
-    findAllChildren() {
-        // Only select direct children tabs/tabpanels, not nested ones
-        const allTabs = Array.from(this.el.querySelectorAll('pds-tab'));
-        const allTabPanels = Array.from(this.el.querySelectorAll('pds-tabpanel'));
-        // Filter to only include tabs that belong to this tabs component (not nested)
-        this.tabs = allTabs.filter(tab => tab.closest('pds-tabs') === this.el);
-        this.tabPanels = allTabPanels.filter(panel => panel.closest('pds-tabs') === this.el);
-    }
-    propGeneration(child, index = 0) {
-        child.parentComponentId = this.componentId.toString();
-        child.variant = this.variant.toString();
-        child.selected = (this.activeTabName === child.name) ? true : false;
-        child['index'] = index;
-    }
-    passPropsToChildren() {
-        this.tabs.forEach((child, index) => {
-            if (this.activeTabName === child.name)
-                this.activeTabIndex = index;
-            this.propGeneration(child, index);
-        });
-        this.tabPanels.forEach((child) => {
-            this.propGeneration(child);
-        });
-    }
-    classNames() {
-        let className = `pds-tabs`;
-        if (this.variant && this.variant != 'primary') {
-            const variantClassName = `pds-tabs--${this.variant}`;
-            className += ' ' + variantClassName;
-        }
-        return className;
-    }
-    ;
-    componentWillLoad() {
-        this.findAllChildren();
-    }
-    componentWillRender() {
-        this.passPropsToChildren();
-    }
-    render() {
-        return (h(Host, { key: '213dfbe8f2828b430ab81dce23f43c2137206861', "active-tab-name": this.activeTabName, class: this.classNames(), id: this.componentId }, h("div", { key: '68989e852e2eeed180f91e5ac901c4318d6c0d70', class: "pds-tabs__tablist", role: "tablist", "aria-label": this.tablistLabel, part: "tab-list" }, h("slot", { key: '4a06996745c049fdaf830460e8d57caefd50900b', name: "tabs" })), h("slot", { key: 'e0558392bff0955defb133b36dd4e7360f33acce', name: "tabpanels" })));
-    }
-    get el() { return this; }
-    static get style() { return pdsTabsCss; }
-}, [257, "pds-tabs", {
-        "tablistLabel": [1, "tablist-label"],
-        "componentId": [1, "component-id"],
-        "variant": [1],
-        "activeTabName": [1025, "active-tab-name"],
-        "activeTabIndex": [1026, "active-tab-index"]
-    }, [[16, "pdsTabClick", "tabClickHandler"], [0, "keydown", "handleKeyDown"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pds-tabs"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pds-tabs":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PdsTabs$1);
-            }
-            break;
-    } });
-}
-
-const PdsTabs = PdsTabs$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PdsTabs, defineCustomElement };
-//# sourceMappingURL=pds-tabs.js.map
-
-//# sourceMappingURL=pds-tabs.js.map
+import{proxyCustomElement as s,HTMLElement as t,h as e,Host as i,transformTag as a}from"@stencil/core/internal/client";const n=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow()}tabClickHandler(s){this.componentId===s.detail[1]&&(this.activeTabIndex=s.detail[0],this.activeTabName=this.tabs[this.activeTabIndex].name)}handleKeyDown(s){const t=s.target.closest("pds-tab"),e=t&&t.closest("pds-tabs")===this.el;["ArrowLeft","ArrowRight","Home","End"].includes(s.key)&&e&&(s.preventDefault(),this.moveActiveTab(s.key))}moveActiveTab(s){const t=this.tabs.length-1;let e=null;switch(s){case"ArrowLeft":e=0===this.activeTabIndex?t:this.activeTabIndex+-1;break;case"ArrowRight":e=this.activeTabIndex===t?0:this.activeTabIndex+1;break;case"Home":e=0;break;case"End":e=t}this.tabs[e].children[0].focus(),this.activeTabName=this.tabs[e].name,this.activeTabIndex=e}findAllChildren(){const s=Array.from(this.el.querySelectorAll("pds-tab")),t=Array.from(this.el.querySelectorAll("pds-tabpanel"));this.tabs=s.filter((s=>s.closest("pds-tabs")===this.el)),this.tabPanels=t.filter((s=>s.closest("pds-tabs")===this.el))}propGeneration(s,t=0){s.parentComponentId=""+this.componentId,s.variant=""+this.variant,s.selected=this.activeTabName===s.name,s.index=t}passPropsToChildren(){this.tabs.forEach(((s,t)=>{this.activeTabName===s.name&&(this.activeTabIndex=t),this.propGeneration(s,t)})),this.tabPanels.forEach((s=>{this.propGeneration(s)}))}classNames(){let s="pds-tabs";return this.variant&&"primary"!=this.variant&&(s+=" pds-tabs--"+this.variant),s}componentWillLoad(){this.findAllChildren()}componentWillRender(){this.passPropsToChildren()}render(){return e(i,{key:"213dfbe8f2828b430ab81dce23f43c2137206861","active-tab-name":this.activeTabName,class:this.classNames(),id:this.componentId},e("div",{key:"68989e852e2eeed180f91e5ac901c4318d6c0d70",class:"pds-tabs__tablist",role:"tablist","aria-label":this.tablistLabel,part:"tab-list"},e("slot",{key:"4a06996745c049fdaf830460e8d57caefd50900b",name:"tabs"})),e("slot",{key:"e0558392bff0955defb133b36dd4e7360f33acce",name:"tabpanels"}))}get el(){return this}static get style(){return":host{--tabs-dimension-panel-margin-top:var(--pine-dimension-none);--tabs-dimension-panel-padding:0;display:block}.pds-tabs__tablist{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--pine-dimension-md)}:host(.pds-tabs--availability) .pds-tabs__tablist{gap:var(--pine-dimension-xs)}:host(.pds-tabs--filter) .pds-tabs__tablist{gap:var(--pine-dimension-sm)}:host(.pds-tabs--pill) .pds-tabs__tablist{background-color:var(--pine-color-background-app);border:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-radius:var(--pine-dimension-100);display:-ms-inline-flexbox;display:inline-flex;display:-ms-flexbox;display:flex;gap:0;height:var(--pine-dimension-450)}"}},[257,"pds-tabs",{tablistLabel:[1,"tablist-label"],componentId:[1,"component-id"],variant:[1],activeTabName:[1025,"active-tab-name"],activeTabIndex:[1026,"active-tab-index"]},[[16,"pdsTabClick","tabClickHandler"],[0,"keydown","handleKeyDown"]]]),d=n,l=function(){"undefined"!=typeof customElements&&["pds-tabs"].forEach((s=>{"pds-tabs"===s&&(customElements.get(a(s))||customElements.define(a(s),n))}))};export{d as PdsTabs,l as defineCustomElement}

package/components/pds-text.js

@@ -1,9 +1 @@
-import { P as PdsText$1, d as defineCustomElement$1 } from './pds-text2.js';
-
-const PdsText = PdsText$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PdsText, defineCustomElement };
-//# sourceMappingURL=pds-text.js.map
-
-//# sourceMappingURL=pds-text.js.map
+import{P as s,d as t}from"./pds-text2.js";const o=s,p=t;export{o as PdsText,p as defineCustomElement}

package/components/pds-text2.js

@@ -1,110 +1 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { s as setColor } from './utils.js';
-import { s as setupTruncationTooltip } from './truncation-tooltip.js';
-
-const pdsTextCss = ":host{display:inline}:host([decoration=underline-dotted])>*{-webkit-text-decoration-color:var(--pine-color-text-tertiary);text-decoration-color:var(--pine-color-text-tertiary);-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-decoration-thickness:12%;text-underline-offset:0.3rem;text-underline-position:under}:host([decoration=strikethrough])>*{text-decoration:line-through}h1{font:var(--pine-typography-heading-1);letter-spacing:var(--pine-letter-spacing-heading-1)}h2{font:var(--pine-typography-heading-2);letter-spacing:var(--pine-letter-spacing-heading-2)}h3{font:var(--pine-typography-heading-3);letter-spacing:var(--pine-letter-spacing-heading-3)}h4{font:var(--pine-typography-heading-4);letter-spacing:var(--pine-letter-spacing-heading-4)}h5{font:var(--pine-typography-heading-5);letter-spacing:var(--pine-letter-spacing-heading-5)}h6{font:var(--pine-typography-heading-6);letter-spacing:var(--pine-letter-spacing-heading-6)}code,em,p,pre,strong{font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing)}code,pre{font-family:monospace;letter-spacing:0;line-height:1}em{font-style:normal}strong{font-weight:bolder}:host([truncate])>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([italic])>*{font-style:italic}.pds-text{color:var(--color, var(--pine-color-text));margin:var(--pine-dimension-none)}.pds-text--size-2xl{font-size:var(--pine-font-size-body-2xl)}.pds-text--size-xl{font-size:var(--pine-font-size-body-xl)}.pds-text--size-lg{font-size:var(--pine-font-size-body-lg)}.pds-text--size-md{font-size:var(--pine-font-size-body-md)}.pds-text--size-sm{font-size:var(--pine-font-size-body-sm)}.pds-text--size-xs{font-size:var(--pine-font-size-body-xs)}.pds-text--size-2xs{font-size:var(--pine-font-size-body-2xs)}.pds-text--size-h1{font-size:var(--pine-font-size-heading-1)}.pds-text--size-h2{font-size:var(--pine-font-size-heading-2)}.pds-text--size-h3{font-size:var(--pine-font-size-heading-3)}.pds-text--size-h4{font-size:var(--pine-font-size-heading-4)}.pds-text--size-h5{font-size:var(--pine-font-size-heading-5)}.pds-text--size-h6{font-size:var(--pine-font-size-heading-6)}.pds-text--weight-extra-light{font-weight:var(--pine-font-weight-extra-light)}.pds-text--weight-light{font-weight:var(--pine-font-weight-light)}.pds-text--weight-regular{font-weight:var(--pine-font-weight-regular)}.pds-text--weight-medium{font-weight:var(--pine-font-weight-medium)}.pds-text--weight-semibold{font-weight:var(--pine-font-weight-semi-bold)}.pds-text--weight-bold{font-weight:var(--pine-font-weight-bold)}.pds-text--gutter-2xl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}.pds-text--gutter-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-text--gutter-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-text--gutter-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-text--gutter-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-text--gutter-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-text--gutter-2xs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-text--align-start{text-align:start}.pds-text--align-center{text-align:center}.pds-text--align-end{text-align:end}.pds-text--align-justify{text-align:justify}";
-
-const PdsText = /*@__PURE__*/ proxyCustomElement(class PdsText extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.truncationCleanup = null;
-        /**
-         * Determines what semantic text tag to render.
-         */
-        this.tag = 'p';
-    }
-    handleTruncateChange(newValue) {
-        if (newValue) {
-            this.initTruncationTooltip();
-        }
-        else {
-            this.destroyTruncationTooltip();
-        }
-    }
-    componentDidLoad() {
-        if (this.truncate) {
-            this.initTruncationTooltip();
-        }
-    }
-    disconnectedCallback() {
-        this.destroyTruncationTooltip();
-    }
-    initTruncationTooltip() {
-        // Clean up any existing tooltip before setting up a new one
-        this.destroyTruncationTooltip();
-        if (this.contentEl) {
-            this.truncationCleanup = setupTruncationTooltip({
-                hostEl: this.el,
-                contentEl: this.contentEl,
-                getTooltipText: () => this.el.textContent || '',
-            });
-        }
-    }
-    destroyTruncationTooltip() {
-        if (this.truncationCleanup) {
-            this.truncationCleanup();
-            this.truncationCleanup = null;
-        }
-    }
-    render() {
-        const Tag = this.tag;
-        const typeClasses = `
-      pds-text
-      ${this.align !== undefined && this.align.trim() !== ''
-            ? `pds-text--align-${this.align}`
-            : ''}
-      ${this.gutter !== undefined && this.gutter.trim() !== ''
-            ? `pds-text--gutter-${this.gutter}`
-            : ''}
-      ${this.size !== undefined && this.size.trim() !== ''
-            ? `pds-text--size-${this.size}`
-            : ''}
-      ${this.weight !== undefined && this.weight.trim() !== ''
-            ? `pds-text--weight-${this.weight}`
-            : ''}
-      ${this.decoration !== undefined && this.decoration.trim() !== ''
-            ? `pds-text--decoration-${this.decoration}`
-            : ''}
-    `;
-        return (h(Tag, { key: '1d4952d18c09b26a5f2c7f64574be86c90cca553', ref: (el) => (this.contentEl = el), style: this.color && setColor(this.color), class: typeClasses, part: "content", tabIndex: this.truncate ? 0 : undefined }, h("slot", { key: '62a5caff5274601b79f35025c9382e2430118cdc' })));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "truncate": ["handleTruncateChange"]
-    }; }
-    static get style() { return pdsTextCss; }
-}, [257, "pds-text", {
-        "align": [1],
-        "color": [1],
-        "decoration": [1],
-        "gutter": [1],
-        "italic": [4],
-        "size": [1],
-        "weight": [1],
-        "tag": [1],
-        "truncate": [516]
-    }, undefined, {
-        "truncate": ["handleTruncateChange"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pds-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pds-text":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PdsText);
-            }
-            break;
-    } });
-}
-
-export { PdsText as P, defineCustomElement as d };
-//# sourceMappingURL=pds-text2.js.map
-
-//# sourceMappingURL=pds-text2.js.map
+import{proxyCustomElement as t,HTMLElement as e,h as i,transformTag as n}from"@stencil/core/internal/client";import{s}from"./utils.js";import{s as o}from"./truncation-tooltip.js";const a=["2xl","xl","lg","md","sm","xs","2xs","h1","h2","h3","h4","h5","h6"],r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.truncationCleanup=null,this.tag="p"}handleTruncateChange(t){t?this.initTruncationTooltip():this.destroyTruncationTooltip()}validateSize(t){if(void 0!==t&&""!==t&&!a.includes(t)){const e=t.length>80?`${t.slice(0,80)}…`:t;console.warn(`pds-text: invalid size "${e}". Valid values are: ${a.join(", ")}.`)}}componentWillLoad(){this.validateSize(this.size)}componentDidLoad(){this.truncate&&this.initTruncationTooltip()}disconnectedCallback(){this.destroyTruncationTooltip()}initTruncationTooltip(){this.destroyTruncationTooltip(),this.contentEl&&(this.truncationCleanup=o({hostEl:this.el,contentEl:this.contentEl,getTooltipText:()=>this.el.textContent||""}))}destroyTruncationTooltip(){this.truncationCleanup&&(this.truncationCleanup(),this.truncationCleanup=null)}render(){const t=this.tag,e=`\n      pds-text\n      ${void 0!==this.align&&""!==this.align.trim()?`pds-text--align-${this.align}`:""}\n      ${void 0!==this.gutter&&""!==this.gutter.trim()?`pds-text--gutter-${this.gutter}`:""}\n      ${void 0!==this.size&&""!==this.size.trim()?`pds-text--size-${this.size}`:""}\n      ${void 0!==this.weight&&""!==this.weight.trim()?`pds-text--weight-${this.weight}`:""}\n      ${void 0!==this.decoration&&""!==this.decoration.trim()?`pds-text--decoration-${this.decoration}`:""}\n    `;return i(t,{key:"36278c42c1669a3d2ff3ac2973727c03f2498023",ref:t=>this.contentEl=t,style:this.color&&s(this.color),class:e,part:"content",tabIndex:this.truncate?0:void 0},i("slot",{key:"cb3c83b54cb84fe485fd14c7073148fc037d78cd"}))}get el(){return this}static get watchers(){return{truncate:[{handleTruncateChange:0}],size:[{validateSize:0}]}}static get style(){return":host{display:inline}:host([decoration=underline-dotted])>*{-webkit-text-decoration-color:var(--pine-color-text-tertiary);text-decoration-color:var(--pine-color-text-tertiary);-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-decoration-thickness:12%;text-underline-offset:0.3rem;text-underline-position:under}:host([decoration=strikethrough])>*{text-decoration:line-through}h1{font:var(--pine-typography-heading-1);letter-spacing:var(--pine-letter-spacing-heading-1)}h2{font:var(--pine-typography-heading-2);letter-spacing:var(--pine-letter-spacing-heading-2)}h3{font:var(--pine-typography-heading-3);letter-spacing:var(--pine-letter-spacing-heading-3)}h4{font:var(--pine-typography-heading-4);letter-spacing:var(--pine-letter-spacing-heading-4)}h5{font:var(--pine-typography-heading-5);letter-spacing:var(--pine-letter-spacing-heading-5)}h6{font:var(--pine-typography-heading-6);letter-spacing:var(--pine-letter-spacing-heading-6)}code,em,p,pre,strong{font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing)}code,pre{font-family:monospace;letter-spacing:0;line-height:1}em{font-style:normal}strong{font-weight:bolder}:host([truncate])>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([italic])>*{font-style:italic}.pds-text{color:var(--color, var(--pine-color-text));margin:var(--pine-dimension-none)}.pds-text--size-2xl{font-size:var(--pine-font-size-body-2xl)}.pds-text--size-xl{font-size:var(--pine-font-size-body-xl)}.pds-text--size-lg{font-size:var(--pine-font-size-body-lg)}.pds-text--size-md{font-size:var(--pine-font-size-body-md)}.pds-text--size-sm{font-size:var(--pine-font-size-body-sm)}.pds-text--size-xs{font-size:var(--pine-font-size-body-xs)}.pds-text--size-2xs{font-size:var(--pine-font-size-body-2xs)}.pds-text--size-h1{font-size:var(--pine-font-size-heading-1)}.pds-text--size-h2{font-size:var(--pine-font-size-heading-2)}.pds-text--size-h3{font-size:var(--pine-font-size-heading-3)}.pds-text--size-h4{font-size:var(--pine-font-size-heading-4)}.pds-text--size-h5{font-size:var(--pine-font-size-heading-5)}.pds-text--size-h6{font-size:var(--pine-font-size-heading-6)}.pds-text--weight-extra-light{font-weight:var(--pine-font-weight-extra-light)}.pds-text--weight-light{font-weight:var(--pine-font-weight-light)}.pds-text--weight-regular{font-weight:var(--pine-font-weight-regular)}.pds-text--weight-medium{font-weight:var(--pine-font-weight-medium)}.pds-text--weight-semibold{font-weight:var(--pine-font-weight-semi-bold)}.pds-text--weight-bold{font-weight:var(--pine-font-weight-bold)}.pds-text--gutter-2xl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}.pds-text--gutter-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-text--gutter-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-text--gutter-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-text--gutter-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-text--gutter-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-text--gutter-2xs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-text--align-start{text-align:start}.pds-text--align-center{text-align:center}.pds-text--align-end{text-align:end}.pds-text--align-justify{text-align:justify}"}},[257,"pds-text",{align:[1],color:[1],decoration:[1],gutter:[1],italic:[4],size:[1],weight:[1],tag:[1],truncate:[516]},void 0,{truncate:[{handleTruncateChange:0}],size:[{validateSize:0}]}]);function d(){"undefined"!=typeof customElements&&["pds-text"].forEach((t=>{"pds-text"===t&&(customElements.get(n(t))||customElements.define(n(t),r))}))}export{r as P,d}