@platformscode/core 0.0.25 → 0.0.27

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

@@ -5,7 +5,7 @@ const DgaStructuredListUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'bdc2f47aa3f8ff597300c4096f00efd7b7ed774a' }, h("h1", { key: '015067e5a3a9fa1323b51e37e76fa3864e67f3ae' }, "Structured List Example"), h("div", { key: 'b84d94e8795660d3975dbe8debe9f09be86b644a', style: { padding: "50px" } }, h("dga-structured-list", { key: '98012f35b00f2345d4ed21bb0ff8581ec002e049', cells: [
+        return (h("div", { key: '835af6a2a1227b77efda3f2fd0a2a6b6c8ff0f7d' }, h("h1", { key: '3c3964ae8b15757863ef74072f2ace681c0290be' }, "Structured List Example"), h("div", { key: 'b33121fb66a4504642d873ee63963dabe44beae4', style: { padding: "50px" } }, h("dga-structured-list", { key: '3f6a8c489f0b8ba6ee2aed588372e8ca2ab76c79', 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: '8e322325aa9b7e48d2c9b00c47b29ec8d6ddfaaa', compact: true, cells: [
+            ], rowDivider: true, colDivider: false, selectable: true, getSelectedRows: selectedRows => console.log(selectedRows) }), h("dga-structured-list", { key: 'a689aee40cd55c027f051f78675c3e3e27a60275', 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: '2e05da8b8bef5a55ad03e0792aa605069d493001', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: '775c5f39e01ce7f307f5b357351c3a0ca35bb413', class: `azm-structured-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("thead", { key: 'dcc273c49193d47b1d12570ce95b7df4a2c72be2' }, h("tr", { key: 'fc42e1ffc24ae770cf7ca751c4df89d590b22d05', class: `${this.rowDivider ? 'row-divider' : ''}` }, this.cells.map(({ title }, index) => (h("th", { key: index }, title))))), h("tbody", { key: 'c53eac4a04b6d6cd0ac54abb46f7e2d89f4f8b3a' }, 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: '6625ecac9ef78d57cac9ccaf43a6da0446b73f2d', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: '0e0df97cffe6f200a61655b1d693a68fc4536d30', class: `azm-structured-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("thead", { key: '5da7eed1eabbcea929925f0a225def3cbd043590' }, h("tr", { key: '31f990b5191727dbcf4b2a0fe0c52dbffbb27228', class: `${this.rowDivider ? 'row-divider' : ''}` }, this.cells.map(({ title }, index) => (h("th", { key: index }, title))))), h("tbody", { key: '2a36258b3a5d14be0c9fa06d2726f7ae9d9dd8bb' }, 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-switch-usage.entry.js

@@ -5,7 +5,7 @@ const DgaSwitchUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '60253d2a2be9998083b170ded589595c8f950034', style: { padding: '50px', display: 'flex', gap: '50px' } }, h("div", { key: 'dc3e7c8b2b8bf36efd9656cd3b54f9211fa27ec3' }, h("h1", { key: 'b6c3944af2d0e239a2a2c8753d1ae0fe03846f03' }, "Switch Example"), h("dga-switch", { key: 'ab56c5ed35dff2c3aac9e884904a522f7af17340', 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: '018ccbd4b10694436439565dd3efa67b587e3cab', style: { padding: '50px', display: 'flex', gap: '50px' } }, h("div", { key: '55a532d475eb2c3114b98a2737beec241b0c94aa' }, h("h1", { key: '4f12b1e7a43adb9f008f829e6fbdefe79b3f9476' }, "Switch Example"), h("dga-switch", { key: '0aa454b38966297e072f2d8286e821e0e6fa0459', 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: '0632cbe12ce2d18db3cee7e5b15558b65f7eab8c', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("label", { key: '35bfd7914480fc315ad732c6ca7f8dcca8b943fa', ref: el => (this.labelRef = el), class: `switch ${this.color ? `switch--${this.color}` : ''}`, onMouseDown: this.handleActive, onChange: this.handleRemoveActive }, h("div", { key: '1b47dfda683cd8c433ebe6f3b6b4d6b163b10dc3', class: "switch-main" }, h("div", { key: '18ca64c56fcb498d55ecac6334f85ad18b9df944', class: `switch-main__content ${this.disabled ? 'disabled' : ''}` }, h("div", { key: '07488d447e48fe9e84d0898103f9e7c18826f065', class: "switch-wrapper" }, h("input", { key: 'ae1bfecc1529b052697f23d4af8f66bb5d5e6f31', 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: 'c472d7dc30d102863556ecb3c9047669a2f1e37c', 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: '6c993d612c24f195d47458a529e8c9785e72416c', class: "switch__warning" }, h("span", { key: 'ab40b8c329844e4da3371db0476d8abc30f6640d', class: "switch__warning-icon" }, h("svg", { key: '876579503768049bddcd8a81d4c338f198079f9f', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'aa33cf37b203dcd998faac04d037800a236fafb0', 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: '3b60ccc9f5b4a46c8865c3e8b44c0aa0ce1ed4b6', class: "switch__warning-text" }, this.alertText)))))));
+        return (h(Host, { key: '3ad152e5f19cc466295ae461e52c890147c250fd', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("label", { key: 'f793423dbfdd8e8b15c2d7b5bf826722f66fc105', ref: el => (this.labelRef = el), class: `switch ${this.color ? `switch--${this.color}` : ''}`, onMouseDown: this.handleActive, onChange: this.handleRemoveActive }, h("div", { key: '844713ab78fe988e5dfca4b2f8e0662491560c0d', class: "switch-main" }, h("div", { key: '894ac6ec71f9ae9fe7e3aea234f3c365204602d4', class: `switch-main__content ${this.disabled ? 'disabled' : ''}` }, h("div", { key: 'd009fddbff1587071a53daa9867556d547d8c4fe', class: "switch-wrapper" }, h("input", { key: 'a33202a9703e80dd62a33f1c84075b0abd89238b', 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: '77f7a22b0e0ffef81acec90eca5536ec5c50c856', 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: 'd1a5b8c0c211407aa7a125404204fefd2ea84151', class: "switch__warning" }, h("span", { key: '70a93128592211a2ae9b545f4b32698f6072bf46', class: "switch__warning-icon" }, h("svg", { key: '0664dccb388af471dad77ab764d34f70e291de70', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '1a44ce8c181244f3351ffec4eba873c99d396e72', 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: 'b1ac2193040ce73d888e3a39d1179e953718710f', 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: 'a0713a4db7cc2551fe392a82136ae655f92df198' }, h("slot", { key: '113d40d6704388bd16e3e920caa9fb720d444e24' })));
+        return (h("tbody", { key: 'c0631edc404bf8ef2bf27bce333e6caffd021a54' }, h("slot", { key: 'ff2d0b4a85ea66402fa1824d09e5fdacdd4c1ee7' })));
     }
 };
 

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: 'd15349f639299a8a13ba612d18940844d2e66391', style: {
+        return (h("div", { key: 'c983d0464d8d6ee6379fb06f8f6f1eb6210b4646', style: {
                 position: 'relative',
                 width: '100%',
                 maxWidth: '1200px',
                 margin: '0 auto',
                 padding: '20px'
-            } }, h("h1", { key: 'c241f5fb92aec3d58e5d3187c6b06135ceb1dd64' }, "Table of Content Example"), h("section", { key: '1a23badd07e4d2ad3005c9d75556d21c72e04a67' }, h("div", { key: '58cb04b4992e4bf61142cea62974e8b6766207d0', id: "section_1", style: {
+            } }, h("h1", { key: '2e1022ebb6fda513c57eaad9037dc5d5c0fee5e8' }, "Table of Content Example"), h("section", { key: 'c28ead61eabd589da3f75665164c59ba1d803f5f' }, h("div", { key: '5f42a6876b4b9889cc655ae5fa7d855f88268191', id: "section_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "gray",
                 padding: "20px",
                 margin: "20px 0 200px 0"
-            } }, h("h2", { key: '8083353da675666aaafd7de30c96be8a591e8618' }, "Section 1"), h("div", { key: 'dde1b84bac1987abbd025ed6ff47720d7eea43fe', id: "section_1_child_1", style: {
+            } }, h("h2", { key: '37a62dab4bb30cece993961811e805279c16b011' }, "Section 1"), h("div", { key: 'cf46ed4064d0ffd3f6a5f2780d4d4f24f10b716d', id: "section_1_child_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(255,0,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '071c99f442f9a4f98634140f07a3b54726c150b6' }, "Section 1 Child 1")), h("div", { key: '14e26789c607c157aa93b810d13c6fbd57788956', id: "section_1_child_2", style: {
+            } }, h("h3", { key: '3974a5bb5c74da1bacae8e8cc03131cbac64a54d' }, "Section 1 Child 1")), h("div", { key: 'bb0e0788d13e0cd04e867e35ad8329c676fb592d', id: "section_1_child_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '57999c1d01c770f386b0270767691690764726fb' }, "Section 1 Child 2")), h("div", { key: '92ba68aacd26323573c583af6d1114271b8706f7', id: "section_1_child_3", style: {
+            } }, h("h3", { key: '3d47a9f6f1daba571abc709ce05c1bb32d34c5da' }, "Section 1 Child 2")), h("div", { key: '1056ca8ccb04e711920a8c6a20faa667c3482259', id: "section_1_child_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,255,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '8e765a3ca959e8888d0b59041c60f4ebecb5dda8' }, "Section 1 Child 3"), h("div", { key: 'b49a68dcc5bdfe9172813d92b18c43a273010688', id: "section_1_sub_child_1", style: {
+            } }, h("h3", { key: 'd573b416d26e7930993bcb8af5404aa4365dd6e4' }, "Section 1 Child 3"), h("div", { key: 'e5b5e11e7a65b2eb89176963386105e60a2fcd06', id: "section_1_sub_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '38a861ca3baf9141abe8a085991eda4ec8cfee46' }, "Section 1 Sub Child 1")), h("div", { key: '8cf1b89e6b82435e7e7867aa7a589cd2ffab4960', id: "section_1_sub_child_2", style: {
+            } }, h("h4", { key: '21dcd99711f531e3d26feee68169550a503b31e3' }, "Section 1 Sub Child 1")), h("div", { key: '14f0fc69662547fa46ab56fc249ab53638330494', id: "section_1_sub_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '40f13cbc2bf1713b05ea43e485c79296488b1308' }, "Section 1 Sub Child 2")), h("div", { key: 'cf9a416fe48021fa8362b0054ae6eb39231a43db', id: "section_1_sub_child_3", style: {
+            } }, h("h4", { key: 'c249e18bb7050e8ce10c55833dc732c3fc813a40' }, "Section 1 Sub Child 2")), h("div", { key: '23f7f8474e9ad8237ebc1759dd3650d24c9abd91', id: "section_1_sub_child_3", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '698ccd912bde9c965eb029c60bd16670c9588bc6' }, "Section 1 Sub Child 3")))), h("div", { key: 'cc750db9ad84cbe493c27500de0caaba687044f9', id: "section_2", style: {
+            } }, h("h4", { key: '0e4282f9e1402adaf72cf0584ae5b7a52b3d4fd6' }, "Section 1 Sub Child 3")))), h("div", { key: '210eed05020f92b17d0d7d9f1468b1d575269bbd', id: "section_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,0,0.8)",
                 color: "white",
                 padding: "20px",
                 margin: "20px 0"
-            } }, h("h2", { key: '7625fef39028d26d9ba94da0a5f19232ca5a8bb7' }, "Section 2")), h("div", { key: '8fdef76dd784f36e415b0c7055c3482333c239f5', id: "section_3", style: {
+            } }, h("h2", { key: '85956f31bd566bf4b0fb4b7396fd0f66c9a013a2' }, "Section 2")), h("div", { key: '8398df7b6d92fd08b9e6b91110b96e29cd360d11', id: "section_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "brown",
                 padding: "20px",
                 margin: "20px 0"
-            } }, h("h2", { key: '2cc3e53dad0347a96ae95775092d76164318127b' }, "Section 3"), h("div", { key: 'e14e96256c836b85ae44626667c010bff8f014d9', id: "section_3_child_1", style: {
+            } }, h("h2", { key: 'c04051a357d5389102f2b94593428d3e019eb1f6' }, "Section 3"), h("div", { key: '30ecc6f5e16af9622434511562d8d7dad6367eeb', id: "section_3_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: 'c1e0bbbd48a010d291ed8e65e627d902d9947fc9' }, "Section 3 Child 1")), h("div", { key: '488cac924188ac4a37af327242f7454a4d9b433e', id: "section_3_child_2", style: {
+            } }, h("h3", { key: '1d5366a8c60c322fee2a9902d103f432c4c107ab' }, "Section 3 Child 1")), h("div", { key: '6034b390801e6a803ac2bfc3db839bc61d5840e5', id: "section_3_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '2f8f92511e6671c8381e9e128c976c3fecf6239e' }, "Section 3 Child 2"), h("div", { key: 'a5de40fb0dd8647cfc6cbe952049b50a2aed69ed', id: "section_3_child_2_1", style: {
+            } }, h("h3", { key: 'c277dc393cc632222d35b5a8d156f9cb69a0a3ad' }, "Section 3 Child 2"), h("div", { key: '680a8723b12ae8ec9ccc866c53c050f093581d1f', id: "section_3_child_2_1", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '43b5a052e83e60297cd8ef3aa673089d9b858aee' }, "Section 3 Child 2.1")), h("div", { key: '977546d7f8f3d9354f51a23386a5cddfcb137df2', id: "section_3_child_2_2", style: {
+            } }, h("h4", { key: '12a7d0cad49ccd91a7b1db2582fe267dd61fa84e' }, "Section 3 Child 2.1")), h("div", { key: '9fb82323c2e689e157d1180a0da90c078b0b125a', id: "section_3_child_2_2", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '4290eb07b34eeddce1cb411631331bbec70b73b7' }, "Section 3 Child 2.2")), h("div", { key: '2ab2d4a0a4805a9ace81c1af9b3e219e1987d671', id: "section_3_child_2_3", style: {
+            } }, h("h4", { key: 'cc64b76269fbf93e0c5aec932bb022a34724f14e' }, "Section 3 Child 2.2")), h("div", { key: 'c2e4b63399bb73bc67f15f344e0afb7db700677a', id: "section_3_child_2_3", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '93e3dc436cf1e8aea59085514d8cb9b9fe2a6cc9' }, "Section 3 Child 2.3"))))), h("div", { key: '2d977331c849d63655c781aa381f27834b94824b', style: {
+            } }, h("h4", { key: 'a7bee4e488a06732f97ce5850db3be04b86a0d4c' }, "Section 3 Child 2.3"))))), h("div", { key: '2725488cbd1f19c6a48aad41e79f0f524a4ca332', 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: '08fe8c34cc6bed47143854d5e57ea2528649c444', title: "On this Page", subTitle: "Page Title", sections: [
+            } }, h("dga-table-of-content", { key: '112972cdd00c4036880244f4c9a17a72c7ab7ae6', title: "On this Page", subTitle: "Page Title", sections: [
                 {
                     Name: 'Section 1',
                     Target: 'section_1',
@@ -125,7 +125,7 @@ const DgaTableOfContentUsage = class {
                         }
                     ]
                 }
-            ] })), h("div", { key: '04e02601de43ec292c2a28926ac95d3e5fa06d6d', style: {
+            ] })), h("div", { key: '1189116fa038429ebe293b239fb30ab7d3d788da', 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: '4f87d536da5b9257c2d4d1374f27fcafe88a3b8c', 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: '27fc846547d8a3e877f77e1d1c55fa0f548b3baf', 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-usage.entry.js

@@ -5,7 +5,7 @@ const DgaTableUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'cce8d553b5ffdbc9fa44f1b5a93dce53c0238299' }, h("h1", { key: 'aa47ec1faf9e7d55de29db20ae1a21cb096e0f6c' }, "Table Example"), h("div", { key: 'eb5b733c74b8468739e69160aac6afa7d976a0c8', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '49965a667f72b6b465f69acac82c16d1d5c4babd', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-data-table", { key: 'eaf30471f00a8f0444e037e0298d994eed6a8d93', columns: [
+        return (h("div", { key: 'b5054a6d0fd3e7dae1e12c3b4cecea2ae94e16a6' }, h("h1", { key: 'ee2a65396fbbf71469deabe03fbfdd9ec16d80d2' }, "Table Example"), h("div", { key: '108b830e26a740d0d73e8a2ba0206f9848d92e63', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'b452499d51152fe62c37b6cb9c2ab539444451db', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-data-table", { key: '8cfded33a0e06c92fb33cea795a028d1ceb30349', columns: [
                 {
                     label: 'Header',
                 },
@@ -61,7 +61,7 @@ const DgaTableUsage = class {
                     price: '962500',
                     selected: false,
                 },
-            ] })), h("div", { key: '83d6bb1c61d16ca655d0e29dcc8f19327881ed05', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ] })), h("div", { key: '441a9cf2d8ad1afa33d6f857da4dba1e3e3e4b79', 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: 'd38d52b18e87603e51e71cdefa062c4a2d46e26f', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: 'a14b9b38dd38cf0d4f6ffed8b2214014bbe13edc', class: ` azm-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("slot", { key: 'd75de225f47ee31f9c5f4658649a4214ef4eccfa' }))));
+        return (h("div", { key: '052ab0152b8551f26a20b18a1ef77d48b9862873', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: 'da609690b436f6fb54b098ee0ce6482bd6e4f247', class: ` azm-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("slot", { key: '248067b86031f1589d37fa6f9dd82f1ef9aca54c' }))));
     }
 };
 

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

@@ -5,7 +5,7 @@ const DgaTabsUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '2cf79574c54cc99ca7fc70281e5864e06258170b' }, h("h1", { key: '548ca2c63fa8d33a232d335572c4b780de4dba9f' }, "Tabs Example"), h("h2", { key: '4f6cfa8538b6ab5b417fa005aaa0eed58145d0d2' }, "Horizontal Tabs"), h("dga-tabs", { key: 'bc7b6b7354c5ad70368ff7476bc5d90b9dcb6a9c', size: "md", orientation: "vertical",
+        return (h("div", { key: '46b388e665d5eefa731433b3777327dfdd5d4236' }, h("h1", { key: '81c3932a8e580600bd32586bfdc8aad52ad4e702' }, "Tabs Example"), h("h2", { key: 'c329290427c9e2defbbea4c9d95edfdf68b15ee6' }, "Horizontal Tabs"), h("dga-tabs", { key: 'ee9623580bd4895ba43deb794a11b95b2e8c0b61', size: "md", orientation: "vertical",
             // tabIcons: true,
             flush: false, external: true, divider: true, tabsList: [
                 {
@@ -35,7 +35,7 @@ const DgaTabsUsage = class {
                     onClick: () => { },
                     tabIcon: `<i class="hgi-stroke hgi-sharp hgi-home-01" style={{ fontSize: '16px' }} />`,
                 },
-            ] }), h("dga-tabs", { key: '65c5db3deb971962c36feab16fab9cf00d56958e', size: "md", orientation: "horizontal",
+            ] }), h("dga-tabs", { key: '3b5d016cb5d461d06799cec8e2928e9d0a7a93c0', size: "md", orientation: "horizontal",
             // tabIcons: true,
             flush: false, external: true, divider: true, tabsList: [
                 {
@@ -83,7 +83,7 @@ const DgaTabsUsage = class {
                         type: "sharp"
                     }
                 },
-            ] }), h("h2", { key: '6d48774f3c5c4afbc2a9256ae886b7156b1bfa0b' }, "Disabled Tabs"), h("dga-tabs", { key: '68fe21096c7a56c0448913dc30dfb2a84b206644', size: "md", orientation: "horizontal",
+            ] }), h("h2", { key: 'c9903dff8692e05a79b2439a4c7ccb34d09a0773' }, "Disabled Tabs"), h("dga-tabs", { key: '6ce853a7ac35a1fe861f5f7639f9f6cdaaf27916', size: "md", orientation: "horizontal",
             // tabIcons={true}
             flush: false, external: true, divider: true, disabled: true, tabsList: [
                 { label: 'First Tab', link: '#', tabIcon: `<i class="hgi-stroke hgi-sharp hgi-home-01" style={{ fontSize: '16px' }} />` },

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

@@ -5,7 +5,7 @@ const DgaTagUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '8d5b0bf0ffe91d54319d79419d78794839ae5bce' }, h("h1", { key: '904baee3fe3a31df43942b4c5e62779eabb3c756' }, "Tag Example"), h("div", { key: '16ca3edb3c8ba8cf45ce6239218a0cbf7f419602', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '4898491d0d92dcd2cb2e3c1c060fb86201a8e007', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: 'a0d19fe7e102c57f894ff8941e7b1be6c06394c2', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "lg", leadIcon: {
+        return (h("div", { key: '2d5faecf29b48987f9978280694c27b1703e6dc1' }, h("h1", { key: '7791841905903a7ad47b6fb80d0ff4d0e8a85569' }, "Tag Example"), h("div", { key: 'cdfbfcf2fe14b735393df55c9aeade2ac6dea4a4', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '689862db863734dc446957ea36ad59df91509c4b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: '364fb2e705836cd8c71f44337d5c138afefe637f', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "lg", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -15,7 +15,7 @@ const DgaTagUsage = class {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: 'd8b40c4887c326747f1e8bf9a8c8fd9789aef501', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "md", leadIcon: {
+            } }), h("dga-tag", { key: 'f00e12c6c3b72bb1898cf62aa8081d1aba9e45dc', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "md", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -25,7 +25,7 @@ const DgaTagUsage = class {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: '04a4b44620a810887b9990a317417492d8f20fba', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "sm", leadIcon: {
+            } }), h("dga-tag", { key: 'f448918589b34ecf323fd75f72dbc35d94fd3ee7', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "sm", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -35,7 +35,7 @@ const DgaTagUsage = class {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: '8c6054310c24aaac0dcd1f7aff3679fe244fffd4', label: "Label", variant: "success", outlined: false, rounded: false, size: "lg", leadIcon: {
+            } }), h("dga-tag", { key: 'a0ee63ae3b672fa7d6ef224f2e94587dd4974f1c', label: "Label", variant: "success", outlined: false, rounded: false, size: "lg", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -45,7 +45,7 @@ const DgaTagUsage = class {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: '2ed07a4a614ebe6c40647cd5ea813db3bc33ecd4', label: "Label", variant: "success", outlined: false, rounded: false, size: "md", leadIcon: {
+            } }), h("dga-tag", { key: '094d61d018c796493758f8786d05dc57844f1e4d', label: "Label", variant: "success", outlined: false, rounded: false, size: "md", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -55,7 +55,7 @@ const DgaTagUsage = class {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: '70b566b117528e3b285b769b2d69eda5774ba0b2', label: "Label", variant: "success", outlined: false, rounded: false, size: "sm", leadIcon: {
+            } }), h("dga-tag", { key: '831244824b1f2286106f07c7ff9fb4b4f923fa9e', label: "Label", variant: "success", outlined: false, rounded: false, size: "sm", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -65,7 +65,7 @@ const DgaTagUsage = class {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: '534a87717e9b48f4fa978bb68bf0ff6589610e7f', label: "Label", variant: "error", outlined: false, rounded: false, size: "lg", leadIcon: {
+            } }), h("dga-tag", { key: '8cc978ae3acb3fd0f81caaea5f691782d4f67959', label: "Label", variant: "error", outlined: false, rounded: false, size: "lg", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -75,7 +75,7 @@ const DgaTagUsage = class {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: '91a0275751e3bebf92e7f61a25170d9615e5366a', label: "Label", variant: "error", outlined: false, rounded: false, size: "md", leadIcon: {
+            } }), h("dga-tag", { key: 'de7e29b569ea05c60f8dde2fd7e44d4151df8fcd', label: "Label", variant: "error", outlined: false, rounded: false, size: "md", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -85,7 +85,7 @@ const DgaTagUsage = class {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: 'a375c21d32b08f7d60f15d304e9154520a1f2a69', label: "Label", variant: "error", outlined: false, rounded: false, size: "sm", leadIcon: {
+            } }), h("dga-tag", { key: '114cb04f320f6c6e3652925eaeba336e20ec6992', label: "Label", variant: "error", outlined: false, rounded: false, size: "sm", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -95,22 +95,22 @@ const DgaTagUsage = class {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } })), h("div", { key: 'd604f8a0219de48276167cabf38b7c08fe5c1beb', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: 'cd897bcd07b0bbeb57962a12a935e802d06bc563', label: "Label", variant: "error", size: "lg", outlined: false, rounded: false, iconOnly: true, leadIcon: {
+            } })), h("div", { key: '28d3e456b7af0a06aac8c4ccc710943081e10f8a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: '4213f09b271fc43f105ec928f2bc71eeafa21bba', label: "Label", variant: "error", size: "lg", outlined: false, rounded: false, iconOnly: true, leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: 'c946a6f0267f61527c6163823a856862b9c08e9d', label: "Label", variant: "neutral", size: "md", outlined: false, rounded: false, iconOnly: true, leadIcon: {
+            } }), h("dga-tag", { key: '717be0d6c825e70fd186c29254c7e6a098efa49d', label: "Label", variant: "neutral", size: "md", outlined: false, rounded: false, iconOnly: true, leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: '7c00442e4e22fc8d05d5b55fb242a29f91b56f73', label: "Label", variant: "neutral", size: "sm", outlined: false, rounded: false, iconOnly: true, leadIcon: {
+            } }), h("dga-tag", { key: '82d59c17f7efe6dca32c26502a9a8b83ee824dd6', label: "Label", variant: "neutral", size: "sm", outlined: false, rounded: false, iconOnly: true, leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-status-tag", { key: 'b480425e51c509b46c2adf2be8f2c9176fe6151a', label: 'Status', color: 'neutral', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '93fe1a247a3fd9857b35270178e00622cdd09e2a', label: 'Status', color: 'neutral', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '0c41efa2767625c85e74158fc8a99d16025f020d', label: 'Status', color: 'neutral', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '06ab85a65a83544212e8a6580f25225954287198', label: 'Status', color: 'neutral', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '50db926fffe424ebbf54885ab6823743249ee2fc', label: 'Status', color: 'neutral', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '3b269d185b145fba9b14ce7ff27125924b536ae1', label: 'Status', color: 'neutral', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '06ad67dc8231a94c7212064f71d1dcb23e55a384', label: 'Status', color: 'neutral', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '02fe1ba87e2a6d04e6a150e89a4d5089c5294941', label: 'Status', color: 'neutral', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '2ef59dd96bdefde14543c6d22824f0aed500e381', label: 'Status', color: 'neutral', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '02f7c36b9c1249905c2de0a025dc5c5a7d9bbcbf', label: 'Status', color: 'blue', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'd8091fd7ca181b4eeb5be23587721dd288fcca4a', label: 'Status', color: 'blue', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'c4c02d5a96dcfc04e2fd000c385f3cda13f0f9be', label: 'Status', color: 'blue', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '56d75dc3126345595ec7e929fea84f27ff19b9e7', label: 'Status', color: 'blue', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '08d3e52bbe1f4c3eb00ed7a0436f50d2cc719dcf', label: 'Status', color: 'blue', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '1b77e47cb0120fbe039b67f3cdd8505faad46a4e', label: 'Status', color: 'blue', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: 'e9afd4e7922d7edb59301a54e90f5e5d49b3ee26', label: 'Status', color: 'blue', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '68a51e0ba4a77dfc5b3909dd316a6be48c1e74e4', label: 'Status', color: 'blue', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: 'aff60c33d7bbdcf3ea27d87cb44c93db9ac20a4f', label: 'Status', color: 'blue', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '35f1d65f84faacfe565016967b671a815d094c13', label: 'Status', color: 'green', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'ea9725f96ab2652ccd49380b702bd3085243d200', label: 'Status', color: 'green', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '74ec267d1c1e5dcf1e284f7667c82180bfaa44fd', label: 'Status', color: 'green', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '8221e06affda418ca60606a6b29c9074ec0a44d2', label: 'Status', color: 'green', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: 'd853cf7734199821df4ca6a4d2fe7dcca79e1fbf', label: 'Status', color: 'green', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: 'b6c4d1abef2afb4e658513cd068d212436f02c9a', label: 'Status', color: 'green', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '1eafde54157635bf198140474be7bc3c3d8d5216', label: 'Status', color: 'green', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '9e5b67f79d678ca7947bd143f52f936227227503', label: 'Status', color: 'green', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '3e33ce67019365e02fa127acce9d912c71b21a59', label: 'Status', color: 'green', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '317eea36c092d44cf9a2b46ece036ba971426f9e', label: 'Status', color: 'yellow', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '5daa6ae56e7072d3330d6bce922aaafa59b68966', label: 'Status', color: 'yellow', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '9c5cf86f6b157be9342071a7f4212089940286a1', label: 'Status', color: 'yellow', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '7ad83afa441ab44352f936cec4ecfaf42e07f051', label: 'Status', color: 'yellow', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '63136a65a2c8f1da5239da4e200c6e20d6f19f7e', label: 'Status', color: 'yellow', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '49e7b25dd771423010d4accd7bb4524c9939eb6f', label: 'Status', color: 'yellow', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: 'b81fadeeb7bff729f002267e43a867fecbc1a48a', label: 'Status', color: 'yellow', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '5234f645c59e171c16944d0b9d79a2b8224c3034', label: 'Status', color: 'yellow', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: 'eacb3e7c31a56f22f29a1ed9c6b2462d2c7921d8', label: 'Status', color: 'yellow', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '760b6c07eea03b8ed08eaab6e4dd4519b0a97406', label: 'Status', color: 'red', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '57317dea39abc69bbe2de453323bb316390a54b1', label: 'Status', color: 'red', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '7326ec806d7dacf8bc97a8a5120f5700a0fd7c0a', label: 'Status', color: 'red', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '01aceaa980a4cf48ec9b6c891482380217c2b459', label: 'Status', color: 'red', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: 'af58a7953e9a4525578d404a25447caee28e1a83', label: 'Status', color: 'red', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '559da5dba333b2a6d4ced85626f52fd1f217f549', label: 'Status', color: 'red', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: 'd630ccfbbfda7c95cf2fa23bf5af9572834d7a4d', label: 'Status', color: 'red', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: 'af413e47e2d6814d2cd4e4fc3ae3a661346a821b', label: 'Status', color: 'red', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '0faae6c54703f2ab6f8846236eb92ae252675698', label: 'Status', color: 'red', size: 'sm', status: 'ghost' })))));
+            } }), h("dga-status-tag", { key: '5856905a86820e365b2a51688840b3f0cbfe9f83', label: 'Status', color: 'neutral', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '1c9a05ae1ad78fb7a3b628d36677a75c976c4d11', label: 'Status', color: 'neutral', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '159898608e802c1853e6090d2c5ff806426b8154', label: 'Status', color: 'neutral', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '41f069b6fea1f5133fb014bfe6d06848726311a1', label: 'Status', color: 'neutral', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: 'd842d04baea7065897a26c92e4e49c84232942fd', label: 'Status', color: 'neutral', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '08eadf62530206318d861af0d5caa3dbd17dbf65', label: 'Status', color: 'neutral', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '53ce7f7ed4cdbfc7001dd443d028c5c2029a69aa', label: 'Status', color: 'neutral', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: 'b297a60d38db0a08a2b0d5e4d2b94335aad79fb7', label: 'Status', color: 'neutral', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '0b7bd94d86a540e9d886bdf34212eaf9ecf14b98', label: 'Status', color: 'neutral', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '33f2c21fe948730ec386b2ba3c3dd87bc67897dc', label: 'Status', color: 'blue', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '867067457ce8efb89e0bd679f45ff152dc49d7a7', label: 'Status', color: 'blue', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'b9dc6a36d5813f48802def608bcdb61cbf3a555f', label: 'Status', color: 'blue', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '0da6fae726457cc63fb0bc45f06fb4d386d23d2b', label: 'Status', color: 'blue', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '3f0d09d714caff50eae6b0ef65c473b61a6406f4', label: 'Status', color: 'blue', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: 'e0f539515b6001ff29b2cf7512322b093f339f49', label: 'Status', color: 'blue', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '003a2f54b6c1a40227e8ec20808f03c3834b96a9', label: 'Status', color: 'blue', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '4e7f2c0c2680da944f06086d55e34466d659d743', label: 'Status', color: 'blue', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: 'b756a0741b91d6362b0417a750fba2e09c9106cc', label: 'Status', color: 'blue', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '640ee0a560e779c9a8d8ad4e2b40c722d82d635f', label: 'Status', color: 'green', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'a6cfb53afa7cb1bf9bcb9475ce0bb93ba8e79a9a', label: 'Status', color: 'green', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '0b62d98559cb305c7b3fde84e43e9a819b4a8794', label: 'Status', color: 'green', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: 'e17eafa6e5608d156e2062731cde17e9237e3f7f', label: 'Status', color: 'green', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: 'b0a8966b48bd2d08b904919322830ea6d7087289', label: 'Status', color: 'green', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '9c22ec567718cb975c5c93ca8a0e0130cbd0cca4', label: 'Status', color: 'green', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: 'a4b396a9557df98214bf476cbfbae9fe4dec2c9e', label: 'Status', color: 'green', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: 'dab8f23b09d130398243988dbdb708a613038600', label: 'Status', color: 'green', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '1691bd1c435291e6a6091507ffbf086e8dc2184f', label: 'Status', color: 'green', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '7d9feb5ae62bbc17c28fb6cc66c92355bb38b4fc', label: 'Status', color: 'yellow', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '947fe11aee275b700abd43615593638c1eafd16e', label: 'Status', color: 'yellow', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '1dfccfd91b0e427e1a05cf7caae4e69220cea753', label: 'Status', color: 'yellow', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '914f288fddf88a642a6150a69db3f6b78c474831', label: 'Status', color: 'yellow', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: 'f37a6ca9b5a37ea42f4acb723e292f1b47706833', label: 'Status', color: 'yellow', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: 'b00ddf3742905e9dd357d74bbc34031d299e3ba4', label: 'Status', color: 'yellow', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '66aff91aff56b1c9773cf3eb421cc3520b726015', label: 'Status', color: 'yellow', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '6b9efc67db44b01adcafe825a9bf5ad0cc9fdfce', label: 'Status', color: 'yellow', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '2fe0eb189d37fd75f76ff2f6f113d9a1c785c2b5', label: 'Status', color: 'yellow', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: 'e73f35dc4fb57b2a805f5aee41ef8ff539b25ea3', label: 'Status', color: 'red', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '548a652d676ec20c1976c2bc7950017181b2e375', label: 'Status', color: 'red', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '4fd8faa9e6f60d4e1365b367d1ba3e7960b4a416', label: 'Status', color: 'red', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: 'd9d8985576839d0a854a2c289f4b3d18561252ad', label: 'Status', color: 'red', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '33b240bcd235400edd358ad6ea70440f027f11e4', label: 'Status', color: 'red', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '43a93ed9d902a95d4d2855f5e06678f2341d34ca', label: 'Status', color: 'red', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '96451489cc0c73ad0602db2f70327054d961715b', label: 'Status', color: 'red', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '753e139f57f55767803ec3fb1c171f422d19fcfd', label: 'Status', color: 'red', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '6c885dbc7ebf5223c29d5839cdfe9ab3f7192bf4', label: 'Status', color: 'red', size: 'sm', status: 'ghost' })))));
     }
 };
 

package/dist/esm/dga-text-input-usage.entry.js

@@ -6,9 +6,9 @@ const DgaTextInputUsage = class {
         this.value = 'Text Input Example';
     }
     render() {
-        return (h("div", { key: '9e50541c9ece3f86f82c36b9f202e451969f14a9' }, h("h1", { key: '367d4125d90197f01998608cdadf4a8515166d24' }, "Text Input Example"), h("div", { key: '397f37511d96795fcb7935662fc3729bc174571e', style: { padding: '50px' } }, h("div", { key: '45b30389eb16b50aad3dbdd45999f4a5abf141cb', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("input", { key: '01718a8a546236e747f374f975827994c96d7892', type: "text", value: this.value, onChange: (e) => (this.value = e.target.value) }), h("p", { key: '2d4de25a7236d14b277e8ba93420bf63534a90d5' }, this.value), h("dga-text-input", { key: 'cff99b2b1be2e1b10b004499f82c41092c0889bb', readonly: false, variant: "darker", label: "Label", value: this.value, required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperTextIcon: { name: 'alert-circle', variant: 'stroke', type: 'standard' }, helperText: "test", error: true, onInput: (e) => (this.value = e.target.value) }), h("dga-text-input", { key: 'dbafc70192e2e54f7e4717b2ef4ee5c51edfa66d', readonly: false, variant: "darker", label: "Label", value: "Entered text", required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperText: "test", error: true }), h("dga-text-input", { key: '9e991388afa1f77e7870cb4b0ae8ce5846a8b5a8', readonly: false, variant: "darker", label: "Label", value: "Entered text", required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperTextIcon: { name: 'alert-circle', variant: 'stroke', type: 'standard' }, helperText: "test", error: true }, h("dga-prefix", { key: '4d7c9954686dc2aa204b678ab44d6e478530546e', type: "button", variant: "solid",
+        return (h("div", { key: '9452e3df29178ef2d51b08138e730dca152b6840' }, h("h1", { key: '6ef0a9a5fa65153bba5ee70fe9f613daa106dbb2' }, "Text Input Example"), h("div", { key: '47c3a94a22f059292ea8cb008a9c6e171dffff4e', style: { padding: '50px' } }, h("div", { key: 'a9154d1b74b7823b512a8f5bbe595a9872437e84', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("input", { key: 'd53ca1134429e6ce27c78762acc344b822717d2f', type: "text", value: this.value, onChange: (e) => (this.value = e.target.value) }), h("p", { key: 'ca4ee73291da6dfe391d9b8e43587210c90af583' }, this.value), h("dga-text-input", { key: '27c4d29f81df1d6d7391e65c65f96632221c99a3', readonly: false, variant: "darker", label: "Label", value: this.value, required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperTextIcon: { name: 'alert-circle', variant: 'stroke', type: 'standard' }, helperText: "test", error: true, onInput: (e) => (this.value = e.target.value) }), h("dga-text-input", { key: 'd14f329253581f1e1ccbd70f30ec3afbdf5dde4b', readonly: false, variant: "darker", label: "Label", value: "Entered text", required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperText: "test", error: true }), h("dga-text-input", { key: '4092fb8baa54e0ff72cf1821ebe644c7106bffc7', readonly: false, variant: "darker", label: "Label", value: "Entered text", required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperTextIcon: { name: 'alert-circle', variant: 'stroke', type: 'standard' }, helperText: "test", error: true }, h("dga-prefix", { key: '8fb4cd53adb593c9814c853e047f9094afaf1de0', type: "button", variant: "solid",
             // label="Button Label"
-            icon: { name: 'search-01' } })), h("dga-label", { key: 'e840002712d05414c55efa60a3a0cd01c9e07fc3', label: "Mandatory Text Input" }), h("dga-label", { key: 'bd17d9d4028ada700a5883b682bb2de53911a256', label: "Mandatory Text Input", required: true })))));
+            icon: { name: 'search-01' } })), h("dga-label", { key: '914ddc97e223acf89f27f8f149e45b4d995f0042', label: "Mandatory Text Input" }), h("dga-label", { key: 'cb911b5e5bd049565544b34afbad5154e1f55873', label: "Mandatory Text Input", required: true })))));
     }
 };
 

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

@@ -5,7 +5,7 @@ const DgaTextareaUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '085433c00706964b9ae253f1a087169e960577c4' }, h("h1", { key: '546d66f99f0e85b1bfe69bf9498c98246546a115' }, "Textarea Example"), h("div", { key: '6c40fa2d47c0a8213279e54a8c0a5646b61af739', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '07aa789b0ecae28ff67ecea047ebdd0b4071fc77', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-textarea", { key: '39f3f7cfd6c428cdb2ee7edd62154059817d76e5', label: "Label", placeholder: "Placeholder...", scrollbar: true, readonly: true }), h("dga-textarea", { key: '61c9418493c621208e94a692986550827926db0d', placeholder: "Placeholder...", scrollbar: true })), h("div", { key: '5fe0748ab6578840f292d38c95c33406e2ac7280', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '748625590a5502649b3f9702bcc3194685650481' }, h("h1", { key: 'fcce936a711f31ed2398006f0c9a7f4b51693de3' }, "Textarea Example"), h("div", { key: '0f5ad2ee8329cd185749f2d25988a8b7a0edec1a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a80a3c37b040b684d958479a671b6f4389939f11', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-textarea", { key: '9b30321514486269bbbd7158ca91904403ee9363', label: "Label", placeholder: "Placeholder...", scrollbar: true, readonly: true }), h("dga-textarea", { key: '2af70954e218755f015486f0c9295fd5678302d1', placeholder: "Placeholder...", scrollbar: true })), h("div", { key: '4a905c203029c8ee581cf35d7fa85b2eef05fc7a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

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

@@ -66,7 +66,7 @@ const DgaTextarea = class {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '83c6148d1462c180689f59cd4e36cb5f36419a17', id: this.componentId, style: this.rootStyles }, h("div", { key: 'ca25a25507fdc3e3e63ba22d860d2a948ce82799', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: '57f30c31316ab5fb70161cc2f5712c6b21efc362', class: "dga-label" }, this.label), h("div", { key: 'a0a548e8ce73c08f73c260fc4a65065af1205a96', class: `dga-textarea dga-textarea--lg ${this.error ? 'dga-textarea--error' : ''} ${this.variant !== 'default' ? `dga-textarea--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'disabled' : ''}`, ref: el => (this.inputContainerRef = el), "data-error": this.error }, h("textarea", { key: '1908026fe5519688a40333ed024bc0fb8ae0e278', ref: (el) => (this.textAreaEl = el), onFocus: () => (this.isFocused = true), onBlur: () => (this.isFocused = false), class: `dga-textarea__field ${this.resize ? 'dga-textarea__field--resize' : ''} ${!this.scrollbar ? 'dga-textarea__field--hidden-scrollbar' : ''}`, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, rows: this.rows && this.rows, cols: this.cols && this.cols, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput, name: this.name, value: this.value }), this.error ? (h("span", { class: `dga-textarea__feedback-icon dga-textarea__feedback-icon--error ${this.feedbackIconRing ? 'dga-textarea__feedback-icon--ring' : ''}` }, feedbackIconTypes['error'])) : this.feedbackIcon ? (h("span", { class: `dga-textarea__feedback-icon dga-textarea__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing ? 'dga-textarea__feedback-icon--ring' : ''}` }, feedbackIconTypes[this.feedbackIconType])) : null))));
+        return (h(Host, { key: 'c0012dadd8e09eda05f18d449ea56bce0ec44361', id: this.componentId, style: this.rootStyles }, h("div", { key: '3da76e53c18a6161a7cb0f9085afa6d9cf99dd4f', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: 'f4d6b1cc19cec2659830f3d8efbd3ae550f14a32', class: "dga-label" }, this.label), h("div", { key: 'e5ae4c30bc48d4da377d7386108320752ff4dea6', class: `dga-textarea dga-textarea--lg ${this.error ? 'dga-textarea--error' : ''} ${this.variant !== 'default' ? `dga-textarea--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'disabled' : ''}`, ref: el => (this.inputContainerRef = el), "data-error": this.error }, h("textarea", { key: '9905c304b17794871de5ce641bfba29934778450', ref: (el) => (this.textAreaEl = el), onFocus: () => (this.isFocused = true), onBlur: () => (this.isFocused = false), class: `dga-textarea__field ${this.resize ? 'dga-textarea__field--resize' : ''} ${!this.scrollbar ? 'dga-textarea__field--hidden-scrollbar' : ''}`, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, rows: this.rows && this.rows, cols: this.cols && this.cols, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput, name: this.name, value: this.value }), this.error ? (h("span", { class: `dga-textarea__feedback-icon dga-textarea__feedback-icon--error ${this.feedbackIconRing ? 'dga-textarea__feedback-icon--ring' : ''}` }, feedbackIconTypes['error'])) : this.feedbackIcon ? (h("span", { class: `dga-textarea__feedback-icon dga-textarea__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing ? 'dga-textarea__feedback-icon--ring' : ''}` }, feedbackIconTypes[this.feedbackIconType])) : null))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -6,11 +6,11 @@ const DgaTooltipUsage = class {
         this.activeStep = 1;
     }
     render() {
-        return (h("div", { key: '4317c5dedea6bd67a3c2a011367d43546bba8bf6' }, h("h1", { key: 'c02b720a04b2b652657bfb8ece9c0ec22238e47f' }, "Tooltip Example"), h("div", { key: '60d0adff535ed37a4b0c874657212aef210bbd0f', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: '3f8ca32084a46b31c1972376047aa6ad3f917111', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-tooltip", { key: '099fcf4c05586a0289c526dc8e51f85add9fd91e', title: "Tooltip title", helperText: "Max width of tooltips is 240px - text will wrap automatically", direction: 'right', theme: 'dark', icon: true, beakAlignment: 'end', beakPlacement: 'left', feedbackIcon: {
+        return (h("div", { key: '5fa97a5a1ec0ca3445d91d32eff49ba7c559f9cc' }, h("h1", { key: '50a4a4e2090f531eb677944a6fbf0e6cc82f0059' }, "Tooltip Example"), h("div", { key: 'a3dcb05555faf75a32173849cdd2139f318e7559', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: '7359e9b5472e95bae89508060a00019d8d9457ab', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-tooltip", { key: '2f45d12a246c9afcb666c2a1e96a0d872a2cba73', title: "Tooltip title", helperText: "Max width of tooltips is 240px - text will wrap automatically", direction: 'right', theme: 'dark', icon: true, beakAlignment: 'end', beakPlacement: 'left', feedbackIcon: {
                 type: "error-!",
                 style: "container",
                 size: 24
-            } }, "Hello")), h("div", { key: '16e1f74e9b72038d08e570cabe2004fbf9b982fe', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
+            } }, "Hello")), h("div", { key: '73e0f4506321c5fce60f0c9c46cc02057b2de39b', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
     }
 };
 

package/dist/esm/floating-button.entry.js

@@ -25,7 +25,7 @@ const FloatingButton = class {
         return h("dga-icon", Object.assign({ icon: iconName }, iconProps));
     }
     render() {
-        return (h("button", { key: '982e29f6241f53604cdf7808e4f107d3722260a2', dir: this.RTL ? 'rtl' : 'ltr', disabled: this.disabled, class: `floating-button-onColor-${this.onColor} floating-button-btn ${this.variant} ${this.size} `, onClick: (event) => this.handleClick(event) }, this.icon && (h("div", { key: '5323e8cba51ffc7ae40aae2806088019b41d761c', class: "floating-button-icon" }, this.renderIcon(this.icon, this.iconProps))), this.label && !this.iconOnly && h("p", { key: '96f21a4cec2d27937f574a6a57f05188eee94ea2' }, this.label)));
+        return (h("button", { key: '39ce5fcf1cd40cc83e8bfd064ab3fc752efe6c6b', dir: this.RTL ? 'rtl' : 'ltr', disabled: this.disabled, class: `floating-button-onColor-${this.onColor} floating-button-btn ${this.variant} ${this.size} `, onClick: (event) => this.handleClick(event) }, this.icon && (h("div", { key: '16152d01eb9bb1849a430d93872774a2f9991c49', class: "floating-button-icon" }, this.renderIcon(this.icon, this.iconProps))), this.label && !this.iconOnly && h("p", { key: '033685fc8e45c75d90bd8f6dc91aba1a2651e68f' }, this.label)));
     }
 };
 FloatingButton.style = styleCss;