@platformscode/core 0.0.34 → 0.0.37

package/dist/esm/dga-slideout-menu_4.entry.js

@@ -60,10 +60,10 @@ const DgaSlideoutMenu = class {
         });
     }
     render() {
-        return (h("div", { key: 'c684d8516169ca83c1440f619c9f3d5b21e5e6da', class: `dga-slideout-menu dga-slideout-menu--${this.anchor} dga-slideout-menu--${this.backgroundColor} ${this.open ? "active" : ""}` }, h("slot", { key: '52c3e93a8537a3629950a83f7d38dc55efc90b12', name: "slideout-menu-header" }), h("div", { key: 'fbda8c983ad8681853881b9fc323aa5d5d010c07', class: "dga-slideout-menu__body" }, h("div", { key: 'ff01159638dba0d6911773cce8ce93573912f5c7', class: {
+        return (h("div", { key: '7583f037140e3803fc0f48dd371464a9f580e92e', class: `dga-slideout-menu dga-slideout-menu--${this.anchor} dga-slideout-menu--${this.backgroundColor} ${this.open ? "active" : ""}` }, h("slot", { key: 'b40d15e148a97baf8ef6d35be675b2c5d260185e', name: "slideout-menu-header" }), h("div", { key: 'f2898b3ac62425676ae360b10b72b1c9b076e245', class: "dga-slideout-menu__body" }, h("div", { key: '9bd7e21ffcb1917109a411cabf2422722d87b42c', class: {
                 'dga-slideout-menu__items': true,
                 'dga-slideout-menu__items--hide-scrollbar': !this.scrollbar,
-            } }, h("slot", { key: 'd8755c7587e4050da223565825bfbde14e8ebb9a', name: "slideout-menu-items" })), h("dga-divider", { key: 'e18dffd888dee7e7d1f116c14c9555430f5ee099' }), h("slot", { key: 'ee4a3a56e512f225dae707d5b6245e8bfb89f8c0', name: "slideout-menu-actions" }))));
+            } }, h("slot", { key: 'f978bbb5c5627c8db2d788a51bb1b23e46f9a9a4', name: "slideout-menu-items" })), h("dga-divider", { key: 'fb2237cc695f71dcbdc854293961d504cb68372c' }), h("slot", { key: '1d3899ec481ff80ffd8bf58a6f4eef71beff5d5d', name: "slideout-menu-actions" }))));
     }
     get el() { return getElement(this); }
 };
@@ -76,7 +76,7 @@ const DgaSlideoutMenuActions = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'f299b71d463447cfa466beed4b828868b10a460d', class: "dga-slideout-menu__actions" }, h("slot", { key: '66348ee52a863b5ce072257d2fb24e46c2758cbb' })));
+        return (h("div", { key: '5d8ae1e224ff7d71c4fb041f594dca2baf7f521b', class: "dga-slideout-menu__actions" }, h("slot", { key: '53ab0724ef6f15e6ff02a1ad28360a436b652a9a' })));
     }
 };
 DgaSlideoutMenuActions.style = dgaSlideoutMenuCss$1;
@@ -102,11 +102,11 @@ const DgaSlideoutMenuHeader = class {
     render() {
         return (
         // <div class="dga-slideout-menu">
-        h("div", { key: '7a04c37f54aecb328623a6495e748889fa0db5b1', class: "dga-slideout-menu__header" }, h("dga-featured-icon", { key: '6b79a880190f75910eb784c85ecf4abdf4bc79ca', icon: {
+        h("div", { key: '2182354df46ee4fb78c0a96d80194d95ffa3a5c7', class: "dga-slideout-menu__header" }, h("dga-featured-icon", { key: 'afff9bef48efae4c7b3c9035ebccda801b583659', icon: {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: 'sm', color: 'brand', variant: 'light' }), h("dga-flex", { key: '64ef8977f2d04d0017fceb8b9e85d6ba6e8e6f08', direction: "column", spacing: 4, class: "dga-slideout-menu__header-content" }, h("h3", { key: '47c434e5276595b99333c3f0e494c4d2b5bafd7e', class: "dga-slideout-menu__header-title" }, this.title), h("p", { key: 'ca77bf109ba6f652b42b9105a4258cbd573c121d', class: "dga-slideout-menu__header-description" }, this.description)), h("dga-button-v2", { key: '02ffce82acb0bea971478547680bce939ed87701', iconOnly: true, leadIcon: true, leadIconProps: {
+            }, size: 'sm', color: 'brand', variant: 'light' }), h("dga-flex", { key: 'e39ad7b1a9eb6c12480fc17588a61fe272d0b56c', direction: "column", spacing: 4, class: "dga-slideout-menu__header-content" }, h("h3", { key: '6aa3a2c38da28e2e0d7489ca18ad48363cdcca5f', class: "dga-slideout-menu__header-title" }, this.title), h("p", { key: '95da6284f46fe878108c4a134e485d5b3aaffb34', class: "dga-slideout-menu__header-description" }, this.description)), h("dga-button-v2", { key: '5a6ceb040ef1fc27710694cf842bc25eebebc68e', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'multiplication-sign',
                 variant: 'stroke',
                 type: 'standard',
@@ -126,7 +126,7 @@ const DgaSlideoutMenuItems = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'a8b19743100061582bdf5af99b679e05320844c4' }, h("slot", { key: 'dfcd3538d883ac47771c9fe78b279732e08b7c66' })));
+        return (h(Host, { key: 'f4c67827f20a53f82116256e37dda0d8a86d4a71' }, h("slot", { key: 'bb9f03cb866a3e08a91fe83cd9681f4dbfabd213' })));
     }
 };
 DgaSlideoutMenuItems.style = dgaSlideoutMenuCss;

package/dist/esm/dga-slider-usage.entry.js

@@ -8,13 +8,13 @@ const DgaSliderUsage = class {
         this.maxValue = 100;
     }
     render() {
-        return (h(Fragment, { key: 'ec3a2ad0592f93771e4d8580de9e37cbf0aba736' }, h("br", { key: '8ea18f17453f8d5e52bdb263a0ede482c2faef1f' }), h("dga-slider", { key: '2fabcc75d4603b4b51cf8f3b93015c1686e046f3', min: this.minValue, max: this.maxValue, step: 1, range: true, size: "medium", helperText: "Helper Text Example", label: "Test", sx: {
+        return (h(Fragment, { key: '2dd0277992f2ccc09b234b39015acc9d3505d07d' }, h("br", { key: '2f8014793fbb6f09227dd05677935a595d18a401' }), h("dga-slider", { key: '786da1950c5ca8b4e38297c4054eef013b3c91a7', min: this.minValue, max: this.maxValue, step: 1, range: true, size: "medium", helperText: "Helper Text Example", label: "Test", sx: {
                 backgroundColor: "yellow",
                 marginTop: "200px",
                 ".range-slider-inner-rail": {
                     backgroundColor: "red"
                 }
-            } }), ";", h("br", { key: '0cb16cf3ebc695689056973c6e26a801d1c03987' }), this.minValue, " - ", this.maxValue, h("dga-slider", { key: '7cb60685b9286972d6cc1a6c2c2a8944833f867d' })));
+            } }), ";", h("br", { key: '1a3ddb903fa675ee0cab4114b608fa2ac8d26488' }), this.minValue, " - ", this.maxValue, h("dga-slider", { key: 'eb9501d6b38fd40671fb138ccf8cfeb4b69a8ddb' })));
     }
 };
 

package/dist/esm/dga-slider.entry.js

@@ -79,7 +79,7 @@ const DgaSlider = class {
         this.sxHandler.cleanup();
     }
     render() {
-        return (h(Host, { key: '6aa49b0b71b91175ece91c18685bfffeb1f568c8', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("div", { key: '07b681de2827acf93508a6016b7c3a0848d73fc2', class: `range-slider-wrapper ${this.size}` }, h("div", { key: '92f38c461b2e1b1dfb65e972f9062297f22a09b9', class: "range-slider-input-wrapper" }, h("input", { key: '6bf589991da6228682d0be88032f360185aa65e2', class: "range-slider-input", type: "range", value: this.minValue, min: this.min, max: this.max, step: this.step, onInput: this.handleMinChange.bind(this) }), this.range && (h("input", { key: '46f2edc84c49f249179f4b923086f020f670433d', class: "range-slider-input", type: "range", value: this.maxValue, min: this.min, max: this.max, step: this.step, onInput: this.handleMaxChange.bind(this) }))), h("div", { key: '879a55d7b6d69a030561a7a9d034ab435bdbac0c', class: "range-slider-container" }, this.showLabel && h("h3", { key: '3f7b389bc84f1f939fe52a30ba9e65d797d3a36b' }, this.label), h("div", { key: 'cf6242e2ef7c0a862c2fed5d40715f4b480acb25', class: "range-slider-control-wrapper" }, h("div", { key: '667398055e13fa5e6eddd7e41bd00f48e1850ee4', class: "range-slider-control", style: { left: `${this.minPos}%` } }), h("div", { key: '151e94ccc78f5c7034b3407ea6eae36822489537', class: "range-slider-rail" }, this.range && h("div", { key: '45942b2bf0e8c4f8b1412dfccbd9539729812aa6', class: "range-slider-number_left" }, this.minValue), h("div", { key: '2b688bf7c85374613d2a240f2ec05e2b245222e7', class: "range-slider-inner-rail", style: this.railColorStyle }), this.range && h("div", { key: 'a9c0d03d90acf252a7f419793fca6314a50c4608', class: "range-slider-number_right" }, this.maxValue), !this.range && h("div", { key: '5ebc4553d2a7bbdca534962c7c0e64e4cf3f1a43', class: "range-slider-number_right" }, this.minValue)), this.range && h("div", { key: 'b6499b18868e8d056a47f11e5d42ad994359dc87', class: "range-slider-control", style: { left: `${this.maxPos}%` } }), this.showHelperText && this.helperText && (h("div", { key: 'c82e010c180b19ea0900bfa55848f34801e7c017', class: "range-slider-note" }, h("div", { key: '4fb1ab3a2f889c116b318063dae02a97822156ba', class: "range-slider-note-icon" }, h("svg", { key: '7b152f1b5b903bf206b5b8e92bdb9f6633771bc9', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'd8bc0ec6e8e48ca7530a0c3a24752fad2c67f252', "clip-path": "url(#clip0_17869_405)" }, h("path", { key: '0835d5b5c2b916750393dfed07caa19a37f1f5c9', d: "M6.06004 6.00001C6.21678 5.55446 6.52614 5.17875 6.93334 4.93943C7.34055 4.70012 7.8193 4.61264 8.28483 4.69248C8.75035 4.77233 9.17259 5.01436 9.47676 5.3757C9.78093 5.73703 9.94741 6.19436 9.94671 6.66668C9.94671 8.00001 7.94671 8.66668 7.94671 8.66668M8.00004 11.3333H8.00671M14.6667 8.00001C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00001C1.33337 4.31811 4.31814 1.33334 8.00004 1.33334C11.6819 1.33334 14.6667 4.31811 14.6667 8.00001Z", stroke: "#384250", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("defs", { key: '160adc0bfc9f1bcf934964d60ac81513fe699003' }, h("clipPath", { key: '3628322f0e74d2b3126f514da693b0b2b033efff', id: "clip0_17869_405" }, h("rect", { key: '35add1c346c9332e65d64b91264e245b8751c709', width: "16", height: "16", fill: "white" }))))), h("div", { key: 'dd8c5dc123c4beec869a98dd4a048426a91d360c', class: "range-slider-note-content" }, h("p", { key: '7b9e4115ae479368cc66fbc678ce90b365e52996' }, this.helperText)))))))));
+        return (h(Host, { key: '8d3bcac4da16796141247932ff3d33b7eec45f96', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("div", { key: 'd0ef2d04cac6e713448668966ae3dea18840d8f8', class: `range-slider-wrapper ${this.size}` }, h("div", { key: 'c5e19cd8378928e4104ee2ddc59235515a2e18e4', class: "range-slider-input-wrapper" }, h("input", { key: 'b23d8806be3a96cc9ecd4fc6153ea5ff2fa17a18', class: "range-slider-input", type: "range", value: this.minValue, min: this.min, max: this.max, step: this.step, onInput: this.handleMinChange.bind(this) }), this.range && (h("input", { key: '45bbdffe4bb2258d482d839169d75a580c8df471', class: "range-slider-input", type: "range", value: this.maxValue, min: this.min, max: this.max, step: this.step, onInput: this.handleMaxChange.bind(this) }))), h("div", { key: '48a0752bc2f41b2c17521be14e4fc9b295351bf4', class: "range-slider-container" }, this.showLabel && h("h3", { key: '47dadc6766527233801c76fa6d171ddc73d6c12d' }, this.label), h("div", { key: '67d89637145b111698e0ee1bdf910c7de8db1568', class: "range-slider-control-wrapper" }, h("div", { key: 'f0cddcd03feb908c691e675fb52cdd853de9c51e', class: "range-slider-control", style: { left: `${this.minPos}%` } }), h("div", { key: 'b1b8ade03b6c6a0d8654a4f20efd1cd3c55724f3', class: "range-slider-rail" }, this.range && h("div", { key: 'de3b6454efcfd5194a83a5a60c6c41d763df3ad0', class: "range-slider-number_left" }, this.minValue), h("div", { key: 'a9b94f1c1aa1f6a9c6a8382ca0598aad4644d00a', class: "range-slider-inner-rail", style: this.railColorStyle }), this.range && h("div", { key: 'a655e0d70f2e1aaf77e34f972ab2568e9f64adaa', class: "range-slider-number_right" }, this.maxValue), !this.range && h("div", { key: 'd9e4a8779cf25785e8eda0aa710a37a733a0f18d', class: "range-slider-number_right" }, this.minValue)), this.range && h("div", { key: '3b5d331d2e64f0129e9245cdc9a31b8f0548ecc0', class: "range-slider-control", style: { left: `${this.maxPos}%` } }), this.showHelperText && this.helperText && (h("div", { key: 'fb80b6d1717419d9f0b3aae176d204f5b35608e5', class: "range-slider-note" }, h("div", { key: 'f82434e22781096834b179f763c4e4d55a4556b4', class: "range-slider-note-icon" }, h("svg", { key: 'cd12cd8a4579c2d014bc6ad91e3c2333567f3eb6', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '2e36faf38369605cfbb6ab4451b6076520c8bfea', "clip-path": "url(#clip0_17869_405)" }, h("path", { key: 'e34d754c76cd3c29e5b19c9765faf9728f47b02e', d: "M6.06004 6.00001C6.21678 5.55446 6.52614 5.17875 6.93334 4.93943C7.34055 4.70012 7.8193 4.61264 8.28483 4.69248C8.75035 4.77233 9.17259 5.01436 9.47676 5.3757C9.78093 5.73703 9.94741 6.19436 9.94671 6.66668C9.94671 8.00001 7.94671 8.66668 7.94671 8.66668M8.00004 11.3333H8.00671M14.6667 8.00001C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00001C1.33337 4.31811 4.31814 1.33334 8.00004 1.33334C11.6819 1.33334 14.6667 4.31811 14.6667 8.00001Z", stroke: "#384250", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("defs", { key: 'b9434daec4336bf0fbabdc90b6e38ac605a4a96e' }, h("clipPath", { key: 'fa168ed9fe9cfa32b318641406708b3f6cdfe2bb', id: "clip0_17869_405" }, h("rect", { key: '2ad04831ed09d3266ef64d778ba08bce5ff14e07', width: "16", height: "16", fill: "white" }))))), h("div", { key: '5c4b5dbe64ef15f218fe2f539a7ee03389ba2acd', class: "range-slider-note-content" }, h("p", { key: 'ce602ce84ac58b837fafab89c3dc2e29dbea55c6' }, this.helperText)))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/dga-status-tag.entry.js

@@ -41,7 +41,7 @@ const DgaStatusTag = class {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: 'fb6e590b02d33500b21543e22e96be153377a92d', id: this.componentId, style: this.rootStyles }, h("span", { key: '431f70aae00a04b06078d82c547a5e592cfdf9c6', class: `status-tag status-tag--${this.color} status-tag--${this.size} status-tag--${this.status}` }, h("span", { key: 'f5f68c3f3c32526f351fbfa7b67077957985c91c', class: "status-tag__indicator" }), this.label, h("slot", { key: '418dcd15c103b5168463da10a6f9cf40186d2e2b' }))));
+        return (h(Host, { key: '32c50cfdc1c7a8dc8b3f6679e565b9f253192a69', id: this.componentId, style: this.rootStyles }, h("span", { key: 'f1b1513a4fe9212c9b5fcb9abc29afa1bac2f1d8', class: `status-tag status-tag--${this.color} status-tag--${this.size} status-tag--${this.status}` }, h("span", { key: 'efbd197521054a2b4d6fcc53612441c91e5cfe27', class: "status-tag__indicator" }), this.label, h("slot", { key: 'ff5956004bb5d87fa50f7319621d3e0c45e9761e' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/dga-structured-list-usage.entry.js

@@ -5,7 +5,7 @@ const DgaStructuredListUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '05fb26b807a03c8ac001c0e6869d5767b7b27fd7' }, h("h1", { key: 'f5519d21ac996c5b31f6e89fd764ee2321a15378' }, "Structured List Example"), h("div", { key: 'b79f0b4f45b17350add79e64f803b03512c28de8', style: { padding: "50px" } }, h("dga-structured-list", { key: 'a1feba0932ed7218e569ee7bd2a00a49030d744e', cells: [
+        return (h("div", { key: '8af8dd832806e8928a197fa1988d1d86d1e30011' }, h("h1", { key: 'caa4445333d278a053ab424bd89ba765a82da8d4' }, "Structured List Example"), h("div", { key: '6089dad32ecf56764f7e23c926066fcd94ad49e8', style: { padding: "50px" } }, h("dga-structured-list", { key: '90b31d161cae14b9f478d5235975e82b06b33fbd', cells: [
                 {
                     title: "ID",
                     propertyName: "id",
@@ -20,7 +20,7 @@ const DgaStructuredListUsage = class {
                 { id: 1, name: "Alice", selected: false },
                 { id: 2, name: "Bob", selected: false },
                 { id: 3, name: "Charlie", selected: false },
-            ], rowDivider: true, colDivider: false, selectable: true, getSelectedRows: selectedRows => console.log(selectedRows) }), h("dga-structured-list", { key: '4d52e03c38c0cc1c3b53f3648c08307794719685', compact: true, cells: [
+            ], rowDivider: true, colDivider: false, selectable: true, getSelectedRows: selectedRows => console.log(selectedRows) }), h("dga-structured-list", { key: '20d63169ca065c07a6128e680d5bc988d09409a8', compact: true, cells: [
                 {
                     title: "ID",
                     propertyName: "id",

package/dist/esm/dga-structured-list.entry.js

@@ -82,7 +82,7 @@ const DgaStructuredList = class {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h("div", { key: 'e21d1470959b373752233c8bf9b62c5f2d073e21', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: '44dc709f746869ea03eda3d99da475ce34093e17', class: `azm-structured-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("thead", { key: 'c1a00d38e2b3186aef0dc2b7ca126f878e7cef06' }, h("tr", { key: 'fee3dcc30b632e05c7e9a73ef40972e02cc67a6f', class: `${this.rowDivider ? 'row-divider' : ''}` }, this.cells.map(({ title }, index) => (h("th", { key: index }, title))))), h("tbody", { key: '9a3868a012e2fa29f18c8ac3af37577abf75787f' }, this.sortedData.map((row, rowIndex) => (h("tr", { class: `${this.rowDivider ? 'row-divider' : ''} ${this.alternate ? 'alternate' : ''}`, key: rowIndex }, this.cells.map(({ El, customAttribute, propertyName, type, colSpan }, cellIndex) => (h("td", Object.assign({ key: cellIndex, colSpan: colSpan || 1 }, ((customAttribute === null || customAttribute === void 0 ? void 0 : customAttribute.key) && {
+        return (h("div", { key: '79d691fcb4f8c39e32571f48e4364181474c83af', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: 'bc0004889772d9ec97a362a2d98c86f00ffd38aa', class: `azm-structured-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("thead", { key: 'b443ef28b2414b6b564e3db8fd69c21281f15209' }, h("tr", { key: '3075adda8efaf8c73568b6351d5289c03d787ac6', class: `${this.rowDivider ? 'row-divider' : ''}` }, this.cells.map(({ title }, index) => (h("th", { key: index }, title))))), h("tbody", { key: '1ac5bc499fdb1b0c4718f5c41487913d24dbab78' }, this.sortedData.map((row, rowIndex) => (h("tr", { class: `${this.rowDivider ? 'row-divider' : ''} ${this.alternate ? 'alternate' : ''}`, key: rowIndex }, this.cells.map(({ El, customAttribute, propertyName, type, colSpan }, cellIndex) => (h("td", Object.assign({ key: cellIndex, colSpan: colSpan || 1 }, ((customAttribute === null || customAttribute === void 0 ? void 0 : customAttribute.key) && {
             [customAttribute.key]: customAttribute.value || '',
         }), { class: `${this.compact ? "compact" : ""} ${this.colDivider ? 'col-divider' : ''}` }), h("div", null, this.selectable && (h("span", null, h("input", { type: "checkbox", name: `${rowIndex}checkboxSelection`, checked: row.selected, id: `${rowIndex}checkboxSelection${propertyName}`, onChange: event => this.handleSelectedRowChanges(event.target.checked, rowIndex, propertyName, cellIndex) }))), type === 'element' && El ? h(El, Object.assign({}, row)) : row[propertyName])))))))))));
     }

package/dist/esm/dga-suffix.entry.js

@@ -1,4 +1,5 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-B4CGwdkg.js';
+import { t as tick02SolidRoundedIcon, a as arrowDown01StrokeRoundedIcon } from './index-BYA91_SW.js';
 
 const DgaSuffix = class {
     constructor(hostRef) {
@@ -24,10 +25,10 @@ const DgaSuffix = class {
         if (this.type === 'text') {
             return (h("div", { class: `input__suffix input__suffix--${this.variant}-text` }, h("span", { class: "input__suffix-label" }, this.label)));
         }
-        return (h(Fragment, null, h("button", { class: `input__suffix input__suffix--${this.variant} input__dropdown-btn`, onMouseDown: () => (this.dpIsActive = true), onMouseUp: () => (this.dpIsActive = false), onMouseOut: () => (this.dpIsActive = false), onClick: () => this.handleSuffixClick(), ref: el => (this.suffixBtn = el) }, h("span", { class: "input__suffix-icon" }, this.icon), h("span", { class: "dropdown__label" }, this.selectedOption && Object.keys(this.selectedOption).length ? this.selectedOption.label : ' '), h("span", { class: "input__suffix-label" }, this.label), h("span", { class: "input__suffix-chevron" }, h("dga-icon", { name: "arrow-down-01", variant: "stroke" }))), h("ul", { class: "input__dropdown-list" }, this.options &&
+        return (h(Fragment, null, h("button", { class: `input__suffix input__suffix--${this.variant} input__dropdown-btn`, onMouseDown: () => (this.dpIsActive = true), onMouseUp: () => (this.dpIsActive = false), onMouseOut: () => (this.dpIsActive = false), onClick: () => this.handleSuffixClick(), ref: el => (this.suffixBtn = el) }, h("span", { class: "input__suffix-icon" }, this.icon), h("span", { class: "dropdown__label" }, this.selectedOption && Object.keys(this.selectedOption).length ? this.selectedOption.label : ' '), h("span", { class: "input__suffix-label" }, this.label), h("span", { class: "input__suffix-chevron" }, h("dga-icon", { icon: arrowDown01StrokeRoundedIcon }))), h("ul", { class: "input__dropdown-list" }, this.options &&
             this.options.map(option => {
                 var _a;
-                return (h("li", { key: option.value }, h("button", { class: `dropdown__option ${((_a = this.selectedOption) === null || _a === void 0 ? void 0 : _a.value) === option.value ? 'selected' : ''}`, onClick: () => this.handleOptionSelect(option) }, h("span", { class: "dropdown__option-label" }, option.label), h("span", { class: "dropdown__option-icon" }, h("dga-icon", { name: "tick-02", variant: "solid" })))));
+                return (h("li", { key: option.value }, h("button", { class: `dropdown__option ${((_a = this.selectedOption) === null || _a === void 0 ? void 0 : _a.value) === option.value ? 'selected' : ''}`, onClick: () => this.handleOptionSelect(option) }, h("span", { class: "dropdown__option-label" }, option.label), h("span", { class: "dropdown__option-icon" }, h("dga-icon", { icon: tick02SolidRoundedIcon })))));
             }))));
     }
 };

package/dist/esm/dga-switch-usage.entry.js

@@ -5,7 +5,7 @@ const DgaSwitchUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '571712a0dc4ceba901aac2fe7a994cb4e3c41e36', style: { padding: '50px', display: 'flex', gap: '50px' } }, h("div", { key: '20c02fe3b63d8acbc9d6fdff36bfb628eee4041a' }, h("h1", { key: 'd0f8b365ff6ad1ab9ee080187b27eadb3ff996f0' }, "Switch Example"), h("dga-switch", { key: 'a449ed06c65fc1ad6a2e1ae30143dc793d2ad8f1', label: "Switch Label", checked: true, hasHelperText: true, helperText: "When a Switch needs a further detailed explanation, it goes here.", alertMessage: true, alertText: "Error/Warning message" }))));
+        return (h("div", { key: '52d34b212075830742a834e7dd4534f2870ac23b', style: { padding: '50px', display: 'flex', gap: '50px' } }, h("div", { key: '06e4a179e67c6b6758b89b4c8cc8553f4cad6360' }, h("h1", { key: '86e107babd43360ddb5a0147305a351e94499c71' }, "Switch Example"), h("dga-switch", { key: 'accbf582afa550163096597b523c62a5af62fb0c', label: "Switch Label", checked: true, hasHelperText: true, helperText: "When a Switch needs a further detailed explanation, it goes here.", alertMessage: true, alertText: "Error/Warning message" }))));
     }
 };
 

package/dist/esm/dga-switch.entry.js

@@ -61,7 +61,7 @@ const DgaSwitch = class {
         this.sxHandler = new SxHandler(this.el, 'dga-switch');
     }
     render() {
-        return (h(Host, { key: '23e33c1c116f2f31e9e33231c88a005e676c319f', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("label", { key: 'd336da4e37ac72089167a86ae6d4c146c72e454c', ref: el => (this.labelRef = el), class: `switch ${this.color ? `switch--${this.color}` : ''}`, onMouseDown: this.handleActive, onChange: this.handleRemoveActive }, h("div", { key: '57fe5027a365e6bb33cd2c6cc83572337f5047db', class: "switch-main" }, h("div", { key: 'ffc9128438b3b6504852a492009ffc75c3c14be3', class: `switch-main__content ${this.disabled ? 'disabled' : ''}` }, h("div", { key: 'c91a1368e9b3d7d062c48275f9f052346577a9fa', class: "switch-wrapper" }, h("input", { key: '9849502ebf3500450dc66ed8584bb4772e7b7609', type: "checkbox", name: this.name, value: this.value, id: this.id, disabled: this.disabled, onFocus: this.handleFocus, onBlur: this.handleFocusOut, onChange: this.onChange, onInput: this.onInput, checked: this.isChecked }), h("span", { key: '0f9ffdd7950b3749b2e23330ba678d74c1b284fe', class: `slider round ${this.isChecked ? 'slider--active' : 'slider--inactive'}` })), !this.hasHelperText && !this.helperText ? (this.label && h("span", { class: "switch__label" }, this.label)) : (h("div", { class: "dga-flex-column" }, h("span", { class: "switch__label" }, this.label), h("span", { class: "switch__helper-text" }, this.helperText)))), this.alertMessage && (h("div", { key: '660ac61c2be3479cc2dfb555e968e47a51b1354f', class: "switch__warning" }, h("span", { key: '22aef2633afd27da04623afc4fb3817f4614d00e', class: "switch__warning-icon" }, h("svg", { key: '3a3b44f7a589efc84b0a05f36a2a3074f4788231', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'bf6e67769930f426627b3adde76cfd5f2b49faeb', d: "M8 1.33333C4.324 1.33333 1.33333 4.324 1.33333 8C1.33333 11.676 4.324 14.6667 8 14.6667C11.676 14.6667 14.6667 11.676 14.6667 8C14.6667 4.324 11.676 1.33333 8 1.33333ZM8 13.3333C5.05467 13.3333 2.66667 10.9453 2.66667 8C2.66667 5.05467 5.05467 2.66667 8 2.66667C10.9453 2.66667 13.3333 5.05467 13.3333 8C13.3333 10.9453 10.9453 13.3333 8 13.3333ZM7.33333 4H8.66667V8H7.33333V4ZM7.33333 9.33333H8.66667V10.6667H7.33333V9.33333Z", fill: "currentColor" }))), h("span", { key: '00fece5e8e4b1e9caff283ebd07203e817f23cab', class: "switch__warning-text" }, this.alertText)))))));
+        return (h(Host, { key: 'ba9b37f9628f33216c19e0ab0fd6297fd47a4af8', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("label", { key: '0e13d24d07611003b8dda659130d6b1cb83406c6', ref: el => (this.labelRef = el), class: `switch ${this.color ? `switch--${this.color}` : ''}`, onMouseDown: this.handleActive, onChange: this.handleRemoveActive }, h("div", { key: '9038e7905715e003019ae410d8bdd4f48d7c3ea8', class: "switch-main" }, h("div", { key: 'e1975b977c606e54ecd6204e5d6277cf101623c5', class: `switch-main__content ${this.disabled ? 'disabled' : ''}` }, h("div", { key: '37c479b73870964b5e3b87db8780f4353a97f48d', class: "switch-wrapper" }, h("input", { key: '89b9844185c385ad13ed813c1df1a60257e6bf1a', type: "checkbox", name: this.name, value: this.value, id: this.id, disabled: this.disabled, onFocus: this.handleFocus, onBlur: this.handleFocusOut, onChange: this.onChange, onInput: this.onInput, checked: this.isChecked }), h("span", { key: 'd3375662f4318707490e83d3ecad6e5652236c78', class: `slider round ${this.isChecked ? 'slider--active' : 'slider--inactive'}` })), !this.hasHelperText && !this.helperText ? (this.label && h("span", { class: "switch__label" }, this.label)) : (h("div", { class: "dga-flex-column" }, h("span", { class: "switch__label" }, this.label), h("span", { class: "switch__helper-text" }, this.helperText)))), this.alertMessage && (h("div", { key: '9234fe3bfa83102d071f31e84c6eab540bd40d22', class: "switch__warning" }, h("span", { key: '599e8c28199149f632e9dfc5fe2675a4ba2d2bca', class: "switch__warning-icon" }, h("svg", { key: '5fb755717ff5ecef1ba0eee73392d3db7c8a27b9', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '166c967368936015cd5e965f71f1460cec795c95', d: "M8 1.33333C4.324 1.33333 1.33333 4.324 1.33333 8C1.33333 11.676 4.324 14.6667 8 14.6667C11.676 14.6667 14.6667 11.676 14.6667 8C14.6667 4.324 11.676 1.33333 8 1.33333ZM8 13.3333C5.05467 13.3333 2.66667 10.9453 2.66667 8C2.66667 5.05467 5.05467 2.66667 8 2.66667C10.9453 2.66667 13.3333 5.05467 13.3333 8C13.3333 10.9453 10.9453 13.3333 8 13.3333ZM7.33333 4H8.66667V8H7.33333V4ZM7.33333 9.33333H8.66667V10.6667H7.33333V9.33333Z", fill: "currentColor" }))), h("span", { key: '399df61257674a35ce0541d7ccc04114bf79981a', class: "switch__warning-text" }, this.alertText)))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/dga-table-body.entry.js

@@ -117,7 +117,7 @@ const DgaTableBody = class {
     //         this.selected = index;
     //     };
     render() {
-        return (h("tbody", { key: '2f74cf4f9e23109d4c842dc6ea19725dac7f6d2e' }, h("slot", { key: '3fc25cf21934bfb17ca634248adfe83b7cbd7436' })));
+        return (h("tbody", { key: '8e8a3dce53d6a8a2161c6cd3a631ef80d975d664' }, h("slot", { key: '72774de033b3410dec5162a535b857a910d5007a' })));
     }
 };
 

package/dist/esm/dga-table-of-content-usage.entry.js

@@ -5,84 +5,84 @@ const DgaTableOfContentUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'e79d38b564cf2211aa6e8f802947330462a9b05d', style: {
+        return (h("div", { key: 'f365703736fe68f2bf1b268031025c6637222337', style: {
                 position: 'relative',
                 width: '100%',
                 maxWidth: '1200px',
                 margin: '0 auto',
                 padding: '20px'
-            } }, h("h1", { key: 'd20f212026e1fc15dcee1da4f2825e02d1de7e97' }, "Table of Content Example"), h("section", { key: 'be43c2f4ee658e5d0fc41088553eafa3d26d2fed' }, h("div", { key: '9c5488a84aa3afcf58e05e16af0b21267485add2', id: "section_1", style: {
+            } }, h("h1", { key: '19a7fc78fd270765feef57f18625fc4fcab9683e' }, "Table of Content Example"), h("section", { key: '238c99fd01706a9e87bfb09aa829030e662051a9' }, h("div", { key: 'b1aa7090a7d4272a9ae718fe8eb631adf2b7a7ed', id: "section_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "gray",
                 padding: "20px",
                 margin: "20px 0 200px 0"
-            } }, h("h2", { key: '3b5bfba528525ee1aeac6b26df1efa2c9820f61d' }, "Section 1"), h("div", { key: 'd3aed5a557ece1a38fbf3ea855b96134eacfdd1a', id: "section_1_child_1", style: {
+            } }, h("h2", { key: 'e0e3d8ee6aad27c62d86115316b8d9a5a2172db2' }, "Section 1"), h("div", { key: '2c5f6932b71c4944dd1ba964dcd388c7f35d330f', id: "section_1_child_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(255,0,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '10e0a7030c94ae3a1525a73c40f1aea25557c1fa' }, "Section 1 Child 1")), h("div", { key: 'c6f812f7f576c38c2e43882fce11a319c806071c', id: "section_1_child_2", style: {
+            } }, h("h3", { key: '868615fb583491d2164a0758631222aa2a6a7b75' }, "Section 1 Child 1")), h("div", { key: '877c8c2eac6126113b5fed21a8c4ffe51cae11ed', id: "section_1_child_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: 'b1ba2201ad7391ad00de41736d196525cc5cdbae' }, "Section 1 Child 2")), h("div", { key: '6402aa3493703417a5bfaf4bbd5fd75315fd05f7', id: "section_1_child_3", style: {
+            } }, h("h3", { key: 'd01ec3b25413f687495a59eee46e0f95808a6e52' }, "Section 1 Child 2")), h("div", { key: '860c1415bd996da440ba88ed771eb199b1aefc82', id: "section_1_child_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,255,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '17d6f32b548ac94fca4f2b1283698ed0995a0f79' }, "Section 1 Child 3"), h("div", { key: '0eebeb21257b41255a3662855e87aa54ba12e06e', id: "section_1_sub_child_1", style: {
+            } }, h("h3", { key: '94720f9a03a3ea2901ddf1e85b988c43b5a9b0f5' }, "Section 1 Child 3"), h("div", { key: '6fcfa0fdd98cc018dafc83732ee0202f923bb340', id: "section_1_sub_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '9bf7ca57c201beb1d190f519440aab1b65915c23' }, "Section 1 Sub Child 1")), h("div", { key: '24c087e844732a7b1f41851d993d0318df129687', id: "section_1_sub_child_2", style: {
+            } }, h("h4", { key: '29667e61b8ae34643536129b4942ca9f7945e229' }, "Section 1 Sub Child 1")), h("div", { key: '3e7ad4dc25169e094c8270a6a06d31b772fcc722', id: "section_1_sub_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '58db1b10c9373d81f551b6dd655254a257dbde8f' }, "Section 1 Sub Child 2")), h("div", { key: '21084900667940beaba216176a259b48b3f46f6c', id: "section_1_sub_child_3", style: {
+            } }, h("h4", { key: '01ceae69186064eef3576f4e21da317b00ae5049' }, "Section 1 Sub Child 2")), h("div", { key: '6dc61bd8ef6e6390f0633dd5213246b3173447c7', id: "section_1_sub_child_3", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '3b27006b6e6fcbdf792aa016ba98cb3b9fefb645' }, "Section 1 Sub Child 3")))), h("div", { key: 'baea4d4124b31c3c16004e9225bde0bad7baa69b', id: "section_2", style: {
+            } }, h("h4", { key: '8a84db32e43d8db3e560fff49e0b09543eb10fed' }, "Section 1 Sub Child 3")))), h("div", { key: 'cdbe8e6375363b6db0b6ef27572aad7d58e823a4', id: "section_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,0,0.8)",
                 color: "white",
                 padding: "20px",
                 margin: "20px 0"
-            } }, h("h2", { key: '4b0f5d4d9530455c3e472a0fea95345e7cc1673c' }, "Section 2")), h("div", { key: 'f944038baed82af8d4b5f5c20c12eeaebb962494', id: "section_3", style: {
+            } }, h("h2", { key: 'd5be890457494b8825a99a60a1e9a4bce7d107be' }, "Section 2")), h("div", { key: 'fb89e6916322e1bfaf3e66e9cbb1bee602062240', id: "section_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "brown",
                 padding: "20px",
                 margin: "20px 0"
-            } }, h("h2", { key: 'e040b91d9bdd924127613ef2f44252dec2feb073' }, "Section 3"), h("div", { key: 'c550f9c8099f864d18e429c6b842a98c9c4e214e', id: "section_3_child_1", style: {
+            } }, h("h2", { key: '6a0474acb65b42530844d3d68aac768827f20311' }, "Section 3"), h("div", { key: 'f12ae40d737214b6f8b6cd35311fccbad2f29065', id: "section_3_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '0f3be0f14aecbe5db8398672567494ae152cf95f' }, "Section 3 Child 1")), h("div", { key: 'bdf8dc715623a392391f8234293756986a7a8a35', id: "section_3_child_2", style: {
+            } }, h("h3", { key: 'f6a9812f6bd2225f6dd82d6f5ddb7d92263c40e5' }, "Section 3 Child 1")), h("div", { key: '8cf241d306e8d1880778ff3b27ceeb0ea0569af6', id: "section_3_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '681923ef5be24d2b0d48edd24882d3a94c64acb8' }, "Section 3 Child 2"), h("div", { key: '2382f1fa41dccc80473d52b2991f145e4fe03ede', id: "section_3_child_2_1", style: {
+            } }, h("h3", { key: 'a2071569efb86b10e6b9f18607f1afb8cadcf043' }, "Section 3 Child 2"), h("div", { key: '6fe13f4a533a82eaa94e34ce20b6a86556558b3e', id: "section_3_child_2_1", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '3a0b423f315f123a573fbfdc421eec76b4c1f523' }, "Section 3 Child 2.1")), h("div", { key: '019ac6853075a4ac5b1a7fbfb8fdb21e10fbf44e', id: "section_3_child_2_2", style: {
+            } }, h("h4", { key: 'ccef8abc44c5317d996d2f1230bdb97f8c68945f' }, "Section 3 Child 2.1")), h("div", { key: '2defa94be8314486a7f133137b23908cd8fd0e1e', id: "section_3_child_2_2", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: 'aaf82b4a8ebce3d13dc17812240931db4ac9c10d' }, "Section 3 Child 2.2")), h("div", { key: '6302e20493a6e743bf7319e79928215d14ba6b35', id: "section_3_child_2_3", style: {
+            } }, h("h4", { key: 'b03745ce0d88eefb92286039f3c15c7c017ee656' }, "Section 3 Child 2.2")), h("div", { key: '2f29a9acd13c7839f0141901190a2fa2ade9f39b', id: "section_3_child_2_3", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: 'c651d459ba357be8d45120680716b9e4ff0e8205' }, "Section 3 Child 2.3"))))), h("div", { key: 'cc7b60639bb44540af8dc8da7ee00fef7bf29e2b', style: {
+            } }, h("h4", { key: 'f9d473305d4595d25e0687b03f0cd45b5fcea0fe' }, "Section 3 Child 2.3"))))), h("div", { key: '9be479c676d7c9cb272ac15c00daf3007da967bd', style: {
                 position: "fixed",
                 top: "100px",
                 left: "40px",
@@ -90,7 +90,7 @@ const DgaTableOfContentUsage = class {
                 background: "white",
                 borderRadius: "8px",
                 boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-            } }, h("dga-table-of-content", { key: '102e446e97300f4b987dafc8bcba599eb3aa2549', title: "On this Page", subTitle: "Page Title", sections: [
+            } }, h("dga-table-of-content", { key: '006c81d35ca96f58494982d7e008c3bcc22fe792', title: "On this Page", subTitle: "Page Title", sections: [
                 {
                     Name: 'Section 1',
                     Target: 'section_1',
@@ -125,7 +125,7 @@ const DgaTableOfContentUsage = class {
                         }
                     ]
                 }
-            ] })), h("div", { key: '196df7a0a649c3474170bde316236ab4c11010ab', style: {
+            ] })), h("div", { key: 'dea17559fcb60eb120f6b6ab835b8e2f101a5f23', style: {
                 position: "fixed",
                 top: "100px",
                 right: "40px",
@@ -133,7 +133,7 @@ const DgaTableOfContentUsage = class {
                 background: "white",
                 borderRadius: "8px",
                 boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-            } }, h("dga-table-of-content", { key: 'e7c671d5cc5c9961efa2afe9ee53e6385cc21275', title: "\u0641\u064A \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062D\u0629", subTitle: "[\u0627\u0633\u0645 \u0627\u0644\u0635\u0641\u062D\u0629]", rtl: true, sections: [
+            } }, h("dga-table-of-content", { key: '3ecb4eb4ec7ae3bf767df4cadeb20edc43277635', title: "\u0641\u064A \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062D\u0629", subTitle: "[\u0627\u0633\u0645 \u0627\u0644\u0635\u0641\u062D\u0629]", rtl: true, sections: [
                 {
                     Name: 'قسم صفحة',
                     Target: 'section_1',

package/dist/esm/dga-table-of-content.entry.js

@@ -148,7 +148,7 @@ const DgaTableOfContent = class {
             _a.map(subSubTab => (h("ul", { class: "table-of-content__tab-sub-sublist" }, this.renderTab(subSubTab))))));
     }
     render() {
-        return (h(Host, { key: '858fda35574248e169c09b933de6796d42543f7a', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("aside", { key: '2510628f8c03d86d6cd887ea5e964374534a6288', class: `table-of-content ${this.rtl ? 'rtl' : ''}`, dir: this.rtl ? 'rtl' : 'ltr' }, h("div", { key: 'e233dd4dd1468f3dcc80fd6045db7881e64320fa', class: "table-of-content__header" }, h("p", { key: '5b12d22dff7ca399db6973438fddc0ac0284b64c', class: "text-sm-regular" }, this.subTitle), h("h4", { key: '4daf5b39d0d2699dee332ea976370c4373197906', class: "text-xl-semibold" }, this.tocTitle)), h("div", { key: 'c865b057bb4661b304bc904f6b863b54c214a858', class: "table-of-content__body" }, h("ul", { key: 'd3ac59be139ba7bf92102da96c06a9963c812c19', class: "table-of-content__tab-list" }, this.sections.map(tab => tab.Children ? (h("div", null, this.renderTab(tab), tab.Children.map(subTab => this.renderSubTabs(subTab)))) : (this.renderTab(tab))))))));
+        return (h(Host, { key: 'b533f278a567c99b194269f5d2605cab6a158f56', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("aside", { key: '1020761611a52ef396f1b52871a4a5e490fa5376', class: `table-of-content ${this.rtl ? 'rtl' : ''}`, dir: this.rtl ? 'rtl' : 'ltr' }, h("div", { key: 'd5f2d6cb2e07e402a86b9e08bcded02b801a642d', class: "table-of-content__header" }, h("p", { key: '04d84c7ecec1f7b29ee2c114c5c5de096f3b15eb', class: "text-sm-regular" }, this.subTitle), h("h4", { key: 'a640fee996a449f77d0e43f22eb292e195a6a961', class: "text-xl-semibold" }, this.tocTitle)), h("div", { key: '4ea2928d058779bb21c7b62478d79b662a1e3e60', class: "table-of-content__body" }, h("ul", { key: '42b0be4f2e5f142a619a29c82d351065020dafe7', class: "table-of-content__tab-list" }, this.sections.map(tab => tab.Children ? (h("div", null, this.renderTab(tab), tab.Children.map(subTab => this.renderSubTabs(subTab)))) : (this.renderTab(tab))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/dga-table-usage.entry.js

@@ -5,7 +5,7 @@ const DgaTableUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'daaf2b56c05dbd8c718f66c71c3f74f6a295d7fc' }, h("h1", { key: '2813bfda99c2328c31fecc10efbf6283005d826a' }, "Table Example"), h("div", { key: '12538addbbb5a7eca39da616d485065bf35841f1', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '8197743032fadfc96b7b8b3c450045620167fe3c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-data-table", { key: 'b677d48b7a36f584b59394fe409ca4fe4703acbc', columns: [
+        return (h("div", { key: '7e60df79d94e5d55c73b7915bcac778c416aac22' }, h("h1", { key: '718ce9785dc840c85ae414dad04be45a477cbe4f' }, "Table Example"), h("div", { key: 'd03f6e246ef28c1b3d82d9cd05f2de32b1300460', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '0467ef3fdac4aba61ad52480d635c4a83df066ae', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-data-table", { key: 'a496f4ee79e1e89f535fdc165c51e78a5e1a2611', columns: [
                 {
                     label: 'Header',
                 },
@@ -61,7 +61,7 @@ const DgaTableUsage = class {
                     price: '962500',
                     selected: false,
                 },
-            ] })), h("div", { key: 'c2912e0edbbbc83f2e53e57599f8f7468231ac5d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ] })), h("div", { key: 'db1536d669fe9add6f1792540259e1bf5dfbc785', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/dga-table.entry.js

@@ -94,7 +94,7 @@ const DgaTable = class {
         this.sortedData = cloneData;
     }
     render() {
-        return (h("div", { key: '8e94be66fc1151acf00ede8441b1c96436b111d9', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: 'e3e91108267b1cb9e383a93ed4404cd77d94610b', class: ` azm-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("slot", { key: 'd43e32ddf5f1060bf26d933b14dd53ccc044b8f0' }))));
+        return (h("div", { key: '12dcb8323266045ffde8d407f4d24a69b6f1cbf0', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: 'd235161e5ff70d099cd4b2ab927c2dbc37581b6d', class: ` azm-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("slot", { key: 'ea31be8317bbd7a5a0c7ec31425aa74213c46286' }))));
     }
 };
 

package/dist/esm/dga-tabs-usage.entry.js

@@ -11,7 +11,7 @@ const DgaTabsUsage = class {
         };
     }
     render() {
-        return (h("div", { key: '46e14c0f14b4b5a61e0132739243811a9bd5c0f9', style: { padding: '20px', fontFamily: 'Arial, sans-serif' } }, h("h1", { key: '363bccb489b434cecf4603e83e708e3711b327e7' }, "DGA Tabs Component Examples"), h("p", { key: '7d882a19fd83626493c161508e998fa5bdaf41cf' }, "Comprehensive examples of the tabs component in various real-world scenarios."), h("section", { key: '2ca9e9bc219a5d002980a629dedba84d08829553', style: { marginBottom: '40px' } }, h("h2", { key: '59faf65d0d9a696de1ee3dacc80104e40a488ce0' }, "1. Website Navigation Menu"), h("p", { key: '5c62735cb6607ac21a57a75ea1575084b62d451d' }, "Main navigation for a website with different sections"), h("dga-tabs", { key: 'b7c50029888005ecf2da9bd7c2a5c67f5db5bfaf', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+        return (h("div", { key: '0591d9bf25a4050197a1c3326d1bcebf795d264d', style: { padding: '20px', fontFamily: 'Arial, sans-serif' } }, h("h1", { key: 'b305e94f70cf35f7778e42028d2539a108d02fd4' }, "DGA Tabs Component Examples"), h("p", { key: '6b37a3c44b8f96ebbf80b487fc2cb1998408d334' }, "Comprehensive examples of the tabs component in various real-world scenarios."), h("section", { key: 'e7ba8adbf4f5417e3e81a9db0f3d5e3411aa1456', style: { marginBottom: '40px' } }, h("h2", { key: '25b0e0e2f02d70f4008b62ce6a57d78c7ec861a1' }, "1. Website Navigation Menu"), h("p", { key: 'f13bd68cfd51c141d7276bf446f576d9a3f310c1' }, "Main navigation for a website with different sections"), h("dga-tabs", { key: '37772a5d4796954b12b7c4e6141787c4a7d997bf', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
                 {
                     label: 'Home',
                     onClick: () => this.handleTabClick('Home'),
@@ -42,7 +42,7 @@ const DgaTabsUsage = class {
                     tabIcon: "mail-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), h("section", { key: 'd3d3772aa32045846d05bb19fdad367cefea58f4', style: { marginBottom: '40px' } }, h("h2", { key: 'b2311505aa56a624110d661f99344d86533bdb43' }, "2. Dashboard Analytics Tabs"), h("p", { key: '866c257e7ca95d743dd317f625226cbfc501657d' }, "Analytics dashboard with different data views"), h("dga-tabs", { key: 'b3dff9db0f74b2b094666481666ee174ae0b0a61', size: "lg", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+            ] })), h("section", { key: 'ac30ffa3237d329d51e97f7dc25869317fe1af15', style: { marginBottom: '40px' } }, h("h2", { key: 'a99e2b72a6acf73c6a578c3852e1beca8da8c479' }, "2. Dashboard Analytics Tabs"), h("p", { key: '97a6c0ae6e4e9b956b9cce289bb3b5ea3829e8df' }, "Analytics dashboard with different data views"), h("dga-tabs", { key: '7451a8657a6c0d2bd8fc48c7ae9a233edaef645c', size: "lg", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
                 {
                     label: 'Overview',
                     onClick: () => this.handleTabClick('Overview'),
@@ -67,7 +67,7 @@ const DgaTabsUsage = class {
                     tabIcon: "file-chart-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), h("section", { key: '74b8454f6af4ae344484d4365bb8c96f296889f5', style: { marginBottom: '40px' } }, h("h2", { key: '09bbe9232b9d587993ea858bd72ab7428664473d' }, "3. Settings Panel (Vertical Layout)"), h("p", { key: 'd3757b6938e6dcc77f94ff76ef44ef1dc9ec5405' }, "User settings panel with vertical tab navigation"), h("div", { key: '3ba86e137015a25390e487b7ab72e92a466d741c', style: { display: 'flex', gap: '20px' } }, h("dga-tabs", { key: 'afadfd81d3fa3084fa9dcf03acfd77ef89e8ce9d', size: "md", orientation: "vertical", flush: false, external: false, divider: true, tabsList: [
+            ] })), h("section", { key: '0689b72936054cb1f2da1930cab43df37e3cc029', style: { marginBottom: '40px' } }, h("h2", { key: 'c57ff77efcbd1064f84821a8b01c07ecb349f26a' }, "3. Settings Panel (Vertical Layout)"), h("p", { key: 'beffd07210f5ab9e61def74a584f6285c5fd4cc8' }, "User settings panel with vertical tab navigation"), h("div", { key: '890a3049f60e0ac77ac81ea500ff098f63608687', style: { display: 'flex', gap: '20px' } }, h("dga-tabs", { key: '1a5d721cfcab7eed640fae78e819874186ed1f59', size: "md", orientation: "vertical", flush: false, external: false, divider: true, tabsList: [
                 {
                     label: 'Profile',
                     onClick: () => this.handleTabClick('Profile'),
@@ -98,7 +98,7 @@ const DgaTabsUsage = class {
                     tabIcon: "lock-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] }), h("div", { key: '2350804c61505bc06e6056df7bbb988d63fa9f64', style: { padding: '20px', border: '1px solid #ddd', borderRadius: '4px', flex: '1 ' } }, h("p", { key: 'c63baf57dcc8711bff9049d7557f9f9d2826b6a6' }, "Content area for the selected tab (", this.activeTab, ") would appear here.")))), h("section", { key: '27b42f951b8fc0398fff6c2739d2b17e54423a93', style: { marginBottom: '40px' } }, h("h2", { key: 'e5b4e607d7e9bca08ba661f961b078b4b21591d6' }, "4. E-commerce Product Information"), h("p", { key: 'fe549519be73d124b4094b4e0dab64f3575fbd1a' }, "Product detail page with different information sections"), h("dga-tabs", { key: '2ca898dead618872b52d8635e8976116f3ca96de', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+            ] }), h("div", { key: 'bc2f58630038644b9b1a8a46883e9f00aa7860ba', style: { padding: '20px', border: '1px solid #ddd', borderRadius: '4px', flex: '1 ' } }, h("p", { key: '855fb002401aaeb7652fb15a4a3951650182952e' }, "Content area for the selected tab (", this.activeTab, ") would appear here.")))), h("section", { key: '541ae6735b07a74f9477393771c2edc2f8743843', style: { marginBottom: '40px' } }, h("h2", { key: 'd8a95543c243fee41e07f0bc1be544ee11042f7e' }, "4. E-commerce Product Information"), h("p", { key: '9731d6a371219930aad5a8441dd65dca96ecb64b' }, "Product detail page with different information sections"), h("dga-tabs", { key: 'e900cf3532e98a9a710a87c396a9007725384223', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
                 {
                     label: 'Description',
                     onClick: () => this.handleTabClick('Description'),
@@ -129,7 +129,7 @@ const DgaTabsUsage = class {
                     tabIcon: "refresh-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), h("section", { key: 'daee6b2ec7b66d2a433afcd8a0427dd8fe26e95e', style: { marginBottom: '40px' } }, h("h2", { key: '945d0d989281e30aa4c68bb2393590d4e77145cb' }, "5. External Navigation Links"), h("p", { key: '3b3e57edcf3fe388db5491df0d0972e5c1cfcff4' }, "Tabs that navigate to external pages or different sections"), h("dga-tabs", { key: '65afc18838655d1a7dc22e38aa5111cee4094b30', size: "md", orientation: "horizontal", flush: false, external: true, divider: true, tabsList: [
+            ] })), h("section", { key: '4c0231c06d95ba0b2e329309f9af076d54635eda', style: { marginBottom: '40px' } }, h("h2", { key: 'ad0a701d5425e77b41f6be054ffa2f7c92e45b1a' }, "5. External Navigation Links"), h("p", { key: 'ba28ac4ee0cb9f04a53d5373ab1cf286c2ad988d' }, "Tabs that navigate to external pages or different sections"), h("dga-tabs", { key: '7d862fb413054675125d7d900658c98c635e8193', size: "md", orientation: "horizontal", flush: false, external: true, divider: true, tabsList: [
                 {
                     label: 'Documentation',
                     link: '/docs',
@@ -154,7 +154,7 @@ const DgaTabsUsage = class {
                     tabIcon: "github-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), h("section", { key: '826c3ef90c54259acf840ad18fe1c8ef522e5aaf', style: { marginBottom: '40px' } }, h("h2", { key: 'b61127ee72c4a7a2fd8ed6e4ff8844e0baf93ac9' }, "6. Many Tabs with Overflow Menu"), h("p", { key: '1c80ed27f75ba32d193ef0254de2d2e520982d54' }, "Example with more than 5 tabs to demonstrate overflow behavior"), h("dga-tabs", { key: 'dbb68d70a9152ba3c629686083a3a5ee59233c84', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+            ] })), h("section", { key: '82d9d626e00663238a2033f14fed25a26822aaa4', style: { marginBottom: '40px' } }, h("h2", { key: 'b830f3e83310d556bc3225083564d1dd0ed0ca38' }, "6. Many Tabs with Overflow Menu"), h("p", { key: 'dd2b7a07b65e08ee1dc067bb6df3d97fddee41e5' }, "Example with more than 5 tabs to demonstrate overflow behavior"), h("dga-tabs", { key: '58d95d3e46608a9aba9214f2b0116d93f53ed9c8', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
                 {
                     label: 'January',
                     onClick: () => this.handleTabClick('January'),
@@ -203,19 +203,19 @@ const DgaTabsUsage = class {
                     tabIcon: "calendar-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), h("section", { key: '04bab8cf5a1c2f57a53631db15d67d653fa3e20b', style: { marginBottom: '40px' } }, h("h2", { key: 'd4dff61b05358053846a365e9fb4b44d78ff5751' }, "7. Different Tab Sizes"), h("h3", { key: '7b338facb35256f973fc867f9f3aa70681936c93' }, "Small Size"), h("dga-tabs", { key: 'a00d90d02d8f40b493f0fa6a911fec6c7149c231', size: "sm", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+            ] })), h("section", { key: '0fb0a2202dacaf3aaf1569a1af05200e1760b349', style: { marginBottom: '40px' } }, h("h2", { key: '3a5b239df81a9d4217cfcda67f314f79faa13d31' }, "7. Different Tab Sizes"), h("h3", { key: 'f4c6e85b444c74ecd150b8daef1ee5abf8f1b4f8' }, "Small Size"), h("dga-tabs", { key: '1d68badd946653fe4ebcd08bfdea682767f9cf59', size: "sm", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
                 { label: 'Small', onClick: () => this.handleTabClick('Small') },
                 { label: 'Compact', onClick: () => this.handleTabClick('Compact') },
                 { label: 'Minimal', onClick: () => this.handleTabClick('Minimal') }
-            ] }), h("h3", { key: '855ae3e0b1a2fd429a424e7e92ccec60f33ff8b6' }, "Medium Size (Default)"), h("dga-tabs", { key: 'c42e3679d6fa913139455516b93cd6eab60b6a2d', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+            ] }), h("h3", { key: '80b81dc8af0d5f5f838067186147c8cc9af6b7e2' }, "Medium Size (Default)"), h("dga-tabs", { key: 'ff0f41477f3af42127027804d36be2c798d5550a', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
                 { label: 'Medium', onClick: () => this.handleTabClick('Medium') },
                 { label: 'Standard', onClick: () => this.handleTabClick('Standard') },
                 { label: 'Default', onClick: () => this.handleTabClick('Default') }
-            ] }), h("h3", { key: '04df30834a6217ab8fb823e7ba56170793033ba2' }, "Large Size"), h("dga-tabs", { key: '6ecd88f36923b88db25fb72101584e824ec7e293', size: "lg", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+            ] }), h("h3", { key: 'e0cb239d28faaadb51d4e6926d51370d369387cf' }, "Large Size"), h("dga-tabs", { key: '030d13de3cf406754cda715d6d3aa4f70ef4054a', size: "lg", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
                 { label: 'Large', onClick: () => this.handleTabClick('Large') },
                 { label: 'Prominent', onClick: () => this.handleTabClick('Prominent') },
                 { label: 'Bold', onClick: () => this.handleTabClick('Bold') }
-            ] })), h("section", { key: 'b770485af88e625bc582f3686d3411836d0f4d0a', style: { marginBottom: '40px' } }, h("h2", { key: '4bad52f84ce33c9225390afa3d97143d106ade24' }, "8. Flush Tabs (No Padding)"), h("p", { key: '90c9efa25cf088a82a6afdbb8c5695992adfe5ac' }, "Tabs with flush styling for tight layouts"), h("dga-tabs", { key: '06f34e7fd3d2fc5dd9bf9a214d99c8a1878a1cfd', size: "md", orientation: "horizontal", flush: true, external: false, divider: false, tabsList: [
+            ] })), h("section", { key: '3d7e70da9172f1fd9bf4cf2007ab754e1cb44630', style: { marginBottom: '40px' } }, h("h2", { key: 'd930af857aca20ad76de9415eb68994bd150cc42' }, "8. Flush Tabs (No Padding)"), h("p", { key: '3263fb9222aebd899501ee82416daffbb33fe9c8' }, "Tabs with flush styling for tight layouts"), h("dga-tabs", { key: '8984f72ed6f38c37929a128cf3001226e5a8f884', size: "md", orientation: "horizontal", flush: true, external: false, divider: false, tabsList: [
                 {
                     label: 'Flush Tab 1',
                     onClick: () => this.handleTabClick('Flush1'),
@@ -234,7 +234,7 @@ const DgaTabsUsage = class {
                     tabIcon: "square-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), h("section", { key: 'eae917d20ae45b1733a2178a7ac80414c8314549', style: { marginBottom: '40px' } }, h("h2", { key: 'd693d374d8dbc12b974ace2b2700ef3dbc485bae' }, "9. Disabled Tabs"), h("p", { key: '35154f896c2b16d502f1cce2e91ccda538c4c382' }, "Tabs in disabled state for maintenance or restricted access"), h("dga-tabs", { key: '99be3631eaa4be045f026a2608f0ff000b183cd3', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, disabled: true, tabsList: [
+            ] })), h("section", { key: 'f0032c6dfe7b5b2446a1406e6f4f8ff6f0098636', style: { marginBottom: '40px' } }, h("h2", { key: 'a2b39e768eed846cf3cd26d1c390a49410569fa8' }, "9. Disabled Tabs"), h("p", { key: '069cae0c877fcf961a332e2f2b0009ade21d7735' }, "Tabs in disabled state for maintenance or restricted access"), h("dga-tabs", { key: '02d54cdda6a0f4b94e34688dba8904a868cb117d', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, disabled: true, tabsList: [
                 {
                     label: 'Disabled Tab 1',
                     onClick: () => this.handleTabClick('Disabled1'),
@@ -253,7 +253,7 @@ const DgaTabsUsage = class {
                     tabIcon: "lock-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), h("section", { key: '7d486072b455a803046d14e060521a7289ab53ab', style: { marginBottom: '40px' } }, h("h2", { key: '3f917ac134c324d719c52b08427e3b40bb20bfbc' }, "10. Mobile-Friendly Tabs"), h("p", { key: 'd7016999cf69b3dbe27777adfb8b44072e7ff8d4' }, "Compact tabs suitable for mobile interfaces"), h("dga-tabs", { key: '706b2e2943627322f5cb52302dff43b798c3100e', size: "sm", orientation: "horizontal", flush: true, external: false, divider: false, tabsList: [
+            ] })), h("section", { key: 'c54905109099f55bb9a6f73a1e8ecc8c964eab32', style: { marginBottom: '40px' } }, h("h2", { key: '3d210d801df271d475f2f284f28062e36e6c0917' }, "10. Mobile-Friendly Tabs"), h("p", { key: '35fc6023cdd8914a12bcc45eda5864a9c53ec12d' }, "Compact tabs suitable for mobile interfaces"), h("dga-tabs", { key: 'fc674ca6857d1b070a52b745508ebdc022cdfb67', size: "sm", orientation: "horizontal", flush: true, external: false, divider: false, tabsList: [
                 {
                     label: 'Feed',
                     onClick: () => this.handleTabClick('Feed'),

package/dist/esm/dga-tabs.entry.js

@@ -74,7 +74,7 @@ const DgaTabs = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: '17d2475e6da8393562a4af7263afac102b5ccbd9', id: this.componentId, style: this.rootStyles }, h("ul", { key: '41b67c39a33888ebed49adef7d141547c34b3a86', class: `dga-tabs-list dga-tabs-list--${this.orientation} ${this.divider ? 'dga-tabs-list--divider' : ''} ${this.flush ? 'flush' : ''} ${this.extraClass}` }, (_a = this.tabsList) === null || _a === void 0 ? void 0 :
+        return (h(Host, { key: '710d717842402c6e41b1ea70ab265768bfedfa2a', id: this.componentId, style: this.rootStyles }, h("ul", { key: '8e4dca04cbefd40911985ac4104c3d6051e74fce', class: `dga-tabs-list dga-tabs-list--${this.orientation} ${this.divider ? 'dga-tabs-list--divider' : ''} ${this.flush ? 'flush' : ''} ${this.extraClass}` }, (_a = this.tabsList) === null || _a === void 0 ? void 0 :
             _a.slice(0, 5).map((tab, index) => (h("li", { key: index }, this.external ? (h("a", { href: tab.link, class: `dga-tabs-list__item dga-tabs-list__item--${this.size} ${this.activeTab === index ? 'dga-tabs-list__item--active' : ''} ${this.disabled ? 'disabled' : ''}`, onClick: e => {
                     e.preventDefault();
                     !this.disabled && this.setActiveTab(index);
@@ -82,13 +82,13 @@ const DgaTabs = class {
                     e.preventDefault();
                     !this.disabled && this.setActiveTab(index);
                     (tab === null || tab === void 0 ? void 0 : tab.onClick) && (tab === null || tab === void 0 ? void 0 : tab.onClick(e));
-                } }, (tab === null || tab === void 0 ? void 0 : tab.tabIcon) && h("div", { class: "dga-tabs-list__icon" }, this.renderIcon(tab === null || tab === void 0 ? void 0 : tab.tabIcon, tab === null || tab === void 0 ? void 0 : tab.iconProps)), h("div", { class: "dga-tabs-list__label" }, tab === null || tab === void 0 ? void 0 : tab.label)))))), this.orientation === 'horizontal' && this.tabsList.length > 5 && (h("li", { key: '28eb7e9ce2be2a88ee8aeb0f089cf88f6af0e37e', class: "breadcrumb-item ellipsis" }, h("dga-button", { key: 'd6b906f179e2c64083d9fdb62f45885980bb49c6', iconOnly: true, leadIcon: true, leadIconProps: {
+                } }, (tab === null || tab === void 0 ? void 0 : tab.tabIcon) && h("div", { class: "dga-tabs-list__icon" }, this.renderIcon(tab === null || tab === void 0 ? void 0 : tab.tabIcon, tab === null || tab === void 0 ? void 0 : tab.iconProps)), h("div", { class: "dga-tabs-list__label" }, tab === null || tab === void 0 ? void 0 : tab.label)))))), this.orientation === 'horizontal' && this.tabsList.length > 5 && (h("li", { key: '9263c14b56062c953ee92cf25f2845b9b2533bf6', class: "breadcrumb-item ellipsis" }, h("dga-button", { key: 'aa84674175c07c884fe8f6a0df69633ed04a291c', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'MoreHorizontalCircle01Icon',
                 size: 17,
                 variant: 'solid',
             }, label: "Button", onClick: () => {
                 this.toggleMenu();
-            }, size: "md", variant: "subtle", disabled: this.disabled, "aria-haspopup": "true", "aria-expanded": this.isMenuOpen ? 'true' : 'false' }), this.isMenuOpen && (h("div", { key: 'a5e5cf6644305dde6e94abfe6e025419e7b45bf7', class: "breadcrumb-dropdown" }, h("dga-tabs", { key: 'a229b851f769a043a5dd199b9fa3b6463f7e205b', size: "md", orientation: "vertical",
+            }, size: "md", variant: "subtle", disabled: this.disabled, "aria-haspopup": "true", "aria-expanded": this.isMenuOpen ? 'true' : 'false' }), this.isMenuOpen && (h("div", { key: '34b7124e08c8dd81ede16f0ace303d1167215031', class: "breadcrumb-dropdown" }, h("dga-tabs", { key: '3b1fe528da08f7b07b2030fab9046e0b647818e3', size: "md", orientation: "vertical",
             // tabIcons: true,
             flush: false, external: true, divider: true, tabsList: this.tabsList.slice(5) }))))))));
     }