@scania/tegel 1.47.2 → 1.48.0-beta.0-tabbing-test

package/dist/components/tds-header-cell.js

@@ -1,187 +1 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
-import { d as defineCustomElement$2 } from './p-f086ba26.js';
-
-const tableHeaderCellCss = ":host(.tds-table__header-cell){box-sizing:border-box;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);display:table-cell;text-align:left;color:var(--tds-table-color);background-color:var(--tds-table-header-background);border-bottom:1px solid var(--tds-table-header-background-hover);padding:0;height:48px;min-width:192px;box-sizing:border-box;vertical-align:middle;overflow:hidden;transition:background-color 200ms ease}:host(.tds-table__header-cell) *{box-sizing:border-box}:host(.tds-table__header-cell) .tds-table__header-text{padding:8px 16px;margin:0}:host(.tds-table__header-cell) .tds-table__header-text-no-padding{padding:0}:host(.tds-table__header-cell--sortable) .tds-table__header-button{display:flex;align-items:center;gap:8px;justify-content:start;flex-direction:row;width:100%;height:100%;padding:0 16px;background-color:transparent;border:none;cursor:pointer;transition:background-color 200ms ease}:host(.tds-table__header-cell--sortable) .tds-table__header-button:focus{outline:2px solid var(--tds-table-header-btn-focus);outline-offset:-2px}:host(.tds-table__header-cell--sortable) .tds-table__header-button:focus .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--sortable) .tds-table__header-button .tds-table__header-button-text{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);text-align:left;color:var(--tds-table-header-btn-color)}:host(.tds-table__header-cell--sortable) .tds-table__header-button .tds-table__header-button-icon{flex:0 0 16px;height:16px;width:16px;opacity:0;transform-origin:center;transition:opacity 200ms ease-in, transform 200ms ease;color:var(--tds-table-color)}:host(.tds-table__header-cell--sortable) .tds-table__header-button:hover .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) .tds-table__header-button{background-color:var(--tds-table-header-btn-background)}:host(.tds-table__header-cell--is-sorted) .tds-table__header-button:hover{background-color:var(--tds-table-header-btn-background-hover)}:host(.tds-table__header-cell--is-sorted) .tds-table__header-button .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) .tds-table__header-button .tds-table__header-button-icon--rotate{transform:rotate(180deg)}:host(.tds-table--compact){height:33px}:host(.tds-table--divider){border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider:last-of-type){border-right:none}:host(.tds-table--no-min-width){min-width:unset}:host(.tds-table--no-padding){height:unset}:host(.tds-table__header-cell:first-of-type){border-top-left-radius:4px}:host(.tds-table__header-cell:last-of-type){border-top-right-radius:4px}:host(.tds-table--extra-column:first-of-type){border-top-left-radius:0}:host(.tds-table--toolbar-available){border-radius:0}:host(.tds-table--extra-column.tds-table--toolbar-available){border-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:first-of-type){border-top-left-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:last-of-type){border-top-right-radius:0}";
-const TdsHeaderCellStyle0 = tableHeaderCellCss;
-
-const relevantTableProps = [
-    'multiselect',
-    'expandableRows',
-    'compactDesign',
-    'noMinWidth',
-    'verticalDividers',
-];
-const TdsTableHeaderCell = /*@__PURE__*/ proxyCustomElement(class TdsTableHeaderCell extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.tdsSort = createEvent(this, "tdsSort", 7);
-        this.internalSortButtonClicked = createEvent(this, "internalSortButtonClicked", 6);
-        this.internalTdsTextAlign = createEvent(this, "internalTdsTextAlign", 6);
-        this.internalTdsHover = createEvent(this, "internalTdsHover", 6);
-        this.sortButtonClick = () => {
-            if (this.sortingDirection !== 'asc' && this.sortingDirection !== 'desc') {
-                this.sortingDirection = 'asc';
-            }
-            else {
-                this.sortingDirection = this.sortingDirection === 'asc' ? 'desc' : 'asc';
-            }
-            this.sortedByMyKey = true;
-            this.tdsSort.emit({
-                tableId: this.tableId,
-                columnKey: this.cellKey,
-                sortingDirection: this.sortingDirection,
-            });
-            this.internalSortButtonClicked.emit({
-                tableId: this.tableId,
-                key: this.cellKey,
-            });
-        };
-        this.headerCellContent = () => {
-            if (this.sortable) {
-                return (h("button", { class: "tds-table__header-button", onClick: () => this.sortButtonClick(), style: { justifyContent: this.textAlignState }, "aria-label": this.tdsAriaLabelSortButton }, h("span", { class: "tds-table__header-button-text" }, this.cellValue, h("slot", null)), this.sortingDirection === undefined && (h("tds-icon", { svgTitle: "sorting", class: "tds-table__header-button-icon", name: "sorting", size: "16px" })), this.sortingDirection && ['asc', 'desc'].includes(this.sortingDirection) && (h("tds-icon", { svgTitle: "arrow down", class: `tds-table__header-button-icon ${this.sortingDirection === 'asc' ? 'tds-table__header-button-icon--rotate' : ''}`, name: "arrow_down", size: "16px" }))));
-            }
-            return (h("p", { class: {
-                    'tds-table__header-text': true,
-                    'tds-table__header-text-no-padding': this.disablePadding,
-                }, style: { textAlign: this.textAlignState } }, this.cellValue, h("slot", null)));
-        };
-        this.onHeadCellHover = (key) => {
-            this.internalTdsHover.emit({
-                tableId: this.tableId,
-                key,
-            });
-        };
-        this.cellKey = undefined;
-        this.cellValue = undefined;
-        this.customWidth = undefined;
-        this.sortable = false;
-        this.textAlign = 'left';
-        this.disablePadding = false;
-        this.tdsAriaLabelSortButton = '';
-        this.textAlignState = 'left';
-        this.sortingDirection = undefined;
-        this.sortedByMyKey = false;
-        this.verticalDividers = false;
-        this.compactDesign = false;
-        this.noMinWidth = false;
-        this.multiselect = false;
-        this.enableToolbarDesign = false;
-        this.tableId = '';
-        this.expandableRows = false;
-    }
-    internalTdsPropChangeListener(event) {
-        if (this.tableId === event.detail.tableId) {
-            event.detail.changed
-                .filter((changedProp) => relevantTableProps.includes(changedProp))
-                .forEach((changedProp) => {
-                if (typeof this[changedProp] === 'undefined') {
-                    throw new Error(`Table prop is not supported: ${changedProp}`);
-                }
-                this[changedProp] = event.detail[changedProp];
-            });
-        }
-    }
-    updateOptionsContent(event) {
-        const { tableId, key } = event.detail;
-        if (this.tableId === tableId) {
-            if (this.cellKey !== key) {
-                this.sortedByMyKey = false;
-                // To sync with CSS transition timing
-                setTimeout(() => {
-                    this.sortingDirection = undefined;
-                }, 200);
-            }
-        }
-    }
-    connectedCallback() {
-        var _a;
-        this.tableEl = this.host.closest('tds-table');
-        this.tableId = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a.tableId;
-    }
-    componentWillLoad() {
-        relevantTableProps.forEach((tablePropName) => {
-            var _a;
-            this[tablePropName] = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a[tablePropName];
-        });
-    }
-    componentWillRender() {
-        // if text alignment matches any of the acceptable values, use it. Otherwise, set "left" as default
-        this.textAlignState = ['left', 'start', 'right', 'end', 'center'].includes(this.textAlign)
-            ? this.textAlign
-            : 'left';
-        // To enable body cells text align per rules set in head cell
-        this.internalTdsTextAlign.emit([this.tableId, this.cellKey, this.textAlignState]);
-        const closesetTable = this.host.closest('tds-table');
-        if (closesetTable) {
-            this.enableToolbarDesign =
-                closesetTable.getElementsByTagName('tds-table-toolbar').length >= 1;
-        }
-    }
-    getAriaSort() {
-        if (this.sortingDirection === 'asc')
-            return 'ascending';
-        if (this.sortingDirection === 'desc')
-            return 'descending';
-        return 'none';
-    }
-    render() {
-        return (h(Host, { key: '4df64a3d4a0ef86b377db355cfc149daf9b246b5', class: {
-                'tds-table__header-cell': true,
-                'tds-table__header-cell--sortable': this.sortable,
-                'tds-table__header-cell--is-sorted': this.sortedByMyKey,
-                'tds-table__header-cell--custom-width': this.customWidth !== '',
-                'tds-table--compact': this.compactDesign,
-                'tds-table--divider': this.verticalDividers,
-                'tds-table--no-min-width': this.noMinWidth,
-                'tds-table--extra-column': this.multiselect || this.expandableRows,
-                'tds-table--toolbar-available': this.enableToolbarDesign,
-                'tds-table--no-padding': this.disablePadding,
-            }, style: { minWidth: this.customWidth }, onMouseOver: () => this.onHeadCellHover(this.cellKey), onMouseLeave: () => this.onHeadCellHover(''), role: "columnheader", "aria-sort": this.getAriaSort() }, this.headerCellContent()));
-    }
-    get host() { return this; }
-    static get style() { return TdsHeaderCellStyle0; }
-}, [1, "tds-header-cell", {
-        "cellKey": [513, "cell-key"],
-        "cellValue": [513, "cell-value"],
-        "customWidth": [513, "custom-width"],
-        "sortable": [4],
-        "textAlign": [513, "text-align"],
-        "disablePadding": [516, "disable-padding"],
-        "tdsAriaLabelSortButton": [513, "tds-aria-label-sort-button"],
-        "textAlignState": [32],
-        "sortingDirection": [32],
-        "sortedByMyKey": [32],
-        "verticalDividers": [32],
-        "compactDesign": [32],
-        "noMinWidth": [32],
-        "multiselect": [32],
-        "enableToolbarDesign": [32],
-        "tableId": [32],
-        "expandableRows": [32]
-    }, [[16, "internalTdsPropChange", "internalTdsPropChangeListener"], [16, "internalSortButtonClicked", "updateOptionsContent"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-header-cell", "tds-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-header-cell":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsTableHeaderCell);
-            }
-            break;
-        case "tds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsHeaderCell = TdsTableHeaderCell;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsHeaderCell, defineCustomElement };
+import{t,p as e,H as s,c as a,h as o,a as l}from"./index.js";import{d as i}from"./p-hVetZOGH.js";const d=["multiselect","expandableRows","compactDesign","noMinWidth","verticalDividers"],r=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsSort=a(this,"tdsSort",7),this.internalSortButtonClicked=a(this,"internalSortButtonClicked",6),this.internalTdsTextAlign=a(this,"internalTdsTextAlign",6),this.internalTdsHover=a(this,"internalTdsHover",6),this.sortable=!1,this.textAlign="left",this.disablePadding=!1,this.tdsAriaLabelSortButton="",this.textAlignState="left",this.sortedByMyKey=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.multiselect=!1,this.enableToolbarDesign=!1,this.tableId="",this.expandableRows=!1,this.sortButtonClick=()=>{this.sortingDirection="asc"!==this.sortingDirection&&"desc"!==this.sortingDirection?"asc":"asc"===this.sortingDirection?"desc":"asc",this.sortedByMyKey=!0,this.tdsSort.emit({tableId:this.tableId,columnKey:this.cellKey,sortingDirection:this.sortingDirection}),this.internalSortButtonClicked.emit({tableId:this.tableId,key:this.cellKey})},this.headerCellContent=()=>this.sortable?o("button",{class:"tds-table__header-button",onClick:()=>this.sortButtonClick(),style:{justifyContent:this.textAlignState},"aria-label":this.tdsAriaLabelSortButton},o("span",{class:"tds-table__header-button-text"},this.cellValue,o("slot",null)),void 0===this.sortingDirection&&o("tds-icon",{svgTitle:"sorting",class:"tds-table__header-button-icon",name:"sorting",size:"16px"}),this.sortingDirection&&["asc","desc"].includes(this.sortingDirection)&&o("tds-icon",{svgTitle:"arrow down",class:"tds-table__header-button-icon "+("asc"===this.sortingDirection?"tds-table__header-button-icon--rotate":""),name:"arrow_down",size:"16px"})):o("p",{class:{"tds-table__header-text":!0,"tds-table__header-text-no-padding":this.disablePadding},style:{textAlign:this.textAlignState}},this.cellValue,o("slot",null)),this.onHeadCellHover=t=>{this.internalTdsHover.emit({tableId:this.tableId,key:null!=t?t:""})}}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>d.includes(t))).forEach((e=>{if(void 0===this[e])throw Error("Table prop is not supported: "+e);this[e]=t.detail[e]}))}updateOptionsContent(t){const{tableId:e,key:s}=t.detail;this.tableId===e&&this.cellKey!==s&&(this.sortedByMyKey=!1,setTimeout((()=>{this.sortingDirection=void 0}),200))}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){d.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]}))}componentWillRender(){this.textAlignState=["left","start","right","end","center"].includes(this.textAlign)?this.textAlign:"left",this.internalTdsTextAlign.emit([this.tableId,this.cellKey,this.textAlignState]);const t=this.host.closest("tds-table");t&&(this.enableToolbarDesign=t.getElementsByTagName("tds-table-toolbar").length>=1)}getAriaSort(){return"asc"===this.sortingDirection?"ascending":"desc"===this.sortingDirection?"descending":"none"}render(){return o(l,{key:"5607f55acda25cb351a509f65f499fce013b1a97",class:{"tds-table__header-cell":!0,"tds-table__header-cell--sortable":this.sortable,"tds-table__header-cell--is-sorted":this.sortedByMyKey,"tds-table__header-cell--custom-width":""!==this.customWidth,"tds-table--compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--no-min-width":this.noMinWidth,"tds-table--extra-column":this.multiselect||this.expandableRows,"tds-table--toolbar-available":this.enableToolbarDesign,"tds-table--no-padding":this.disablePadding}},o("th",{key:"bd60c7fa0e964e949394954e92ca8619e51273af",style:{minWidth:this.customWidth},onMouseOver:()=>this.onHeadCellHover(this.cellKey),onFocus:()=>this.onHeadCellHover(this.cellKey),onMouseLeave:()=>this.onHeadCellHover(""),onBlur:()=>this.onHeadCellHover(""),"aria-sort":this.getAriaSort(),colSpan:this.colSpan,rowSpan:this.rowSpan},this.headerCellContent()))}get host(){return this}static get style(){return":host{display:contents}:host(.tds-table__header-cell) th{box-sizing:border-box;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);text-align:left;color:var(--tds-table-color);background-color:var(--tds-table-header-background);border-bottom:1px solid var(--tds-table-header-background-hover);padding:0;height:48px;min-width:192px;box-sizing:border-box;vertical-align:middle;overflow:hidden;transition:background-color 200ms ease}:host(.tds-table__header-cell) th *{box-sizing:border-box}:host(.tds-table__header-cell) th .tds-table__header-text{padding:8px 16px;margin:0}:host(.tds-table__header-cell) th .tds-table__header-text-no-padding{padding:0}:host(.tds-table__header-cell) th:hover{background-color:var(--tds-table-header-background-hover)}:host(.tds-table__header-cell--sortable) th .tds-table__header-button{display:flex;align-items:center;gap:8px;justify-content:start;flex-direction:row;width:100%;height:100%;padding:0 16px;background-color:transparent;border:none;cursor:pointer;transition:background-color 200ms ease}:host(.tds-table__header-cell--sortable) th .tds-table__header-button:focus{outline:2px solid var(--tds-table-header-btn-focus);outline-offset:-2px}:host(.tds-table__header-cell--sortable) th .tds-table__header-button:focus .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--sortable) th .tds-table__header-button .tds-table__header-button-text{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);text-align:left;color:var(--tds-table-header-btn-color)}:host(.tds-table__header-cell--sortable) th .tds-table__header-button .tds-table__header-button-icon{flex:0 0 16px;height:16px;width:16px;opacity:0;transform-origin:center;transition:opacity 200ms ease-in, transform 200ms ease;color:var(--tds-table-color)}:host(.tds-table__header-cell--sortable) th .tds-table__header-button:hover .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button{background-color:var(--tds-table-header-btn-background)}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button:hover{background-color:var(--tds-table-header-btn-background-hover)}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) th .tds-table__header-button .tds-table__header-button-icon--rotate{transform:rotate(180deg)}:host(.tds-table--compact) th{height:33px}:host(.tds-table--divider) th{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider:last-of-type) th{border-right:none}:host(.tds-table--no-min-width) th{min-width:unset}:host(.tds-table--no-padding) th{height:unset}:host(.tds-table__header-cell:first-of-type) th{border-top-left-radius:4px}:host(.tds-table__header-cell:last-of-type) th{border-top-right-radius:4px}:host(.tds-table--extra-column:first-of-type) th{border-top-left-radius:0}:host(.tds-table--toolbar-available) th{border-radius:0}:host(.tds-table--extra-column.tds-table--toolbar-available) th{border-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:first-of-type) th{border-top-left-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:last-of-type) th{border-top-right-radius:0}"}},[257,"tds-header-cell",{cellKey:[513,"cell-key"],cellValue:[513,"cell-value"],customWidth:[513,"custom-width"],sortable:[4],textAlign:[513,"text-align"],disablePadding:[516,"disable-padding"],tdsAriaLabelSortButton:[513,"tds-aria-label-sort-button"],colSpan:[2,"col-span"],rowSpan:[2,"row-span"],textAlignState:[32],sortingDirection:[32],sortedByMyKey:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],multiselect:[32],enableToolbarDesign:[32],tableId:[32],expandableRows:[32]},[[16,"internalTdsPropChange","internalTdsPropChangeListener"],[16,"internalSortButtonClicked","updateOptionsContent"]]]);function h(){"undefined"!=typeof customElements&&["tds-header-cell","tds-icon"].forEach((e=>{switch(e){case"tds-header-cell":customElements.get(t(e))||customElements.define(t(e),r);break;case"tds-icon":customElements.get(t(e))||i()}}))}h();const n=r,b=h;export{n as TdsHeaderCell,b as defineCustomElement}

package/dist/components/tds-header-dropdown-list-item.js

@@ -1,6 +1 @@
-import { T as TdsHeaderDropdownListItem$1, d as defineCustomElement$1 } from './p-e0997ae2.js';
-
-const TdsHeaderDropdownListItem = TdsHeaderDropdownListItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsHeaderDropdownListItem, defineCustomElement };
+import{T as o,d as s}from"./p-CwklLnIa.js";const a=o,p=s;export{a as TdsHeaderDropdownListItem,p as defineCustomElement}

package/dist/components/tds-header-dropdown-list-user.js

@@ -1,45 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-
-const headerDropdownListUserCss = ":host{background-color:var(--tds-header-avatar-item-background);display:flex;height:84px}:host .user-box{gap:16px;width:100%;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}:host img,:host slot[name=thumbnail]::slotted(*){width:34px;border-radius:100%}:host .user-content{display:flex;flex-direction:column;gap:4px}:host .user-content .header{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host .user-content .subheader{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-header-avatar-item-color)}";
-const TdsHeaderDropdownListUserStyle0 = headerDropdownListUserCss;
-
-const TdsHeaderDropdownListLgUser = /*@__PURE__*/ proxyCustomElement(class TdsHeaderDropdownListLgUser extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.imgUrl = undefined;
-        this.imgAlt = undefined;
-        this.header = undefined;
-        this.subheader = undefined;
-    }
-    render() {
-        return (h(Host, { key: 'bdfa5d85ce7d9d75006496af94329a1721628b4f', role: "listitem" }, h("div", { key: '0f757d820aa3e96a1e98f7ae395660ba17e82576', class: "user-box" }, this.imgUrl && h("img", { key: 'c03f2089edefa01b766635e43d81f5b22a58f70d', src: this.imgUrl, alt: this.imgAlt }), h("slot", { key: 'c5eff329fa6100258a2c7d237ec076a139f2b00b', name: "thumbanil" }), h("div", { key: '0c097b9c1488f007ee8cd3e3490f9a3e85fac8f3', class: "user-content" }, h("div", { key: '3f1caac67dcd08d0bf5187ffe49c59ab3873822f', class: "header" }, this.header, h("slot", { key: '59fbd4a5b4d85e15de10b55376b6c54f4b3800c7', name: "header" })), h("div", { key: '82716ea4715e64e3c9d3ad3144b7af2821be5e8b', class: "subheader" }, this.subheader, h("slot", { key: '0574e77cf1d4a1651710811a0216bab7c24a11ed', name: "subheader" }))))));
-    }
-    get host() { return this; }
-    static get style() { return TdsHeaderDropdownListUserStyle0; }
-}, [1, "tds-header-dropdown-list-user", {
-        "imgUrl": [1, "img-url"],
-        "imgAlt": [1, "img-alt"],
-        "header": [1],
-        "subheader": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-header-dropdown-list-user"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-header-dropdown-list-user":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsHeaderDropdownListLgUser);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsHeaderDropdownListUser = TdsHeaderDropdownListLgUser;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsHeaderDropdownListUser, defineCustomElement };
+import{t as e,p as t,H as a,h as s,a as d}from"./index.js";const r=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return s(d,{key:"42d205c092f49240aa78c5004e72bd75a67b92fd",role:"listitem"},s("div",{key:"42e263bc0ea144a99b8538539d9a205815dca701",class:"user-box"},this.imgUrl&&s("img",{key:"f63bf88e6b25e9da9d85bdafe51c2587adc083ba",src:this.imgUrl,alt:this.imgAlt}),s("slot",{key:"5e6d8ecc4b0cf51bfa03496cfa585481285fa352",name:"thumbanil"}),s("div",{key:"19ea50db7c19d8720f3cc81672791ecae2cc2aee",class:"user-content"},s("div",{key:"df48cd3cd8bfeb5f5a93b0a5ddb6c0a68dee13b2",class:"header"},this.header,s("slot",{key:"4b6e614f11e0ae204f6f9bbaa5299da4b2fb1230",name:"header"})),s("div",{key:"eaaf9c29945f0f613776c41b1f0f8dc4fe24b00f",class:"subheader"},this.subheader,s("slot",{key:"c158d7a7523ee4b9027cdffbdb752a09d687bb98",name:"subheader"})))))}get host(){return this}static get style(){return":host{background-color:var(--tds-header-avatar-item-background);display:flex;height:84px}:host .user-box{gap:16px;width:100%;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}:host img,:host slot[name=thumbnail]::slotted(*){width:34px;border-radius:100%}:host .user-content{display:flex;flex-direction:column;gap:4px}:host .user-content .header{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host .user-content .subheader{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-header-avatar-item-color)}"}},[257,"tds-header-dropdown-list-user",{imgUrl:[1,"img-url"],imgAlt:[1,"img-alt"],header:[1],subheader:[1]}]);function o(){"undefined"!=typeof customElements&&["tds-header-dropdown-list-user"].forEach((t=>{"tds-header-dropdown-list-user"===t&&(customElements.get(e(t))||customElements.define(e(t),r))}))}o();const c=r,i=o;export{c as TdsHeaderDropdownListUser,i as defineCustomElement}

package/dist/components/tds-header-dropdown-list.js

@@ -1,6 +1 @@
-import { T as TdsHeaderDropdownList$1, d as defineCustomElement$1 } from './p-f8db4031.js';
-
-const TdsHeaderDropdownList = TdsHeaderDropdownList$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsHeaderDropdownList, defineCustomElement };
+import{T as o,d as s}from"./p-CzyhBRHW.js";const p=o,r=s;export{p as TdsHeaderDropdownList,r as defineCustomElement}

package/dist/components/tds-header-dropdown.js

@@ -1,127 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { g as generateUniqueId } from './p-11648030.js';
-import { d as defineCustomElement$6 } from './p-e1622f4a.js';
-import { d as defineCustomElement$5 } from './p-4c0aa33f.js';
-import { d as defineCustomElement$4 } from './p-f086ba26.js';
-import { d as defineCustomElement$3 } from './p-49b20476.js';
-import { d as defineCustomElement$2 } from './p-e62ed985.js';
-
-const headerDropdownCss = ":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{height:var(--tds-header-height);position:relative}:host .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-top-right-radius:0;border-top-left-radius:0}:host .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}:host .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .menu::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .menu::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .state-open .dropdown-icon{transform:rotate(180deg)}:host .state-open .button{position:relative;z-index:901}:host .state-open tds-header-item button:hover,:host .state-open tds-header-item a:hover{background-color:var(--tds-nav-item-background-hover);box-shadow:none}";
-const TdsHeaderDropdownStyle0 = headerDropdownCss;
-
-const TdsHeaderDropdown$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderDropdown extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.uuid = generateUniqueId();
-        this.handleSlottedItemClick = (event) => {
-            const eventSource = event.target.tagName.toLowerCase();
-            if (['a', 'button'].includes(eventSource)) {
-                this.open = false;
-            }
-        };
-        this.label = undefined;
-        this.noDropdownIcon = false;
-        this.selected = false;
-        this.tdsAriaLabel = undefined;
-        this.open = false;
-        this.buttonEl = undefined;
-    }
-    onAnyClick(event) {
-        // Source: https://lamplightdev.com/blog/2021/04/10/how-to-detect-clicks-outside-of-a-web-component/
-        const isClickOutside = !event.composedPath().includes(this.host);
-        if (isClickOutside) {
-            this.open = false;
-        }
-    }
-    handleKeyDown(event) {
-        var _a;
-        if (event.key === 'Escape' && this.open) {
-            this.open = false;
-            (_a = this.buttonEl) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-    }
-    toggleDropdown() {
-        this.open = !this.open;
-        if (this.open) {
-            requestAnimationFrame(() => {
-                var _a;
-                const selectors = "a, [tabindex='0']";
-                const firstFocusableElement = ((_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selectors)) || this.host.querySelector(selectors);
-                if (firstFocusableElement instanceof H) {
-                    firstFocusableElement.focus();
-                }
-            });
-        }
-    }
-    render() {
-        return (h(Host, { key: '5ea7f4d3d53fd8d4148bcf1bc0f7444a6b7469f8' }, h("div", { key: 'e972495e46f96576fb28bba38f9bca68fd6d901e', class: {
-                'state-open': this.open,
-            } }, h("tds-header-item", { key: 'f45bd2e8c6f2b1258e415cc111691dd282cdb3f9', class: "button", active: this.open, selected: this.selected }, h("button", { key: 'f1bce15e1258647503e4a24f6cf7d7f5eb641cdd', ref: (el) => {
-                this.buttonEl = el;
-            }, "aria-expanded": `${this.open}`, "aria-controls": `launcher-${this.uuid}`, "aria-current": this.selected ? 'location' : 'false', onClick: () => {
-                this.toggleDropdown();
-            }, "aria-label": this.tdsAriaLabel }, h("slot", { key: '2b392ba923ee98e3c2bd5c86ae8cbb3eb78bf182', name: "icon" }), this.label, h("slot", { key: '0fc721ebf454e77770b7aeca79296f5a65d6031e', name: "label" }), !this.noDropdownIcon && (h("tds-icon", { key: 'd8fa1bda5368e8694f429f5724d06fb5de010a50', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Dropdown icon" })))), this.buttonEl && (h("tds-popover-canvas", { key: '894eb3d523ddb8f8a9b6e0dc248730bb13173c88', id: `tds-dropdown-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
-                {
-                    name: 'flip',
-                    options: {
-                        fallbackPlacements: [],
-                    },
-                },
-            ] }, this.open ? (h("span", { onClick: (e) => this.handleSlottedItemClick(e), onKeyDown: (e) => e.key === 'Enter' && this.handleSlottedItemClick(e) }, h("slot", null))) : null)))));
-    }
-    get host() { return this; }
-    static get style() { return TdsHeaderDropdownStyle0; }
-}, [1, "tds-header-dropdown", {
-        "label": [1],
-        "noDropdownIcon": [4, "no-dropdown-icon"],
-        "selected": [4],
-        "tdsAriaLabel": [1, "tds-aria-label"],
-        "open": [32],
-        "buttonEl": [32]
-    }, [[4, "click", "onAnyClick"], [8, "keydown", "handleKeyDown"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-header-dropdown", "tds-core-header-item", "tds-header-item", "tds-icon", "tds-popover-canvas", "tds-popover-core"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-header-dropdown":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsHeaderDropdown$1);
-            }
-            break;
-        case "tds-core-header-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "tds-header-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "tds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "tds-popover-canvas":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "tds-popover-core":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsHeaderDropdown = TdsHeaderDropdown$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsHeaderDropdown, defineCustomElement };
+import{t,p as e,H as o,h as s,a as r}from"./index.js";import{g as a}from"./p-Cn4f8w1e.js";import{d}from"./p-Bp11uQum.js";import{d as n}from"./p-CKbZVUR2.js";import{d as i}from"./p-hVetZOGH.js";import{d as c}from"./p-CuBmZ6sl.js";import{d as l}from"./p-BMeMtNu0.js";const h=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.noDropdownIcon=!1,this.selected=!1,this.open=!1,this.uuid=a(),this.handleSlottedItemClick=t=>{const e=t.target.tagName.toLowerCase();["a","button"].includes(e)&&(this.open=!1)}}onAnyClick(t){!t.composedPath().includes(this.host)&&(this.open=!1)}handleKeyDown(t){var e;"Escape"===t.key&&this.open&&(this.open=!1,null===(e=this.buttonEl)||void 0===e||e.focus())}toggleDropdown(){this.open=!this.open,this.open&&requestAnimationFrame((()=>{var t;const e="a, [tabindex='0']",s=(null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(e))||this.host.querySelector(e);s instanceof o&&s.focus()}))}render(){return s(r,{key:"8ee8ab6cb72cce6aaaf6e360e6e8ba13435cd163"},s("div",{key:"6d1ab649962e2636451fb14d77a52f6046729402",class:{"state-open":this.open}},s("tds-header-item",{key:"8e8172a694d3469b6dd6fbac685ab7d78ae36794",class:"button",active:this.open,selected:this.selected},s("button",{key:"53d7fe83d252f206cccbbb6676d0ee1fe3a796b1",ref:t=>{this.buttonEl=t},"aria-expanded":""+this.open,"aria-controls":"launcher-"+this.uuid,"aria-current":this.selected?"location":"false",onClick:()=>{this.toggleDropdown()},"aria-label":this.tdsAriaLabel},s("slot",{key:"d01b607d64f798b69d0ad9b6776ab7e7b9e9b7aa",name:"icon"}),this.label,s("slot",{key:"353fd19c103f91d7ec328bb99626c65670e58a6e",name:"label"}),!this.noDropdownIcon&&s("tds-icon",{key:"d0d8dd4d6edb1ef403b0f4489158160a62128b05",class:"dropdown-icon",name:"chevron_down",size:"16px",svgTitle:"Dropdown icon"}))),this.buttonEl&&s("tds-popover-canvas",{key:"9e38d42b342b9499f6cde00ad3e1649e7f63b1b3",id:"tds-dropdown-"+this.uuid,class:"menu",referenceEl:this.buttonEl,placement:"bottom-start",show:this.open,offsetDistance:0,modifiers:[{name:"flip",options:{fallbackPlacements:[]}}]},this.open?s("span",{onClick:t=>this.handleSlottedItemClick(t),onKeyDown:t=>"Enter"===t.key&&this.handleSlottedItemClick(t)},s("slot",null)):null)))}get host(){return this}static get style(){return":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{height:var(--tds-header-height);position:relative}:host .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-top-right-radius:0;border-top-left-radius:0}:host .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}:host .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .menu::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .menu::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .state-open .dropdown-icon{transform:rotate(180deg)}:host .state-open .button{position:relative;z-index:901}:host .state-open tds-header-item button:hover,:host .state-open tds-header-item a:hover{background-color:var(--tds-nav-item-background-hover);box-shadow:none}"}},[257,"tds-header-dropdown",{label:[1],noDropdownIcon:[4,"no-dropdown-icon"],selected:[4],tdsAriaLabel:[1,"tds-aria-label"],open:[32],buttonEl:[32]},[[4,"click","onAnyClick"],[8,"keydown","handleKeyDown"]]]);function b(){"undefined"!=typeof customElements&&["tds-header-dropdown","tds-core-header-item","tds-header-item","tds-icon","tds-popover-canvas","tds-popover-core"].forEach((e=>{switch(e){case"tds-header-dropdown":customElements.get(t(e))||customElements.define(t(e),h);break;case"tds-core-header-item":customElements.get(t(e))||d();break;case"tds-header-item":customElements.get(t(e))||n();break;case"tds-icon":customElements.get(t(e))||i();break;case"tds-popover-canvas":customElements.get(t(e))||c();break;case"tds-popover-core":customElements.get(t(e))||l()}}))}b();const m=h,p=b;export{m as TdsHeaderDropdown,p as defineCustomElement}

package/dist/components/tds-header-hamburger.js

@@ -1,59 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { i as inheritAriaAttributes } from './p-0bd4c19c.js';
-import { d as defineCustomElement$4 } from './p-e1622f4a.js';
-import { d as defineCustomElement$3 } from './p-4c0aa33f.js';
-import { d as defineCustomElement$2 } from './p-f086ba26.js';
-
-const headerHamburgerCss = ":host{color:var(--tds-white)}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:background 0.2s ease-in-out, color 0.2s ease-in-out}@media screen and (min-width: 992px){:host tds-header-item{display:none}:host([persistent]) tds-header-item{display:block}}";
-const TdsHeaderHamburgerStyle0 = headerHamburgerCss;
-
-const TdsHeaderHamburger$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderHamburger extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.tdsAriaLabel = undefined;
-    }
-    render() {
-        const inheritedButtonProps = Object.assign({}, inheritAriaAttributes(this.host));
-        return (h(Host, { key: 'e5d7142a6d589d1b936ae4dc8376be0e03190271' }, h("tds-header-item", { key: '0945e350bb89ba977327c92917af457003c48fb9' }, h("button", Object.assign({ key: 'ade6457641c2e789dc631dad8df7491c5da53a93' }, inheritedButtonProps, { "aria-label": this.tdsAriaLabel }), h("tds-icon", { key: 'b900d3c953cff83c99be40b3785a650aa984ee6a', class: "icon", name: "burger", size: "20px" })))));
-    }
-    get host() { return this; }
-    static get style() { return TdsHeaderHamburgerStyle0; }
-}, [1, "tds-header-hamburger", {
-        "tdsAriaLabel": [1, "tds-aria-label"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-header-hamburger", "tds-core-header-item", "tds-header-item", "tds-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-header-hamburger":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsHeaderHamburger$1);
-            }
-            break;
-        case "tds-core-header-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "tds-header-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "tds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsHeaderHamburger = TdsHeaderHamburger$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsHeaderHamburger, defineCustomElement };
+import{t as e,p as t,H as s,h as a,a as r}from"./index.js";import{i as d}from"./p-Q3W78DlP.js";import{d as o}from"./p-Bp11uQum.js";import{d as i}from"./p-CKbZVUR2.js";import{d as c}from"./p-hVetZOGH.js";const n=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){const e=Object.assign({},d(this.host));return a(r,{key:"fe2a26ffc234bc56fecdac71f7a25c71a723b4da"},a("tds-header-item",{key:"3b031d8b4ea422fcba2ad615a0ad0d985bc21825"},a("button",Object.assign({key:"047269f67b9b756ea64e2669d043043ac89192c9"},e,{"aria-label":this.tdsAriaLabel}),a("tds-icon",{key:"68fb5a7d1b94ddc0a6a4132ce40c1ba031f87e74",class:"icon",name:"burger",size:"20px"}))))}get host(){return this}static get style(){return":host{color:var(--tds-white)}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:background 0.2s ease-in-out, color 0.2s ease-in-out}@media screen and (min-width: 992px){:host tds-header-item{display:none}:host([persistent]) tds-header-item{display:block}}"}},[1,"tds-header-hamburger",{tdsAriaLabel:[1,"tds-aria-label"]}]);function m(){"undefined"!=typeof customElements&&["tds-header-hamburger","tds-core-header-item","tds-header-item","tds-icon"].forEach((t=>{switch(t){case"tds-header-hamburger":customElements.get(e(t))||customElements.define(e(t),n);break;case"tds-core-header-item":customElements.get(e(t))||o();break;case"tds-header-item":customElements.get(e(t))||i();break;case"tds-icon":customElements.get(e(t))||c()}}))}m();const h=n,b=m;export{h as TdsHeaderHamburger,b as defineCustomElement}

package/dist/components/tds-header-item.js

@@ -1,6 +1 @@
-import { T as TdsHeaderItem$1, d as defineCustomElement$1 } from './p-4c0aa33f.js';
-
-const TdsHeaderItem = TdsHeaderItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsHeaderItem, defineCustomElement };
+import{T as o,d as s}from"./p-CKbZVUR2.js";const p=o,r=s;export{p as TdsHeaderItem,r as defineCustomElement}

package/dist/components/tds-header-launcher-button.js

@@ -1,6 +1 @@
-import { T as TdsHeaderLauncherButton$1, d as defineCustomElement$1 } from './p-d5461a3c.js';
-
-const TdsHeaderLauncherButton = TdsHeaderLauncherButton$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsHeaderLauncherButton, defineCustomElement };
+import{T as o,d as s}from"./p-DlkBTA_R.js";const p=o,r=s;export{p as TdsHeaderLauncherButton,r as defineCustomElement}

package/dist/components/tds-header-launcher-grid-item.js

@@ -1,35 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-
-const headerLauncherGridItemCss = ":host{display:block;width:96px;height:96px}:host ::slotted(a),:host ::slotted(button){all:unset;box-sizing:border-box;border-right:1px solid var(--tds-nav-item-border-color);width:100%;height:100%;border:none;padding:0 12px;display:flex;text-align:center;justify-content:center;align-items:center;flex-direction:column;gap:8px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);background-color:var(--tds-header-app-launcher-menu-bg);color:var(--tds-header-app-launcher-grid-color);border-radius:4px;transition:background-color 150ms ease}:host ::slotted(a:hover),:host ::slotted(button:hover){background-color:var(--tds-header-app-launcher-grid-hover-background);cursor:pointer}:host ::slotted(a:focus-visible),:host ::slotted(button:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}";
-const TdsHeaderLauncherGridItemStyle0 = headerLauncherGridItemCss;
-
-const TdsHeaderLauncherGridItem$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderLauncherGridItem extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    render() {
-        return (h(Host, { key: '1506d0cda6ddcdd025ea7febf24e34c8e0d5b479', role: "listitem" }, h("slot", { key: 'f6ae96ad0c953297fddf43cfcee6d688a93846f5' })));
-    }
-    static get style() { return TdsHeaderLauncherGridItemStyle0; }
-}, [1, "tds-header-launcher-grid-item"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-header-launcher-grid-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-header-launcher-grid-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsHeaderLauncherGridItem$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsHeaderLauncherGridItem = TdsHeaderLauncherGridItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsHeaderLauncherGridItem, defineCustomElement };
+import{t as e,p as t,H as o,h as r,a as s}from"./index.js";const d=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return r(s,{key:"cd5e9cdae7533611bc6982c4939fc885d73a3075",role:"listitem"},r("slot",{key:"147c30066e884b65839212aa747f1818425b3fae"}))}static get style(){return":host{display:block;width:96px;height:96px}:host ::slotted(a),:host ::slotted(button){all:unset;box-sizing:border-box;border-right:1px solid var(--tds-nav-item-border-color);width:100%;height:100%;border:none;padding:0 12px;display:flex;text-align:center;justify-content:center;align-items:center;flex-direction:column;gap:8px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);background-color:var(--tds-header-app-launcher-menu-bg);color:var(--tds-header-app-launcher-grid-color);border-radius:4px;transition:background-color 150ms ease}:host ::slotted(a:hover),:host ::slotted(button:hover){background-color:var(--tds-header-app-launcher-grid-hover-background);cursor:pointer}:host ::slotted(a:focus-visible),:host ::slotted(button:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}"}},[257,"tds-header-launcher-grid-item"]);function a(){"undefined"!=typeof customElements&&["tds-header-launcher-grid-item"].forEach((t=>{"tds-header-launcher-grid-item"===t&&(customElements.get(e(t))||customElements.define(e(t),d))}))}a();const n=d,i=a;export{n as TdsHeaderLauncherGridItem,i as defineCustomElement}

package/dist/components/tds-header-launcher-grid-title.js

@@ -1,36 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { g as generateUniqueId } from './p-11648030.js';
-
-const headerLauncherGridTitleCss = ".tds-header-launcher-grid-title{all:unset;box-sizing:border-box;font:var(--tds-detail-04);letter-spacing:var(--tds-detail-04-ls);color:var(--tds-header-app-launcher-grid-category-title-color);text-transform:uppercase;height:48px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color);margin:0}";
-const TdsHeaderLauncherGridTitleStyle0 = headerLauncherGridTitleCss;
-
-const TdsHeaderLauncherGridTitle$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderLauncherGridTitle extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.uuid = generateUniqueId();
-    }
-    render() {
-        return (h(Host, { key: '25db2b1431472f1883bce6605c060e48129dacc5' }, h("h3", { key: '0caaece113240546638d8d0366bcecba6f945986', class: "tds-header-launcher-grid-title", id: `tds-header-launcher-grid-title-${this.uuid}` }, h("slot", { key: '16962f436f38d529357dbaade615badd87862323' }))));
-    }
-    static get style() { return TdsHeaderLauncherGridTitleStyle0; }
-}, [4, "tds-header-launcher-grid-title"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-header-launcher-grid-title"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-header-launcher-grid-title":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsHeaderLauncherGridTitle$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsHeaderLauncherGridTitle = TdsHeaderLauncherGridTitle$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsHeaderLauncherGridTitle, defineCustomElement };
+import{t as e,p as t,H as r,h as d,a as s}from"./index.js";import{g as a}from"./p-Cn4f8w1e.js";const i=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.uuid=a()}render(){return d(s,{key:"8bcbe93ef2338d3d38f5153897395f8e03454827"},d("h3",{key:"5f621197309b0e0e82bae4e141b5465a06d6cced",class:"tds-header-launcher-grid-title",id:"tds-header-launcher-grid-title-"+this.uuid},d("slot",{key:"87f9febb3b6e6929a7fd8d3f53299b5c4f855f5a"})))}static get style(){return".tds-header-launcher-grid-title{all:unset;box-sizing:border-box;font:var(--tds-detail-04);letter-spacing:var(--tds-detail-04-ls);color:var(--tds-header-app-launcher-grid-category-title-color);text-transform:uppercase;height:48px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color);margin:0}"}},[260,"tds-header-launcher-grid-title"]);function l(){"undefined"!=typeof customElements&&["tds-header-launcher-grid-title"].forEach((t=>{"tds-header-launcher-grid-title"===t&&(customElements.get(e(t))||customElements.define(e(t),i))}))}l();const n=i,o=l;export{n as TdsHeaderLauncherGridTitle,o as defineCustomElement}