@dubai-design-system/components-js 5.1.1 → 5.3.0

package/dist/collection/components/dda-button/dda-button.js

@@ -33,7 +33,7 @@ export class DdaButton {
             this.custom_class, // Include custom class
             this.component_mode,
         ].filter(Boolean).join(' ');
-        return (h(Host, { key: '25a967630460899e8083499dbaba5a8da655c03d' }, h("button", { key: 'cffeab56005fd6f9c736f7a4f2615c273fbff6d2', id: this.button_id, type: this.type, class: buttonClass, disabled: this.disabled, "aria-label": this.aria_label, onClick: this.clickHandler, name: this.button_name }, this.start_icon && h("i", { key: '7e91f590471e16e74128d5edfd149935f7c7933b', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, this.start_icon), h("slot", { key: '3f135fe5fdce6e4cc46626285d40b6859f95c213' }), this.end_icon && h("i", { key: 'd1ea77fa05a58a354b7c8c365d01196d624407c6', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, this.end_icon))));
+        return (h(Host, { key: '6befdc816e79736a528c8a914028318cdb30e788' }, h("button", { key: '118d6195889a714cbd047ef881be38fbeb50e536', id: this.button_id, type: this.type, class: buttonClass, disabled: this.disabled, "aria-label": this.aria_label, onClick: this.clickHandler, name: this.button_name }, this.start_icon && h("i", { key: '304f1a350a6a12a3a0f1efa905a0971c95aa21cf', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, this.start_icon), h("slot", { key: 'af0df9d440f2becf635c83323dcd6328694cd974' }), this.end_icon && h("i", { key: '977d5f6170557d7b222b24b73e199a25edaaea96', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, this.end_icon))));
     }
     static get is() { return "dda-button"; }
     static get originalStyleUrls() {

package/dist/collection/components/dda-checkbox/dda-checkbox.js

@@ -13,7 +13,7 @@ export class DdaCheckbox {
             this.checkbox_status ? `dda-checkbox-${this.checkbox_status}` : '',
             this.component_mode,
         ].filter(Boolean).join(' ');
-        return (h(Host, { key: 'a03a2096e9f0cf6f803e1e0268eb56e96a82bfeb' }, h("div", { key: 'd1e56a9ee711a90bf8c4f42a9b189eab4d8e4187', class: checkboxClass }, h("input", { key: '63d4afed191febf792cc147f2aa0834846301760', "aria-label": this.aria_label, type: "checkbox", id: this.input_id, name: this.group_name, checked: this.checked }), h("label", { key: '281964bf46d08eef1e9f3432ce7f90ce18119786', htmlFor: this.input_id }, h("i", { key: 'c60e23ce71bb3ea998f3bc7fc75ca116b73304c3', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "check"), h("p", { key: '29dbc05b1934a8aae622aa2ffbbda00652c8541b' }, h("span", { key: 'aa7f42edff530e20b3049f43dd6ab6745ef15bad', class: "dda-checkbox-title" }, this.title_text), this.supporting && h("span", { key: '27e8db36535ad9ca842b2c8fb980dca2940bc478', class: "dda-checkbox-supporting" }, this.supporting))))));
+        return (h(Host, { key: '49b4eabefb902f8597ef2aa703ba3a02934f4dd4' }, h("div", { key: 'e300b65149fbac866e66517ba9bb3b4aa6bb7760', class: checkboxClass }, h("input", { key: '8a2509f3667dfb3c9d10211d58e652d013c6a44a', "aria-label": this.aria_label, type: "checkbox", id: this.input_id, name: this.group_name, checked: this.checked }), h("label", { key: 'c2c6ad79a7eb3163b595e3ae5915a6e9cb02b2aa', htmlFor: this.input_id }, h("i", { key: '5f62ad8f5e8a65cedeaf72dbf3ac437649c3d990', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "check"), h("p", { key: '29cb02114c3e93bb9e76e669e51fbce0d983531b' }, h("span", { key: '8e545054e92234dcc284272fa4ec140670873e77', class: "dda-checkbox-title" }, this.title_text), this.supporting && h("span", { key: '9fc0b7953cf645d8c15ddd39c6f5d6955dee7cbe', class: "dda-checkbox-supporting" }, this.supporting))))));
     }
     static get is() { return "dda-checkbox"; }
     static get originalStyleUrls() {

package/dist/collection/components/dda-chip/dda-chip.js

@@ -11,7 +11,7 @@ export class DdaChip {
         this.close_button_label = 'Remove';
     }
     render() {
-        return (h(Host, { key: '2cd6e91242c3e95df532f3771098fc59c745b0e7' }, h("div", { key: '3ea476295a82ac1bd866d56d9982e64cdaee2692', class: `dda-chip dda-chip-${this.bg_color} dda-chip-${this.size} dda-rounded-${this.rounded} ${this.custom_class} ${this.component_mode}` }, this.icon ? h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, this.icon) : null, h("span", { key: 'c2fa931281235fdbdc75fe6a725e3c55623f6f33' }, h("slot", { key: '09f4718890a6591edd1ab86b8825621aa305162e' })), this.show_close_icon && (h("button", { key: 'c2b60bf0ae4533ee8a4b80f481772154d03d9af0', type: "button", class: "chip-close", onClick: this.clickHandler, "aria-label": this.close_button_label }, h("i", { key: '62e9e1659c60d909d6db32636654126c35184395', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "close"))))));
+        return (h(Host, { key: '621b49bd9e56a4627731cf1d5c88190cc971c1f4' }, h("div", { key: 'a2ed107b4ba359455a0d3b72ea78c41a55441716', class: `dda-chip dda-chip-${this.bg_color} dda-chip-${this.size} dda-rounded-${this.rounded} ${this.custom_class} ${this.component_mode}` }, this.icon ? h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, this.icon) : null, h("span", { key: '35bc7dcba833012b4f9c3a2531158ae8e46ca268' }, h("slot", { key: '6ac416027f104c0fea3c8fd034c610eb95318804' })), this.show_close_icon && (h("button", { key: '6712b22ed98b5fa41bed2eab2c4ad7405d72dde7', type: "button", class: "chip-close", onClick: this.clickHandler, "aria-label": this.close_button_label }, h("i", { key: '99df96fae65bb289ec6da64600f22f7fb1fd6fac', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "close"))))));
     }
     static get is() { return "dda-chip"; }
     static get originalStyleUrls() {

package/dist/collection/components/dda-credit-card/dda-credit-card.js

@@ -12,7 +12,7 @@ export class DdaCreditCard {
             this.custom_class ? `${this.custom_class}` : "",
             this.component_mode,
         ].filter(Boolean).join(' ');
-        return (h(Host, { key: 'a2b51766a37e26931722154096371e0c6e4f613e' }, h("div", { key: '6a230b5a394819e020e6d602c24b190e10a0412b', class: cardClass }, h("div", { key: '0e736764ef1421aa4c74cfd2651f5b28b5923bfe', class: "dda-credit-card-header" }, h("div", { key: '3ca757d69ce6f3dccf6ed2a774f81af804701b4d', class: "card-balance-info" }, h("span", { key: 'f199cbddbde087a4e0019bc5f49d688aa91b332e', class: "card-balance-label" }, "Current Balance"), h("span", { key: 'e51769b4f7ac8013035074abec4677feb32b7ecb', class: "card-balance" }, this.balance)), h("i", { key: '64cac265fa7e397b4a48efeedc4fdd1bbe01463e', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "wifi")), h("div", { key: '8c14cdf5cd7932395b3b99d76dc712418034944d', class: "dda-credit-card-body" }, h("div", { key: '3c040ff604757b252088df1db1949a0b6e856bf0', class: "card-userinfo" }, h("span", { key: '1427d499c577ffefad4ea29eb01ddff6fa248a28', class: "dda-card-name" }, this.name), h("span", { key: 'fa7bc5a8a59aa86766f1d974e4e4f0819f17e59c', class: "dda-card-number" }, "**** ", String((_a = this.card_number) !== null && _a !== void 0 ? _a : '').slice(-4))), h("div", { key: '4fddb8131ca26074f5ed74d1992e15b51d20f4b1' }, this.card_type && h("img", { key: '51ea45a24d2a8101eb357b8fba88449479f69bee', src: this.card_type, alt: "Card Type", class: "card-type-icon" }))))));
+        return (h(Host, { key: '30b2d354c27ffb048767b68545150ef14e89907c' }, h("div", { key: '30ae16e980e8d77fdc22d9c5829ea8d2f93e786d', class: cardClass }, h("div", { key: '7ad10883eb0023fc8c46b92500b7f34e7b178a37', class: "dda-credit-card-header" }, h("div", { key: 'd62dbbb654c6138ff9b617e3cac8310c9c8f229a', class: "card-balance-info" }, h("span", { key: '17ed84a82ee953b6e48d189a5a8ecc186606f36d', class: "card-balance-label" }, "Current Balance"), h("span", { key: '3a77207bf875fb754490d0afd0b9d15d5c192ec8', class: "card-balance" }, this.balance)), h("i", { key: 'bbf30c7b2b858c12ba802e2b5bdb887b6f908b1a', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "wifi")), h("div", { key: 'a4ab69ed298805ed86f4832ef9ea43b4cc825fbd', class: "dda-credit-card-body" }, h("div", { key: '646906a60fc532119e2ebf0a44cbbb66885e42cf', class: "card-userinfo" }, h("span", { key: 'c9145b691e890905717aeb6421d4949854197ff4', class: "dda-card-name" }, this.name), h("span", { key: '1ee5f7eae884bfab5260c35257a69e26e74faad2', class: "dda-card-number" }, "**** ", String((_a = this.card_number) !== null && _a !== void 0 ? _a : '').slice(-4))), h("div", { key: 'fe66fd1a3c26560e3d83d28ea45abf47c11d6b17' }, this.card_type && h("img", { key: 'e6c3c1090f0777eed2895f0167a2158c4cc78c4e', src: this.card_type, alt: "Card Type", class: "card-type-icon" }))))));
     }
     static get is() { return "dda-credit-card"; }
     static get originalStyleUrls() {

package/dist/collection/components/dda-creditcard-field/dda-creditcard-field.js

@@ -79,7 +79,7 @@ export class DdaCreditCardField {
             this.component_mode,
         ].filter(Boolean).join(' ');
         const id = this.inputId;
-        return (h(Host, { key: '49503120129a4036ea69ad5427873e7c80689472' }, h("div", { key: 'c4bbd736f977b8fbd780ca9f51f18577f957d449', class: inputClass }, this.label && h("label", { key: '718fec1b47645d3733602fbab31cda9f09e29b9c', htmlFor: id, class: "dda-input-label" }, this.label), h("div", { key: 'cb96d9ca72d92fb1cae781b7fc5033fbba82fa4d', class: "dda-input-field-wrapper" }, this.card_icon && h("img", { key: 'fa10e97d30a0c97245005fc66dbe81640653e2fd', src: this.card_icon, alt: "Card Icon", class: "dda-creditcard-icon" }), h("input", { key: 'c4b042e4ead4b79e1e63f00777a9f62a8f3964a6', "aria-label": this.aria_label, id: id, name: this.input_name, type: "text", inputmode: "numeric", autocomplete: this.autocomplete, placeholder: this.placeholder, value: this.formattedValue, onInput: (event) => this.handleInput(event), class: "dda-input-field", disabled: this.disabled, maxlength: this.restrict_input ? 100 : 25, "aria-describedby": this.describedBy, "aria-invalid": this.error_message ? 'true' : undefined })), this.helper_text && h("span", { key: '6021061f65edff9a4eb040285ea76147c81072f7', id: this.helperId, class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: '32a5d2c0e72e1ec62c9c6ce89d7fc950ab77505e', id: this.errorId, class: "dda-error-message" }, this.error_message))));
+        return (h(Host, { key: 'f73ba5a5df2944a3a69da88519e98ebcce9b52fa' }, h("div", { key: '8c8205bd69d233572d4738af675ba4d6ffd2ce5f', class: inputClass }, this.label && h("label", { key: '5d2ea6fab0ba61ee161545949c560287d5ec9daf', htmlFor: id, class: "dda-input-label" }, this.label), h("div", { key: '05ae35f56cf9e0dedac4072084117c79a0728185', class: "dda-input-field-wrapper" }, this.card_icon && h("img", { key: 'c53e2fca7220701a0b7e409b6c73fb6cbe343539', src: this.card_icon, alt: "Card Icon", class: "dda-creditcard-icon" }), h("input", { key: '27ca8a4e796bd017f604f793b708194b7f0d9cf5', "aria-label": this.aria_label, id: id, name: this.input_name, type: "text", inputmode: "numeric", autocomplete: this.autocomplete, placeholder: this.placeholder, value: this.formattedValue, onInput: (event) => this.handleInput(event), class: "dda-input-field", disabled: this.disabled, maxlength: this.restrict_input ? 100 : 25, "aria-describedby": this.describedBy, "aria-invalid": this.error_message ? 'true' : undefined })), this.helper_text && h("span", { key: '339dc71c04a70fecbee928ae1fa771e661626849', id: this.helperId, class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: '0cab267e7a14397ff3204744bd24b182e43d2e13', id: this.errorId, class: "dda-error-message" }, this.error_message))));
     }
     static get is() { return "dda-creditcard-field"; }
     static get originalStyleUrls() {

package/dist/collection/components/dda-dropdown/dda-dropdown.js

@@ -60,7 +60,7 @@ export class DdaDropdown {
             this.custom_class ? `${this.custom_class}` : '',
             this.component_mode,
         ].filter(Boolean).join(' ');
-        return (h(Host, { key: '8b053569398521717cd7b5fecfc20da86ddc36e2' }, h("div", { key: 'f05077b9937e415212e3ca95272284f4f43a2f4e', class: containerClass }, this.label && h("label", { key: '5d7a1d12cece57a300deb5ee40ac42fe30991e05', id: labelId, class: "dda-input-label" }, this.label), h("div", { key: 'dec4834ffda3aaf39799640c2e3403ad2bbde804', class: `dda-dropdown-container ${this.type}` }, h("button", { key: '74cdd5264b2ba9e149b002ef9f32761d4657dffe', ref: el => (this.buttonEl = el), id: id, name: this.arrow_button_name, "aria-label": this.aria_label || (this.icon_mode && !this.label ? this.toggle_button_label : undefined), "aria-labelledby": this.label && !this.aria_label ? `${labelId} ${id}` : undefined, "aria-expanded": this.isopen ? 'true' : 'false', type: "button", class: "dda-input-field dda-dropdown-header", onClick: () => this.toggleDropdown() }, h("i", { key: '114ea6a6e36e3f10fb2eb170a0869c659be91fcc', class: `three-dots material-icons`, "aria-hidden": "true" }, this.isopen ? 'more_vert' : 'more_vert'), !this.icon_mode && h("span", { key: '38daede9e618b1f3cf3b04e73799f5ba94f2aabe', class: "dda-dropdown-text" }, h("span", { key: 'd8e2f92b77bfd9611b56322123c22282051d6744' }, this.selected || 'Select an option'), " ", h("i", { key: '11ce919e89fbbe0bbcc5df8124d40ffa683e9520', class: `material-icons`, "aria-hidden": "true" }, this.isopen ? 'keyboard_arrow_up' : 'keyboard_arrow_down'))), this.isopen && (h("div", { key: 'e1ab0eb1476986e8964eea8469d367b9f607f737', class: "dda-input-dropdown-list" }, this.parsedOptions.length > 0 ? (this.parsedOptions.map(option => (h("button", { type: "button", name: this.dropdown_button_name, class: `dda-input-dropdown-item ${this.selected === option ? 'selected' : ''}`, onClick: () => { this.selectOption(option); } }, option)))) : (h("div", { class: "dda-input-dropdown-item" }, "No options available"))))), this.helper_text && h("span", { key: '8d8f98cd697819f29bebc593167ef47c4e5eed33', class: "dda-helper-text" }, this.helper_text), this.error && h("span", { key: '4c129c5b219115796263afe4daf726ea9b77ee04', class: "dda-error-message" }, this.error))));
+        return (h(Host, { key: '317428a0b2457e3a3fe7b78f66c0142a0f452d38' }, h("div", { key: '50f753d1e8a020125b494cc868273f4addf3c263', class: containerClass }, this.label && h("label", { key: 'da94535864e3f1e676c282e5b0ec03a7add8efa9', id: labelId, class: "dda-input-label" }, this.label), h("div", { key: 'f0e74d618c1927a253693698cda582f112dbdfce', class: `dda-dropdown-container ${this.type}` }, h("button", { key: '52dcc37143d91d172459de9a09fc52adbf303f99', ref: el => (this.buttonEl = el), id: id, name: this.arrow_button_name, "aria-label": this.aria_label || (this.icon_mode && !this.label ? this.toggle_button_label : undefined), "aria-labelledby": this.label && !this.aria_label ? `${labelId} ${id}` : undefined, "aria-expanded": this.isopen ? 'true' : 'false', type: "button", class: "dda-input-field dda-dropdown-header", onClick: () => this.toggleDropdown() }, h("i", { key: '7fc59df027ab9d897ed38eb6406603f7b3990739', class: `three-dots material-icons`, "aria-hidden": "true" }, this.isopen ? 'more_vert' : 'more_vert'), !this.icon_mode && h("span", { key: 'b2a8a728c7f5d5c0d3bf4887312e1ce1b10d9408', class: "dda-dropdown-text" }, h("span", { key: '835556ebb78fa343e088bf16191d786c71d44b44' }, this.selected || 'Select an option'), " ", h("i", { key: 'bb0b6a42ddd3077d12cb3fe545169cd4155aaa5f', class: `material-icons`, "aria-hidden": "true" }, this.isopen ? 'keyboard_arrow_up' : 'keyboard_arrow_down'))), this.isopen && (h("div", { key: 'b0c010548a4488ae24c4a24485bc5b0849c5c775', class: "dda-input-dropdown-list" }, this.parsedOptions.length > 0 ? (this.parsedOptions.map(option => (h("button", { type: "button", name: this.dropdown_button_name, class: `dda-input-dropdown-item ${this.selected === option ? 'selected' : ''}`, onClick: () => { this.selectOption(option); } }, option)))) : (h("div", { class: "dda-input-dropdown-item" }, "No options available"))))), this.helper_text && h("span", { key: 'b94eb22395f2d4d31d1b16fccd5879dfe55df4b5', class: "dda-helper-text" }, this.helper_text), this.error && h("span", { key: '84406e6f63618784a31a6c9e4d9c1b78eba710d0', class: "dda-error-message" }, this.error))));
     }
     static get is() { return "dda-dropdown"; }
     static get originalStyleUrls() {

package/dist/collection/components/dda-footer/dda-footer.js

@@ -20,7 +20,7 @@ export class DdaFooter {
         const requestedLevel = Math.round(Number(this.heading_level));
         const level = Number.isNaN(requestedLevel) ? 4 : Math.min(6, Math.max(1, requestedLevel));
         const TitleTag = `h${level}`;
-        return (h("footer", { key: '521caff9c6c521f0ead1a0ae11677769930328e1', class: "WB-footer" }, h("div", { key: '46129fc9bf4e99b05ec489538ebc73e48afe202a', class: "dda-container line-seperater" }, h("div", { key: 'd43a87a3fca769911595517f48b9f3985cc4b899', class: "dda-flex dda-align-center flex-column dda-gap-5" }, h(TitleTag, { key: 'b9d3bc417c4f039816584ac6cec62e189acc098d', class: "dda-fs-display-sm dda-fw-700 dda-color-black" }, this.footerTitle), h("p", { key: 'e7f7b0bf9098e8ec371f37935c5f5cd1d78d9ded', class: "dda-fs-title-sm dda-fw-400 mb-3" }, this.description), h("div", { key: '95de23ef3068e49bc5b0ce4c4eba6714fb17f32c', class: "dda-flex dda-gap-5" }, h("dda-button", { key: 'bb8802b5b0d2749f7484fb2e8c4b26d8979bb977', button_color: "default-primary", size: "lg" }, this.signUpButtonText), h("dda-button", { key: 'ab82dcb1b4acd031dc464a917d853e8b2f26e862', button_color: "default-tertiary", size: "lg" }, this.loginButtonText)))), h("div", { key: '9f08aec61f1f268cb0dc84051d7658e8bd408edd', class: "dda-container line-seperater" }, h("div", { key: '1016ef66bea421c57f8812666ec6e9ef5f512381', class: "dda-row" }, h("div", { key: '1b5f215c919718ce80ad1e5f3fe5141110c629ea', class: "dda-col-lg-4 mb-3" }, h("div", { key: 'a2fd45a7c6280332aed7c91a090cbe136b394f16', class: "text-center" }, h("img", { key: 'bf94335f5522b8c92b857a61bbfda0ebb130bce9', class: "entt-logo", src: this.logoSrc, alt: this.logoAlt }), this.logoDescription && h("p", { key: '3b9ed6c844a84dc776dbc278b7dddf640be93517', class: "dda-fs-title-sm" }, this.logoDescription))), h("div", { key: '47d6e05b4346b64d3127c02de78046f548570582', class: "dda-col-lg-8" }, h("div", { key: '7c70dbb05573e1e4f045350e8a4c65da0d42c121', class: "dda-row" }, sections.map((section) => (h("div", { class: "dda-col-6 dda-col-sm-6 dda-col-md-3 mb-3" }, h("p", { class: "dda-fs-title-sm dda-fw-700 dda-color-black mb-3" }, section.title), h("ul", { class: "footer-menu" }, section.links.map((link) => (h("li", null, h("a", { class: "dda-fs-title-sm dda-fw-400", href: link.href }, link.label)))))))))))), h("div", { key: '071adeab6bac91d82851d40a90a15cc28620f87b', class: "dda-container pt-4" }, h("div", { key: '19d9d4c2aa5e05a0d167da58a8cc2912d5275d1b', class: "dda-flex dda-align-center dda-justify-space" }, h("p", { key: '2027228124320bbdb6606787bffb726cd18e95c0', class: "dda-fs-title-sm" }, this.copyrightText), h("ul", { key: '23e2aa0f8b3582335e3934b22cfd86ba8836b82b', class: "dda-flex dda-align-center dda-gap-4" }, icons.map((icon) => (h("li", null, h("a", { href: icon.href }, h("img", { class: "footer-social-icn", src: icon.src, alt: icon.alt }))))))))));
+        return (h("footer", { key: 'f005938d6cd00f889182331ef14c6d9ba4f0d0a5', class: "WB-footer" }, h("div", { key: 'da98f6e6442a9a1d8aae849a1a55eb836c63f71c', class: "dda-container line-seperater" }, h("div", { key: 'd3447ec6c8ed1beba16e078a5a9a1b74b490e32b', class: "dda-flex dda-align-center flex-column dda-gap-5" }, h(TitleTag, { key: 'caf3a306f5ae2117b37ae222276baadbf247a2c2', class: "dda-fs-display-sm dda-fw-700 dda-color-black" }, this.footerTitle), h("p", { key: 'de06d678244cf28af63313ef290a7a704d8f053b', class: "dda-fs-title-sm dda-fw-400 mb-3" }, this.description), h("div", { key: 'b264b2da8978aba5d2b36b4dee515d78a2754f60', class: "dda-flex dda-gap-5" }, h("dda-button", { key: '72cebd0ec2437bdf10c10730e90006a781d400e3', button_color: "default-primary", size: "lg" }, this.signUpButtonText), h("dda-button", { key: '8dad3345aa9873e38c0204447f3efb52633f702f', button_color: "default-tertiary", size: "lg" }, this.loginButtonText)))), h("div", { key: '36166b48c129ea1279e0631ebda38f616ee67d8b', class: "dda-container line-seperater" }, h("div", { key: 'c8e710c6a0a452e73f373c112ff80c1e3785bccd', class: "dda-row" }, h("div", { key: 'e9afa1b5bc17609888a19378b2bf855668c6a9e2', class: "dda-col-lg-4 mb-3" }, h("div", { key: '62068dcf2903f49e07ed23134f9ffc9525563689', class: "text-center" }, h("img", { key: '59a61465e0a2be3b7e61c5e47367b1264763157d', class: "entt-logo", src: this.logoSrc, alt: this.logoAlt }), this.logoDescription && h("p", { key: '38d8579830e00cc435bfc3629ae57b46ce80daf6', class: "dda-fs-title-sm" }, this.logoDescription))), h("div", { key: 'bfa182e001f7d49b50c34a7883bb6736a3fdd990', class: "dda-col-lg-8" }, h("div", { key: '3cf9158a674d75d69830c9e146f11ee40c9d38df', class: "dda-row" }, sections.map((section) => (h("div", { class: "dda-col-6 dda-col-sm-6 dda-col-md-3 mb-3" }, h("p", { class: "dda-fs-title-sm dda-fw-700 dda-color-black mb-3" }, section.title), h("ul", { class: "footer-menu" }, section.links.map((link) => (h("li", null, h("a", { class: "dda-fs-title-sm dda-fw-400", href: link.href }, link.label)))))))))))), h("div", { key: '808f2b1974985f2be33fc0cd6f47bddb64d545fd', class: "dda-container pt-4" }, h("div", { key: 'ee24d5898bc373cb94bfc950bfac7c565b27c590', class: "dda-flex dda-align-center dda-justify-space" }, h("p", { key: '49c490acbe449b27e361bf89855b06d5a4b69b3f', class: "dda-fs-title-sm" }, this.copyrightText), h("ul", { key: 'f4515714b6cd67e7b56c32644ff066aaa586fd07', class: "dda-flex dda-align-center dda-gap-4" }, icons.map((icon) => (h("li", null, h("a", { href: icon.href }, h("img", { class: "footer-social-icn", src: icon.src, alt: icon.alt }))))))))));
     }
     static get is() { return "dda-footer"; }
     static get originalStyleUrls() {