npm - @dubai-design-system/components-js - Versions diffs - 3.1.8 → 3.1.13 - Mend

@dubai-design-system/components-js 3.1.8 → 3.1.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (150) hide show

package/dist/components/dda-sticky-footer.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-4928c8aa.js';
-import { d as defineCustomElement$2 } from './p-86a1d7c5.js';
+import { d as defineCustomElement$2 } from './p-2084265f.js';
 const ddaStickyFooterCss = "";
 const DdaStickyFooterStyle0 = ddaStickyFooterCss;
@@ -27,7 +27,7 @@ const DdaStickyFooter$1 = /*@__PURE__*/ proxyCustomElement(class DdaStickyFooter
         this.lastScrollY = currentScrollY;
     }
     render() {
-        return (h("footer", { key: 'c2cc286a36bc82c02103a7166b3f1599d594d813', class: { 'dda-footer': true, 'hidden': this.isHidden } }, h("div", { key: '2035ae286b22e1cf6117982640ae2217e3e2a4d3', class: "footer-content" }, h("div", { key: '328b14f3009cc36b48636d5712c2b52459763de7', class: "dda-footer-item dda-footer-left" }, h("ul", { key: 'b8b2a84d9935a8e6a8c50843989050f1baeebcc9' }, h("li", { key: '9254f1444115dbac80aaefef916cff6b511f83ce', class: "foot-icon-btn" }, h("dda-tooltip", { key: '97e50412d562b623d751333bbaeb03889d1366d3', title_text: this.happinessIconTooltip, description: "", position: "top" }, h("a", { key: '5bace3bce610061363f6e46e8bebcf6930a9af95', href: this.happinessIconHref }, h("img", { key: 'a253e51fb74740fac4c167f1be17dd664d12465f', src: this.happinessIconSrc, alt: this.happinessIconAlt })))), h("li", { key: 'fac1c7513c17de5cd576f9d5976c663d3278a5e0', class: "foot-icon-btn" }, h("dda-tooltip", { key: '6d08f4ed4546dad8dbd8d52f57805c10921def42', title_text: this.accessibilityIconTooltip, description: "", position: "top" }, h("a", { key: '46fb4111eb52e5943566b79c861fcebfc05292f0', href: this.accessibilityIconHref }, h("img", { key: 'd592ba8834b439b6697b0a942f13ea50dc0182fe', src: this.accessibilityIconSrc, alt: this.accessibilityIconAlt })))), h("li", { key: 'a05d683285a6a997ddee1b8384e9cdfbece4a71f', class: "foot-icon-btn" }, h("dda-tooltip", { key: '866bad11fa4d11997ad96d8b51e4d9c30eb3b98c', title_text: this.servicesIconTooltip, description: "", position: "top" }, h("a", { key: 'ce53ded4af0147fb8c8a05fc67c9e2c86a2452ef', href: this.servicesIconHref }, h("img", { key: 'd22c0305a903f6e908484426728a2816ba4055a1', src: this.servicesIconSrc, alt: this.servicesIconAlt }), this.servicesIconText && h("span", { key: '825a73174ce1689c5b06dbdd6c8186b434a22506' }, this.servicesIconText)))))), this.hideMiddleSection == false && (h("div", { key: 'd234f53deccbdd66e5bac4c7a2b56e61c185fb2e', class: "dda-footer-item dda-footer-middle" }, h("ul", { key: '54a10b11eada5e13d26d9d3604b8664cb56761d1', class: "foot-logo" }, h("li", { key: '32262523fb0124914712a4f3e4cab1dbd15c471e' }, h("dda-tooltip", { key: 'f28f0ea462f7cc23ff42d5526d40978dae9c4692', title_text: this.firstLogoTooltip, description: "", position: "top" }, h("a", { key: '8520e41794f99de7c26333c1fbd5215174133343', href: this.firstLogoHref }, h("img", { key: '86c65c3fcccbb81e56e44dbe824e8d8d4a752957', src: this.firstLogoSrc, alt: this.firstLogoAlt })))), h("li", { key: '3bbcb265855c5e5813f08fc9218f1d092cc514bc' }, h("dda-tooltip", { key: 'a3adf03e4a72c30207f337e400518a06edabca81', title_text: this.secondLogoTooltip, description: "", position: "top" }, h("a", { key: 'd839d3cc42005e1641a9d9727603f2e7d40e249a', href: this.secondLogoHref }, h("img", { key: 'f03e48c205c4eebbaead21e32f30b754e4e9be02', src: this.secondLogoSrc, alt: this.secondLogoAlt })))), h("li", { key: 'a728628e18d1dda4d7137a642088a8488b9d26d6' }, h("dda-tooltip", { key: 'aaec931ce8006e7ebaa0de006541e788038a235c', title_text: this.thirdLogoTooltip, description: "", position: "top" }, h("a", { key: '9bc42f168db9c3d26e901c68fcf9038fbc8e09a8', href: this.thirdLogoHref }, h("img", { key: '9856e8cbe0c917c099b0d08ad72d1752d8638216', src: this.thirdLogoSrc, alt: this.thirdLogoAlt }))))))), h("div", { key: '764e1de51e2b86cac84b3eb3b9bfab81908c453f', class: "dda-footer-item dda-footer-right" }, h("ul", { key: '16bc31b2d432bf56968e9fa2a22f180588a31007' }, h("li", { key: '2a4a77ba63d3be1e80522479edd0c6e7a9ac681a', class: "foot-icon-btn" }, h("dda-tooltip", { key: 'a3c6ebbb7de5e76b24741d53a5ce3e31911b9952', title_text: this.locationButtonText, description: "", position: "top" }, h("a", { key: '6f21edee147951ccb4d25df1b375ac05a6e25670', href: this.locationButtonHref }, h("img", { key: 'dc50808f6f1211df2aebe84596c2ffd61ccc1944', src: this.locationLogoSrc, alt: this.locationButtonText })))), h("li", { key: 'd495c44987829872161aced3ecb1f8c8906a4753', class: "foot-icon-btn" }, h("dda-tooltip", { key: '3021ddb78d1b03c38b767818f60cf646983f4d62', title_text: this.newsButtonText, description: "", position: "top" }, h("a", { key: '31d543a2a32850d291e2a9a69832f455dd529fea', href: this.newsButtonHref }, h("img", { key: 'ff99c7332abdc765a9ad3cdc27fc59dda052f27e', src: this.newsButtonSrc, alt: this.newsButtonText })))), h("li", { key: 'e6bfa9262ee1058e2b01d97a8cff15dd3a37e1d0', class: "foot-icon-btn" }, h("dda-tooltip", { key: '23ad245af3cd46238764706080ca7e84a4fe905d', title_text: this.aiIconTooltip, description: "", position: "top" }, h("a", { key: 'd451c33b31fc55bb92554146ede2deb6e824f779', href: this.aiIconHref }, h("img", { key: 'b5aa51b13dc1a0bf02f2e9120ae60b4526cbcca8', src: this.aiIconSrc, alt: this.aiIconAlt })))), h("li", { key: 'db48db1fe47ff1de706d0b231a12a6306aebc43c', class: "foot-icon-btn" }, h("dda-tooltip", { key: '721c1d44edac6180fa378d27d71b539d89d3166e', title_text: this.chatIconTooltip, description: "", position: "top" }, h("a", { key: 'ebbb6f3a3866c7f7ab0ac74ef1b8e21cc17ad61c', href: this.chatIconHref }, h("img", { key: 'f7374bd14a5659847c8e1145c2d834775c7d8f90', src: this.chatIconSrc, alt: this.chatIconAlt })))))))));
+        return (h("footer", { key: '6c8a5415b2ebe353cf95607f83f02d707291551e', class: { 'dda-footer': true, 'hidden': this.isHidden } }, h("div", { key: '2cfaa70faabd0a319c7b9b833208f7a10fc831b1', class: "footer-content" }, h("div", { key: 'beb0a4939cb7c1f004426272e92fd52c43a633a6', class: "dda-footer-item dda-footer-left" }, h("ul", { key: '9f93eed3711101f30e7db7e4fd201ede97b76e17' }, h("li", { key: '26576272007f4fc7bc0ffa98246181b93bb0bcd6', class: "foot-icon-btn" }, h("dda-tooltip", { key: '126381e7a1d420dbc85838323e9e6577e623dcc2', title_text: this.happinessIconTooltip, description: "", position: "top" }, h("a", { key: '00d133159e7b17fa5716c680e9eaccbb94da66bb', href: this.happinessIconHref }, h("img", { key: 'b3672961f1945f20e8b9a4fb5727c966a6790908', src: this.happinessIconSrc, alt: this.happinessIconAlt })))), h("li", { key: '369231be44081ea64b164659cc9f0a85e438e615', class: "foot-icon-btn" }, h("dda-tooltip", { key: '5878d388fb8bc366315feb33f4faf25c929ad87c', title_text: this.accessibilityIconTooltip, description: "", position: "top" }, h("a", { key: '79bc65c4fd4c0d34b6b6f6e03c5445037b4cdd7b', href: this.accessibilityIconHref }, h("img", { key: 'ec97ec5300b626a3020837f594f9661f9b9d39d3', src: this.accessibilityIconSrc, alt: this.accessibilityIconAlt })))), h("li", { key: 'd26bafd4b893dff9508d16dad8d7c70a81a2ee71', class: "foot-icon-btn" }, h("dda-tooltip", { key: '7016124bbb6dcc23fcd08e113cefaa36caca2a4b', title_text: this.servicesIconTooltip, description: "", position: "top" }, h("a", { key: '26a10032a907114e022a8bb4a89822dc075a2398', href: this.servicesIconHref }, h("img", { key: 'ef99354f03cf5e8f6b04518d11b02a6456c7dd68', src: this.servicesIconSrc, alt: this.servicesIconAlt }), this.servicesIconText && h("span", { key: '6da85363a8be1c620b6231c98ad4e3de019f4d46' }, this.servicesIconText)))))), this.hideMiddleSection == false && (h("div", { key: 'a548b547b65d77b32fc8224f4ac27f2517529292', class: "dda-footer-item dda-footer-middle" }, h("ul", { key: '74b626084046f7652cd75c0e8f3dfcb89fec9d9d', class: "foot-logo" }, h("li", { key: '267294f33d7fd511a5991d4899de13643a9eeb06' }, h("dda-tooltip", { key: '7284cb4ec12364716fec09e1e16988491ebfc260', title_text: this.firstLogoTooltip, description: "", position: "top" }, h("a", { key: '579e7aa1088a608eba1ab2d9682265a09b7fd446', href: this.firstLogoHref }, h("img", { key: 'd0d6f656a060717b1b1ed78dccdb9162c3f5be71', src: this.firstLogoSrc, alt: this.firstLogoAlt })))), h("li", { key: '69db3e5f045380da8b4e40e560be7f5e1d11d78f' }, h("dda-tooltip", { key: 'e69a8162156658fc187206ad6be9b21175b7ec58', title_text: this.secondLogoTooltip, description: "", position: "top" }, h("a", { key: '5988bb9f9b4236f1b51042138e373e005860df66', href: this.secondLogoHref }, h("img", { key: '7f844685b7e2e4341e820b8e2621c28449e4fa46', src: this.secondLogoSrc, alt: this.secondLogoAlt })))), h("li", { key: '2ca565de68b33691bbd13ab9ba9a7d8097c0152a' }, h("dda-tooltip", { key: '15f2162e2b15b1a5a6346b2413e03e48a116133f', title_text: this.thirdLogoTooltip, description: "", position: "top" }, h("a", { key: '2395bc54406e11ebdd87412c3aa2b9c7ca7dbdff', href: this.thirdLogoHref }, h("img", { key: '3bcb3c9ff27db45c9b93b4272e52418f3afa7022', src: this.thirdLogoSrc, alt: this.thirdLogoAlt }))))))), h("div", { key: '2508334b81df254d85c8d29985758c1b30c62c17', class: "dda-footer-item dda-footer-right" }, h("ul", { key: '62fe2e82a5995fb17b080ac4ab8c6a91f370141e' }, h("li", { key: '7b88ac50c202a7c38712606749ec19f9cc89dfe6', class: "foot-icon-btn" }, h("dda-tooltip", { key: 'd1d3f80229d4d7170abb23cdfd7a496334cec348', title_text: this.locationButtonText, description: "", position: "top" }, h("a", { key: '02a35cd728fe7c223f222b2362a774f1118ab497', href: this.locationButtonHref }, h("img", { key: '2a873473bc850fcca987a0d259c261f80192d791', src: this.locationLogoSrc, alt: this.locationButtonText })))), h("li", { key: 'd38eb11c96294bf321abd73a54f5271400e72e1f', class: "foot-icon-btn" }, h("dda-tooltip", { key: '1efacc1b59b8cbb3149124077de96b881b1585b8', title_text: this.newsButtonText, description: "", position: "top" }, h("a", { key: '2cf6aa9bb37545d93d23b76a953a0f30fd63b1f2', href: this.newsButtonHref }, h("img", { key: 'bf262e826045cba48851b9f51824d14f3ed407f4', src: this.newsButtonSrc, alt: this.newsButtonText })))), h("li", { key: 'ec917442149df508401dfbfdb9c34d8501d2a6ab', class: "foot-icon-btn" }, h("dda-tooltip", { key: 'ff513f2da9c2c89b54453b8c525df847440570d5', title_text: this.aiIconTooltip, description: "", position: "top" }, h("a", { key: '8664aa963bf1c6e110491cd76bce9c378587b298', href: this.aiIconHref }, h("img", { key: '67205c31608cae215aa5fda36063d28b45bbd163', src: this.aiIconSrc, alt: this.aiIconAlt })))), h("li", { key: '954cd714753ec4d9f80cae91b1f2ed69d7d998e3', class: "foot-icon-btn" }, h("dda-tooltip", { key: 'a3247b7f68fb0fecf0b26e68fffca304955d1a6c', title_text: this.chatIconTooltip, description: "", position: "top" }, h("a", { key: 'c34079c10db167ec883015422e138faced5fc2ac', href: this.chatIconHref }, h("img", { key: '3912f05bb5f20024f02a4197aa1ed7fb7985e3dc', src: this.chatIconSrc, alt: this.chatIconAlt })))))))));
     }
     static get style() { return DdaStickyFooterStyle0; }
 }, [1, "dda-sticky-footer", {

package/dist/components/dda-tabs.js CHANGED Viewed

@@ -48,7 +48,7 @@ const DdaTabs$1 = /*@__PURE__*/ proxyCustomElement(class DdaTabs extends H {
         }
     }
     render() {
-        return (h(Host, { key: '2282d7bdd89548f1a0b05b588a2df29025f0f6f4' }, h("div", { key: '322645cb61b2f09eb3d2d4c27fee0e34abd14f50', class: `dda-tabs-container ${this.hover_style} ${this.custom_class} ${this.component_mode}` }, this.parsedTabs.map((title, index) => (h("button", { id: this.button_id, name: this.button_name, "aria-label": this.aria_label, type: "button", class: `dda-tab-item ${this.active_tab === index ? 'active' : ''}`, onClick: () => this.setActiveTab(index) }, this.type === 'text-icon' && h("i", { class: `material-icons` }, this.parsedIcons[index] || ""), h("span", null, title)))))));
+        return (h(Host, { key: '51ca092caada9617f6ec442c8700414e184ee046' }, h("div", { key: '3fa413cbc9870105b082cb7a07ab6fc26befd410', class: `dda-tabs-container ${this.hover_style} ${this.custom_class} ${this.component_mode}` }, this.parsedTabs.map((title, index) => (h("button", { id: this.button_id, name: this.button_name, "aria-label": this.aria_label, type: "button", class: `dda-tab-item ${this.active_tab === index ? 'active' : ''}`, onClick: () => this.setActiveTab(index) }, this.type === 'text-icon' && h("i", { class: `material-icons` }, this.parsedIcons[index] || ""), h("span", null, title)))))));
     }
     static get style() { return DdaTabsStyle0 + DdaTabsStyle1; }
 }, [0, "dda-tabs", {

package/dist/components/dda-textarea.js CHANGED Viewed

@@ -16418,7 +16418,7 @@ const DdaTextarea$1 = /*@__PURE__*/ proxyCustomElement(class DdaTextarea extends
             this.input_status ? `dda-input-${this.input_status}` : '',
             this.custom_class, this.component_mode, this.textarea_name,
         ].filter(Boolean).join(' ');
-        return (h(Host, { key: '26b74f8765560f78e217b1a1eb02202df7404f46' }, h("div", { key: '6e39ba8385e22061eabb16705043fd7e91e0e69b', class: textareaClass }, this.label && h("label", { key: 'b2a09718462d00459c3611d137e65489dffba976', htmlFor: this.input_id, class: "dda-input-label" }, this.label), this.enable_rich_editor ? (h("div", { id: "editor", class: "dda-richeditor-field" })) : (h("textarea", { id: this.input_id, name: this.textarea_name, "aria-label": this.aria_label, placeholder: this.placeholder, value: this.value, onInput: (event) => this.handleInput(event), class: "dda-input-field dda-input-textarea", maxLength: this.max_characters })), this.helper_text && (h("div", { key: '9d6f0208e4ebc5f360922c5407fe6f93f595699c', class: "dda-helper-text" }, h("span", { key: '8c375bc00ee6072de63b3472d70a4edcd2cfeb1c', class: "dda-flex dda-align-center dda-gap-2" }, h("i", { key: 'afe3ce780c0a271d8164294ad1baded340433cc4', class: "material-icons  material-symbols-outlined" }, "info"), " ", this.helper_text), h("span", { key: 'e2e39313b6a22ed9b733626724dd8af10ef9f7bf', class: "dda-letter-count" }, this.characterCount, " / ", this.max_characters))), this.error_message && (h("div", { key: '8112125cf80aeb306bb6c19306ec1ba953659469', class: "dda-error-message" }, h("span", { key: '70bb8d18430ae1ae32a335e8fd00483b3f1c56c7', class: "dda-flex dda-align-center dda-gap-2" }, h("i", { key: '3c0fbffd2251085cbf5ac064c1c5ed10cdc67646', class: "material-icons  material-symbols-outlined" }, "info"), " ", this.error_message), h("span", { key: 'f9922a8f78afd9925602c0f616abe1821a54d931', class: "dda-letter-count" }, this.characterCount, " / ", this.max_characters))))));
+        return (h(Host, { key: 'f4169ee7762723fff3d47c6abba741986a298d7b' }, h("div", { key: '28466211a27bcda5cf7540c106f5e5072de5c129', class: textareaClass }, this.label && h("label", { key: 'cf246f78f3f66332b1e551f75f03bfaebd74a908', htmlFor: this.input_id, class: "dda-input-label" }, this.label), this.enable_rich_editor ? (h("div", { id: "editor", class: "dda-richeditor-field" })) : (h("textarea", { id: this.input_id, name: this.textarea_name, "aria-label": this.aria_label, placeholder: this.placeholder, value: this.value, onInput: (event) => this.handleInput(event), class: "dda-input-field dda-input-textarea", maxLength: this.max_characters })), this.helper_text && (h("div", { key: 'e1663ec2fc389f29a4ca3ced4098c2f23f4c13c8', class: "dda-helper-text" }, h("span", { key: 'a77fcbf86cc207d4cde0a57db4bbd59d1274dd63', class: "dda-flex dda-align-center dda-gap-2" }, h("i", { key: 'e11860b7d980428d58e0b9d2e53f539540ac6b9d', class: "material-icons  material-symbols-outlined" }, "info"), " ", this.helper_text), h("span", { key: '0f3e4965214f168f6f20f78e6903bc3a07863e50', class: "dda-letter-count" }, this.characterCount, " / ", this.max_characters))), this.error_message && (h("div", { key: 'fad6f9a9b4eb6777614e30ed1664cc599a7497ae', class: "dda-error-message" }, h("span", { key: '3b2b7e5042fc93deb810f1fb1e9df3ce02a446d4', class: "dda-flex dda-align-center dda-gap-2" }, h("i", { key: 'b459f1fc4598d4b9e936d4e16478f8c2b4724af3', class: "material-icons  material-symbols-outlined" }, "info"), " ", this.error_message), h("span", { key: '894c8da4741e5997da4a2b6989b7ac0a1dd6bdae', class: "dda-letter-count" }, this.characterCount, " / ", this.max_characters))))));
     }
     get el() { return this; }
     static get style() { return DdaTextareaStyle0 + DdaTextareaStyle1; }

package/dist/components/dda-toggle.js CHANGED Viewed

@@ -19,7 +19,7 @@ const DdaToggle$1 = /*@__PURE__*/ proxyCustomElement(class DdaToggle extends H {
             this.custom_class ? `${this.custom_class}` : '',
             this.component_mode,
         ].filter(Boolean).join(' ');
-        return (h(Host, { key: '75261d924be3bbc4f573f01500bc4818c2ca745a' }, h("label", { key: 'c223f8b2c26d4da1a9f97fc0ecd641fbbd207c27', class: toggleClass, htmlFor: this.input_id }, h("input", { key: '144e556c20bfec4d51a3d491044414d210de2f0c', "aria-label": this.aria_label, type: "checkbox", id: this.input_id, name: this.group_name, checked: this.checked }), h("span", { key: '5bc14eb97049ec5b01b6587a00cc1a5f7fb6b13a', class: "toggle" }), h("p", { key: '8f1700afc3befba2b045cabf4bd45b0369f267b2' }, h("span", { key: 'd3fabc33feca8f0b6b46514c2063472fa41c39f4', class: "toggle-title" }, "Radio Button Title"), h("span", { key: 'eba83ded543d2e8e2d8a93d1f455ad656c5fa33c', class: "toggle-supporting" }, "Supporting Text")))));
+        return (h(Host, { key: 'ef82e100e6786a565b6a0d378f371a6f8eeae522' }, h("label", { key: 'd1f33431a2bd5c78ad6900f10a39f7fed809940e', class: toggleClass, htmlFor: this.input_id }, h("input", { key: '48c0ff13b9e0ae8a95111660c6051f68b2e13047', "aria-label": this.aria_label, type: "checkbox", id: this.input_id, name: this.group_name, checked: this.checked }), h("span", { key: '38e0af80d8c371d37a2b3a82178fe24ebc36a2e3', class: "toggle" }), h("p", { key: 'c1ec1cadeb10d0ec643e8dfccc7ab4080791a64c' }, h("span", { key: 'f730434e432e91dd11ca1869ebe3474aa686a5df', class: "toggle-title" }, "Radio Button Title"), h("span", { key: '084e6dd62063fe0b4e0e0e737716bb7b64a5cdbe', class: "toggle-supporting" }, "Supporting Text")))));
     }
     static get style() { return DdaToggleStyle0 + DdaToggleStyle1; }
 }, [0, "dda-toggle", {

package/dist/components/dda-tooltip.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { D as DdaTooltip$1, d as defineCustomElement$1 } from './p-86a1d7c5.js';
+import { D as DdaTooltip$1, d as defineCustomElement$1 } from './p-2084265f.js';
 const DdaTooltip = DdaTooltip$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dda-ui-card.js CHANGED Viewed

@@ -18,7 +18,7 @@ const DdaUiCard$1 = /*@__PURE__*/ proxyCustomElement(class DdaUiCard extends H {
         this.linkicon = 'arrow_forward';
     }
     render() {
-        return (h(Host, { key: '7ea6b8229bfcb3363a3088cd68aae19fc1005f17' }, h("div", { key: '8e5ec8ddb655908b8ae70c991ae80a5371ae63c2', class: 'dda-card' }, h("div", { key: '2722a0c83ab35b86798b75c5dc37b34b2a316b3a', class: 'dda-card-body' }, this.type !== 'custom' && (h("div", { key: '4bb904d880bf0408322eb05153931680cdc67ab7' }, !!this.icon && (h("span", { key: 'c245a6dcad401f752ca33aaa9bf59175966aca77', class: 'dda-card-icon' }, h("i", { key: 'e4616e47ea466d774b4380eb658dd2f25d0e1fb0', class: 'material-icons' }, this.icon))), !!this.image && (h("span", { key: 'c8dedba463a55dcbbd06d435ead4044ba0a720f9', class: 'dda-card-icon' }, h("img", { key: '2f2b4d61d28699f3bb2485a815a9a1759d8134d2', src: this.image, alt: this.maintitle }))), !!this.maintitle && h("h1", { key: '6dfec472bf46ce73ceb724cfa3c4a0c63dff9c57', class: 'dda-card-title' }, this.maintitle), !!this.subtitle && h("p", { key: 'ae954467233c5914131ffd4485d33181aef7c7b6', class: 'dda-card-text-muted' }, this.subtitle), !!this.link && (h("a", { key: 'e6e60155fad34770a377014b33600628615435ff', href: this.link, class: 'dda-card-link' }, this.linktext, ' ', this.linkicon && (h("span", { key: '4a4eaedb88ad7ce8b952195f50b23a7849644c1c' }, h("i", { key: '1f4d19f117b4ba5c0993684c5f4efdfb1e9a2062', class: 'material-icons' }, this.linkicon))))))), h("slot", { key: 'b0b0eb8faa4081dd611fb7f8bbdfd4866d85145a' })))));
+        return (h(Host, { key: '8dbb9cb8700c4bd45ce10e4cd25957348e7a7665' }, h("div", { key: '1d646685c8c823abca05dde069afcce30fbd7abb', class: 'dda-card' }, h("div", { key: '286a41509da68cf665d52963f82b56aea9141384', class: 'dda-card-body' }, this.type !== 'custom' && (h("div", { key: '13353a01827a6484d2be9128ce0614662bbc0acd' }, !!this.icon && (h("span", { key: '472b65fa2df2fa66e0821df83b919d7b39f932bc', class: 'dda-card-icon' }, h("i", { key: 'a47bd8c92a767653058a924e989335f636099be8', class: 'material-icons' }, this.icon))), !!this.image && (h("span", { key: '255a22badbe7f01ba7efd9f7cdb2ce7a0b8526ae', class: 'dda-card-icon' }, h("img", { key: 'c439d3eeaef76881ca47881603960ce3ab582e6d', src: this.image, alt: this.maintitle }))), !!this.maintitle && h("h1", { key: 'f78517807aeb3642c01dd57d1084ab34a78e0713', class: 'dda-card-title' }, this.maintitle), !!this.subtitle && h("p", { key: 'f12cd1a9fb9b2e1994a636f92f16754600ec03de', class: 'dda-card-text-muted' }, this.subtitle), !!this.link && (h("a", { key: '5c068a24ee05d8694ea82ade806878a7c37d856c', href: this.link, class: 'dda-card-link' }, this.linktext, ' ', this.linkicon && (h("span", { key: 'cbd3c42c3cde2f5206c836db1392371fcbc638e2' }, h("i", { key: '2b9881d6afff44212dc12d5fb99e566dfa78e151', class: 'material-icons' }, this.linkicon))))))), h("slot", { key: 'cd14d3a5397946c24424cc877f4570bab0df1113' })))));
     }
     static get style() { return DdaUiCardStyle0; }
 }, [4, "dda-ui-card", {

package/dist/components/dda-vertical-stepper.js CHANGED Viewed

@@ -15,7 +15,7 @@ const DdaVerticalStepper$1 = /*@__PURE__*/ proxyCustomElement(class DdaVerticalS
         this.parsedSteps = JSON.parse(this.steps);
     }
     render() {
-        return (h(Host, { key: 'ee772e3afc00a45697eb9da19d3811d5c9691e51' }, h("div", { key: '82b1d330079344a81fdb0c244a584784e8439334', class: `${this.custom_class} ${this.component_mode} v-stepper-container` }, this.parsedSteps.map((step, index) => (h("div", { class: `v-step ${index <= this.current_Step ? 'active' : ''}` }, h("div", { class: "v-step-indicator" }, h("div", { class: "icon" }, h("i", { class: `material-icons` }, step.icon))), h("div", { class: "v-step-content" }, h("div", { class: "v-step-title" }, step.title), h("div", { class: "v-step-subtitle" }, step.subtitle), h("div", { class: "v-step-description" }, step.description)), h("div", { class: "v-step-arrow" }, h("i", { class: "material-icons  material-symbols-outlined" }, "chevron_right"))))))));
+        return (h(Host, { key: 'b0f1015cfaebe2685ec8f64ae0bace2b50c75df3' }, h("div", { key: '9b8bddf68ddcda3f5890e309a49776bffe27a6e6', class: `${this.custom_class} ${this.component_mode} v-stepper-container` }, this.parsedSteps.map((step, index) => (h("div", { class: `v-step ${index <= this.current_Step ? 'active' : ''}` }, h("div", { class: "v-step-indicator" }, h("div", { class: "icon" }, h("i", { class: `material-icons` }, step.icon))), h("div", { class: "v-step-content" }, h("div", { class: "v-step-title" }, step.title), h("div", { class: "v-step-subtitle" }, step.subtitle), h("div", { class: "v-step-description" }, step.description)), h("div", { class: "v-step-arrow" }, h("i", { class: "material-icons  material-symbols-outlined" }, "chevron_right"))))))));
     }
     static get style() { return DdaVerticalStepperStyle0; }
 }, [0, "dda-vertical-stepper", {

package/dist/components/{p-86a1d7c5.js → p-2084265f.js} RENAMED Viewed

@@ -14,7 +14,7 @@ const DdaTooltip = /*@__PURE__*/ proxyCustomElement(class DdaTooltip extends H {
         this.custom_class = '';
     }
     render() {
-        return (h(Host, { key: '1c4ee8cbd3d2c2cd85e5d640195f2b127c9a493f' }, h("div", { key: 'ade5d4516b761101ab011da00e9a90f4e8c6a163', class: `dda-tooltip-container ${this.custom_class} ${this.component_mode}` }, h("slot", { key: 'c257f2dc6733cef19de8571ff9cb037394a52df5' }), h("div", { key: 'eb0b8b12c28f76a4258fe56f3c591b740611e8b0', class: `dda-tooltip-box ${this.position}` }, h("strong", { key: '2dae19c4fa076aaccc967115b0e6ee879489041c' }, this.title_text), h("p", { key: 'd685c6608d63649a50456eeea4a714aa67bc82ef' }, this.description)))));
+        return (h(Host, { key: '83671bd7454b6c96eb4c7d9c23ec0b04ffb812b5' }, h("div", { key: '08771b8a5bbbd9f7745dac15aa085210098630a3', class: `dda-tooltip-container ${this.custom_class} ${this.component_mode}` }, h("slot", { key: 'fb30f62b9dda1e7554b41e95aedc983d8bc045c5' }), h("div", { key: '887bd2d6605cd2e98dc8556879569571534a636e', class: `dda-tooltip-box ${this.position}` }, h("strong", { key: 'c9fc851c2f5d45089ece5ede23020521c3547c78' }, this.title_text), h("p", { key: 'c380dcb925073119557d83d7959b0ecc34369b86' }, this.description)))));
     }
     static get style() { return DdaTooltipStyle0 + DdaTooltipStyle1; }
 }, [4, "dda-tooltip", {
@@ -41,4 +41,4 @@ defineCustomElement();
 export { DdaTooltip as D, defineCustomElement as d };
-//# sourceMappingURL=p-86a1d7c5.js.map
+//# sourceMappingURL=p-2084265f.js.map

package/dist/components/{p-86a1d7c5.js.map → p-2084265f.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-86a1d7c5.js","mappings":";;AAAA,MAAM,SAAS,GAAG,ym1DAAym1D,CAAC;AAC5n1D,yBAAe,SAAS;;ACDxB,MAAM,aAAa,GAAG,06EAA06E,CAAC;AACj8E,yBAAe,aAAa;;MCMf,UAAU;IALvB;;;QAQU,aAAQ,GAAwC,KAAK,CAAC;QACtD,iBAAY,GAAY,EAAE,CAAC;KAgBpC;IAbC,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAE,yBAAyB,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,cAAc,EAAE,IAC7E,8DAAa,EACb,4DAAK,KAAK,EAAE,mBAAmB,IAAI,CAAC,QAAQ,EAAE,IAC5C,iEAAS,IAAI,CAAC,UAAU,CAAU,EAClC,4DAAI,IAAI,CAAC,WAAW,CAAK,CACrB,CACF,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/global/global.css?tag=dda-tooltip","src/components/dda-tooltip/dda-tooltip.css?tag=dda-tooltip","src/components/dda-tooltip/dda-tooltip.tsx"],"sourcesContent":["@import url('./color.css');\r\n@import url('./typography.css');\r\n@import url('./dda.css');\r\n@import url('./templates/cards.css');\r\n@import url('./templates/dda-grid.css');\r\n@import url('./templates/dashboard-navigation.css');\r\n@import url('./templates/dda-footer-main.css');\r\n@import url('./templates/side-navigation.css');\r\n@import url('./templates/table.css');\r\n@import url('./templates/website-footer.css');\r\n@import url('./templates/dda-header-main.css');\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiLight.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiLight.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.svg#DubaiLight\") format(\"svg\");\r\n font-weight: 300;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiRegular.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiRegular.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.svg#DubaiRegular\") format(\"svg\");\r\n font-weight: 400;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiMedium.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiMedium.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.svg#DubaiMedium\") format(\"svg\");\r\n font-weight: 500;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiBold.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiBold.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.svg#DubaiBold\") format(\"svg\");\r\n font-weight: 700;\r\n font-style: normal;\r\n}\r\n:root{\r\n --font-family-main: 'Dubai', sans-serif;\r\n}\r\nbody {\r\n background-color: var(--dda-surface-100) !important;\r\n font-family: \"Dubai\", Helvetica, sans-serif !important;\r\n font-size: var(--dda-fs-body-lg) !important;\r\n font-weight: var(--dda-fw-400) !important;\r\n line-height: 1.5;\r\n color: var(--dda-on-surface-0) !important;\r\n margin: 0;\r\n}\r\n\r\n* {\r\n box-sizing: border-box;\r\n}\r\n\r\nul{\r\n margin: 0;\r\n}\r\na{\r\n text-decoration: none;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\np {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nh1, .dda-h1 { font-size: var(--dda-h1); font-weight: 400; }\r\n\r\nh2, .dda-h2 { font-size: var(--dda-h2); font-weight: 400; }\r\n\r\nh3, .dda-h3 { font-size: var(--dda-h3); font-weight: 400; }\r\n\r\nh4, .dda-h4 { font-size: var(--dda-h4); font-weight: 400; }\r\n\r\nh5, .dda-h5 { font-size: var(--dda-h5); font-weight: 400; }\r\n\r\nh6, .dda-h6 { font-size: var(--dda-h6); font-weight: 400; }\r\n\r\n.dda-title { font-size: var(--dda-title); font-weight: 500; }\r\n\r\n.dda-body { font-size: var(--dda-body); font-weight: 400; }\r\n\r\n.dda-caption { font-size: var(--dda-caption); font-weight: 400; }\r\n\r\n.dda-label { font-size: var(--dda-label); font-weight: 400; }\r\n\r\n\r\na,\r\na:hover {\r\n text-decoration: none !important;\r\n}\r\n\r\nbutton {\r\n cursor: pointer;\r\n}\r\n\r\nul {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n list-style: none;\r\n}\r\n.dda-btn.cta-transparent{\r\n background: none;\r\n color: #ffffff;\r\n border: 0px;\r\n}\r\n.dda-btn.cta-transparent:hover{\r\n background: #ffffff;\r\n color: inherit;\r\n}\r\n\r\n/Colors/\r\n.dda-bg-primary {\r\n background-color: var(--dda-color-primary-40);\r\n}\r\n\r\n.dda-bg-secondary {\r\n background-color: var(--dda-color-secondary);\r\n}\r\n\r\n.dda-color-primary {\r\n color: var(--dda-color-primary-40);\r\n}\r\n.dda-color-secondary {\r\n color: var(--dda-color-primary-40);\r\n}\r\n.dda-color-error {\r\n color: var(--dda-color-error-40);\r\n}\r\n.dda-color-warning{\r\n color: var(--dda-color-warning-40);\r\n}\r\n.dda-color-success{\r\n color: var(--dda-color-warning-40);\r\n}\r\n.dda-color-info{\r\n color: var(--dda-color-info-40);\r\n}\r\n.dda-color-neutral{\r\n color: var(--dda-on-surface-40);\r\n}\r\n.dda-color-neutralvariant{\r\n color: var(--dda-on-surface-variant-40);\r\n}\r\n\r\n.dda-color-black {\r\n color: var(--dda-on-surface-0);\r\n}\r\n\r\n/*/\r\n.visualy-hidden {\r\n position: absolute;\r\n opacity: 0;\r\n width: 0px;\r\n overflow: hidden;\r\n}\r\n/ Border-radius classes /\r\n.dda-rounded-sm {\r\n border-radius: 4px !important;\r\n}\r\n\r\n.dda-rounded-md {\r\n border-radius: 8px !important;\r\n}\r\n\r\n.dda-rounded-lg {\r\n border-radius: 12px !important;\r\n}\r\n\r\n.dda-rounded-circle {\r\n border-radius: 100px !important;\r\n}\r\n\r\n.dda-gap-16 {\r\n gap: 4rem !important;\r\n}\r\n\r\n.dda-gap-12 {\r\n gap: 3rem !important;\r\n}\r\n\r\n.dda-gap-10 {\r\n gap: 2.5rem !important;\r\n}\r\n\r\n.dda-gap-8 {\r\n gap: 2rem !important;\r\n}\r\n\r\n.dda-gap-6 {\r\n gap: 1.5rem !important;\r\n}\r\n\r\n.dda-gap-5 {\r\n gap: 1.25rem !important;\r\n}\r\n\r\n.dda-gap-4 {\r\n gap: 1rem !important;\r\n}\r\n\r\n.dda-gap-3 {\r\n gap: .75rem !important;\r\n}\r\n\r\n.dda-gap-2 {\r\n gap: .5rem !important;\r\n}\r\n\r\n.dda-gap-1 {\r\n gap: 0.375rem !important;\r\n}\r\n\r\n\r\n::-ms-input-placeholder {\r\n color: #8E9191;\r\n}\r\n\r\n::placeholder {\r\n color: #8E9191;\r\n}\r\n.dda-d-none{\r\n display: none;\r\n}\r\n.dda-flex {\r\n display: flex;\r\n}\r\n\r\n.dda-flex-column {\r\n flex-direction: column;\r\n}\r\n\r\n.dda-inline-flex {\r\n display: inline-flex;\r\n}\r\n\r\n.dda-align-center {\r\n align-items: center;\r\n}\r\n\r\n.dda-justify-space {\r\n justify-content: space-between;\r\n}\r\n\r\n.dda-justify-center {\r\n justify-content: center;\r\n}\r\n\r\n.m-0 {\r\n margin: 0px !important;\r\n}\r\n\r\n.p-0 {\r\n padding: 0px !important;\r\n}\r\n\r\n.py-0 {\r\n padding-top: 0px !important;\r\n padding-bottom: 0px !important;\r\n}\r\n\r\n.border-right {\r\n border-inline-end: solid 1px #E5E5E5;\r\n}\r\n\r\n.visually-hidden{\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n margin: -1px;\r\n padding: 0;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n border: 0;\r\n}\r\n\r\n.maincontent{\r\n padding-top: 170px;\r\n padding-bottom: 100px;\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n .maincontent {\r\n padding-top: 100px;\r\n }\r\n}\r\n/Temporary/\r\n/ body{\r\n height: 1550px;\r\n} */\r\n",".dda-tooltip-container {\r\n position: relative;\r\n display: inline-flex;\r\n align-items: center;\r\n}\r\n.dda-tooltip-box {\r\n position: absolute;\r\n visibility: hidden;\r\n background-color: var(--dda-neutral-100);\r\n border: solid 1px var(--dda-neutral-90);\r\n color: var(--dda-neutral-0);\r\n text-align: center;\r\n padding: 5px 12px;\r\n border-radius: 6px;\r\n z-index: 1;\r\n opacity: 0;\r\n transition: opacity 0.3s;\r\n}\r\n.dda-tooltip-container:hover .dda-tooltip-box {\r\n visibility: visible;\r\n opacity: 1;\r\n}\r\n.dda-tooltip-box strong{\r\n font-size: 16px;\r\n color: var(--dda-neutral-0);\r\n white-space: nowrap;\r\n}\r\n.dda-tooltip-box p{\r\n font-size: 14px;\r\n color: var(--dda-neutral-variant-30);\r\n white-space: nowrap;\r\n margin: 0;\r\n}\r\n\r\n.dda-tooltip-box.top {\r\n bottom: 100%;\r\n left: 50%;\r\n transform: translate(-50%);\r\n margin-bottom: 7px;\r\n}\r\n.dda-tooltip-box.top::before, .dda-tooltip-box.top::after {\r\n content: \"\";\r\n border-left: 10px solid transparent;\r\n border-right: 10px solid transparent;\r\n position: absolute;\r\n left: 50%;\r\n margin-inline-start: -10px;\r\n}\r\n.dda-tooltip-box.top::before {\r\n top: 100%;\r\n border-top: 8px solid var(--dda-neutral-90);\r\n margin-top: 0px;\r\n}\r\n.dda-tooltip-box.top::after {\r\n top: 100%;\r\n border-top: 8px solid var(--dda-neutral-100);\r\n margin-top: -2px;\r\n z-index: 1;\r\n}\r\n\r\n\r\n.dda-tooltip-box.bottom {\r\n top: 100%;\r\n left: 50%;\r\n transform: translate(-50%);\r\n margin-top: 7px;\r\n}\r\n.dda-tooltip-box.bottom::before, .dda-tooltip-box.bottom::after {\r\n content: \"\";\r\n border-left: 10px solid transparent;\r\n border-right: 10px solid transparent;\r\n position: absolute;\r\n left: 50%;\r\n margin-inline-start: -10px;\r\n}\r\n.dda-tooltip-box.bottom::before {\r\n bottom: 100%;\r\n border-bottom: 8px solid var(--dda-neutral-90);\r\n margin-bottom: 0px;\r\n}\r\n.dda-tooltip-box.bottom::after {\r\n bottom: 100%;\r\n border-bottom: 8px solid var(--dda-neutral-100);\r\n margin-bottom: -2px;\r\n z-index: 1;\r\n}\r\n\r\n.dda-tooltip-box.left {\r\n top: 50%;\r\n inset-inline-end: 100%;\r\n margin-inline-end: 13px;\r\n transform: translate(0%, -50%);\r\n}\r\n.dda-tooltip-box.left::before, .dda-tooltip-box.left::after,\r\n.dda-tooltip-box.right::before, .dda-tooltip-box.right::after {\r\n content: \"\";\r\n border-top: 10px solid transparent;\r\n border-bottom: 10px solid transparent;\r\n position: absolute;\r\n top: 50%;\r\n transform: translate(0%, -50%);\r\n}\r\n.dda-tooltip-box.left::before {\r\n bottom: 100%;\r\n border-left: 8px solid var(--dda-neutral-90);\r\n right: -9px;\r\n}\r\n.dda-tooltip-box.left::after {\r\n bottom: 100%;\r\n border-left: 8px solid var(--dda-neutral-100);\r\n z-index: 1;\r\n right: -8px;\r\n}\r\n\r\n.dda-tooltip-box.right {\r\n top: 50%;\r\n inset-inline-start: 100%;\r\n margin-inline-start: 13px;\r\n transform: translate(0%, -50%);\r\n}\r\n.dda-tooltip-box.right::before {\r\n bottom: 100%;\r\n border-right: 8px solid var(--dda-neutral-90);\r\n left: -9px;\r\n}\r\n.dda-tooltip-box.right::after {\r\n bottom: 100%;\r\n border-right: 8px solid var(--dda-neutral-100);\r\n z-index: 1;\r\n left: -8px;\r\n}","import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-tooltip',\r\n styleUrls: ['../../global/global.css', 'dda-tooltip.css'],\r\n shadow: false,\r\n})\r\nexport class DdaTooltip {\r\n @Prop() title_text: string;\r\n @Prop() description: string;\r\n @Prop() position: 'top' \| 'bottom' \| 'left' \| 'right' = 'top'; // Default to top position\r\n @Prop() custom_class?: string = ''; \r\n @Prop() component_mode?: string; \r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class={`dda-tooltip-container ${this.custom_class} ${this.component_mode}`}>\r\n <slot></slot>\r\n <div class={`dda-tooltip-box ${this.position}`}>\r\n <strong>{this.title_text}</strong>\r\n <p>{this.description}</p>\r\n </div>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}"],"version":3}
1	+ {"file":"p-2084265f.js","mappings":";;AAAA,MAAM,SAAS,GAAG,ym1DAAym1D,CAAC;AAC5n1D,yBAAe,SAAS;;ACDxB,MAAM,aAAa,GAAG,06EAA06E,CAAC;AACj8E,yBAAe,aAAa;;MCMf,UAAU;IALvB;;;QAQU,aAAQ,GAAwC,KAAK,CAAC;QACtD,iBAAY,GAAY,EAAE,CAAC;KAgBpC;IAbC,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAE,yBAAyB,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,cAAc,EAAE,IAC7E,8DAAa,EACb,4DAAK,KAAK,EAAE,mBAAmB,IAAI,CAAC,QAAQ,EAAE,IAC5C,iEAAS,IAAI,CAAC,UAAU,CAAU,EAClC,4DAAI,IAAI,CAAC,WAAW,CAAK,CACrB,CACF,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/global/global.css?tag=dda-tooltip","src/components/dda-tooltip/dda-tooltip.css?tag=dda-tooltip","src/components/dda-tooltip/dda-tooltip.tsx"],"sourcesContent":["@import url('./color.css');\r\n@import url('./typography.css');\r\n@import url('./dda.css');\r\n@import url('./templates/cards.css');\r\n@import url('./templates/dda-grid.css');\r\n@import url('./templates/dashboard-navigation.css');\r\n@import url('./templates/dda-footer-main.css');\r\n@import url('./templates/side-navigation.css');\r\n@import url('./templates/table.css');\r\n@import url('./templates/website-footer.css');\r\n@import url('./templates/dda-header-main.css');\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiLight.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiLight.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.svg#DubaiLight\") format(\"svg\");\r\n font-weight: 300;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiRegular.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiRegular.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.svg#DubaiRegular\") format(\"svg\");\r\n font-weight: 400;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiMedium.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiMedium.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.svg#DubaiMedium\") format(\"svg\");\r\n font-weight: 500;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiBold.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiBold.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.svg#DubaiBold\") format(\"svg\");\r\n font-weight: 700;\r\n font-style: normal;\r\n}\r\n:root{\r\n --font-family-main: 'Dubai', sans-serif;\r\n}\r\nbody {\r\n background-color: var(--dda-surface-100) !important;\r\n font-family: \"Dubai\", Helvetica, sans-serif !important;\r\n font-size: var(--dda-fs-body-lg) !important;\r\n font-weight: var(--dda-fw-400) !important;\r\n line-height: 1.5;\r\n color: var(--dda-on-surface-0) !important;\r\n margin: 0;\r\n}\r\n\r\n* {\r\n box-sizing: border-box;\r\n}\r\n\r\nul{\r\n margin: 0;\r\n}\r\na{\r\n text-decoration: none;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\np {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nh1, .dda-h1 { font-size: var(--dda-h1); font-weight: 400; }\r\n\r\nh2, .dda-h2 { font-size: var(--dda-h2); font-weight: 400; }\r\n\r\nh3, .dda-h3 { font-size: var(--dda-h3); font-weight: 400; }\r\n\r\nh4, .dda-h4 { font-size: var(--dda-h4); font-weight: 400; }\r\n\r\nh5, .dda-h5 { font-size: var(--dda-h5); font-weight: 400; }\r\n\r\nh6, .dda-h6 { font-size: var(--dda-h6); font-weight: 400; }\r\n\r\n.dda-title { font-size: var(--dda-title); font-weight: 500; }\r\n\r\n.dda-body { font-size: var(--dda-body); font-weight: 400; }\r\n\r\n.dda-caption { font-size: var(--dda-caption); font-weight: 400; }\r\n\r\n.dda-label { font-size: var(--dda-label); font-weight: 400; }\r\n\r\n\r\na,\r\na:hover {\r\n text-decoration: none !important;\r\n}\r\n\r\nbutton {\r\n cursor: pointer;\r\n}\r\n\r\nul {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n list-style: none;\r\n}\r\n.dda-btn.cta-transparent{\r\n background: none;\r\n color: #ffffff;\r\n border: 0px;\r\n}\r\n.dda-btn.cta-transparent:hover{\r\n background: #ffffff;\r\n color: inherit;\r\n}\r\n\r\n/Colors/\r\n.dda-bg-primary {\r\n background-color: var(--dda-color-primary-40);\r\n}\r\n\r\n.dda-bg-secondary {\r\n background-color: var(--dda-color-secondary);\r\n}\r\n\r\n.dda-color-primary {\r\n color: var(--dda-color-primary-40);\r\n}\r\n.dda-color-secondary {\r\n color: var(--dda-color-primary-40);\r\n}\r\n.dda-color-error {\r\n color: var(--dda-color-error-40);\r\n}\r\n.dda-color-warning{\r\n color: var(--dda-color-warning-40);\r\n}\r\n.dda-color-success{\r\n color: var(--dda-color-warning-40);\r\n}\r\n.dda-color-info{\r\n color: var(--dda-color-info-40);\r\n}\r\n.dda-color-neutral{\r\n color: var(--dda-on-surface-40);\r\n}\r\n.dda-color-neutralvariant{\r\n color: var(--dda-on-surface-variant-40);\r\n}\r\n\r\n.dda-color-black {\r\n color: var(--dda-on-surface-0);\r\n}\r\n\r\n/*/\r\n.visualy-hidden {\r\n position: absolute;\r\n opacity: 0;\r\n width: 0px;\r\n overflow: hidden;\r\n}\r\n/ Border-radius classes /\r\n.dda-rounded-sm {\r\n border-radius: 4px !important;\r\n}\r\n\r\n.dda-rounded-md {\r\n border-radius: 8px !important;\r\n}\r\n\r\n.dda-rounded-lg {\r\n border-radius: 12px !important;\r\n}\r\n\r\n.dda-rounded-circle {\r\n border-radius: 100px !important;\r\n}\r\n\r\n.dda-gap-16 {\r\n gap: 4rem !important;\r\n}\r\n\r\n.dda-gap-12 {\r\n gap: 3rem !important;\r\n}\r\n\r\n.dda-gap-10 {\r\n gap: 2.5rem !important;\r\n}\r\n\r\n.dda-gap-8 {\r\n gap: 2rem !important;\r\n}\r\n\r\n.dda-gap-6 {\r\n gap: 1.5rem !important;\r\n}\r\n\r\n.dda-gap-5 {\r\n gap: 1.25rem !important;\r\n}\r\n\r\n.dda-gap-4 {\r\n gap: 1rem !important;\r\n}\r\n\r\n.dda-gap-3 {\r\n gap: .75rem !important;\r\n}\r\n\r\n.dda-gap-2 {\r\n gap: .5rem !important;\r\n}\r\n\r\n.dda-gap-1 {\r\n gap: 0.375rem !important;\r\n}\r\n\r\n\r\n::-ms-input-placeholder {\r\n color: #8E9191;\r\n}\r\n\r\n::placeholder {\r\n color: #8E9191;\r\n}\r\n.dda-d-none{\r\n display: none;\r\n}\r\n.dda-flex {\r\n display: flex;\r\n}\r\n\r\n.dda-flex-column {\r\n flex-direction: column;\r\n}\r\n\r\n.dda-inline-flex {\r\n display: inline-flex;\r\n}\r\n\r\n.dda-align-center {\r\n align-items: center;\r\n}\r\n\r\n.dda-justify-space {\r\n justify-content: space-between;\r\n}\r\n\r\n.dda-justify-center {\r\n justify-content: center;\r\n}\r\n\r\n.m-0 {\r\n margin: 0px !important;\r\n}\r\n\r\n.p-0 {\r\n padding: 0px !important;\r\n}\r\n\r\n.py-0 {\r\n padding-top: 0px !important;\r\n padding-bottom: 0px !important;\r\n}\r\n\r\n.border-right {\r\n border-inline-end: solid 1px #E5E5E5;\r\n}\r\n\r\n.visually-hidden{\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n margin: -1px;\r\n padding: 0;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n border: 0;\r\n}\r\n\r\n.maincontent{\r\n padding-top: 170px;\r\n padding-bottom: 100px;\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n .maincontent {\r\n padding-top: 100px;\r\n }\r\n}\r\n/Temporary/\r\n/ body{\r\n height: 1550px;\r\n} */\r\n",".dda-tooltip-container {\r\n position: relative;\r\n display: inline-flex;\r\n align-items: center;\r\n}\r\n.dda-tooltip-box {\r\n position: absolute;\r\n visibility: hidden;\r\n background-color: var(--dda-neutral-100);\r\n border: solid 1px var(--dda-neutral-90);\r\n color: var(--dda-neutral-0);\r\n text-align: center;\r\n padding: 5px 12px;\r\n border-radius: 6px;\r\n z-index: 1;\r\n opacity: 0;\r\n transition: opacity 0.3s;\r\n}\r\n.dda-tooltip-container:hover .dda-tooltip-box {\r\n visibility: visible;\r\n opacity: 1;\r\n}\r\n.dda-tooltip-box strong{\r\n font-size: 16px;\r\n color: var(--dda-neutral-0);\r\n white-space: nowrap;\r\n}\r\n.dda-tooltip-box p{\r\n font-size: 14px;\r\n color: var(--dda-neutral-variant-30);\r\n white-space: nowrap;\r\n margin: 0;\r\n}\r\n\r\n.dda-tooltip-box.top {\r\n bottom: 100%;\r\n left: 50%;\r\n transform: translate(-50%);\r\n margin-bottom: 7px;\r\n}\r\n.dda-tooltip-box.top::before, .dda-tooltip-box.top::after {\r\n content: \"\";\r\n border-left: 10px solid transparent;\r\n border-right: 10px solid transparent;\r\n position: absolute;\r\n left: 50%;\r\n margin-inline-start: -10px;\r\n}\r\n.dda-tooltip-box.top::before {\r\n top: 100%;\r\n border-top: 8px solid var(--dda-neutral-90);\r\n margin-top: 0px;\r\n}\r\n.dda-tooltip-box.top::after {\r\n top: 100%;\r\n border-top: 8px solid var(--dda-neutral-100);\r\n margin-top: -2px;\r\n z-index: 1;\r\n}\r\n\r\n\r\n.dda-tooltip-box.bottom {\r\n top: 100%;\r\n left: 50%;\r\n transform: translate(-50%);\r\n margin-top: 7px;\r\n}\r\n.dda-tooltip-box.bottom::before, .dda-tooltip-box.bottom::after {\r\n content: \"\";\r\n border-left: 10px solid transparent;\r\n border-right: 10px solid transparent;\r\n position: absolute;\r\n left: 50%;\r\n margin-inline-start: -10px;\r\n}\r\n.dda-tooltip-box.bottom::before {\r\n bottom: 100%;\r\n border-bottom: 8px solid var(--dda-neutral-90);\r\n margin-bottom: 0px;\r\n}\r\n.dda-tooltip-box.bottom::after {\r\n bottom: 100%;\r\n border-bottom: 8px solid var(--dda-neutral-100);\r\n margin-bottom: -2px;\r\n z-index: 1;\r\n}\r\n\r\n.dda-tooltip-box.left {\r\n top: 50%;\r\n inset-inline-end: 100%;\r\n margin-inline-end: 13px;\r\n transform: translate(0%, -50%);\r\n}\r\n.dda-tooltip-box.left::before, .dda-tooltip-box.left::after,\r\n.dda-tooltip-box.right::before, .dda-tooltip-box.right::after {\r\n content: \"\";\r\n border-top: 10px solid transparent;\r\n border-bottom: 10px solid transparent;\r\n position: absolute;\r\n top: 50%;\r\n transform: translate(0%, -50%);\r\n}\r\n.dda-tooltip-box.left::before {\r\n bottom: 100%;\r\n border-left: 8px solid var(--dda-neutral-90);\r\n right: -9px;\r\n}\r\n.dda-tooltip-box.left::after {\r\n bottom: 100%;\r\n border-left: 8px solid var(--dda-neutral-100);\r\n z-index: 1;\r\n right: -8px;\r\n}\r\n\r\n.dda-tooltip-box.right {\r\n top: 50%;\r\n inset-inline-start: 100%;\r\n margin-inline-start: 13px;\r\n transform: translate(0%, -50%);\r\n}\r\n.dda-tooltip-box.right::before {\r\n bottom: 100%;\r\n border-right: 8px solid var(--dda-neutral-90);\r\n left: -9px;\r\n}\r\n.dda-tooltip-box.right::after {\r\n bottom: 100%;\r\n border-right: 8px solid var(--dda-neutral-100);\r\n z-index: 1;\r\n left: -8px;\r\n}","import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-tooltip',\r\n styleUrls: ['../../global/global.css', 'dda-tooltip.css'],\r\n shadow: false,\r\n})\r\nexport class DdaTooltip {\r\n @Prop() title_text: string;\r\n @Prop() description: string;\r\n @Prop() position: 'top' \| 'bottom' \| 'left' \| 'right' = 'top'; // Default to top position\r\n @Prop() custom_class?: string = ''; \r\n @Prop() component_mode?: string; \r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class={`dda-tooltip-container ${this.custom_class} ${this.component_mode}`}>\r\n <slot></slot>\r\n <div class={`dda-tooltip-box ${this.position}`}>\r\n <strong>{this.title_text}</strong>\r\n <p>{this.description}</p>\r\n </div>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}"],"version":3}

package/dist/components/{p-4dafa457.js → p-76a543e8.js} RENAMED Viewed

@@ -35,9 +35,9 @@ const DdaLinkButton = /*@__PURE__*/ proxyCustomElement(class DdaLinkButton exten
             this.custom_class, // Include custom class
             this.component_mode,
         ].filter(Boolean).join(' ');
-        return (h(Host, { key: '5c1875118001f9bcfc92699a89a05489c0f4e387' }, h("a", { key: 'cff07a7861b95016115706c356804326a5001cbb',
+        return (h(Host, { key: '2c3b12058aa3a3438285266e7e2264e6481ad805' }, h("a", { key: '147711ae985be520b6dfa5b073b0853cfdcab45d',
             //   type={this.type}
-            id: this.button_id, href: this.href, class: linkbuttonClass, "aria-label": this.aria_label }, this.start_icon && h("i", { key: '51aa0b938a8fa8cf104c4214dcd1e2651c919582', class: "material-icons  material-symbols-outlined" }, this.start_icon), h("slot", { key: '0dde03234538d961ba696c514fef12d3fffa4a6c' }), this.end_icon && h("i", { key: '66b9cd0773382d98af2a9a9113099a78763b755c', class: "material-icons  material-symbols-outlined" }, this.end_icon))));
+            id: this.button_id, href: this.href, class: linkbuttonClass, "aria-label": this.aria_label }, this.start_icon && h("i", { key: '39d5aca68703808fb420cdf98fd50cc62deb0b55', class: "material-icons  material-symbols-outlined" }, this.start_icon), h("slot", { key: '8ae4ef6ec98bcb2cf7849153bad4ae0dc952e6b2' }), this.end_icon && h("i", { key: '3c4cfff70acf088f2e6a277dedc605ebd41d5424', class: "material-icons  material-symbols-outlined" }, this.end_icon))));
     }
     static get style() { return DdaLinkButtonStyle0 + DdaLinkButtonStyle1; }
 }, [4, "dda-link-button", {
@@ -73,4 +73,4 @@ defineCustomElement();
 export { DdaLinkButton as D, defineCustomElement as d };
-//# sourceMappingURL=p-4dafa457.js.map
+//# sourceMappingURL=p-76a543e8.js.map

package/dist/components/{p-4dafa457.js.map → p-76a543e8.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-4dafa457.js","mappings":";;AAAA,MAAM,YAAY,GAAG,64ZAA64Z,CAAC;AACn6Z,4BAAe,YAAY;;ACD3B,MAAM,SAAS,GAAG,ym1DAAym1D,CAAC;AAC5n1D,4BAAe,SAAS;;MCMX,aAAa;IAL1B;;;;QAOU,SAAI,GAAW,QAAQ,CAAC;;QAExB,aAAQ,GAAY,KAAK,CAAC;;QAE1B,eAAU,GAAW,EAAE,CAAC;QACxB,aAAQ,GAAW,EAAE,CAAC;QACtB,eAAU,GAAY,EAAE,CAAC;QACzB,iBAAY,GAAW,SAAS,CAAC;QAEjC,iBAAY,GAAY,EAAE,CAAC;QAC3B,sBAAiB,GAAY,EAAE,CAAC;QAEhC,iBAAY,GAAY,EAAE,CAAC;QAC3B,SAAI,GAAY,GAAG,CAAC;KAmC7B;IA/BC,MAAM;QACJ,MAAM,eAAe,GAAG;YACtB,SAAS;YACT,aAAa,IAAI,CAAC,YAAY,EAAE;YAChC,IAAI,CAAC,IAAI,GAAG,YAAY,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE;YACxC,IAAI,CAAC,YAAY,GAAG,aAAa,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE;YACzD,IAAI,CAAC,iBAAiB,GAAG,YAAY,IAAI,CAAC,iBAAiB,EAAE,GAAG,EAAE;YAClE,IAAI,CAAC,GAAG,GAAG,WAAW,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE;YACrC,IAAI,CAAC,YAAY;YACjB,IAAI,CAAC,cAAc;SACpB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAI5B,QACE,EAAC,IAAI,uDACH;;YAEE,EAAE,EAAE,IAAI,CAAC,SAAS,EAClB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,eAAe,gBAEV,IAAI,CAAC,UAAU,IAE1B,IAAI,CAAC,UAAU,IAAI,0DAAG,KAAK,EAAC,2CAA2C,IAAE,IAAI,CAAC,UAAU,CAAK,EAC9F,8DAAQ,EACP,IAAI,CAAC,QAAQ,IAAI,0DAAG,KAAK,EAAC,2CAA2C,IAAE,IAAI,CAAC,QAAQ,CAAM,CACzF,CACC,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/global/dda-button.css?tag=dda-link-button","src/global/global.css?tag=dda-link-button","src/components/dda-link-button/dda-link-button.tsx"],"sourcesContent":[".dda-btn {\r\n height: 44px;\r\n font-family: \"Dubai\", Helvetica, sans-serif;\r\n font-size: var(--dda-fs-body-lg);\r\n font-weight: var(--dda-fw-500);\r\n padding: 10px 15px;\r\n border-radius: 4px;\r\n outline: 0;\r\n cursor: pointer;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: .5rem;\r\n}\r\n/*/\r\n.btn-color-default-primary{\r\n background-color: var(--dda-color-primary-40);\r\n border: solid 1px var(--dda-color-primary-40);\r\n color: var(--dda-on-primary-100);\r\n}\r\n.btn-color-default-primary:hover {\r\n background-color: var(--dda-on-primary-variant-30);\r\n border: solid 1px var(--dda-on-primary-variant-30);\r\n}\r\n.btn-color-default-primary:focus {\r\n background-color: var(--dda-on-primary-variant-20);\r\n outline: var(--dda-on-primary-variant-20);\r\n}\r\n/light/\r\n.light-mode.btn-color-default-primary,\r\n.light-mode .btn-color-default-primary{\r\n background-color: var(--dda-primary-40);\r\n border: solid 1px var(--dda-primary-40);\r\n color: var(--dda-primary-100);\r\n}\r\n.light-mode.btn-color-default-primary:hover,\r\n.light-mode .btn-color-default-primary:hover {\r\n background-color: var(--dda-primary-30);\r\n border: solid 1px var(--dda-primary-30);\r\n}\r\n.light-mode.btn-color-default-primary:focus,\r\n.light-mode .btn-color-default-primary:focus {\r\n background-color: var(--dda-primary-20);\r\n outline: var(--dda-primary-20);\r\n}\r\n//\r\n\r\n\r\n.btn-color-default-secondary {\r\n background-color: var(--dda-on-primary-98);\r\n border: solid 1px var(--dda-on-primary-98);\r\n color: var(--dda-color-primary-40);\r\n}\r\n.btn-color-default-secondary:hover {\r\n background-color: var(--dda-on-primary-94);\r\n border: solid 1px var(--dda-on-primary-94);\r\n}\r\n.btn-color-default-secondary:focus {\r\n background-color: var(--dda-primary-variant-92);\r\n outline: var(--dda-primary-variant-92);\r\n}\r\n/light/\r\n.light-mode.btn-color-default-secondary {\r\n background-color: var(--dda-primary-98);\r\n border: solid 1px var(--dda-primary-98);\r\n color: var(--dda-primary-40);\r\n}\r\n.light-mode.btn-color-default-secondary:hover {\r\n background-color: var(--dda-primary-94);\r\n border: solid 1px var(--dda-primary-94);\r\n}\r\n.light-mode.btn-color-default-secondary:focus {\r\n background-color: var(--dda-primary-92);\r\n outline: var(--dda-primary-92);\r\n}\r\n//\r\n\r\n\r\n.btn-color-default-tertiary {\r\n background-color: var(--dda-surface-100);\r\n border: solid 1px var(--dda-surface-90);\r\n color: var(--dda-color-primary-40)\r\n}\r\n.btn-color-default-tertiary:hover {\r\n background-color: var(--dda-on-primary-98);\r\n}\r\n.btn-color-default-tertiary:focus {\r\n background-color: var(--dda-on-primary-96);\r\n}\r\n/light/\r\n.light-mode.btn-color-default-tertiary {\r\n background-color: var(--dda-neutral-100);\r\n border: solid 1px var(--dda-neutral-90);\r\n color: var(--dda-primary-40)\r\n}\r\n.light-mode.btn-color-default-tertiary:hover {\r\n background-color: var(--dda-primary-98);\r\n}\r\n.light-mode.btn-color-default-tertiary:focus {\r\n background-color: var(--dda-primary-96);\r\n}\r\n//\r\n\r\n\r\n.btn-color-default-link {\r\n height: 22px;\r\n background-color: transparent !important;\r\n border: transparent !important;\r\n color: var(--dda-color-primary-40);\r\n padding: 0px;\r\n}\r\n.light-mode.btn-color-default-link {\r\n color: var(--dda-primary-40);\r\n}\r\n.btn-color-default-link:focus{\r\n outline: auto;\r\n}\r\n//\r\n\r\n\r\n.btn-color-error-primary {\r\n background-color: var(--dda-color-error-40);\r\n border: solid 1px var(--dda-color-error-40);\r\n color: var(--dda-on-primary-100);\r\n}\r\n.btn-color-error-primary:hover {\r\n background-color: var(--dda-color-error-40);\r\n border: solid 1px var(--dda-color-error-40);\r\n}\r\n.btn-color-error-primary:focus {\r\n background-color: var(--dda-color-error-30);\r\n border: solid 1px var(--dda-color-error-30);\r\n outline: var(--dda-color-error-30);\r\n}\r\n/light/\r\n.light-mode.btn-color-error-primary {\r\n background-color: var(--dda-error-40);\r\n border: solid 1px var(--dda-error-40);\r\n color: var(--dda-primary-100);\r\n}\r\n.light-mode.btn-color-error-primary:hover {\r\n background-color: var(--dda-error-40);\r\n border: solid 1px var(--dda-error-40);\r\n}\r\n.light-mode.btn-color-error-primary:focus {\r\n background-color: var(--dda-error-30);\r\n border: solid 1px var(--dda-error-30);\r\n outline: var(--dda-error-30);\r\n}\r\n//\r\n\r\n\r\n.btn-color-error-secondary {\r\n background-color: var(--dda-error-variant-95);\r\n border: solid 1px var(--dda-error-variant-95);\r\n color: var(--dda-color-error-40);\r\n}\r\n.btn-color-error-secondary:hover {\r\n background-color: var(--dda-on-error-98);\r\n border: solid 1px var(--dda-on-error-98);\r\n}\r\n.btn-color-error-secondary:focus {\r\n background-color: var(--dda-on-error-96);\r\n border: solid 1px var(--dda-on-error-96);\r\n}\r\n/light/\r\n.light-mode.btn-color-error-secondary {\r\n background-color: var(--dda-error-95);\r\n border: solid 1px var(--dda-error-95);\r\n color: var(--dda-error-40);\r\n}\r\n.light-mode.btn-color-error-secondary:hover {\r\n background-color: var(--dda-error-98);\r\n border: solid 1px var(--dda-error-98);\r\n}\r\n.light-mode.btn-color-error-secondary:focus {\r\n background-color: var(--dda-error-96);\r\n border: solid 1px var(--dda-error-96);\r\n}\r\n//\r\n\r\n\r\n.btn-color-error-tertiary {\r\n background-color: var(--dda-surface-100);\r\n border: solid 1px var(--dda-surface-90);\r\n color: var(--dda-color-error-40);\r\n}\r\n.btn-color-error-tertiary:hover {\r\n background-color: var(--dda-on-error-98);\r\n}\r\n.btn-color-error-tertiary:focus {\r\n background-color: var(--dda-on-error-96);\r\n}\r\n/light/\r\n.light-mode.btn-color-error-tertiary {\r\n background-color: var(--dda-neutral-100);\r\n border: solid 1px var(--dda-neutral-90);\r\n color: var(--dda-error-40);\r\n}\r\n.light-mode.btn-color-error-tertiary:hover {\r\n background-color: var(--dda-error-98);\r\n}\r\n.light-mode.btn-color-error-tertiary:focus {\r\n background-color: var(--dda-error-96);\r\n}\r\n//\r\n\r\n\r\n.btn-color-error-link {\r\n height: 22px;\r\n background-color: transparent !important;\r\n border: transparent !important;\r\n color: var(--dda-color-error-40);\r\n padding: 0px;\r\n}\r\n.light-mode.btn-color-error-link {\r\n color: var(--dda-error-40);\r\n}\r\n.btn-color-error-link:focus{\r\n outline: auto;\r\n}\r\n//\r\n\r\n\r\n.btn-color-onsurface-primary {\r\n background-color: var(--dda-on-surface-0);\r\n border: solid 1px var(--dda-on-surface-0);\r\n color: var(--dda-surface-100);\r\n}\r\n.btn-color-onsurface-primary:hover {\r\n background-color: var(--dda-on-surface-20);\r\n border: solid 1px var(--dda-on-surface-20);\r\n}\r\n.btn-color-onsurface-primary:focus {\r\n background-color: var(--dda-on-surface-30);\r\n border: solid 1px var(--dda-on-surface-30);\r\n}\r\n/light/\r\n.light-mode.btn-color-onsurface-primary {\r\n background-color: var(--dda-neutral-0);\r\n border: solid 1px var(--dda-neutral-0);\r\n color: var(--dda-neutral-100);\r\n}\r\n.light-mode.btn-color-onsurface-primary:hover {\r\n background-color: var(--dda-neutral-20);\r\n border: solid 1px var(--dda-neutral-20);\r\n}\r\n.light-mode.btn-color-onsurface-primary:focus {\r\n background-color: var(--dda-neutral-30);\r\n border: solid 1px var(--dda-neutral-30);\r\n}\r\n//\r\n\r\n.btn-color-onsurface-secondary {\r\n background-color: var(--dda-surface-96);\r\n border: solid 1px var(--dda-surface-96);\r\n color: var(--dda-on-surface-0);\r\n}\r\n.btn-color-onsurface-secondary:hover {\r\n background-color: var(--dda-surface-94);\r\n border: solid 1px var(--dda-surface-94);\r\n}\r\n.btn-color-onsurface-secondary:focus {\r\n background-color: var(--dda-surface-92);\r\n border: solid 1px var(--dda-surface-92);\r\n}\r\n/light/\r\n.light-mode.btn-color-onsurface-secondary {\r\n background-color: var(--dda-neutral-96);\r\n border: solid 1px var(--dda-neutral-96);\r\n color: var(--dda-neutral-0);\r\n}\r\n.light-mode.btn-color-onsurface-secondary:hover {\r\n background-color: var(--dda-neutral-94);\r\n border: solid 1px var(--dda-neutral-94);\r\n}\r\n.light-mode.btn-color-onsurface-secondary:focus {\r\n background-color: var(--dda-neutral-92);\r\n border: solid 1px var(--dda-neutral-92);\r\n}\r\n//\r\n\r\n.btn-color-onsurface-tertiary {\r\n background-color: var(--dda-surface-100);\r\n border: solid 1px var(--dda-surface-90);\r\n color: var(--dda-on-surface-0);\r\n}\r\n.btn-color-onsurface-tertiary:hover {\r\n background-color: var(--dda-surface-94);\r\n}\r\n.btn-color-onsurface-tertiary:focus {\r\n background-color: var(--dda-surface-90);\r\n}\r\n/light/\r\n.light-mode.btn-color-onsurface-tertiary {\r\n background-color: var(--dda-neutral-100);\r\n border: solid 1px var(--dda-neutral-90);\r\n color: var(--dda-neutral-0);\r\n}\r\n.light-mode.btn-color-onsurface-tertiary:hover {\r\n background-color: var(--dda-neutral-94);\r\n}\r\n.light-mode.btn-color-onsurface-tertiary:focus {\r\n background-color: var(--dda-neutral-90);\r\n}\r\n//\r\n\r\n.btn-color-onsurface-link {\r\n height: 22px;\r\n background-color: transparent !important;\r\n border: transparent !important;\r\n color: var(--dda-on-surface-0);\r\n padding: 0px;\r\n}\r\n.light-mode.btn-color-onsurface-link {\r\n color: var(--dda-neutral-0);\r\n}\r\n.btn-color-onsurface-link:focus{\r\n outline: auto;\r\n}\r\n//\r\n\r\n.btn-color-secondary {\r\n background-color: var(--dda-color-secondary-40);\r\n border: solid 1px var(--dda-color-secondary-40);\r\n color: var(--dda-on-secondary-100);\r\n}\r\n.btn-color-secondary:hover {\r\n background-color: var(--dda-color-secondary-30);\r\n border: solid 1px var(--dda-color-secondary-30);\r\n}\r\n.btn-color-secondary:focus {\r\n background-color: var(--dda-color-secondary-20);\r\n border: solid 1px var(--dda-color-secondary-20);\r\n outline: var(--dda-color-secondary-20);\r\n}\r\n/light/\r\n.light-mode.btn-color-secondary {\r\n background-color: var(--dda-secondary-40);\r\n border: solid 1px var(--dda-secondary-40);\r\n color: var(--dda-secondary-100);\r\n}\r\n.light-mode.btn-color-secondary:hover {\r\n background-color: var(--dda-secondary-30);\r\n border: solid 1px var(--dda-secondary-30);\r\n}\r\n.light-mode.btn-color-secondary:focus {\r\n background-color: var(--dda-secondary-20);\r\n border: solid 1px var(--dda-secondary-20);\r\n outline: var(--dda-secondary-20);\r\n}\r\n//\r\n\r\n.btn-color-success {\r\n background-color: var(--dda-color-success-50);\r\n border: solid 1px var(--dda-color-success-50);\r\n color: var(--dda-on-success-100);\r\n}\r\n.btn-color-success:hover {\r\n background-color: var(--dda-color-success-40);\r\n border: solid 1px var(--dda-color-success-40);\r\n}\r\n.btn-color-success:focus {\r\n background-color: var(--dda-color-success-30);\r\n border: solid 1px var(--dda-color-success-30);\r\n outline: var(--dda-color-success-30);\r\n}\r\n/light/\r\n.light-mode.btn-color-success {\r\n background-color: var(--dda-success-50);\r\n border: solid 1px var(--dda-success-50);\r\n color: var(--dda-success-100);\r\n}\r\n.light-mode.btn-color-success:hover {\r\n background-color: var(--dda-success-40);\r\n border: solid 1px var(--dda-success-40);\r\n}\r\n.light-mode.btn-color-success:focus {\r\n background-color: var(--dda-success-30);\r\n border: solid 1px var(--dda-success-30);\r\n outline: var(--dda-success-30);\r\n}\r\n//\r\n\r\n.btn-color-warning {\r\n background-color: var(--dda-color-warning-50);\r\n border: solid 1px var(--dda-color-warning-50);\r\n color: var(--dda-on-warning-100);\r\n}\r\n.btn-color-warning:hover {\r\n background-color: var(--dda-color-warning-40);\r\n border: solid 1px var(--dda-color-warning-40);\r\n border-color: var(--dda-color-warning-40);\r\n}\r\n.btn-color-warning:focus {\r\n background-color: var(--dda-color-warning-30);\r\n border: solid 1px var(--dda-color-warning-30);\r\n outline: var(--dda-color-warning-30);\r\n}\r\n/light/\r\n.light-mode.btn-color-warning {\r\n background-color: var(--dda-warning-50);\r\n border: solid 1px var(--dda-warning-50);\r\n color: var(--dda-warning-100);\r\n}\r\n.light-mode.btn-color-warning:hover {\r\n background-color: var(--dda-warning-40);\r\n border: solid 1px var(--dda-warning-40);\r\n border-color: var(--dda-warning-40);\r\n}\r\n.light-mode.btn-color-warning:focus {\r\n background-color: var(--dda-warning-30);\r\n border: solid 1px var(--dda-warning-30);\r\n outline: var(--dda-warning-30);\r\n}\r\n//\r\n\r\n.btn-color-surface {\r\n background-color: var(--dda-surface-100);\r\n border: solid 1px var(--dda-surface-100);\r\n color: var(--dda-on-surface-0);\r\n}\r\n.btn-color-surface:hover {\r\n background-color: var(--dda-surface-94);\r\n border: solid 1px var(--dda-surface-94);\r\n}\r\n.btn-color-surface:focus {\r\n background-color: var(--dda-surface-92);\r\n border: solid 1px var(--dda-surface-92);\r\n outline: var(--dda-on-surface-20);\r\n}\r\n/light/\r\n.light-mode.btn-color-surface {\r\n background-color: var(--dda-neutral-100);\r\n border: solid 1px var(--dda-neutral-100);\r\n color: var(--dda-neutral-0);\r\n}\r\n.light-mode.btn-color-surface:hover {\r\n background-color: var(--dda-neutral-94);\r\n border: solid 1px var(--dda-neutral-94);\r\n}\r\n.light-mode.btn-color-surface:focus {\r\n background-color: var(--dda-neutral-92);\r\n border: solid 1px var(--dda-neutral-92);\r\n outline: var(--dda-neutral-20);\r\n}\r\n//\r\n\r\n.btn-color-surface-variant {\r\n background-color: var(--dda-on-surface-variant-30);\r\n border: solid 1px var(--dda-on-surface-variant-30);\r\n color: var(--dda-surface-variant-90);\r\n}\r\n.btn-color-surface-variant:hover {\r\n background-color: var(--dda-on-surface-variant-25);\r\n border: solid 1px var(--dda-on-surface-variant-25);\r\n}\r\n.btn-color-surface-variant:focus {\r\n background-color: var(--dda-on-surface-variant-20);\r\n border: solid 1px var(--dda-on-surface-variant-20);\r\n outline: var(--dda-on-surface-variant-20);\r\n}\r\n/light/\r\n.light-mode.btn-color-surface-variant {\r\n background-color: var(--dda-neutral-variant-30);\r\n border: solid 1px var(--dda-neutral-variant-30);\r\n color: var(--dda-neutral-variant-90);\r\n}\r\n.light-mode.btn-color-surface-variant:hover {\r\n background-color: var(--dda-neutral-variant-25);\r\n border: solid 1px var(--dda-neutral-variant-25);\r\n}\r\n.light-mode.btn-color-surface-variant:focus {\r\n background-color: var(--dda-neutral-variant-20);\r\n border: solid 1px var(--dda-neutral-variant-20);\r\n outline: var(--dda-neutral-variant-20);\r\n}\r\n//\r\n\r\n.btn-color-disabled {\r\n background-color: var(--dda-surface-92) !important;\r\n border: solid 1px var(--dda-surface-92) !important;\r\n color: var(--dda-neutral-60) !important;\r\n cursor: not-allowed;\r\n}\r\n.light-mode.btn-color-disabled {\r\n background-color: var(--dda-neutral-92) !important;\r\n border: solid 1px var(--dda-neutral-92) !important;\r\n color: var(--dda-neutral-60) !important;\r\n cursor: not-allowed;\r\n}\r\n//\r\n\r\n.btn-size-sm {\r\n height: 40px;\r\n padding: 8px 10px;\r\n}\r\n\r\n.btn-size-md {\r\n height: 44px;\r\n padding: 10px 15px;\r\n}\r\n\r\n.btn-size-lg {\r\n height: 48px;\r\n padding: 12px 17px;\r\n}\r\n\r\n.btn-size-xl {\r\n height: 56px;\r\n padding: 16px 23px;\r\n gap: 8px;\r\n}\r\n\r\n.icon-btn-default {\r\n height: 44px;\r\n min-width: 44px;\r\n padding: 8px 0;\r\n border-radius: 4px;\r\n}\r\n\r\n.icon-btn-circle {\r\n height: 44px;\r\n min-width: 44px;\r\n padding: 8px 0;\r\n border-radius: 100px;\r\n}\r\n\r\n.btn-shape-default {\r\n border-radius: 4px;\r\n}\r\n\r\n.btn-shape-circle {\r\n border-radius: 100px;\r\n}\r\n\r\n.icon-btn-default.btn-size-sm,\r\n.icon-btn-circle.btn-size-sm {\r\n height: 40px;\r\n min-width: 40px;\r\n padding: 8px 0;\r\n}\r\n\r\n.icon-btn-default.btn-size-md,\r\n.icon-btn-circle.btn-size-md {\r\n height: 44px;\r\n min-width: 44px;\r\n padding: 10px 0;\r\n}\r\n\r\n.icon-btn-default.btn-size-lg,\r\n.icon-btn-circle.btn-size-lg {\r\n height: 48px;\r\n min-width: 48px;\r\n padding: 12px 0;\r\n}\r\n\r\n.icon-btn-default.btn-size-xl,\r\n.icon-btn-circle.btn-size-xl {\r\n height: 56px;\r\n min-width: 56px;\r\n padding: 16px 0;\r\n}\r\n\r\n.dda-btn-icon i,\r\n.dda-btn-icon svg {\r\n font-size: 20px;\r\n}\r\n\r\n.dda-btn i.icon-start,\r\n.dda-btn svg.icon-start {\r\n font-size: 20px;\r\n}\r\n\r\n.dda-btn i.icon-end,\r\n.dda-btn svg.icon-end {\r\n font-size: 15px;\r\n}\r\n\r\n\r\n","@import url('./color.css');\r\n@import url('./typography.css');\r\n@import url('./dda.css');\r\n@import url('./templates/cards.css');\r\n@import url('./templates/dda-grid.css');\r\n@import url('./templates/dashboard-navigation.css');\r\n@import url('./templates/dda-footer-main.css');\r\n@import url('./templates/side-navigation.css');\r\n@import url('./templates/table.css');\r\n@import url('./templates/website-footer.css');\r\n@import url('./templates/dda-header-main.css');\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiLight.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiLight.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.svg#DubaiLight\") format(\"svg\");\r\n font-weight: 300;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiRegular.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiRegular.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.svg#DubaiRegular\") format(\"svg\");\r\n font-weight: 400;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiMedium.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiMedium.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.svg#DubaiMedium\") format(\"svg\");\r\n font-weight: 500;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiBold.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiBold.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.svg#DubaiBold\") format(\"svg\");\r\n font-weight: 700;\r\n font-style: normal;\r\n}\r\n:root{\r\n --font-family-main: 'Dubai', sans-serif;\r\n}\r\nbody {\r\n background-color: var(--dda-surface-100) !important;\r\n font-family: \"Dubai\", Helvetica, sans-serif !important;\r\n font-size: var(--dda-fs-body-lg) !important;\r\n font-weight: var(--dda-fw-400) !important;\r\n line-height: 1.5;\r\n color: var(--dda-on-surface-0) !important;\r\n margin: 0;\r\n}\r\n\r\n {\r\n box-sizing: border-box;\r\n}\r\n\r\nul{\r\n margin: 0;\r\n}\r\na{\r\n text-decoration: none;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\np {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nh1, .dda-h1 { font-size: var(--dda-h1); font-weight: 400; }\r\n\r\nh2, .dda-h2 { font-size: var(--dda-h2); font-weight: 400; }\r\n\r\nh3, .dda-h3 { font-size: var(--dda-h3); font-weight: 400; }\r\n\r\nh4, .dda-h4 { font-size: var(--dda-h4); font-weight: 400; }\r\n\r\nh5, .dda-h5 { font-size: var(--dda-h5); font-weight: 400; }\r\n\r\nh6, .dda-h6 { font-size: var(--dda-h6); font-weight: 400; }\r\n\r\n.dda-title { font-size: var(--dda-title); font-weight: 500; }\r\n\r\n.dda-body { font-size: var(--dda-body); font-weight: 400; }\r\n\r\n.dda-caption { font-size: var(--dda-caption); font-weight: 400; }\r\n\r\n.dda-label { font-size: var(--dda-label); font-weight: 400; }\r\n\r\n\r\na,\r\na:hover {\r\n text-decoration: none !important;\r\n}\r\n\r\nbutton {\r\n cursor: pointer;\r\n}\r\n\r\nul {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n list-style: none;\r\n}\r\n.dda-btn.cta-transparent{\r\n background: none;\r\n color: #ffffff;\r\n border: 0px;\r\n}\r\n.dda-btn.cta-transparent:hover{\r\n background: #ffffff;\r\n color: inherit;\r\n}\r\n\r\n/Colors/\r\n.dda-bg-primary {\r\n background-color: var(--dda-color-primary-40);\r\n}\r\n\r\n.dda-bg-secondary {\r\n background-color: var(--dda-color-secondary);\r\n}\r\n\r\n.dda-color-primary {\r\n color: var(--dda-color-primary-40);\r\n}\r\n.dda-color-secondary {\r\n color: var(--dda-color-primary-40);\r\n}\r\n.dda-color-error {\r\n color: var(--dda-color-error-40);\r\n}\r\n.dda-color-warning{\r\n color: var(--dda-color-warning-40);\r\n}\r\n.dda-color-success{\r\n color: var(--dda-color-warning-40);\r\n}\r\n.dda-color-info{\r\n color: var(--dda-color-info-40);\r\n}\r\n.dda-color-neutral{\r\n color: var(--dda-on-surface-40);\r\n}\r\n.dda-color-neutralvariant{\r\n color: var(--dda-on-surface-variant-40);\r\n}\r\n\r\n.dda-color-black {\r\n color: var(--dda-on-surface-0);\r\n}\r\n\r\n/*/\r\n.visualy-hidden {\r\n position: absolute;\r\n opacity: 0;\r\n width: 0px;\r\n overflow: hidden;\r\n}\r\n/ Border-radius classes /\r\n.dda-rounded-sm {\r\n border-radius: 4px !important;\r\n}\r\n\r\n.dda-rounded-md {\r\n border-radius: 8px !important;\r\n}\r\n\r\n.dda-rounded-lg {\r\n border-radius: 12px !important;\r\n}\r\n\r\n.dda-rounded-circle {\r\n border-radius: 100px !important;\r\n}\r\n\r\n.dda-gap-16 {\r\n gap: 4rem !important;\r\n}\r\n\r\n.dda-gap-12 {\r\n gap: 3rem !important;\r\n}\r\n\r\n.dda-gap-10 {\r\n gap: 2.5rem !important;\r\n}\r\n\r\n.dda-gap-8 {\r\n gap: 2rem !important;\r\n}\r\n\r\n.dda-gap-6 {\r\n gap: 1.5rem !important;\r\n}\r\n\r\n.dda-gap-5 {\r\n gap: 1.25rem !important;\r\n}\r\n\r\n.dda-gap-4 {\r\n gap: 1rem !important;\r\n}\r\n\r\n.dda-gap-3 {\r\n gap: .75rem !important;\r\n}\r\n\r\n.dda-gap-2 {\r\n gap: .5rem !important;\r\n}\r\n\r\n.dda-gap-1 {\r\n gap: 0.375rem !important;\r\n}\r\n\r\n\r\n::-ms-input-placeholder {\r\n color: #8E9191;\r\n}\r\n\r\n::placeholder {\r\n color: #8E9191;\r\n}\r\n.dda-d-none{\r\n display: none;\r\n}\r\n.dda-flex {\r\n display: flex;\r\n}\r\n\r\n.dda-flex-column {\r\n flex-direction: column;\r\n}\r\n\r\n.dda-inline-flex {\r\n display: inline-flex;\r\n}\r\n\r\n.dda-align-center {\r\n align-items: center;\r\n}\r\n\r\n.dda-justify-space {\r\n justify-content: space-between;\r\n}\r\n\r\n.dda-justify-center {\r\n justify-content: center;\r\n}\r\n\r\n.m-0 {\r\n margin: 0px !important;\r\n}\r\n\r\n.p-0 {\r\n padding: 0px !important;\r\n}\r\n\r\n.py-0 {\r\n padding-top: 0px !important;\r\n padding-bottom: 0px !important;\r\n}\r\n\r\n.border-right {\r\n border-inline-end: solid 1px #E5E5E5;\r\n}\r\n\r\n.visually-hidden{\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n margin: -1px;\r\n padding: 0;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n border: 0;\r\n}\r\n\r\n.maincontent{\r\n padding-top: 170px;\r\n padding-bottom: 100px;\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n .maincontent {\r\n padding-top: 100px;\r\n }\r\n}\r\n/Temporary/\r\n/ body{\r\n height: 1550px;\r\n} /\r\n","import { Host, Component, Prop, h } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-link-button',\r\n styleUrls: ['../../global/dda-button.css', '../../global/global.css',],\r\n shadow: false,\r\n})\r\nexport class DdaLinkButton {\r\n /* Type of button, e.g., \"button\", \"submit\" /\r\n @Prop() type: string = 'button';\r\n /* Disable the button /\r\n @Prop() disabled: boolean = false;\r\n /* Icon class for the starting icon */\r\n @Prop() start_icon: string = '';\r\n @Prop() end_icon: string = ''; // icon class\r\n @Prop() aria_label?: string = '';\r\n @Prop() button_color: string = 'primary'; // e.g., 'primary', 'error'\r\n @Prop() size?: string; // e.g., 'sm', 'md', 'lg'\r\n @Prop() button_shape?: string = '';\r\n @Prop() icon_button_shape?: string = '';\r\n @Prop() gap?: number;\r\n @Prop() custom_class?: string = ''; // Custom class prop\r\n @Prop() href?: string = '#'; // Custom class prop\r\n @Prop() component_mode?: string; \r\n @Prop() button_id: string;\r\n\r\n render() {\r\n const linkbuttonClass = [\r\n 'dda-btn',\r\n `btn-color-${this.button_color}`,\r\n this.size ? `btn-size-${this.size}` : '',\r\n this.button_shape ? `btn-shape-${this.button_shape}` : '',\r\n this.icon_button_shape ? `icon-btn-${this.icon_button_shape}` : '',\r\n this.gap ? `dda-gap-${this.gap}` : '',\r\n this.custom_class, // Include custom class\r\n this.component_mode,\r\n ].filter(Boolean).join(' ');\r\n\r\n \r\n\r\n return (\r\n <Host>\r\n <a\r\n // type={this.type}\r\n id={this.button_id}\r\n href={this.href}\r\n class={linkbuttonClass}\r\n // disabled={this.disabled}\r\n aria-label={this.aria_label}\r\n >\r\n {this.start_icon && <i class=\"material-icons material-symbols-outlined\">{this.start_icon}</i>}\r\n <slot />\r\n {this.end_icon && <i class=\"material-icons material-symbols-outlined\">{this.end_icon }</i>}\r\n </a>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}
1	+ {"file":"p-76a543e8.js","mappings":";;AAAA,MAAM,YAAY,GAAG,64ZAA64Z,CAAC;AACn6Z,4BAAe,YAAY;;ACD3B,MAAM,SAAS,GAAG,ym1DAAym1D,CAAC;AAC5n1D,4BAAe,SAAS;;MCMX,aAAa;IAL1B;;;;QAOU,SAAI,GAAW,QAAQ,CAAC;;QAExB,aAAQ,GAAY,KAAK,CAAC;;QAE1B,eAAU,GAAW,EAAE,CAAC;QACxB,aAAQ,GAAW,EAAE,CAAC;QACtB,eAAU,GAAY,EAAE,CAAC;QACzB,iBAAY,GAAW,SAAS,CAAC;QAEjC,iBAAY,GAAY,EAAE,CAAC;QAC3B,sBAAiB,GAAY,EAAE,CAAC;QAEhC,iBAAY,GAAY,EAAE,CAAC;QAC3B,SAAI,GAAY,GAAG,CAAC;KAmC7B;IA/BC,MAAM;QACJ,MAAM,eAAe,GAAG;YACtB,SAAS;YACT,aAAa,IAAI,CAAC,YAAY,EAAE;YAChC,IAAI,CAAC,IAAI,GAAG,YAAY,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE;YACxC,IAAI,CAAC,YAAY,GAAG,aAAa,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE;YACzD,IAAI,CAAC,iBAAiB,GAAG,YAAY,IAAI,CAAC,iBAAiB,EAAE,GAAG,EAAE;YAClE,IAAI,CAAC,GAAG,GAAG,WAAW,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE;YACrC,IAAI,CAAC,YAAY;YACjB,IAAI,CAAC,cAAc;SACpB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAI5B,QACE,EAAC,IAAI,uDACH;;YAEE,EAAE,EAAE,IAAI,CAAC,SAAS,EAClB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,eAAe,gBAEV,IAAI,CAAC,UAAU,IAE1B,IAAI,CAAC,UAAU,IAAI,0DAAG,KAAK,EAAC,2CAA2C,IAAE,IAAI,CAAC,UAAU,CAAK,EAC9F,8DAAQ,EACP,IAAI,CAAC,QAAQ,IAAI,0DAAG,KAAK,EAAC,2CAA2C,IAAE,IAAI,CAAC,QAAQ,CAAM,CACzF,CACC,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/global/dda-button.css?tag=dda-link-button","src/global/global.css?tag=dda-link-button","src/components/dda-link-button/dda-link-button.tsx"],"sourcesContent":[".dda-btn {\r\n height: 44px;\r\n font-family: \"Dubai\", Helvetica, sans-serif;\r\n font-size: var(--dda-fs-body-lg);\r\n font-weight: var(--dda-fw-500);\r\n padding: 10px 15px;\r\n border-radius: 4px;\r\n outline: 0;\r\n cursor: pointer;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: .5rem;\r\n}\r\n/*/\r\n.btn-color-default-primary{\r\n background-color: var(--dda-color-primary-40);\r\n border: solid 1px var(--dda-color-primary-40);\r\n color: var(--dda-on-primary-100);\r\n}\r\n.btn-color-default-primary:hover {\r\n background-color: var(--dda-on-primary-variant-30);\r\n border: solid 1px var(--dda-on-primary-variant-30);\r\n}\r\n.btn-color-default-primary:focus {\r\n background-color: var(--dda-on-primary-variant-20);\r\n outline: var(--dda-on-primary-variant-20);\r\n}\r\n/light/\r\n.light-mode.btn-color-default-primary,\r\n.light-mode .btn-color-default-primary{\r\n background-color: var(--dda-primary-40);\r\n border: solid 1px var(--dda-primary-40);\r\n color: var(--dda-primary-100);\r\n}\r\n.light-mode.btn-color-default-primary:hover,\r\n.light-mode .btn-color-default-primary:hover {\r\n background-color: var(--dda-primary-30);\r\n border: solid 1px var(--dda-primary-30);\r\n}\r\n.light-mode.btn-color-default-primary:focus,\r\n.light-mode .btn-color-default-primary:focus {\r\n background-color: var(--dda-primary-20);\r\n outline: var(--dda-primary-20);\r\n}\r\n//\r\n\r\n\r\n.btn-color-default-secondary {\r\n background-color: var(--dda-on-primary-98);\r\n border: solid 1px var(--dda-on-primary-98);\r\n color: var(--dda-color-primary-40);\r\n}\r\n.btn-color-default-secondary:hover {\r\n background-color: var(--dda-on-primary-94);\r\n border: solid 1px var(--dda-on-primary-94);\r\n}\r\n.btn-color-default-secondary:focus {\r\n background-color: var(--dda-primary-variant-92);\r\n outline: var(--dda-primary-variant-92);\r\n}\r\n/light/\r\n.light-mode.btn-color-default-secondary {\r\n background-color: var(--dda-primary-98);\r\n border: solid 1px var(--dda-primary-98);\r\n color: var(--dda-primary-40);\r\n}\r\n.light-mode.btn-color-default-secondary:hover {\r\n background-color: var(--dda-primary-94);\r\n border: solid 1px var(--dda-primary-94);\r\n}\r\n.light-mode.btn-color-default-secondary:focus {\r\n background-color: var(--dda-primary-92);\r\n outline: var(--dda-primary-92);\r\n}\r\n//\r\n\r\n\r\n.btn-color-default-tertiary {\r\n background-color: var(--dda-surface-100);\r\n border: solid 1px var(--dda-surface-90);\r\n color: var(--dda-color-primary-40)\r\n}\r\n.btn-color-default-tertiary:hover {\r\n background-color: var(--dda-on-primary-98);\r\n}\r\n.btn-color-default-tertiary:focus {\r\n background-color: var(--dda-on-primary-96);\r\n}\r\n/light/\r\n.light-mode.btn-color-default-tertiary {\r\n background-color: var(--dda-neutral-100);\r\n border: solid 1px var(--dda-neutral-90);\r\n color: var(--dda-primary-40)\r\n}\r\n.light-mode.btn-color-default-tertiary:hover {\r\n background-color: var(--dda-primary-98);\r\n}\r\n.light-mode.btn-color-default-tertiary:focus {\r\n background-color: var(--dda-primary-96);\r\n}\r\n//\r\n\r\n\r\n.btn-color-default-link {\r\n height: 22px;\r\n background-color: transparent !important;\r\n border: transparent !important;\r\n color: var(--dda-color-primary-40);\r\n padding: 0px;\r\n}\r\n.light-mode.btn-color-default-link {\r\n color: var(--dda-primary-40);\r\n}\r\n.btn-color-default-link:focus{\r\n outline: auto;\r\n}\r\n//\r\n\r\n\r\n.btn-color-error-primary {\r\n background-color: var(--dda-color-error-40);\r\n border: solid 1px var(--dda-color-error-40);\r\n color: var(--dda-on-primary-100);\r\n}\r\n.btn-color-error-primary:hover {\r\n background-color: var(--dda-color-error-40);\r\n border: solid 1px var(--dda-color-error-40);\r\n}\r\n.btn-color-error-primary:focus {\r\n background-color: var(--dda-color-error-30);\r\n border: solid 1px var(--dda-color-error-30);\r\n outline: var(--dda-color-error-30);\r\n}\r\n/light/\r\n.light-mode.btn-color-error-primary {\r\n background-color: var(--dda-error-40);\r\n border: solid 1px var(--dda-error-40);\r\n color: var(--dda-primary-100);\r\n}\r\n.light-mode.btn-color-error-primary:hover {\r\n background-color: var(--dda-error-40);\r\n border: solid 1px var(--dda-error-40);\r\n}\r\n.light-mode.btn-color-error-primary:focus {\r\n background-color: var(--dda-error-30);\r\n border: solid 1px var(--dda-error-30);\r\n outline: var(--dda-error-30);\r\n}\r\n//\r\n\r\n\r\n.btn-color-error-secondary {\r\n background-color: var(--dda-error-variant-95);\r\n border: solid 1px var(--dda-error-variant-95);\r\n color: var(--dda-color-error-40);\r\n}\r\n.btn-color-error-secondary:hover {\r\n background-color: var(--dda-on-error-98);\r\n border: solid 1px var(--dda-on-error-98);\r\n}\r\n.btn-color-error-secondary:focus {\r\n background-color: var(--dda-on-error-96);\r\n border: solid 1px var(--dda-on-error-96);\r\n}\r\n/light/\r\n.light-mode.btn-color-error-secondary {\r\n background-color: var(--dda-error-95);\r\n border: solid 1px var(--dda-error-95);\r\n color: var(--dda-error-40);\r\n}\r\n.light-mode.btn-color-error-secondary:hover {\r\n background-color: var(--dda-error-98);\r\n border: solid 1px var(--dda-error-98);\r\n}\r\n.light-mode.btn-color-error-secondary:focus {\r\n background-color: var(--dda-error-96);\r\n border: solid 1px var(--dda-error-96);\r\n}\r\n//\r\n\r\n\r\n.btn-color-error-tertiary {\r\n background-color: var(--dda-surface-100);\r\n border: solid 1px var(--dda-surface-90);\r\n color: var(--dda-color-error-40);\r\n}\r\n.btn-color-error-tertiary:hover {\r\n background-color: var(--dda-on-error-98);\r\n}\r\n.btn-color-error-tertiary:focus {\r\n background-color: var(--dda-on-error-96);\r\n}\r\n/light/\r\n.light-mode.btn-color-error-tertiary {\r\n background-color: var(--dda-neutral-100);\r\n border: solid 1px var(--dda-neutral-90);\r\n color: var(--dda-error-40);\r\n}\r\n.light-mode.btn-color-error-tertiary:hover {\r\n background-color: var(--dda-error-98);\r\n}\r\n.light-mode.btn-color-error-tertiary:focus {\r\n background-color: var(--dda-error-96);\r\n}\r\n//\r\n\r\n\r\n.btn-color-error-link {\r\n height: 22px;\r\n background-color: transparent !important;\r\n border: transparent !important;\r\n color: var(--dda-color-error-40);\r\n padding: 0px;\r\n}\r\n.light-mode.btn-color-error-link {\r\n color: var(--dda-error-40);\r\n}\r\n.btn-color-error-link:focus{\r\n outline: auto;\r\n}\r\n//\r\n\r\n\r\n.btn-color-onsurface-primary {\r\n background-color: var(--dda-on-surface-0);\r\n border: solid 1px var(--dda-on-surface-0);\r\n color: var(--dda-surface-100);\r\n}\r\n.btn-color-onsurface-primary:hover {\r\n background-color: var(--dda-on-surface-20);\r\n border: solid 1px var(--dda-on-surface-20);\r\n}\r\n.btn-color-onsurface-primary:focus {\r\n background-color: var(--dda-on-surface-30);\r\n border: solid 1px var(--dda-on-surface-30);\r\n}\r\n/light/\r\n.light-mode.btn-color-onsurface-primary {\r\n background-color: var(--dda-neutral-0);\r\n border: solid 1px var(--dda-neutral-0);\r\n color: var(--dda-neutral-100);\r\n}\r\n.light-mode.btn-color-onsurface-primary:hover {\r\n background-color: var(--dda-neutral-20);\r\n border: solid 1px var(--dda-neutral-20);\r\n}\r\n.light-mode.btn-color-onsurface-primary:focus {\r\n background-color: var(--dda-neutral-30);\r\n border: solid 1px var(--dda-neutral-30);\r\n}\r\n//\r\n\r\n.btn-color-onsurface-secondary {\r\n background-color: var(--dda-surface-96);\r\n border: solid 1px var(--dda-surface-96);\r\n color: var(--dda-on-surface-0);\r\n}\r\n.btn-color-onsurface-secondary:hover {\r\n background-color: var(--dda-surface-94);\r\n border: solid 1px var(--dda-surface-94);\r\n}\r\n.btn-color-onsurface-secondary:focus {\r\n background-color: var(--dda-surface-92);\r\n border: solid 1px var(--dda-surface-92);\r\n}\r\n/light/\r\n.light-mode.btn-color-onsurface-secondary {\r\n background-color: var(--dda-neutral-96);\r\n border: solid 1px var(--dda-neutral-96);\r\n color: var(--dda-neutral-0);\r\n}\r\n.light-mode.btn-color-onsurface-secondary:hover {\r\n background-color: var(--dda-neutral-94);\r\n border: solid 1px var(--dda-neutral-94);\r\n}\r\n.light-mode.btn-color-onsurface-secondary:focus {\r\n background-color: var(--dda-neutral-92);\r\n border: solid 1px var(--dda-neutral-92);\r\n}\r\n//\r\n\r\n.btn-color-onsurface-tertiary {\r\n background-color: var(--dda-surface-100);\r\n border: solid 1px var(--dda-surface-90);\r\n color: var(--dda-on-surface-0);\r\n}\r\n.btn-color-onsurface-tertiary:hover {\r\n background-color: var(--dda-surface-94);\r\n}\r\n.btn-color-onsurface-tertiary:focus {\r\n background-color: var(--dda-surface-90);\r\n}\r\n/light/\r\n.light-mode.btn-color-onsurface-tertiary {\r\n background-color: var(--dda-neutral-100);\r\n border: solid 1px var(--dda-neutral-90);\r\n color: var(--dda-neutral-0);\r\n}\r\n.light-mode.btn-color-onsurface-tertiary:hover {\r\n background-color: var(--dda-neutral-94);\r\n}\r\n.light-mode.btn-color-onsurface-tertiary:focus {\r\n background-color: var(--dda-neutral-90);\r\n}\r\n//\r\n\r\n.btn-color-onsurface-link {\r\n height: 22px;\r\n background-color: transparent !important;\r\n border: transparent !important;\r\n color: var(--dda-on-surface-0);\r\n padding: 0px;\r\n}\r\n.light-mode.btn-color-onsurface-link {\r\n color: var(--dda-neutral-0);\r\n}\r\n.btn-color-onsurface-link:focus{\r\n outline: auto;\r\n}\r\n//\r\n\r\n.btn-color-secondary {\r\n background-color: var(--dda-color-secondary-40);\r\n border: solid 1px var(--dda-color-secondary-40);\r\n color: var(--dda-on-secondary-100);\r\n}\r\n.btn-color-secondary:hover {\r\n background-color: var(--dda-color-secondary-30);\r\n border: solid 1px var(--dda-color-secondary-30);\r\n}\r\n.btn-color-secondary:focus {\r\n background-color: var(--dda-color-secondary-20);\r\n border: solid 1px var(--dda-color-secondary-20);\r\n outline: var(--dda-color-secondary-20);\r\n}\r\n/light/\r\n.light-mode.btn-color-secondary {\r\n background-color: var(--dda-secondary-40);\r\n border: solid 1px var(--dda-secondary-40);\r\n color: var(--dda-secondary-100);\r\n}\r\n.light-mode.btn-color-secondary:hover {\r\n background-color: var(--dda-secondary-30);\r\n border: solid 1px var(--dda-secondary-30);\r\n}\r\n.light-mode.btn-color-secondary:focus {\r\n background-color: var(--dda-secondary-20);\r\n border: solid 1px var(--dda-secondary-20);\r\n outline: var(--dda-secondary-20);\r\n}\r\n//\r\n\r\n.btn-color-success {\r\n background-color: var(--dda-color-success-50);\r\n border: solid 1px var(--dda-color-success-50);\r\n color: var(--dda-on-success-100);\r\n}\r\n.btn-color-success:hover {\r\n background-color: var(--dda-color-success-40);\r\n border: solid 1px var(--dda-color-success-40);\r\n}\r\n.btn-color-success:focus {\r\n background-color: var(--dda-color-success-30);\r\n border: solid 1px var(--dda-color-success-30);\r\n outline: var(--dda-color-success-30);\r\n}\r\n/light/\r\n.light-mode.btn-color-success {\r\n background-color: var(--dda-success-50);\r\n border: solid 1px var(--dda-success-50);\r\n color: var(--dda-success-100);\r\n}\r\n.light-mode.btn-color-success:hover {\r\n background-color: var(--dda-success-40);\r\n border: solid 1px var(--dda-success-40);\r\n}\r\n.light-mode.btn-color-success:focus {\r\n background-color: var(--dda-success-30);\r\n border: solid 1px var(--dda-success-30);\r\n outline: var(--dda-success-30);\r\n}\r\n//\r\n\r\n.btn-color-warning {\r\n background-color: var(--dda-color-warning-50);\r\n border: solid 1px var(--dda-color-warning-50);\r\n color: var(--dda-on-warning-100);\r\n}\r\n.btn-color-warning:hover {\r\n background-color: var(--dda-color-warning-40);\r\n border: solid 1px var(--dda-color-warning-40);\r\n border-color: var(--dda-color-warning-40);\r\n}\r\n.btn-color-warning:focus {\r\n background-color: var(--dda-color-warning-30);\r\n border: solid 1px var(--dda-color-warning-30);\r\n outline: var(--dda-color-warning-30);\r\n}\r\n/light/\r\n.light-mode.btn-color-warning {\r\n background-color: var(--dda-warning-50);\r\n border: solid 1px var(--dda-warning-50);\r\n color: var(--dda-warning-100);\r\n}\r\n.light-mode.btn-color-warning:hover {\r\n background-color: var(--dda-warning-40);\r\n border: solid 1px var(--dda-warning-40);\r\n border-color: var(--dda-warning-40);\r\n}\r\n.light-mode.btn-color-warning:focus {\r\n background-color: var(--dda-warning-30);\r\n border: solid 1px var(--dda-warning-30);\r\n outline: var(--dda-warning-30);\r\n}\r\n//\r\n\r\n.btn-color-surface {\r\n background-color: var(--dda-surface-100);\r\n border: solid 1px var(--dda-surface-100);\r\n color: var(--dda-on-surface-0);\r\n}\r\n.btn-color-surface:hover {\r\n background-color: var(--dda-surface-94);\r\n border: solid 1px var(--dda-surface-94);\r\n}\r\n.btn-color-surface:focus {\r\n background-color: var(--dda-surface-92);\r\n border: solid 1px var(--dda-surface-92);\r\n outline: var(--dda-on-surface-20);\r\n}\r\n/light/\r\n.light-mode.btn-color-surface {\r\n background-color: var(--dda-neutral-100);\r\n border: solid 1px var(--dda-neutral-100);\r\n color: var(--dda-neutral-0);\r\n}\r\n.light-mode.btn-color-surface:hover {\r\n background-color: var(--dda-neutral-94);\r\n border: solid 1px var(--dda-neutral-94);\r\n}\r\n.light-mode.btn-color-surface:focus {\r\n background-color: var(--dda-neutral-92);\r\n border: solid 1px var(--dda-neutral-92);\r\n outline: var(--dda-neutral-20);\r\n}\r\n//\r\n\r\n.btn-color-surface-variant {\r\n background-color: var(--dda-on-surface-variant-30);\r\n border: solid 1px var(--dda-on-surface-variant-30);\r\n color: var(--dda-surface-variant-90);\r\n}\r\n.btn-color-surface-variant:hover {\r\n background-color: var(--dda-on-surface-variant-25);\r\n border: solid 1px var(--dda-on-surface-variant-25);\r\n}\r\n.btn-color-surface-variant:focus {\r\n background-color: var(--dda-on-surface-variant-20);\r\n border: solid 1px var(--dda-on-surface-variant-20);\r\n outline: var(--dda-on-surface-variant-20);\r\n}\r\n/light/\r\n.light-mode.btn-color-surface-variant {\r\n background-color: var(--dda-neutral-variant-30);\r\n border: solid 1px var(--dda-neutral-variant-30);\r\n color: var(--dda-neutral-variant-90);\r\n}\r\n.light-mode.btn-color-surface-variant:hover {\r\n background-color: var(--dda-neutral-variant-25);\r\n border: solid 1px var(--dda-neutral-variant-25);\r\n}\r\n.light-mode.btn-color-surface-variant:focus {\r\n background-color: var(--dda-neutral-variant-20);\r\n border: solid 1px var(--dda-neutral-variant-20);\r\n outline: var(--dda-neutral-variant-20);\r\n}\r\n//\r\n\r\n.btn-color-disabled {\r\n background-color: var(--dda-surface-92) !important;\r\n border: solid 1px var(--dda-surface-92) !important;\r\n color: var(--dda-neutral-60) !important;\r\n cursor: not-allowed;\r\n}\r\n.light-mode.btn-color-disabled {\r\n background-color: var(--dda-neutral-92) !important;\r\n border: solid 1px var(--dda-neutral-92) !important;\r\n color: var(--dda-neutral-60) !important;\r\n cursor: not-allowed;\r\n}\r\n//\r\n\r\n.btn-size-sm {\r\n height: 40px;\r\n padding: 8px 10px;\r\n}\r\n\r\n.btn-size-md {\r\n height: 44px;\r\n padding: 10px 15px;\r\n}\r\n\r\n.btn-size-lg {\r\n height: 48px;\r\n padding: 12px 17px;\r\n}\r\n\r\n.btn-size-xl {\r\n height: 56px;\r\n padding: 16px 23px;\r\n gap: 8px;\r\n}\r\n\r\n.icon-btn-default {\r\n height: 44px;\r\n min-width: 44px;\r\n padding: 8px 0;\r\n border-radius: 4px;\r\n}\r\n\r\n.icon-btn-circle {\r\n height: 44px;\r\n min-width: 44px;\r\n padding: 8px 0;\r\n border-radius: 100px;\r\n}\r\n\r\n.btn-shape-default {\r\n border-radius: 4px;\r\n}\r\n\r\n.btn-shape-circle {\r\n border-radius: 100px;\r\n}\r\n\r\n.icon-btn-default.btn-size-sm,\r\n.icon-btn-circle.btn-size-sm {\r\n height: 40px;\r\n min-width: 40px;\r\n padding: 8px 0;\r\n}\r\n\r\n.icon-btn-default.btn-size-md,\r\n.icon-btn-circle.btn-size-md {\r\n height: 44px;\r\n min-width: 44px;\r\n padding: 10px 0;\r\n}\r\n\r\n.icon-btn-default.btn-size-lg,\r\n.icon-btn-circle.btn-size-lg {\r\n height: 48px;\r\n min-width: 48px;\r\n padding: 12px 0;\r\n}\r\n\r\n.icon-btn-default.btn-size-xl,\r\n.icon-btn-circle.btn-size-xl {\r\n height: 56px;\r\n min-width: 56px;\r\n padding: 16px 0;\r\n}\r\n\r\n.dda-btn-icon i,\r\n.dda-btn-icon svg {\r\n font-size: 20px;\r\n}\r\n\r\n.dda-btn i.icon-start,\r\n.dda-btn svg.icon-start {\r\n font-size: 20px;\r\n}\r\n\r\n.dda-btn i.icon-end,\r\n.dda-btn svg.icon-end {\r\n font-size: 15px;\r\n}\r\n\r\n\r\n","@import url('./color.css');\r\n@import url('./typography.css');\r\n@import url('./dda.css');\r\n@import url('./templates/cards.css');\r\n@import url('./templates/dda-grid.css');\r\n@import url('./templates/dashboard-navigation.css');\r\n@import url('./templates/dda-footer-main.css');\r\n@import url('./templates/side-navigation.css');\r\n@import url('./templates/table.css');\r\n@import url('./templates/website-footer.css');\r\n@import url('./templates/dda-header-main.css');\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiLight.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiLight.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.svg#DubaiLight\") format(\"svg\");\r\n font-weight: 300;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiRegular.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiRegular.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.svg#DubaiRegular\") format(\"svg\");\r\n font-weight: 400;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiMedium.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiMedium.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.svg#DubaiMedium\") format(\"svg\");\r\n font-weight: 500;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiBold.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiBold.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.svg#DubaiBold\") format(\"svg\");\r\n font-weight: 700;\r\n font-style: normal;\r\n}\r\n:root{\r\n --font-family-main: 'Dubai', sans-serif;\r\n}\r\nbody {\r\n background-color: var(--dda-surface-100) !important;\r\n font-family: \"Dubai\", Helvetica, sans-serif !important;\r\n font-size: var(--dda-fs-body-lg) !important;\r\n font-weight: var(--dda-fw-400) !important;\r\n line-height: 1.5;\r\n color: var(--dda-on-surface-0) !important;\r\n margin: 0;\r\n}\r\n\r\n {\r\n box-sizing: border-box;\r\n}\r\n\r\nul{\r\n margin: 0;\r\n}\r\na{\r\n text-decoration: none;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\np {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nh1, .dda-h1 { font-size: var(--dda-h1); font-weight: 400; }\r\n\r\nh2, .dda-h2 { font-size: var(--dda-h2); font-weight: 400; }\r\n\r\nh3, .dda-h3 { font-size: var(--dda-h3); font-weight: 400; }\r\n\r\nh4, .dda-h4 { font-size: var(--dda-h4); font-weight: 400; }\r\n\r\nh5, .dda-h5 { font-size: var(--dda-h5); font-weight: 400; }\r\n\r\nh6, .dda-h6 { font-size: var(--dda-h6); font-weight: 400; }\r\n\r\n.dda-title { font-size: var(--dda-title); font-weight: 500; }\r\n\r\n.dda-body { font-size: var(--dda-body); font-weight: 400; }\r\n\r\n.dda-caption { font-size: var(--dda-caption); font-weight: 400; }\r\n\r\n.dda-label { font-size: var(--dda-label); font-weight: 400; }\r\n\r\n\r\na,\r\na:hover {\r\n text-decoration: none !important;\r\n}\r\n\r\nbutton {\r\n cursor: pointer;\r\n}\r\n\r\nul {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n list-style: none;\r\n}\r\n.dda-btn.cta-transparent{\r\n background: none;\r\n color: #ffffff;\r\n border: 0px;\r\n}\r\n.dda-btn.cta-transparent:hover{\r\n background: #ffffff;\r\n color: inherit;\r\n}\r\n\r\n/Colors/\r\n.dda-bg-primary {\r\n background-color: var(--dda-color-primary-40);\r\n}\r\n\r\n.dda-bg-secondary {\r\n background-color: var(--dda-color-secondary);\r\n}\r\n\r\n.dda-color-primary {\r\n color: var(--dda-color-primary-40);\r\n}\r\n.dda-color-secondary {\r\n color: var(--dda-color-primary-40);\r\n}\r\n.dda-color-error {\r\n color: var(--dda-color-error-40);\r\n}\r\n.dda-color-warning{\r\n color: var(--dda-color-warning-40);\r\n}\r\n.dda-color-success{\r\n color: var(--dda-color-warning-40);\r\n}\r\n.dda-color-info{\r\n color: var(--dda-color-info-40);\r\n}\r\n.dda-color-neutral{\r\n color: var(--dda-on-surface-40);\r\n}\r\n.dda-color-neutralvariant{\r\n color: var(--dda-on-surface-variant-40);\r\n}\r\n\r\n.dda-color-black {\r\n color: var(--dda-on-surface-0);\r\n}\r\n\r\n/*/\r\n.visualy-hidden {\r\n position: absolute;\r\n opacity: 0;\r\n width: 0px;\r\n overflow: hidden;\r\n}\r\n/ Border-radius classes /\r\n.dda-rounded-sm {\r\n border-radius: 4px !important;\r\n}\r\n\r\n.dda-rounded-md {\r\n border-radius: 8px !important;\r\n}\r\n\r\n.dda-rounded-lg {\r\n border-radius: 12px !important;\r\n}\r\n\r\n.dda-rounded-circle {\r\n border-radius: 100px !important;\r\n}\r\n\r\n.dda-gap-16 {\r\n gap: 4rem !important;\r\n}\r\n\r\n.dda-gap-12 {\r\n gap: 3rem !important;\r\n}\r\n\r\n.dda-gap-10 {\r\n gap: 2.5rem !important;\r\n}\r\n\r\n.dda-gap-8 {\r\n gap: 2rem !important;\r\n}\r\n\r\n.dda-gap-6 {\r\n gap: 1.5rem !important;\r\n}\r\n\r\n.dda-gap-5 {\r\n gap: 1.25rem !important;\r\n}\r\n\r\n.dda-gap-4 {\r\n gap: 1rem !important;\r\n}\r\n\r\n.dda-gap-3 {\r\n gap: .75rem !important;\r\n}\r\n\r\n.dda-gap-2 {\r\n gap: .5rem !important;\r\n}\r\n\r\n.dda-gap-1 {\r\n gap: 0.375rem !important;\r\n}\r\n\r\n\r\n::-ms-input-placeholder {\r\n color: #8E9191;\r\n}\r\n\r\n::placeholder {\r\n color: #8E9191;\r\n}\r\n.dda-d-none{\r\n display: none;\r\n}\r\n.dda-flex {\r\n display: flex;\r\n}\r\n\r\n.dda-flex-column {\r\n flex-direction: column;\r\n}\r\n\r\n.dda-inline-flex {\r\n display: inline-flex;\r\n}\r\n\r\n.dda-align-center {\r\n align-items: center;\r\n}\r\n\r\n.dda-justify-space {\r\n justify-content: space-between;\r\n}\r\n\r\n.dda-justify-center {\r\n justify-content: center;\r\n}\r\n\r\n.m-0 {\r\n margin: 0px !important;\r\n}\r\n\r\n.p-0 {\r\n padding: 0px !important;\r\n}\r\n\r\n.py-0 {\r\n padding-top: 0px !important;\r\n padding-bottom: 0px !important;\r\n}\r\n\r\n.border-right {\r\n border-inline-end: solid 1px #E5E5E5;\r\n}\r\n\r\n.visually-hidden{\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n margin: -1px;\r\n padding: 0;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n border: 0;\r\n}\r\n\r\n.maincontent{\r\n padding-top: 170px;\r\n padding-bottom: 100px;\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n .maincontent {\r\n padding-top: 100px;\r\n }\r\n}\r\n/Temporary/\r\n/ body{\r\n height: 1550px;\r\n} /\r\n","import { Host, Component, Prop, h } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-link-button',\r\n styleUrls: ['../../global/dda-button.css', '../../global/global.css',],\r\n shadow: false,\r\n})\r\nexport class DdaLinkButton {\r\n /* Type of button, e.g., \"button\", \"submit\" /\r\n @Prop() type: string = 'button';\r\n /* Disable the button /\r\n @Prop() disabled: boolean = false;\r\n /* Icon class for the starting icon */\r\n @Prop() start_icon: string = '';\r\n @Prop() end_icon: string = ''; // icon class\r\n @Prop() aria_label?: string = '';\r\n @Prop() button_color: string = 'primary'; // e.g., 'primary', 'error'\r\n @Prop() size?: string; // e.g., 'sm', 'md', 'lg'\r\n @Prop() button_shape?: string = '';\r\n @Prop() icon_button_shape?: string = '';\r\n @Prop() gap?: number;\r\n @Prop() custom_class?: string = ''; // Custom class prop\r\n @Prop() href?: string = '#'; // Custom class prop\r\n @Prop() component_mode?: string; \r\n @Prop() button_id: string;\r\n\r\n render() {\r\n const linkbuttonClass = [\r\n 'dda-btn',\r\n `btn-color-${this.button_color}`,\r\n this.size ? `btn-size-${this.size}` : '',\r\n this.button_shape ? `btn-shape-${this.button_shape}` : '',\r\n this.icon_button_shape ? `icon-btn-${this.icon_button_shape}` : '',\r\n this.gap ? `dda-gap-${this.gap}` : '',\r\n this.custom_class, // Include custom class\r\n this.component_mode,\r\n ].filter(Boolean).join(' ');\r\n\r\n \r\n\r\n return (\r\n <Host>\r\n <a\r\n // type={this.type}\r\n id={this.button_id}\r\n href={this.href}\r\n class={linkbuttonClass}\r\n // disabled={this.disabled}\r\n aria-label={this.aria_label}\r\n >\r\n {this.start_icon && <i class=\"material-icons material-symbols-outlined\">{this.start_icon}</i>}\r\n <slot />\r\n {this.end_icon && <i class=\"material-icons material-symbols-outlined\">{this.end_icon }</i>}\r\n </a>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}

package/dist/components/{p-f0b65dc4.js → p-ca8f2482.js} RENAMED Viewed

@@ -18,7 +18,7 @@ const DdaRadiobutton = /*@__PURE__*/ proxyCustomElement(class DdaRadiobutton ext
             this.radio_status ? `dda-radio-${this.radio_status}` : '',
             this.component_mode,
         ].filter(Boolean).join(' ');
-        return (h(Host, { key: '7be33ca1ac02f0af63c0c2dc895476fe2aef0992' }, h("div", { key: '0892fe7fcc7f688f47178eecb9d033e0b1ac0150', class: radiobuttonClass }, h("input", { key: 'a00a2336c84317383d81f4f88d32aa916bcfe807', "aria-label": this.aria_label, type: "radio", id: this.input_id, name: this.group_name, checked: this.checked }), h("label", { key: 'c0cfef60213c534a69fd7dc75236284cae342de0', htmlFor: this.input_id }, h("span", { key: '10265182b3c1e94e7fb473c7fd44375a8a8c68c1', class: "radio-circle" }), h("p", { key: '7de29226f14bc7c5c8a386a004c214a947a0d922' }, h("span", { key: '7ef04e21569b4d1f1e4acea86dfb65b6814ca5c0', class: "radio-title" }, this.title_text), this.supporting && h("span", { key: 'f4c36466eb563e713e804e80bc6ad3b531d9c160', class: "radio-supporting" }, this.supporting))))));
+        return (h(Host, { key: '7fbeb27050f69a3dbe2ea39faef1d6202aa182a1' }, h("div", { key: 'af49b4e88713f3ef014090e7b8ecfeeff0afebe0', class: radiobuttonClass }, h("input", { key: '7e8cb46237512becf253b1c7c86aadd68e21cec6', "aria-label": this.aria_label, type: "radio", id: this.input_id, name: this.group_name, checked: this.checked }), h("label", { key: 'b10c554856aca0911a11a8a5111c50bd937ac520', htmlFor: this.input_id }, h("span", { key: 'c7ea42812a1effdd559ecb394d0fa78e8c9ba6cb', class: "radio-circle" }), h("p", { key: '8501dc737727430f5109347f658883d81cf11ab2' }, h("span", { key: '4bd4fbebbcfe974ed5ef904818fe84924bfb041d', class: "radio-title" }, this.title_text), this.supporting && h("span", { key: '9dccf9b876248ff93ad3d69f9c655cd297db3a63', class: "radio-supporting" }, this.supporting))))));
     }
     static get style() { return DdaRadiobuttonStyle0; }
 }, [0, "dda-radiobutton", {
@@ -51,4 +51,4 @@ defineCustomElement();
 export { DdaRadiobutton as D, defineCustomElement as d };
-//# sourceMappingURL=p-f0b65dc4.js.map
+//# sourceMappingURL=p-ca8f2482.js.map

package/dist/components/{p-f0b65dc4.js.map → p-ca8f2482.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~f0b65dc4~~.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,4o8DAA4o8D,CAAC;AACvq8D,6BAAe,iBAAiB;;MCMnB,cAAc;IAL3B;;;QAcU,iBAAY,GAAY,EAAE,CAAC;KA6BpC;IAzBC,MAAM;QACJ,MAAM,gBAAgB,GAAG;YACvB,qBAAqB;YACrB,IAAI,CAAC,IAAI,GAAG,aAAa,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE;YACzC,IAAI,CAAC,QAAQ,GAAG,aAAa,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE;YACjD,IAAI,CAAC,YAAY,GAAG,aAAa,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE;YACzD,IAAI,CAAC,YAAY,GAAG,aAAa,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE;YACzD,IAAI,CAAC,cAAc;SACpB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAE5B,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAE,gBAAgB,IAC1B,4EAAmB,IAAI,CAAC,UAAU,EAAE,IAAI,EAAC,OAAO,EAAC,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,GAAG,EACnH,8DAAO,OAAO,EAAE,IAAI,CAAC,QAAQ,IAC3B,6DAAM,KAAK,EAAC,cAAc,GAAQ,EAClC,4DACE,6DAAM,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,CAAQ,EACjD,IAAI,CAAC,UAAU,IAAI,6DAAM,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,UAAU,CAAQ,CACzE,CACE,CACJ,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/dda-radiobutton/dda-radiobutton.css?tag=dda-radiobutton","src/components/dda-radiobutton/dda-radiobutton.tsx"],"sourcesContent":["@import url('../../global/global.css'); \r\n\r\n.dda-radio-container {\r\n display: inline-flex;\r\n align-items: center;\r\n}\r\n.dda-radio-container input[type=\"radio\"]{\r\n width: 0;\r\n height: 0;\r\n position: absolute;\r\n opacity: 0;\r\n}\r\n.dda-radio-container label {\r\n cursor: pointer;\r\n display: inline-flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n}\r\n.dda-radio-container .radio-circle{\r\n display: inline-block;\r\n margin-top: 2px;\r\n background: var(--dda-neutral-100);\r\n border-radius: 50px;\r\n box-shadow: 0px 0px 0px 2px var(--dda-color-primary-40) inset, 0px 0px 0px 5px var(--dda-neutral-100) inset;\r\n}\r\n.light-mode.dda-radio-container .radio-circle{\r\n box-shadow: 0px 0px 0px 2px var(--dda-primary-40) inset, 0px 0px 0px 5px var(--dda-neutral-100) inset;\r\n}\r\n.dda-radio-container input[type=\"radio\"]:checked~label .radio-circle{\r\n background: var(--dda-color-primary-40);\r\n box-shadow: 0px 0px 0px 2px var(--dda-color-primary-40) inset, 0px 0px 0px 5px var(--dda-primary-95) inset;\r\n}\r\n.light-mode.dda-radio-container input[type=\"radio\"]:checked~label .radio-circle{\r\n background: var(--dda-primary-40);\r\n box-shadow: 0px 0px 0px 2px var(--dda-primary-40) inset, 0px 0px 0px 5px var(--dda-primary-95) inset;\r\n}\r\n.dda-radio-container input[type=\"radio\"]:checked:focus-within~label .radio-circle{\r\n background: var(--dda-color-primary-40);\r\n box-shadow: 0px 0px 0px 2px var(--dda-color-primary-40) inset, 0px 0px 0px 5px var(--dda-primary-95) inset, 0px 0px 0px 3px var(--dda-primary-95);\r\n}\r\n.light-mode.dda-radio-container input[type=\"radio\"]:checked:focus-within~label .radio-circle{\r\n background: var(--dda-primary-40);\r\n box-shadow: 0px 0px 0px 2px var(--dda-primary-40) inset, 0px 0px 0px 5px var(--dda-primary-95) inset, 0px 0px 0px 3px var(--dda-primary-95);\r\n}\r\n\r\n.dda-radio-outlined .radio-circle{\r\n background: var(--dda-neutral-100);\r\n box-shadow: 0px 0px 0px 2px var(--dda-surface-90) inset;\r\n}\r\n.light-mode.dda-radio-outlined .radio-circle{\r\n box-shadow: 0px 0px 0px 2px var(--dda-neutral-90) inset;\r\n}\r\n.dda-radio-outlined input[type=\"radio\"]:checked~label .radio-circle{\r\n box-shadow: 0px 0px 0px 2px var(--dda-color-primary-40) inset, 0px 0px 0px 5px var(--dda-surface-100) inset;\r\n}\r\n.dda-radio-outlined input[type=\"radio\"]:checked:focus-within~label .radio-circle{\r\n box-shadow: 0px 0px 0px 2px var(--dda-color-primary-40) inset, 0px 0px 0px 5px var(--dda-surface-100) inset, 0px 0px 0px 3px var(--dda-primary-95);\r\n}\r\n\r\n\r\n.dda-radio-faded .radio-circle{\r\n background: var(--dda-neutral-90);\r\n box-shadow: 0px 0px 0px 2px var(--dda-neutral-90) inset, 0px 0px 0px 5px var(--dda-neutral-100) inset;\r\n}\r\n.dda-radio-faded input[type=\"radio\"]:checked~label .radio-circle{\r\n box-shadow: 0px 0px 0px 2px var(--dda-neutral-90) inset, 0px 0px 0px 5px var(--dda-neutral-100) inset;\r\n}\r\n.dda-radio-faded input[type=\"radio\"]:checked:focus-within~label .radio-circle{\r\n box-shadow: 0px 0px 0px 2px var(--dda-neutral-90) inset, 0px 0px 0px 5px var(--dda-neutral-100) inset, 0px 0px 0px 3px #F2F4F3;\r\n\r\n}\r\n\r\n\r\n.dda-radio-sm .radio-circle{\r\n width: 17px;\r\n height: 17px;\r\n}\r\n.dda-radio-md .radio-circle{\r\n width: 21px;\r\n height: 21px;\r\n}\r\n.dda-radio-lg .radio-circle{\r\n width: 23px;\r\n height: 23px;\r\n}\r\n\r\n.dda-radio-container label p{\r\n margin: 0px;\r\n}\r\n.radio-title {\r\n font-size: var(--dda-fs-body-lg);\r\n color: var(--dda-on-surface-0);\r\n font-weight: var(--dda-fw-500);\r\n display: block;\r\n}\r\n.light-mode .radio-title{\r\n color: var(--dda-neutral-0);\r\n}\r\n.dda-radio-lg label .radio-title{\r\n font-size: var(--dda-fs-title-sm);\r\n}\r\n.radio-supporting {\r\n display: block;\r\n font-size: var(--dda-fs-label-lg);\r\n color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .radio-supporting {\r\n color: var(--dda-neutral-variant-30);\r\n}\r\n.dda-radio-lg label .radio-supporting{\r\n font-size: var(--dda-fs-body-lg);\r\n}\r\n\r\n.dda-radio-disabled{\r\n pointer-events: none;\r\n}\r\n.dda-radio-container.dda-radio-disabled .radio-circle{\r\n box-shadow: 0px 0px 0px 2px var(--dda-neutral-90) inset, 0px 0px 0px 5px var(--dda-neutral-100) inset;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n","import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-radiobutton',\r\n styleUrl: 'dda-radiobutton.css',\r\n shadow: false,\r\n})\r\nexport class DdaRadiobutton {\r\n @Prop() title_text: string;\r\n @Prop() supporting?: string;\r\n @Prop() group_name?: string;\r\n @Prop() input_id?: string;\r\n @Prop() checked: boolean;\r\n @Prop() radio_status?: string;\r\n @Prop() size?: string; // e.g., 'sm', 'md', 'lg'\r\n @Prop() variants?: string; // e.g., 'sm', 'md', 'lg'\r\n @Prop() custom_class?: string = ''; \r\n @Prop() component_mode?: string; \r\n @Prop() aria_label?: string;\r\n \r\n render() {\r\n const radiobuttonClass = [\r\n 'dda-radio-container',\r\n this.size ? `dda-radio-${this.size}` : '',\r\n this.variants ? `dda-radio-${this.variants}` : '',\r\n this.custom_class ? `dda-radio-${this.custom_class}` : '',\r\n this.radio_status ? `dda-radio-${this.radio_status}` : '',\r\n this.component_mode,\r\n ].filter(Boolean).join(' ');\r\n \r\n return (\r\n <Host>\r\n <div class={radiobuttonClass}>\r\n <input aria-label={this.aria_label} type=\"radio\" id={this.input_id} name={this.group_name} checked={this.checked}/>\r\n <label htmlFor={this.input_id}>\r\n <span class=\"radio-circle\"></span>\r\n <p>\r\n <span class=\"radio-title\">{this.title_text}</span>\r\n {this.supporting && <span class=\"radio-supporting\">{this.supporting}</span>}\r\n </p>\r\n </label>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n\r\n"],"version":3}
1	+ {"file":"p-ca8f2482.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,4o8DAA4o8D,CAAC;AACvq8D,6BAAe,iBAAiB;;MCMnB,cAAc;IAL3B;;;QAcU,iBAAY,GAAY,EAAE,CAAC;KA6BpC;IAzBC,MAAM;QACJ,MAAM,gBAAgB,GAAG;YACvB,qBAAqB;YACrB,IAAI,CAAC,IAAI,GAAG,aAAa,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE;YACzC,IAAI,CAAC,QAAQ,GAAG,aAAa,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE;YACjD,IAAI,CAAC,YAAY,GAAG,aAAa,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE;YACzD,IAAI,CAAC,YAAY,GAAG,aAAa,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE;YACzD,IAAI,CAAC,cAAc;SACpB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAE5B,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAE,gBAAgB,IAC1B,4EAAmB,IAAI,CAAC,UAAU,EAAE,IAAI,EAAC,OAAO,EAAC,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,GAAG,EACnH,8DAAO,OAAO,EAAE,IAAI,CAAC,QAAQ,IAC3B,6DAAM,KAAK,EAAC,cAAc,GAAQ,EAClC,4DACE,6DAAM,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,CAAQ,EACjD,IAAI,CAAC,UAAU,IAAI,6DAAM,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,UAAU,CAAQ,CACzE,CACE,CACJ,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/dda-radiobutton/dda-radiobutton.css?tag=dda-radiobutton","src/components/dda-radiobutton/dda-radiobutton.tsx"],"sourcesContent":["@import url('../../global/global.css'); \r\n\r\n.dda-radio-container {\r\n display: inline-flex;\r\n align-items: center;\r\n}\r\n.dda-radio-container input[type=\"radio\"]{\r\n width: 0;\r\n height: 0;\r\n position: absolute;\r\n opacity: 0;\r\n}\r\n.dda-radio-container label {\r\n cursor: pointer;\r\n display: inline-flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n}\r\n.dda-radio-container .radio-circle{\r\n display: inline-block;\r\n margin-top: 2px;\r\n background: var(--dda-neutral-100);\r\n border-radius: 50px;\r\n box-shadow: 0px 0px 0px 2px var(--dda-color-primary-40) inset, 0px 0px 0px 5px var(--dda-neutral-100) inset;\r\n}\r\n.light-mode.dda-radio-container .radio-circle{\r\n box-shadow: 0px 0px 0px 2px var(--dda-primary-40) inset, 0px 0px 0px 5px var(--dda-neutral-100) inset;\r\n}\r\n.dda-radio-container input[type=\"radio\"]:checked~label .radio-circle{\r\n background: var(--dda-color-primary-40);\r\n box-shadow: 0px 0px 0px 2px var(--dda-color-primary-40) inset, 0px 0px 0px 5px var(--dda-primary-95) inset;\r\n}\r\n.light-mode.dda-radio-container input[type=\"radio\"]:checked~label .radio-circle{\r\n background: var(--dda-primary-40);\r\n box-shadow: 0px 0px 0px 2px var(--dda-primary-40) inset, 0px 0px 0px 5px var(--dda-primary-95) inset;\r\n}\r\n.dda-radio-container input[type=\"radio\"]:checked:focus-within~label .radio-circle{\r\n background: var(--dda-color-primary-40);\r\n box-shadow: 0px 0px 0px 2px var(--dda-color-primary-40) inset, 0px 0px 0px 5px var(--dda-primary-95) inset, 0px 0px 0px 3px var(--dda-primary-95);\r\n}\r\n.light-mode.dda-radio-container input[type=\"radio\"]:checked:focus-within~label .radio-circle{\r\n background: var(--dda-primary-40);\r\n box-shadow: 0px 0px 0px 2px var(--dda-primary-40) inset, 0px 0px 0px 5px var(--dda-primary-95) inset, 0px 0px 0px 3px var(--dda-primary-95);\r\n}\r\n\r\n.dda-radio-outlined .radio-circle{\r\n background: var(--dda-neutral-100);\r\n box-shadow: 0px 0px 0px 2px var(--dda-surface-90) inset;\r\n}\r\n.light-mode.dda-radio-outlined .radio-circle{\r\n box-shadow: 0px 0px 0px 2px var(--dda-neutral-90) inset;\r\n}\r\n.dda-radio-outlined input[type=\"radio\"]:checked~label .radio-circle{\r\n box-shadow: 0px 0px 0px 2px var(--dda-color-primary-40) inset, 0px 0px 0px 5px var(--dda-surface-100) inset;\r\n}\r\n.dda-radio-outlined input[type=\"radio\"]:checked:focus-within~label .radio-circle{\r\n box-shadow: 0px 0px 0px 2px var(--dda-color-primary-40) inset, 0px 0px 0px 5px var(--dda-surface-100) inset, 0px 0px 0px 3px var(--dda-primary-95);\r\n}\r\n\r\n\r\n.dda-radio-faded .radio-circle{\r\n background: var(--dda-neutral-90);\r\n box-shadow: 0px 0px 0px 2px var(--dda-neutral-90) inset, 0px 0px 0px 5px var(--dda-neutral-100) inset;\r\n}\r\n.dda-radio-faded input[type=\"radio\"]:checked~label .radio-circle{\r\n box-shadow: 0px 0px 0px 2px var(--dda-neutral-90) inset, 0px 0px 0px 5px var(--dda-neutral-100) inset;\r\n}\r\n.dda-radio-faded input[type=\"radio\"]:checked:focus-within~label .radio-circle{\r\n box-shadow: 0px 0px 0px 2px var(--dda-neutral-90) inset, 0px 0px 0px 5px var(--dda-neutral-100) inset, 0px 0px 0px 3px #F2F4F3;\r\n\r\n}\r\n\r\n\r\n.dda-radio-sm .radio-circle{\r\n width: 17px;\r\n height: 17px;\r\n}\r\n.dda-radio-md .radio-circle{\r\n width: 21px;\r\n height: 21px;\r\n}\r\n.dda-radio-lg .radio-circle{\r\n width: 23px;\r\n height: 23px;\r\n}\r\n\r\n.dda-radio-container label p{\r\n margin: 0px;\r\n}\r\n.radio-title {\r\n font-size: var(--dda-fs-body-lg);\r\n color: var(--dda-on-surface-0);\r\n font-weight: var(--dda-fw-500);\r\n display: block;\r\n}\r\n.light-mode .radio-title{\r\n color: var(--dda-neutral-0);\r\n}\r\n.dda-radio-lg label .radio-title{\r\n font-size: var(--dda-fs-title-sm);\r\n}\r\n.radio-supporting {\r\n display: block;\r\n font-size: var(--dda-fs-label-lg);\r\n color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .radio-supporting {\r\n color: var(--dda-neutral-variant-30);\r\n}\r\n.dda-radio-lg label .radio-supporting{\r\n font-size: var(--dda-fs-body-lg);\r\n}\r\n\r\n.dda-radio-disabled{\r\n pointer-events: none;\r\n}\r\n.dda-radio-container.dda-radio-disabled .radio-circle{\r\n box-shadow: 0px 0px 0px 2px var(--dda-neutral-90) inset, 0px 0px 0px 5px var(--dda-neutral-100) inset;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n","import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-radiobutton',\r\n styleUrl: 'dda-radiobutton.css',\r\n shadow: false,\r\n})\r\nexport class DdaRadiobutton {\r\n @Prop() title_text: string;\r\n @Prop() supporting?: string;\r\n @Prop() group_name?: string;\r\n @Prop() input_id?: string;\r\n @Prop() checked: boolean;\r\n @Prop() radio_status?: string;\r\n @Prop() size?: string; // e.g., 'sm', 'md', 'lg'\r\n @Prop() variants?: string; // e.g., 'sm', 'md', 'lg'\r\n @Prop() custom_class?: string = ''; \r\n @Prop() component_mode?: string; \r\n @Prop() aria_label?: string;\r\n \r\n render() {\r\n const radiobuttonClass = [\r\n 'dda-radio-container',\r\n this.size ? `dda-radio-${this.size}` : '',\r\n this.variants ? `dda-radio-${this.variants}` : '',\r\n this.custom_class ? `dda-radio-${this.custom_class}` : '',\r\n this.radio_status ? `dda-radio-${this.radio_status}` : '',\r\n this.component_mode,\r\n ].filter(Boolean).join(' ');\r\n \r\n return (\r\n <Host>\r\n <div class={radiobuttonClass}>\r\n <input aria-label={this.aria_label} type=\"radio\" id={this.input_id} name={this.group_name} checked={this.checked}/>\r\n <label htmlFor={this.input_id}>\r\n <span class=\"radio-circle\"></span>\r\n <p>\r\n <span class=\"radio-title\">{this.title_text}</span>\r\n {this.supporting && <span class=\"radio-supporting\">{this.supporting}</span>}\r\n </p>\r\n </label>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n\r\n"],"version":3}

package/dist/dda/dda.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as e,b as t}from"./p-111a24ea.js";export{s as setNonce}from"./p-111a24ea.js";import{g as o}from"./p-e1255160.js";var n=()=>{const t=import.meta.url;const o={};if(t!==""){o.resourcesUrl=new URL(".",t).href}return e(o)};n().then((async e=>{await o();return t(JSON.parse('[["p-05c64be2",[[0,"dda-header",{"firstLogoHref":[1,"first-logo-href"],"firstLogoSrc":[1,"first-logo-src"],"firstLogoWhiteSrc":[1,"first-logo-white-src"],"firstLogoAlt":[1,"first-logo-alt"],"secondLogoHref":[1,"second-logo-href"],"secondLogoSrc":[1,"second-logo-src"],"secondLogoWhiteSrc":[1,"second-logo-white-src"],"secondLogoAlt":[1,"second-logo-alt"],"loginLink":[1,"login-link"],"sideMenuItems":[1,"side-menu-items"],"quickLinks":[1,"quick-links"],"readSpeakerLink":[1,"read-speaker-link"],"menuTitle":[1,"menu-title"],"searchText":[1,"search-text"],"loginIcon":[1,"login-icon"],"loginText":[1,"login-text"],"language_text":[1],"hamburger_menu_button_name":[1],"accessibility_button_name":[1],"search_button_name":[1],"search_input_name":[1],"language_button_name":[1],"close_menu_button_name":[1],"close_accessibility_button_name":[1],"close_sidebar_button_name":[1],"toggle_accessibility_button_name":[1],"usepredesignedaccessibilitymenu":[4],"isMenuOpen":[32],"isSubMenuOpen":[32],"isSideSubMenuOpen":[32],"isAccessibiltyOpen":[32],"openMenus":[32],"activeMenuIndex":[32]}]]],["p-58347675",[[0,"dda-centered-image-card",{"image_src":[1],"header_text":[1],"info_text":[1],"date_text":[1],"left_button_name":[1],"right_button_name":[1],"left_button":[1],"right_button":[1],"single_button":[4],"custom_class":[1],"component_mode":[1]}]]],["p-bbacd6a4",[[1,"dda-footer",{"footerTitle":[1,"footer-title"],"description":[1],"signUpButtonText":[1,"sign-up-button-text"],"loginButtonText":[1,"login-button-text"],"logoSrc":[1,"logo-src"],"logoAlt":[1,"logo-alt"],"copyrightText":[1,"copyright-text"],"footerSections":[1,"footer-sections"],"socialIcons":[1,"social-icons"]}]]],["p-860d69c7",[[0,"dda-image-card",{"image_src":[1],"header_text":[1],"body_text":[1],"date_text":[1],"left_button_name":[1],"right_button_name":[1],"left_button":[1],"right_button":[1],"single_button":[4],"custom_class":[1],"component_mode":[1]}]]],["p-2ccddc2d",[[0,"dda-information-card",{"image_src":[1],"header_text":[1],"body_text":[1],"left_button_name":[1],"right_button_name":[1],"custom_class":[1],"component_mode":[1]}]]],["p-4773fe82",[[1,"dda-sticky-footer",{"happinessIconHref":[1,"happiness-icon-href"],"happinessIconSrc":[1,"happiness-icon-src"],"happinessIconAlt":[1,"happiness-icon-alt"],"happinessIconTooltip":[1,"happiness-icon-tooltip"],"accessibilityIconHref":[1,"accessibility-icon-href"],"accessibilityIconSrc":[1,"accessibility-icon-src"],"accessibilityIconAlt":[1,"accessibility-icon-alt"],"accessibilityIconTooltip":[1,"accessibility-icon-tooltip"],"servicesIconHref":[1,"services-icon-href"],"servicesIconSrc":[1,"services-icon-src"],"servicesIconAlt":[1,"services-icon-alt"],"servicesIconTooltip":[1,"services-icon-tooltip"],"servicesIconText":[1,"services-icon-text"],"firstLogoHref":[1,"first-logo-href"],"firstLogoSrc":[1,"first-logo-src"],"firstLogoAlt":[1,"first-logo-alt"],"firstLogoTooltip":[1,"first-logo-tooltip"],"secondLogoHref":[1,"second-logo-href"],"secondLogoSrc":[1,"second-logo-src"],"secondLogoAlt":[1,"second-logo-alt"],"secondLogoTooltip":[1,"second-logo-tooltip"],"thirdLogoHref":[1,"third-logo-href"],"thirdLogoSrc":[1,"third-logo-src"],"thirdLogoAlt":[1,"third-logo-alt"],"thirdLogoTooltip":[1,"third-logo-tooltip"],"locationButtonHref":[1,"location-button-href"],"locationLogoSrc":[1,"location-logo-src"],"locationButtonText":[1,"location-button-text"],"locationButtonIcon":[1,"location-button-icon"],"newsButtonHref":[1,"news-button-href"],"newsButtonSrc":[1,"news-button-src"],"newsButtonText":[1,"news-button-text"],"newsButtonIcon":[1,"news-button-icon"],"aiIconHref":[1,"ai-icon-href"],"aiIconSrc":[1,"ai-icon-src"],"aiIconAlt":[1,"ai-icon-alt"],"aiIconTooltip":[1,"ai-icon-tooltip"],"chatIconHref":[1,"chat-icon-href"],"chatIconSrc":[1,"chat-icon-src"],"chatIconAlt":[1,"chat-icon-alt"],"chatIconTooltip":[1,"chat-icon-tooltip"],"hideMiddleSection":[4,"hide-middle-section"],"isHidden":[32]}]]],["p-918da1c5",[[4,"dda-accordion",{"design":[1],"header_text":[1],"body_description":[1],"custom_class":[1],"component_mode":[1],"accordion_icon":[1],"isOpen":[32]}]]],["p-7a38cf97",[[0,"dda-alert",{"type":[1],"variation":[1],"title_text":[1],"description":[1],"button_text":[1],"custom_class":[1],"component_mode":[1],"component_id":[1],"first_link":[1],"second_link":[1],"first_button":[1],"second_button":[1],"button_name":[1],"clickHandler":[16]}]]],["p-ae15bb5f",[[0,"dda-attach-file",{"label":[1],"helper_text":[1],"error_message":[1],"size":[1],"validation_type":[1],"input_type":[1],"custom_class":[1],"component_mode":[1],"aria_label":[1],"button_aria_label":[1],"input_id":[1],"button_id":[1],"button_name":[1],"input_name":[1],"file":[32]}]]],["p-c6f36039",[[0,"dda-avatar",{"type":[1],"size":[1],"design":[1],"rounded":[1],"src":[1],"icon":[1],"text":[1],"notification_number":[2],"custom_class":[1],"selected":[1],"options":[1],"component_mode":[1],"aria_label":[1],"button_id":[1],"button_name":[1],"isOpen":[32]}]]],["p-c8814a4f",[[1,"dda-banner",{"slides":[1],"slider_width":[1],"slider_height":[1],"parsedSlides":[32]}]]],["p-fe56d2ae",[[0,"dda-breadcrumb",{"design":[1],"separator":[1],"custom_class":[1],"component_mode":[1]}]]],["p-6c9cc105",[[0,"dda-checkbox",{"title_text":[1],"supporting":[1],"group_name":[1],"input_id":[1],"checked":[4],"checkbox_status":[1],"size":[1],"style_type":[1],"custom_class":[1],"component_mode":[1],"aria_label":[1]}]]],["p-b5752f44",[[4,"dda-chip",{"bg_color":[1],"rounded":[1],"icon":[1],"show_close_icon":[4],"size":[1],"custom_class":[1],"component_mode":[1],"clickHandler":[16]}]]],["p-f661f6fe",[[0,"dda-credit-card",{"balance":[1],"name":[1],"card_number":[1],"card_type":[1],"design":[1],"custom_class":[1],"component_mode":[1]}]]],["p-805618fa",[[0,"dda-creditcard-field",{"placeholder":[1],"label":[1],"value":[1],"card_icon":[1],"error_message":[1],"validation_type":[1],"size":[1],"input_type":[1],"helper_text":[1],"disabled":[4],"custom_class":[1],"restrict_input":[4],"component_mode":[1],"input_id":[1],"aria_label":[1],"input_name":[1],"formattedValue":[32]}]]],["p-8e9c8fed",[[0,"dda-dropdown",{"label":[1],"options":[1],"selected":[1],"disabled":[4],"error":[1],"helper_text":[1],"type":[1],"size":[1],"icon_mode":[4],"custom_class":[1],"component_mode":[1],"button_id":[1],"aria_label":[1],"arrow_button_name":[1],"dropdown_button_name":[1],"isopen":[32]}]]],["p-d874a7e1",[[4,"dda-home-banner",{"currentSlide":[32]}]]],["p-ac49a87d",[[0,"dda-horizontal-stepper",{"steps":[1],"current_step":[2],"custom_class":[1],"component_mode":[1],"parsedSteps":[32]}]]],["p-d3b077f7",[[0,"dda-input",{"label":[1],"placeholder":[1],"value":[1],"type":[1],"helper_text":[1],"error_message":[1],"validation_type":[1],"size":[1],"input_status":[1],"custom_class":[1],"component_mode":[1],"input_id":[1],"aria_label":[1],"input_name":[1]}]]],["p-a94edf32",[[0,"dda-number-field",{"placeholder":[1],"label":[1],"value":[1],"helper_text":[1],"error_message":[1],"validation_type":[1],"size":[1],"input_status":[1],"currencies":[1],"selected_currency":[1],"custom_class":[1],"component_mode":[1],"input_id":[1],"aria_label":[1],"input_name":[1],"toggle_button_name":[1],"currency_button_name":[1],"is_focused":[32],"isCurrencyDropdownOpen":[32]}]]],["p-407d0a31",[[0,"dda-pagination",{"total_pages":[2],"current_page":[2],"type":[1],"custom_class":[1],"component_mode":[1],"simple_slider_prev_button":[1],"simple_slider_next_button":[1],"buttons_prev_button":[1],"buttons_next_button":[1],"text_prev_button":[1],"text_next_button":[1],"text_pages_prev_button":[1],"text_pages_next_button":[1],"button_text_prev_button":[1],"button_text_next_button":[1],"buttons_pages_prev_button":[1],"buttons_pages_next_button":[1]},null,{"total_pages":["validateTotalPages"],"current_page":["validateCurrentPage"]}]]],["p-3ebf9abe",[[0,"dda-phonefield",{"label":[1],"placeholder":[1],"helper_text":[1],"validation_type":[1],"error_message":[1],"disabled":[4],"size":[1],"custom_class":[1],"component_mode":[1],"input_id":[1],"aria_label":[1],"button_id":[1],"button_aria_label":[1],"toggle_button_name":[1],"country_select_button_name":[1],"phone_input_name":[1],"country_code":[32],"country_flag":[32],"phone_number":[32],"is_focused":[32],"dropdown_open":[32],"countries":[32]}]]],["p-31db1748",[[0,"dda-progressbar",{"progress":[2],"tooltip":[4],"tooltip_position":[1],"show_percentage_text":[4],"custom_class":[1],"component_mode":[1]}]]],["p-403ed569",[[0,"dda-range-slider",{"min":[2],"max":[2],"step":[2],"initial_min":[2],"initial_max":[2],"size":[1],"tooltip_position":[1],"custom_class":[1],"component_mode":[1],"left_input_id":[1],"right_input_id":[1],"left_aria_label":[1],"right_aria_label":[1],"left_input_name":[1],"right_input_name":[1],"min_value":[32],"max_value":[32]}]]],["p-bbeb0a01",[[1,"dda-scroll-icon",{"width":[1],"height":[1],"border_color":[1],"dot_color":[1],"animation_duration":[2],"custom_class":[1],"component_mode":[1]}]]],["p-f2ffcf8b",[[0,"dda-search-input",{"placeholder":[1],"label":[1],"size":[1],"error_message":[1],"show_button":[4],"helper_text":[1],"input_status":[1],"has_error":[4],"custom_class":[1],"component_mode":[1],"button_id":[1],"input_id":[1],"aria_label":[1],"button_aria_label":[1],"search_input_name":[1],"close_button_name":[1],"search_button_name":[1]}]]],["p-37429bf0",[[0,"dda-segmented-tabs",{"items":[1],"radius_type":[1],"custom_class":[1],"component_mode":[1],"button_name":[1]}]]],["p-7c7c5d3d",[[0,"dda-select",{"label":[1],"options":[1],"selected":[1],"disabled":[4],"error":[1],"error_message":[1],"helper_text":[1],"size":[1],"custom_class":[1],"component_mode":[1],"aria_label":[1],"button_id":[1],"toggle_button_name":[1],"option_select_button_name":[1],"is_open":[32]}]]],["p-ea9487c3",[[1,"dda-slider",{"slides":[16],"interval":[2],"autoplay":[4],"currentSlide":[32],"isPaused":[32]},null,{"currentSlide":["watchCurrentSlide"]}]]],["p-2cb7bcdb",[[0,"dda-tabs",{"type":[1],"hover_style":[1],"border_bottom":[4],"custom_class":[1],"component_mode":[1],"button_id":[1],"aria_label":[1],"tab_texts":[1],"tab_icons":[1],"button_name":[1],"active_tab":[32]}]]],["p-a20927e9",[[0,"dda-team-member-card",{"image_src":[1],"team_member_name":[1],"team_member_position":[1],"design":[1],"custom_class":[1],"component_mode":[1]}]]],["p-c079aaa1",[[0,"dda-textarea",{"placeholder":[1],"label":[1],"value":[1],"error_message":[1],"validation_type":[1],"input_status":[1],"helper_text":[1],"custom_class":[1],"enable_rich_editor":[4],"max_characters":[2],"component_mode":[1],"input_id":[1],"aria_label":[1],"textarea_name":[1],"characterCount":[32]}]]],["p-17dfd16f",[[0,"dda-toggle",{"checked":[4],"size":[1],"custom_class":[1],"group_name":[1],"input_id":[1],"component_mode":[1],"aria_label":[1]}]]],["p-f229bbfa",[[4,"dda-ui-card",{"type":[1],"icon":[1],"image":[1],"maintitle":[1],"subtitle":[1],"link":[1],"linktext":[1],"linkicon":[1]}]]],["p-75ef2ff9",[[0,"dda-vertical-stepper",{"steps":[1],"current_Step":[2,"current_-step"],"custom_class":[1],"component_mode":[1],"parsedSteps":[32]}]]],["p-891e1404",[[4,"dda-link-button",{"type":[1],"disabled":[4],"start_icon":[1],"end_icon":[1],"aria_label":[1],"button_color":[1],"size":[1],"button_shape":[1],"icon_button_shape":[1],"gap":[2],"custom_class":[1],"href":[1],"component_mode":[1],"button_id":[1]}],[0,"dda-radiobutton",{"title_text":[1],"supporting":[1],"group_name":[1],"input_id":[1],"checked":[4],"radio_status":[1],"size":[1],"variants":[1],"custom_class":[1],"component_mode":[1],"aria_label":[1]}]]],["p-b02a3af4",[[4,"dda-tooltip",{"title_text":[1],"description":[1],"position":[1],"custom_class":[1],"component_mode":[1]}]]],["p-22e0b14d",[[4,"dda-button",{"type":[1],"disabled":[4],"start_icon":[1],"end_icon":[1],"aria_label":[1],"button_color":[1],"size":[1],"button_shape":[1],"icon_button_shape":[1],"gap":[2],"custom_class":[1],"component_mode":[1],"button_id":[1],"button_name":[1],"clickHandler":[16]}]]]]'),e)}));
+import{p as e,b as t}from"./p-111a24ea.js";export{s as setNonce}from"./p-111a24ea.js";import{g as o}from"./p-e1255160.js";var n=()=>{const t=import.meta.url;const o={};if(t!==""){o.resourcesUrl=new URL(".",t).href}return e(o)};n().then((async e=>{await o();return t(JSON.parse('[["p-6a57b536",[[0,"dda-header",{"firstLogoHref":[1,"first-logo-href"],"firstLogoSrc":[1,"first-logo-src"],"firstLogoWhiteSrc":[1,"first-logo-white-src"],"firstLogoAlt":[1,"first-logo-alt"],"secondLogoHref":[1,"second-logo-href"],"secondLogoSrc":[1,"second-logo-src"],"secondLogoWhiteSrc":[1,"second-logo-white-src"],"secondLogoAlt":[1,"second-logo-alt"],"loginLink":[1,"login-link"],"sideMenuItems":[1,"side-menu-items"],"quickLinks":[1,"quick-links"],"readSpeakerLink":[1,"read-speaker-link"],"menuTitle":[1,"menu-title"],"searchText":[1,"search-text"],"loginIcon":[1,"login-icon"],"loginText":[1,"login-text"],"language_text":[1],"hamburger_menu_button_name":[1],"accessibility_button_name":[1],"search_button_name":[1],"search_input_name":[1],"language_button_name":[1],"close_menu_button_name":[1],"close_accessibility_button_name":[1],"close_sidebar_button_name":[1],"toggle_accessibility_button_name":[1],"usepredesignedaccessibilitymenu":[4],"isMenuOpen":[32],"isSubMenuOpen":[32],"isSideSubMenuOpen":[32],"isAccessibiltyOpen":[32],"openMenus":[32],"activeMenuIndex":[32],"SearchValue":[32]}]]],["p-58347675",[[0,"dda-centered-image-card",{"image_src":[1],"header_text":[1],"info_text":[1],"date_text":[1],"left_button_name":[1],"right_button_name":[1],"left_button":[1],"right_button":[1],"single_button":[4],"custom_class":[1],"component_mode":[1]}]]],["p-bbacd6a4",[[1,"dda-footer",{"footerTitle":[1,"footer-title"],"description":[1],"signUpButtonText":[1,"sign-up-button-text"],"loginButtonText":[1,"login-button-text"],"logoSrc":[1,"logo-src"],"logoAlt":[1,"logo-alt"],"copyrightText":[1,"copyright-text"],"footerSections":[1,"footer-sections"],"socialIcons":[1,"social-icons"]}]]],["p-860d69c7",[[0,"dda-image-card",{"image_src":[1],"header_text":[1],"body_text":[1],"date_text":[1],"left_button_name":[1],"right_button_name":[1],"left_button":[1],"right_button":[1],"single_button":[4],"custom_class":[1],"component_mode":[1]}]]],["p-2ccddc2d",[[0,"dda-information-card",{"image_src":[1],"header_text":[1],"body_text":[1],"left_button_name":[1],"right_button_name":[1],"custom_class":[1],"component_mode":[1]}]]],["p-6f20288a",[[1,"dda-sticky-footer",{"happinessIconHref":[1,"happiness-icon-href"],"happinessIconSrc":[1,"happiness-icon-src"],"happinessIconAlt":[1,"happiness-icon-alt"],"happinessIconTooltip":[1,"happiness-icon-tooltip"],"accessibilityIconHref":[1,"accessibility-icon-href"],"accessibilityIconSrc":[1,"accessibility-icon-src"],"accessibilityIconAlt":[1,"accessibility-icon-alt"],"accessibilityIconTooltip":[1,"accessibility-icon-tooltip"],"servicesIconHref":[1,"services-icon-href"],"servicesIconSrc":[1,"services-icon-src"],"servicesIconAlt":[1,"services-icon-alt"],"servicesIconTooltip":[1,"services-icon-tooltip"],"servicesIconText":[1,"services-icon-text"],"firstLogoHref":[1,"first-logo-href"],"firstLogoSrc":[1,"first-logo-src"],"firstLogoAlt":[1,"first-logo-alt"],"firstLogoTooltip":[1,"first-logo-tooltip"],"secondLogoHref":[1,"second-logo-href"],"secondLogoSrc":[1,"second-logo-src"],"secondLogoAlt":[1,"second-logo-alt"],"secondLogoTooltip":[1,"second-logo-tooltip"],"thirdLogoHref":[1,"third-logo-href"],"thirdLogoSrc":[1,"third-logo-src"],"thirdLogoAlt":[1,"third-logo-alt"],"thirdLogoTooltip":[1,"third-logo-tooltip"],"locationButtonHref":[1,"location-button-href"],"locationLogoSrc":[1,"location-logo-src"],"locationButtonText":[1,"location-button-text"],"locationButtonIcon":[1,"location-button-icon"],"newsButtonHref":[1,"news-button-href"],"newsButtonSrc":[1,"news-button-src"],"newsButtonText":[1,"news-button-text"],"newsButtonIcon":[1,"news-button-icon"],"aiIconHref":[1,"ai-icon-href"],"aiIconSrc":[1,"ai-icon-src"],"aiIconAlt":[1,"ai-icon-alt"],"aiIconTooltip":[1,"ai-icon-tooltip"],"chatIconHref":[1,"chat-icon-href"],"chatIconSrc":[1,"chat-icon-src"],"chatIconAlt":[1,"chat-icon-alt"],"chatIconTooltip":[1,"chat-icon-tooltip"],"hideMiddleSection":[4,"hide-middle-section"],"isHidden":[32]}]]],["p-918da1c5",[[4,"dda-accordion",{"design":[1],"header_text":[1],"body_description":[1],"custom_class":[1],"component_mode":[1],"accordion_icon":[1],"isOpen":[32]}]]],["p-7a38cf97",[[0,"dda-alert",{"type":[1],"variation":[1],"title_text":[1],"description":[1],"button_text":[1],"custom_class":[1],"component_mode":[1],"component_id":[1],"first_link":[1],"second_link":[1],"first_button":[1],"second_button":[1],"button_name":[1],"clickHandler":[16]}]]],["p-ae15bb5f",[[0,"dda-attach-file",{"label":[1],"helper_text":[1],"error_message":[1],"size":[1],"validation_type":[1],"input_type":[1],"custom_class":[1],"component_mode":[1],"aria_label":[1],"button_aria_label":[1],"input_id":[1],"button_id":[1],"button_name":[1],"input_name":[1],"file":[32]}]]],["p-c6f36039",[[0,"dda-avatar",{"type":[1],"size":[1],"design":[1],"rounded":[1],"src":[1],"icon":[1],"text":[1],"notification_number":[2],"custom_class":[1],"selected":[1],"options":[1],"component_mode":[1],"aria_label":[1],"button_id":[1],"button_name":[1],"isOpen":[32]}]]],["p-c8814a4f",[[1,"dda-banner",{"slides":[1],"slider_width":[1],"slider_height":[1],"parsedSlides":[32]}]]],["p-fe56d2ae",[[0,"dda-breadcrumb",{"design":[1],"separator":[1],"custom_class":[1],"component_mode":[1]}]]],["p-6c9cc105",[[0,"dda-checkbox",{"title_text":[1],"supporting":[1],"group_name":[1],"input_id":[1],"checked":[4],"checkbox_status":[1],"size":[1],"style_type":[1],"custom_class":[1],"component_mode":[1],"aria_label":[1]}]]],["p-b5752f44",[[4,"dda-chip",{"bg_color":[1],"rounded":[1],"icon":[1],"show_close_icon":[4],"size":[1],"custom_class":[1],"component_mode":[1],"clickHandler":[16]}]]],["p-f661f6fe",[[0,"dda-credit-card",{"balance":[1],"name":[1],"card_number":[1],"card_type":[1],"design":[1],"custom_class":[1],"component_mode":[1]}]]],["p-805618fa",[[0,"dda-creditcard-field",{"placeholder":[1],"label":[1],"value":[1],"card_icon":[1],"error_message":[1],"validation_type":[1],"size":[1],"input_type":[1],"helper_text":[1],"disabled":[4],"custom_class":[1],"restrict_input":[4],"component_mode":[1],"input_id":[1],"aria_label":[1],"input_name":[1],"formattedValue":[32]}]]],["p-8e9c8fed",[[0,"dda-dropdown",{"label":[1],"options":[1],"selected":[1],"disabled":[4],"error":[1],"helper_text":[1],"type":[1],"size":[1],"icon_mode":[4],"custom_class":[1],"component_mode":[1],"button_id":[1],"aria_label":[1],"arrow_button_name":[1],"dropdown_button_name":[1],"isopen":[32]}]]],["p-e492f18f",[[4,"dda-home-banner",{"currentSlide":[32],"autoPlay":[32]}]]],["p-07daedaf",[[0,"dda-horizontal-stepper",{"steps":[1],"current_step":[2],"custom_class":[1],"component_mode":[1],"parsedSteps":[32]}]]],["p-031a2e3f",[[0,"dda-input",{"label":[1],"placeholder":[1],"value":[1],"type":[1],"helper_text":[1],"error_message":[1],"validation_type":[1],"size":[1],"input_status":[1],"custom_class":[1],"component_mode":[1],"input_id":[1],"aria_label":[1],"input_name":[1]}]]],["p-f190ffc6",[[0,"dda-number-field",{"placeholder":[1],"label":[1],"value":[1],"helper_text":[1],"error_message":[1],"validation_type":[1],"size":[1],"input_status":[1],"currencies":[1],"selected_currency":[1],"custom_class":[1],"component_mode":[1],"input_id":[1],"aria_label":[1],"input_name":[1],"toggle_button_name":[1],"currency_button_name":[1],"is_focused":[32],"isCurrencyDropdownOpen":[32]}]]],["p-7f9b8b3c",[[0,"dda-pagination",{"total_pages":[2],"current_page":[2],"type":[1],"custom_class":[1],"component_mode":[1],"simple_slider_prev_button":[1],"simple_slider_next_button":[1],"buttons_prev_button":[1],"buttons_next_button":[1],"text_prev_button":[1],"text_next_button":[1],"text_pages_prev_button":[1],"text_pages_next_button":[1],"button_text_prev_button":[1],"button_text_next_button":[1],"buttons_pages_prev_button":[1],"buttons_pages_next_button":[1]},null,{"total_pages":["validateTotalPages"],"current_page":["validateCurrentPage"]}]]],["p-ac96b2be",[[0,"dda-phonefield",{"label":[1],"placeholder":[1],"helper_text":[1],"validation_type":[1],"error_message":[1],"disabled":[4],"size":[1],"custom_class":[1],"component_mode":[1],"input_id":[1],"aria_label":[1],"button_id":[1],"button_aria_label":[1],"toggle_button_name":[1],"country_select_button_name":[1],"phone_input_name":[1],"country_code":[32],"country_flag":[32],"phone_number":[32],"is_focused":[32],"dropdown_open":[32],"countries":[32]}]]],["p-bc3c40cc",[[0,"dda-progressbar",{"progress":[2],"tooltip":[4],"tooltip_position":[1],"show_percentage_text":[4],"custom_class":[1],"component_mode":[1]}]]],["p-cb8e90e3",[[0,"dda-range-slider",{"min":[2],"max":[2],"step":[2],"initial_min":[2],"initial_max":[2],"size":[1],"tooltip_position":[1],"custom_class":[1],"component_mode":[1],"left_input_id":[1],"right_input_id":[1],"left_aria_label":[1],"right_aria_label":[1],"left_input_name":[1],"right_input_name":[1],"min_value":[32],"max_value":[32]}]]],["p-bbeb0a01",[[1,"dda-scroll-icon",{"width":[1],"height":[1],"border_color":[1],"dot_color":[1],"animation_duration":[2],"custom_class":[1],"component_mode":[1]}]]],["p-e06c0211",[[0,"dda-search-input",{"placeholder":[1],"label":[1],"size":[1],"error_message":[1],"show_button":[4],"helper_text":[1],"input_status":[1],"has_error":[4],"custom_class":[1],"component_mode":[1],"button_id":[1],"input_id":[1],"aria_label":[1],"button_aria_label":[1],"search_input_name":[1],"close_button_name":[1],"search_button_name":[1]}]]],["p-4002b74b",[[0,"dda-segmented-tabs",{"items":[1],"radius_type":[1],"custom_class":[1],"component_mode":[1],"button_name":[1]}]]],["p-390e6db2",[[0,"dda-select",{"label":[1],"options":[1],"selected":[1],"disabled":[4],"error":[1],"error_message":[1],"helper_text":[1],"size":[1],"custom_class":[1],"component_mode":[1],"aria_label":[1],"button_id":[1],"toggle_button_name":[1],"option_select_button_name":[1],"is_open":[32]}]]],["p-ea9487c3",[[1,"dda-slider",{"slides":[16],"interval":[2],"autoplay":[4],"currentSlide":[32],"isPaused":[32]},null,{"currentSlide":["watchCurrentSlide"]}]]],["p-de507976",[[0,"dda-tabs",{"type":[1],"hover_style":[1],"border_bottom":[4],"custom_class":[1],"component_mode":[1],"button_id":[1],"aria_label":[1],"tab_texts":[1],"tab_icons":[1],"button_name":[1],"active_tab":[32]}]]],["p-a20927e9",[[0,"dda-team-member-card",{"image_src":[1],"team_member_name":[1],"team_member_position":[1],"design":[1],"custom_class":[1],"component_mode":[1]}]]],["p-df1b5657",[[0,"dda-textarea",{"placeholder":[1],"label":[1],"value":[1],"error_message":[1],"validation_type":[1],"input_status":[1],"helper_text":[1],"custom_class":[1],"enable_rich_editor":[4],"max_characters":[2],"component_mode":[1],"input_id":[1],"aria_label":[1],"textarea_name":[1],"characterCount":[32]}]]],["p-fda0c56d",[[0,"dda-toggle",{"checked":[4],"size":[1],"custom_class":[1],"group_name":[1],"input_id":[1],"component_mode":[1],"aria_label":[1]}]]],["p-b0a36910",[[4,"dda-ui-card",{"type":[1],"icon":[1],"image":[1],"maintitle":[1],"subtitle":[1],"link":[1],"linktext":[1],"linkicon":[1]}]]],["p-a1cb2504",[[0,"dda-vertical-stepper",{"steps":[1],"current_Step":[2,"current_-step"],"custom_class":[1],"component_mode":[1],"parsedSteps":[32]}]]],["p-eab200a5",[[4,"dda-link-button",{"type":[1],"disabled":[4],"start_icon":[1],"end_icon":[1],"aria_label":[1],"button_color":[1],"size":[1],"button_shape":[1],"icon_button_shape":[1],"gap":[2],"custom_class":[1],"href":[1],"component_mode":[1],"button_id":[1]}],[0,"dda-radiobutton",{"title_text":[1],"supporting":[1],"group_name":[1],"input_id":[1],"checked":[4],"radio_status":[1],"size":[1],"variants":[1],"custom_class":[1],"component_mode":[1],"aria_label":[1]}]]],["p-2bdc66b4",[[4,"dda-tooltip",{"title_text":[1],"description":[1],"position":[1],"custom_class":[1],"component_mode":[1]}]]],["p-22e0b14d",[[4,"dda-button",{"type":[1],"disabled":[4],"start_icon":[1],"end_icon":[1],"aria_label":[1],"button_color":[1],"size":[1],"button_shape":[1],"icon_button_shape":[1],"gap":[2],"custom_class":[1],"component_mode":[1],"button_id":[1],"button_name":[1],"clickHandler":[16]}]]]]'),e)}));
 //# sourceMappingURL=dda.esm.js.map

package/dist/dda/dda.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/\n Stencil Client Patch Browser v4.26.0 \| MIT Licensed \| https://stenciljs.com\n /\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($\|\\\\?\|#)`).test(s.src) \|\| s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm \|\| {})[\"data-opts\"] \|\| {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/!__STENCIL_LAZY_DATA__/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA~~,+oXAAuCJ~~,EAAA","ignoreList":[]}
1	+ {"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/\n Stencil Client Patch Browser v4.26.0 \| MIT Licensed \| https://stenciljs.com\n /\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($\|\\\\?\|#)`).test(s.src) \|\| s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm \|\| {})[\"data-opts\"] \|\| {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/!__STENCIL_LAZY_DATA__/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,krXAAuCJ,EAAA","ignoreList":[]}