@dubai-design-system/components-js 3.2.0 → 3.3.0

package/dist/collection/components/dda-search-input/dda-search-input.js

@@ -2,27 +2,28 @@ import { h, Host } from "@stencil/core";
 export class DdaSearchInput {
     constructor() {
         this.placeholder = 'Search';
-        this.size = 'sm'; // default to small size
-        this.show_button = false; // control to show/hide search button
-        this.has_error = false; // control error state
+        this.size = 'sm';
+        this.show_button = false;
+        this.has_error = false;
         this.custom_class = '';
+        this.hasInputValue = false;
+        this.handleInput = (event) => {
+            const target = event.target;
+            this.hasInputValue = target.value.length > 0;
+        };
     }
-    // clearInput() {
-    //   const input = this.el.querySelector('#search') as HTMLInputElement;
-    //   if (input) {
-    //     input.value = '';
-    //   }
-    // }
     clearInput() {
         if (!this.input_id)
-            return; // safeguard
+            return;
         const input = this.el.querySelector(`#${this.input_id}`);
         if (input) {
             input.value = '';
+            this.hasInputValue = false;
+            input.focus(); // Optional: keep focus after clearing
         }
     }
     render() {
-        return (h(Host, { key: '26ca0fdbd7cfdd105684b3428316e266d5c5797b' }, h("div", { key: '05e5c75e439b936e57488eaa355577a3c05f3bf7', class: `dda-input-container dda-input-size-${this.size} ${this.component_mode} ${this.custom_class}  ${this.input_status ? `dda-input-${this.input_status}` : ''} ${this.has_error ? 'dda-validation-error' : ''}` }, this.label && h("label", { key: 'a5632c38ca9e8522bf47ea25e54a452eef93085c', htmlFor: this.button_id, class: "dda-input-label" }, this.label), h("div", { key: '600bab9f38a21f88c8584d4ac68d95051e91dfca', class: "dda-search-area dda-search-action" }, h("i", { key: '7de4653d833053550863af54f80e35f4a24b1a56', class: "material-icons icon-left" }, "search"), h("input", { key: 'fcd69ec9a76cc9e473feab851622226cd02fa628', name: this.search_input_name, "aria-label": this.aria_label, id: this.input_id, type: "text", class: "dda-input-field dda-search-field", placeholder: this.placeholder }), h("div", { key: '712899d8fc5a1dc246ca139cddc2fe6e4a6e8bfa', class: "dda-search-btngroup" }, h("button", { key: '0ece18ca510fd829b3c2f8c2962de117634d4dd8', name: this.close_button_name, "aria-label": this.button_aria_label, id: this.button_id, type: "button", class: "icon-close", onClick: () => this.clearInput() }, h("i", { key: '3c1be163ed3f5ec4ed7668d2b8a1c581437501d9', class: "material-icons  material-symbols-outlined" }, "close")), this.show_button && (h("button", { key: '5055e07fdd54df3a738781bbe6d75930fbf7fe9e', name: this.search_button_name, type: "button", class: "dda-btn btn-color-default-primary dda-btn-sm" }, "Search")))), this.helper_text && h("span", { key: '33783f3447768f7e14d00df680cdb2a71f7c68af', class: "dda-helper-text", id: this.validation_id }, this.helper_text), this.error_message && h("span", { key: '2bd61eb691e3a7e94073a72b10607e6cacd713cd', class: "dda-error-message", id: this.validation_id }, this.error_message))));
+        return (h(Host, { key: 'b3794a69b0e4e1e73c9bc6d20037c4c674a824b3' }, h("div", { key: '470d0a4fd9603ae27af7405349952365d4230ac6', class: `dda-input-container dda-input-size-${this.size} ${this.component_mode} ${this.custom_class} ${this.input_status ? `dda-input-${this.input_status}` : ''} ${this.has_error ? 'dda-validation-error' : ''}` }, this.label && h("label", { key: '4bcdd7a2ad9913cb9414e8c9bb803d3da0de5609', htmlFor: this.button_id, class: "dda-input-label" }, this.label), h("div", { key: '7672887a3e6ea2b5cafa51829a9c1c1116b6a235', class: "dda-search-area dda-search-action" }, h("i", { key: 'd42fd0f36a42e75f08427ff3a32512dcbb5dc93f', class: "material-icons icon-left" }, "search"), h("input", { key: '8a6717779d20cb86f8bcc9b2fbe99f4ea85be481', name: this.search_input_name, "aria-label": this.aria_label, id: this.input_id, type: "text", class: `dda-input-field dda-search-field ${this.show_button ? 'has-search-button' : ''}`, placeholder: this.placeholder, onInput: this.handleInput }), h("div", { key: '675aafd419f49a60de48c0df1bd928917c77f3e3', class: "dda-search-btngroup" }, this.hasInputValue && (h("button", { key: 'd476477b492ef78210c29604ecbebe1805c64cc4', name: this.close_button_name, "aria-label": this.button_aria_label, id: this.button_id, type: "button", class: "icon-close", onClick: () => this.clearInput() }, h("i", { key: 'bcb56b8eea8260a3f85e49d620024ca722bfc12a', class: "material-icons material-symbols-outlined" }, "close"))), this.show_button && (h("button", { key: 'cecc608a855e2b472023b3a73676facee646ddb6', name: this.search_button_name, type: "button", class: "dda-btn btn-color-default-primary dda-btn-sm" }, "Search")))), this.helper_text && h("span", { key: 'c0368b0d5ff7421c788e0704cf5d031c18f56aeb', class: "dda-helper-text", id: this.validation_id }, this.helper_text), this.error_message && h("span", { key: 'd50703bbed192532ba7191e3f919af8d8fd3ce48', class: "dda-error-message", id: this.validation_id }, this.error_message))));
     }
     static get is() { return "dda-search-input"; }
     static get originalStyleUrls() {
@@ -386,6 +387,11 @@ export class DdaSearchInput {
             }
         };
     }
+    static get states() {
+        return {
+            "hasInputValue": {}
+        };
+    }
     static get elementRef() { return "el"; }
 }
 //# sourceMappingURL=dda-search-input.js.map

package/dist/collection/components/dda-search-input/dda-search-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"dda-search-input.js","sourceRoot":"","sources":["../../../src/components/dda-search-input/dda-search-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOlE,MAAM,OAAO,cAAc;IAL3B;QAMU,gBAAW,GAAW,QAAQ,CAAC;QAE/B,SAAI,GAAW,IAAI,CAAC,CAAC,wBAAwB;QAE7C,gBAAW,GAAY,KAAK,CAAC,CAAC,qCAAqC;QAInE,cAAS,GAAY,KAAK,CAAC,CAAC,sBAAsB;QAClD,iBAAY,GAAY,EAAE,CAAC;KAgDpC;IApCC,iBAAiB;IACjB,wEAAwE;IACxE,iBAAiB;IACjB,wBAAwB;IACxB,MAAM;IACN,IAAI;IACJ,UAAU;QACV,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,OAAO,CAAC,YAAY;QAExC,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAqB,CAAC;QAC7E,IAAI,KAAK,EAAE,CAAC;YACV,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;QACnB,CAAC;IACH,CAAC;IAEC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,sCAAsC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,EAAE;gBACpN,IAAI,CAAC,KAAK,IAAI,8DAAO,OAAO,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAC,KAAK,CAAS;gBAC3F,4DAAK,KAAK,EAAC,mCAAmC;oBAC5C,0DAAG,KAAK,EAAC,0BAA0B,aAAW;oBAC9C,8DAAO,IAAI,EAAE,IAAI,CAAC,iBAAiB,gBAAc,IAAI,CAAC,UAAU,EAAE,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,kCAAkC,EAAC,WAAW,EAAE,IAAI,CAAC,WAAW,GAAG;oBAC1K,4DAAK,KAAK,EAAC,qBAAqB;wBAC9B,+DAAQ,IAAI,EAAE,IAAI,CAAC,iBAAiB,gBAAc,IAAI,CAAC,iBAAiB,EAAE,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE;4BAAE,0DAAG,KAAK,EAAC,2CAA2C,YAAU,CAAS;wBACvO,IAAI,CAAC,WAAW,IAAI,CACnB,+DAAQ,IAAI,EAAE,IAAI,CAAC,kBAAkB,EAAE,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,8CAA8C,aAAgB,CAC1H,CACG,CACF;gBACL,IAAI,CAAC,WAAW,IAAI,6DAAM,KAAK,EAAC,iBAAiB,EAAC,EAAE,EAAE,IAAI,CAAC,aAAa,IAAG,IAAI,CAAC,WAAW,CAAQ;gBACnG,IAAI,CAAC,aAAa,IAAI,6DAAM,KAAK,EAAC,mBAAmB,EAAC,EAAE,EAAE,IAAI,CAAC,aAAa,IAAG,IAAI,CAAC,aAAa,CAAQ,CACtG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host, Element } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-search-input',\r\n  styleUrls: ['../../global/input.css', '../../global/global.css', '../../global/dda-button.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaSearchInput {\r\n  @Prop() placeholder: string = 'Search';\r\n  @Prop() label: string;\r\n  @Prop() size: string = 'sm'; // default to small size\r\n  @Prop() error_message: string;\r\n  @Prop() show_button: boolean = false; // control to show/hide search button\r\n  @Prop() helper_text: string;\r\n  @Prop() validation_id: string;\r\n  @Prop() input_status?: string;\r\n  @Prop() has_error: boolean = false; // control error state\r\n  @Prop() custom_class?: string = ''; \r\n  @Prop() component_mode?: string; \r\n  @Prop() button_id?: string;\r\n  @Prop() input_id?: string;\r\n  @Prop() aria_label?: string;\r\n  @Prop() button_aria_label?: string;\r\n  @Prop() search_input_name: string;\r\n  @Prop() close_button_name: string;\r\n  @Prop() search_button_name: string;\r\n\r\n  @Element() el: HTMLElement;\r\n\r\n  // clearInput() {\r\n  //   const input = this.el.querySelector('#search') as HTMLInputElement;\r\n  //   if (input) {\r\n  //     input.value = '';\r\n  //   }\r\n  // }\r\n  clearInput() {\r\n  if (!this.input_id) return; // safeguard\r\n\r\n  const input = this.el.querySelector(`#${this.input_id}`) as HTMLInputElement;\r\n  if (input) {\r\n    input.value = '';\r\n  }\r\n}\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class={`dda-input-container dda-input-size-${this.size} ${this.component_mode} ${this.custom_class}  ${this.input_status ? `dda-input-${this.input_status}` : ''} ${this.has_error ? 'dda-validation-error' : ''}`}>\r\n          {this.label && <label htmlFor={this.button_id} class=\"dda-input-label\">{this.label}</label>}\r\n          <div class=\"dda-search-area dda-search-action\">\r\n            <i class=\"material-icons icon-left\">search</i>\r\n            <input name={this.search_input_name} aria-label={this.aria_label} id={this.input_id} type=\"text\" class=\"dda-input-field dda-search-field\" placeholder={this.placeholder}/>\r\n            <div class=\"dda-search-btngroup\">\r\n              <button name={this.close_button_name} aria-label={this.button_aria_label} id={this.button_id} type=\"button\" class=\"icon-close\" onClick={() => this.clearInput()}><i class=\"material-icons  material-symbols-outlined\">close</i></button>\r\n              {this.show_button && (\r\n                <button name={this.search_button_name} type=\"button\" class=\"dda-btn btn-color-default-primary dda-btn-sm\">Search</button>\r\n              )}\r\n            </div>\r\n          </div>\r\n          {this.helper_text && <span class=\"dda-helper-text\" id={this.validation_id}>{this.helper_text}</span>}\r\n          {this.error_message && <span class=\"dda-error-message\" id={this.validation_id}>{this.error_message}</span>}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n\r\n"]}
+{"version":3,"file":"dda-search-input.js","sourceRoot":"","sources":["../../../src/components/dda-search-input/dda-search-input.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Host, Element, State } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-search-input',\r\n  styleUrls: ['../../global/input.css', '../../global/global.css', '../../global/dda-button.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaSearchInput {\r\n  @Prop() placeholder: string = 'Search';\r\n  @Prop() label: string;\r\n  @Prop() size: string = 'sm';\r\n  @Prop() error_message: string;\r\n  @Prop() show_button: boolean = false;\r\n  @Prop() helper_text: string;\r\n  @Prop() validation_id: string;\r\n  @Prop() input_status?: string;\r\n  @Prop() has_error: boolean = false;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() button_id?: string;\r\n  @Prop() input_id?: string;\r\n  @Prop() aria_label?: string;\r\n  @Prop() button_aria_label?: string;\r\n  @Prop() search_input_name: string;\r\n  @Prop() close_button_name: string;\r\n  @Prop() search_button_name: string;\r\n\r\n  @Element() el: HTMLElement;\r\n\r\n  @State() hasInputValue: boolean = false;\r\n\r\n  handleInput = (event: Event) => {\r\n    const target = event.target as HTMLInputElement;\r\n    this.hasInputValue = target.value.length > 0;\r\n  }\r\n\r\n  clearInput() {\r\n    if (!this.input_id) return;\r\n\r\n    const input = this.el.querySelector(`#${this.input_id}`) as HTMLInputElement;\r\n    if (input) {\r\n      input.value = '';\r\n      this.hasInputValue = false;\r\n      input.focus(); // Optional: keep focus after clearing\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class={`dda-input-container dda-input-size-${this.size} ${this.component_mode} ${this.custom_class} ${this.input_status ? `dda-input-${this.input_status}` : ''} ${this.has_error ? 'dda-validation-error' : ''}`}>\r\n          {this.label && <label htmlFor={this.button_id} class=\"dda-input-label\">{this.label}</label>}\r\n          <div class=\"dda-search-area dda-search-action\">\r\n            <i class=\"material-icons icon-left\">search</i>\r\n            <input\r\n              name={this.search_input_name}\r\n              aria-label={this.aria_label}\r\n              id={this.input_id}\r\n              type=\"text\"\r\n              class={`dda-input-field dda-search-field ${this.show_button ? 'has-search-button' : ''}`}\r\n              placeholder={this.placeholder}\r\n              onInput={this.handleInput}\r\n            />\r\n            <div class=\"dda-search-btngroup\">\r\n              {this.hasInputValue && (\r\n                <button\r\n                  name={this.close_button_name}\r\n                  aria-label={this.button_aria_label}\r\n                  id={this.button_id}\r\n                  type=\"button\"\r\n                  class=\"icon-close\"\r\n                  onClick={() => this.clearInput()}\r\n                >\r\n                  <i class=\"material-icons material-symbols-outlined\">close</i>\r\n                </button>\r\n              )}\r\n              {this.show_button && (\r\n                <button\r\n                  name={this.search_button_name}\r\n                  type=\"button\"\r\n                  class=\"dda-btn btn-color-default-primary dda-btn-sm\"\r\n                >\r\n                  Search\r\n                </button>\r\n              )}\r\n            </div>\r\n          </div>\r\n          {this.helper_text && <span class=\"dda-helper-text\" id={this.validation_id}>{this.helper_text}</span>}\r\n          {this.error_message && <span class=\"dda-error-message\" id={this.validation_id}>{this.error_message}</span>}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -29,7 +29,7 @@ export class Ddaselect {
         }
     }
     render() {
-        return (h(Host, { key: 'dee7727612f424a929e1831f834f97a03650f3c5' }, h("div", { key: 'f518301f0d6c22f1d8a9b0a75d181d514a49b52b', class: `dda-input-container ${this.custom_class} ${this.component_mode} ${this.disabled ? 'dda-input-disabled' : ''} dda-input-size-${this.size} dda-validation-${this.error} ` }, this.label && h("label", { key: '4426c8a78bbb9328527838f19542232baec1bf7f', htmlFor: this.button_id, class: "dda-input-label" }, this.label), h("div", { key: '58cda6dd0ab1db0179590f2fa020080d057a07bb', class: "dda-dropdown-container" }, h("button", { key: 'a0a6d756e1404d2aa3aa07f48507bc73854d7237', name: this.toggle_button_name, "aria-label": this.aria_label, id: this.button_id, type: "button", class: "dda-input-field dda-select-header", onClick: () => { this.toggleSelect(); } }, this.selectedText || 'Select an option', h("i", { key: '7fbc7e6e73b7cf6adf25319c907585c4f57cbb6b', class: `material-icons` }, this.is_open ? 'keyboard_arrow_up' : 'keyboard_arrow_down')), this.is_open && (h("div", { key: 'f01b446c0c118f330ef29063bbdd29cc337c3e90', class: "dda-input-dropdown-list dda-select-list" }, this.parsedOptions.length > 0 ? (this.parsedOptions.map((option) => (h("button", { name: this.option_select_button_name, type: "button", class: `dda-input-dropdown-item ${this.selectedId === option.id ? 'selected' : ''}`, onClick: () => this.selectOption(option) }, option.text)))) : (h("div", { class: "dda-input-dropdown-item" }, "No options available"))))), this.helper_text && h("span", { key: '0902c8f1b9928978db5824fa06ccc8ee2a8cc749', class: "dda-helper-text", id: this.validation_id }, this.helper_text), this.error_message && h("span", { key: '743c9724193d04985a6a3cd5a4a7e799461c18d1', class: "dda-error-message", id: this.validation_id }, this.error_message))));
+        return (h(Host, { key: '022516be26510e9db7bfa852033237ecfcf699f7' }, h("div", { key: '428bf2139a4890aa4e2fc939993c7dd07852a8e3', class: `dda-input-container ${this.custom_class} ${this.component_mode} ${this.disabled ? 'dda-input-disabled' : ''} dda-input-size-${this.size} dda-validation-${this.error} ` }, this.label && h("label", { key: 'c4b85d140f71d21f6ba6ba2565f02f1e52a8c9e9', htmlFor: this.button_id, class: "dda-input-label" }, this.label), h("div", { key: '0aea7bea3272b36b72466d6234beb9033f94f390', class: "dda-dropdown-container" }, h("button", { key: '9175f7f38d1f3893ed3d29592cc6fe3fd7219795', name: this.toggle_button_name, "aria-label": this.aria_label, id: this.button_id, type: "button", class: "dda-input-field dda-select-header", onClick: () => { this.toggleSelect(); } }, this.selectedText || 'Select an option', h("i", { key: 'c2b2dd3971a0af0c462e45af55783639e0215890', class: `material-icons` }, this.is_open ? 'keyboard_arrow_up' : 'keyboard_arrow_down')), this.is_open && (h("div", { key: 'c5906b3b18874ecdd3c2fc7aad69fbd49ada70b1', class: "dda-input-dropdown-list dda-select-list" }, this.parsedOptions.length > 0 ? (this.parsedOptions.map((option) => (h("button", { name: this.option_select_button_name, type: "button", class: `dda-input-dropdown-item ${this.selectedId === option.id ? 'selected' : ''}`, onClick: () => this.selectOption(option) }, option.text)))) : (h("div", { class: "dda-input-dropdown-item" }, "No options available"))))), this.helper_text && h("span", { key: '4cf11bb0cc0ecf4175afcbce7fb62941def8f330', class: "dda-helper-text", id: this.validation_id }, this.helper_text), this.error_message && h("span", { key: 'fe53d74da7270839479972bbb92ed60250130896', class: "dda-error-message", id: this.validation_id }, this.error_message))));
     }
     static get is() { return "dda-select"; }
     static get originalStyleUrls() {

package/dist/collection/components/dda-sticky-footer/dda-sticky-footer.css

@@ -97,19 +97,34 @@
         height: 35px;
     }
 } */
-@media (max-width: 992px) {
+.dda-footer .dubaiae-text-icon{
+    height: 18px;
+}
+.dda-footer .dubaiae-small-icon{
+    height: 18px;
+    display: none;
+}
+
+@media (max-width: 1024px) {
     .dda-footer {
         background: transparent;
         box-shadow: none;
+        padding-left: 32px;
+        padding-right: 32px;
+        padding-bottom: 32px;
+    }
+    .footer-content{
+        height: auto;
     }
-
     .foot-menu,
     .foot-icon-btn a span {
         display: none;
     }
-
+    .dda-footer-item ul{
+        gap: 16px
+    }
     .dda-footer-item ul li {
-        padding: 0 8px;
+        padding: 0px;
         border: 0px !important;
     }
 
@@ -140,7 +155,7 @@
     .dda-footer-right .foot-right_links {
         position: absolute;
         bottom: 59px;
-        inset-inline-end: -7px;
+        inset-inline-end: 0px;
         display: flex;
         flex-direction: column;
         gap: 10px;
@@ -155,10 +170,24 @@
         opacity: 1;
         transform: translateY(0);
     }
+    .dda-footer .dubaiae-text-icon{
+        display: none;
+    }
+    .dda-footer .dubaiae-small-icon{
+        height: 24px;
+        display: block;
+    }
 
     
 }
 
+@media (max-width: 640px) {
+    .dda-footer {
+        padding-left: 16px;
+        padding-right: 16px;
+        padding-bottom: 16px;
+    }
+}
 
 @media (max-width: 1200px) {
     
@@ -168,4 +197,5 @@
     .dda-footer-middle {
         display: none;
     }
+    
 }

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

@@ -54,12 +54,17 @@ export class DdaStickyFooter {
         console.log("chat icon click");
     }
     aiIconClick() {
-        console.log("chat icon click");
+        console.log("ai icon click");
+    }
+    dubaiAEClick() {
+        console.log('dubai.ae icon click');
     }
     render() {
         const footmiddlesection = this.parseJsonArray(this.middleLink);
         const footrightsection = this.parseJsonArray(this.rightLink);
-        return (h("footer", { key: 'b68e8db63b61363506923959ebf9059b00aa71b4', class: { 'dda-footer': true, 'hidden': this.isHidden } }, h("div", { key: '81feb06447e0433acde0bcf64ed0aa5d97cc6324', class: "footer-content" }, h("div", { key: 'b5feb43a3980993c8ad26709f03cd6f27bb9b51a', class: "dda-footer-item dda-footer-left" }, h("ul", { key: '9290ce4051be9077717a11200a36547d959acd2b' }, h("li", { key: '57d9aacac930948942a0a5fb577b5f19a4d62e26', class: "foot-icon-btn" }, h("dda-tooltip", { key: 'faace0980db7d7cbcfbf69df27f9430ec56c4579', title_text: this.happinessIconTooltip, description: "", position: "top" }, h("a", { key: '9b95c4d7361982d6506c3211ff44589b7fa7cc68', href: this.happinessIconHref }, h("img", { key: '08e814dfec6bf47f46ee3aa06aef411d0e4d8e59', src: this.happinessIconSrc, alt: this.happinessIconAlt })))), h("li", { key: '197a7c22d1bb2eec79ac7433f25de577a723dd9e', class: "foot-icon-btn" }, h("dda-tooltip", { key: 'abb68d459201ab9e1c7e5392b5c4196442db4126', title_text: this.accessibilityIconTooltip, description: "", position: "top" }, h("a", { key: 'eb3ee61527e3019c658cf0bfc1a5fd918fa9b356', href: this.accessibilityIconHref }, h("img", { key: '4529726885401e00ca9faed8b2b2c71e8f35df81', src: this.accessibilityIconSrc, alt: this.accessibilityIconAlt })))), h("li", { key: '6c8b30592bdbf3fa6db886f4632ab5eb56ee4127', class: "foot-icon-btn" }, h("dda-tooltip", { key: '8827377c5129446235255075438be3100a468a3f', title_text: this.servicesIconTooltip, description: "", position: "top" }, h("a", { key: '48d52498408a7d7484d1a8062622741e3c55bbf4', href: this.servicesIconHref }, h("img", { key: '8caf62d0a9be9f5816641d88ec1eff002985ddc3', src: this.servicesIconSrc, alt: this.servicesIconAlt }), this.servicesIconText && h("span", { key: '439fe7998b1c4c1afd52af7dee135e02d4370bb0' }, this.servicesIconText)))))), this.hideMiddleSection == false && (h("div", { key: 'bf2a213f75f1ee53d17febd7c2b2b63f2024bf19', class: "dda-footer-item dda-footer-middle" }, h("ul", { key: 'a66e0521d323d452a99eb7c750778c7bdb2fd1b7', class: "foot-logo" }, footmiddlesection.map((middleItem, index) => (h("li", { key: index }, h("dda-tooltip", { title_text: middleItem.LogoTooltip, description: "", position: "top" }, h("a", { href: middleItem.href }, h("img", { src: middleItem.src, alt: middleItem.alt }))))))))), h("div", { key: 'ca690f86e04729d88bd48341632e74321cdbd56d', class: "dda-footer-item dda-footer-right" }, h("ul", { key: 'a1f4abbf30502fe1dcf8ff3e34800ec997b865ec', class: "foot-right_links" }, footrightsection.map((rightItem, index) => (h("li", { class: "foot-icon-btn", key: index }, h("dda-tooltip", { title_text: rightItem.RightLinkTooltip, description: "", position: "top" }, h("a", { href: rightItem.href }, h("i", { class: rightItem.IconFamily }, rightItem.IconName), h("span", null, rightItem.LinkText)))))), h("li", { key: 'aa38d76490222661bc651b7c4f38f9568bdd374c', class: "foot-icon-btn" }, h("dda-tooltip", { key: '09a945588e400c8db81a61210eadc1dce8a090f0', title_text: this.aiIconTooltip, description: "", position: "top" }, h("a", { key: '5bfa3195a362f6928d17ccd47c568167b8a693d8', href: this.aiIconHref, onClick: this.aiIconClick }, h("img", { key: 'dd6015ee9c1290413edf1586cf39a8b0633e2e28', src: this.aiIconSrc, alt: this.aiIconAlt })))), h("li", { key: '3a38fbf341605f880727189c65875449e66720ef', class: "foot-icon-btn" }, h("dda-tooltip", { key: '11539c243498647df919cfae2a07464edaaf29d4', title_text: this.chatIconTooltip, description: "", position: "top" }, h("a", { key: '2cf86bf2e41394100699956a65fda524c2466eb0', href: this.chatIconHref, onClick: this.chatIconClick }, h("img", { key: '9ebb35096405c9def6e2f95c1a9e08ac0e2fc591', src: this.chatIconSrc, alt: this.chatIconAlt }))))), h("button", { key: '19e1b17e55d2e7e6c43754788d5449e3c5885a87', type: 'button', class: "show-right-icon" }, h("i", { key: '6255fa90c35d9e484e5bf3446ebd9d109e6956cb', class: "material-icons" }, this.moreIcon))))));
+        return (h("footer", { key: 'ce850e99d533531273cd45a208687bbf2e2616a4', class: { 'dda-footer': true, 'hidden': this.isHidden } }, h("div", { key: 'be506e5f44c8a8bf00c144cde874bf9de605ff08', class: "footer-content" }, h("div", { key: '633fbea5529c83a78069cf6194705d9e24c6ebf8', class: "dda-footer-item dda-footer-left" }, h("ul", { key: 'bf38dbaa24713bcfb32826bce8bf17da04af7c06' }, h("li", { key: '2ec3bc90d9091fdfb8ad97a5d02030aaa9f3f5c8', class: "foot-icon-btn" }, h("dda-tooltip", { key: 'ec4afc52c9aa415a36b0ea5b23a7486f226bf5e1', title_text: this.happinessIconTooltip, description: "", position: "top" }, h("a", { key: '112043991253e7e782889e3ed88c5bee0922e145', href: this.happinessIconHref }, h("img", { key: '2b6bcebd2aea2319694d9eb7def3e3adcb4d8fa1', src: this.happinessIconSrc, alt: this.happinessIconAlt })))), h("li", { key: '0ab38b07eb6b37d5286075f05636f6aed2e20508', class: "foot-icon-btn" }, h("dda-tooltip", { key: '73cd14a909e74b27c9d015baa647aedd16952ae1', title_text: this.accessibilityIconTooltip, description: "", position: "top" }, h("a", { key: '37333f8294e8d313c1113eb048a3691b4fed2d4e', href: this.accessibilityIconHref }, h("img", { key: '85ec1b69ee4bddc57a5f97a6db8e794e6f8fb897', src: this.accessibilityIconSrc, alt: this.accessibilityIconAlt })))), h("li", { key: 'f9c1bad312850107bde4f864366dcf2a7dd10a59', class: "foot-icon-btn" }, h("dda-tooltip", { key: '04af854ef43909a7ea96bc32b60f1e12337a7502', title_text: this.servicesIconTooltip, description: "", position: "top" }, h("a", { key: '576c11782043821ac5c3565b12f31b02cf3b89f9', href: this.servicesIconHref }, h("img", { key: 'a95a1feb80dfecd2ee00e29c7c63d3a2a3208650', src: this.servicesIconSrc, alt: this.servicesIconAlt }), this.servicesIconText && h("span", { key: '2211bfc4e7112e837a0fc80849111b208f85451b' }, this.servicesIconText)))))), this.hideMiddleSection == false && (h("div", { key: '1d040a2394e7eb2882e1eb99e5001f06ad58085f', class: "dda-footer-item dda-footer-middle" }, h("ul", { key: '459b250536dfd0935a6b2b8d1594452a5c82769d', class: "foot-logo" }, footmiddlesection.map((middleItem, index) => (h("li", { key: index }, h("dda-tooltip", { title_text: middleItem.LogoTooltip, description: "", position: "top" }, h("a", { href: middleItem.href }, h("img", { src: middleItem.src, alt: middleItem.alt }))))))))), h("div", { key: 'c07fc628f50df24e9073e3d424c855e39bf92300', class: "dda-footer-item dda-footer-right" }, h("ul", { key: '3e12e3cf16fa502623dfd48fd188523e9b2993d0', class: "foot-right_links" }, footrightsection.map((rightItem, index) => (h("li", { class: "foot-icon-btn", key: index }, h("dda-tooltip", { title_text: rightItem.RightLinkTooltip, description: "", position: "top" }, h("a", { href: rightItem.href }, h("i", { class: rightItem.IconFamily }, rightItem.IconName), h("span", null, rightItem.LinkText)))))), this.dubaiaeIconSrc ?
+            h("li", { class: "foot-icon-btn" }, h("dda-tooltip", { title_text: this.dubaiaeIconTooltip, description: "", position: "top" }, h("a", { href: this.dubaiaeIconHref, onClick: this.dubaiAEClick }, h("img", { class: "dubaiae-text-icon", src: this.dubaiaeIconSrc, alt: this.dubaiaeIconAlt }), h("img", { class: "dubaiae-small-icon", src: this.dubaiaeIconSmallSrc, alt: this.dubaiaeIconAlt }))))
+            : null, h("li", { key: 'e27cf3f589c5058a4b4ba443e421802e9147b0d5', class: "foot-icon-btn" }, h("dda-tooltip", { key: '5d61231b68d75ee8d92ee5616644d1bf69bbdcd1', title_text: this.aiIconTooltip, description: "", position: "top" }, h("a", { key: '4e262fafc464f85a5782f6175440da81ebd6dab5', href: this.aiIconHref, onClick: this.aiIconClick }, h("img", { key: '6369b25e0bba7e9ad8daf23073ea58993c069629', src: this.aiIconSrc, alt: this.aiIconAlt })))), h("li", { key: '876499e7265ee4e5a05199127379db990c92d615', class: "foot-icon-btn" }, h("dda-tooltip", { key: '6e2badba35ffd056bf41dbdfdaaea8920d0babef', title_text: this.chatIconTooltip, description: "", position: "top" }, h("a", { key: 'a460ce43a236869d8fac15f42ee45be080d84a7a', href: this.chatIconHref, onClick: this.chatIconClick }, h("img", { key: 'b28c893b3277b3872292729fa79ba7e70d15432a', src: this.chatIconSrc, alt: this.chatIconAlt }))))), h("button", { key: '3e6d701dc762cfca11e8067efaf456ac1ce5e83e', type: 'button', class: "show-right-icon" }, h("i", { key: 'b00d9bc5dbca232585a2603e14e4c4a23596ab51', class: "material-icons" }, this.moreIcon))))));
     }
     static get is() { return "dda-sticky-footer"; }
     static get encapsulation() { return "shadow"; }
@@ -456,6 +461,101 @@ export class DdaStickyFooter {
                 "attribute": "ai-icon-tooltip",
                 "reflect": false
             },
+            "dubaiaeIconHref": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "dubaiae-icon-href",
+                "reflect": false
+            },
+            "dubaiaeIconSrc": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "dubaiae-icon-src",
+                "reflect": false
+            },
+            "dubaiaeIconSmallSrc": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "dubaiae-icon-small-src",
+                "reflect": false
+            },
+            "dubaiaeIconAlt": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "dubaiae-icon-alt",
+                "reflect": false
+            },
+            "dubaiaeIconTooltip": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "dubaiae-icon-tooltip",
+                "reflect": false
+            },
             "chatIconHref": {
                 "type": "string",
                 "mutable": false,

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

@@ -1 +1 @@
-{"version":3,"file":"dda-sticky-footer.js","sourceRoot":"","sources":["../../../src/components/dda-sticky-footer/dda-sticky-footer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, State, Element } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-sticky-footer',\r\n  styleUrls: ['dda-sticky-footer.css', '../../global/global.css'],\r\n  shadow: true,\r\n})\r\nexport class DdaStickyFooter {\r\n  /** Element reference */\r\n  @Element() el: HTMLElement;\r\n\r\n  /** Props for default left icons */\r\n  @Prop() happinessIconHref?: string;\r\n  @Prop() happinessIconSrc: string;\r\n  @Prop() happinessIconAlt: string;\r\n  @Prop() happinessIconTooltip: string;\r\n\r\n  @Prop() accessibilityIconHref: string;\r\n  @Prop() accessibilityIconSrc: string;\r\n  @Prop() accessibilityIconAlt: string;\r\n  @Prop() accessibilityIconTooltip: string;\r\n\r\n  @Prop() servicesIconHref: string;\r\n  @Prop() servicesIconSrc: string;\r\n  @Prop() servicesIconAlt: string;\r\n  @Prop() servicesIconTooltip: string;\r\n  @Prop() servicesIconText: string;\r\n\r\n  /** Flags */\r\n  @Prop() hideMiddleSection: boolean = false;\r\n  @Prop() middleLink: string;\r\n  \r\n  /** Right Section Props */\r\n  @Prop() rightLink: string;\r\n\r\n  @Prop() aiIconHref: string;\r\n  @Prop() aiIconSrc: string;\r\n  @Prop() aiIconAlt: string;\r\n  @Prop() aiIconTooltip: string;\r\n\r\n  @Prop() chatIconHref: string;\r\n  @Prop() chatIconSrc: string;\r\n  @Prop() chatIconAlt: string;\r\n  @Prop() chatIconTooltip: string;\r\n  @Prop() moreIcon: string;\r\n\r\n  @State() isHidden: boolean = false;\r\n  private lastScrollY: number = 0;\r\n\r\n  \r\n\r\n  componentWillLoad() {\r\n    this.handleScroll = this.handleScroll.bind(this);\r\n  }\r\n\r\n  componentDidLoad() {\r\n    window.addEventListener('scroll', this.handleScroll);\r\n\r\n    const toggleBtn = this.el.shadowRoot.querySelector('.show-right-icon') as HTMLElement;\r\n    const iconList = this.el.shadowRoot.querySelector('.foot-right_links') as HTMLElement;\r\n    const items = iconList?.querySelectorAll('li') || [];\r\n\r\n    if (toggleBtn && iconList) {\r\n      toggleBtn.addEventListener('click', (e) => {\r\n        e.preventDefault();\r\n        const isShown = iconList.classList.contains('show-dda-icon');\r\n\r\n        if (!isShown) {\r\n          iconList.classList.add('show-dda-icon');\r\n          items.forEach((item, index) => {\r\n            (item as HTMLElement).style.transitionDelay = `${index * 100}ms`;\r\n          });\r\n        } else {\r\n          items.forEach((item) => {\r\n            (item as HTMLElement).style.transitionDelay = '0ms';\r\n          });\r\n          iconList.classList.remove('show-dda-icon');\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    window.removeEventListener('scroll', this.handleScroll);\r\n  }\r\n\r\n  handleScroll() {\r\n    const currentScrollY = window.scrollY;\r\n    this.isHidden = currentScrollY > this.lastScrollY;\r\n    this.lastScrollY = currentScrollY;\r\n  }\r\n\r\n  private parseJsonArray(jsonString: string) {\r\n    try {\r\n      return JSON.parse(jsonString);\r\n    } catch (e) {\r\n      console.error('Failed to parse JSON:', e);\r\n      return [];\r\n    }\r\n  }\r\n\r\n  chatIconClick() {\r\n    console.log(\"chat icon click\")\r\n  }\r\n\r\n  aiIconClick() {\r\n    console.log(\"chat icon click\")\r\n  }\r\n\r\n  render() {\r\n    const footmiddlesection = this.parseJsonArray(this.middleLink);\r\n    const footrightsection = this.parseJsonArray(this.rightLink);\r\n\r\n    return (\r\n      \r\n        <footer class={{ 'dda-footer': true, 'hidden': this.isHidden }}>\r\n          <div class=\"footer-content\">\r\n            {/* Left Section */}\r\n            <div class=\"dda-footer-item dda-footer-left\">\r\n              <ul>\r\n                <li class=\"foot-icon-btn\">\r\n                  <dda-tooltip title_text={this.happinessIconTooltip} description=\"\" position=\"top\">\r\n                    <a href={this.happinessIconHref}>\r\n                      <img src={this.happinessIconSrc} alt={this.happinessIconAlt} />\r\n                    </a>\r\n                  </dda-tooltip>\r\n                </li>\r\n                <li class=\"foot-icon-btn\">\r\n                  <dda-tooltip title_text={this.accessibilityIconTooltip} description=\"\" position=\"top\">\r\n                    <a href={this.accessibilityIconHref}>\r\n                      <img src={this.accessibilityIconSrc} alt={this.accessibilityIconAlt} />\r\n                    </a>\r\n                  </dda-tooltip>\r\n                </li>\r\n                <li class=\"foot-icon-btn\">\r\n                  <dda-tooltip title_text={this.servicesIconTooltip} description=\"\" position=\"top\">\r\n                    <a href={this.servicesIconHref}>\r\n                      <img src={this.servicesIconSrc} alt={this.servicesIconAlt} />\r\n                      {this.servicesIconText && <span>{this.servicesIconText}</span>}\r\n                    </a>\r\n                  </dda-tooltip>\r\n                </li>\r\n              </ul>\r\n            </div>\r\n\r\n            {/* Middle Section */}\r\n            {this.hideMiddleSection == false && (\r\n              <div class=\"dda-footer-item dda-footer-middle\">\r\n                <ul class=\"foot-logo\">\r\n                  {footmiddlesection.map((middleItem, index) => (\r\n                    <li key={index}>\r\n                      <dda-tooltip title_text={middleItem.LogoTooltip} description=\"\" position=\"top\">\r\n                        <a href={middleItem.href}>\r\n                          <img src={middleItem.src} alt={middleItem.alt} />\r\n                        </a>\r\n                      </dda-tooltip>\r\n                    </li>\r\n                  ))}\r\n                </ul>\r\n              </div>\r\n            )}\r\n\r\n            {/* Right Section */}\r\n            <div class=\"dda-footer-item dda-footer-right\">\r\n              <ul class=\"foot-right_links\">\r\n\r\n                {footrightsection.map((rightItem, index) => (\r\n                  <li class=\"foot-icon-btn\" key={index}>\r\n                    <dda-tooltip title_text={rightItem.RightLinkTooltip} description=\"\" position=\"top\">\r\n                      <a href={rightItem.href}>\r\n                        <i class={rightItem.IconFamily}>{rightItem.IconName}</i>\r\n                        {/* <i class=\"material-icons\">location_on</i> */}\r\n                        <span>{rightItem.LinkText}</span>\r\n                      </a>\r\n                    </dda-tooltip>\r\n                  </li>\r\n                ))}\r\n\r\n                <li class=\"foot-icon-btn\">\r\n                  <dda-tooltip title_text={this.aiIconTooltip} description=\"\" position=\"top\">\r\n                    <a href={this.aiIconHref} onClick={this.aiIconClick}>\r\n                      <img src={this.aiIconSrc} alt={this.aiIconAlt} />\r\n                    </a>\r\n                  </dda-tooltip>\r\n                </li>\r\n                <li class=\"foot-icon-btn\">\r\n                  <dda-tooltip title_text={this.chatIconTooltip} description=\"\" position=\"top\">\r\n                    <a href={this.chatIconHref} onClick={this.chatIconClick}>\r\n                      <img src={this.chatIconSrc} alt={this.chatIconAlt} />\r\n                    </a>\r\n                  </dda-tooltip>\r\n                </li>\r\n              </ul>\r\n              <button type='button' class=\"show-right-icon\"><i class=\"material-icons\">{this.moreIcon}</i></button>\r\n            </div>\r\n          </div>\r\n        </footer>\r\n      \r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"dda-sticky-footer.js","sourceRoot":"","sources":["../../../src/components/dda-sticky-footer/dda-sticky-footer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, State, Element } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-sticky-footer',\r\n  styleUrls: ['dda-sticky-footer.css', '../../global/global.css'],\r\n  shadow: true,\r\n})\r\nexport class DdaStickyFooter {\r\n  /** Element reference */\r\n  @Element() el: HTMLElement;\r\n\r\n  /** Props for default left icons */\r\n  @Prop() happinessIconHref?: string;\r\n  @Prop() happinessIconSrc: string;\r\n  @Prop() happinessIconAlt: string;\r\n  @Prop() happinessIconTooltip: string;\r\n\r\n  @Prop() accessibilityIconHref: string;\r\n  @Prop() accessibilityIconSrc: string;\r\n  @Prop() accessibilityIconAlt: string;\r\n  @Prop() accessibilityIconTooltip: string;\r\n\r\n  @Prop() servicesIconHref: string;\r\n  @Prop() servicesIconSrc: string;\r\n  @Prop() servicesIconAlt: string;\r\n  @Prop() servicesIconTooltip: string;\r\n  @Prop() servicesIconText: string;\r\n\r\n  /** Flags */\r\n  @Prop() hideMiddleSection: boolean = false;\r\n  @Prop() middleLink: string;\r\n  \r\n  /** Right Section Props */\r\n  @Prop() rightLink: string;\r\n\r\n  @Prop() aiIconHref: string;\r\n  @Prop() aiIconSrc: string;\r\n  @Prop() aiIconAlt: string;\r\n  @Prop() aiIconTooltip: string;\r\n\r\n  @Prop() dubaiaeIconHref: string;\r\n  @Prop() dubaiaeIconSrc: string;\r\n  @Prop() dubaiaeIconSmallSrc: string;\r\n  @Prop() dubaiaeIconAlt: string;\r\n  @Prop() dubaiaeIconTooltip: string;\r\n\r\n  @Prop() chatIconHref: string;\r\n  @Prop() chatIconSrc: string;\r\n  @Prop() chatIconAlt: string;\r\n  @Prop() chatIconTooltip: string;\r\n  @Prop() moreIcon: string;\r\n\r\n  @State() isHidden: boolean = false;\r\n  private lastScrollY: number = 0;\r\n\r\n  \r\n\r\n  componentWillLoad() {\r\n    this.handleScroll = this.handleScroll.bind(this);\r\n  }\r\n\r\n  componentDidLoad() {\r\n    window.addEventListener('scroll', this.handleScroll);\r\n\r\n    const toggleBtn = this.el.shadowRoot.querySelector('.show-right-icon') as HTMLElement;\r\n    const iconList = this.el.shadowRoot.querySelector('.foot-right_links') as HTMLElement;\r\n    const items = iconList?.querySelectorAll('li') || [];\r\n\r\n    if (toggleBtn && iconList) {\r\n      toggleBtn.addEventListener('click', (e) => {\r\n        e.preventDefault();\r\n        const isShown = iconList.classList.contains('show-dda-icon');\r\n\r\n        if (!isShown) {\r\n          iconList.classList.add('show-dda-icon');\r\n          items.forEach((item, index) => {\r\n            (item as HTMLElement).style.transitionDelay = `${index * 100}ms`;\r\n          });\r\n        } else {\r\n          items.forEach((item) => {\r\n            (item as HTMLElement).style.transitionDelay = '0ms';\r\n          });\r\n          iconList.classList.remove('show-dda-icon');\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    window.removeEventListener('scroll', this.handleScroll);\r\n  }\r\n\r\n  handleScroll() {\r\n    const currentScrollY = window.scrollY;\r\n    this.isHidden = currentScrollY > this.lastScrollY;\r\n    this.lastScrollY = currentScrollY;\r\n  }\r\n\r\n  private parseJsonArray(jsonString: string) {\r\n    try {\r\n      return JSON.parse(jsonString);\r\n    } catch (e) {\r\n      console.error('Failed to parse JSON:', e);\r\n      return [];\r\n    }\r\n  }\r\n\r\n  chatIconClick() {\r\n    console.log(\"chat icon click\")\r\n  }\r\n\r\n  aiIconClick() {\r\n    console.log(\"ai icon click\")\r\n  }\r\n\r\n  dubaiAEClick() {\r\n    console.log('dubai.ae icon click')\r\n  }\r\n\r\n  render() {\r\n    const footmiddlesection = this.parseJsonArray(this.middleLink);\r\n    const footrightsection = this.parseJsonArray(this.rightLink);\r\n\r\n    return (\r\n      \r\n        <footer class={{ 'dda-footer': true, 'hidden': this.isHidden }}>\r\n          <div class=\"footer-content\">\r\n            {/* Left Section */}\r\n            <div class=\"dda-footer-item dda-footer-left\">\r\n              <ul>\r\n                <li class=\"foot-icon-btn\">\r\n                  <dda-tooltip title_text={this.happinessIconTooltip} description=\"\" position=\"top\">\r\n                    <a href={this.happinessIconHref}>\r\n                      <img src={this.happinessIconSrc} alt={this.happinessIconAlt} />\r\n                    </a>\r\n                  </dda-tooltip>\r\n                </li>\r\n                <li class=\"foot-icon-btn\">\r\n                  <dda-tooltip title_text={this.accessibilityIconTooltip} description=\"\" position=\"top\">\r\n                    <a href={this.accessibilityIconHref}>\r\n                      <img src={this.accessibilityIconSrc} alt={this.accessibilityIconAlt} />\r\n                    </a>\r\n                  </dda-tooltip>\r\n                </li>\r\n                <li class=\"foot-icon-btn\">\r\n                  <dda-tooltip title_text={this.servicesIconTooltip} description=\"\" position=\"top\">\r\n                    <a href={this.servicesIconHref}>\r\n                      <img src={this.servicesIconSrc} alt={this.servicesIconAlt} />\r\n                      {this.servicesIconText && <span>{this.servicesIconText}</span>}\r\n                    </a>\r\n                  </dda-tooltip>\r\n                </li>\r\n              </ul>\r\n            </div>\r\n\r\n            {/* Middle Section */}\r\n            {this.hideMiddleSection == false && (\r\n              <div class=\"dda-footer-item dda-footer-middle\">\r\n                <ul class=\"foot-logo\">\r\n                  {footmiddlesection.map((middleItem, index) => (\r\n                    <li key={index}>\r\n                      <dda-tooltip title_text={middleItem.LogoTooltip} description=\"\" position=\"top\">\r\n                        <a href={middleItem.href}>\r\n                          <img src={middleItem.src} alt={middleItem.alt} />\r\n                        </a>\r\n                      </dda-tooltip>\r\n                    </li>\r\n                  ))}\r\n                </ul>\r\n              </div>\r\n            )}\r\n\r\n            {/* Right Section */}\r\n            <div class=\"dda-footer-item dda-footer-right\">\r\n              <ul class=\"foot-right_links\">\r\n\r\n                {footrightsection.map((rightItem, index) => (\r\n                  <li class=\"foot-icon-btn\" key={index}>\r\n                    <dda-tooltip title_text={rightItem.RightLinkTooltip} description=\"\" position=\"top\">\r\n                      <a href={rightItem.href}>\r\n                        <i class={rightItem.IconFamily}>{rightItem.IconName}</i>\r\n                        {/* <i class=\"material-icons\">location_on</i> */}\r\n                        <span>{rightItem.LinkText}</span>\r\n                      </a>\r\n                    </dda-tooltip>\r\n                  </li>\r\n                ))}\r\n                {this.dubaiaeIconSrc ? \r\n                  <li class=\"foot-icon-btn\">\r\n                    <dda-tooltip title_text={this.dubaiaeIconTooltip} description=\"\" position=\"top\">\r\n                      <a href={this.dubaiaeIconHref} onClick={this.dubaiAEClick}>\r\n                        <img class=\"dubaiae-text-icon\" src={this.dubaiaeIconSrc} alt={this.dubaiaeIconAlt}/>\r\n                        <img class=\"dubaiae-small-icon\" src={this.dubaiaeIconSmallSrc} alt={this.dubaiaeIconAlt}/>\r\n                      </a>\r\n                    </dda-tooltip>\r\n                  </li>\r\n                : null}\r\n                <li class=\"foot-icon-btn\">\r\n                  <dda-tooltip title_text={this.aiIconTooltip} description=\"\" position=\"top\">\r\n                    <a href={this.aiIconHref} onClick={this.aiIconClick}>\r\n                      <img src={this.aiIconSrc} alt={this.aiIconAlt} />\r\n                    </a>\r\n                  </dda-tooltip>\r\n                </li>\r\n                <li class=\"foot-icon-btn\">\r\n                  <dda-tooltip title_text={this.chatIconTooltip} description=\"\" position=\"top\">\r\n                    <a href={this.chatIconHref} onClick={this.chatIconClick}>\r\n                      <img src={this.chatIconSrc} alt={this.chatIconAlt} />\r\n                    </a>\r\n                  </dda-tooltip>\r\n                </li>\r\n              </ul>\r\n              <button type='button' class=\"show-right-icon\"><i class=\"material-icons\">{this.moreIcon}</i></button>\r\n            </div>\r\n          </div>\r\n        </footer>\r\n      \r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -4,6 +4,8 @@ import accessibility_icon from "../../../public_images/icn-complaints.svg";
 import happy_icon from "../../../public_images/icn-happy.svg";
 import chat_icn from "../../../public_images/icn-chat_bubble_outline.svg";
 import grid_view from "../../../public_images/icn-grid-view.svg";
+import dubai_ae from "../../../public_images/DubaiAE.svg";
+import dubai_ae_icon from "../../../public_images/DdiabiAE-icon.svg";
 // import location_pin from "../../../public_images/icn-location-pin.svg"
 // import news_pin from "../../../public_images/icn-news.svg"
 export default {
@@ -13,7 +15,11 @@ export default {
         hideMiddleSection: {
             control: { type: 'boolean' },
             description: 'Hides the middle section of the footer',
-        }
+        },
+        onclick: {
+            control: { type: 'text' },
+            description: 'event handler for button',
+        },
     },
     component: 'dda-sticky-footer',
     parameters: {
@@ -47,6 +53,12 @@ const Template = args => `
 
     right-link='${JSON.stringify(args.rightLink)}'
 
+    dubaiae-icon-href="${args.dubaiaeIconHref}"
+    dubaiae-icon-src="${args.dubaiaeIconSrc}"
+    dubaiae-icon-small-src="${args.dubaiaeIconSmallSrc}"
+    dubaiae-icon-alt="${args.dubaiaeIconAlt}"
+    dubaiae-icon-tooltip="${args.dubaiaeIconTooltip}"
+
     ai-icon-href="${args.aiIconHref}"
     ai-icon-src="${args.aiIconSrc}"
     ai-icon-alt="${args.aiIconAlt}"
@@ -87,14 +99,23 @@ Default.args = {
         { RightLinkTooltip: "News Room", href: "#", alt: "DDA", LinkText: "News Room", IconFamily: "material-icons", IconName: "feed" },
         { RightLinkTooltip: "Contact Us", href: "#", alt: "DDA", LinkText: "Contact Us", IconFamily: "material-icons", IconName: "mail" },
     ],
+    dubaiaeIconHref: 'javascript:void(0)',
+    dubaiaeIconSrc: dubai_ae,
+    dubaiaeIconSmallSrc: dubai_ae_icon,
+    dubaiaeIconAlt: 'dubai.ae',
+    dubaiaeIconTooltip: 'dubai.ae',
+    dubaiaeIconOnClick: "console.log('Dubai AE icon clicked')",
     aiIconHref: 'javascript:void(0)',
     aiIconSrc: digital_ai,
     aiIconAlt: 'Digital AI',
     aiIconTooltip: 'Digital AI',
+    aiIconOnClick: "console.log('AI icon clicked')",
     chatIconHref: 'javascript:void(0)',
     chatIconSrc: chat_icn,
     chatIconAlt: 'Online Chat',
     chatIconTooltip: 'Online Chat',
+    chatIconOnClick: "console.log('Chat icon clicked')",
     moreIcon: 'more_horiz',
+    onclick: "console.log('clicked')",
 };
 //# sourceMappingURL=dda-sticky-footer.stories.js.map

package/dist/collection/components/dda-sticky-footer/dda-sticky-footer.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"dda-sticky-footer.stories.js","sourceRoot":"","sources":["../../../src/components/dda-sticky-footer/dda-sticky-footer.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import digital_logo from \"../../../public_images/digital-logo.svg\"\r\nimport digital_ai from \"../../../public_images/DubaiAI.svg\"\r\nimport accessibility_icon from \"../../../public_images/icn-complaints.svg\"\r\nimport happy_icon from \"../../../public_images/icn-happy.svg\"\r\nimport chat_icn from \"../../../public_images/icn-chat_bubble_outline.svg\"\r\nimport grid_view from \"../../../public_images/icn-grid-view.svg\"\r\n// import location_pin from \"../../../public_images/icn-location-pin.svg\"\r\n// import news_pin from \"../../../public_images/icn-news.svg\"\r\n\r\nexport default {\r\n  title: 'Components/Sticky Footer',\r\n  tags: ['autodocs'],\r\n  argTypes: {\r\n    hideMiddleSection: {\r\n      control: { type: 'boolean' },\r\n      description: 'Hides the middle section of the footer',\r\n    }\r\n  },\r\n  component: 'dda-sticky-footer',\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        component: 'Sticky footer with configurable props.',\r\n      },\r\n    },\r\n  },\r\n};\r\n\r\nconst Template = args => `\r\n  <dda-sticky-footer\r\n    happiness-icon-href=\"${args.happinessIconHref}\"\r\n    happiness-icon-src=\"${args.happinessIconSrc}\"\r\n    happiness-icon-alt=\"${args.happinessIconAlt}\"\r\n    happiness-icon-tooltip=\"${args.happinessIconTooltip}\"\r\n\r\n    accessibility-icon-href=\"${args.accessibilityIconHref}\"\r\n    accessibility-icon-src=\"${args.accessibilityIconSrc}\"\r\n    accessibility-icon-alt=\"${args.accessibilityIconAlt}\"\r\n    accessibility-icon-tooltip=\"${args.accessibilityIconTooltip}\"\r\n\r\n    services-icon-href=\"${args.servicesIconHref}\"\r\n    services-icon-src=\"${args.servicesIconSrc}\"\r\n    services-icon-alt=\"${args.servicesIconAlt}\"\r\n    services-icon-tooltip=\"${args.servicesIconTooltip}\"\r\n    services-icon-text=\"${args.servicesIconText}\"\r\n\r\n    hide-middle-section=\"${args.hideMiddleSection}\"\r\n    middle-link='${JSON.stringify(args.middleLink)}'\r\n\r\n    right-link='${JSON.stringify(args.rightLink)}'\r\n\r\n    ai-icon-href=\"${args.aiIconHref}\"\r\n    ai-icon-src=\"${args.aiIconSrc}\"\r\n    ai-icon-alt=\"${args.aiIconAlt}\"\r\n    ai-icon-tooltip=\"${args.aiIconTooltip}\"\r\n\r\n    chat-icon-href=\"${args.chatIconHref}\"\r\n    chat-icon-src=\"${args.chatIconSrc}\"\r\n    chat-icon-alt=\"${args.chatIconAlt}\"\r\n    chat-icon-tooltip=\"${args.chatIconTooltip}\"\r\n    more-icon=\"${args.moreIcon}\"\r\n    \r\n  ></dda-sticky-footer>\r\n`;\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n  happinessIconHref: '#',\r\n  happinessIconSrc: happy_icon,\r\n  happinessIconAlt: 'Happiness',\r\n  happinessIconTooltip: 'Happiness',\r\n\r\n  accessibilityIconHref: '#',\r\n  accessibilityIconSrc: accessibility_icon,\r\n  accessibilityIconAlt: 'Suggestions and complaints',\r\n  accessibilityIconTooltip: 'Suggestions & complaints',\r\n\r\n  servicesIconHref: '#',\r\n  servicesIconSrc: grid_view,\r\n  servicesIconAlt: 'Services',\r\n  servicesIconTooltip: 'Services',\r\n  servicesIconText: 'Services',\r\n\r\n  hideMiddleSection: false,\r\n  \r\n  middleLink: [\r\n      { LogoTooltip: \"Middlelink\", href: \"#\", src: digital_logo, alt: \"DDA\" },\r\n      { LogoTooltip: \"Middlelink\", href: \"#\", src: digital_logo, alt: \"DDA\" },\r\n      { LogoTooltip: \"Middlelink\", href: \"#\", src: digital_logo, alt: \"DDA\" },\r\n  ],\r\n\r\n  rightLink: [\r\n      { RightLinkTooltip: \"Survey\", href: \"#\", alt: \"DDA\", LinkText: \"Survey\", IconFamily: \"material-icons\", IconName:\"poll\" },\r\n      { RightLinkTooltip: \"Locations\", href: \"#\", alt: \"DDA\", LinkText: \"Locations\", IconFamily: \"material-icons\", IconName:\"location_on\" },\r\n      { RightLinkTooltip: \"News Room\", href: \"#\", alt: \"DDA\", LinkText: \"News Room\", IconFamily: \"material-icons\", IconName:\"feed\" },\r\n      { RightLinkTooltip: \"Contact Us\", href: \"#\", alt: \"DDA\", LinkText: \"Contact Us\", IconFamily: \"material-icons\", IconName:\"mail\" },\r\n  ],\r\n\r\n  aiIconHref: 'javascript:void(0)',\r\n  aiIconSrc: digital_ai,\r\n  aiIconAlt: 'Digital AI',\r\n  aiIconTooltip: 'Digital AI',\r\n\r\n  chatIconHref: 'javascript:void(0)',\r\n  chatIconSrc: chat_icn,\r\n  chatIconAlt: 'Online Chat',\r\n  chatIconTooltip: 'Online Chat',\r\n  moreIcon: 'more_horiz',\r\n\r\n};\r\n"]}
+{"version":3,"file":"dda-sticky-footer.stories.js","sourceRoot":"","sources":["../../../src/components/dda-sticky-footer/dda-sticky-footer.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import digital_logo from \"../../../public_images/digital-logo.svg\"\r\nimport digital_ai from \"../../../public_images/DubaiAI.svg\"\r\nimport accessibility_icon from \"../../../public_images/icn-complaints.svg\"\r\nimport happy_icon from \"../../../public_images/icn-happy.svg\"\r\nimport chat_icn from \"../../../public_images/icn-chat_bubble_outline.svg\"\r\nimport grid_view from \"../../../public_images/icn-grid-view.svg\"\r\nimport dubai_ae from \"../../../public_images/DubaiAE.svg\"\r\nimport dubai_ae_icon from \"../../../public_images/DdiabiAE-icon.svg\"\r\n// import location_pin from \"../../../public_images/icn-location-pin.svg\"\r\n// import news_pin from \"../../../public_images/icn-news.svg\"\r\n\r\nexport default {\r\n  title: 'Components/Sticky Footer',\r\n  tags: ['autodocs'],\r\n  argTypes: {\r\n    hideMiddleSection: {\r\n      control: { type: 'boolean' },\r\n      description: 'Hides the middle section of the footer',\r\n    },\r\n    onclick:{\r\n      control: { type: 'text' },\r\n      description: 'event handler for button',\r\n    },\r\n  },\r\n  component: 'dda-sticky-footer',\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        component: 'Sticky footer with configurable props.',\r\n      },\r\n    },\r\n  },\r\n};\r\n\r\nconst Template = args => `\r\n  <dda-sticky-footer\r\n    happiness-icon-href=\"${args.happinessIconHref}\"\r\n    happiness-icon-src=\"${args.happinessIconSrc}\"\r\n    happiness-icon-alt=\"${args.happinessIconAlt}\"\r\n    happiness-icon-tooltip=\"${args.happinessIconTooltip}\"\r\n\r\n    accessibility-icon-href=\"${args.accessibilityIconHref}\"\r\n    accessibility-icon-src=\"${args.accessibilityIconSrc}\"\r\n    accessibility-icon-alt=\"${args.accessibilityIconAlt}\"\r\n    accessibility-icon-tooltip=\"${args.accessibilityIconTooltip}\"\r\n\r\n    services-icon-href=\"${args.servicesIconHref}\"\r\n    services-icon-src=\"${args.servicesIconSrc}\"\r\n    services-icon-alt=\"${args.servicesIconAlt}\"\r\n    services-icon-tooltip=\"${args.servicesIconTooltip}\"\r\n    services-icon-text=\"${args.servicesIconText}\"\r\n\r\n    hide-middle-section=\"${args.hideMiddleSection}\"\r\n    middle-link='${JSON.stringify(args.middleLink)}'\r\n\r\n    right-link='${JSON.stringify(args.rightLink)}'\r\n\r\n    dubaiae-icon-href=\"${args.dubaiaeIconHref}\"\r\n    dubaiae-icon-src=\"${args.dubaiaeIconSrc}\"\r\n    dubaiae-icon-small-src=\"${args.dubaiaeIconSmallSrc}\"\r\n    dubaiae-icon-alt=\"${args.dubaiaeIconAlt}\"\r\n    dubaiae-icon-tooltip=\"${args.dubaiaeIconTooltip}\"\r\n\r\n    ai-icon-href=\"${args.aiIconHref}\"\r\n    ai-icon-src=\"${args.aiIconSrc}\"\r\n    ai-icon-alt=\"${args.aiIconAlt}\"\r\n    ai-icon-tooltip=\"${args.aiIconTooltip}\"\r\n\r\n    chat-icon-href=\"${args.chatIconHref}\"\r\n    chat-icon-src=\"${args.chatIconSrc}\"\r\n    chat-icon-alt=\"${args.chatIconAlt}\"\r\n    chat-icon-tooltip=\"${args.chatIconTooltip}\"\r\n    more-icon=\"${args.moreIcon}\"\r\n    \r\n  ></dda-sticky-footer>\r\n`;\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n  happinessIconHref: '#',\r\n  happinessIconSrc: happy_icon,\r\n  happinessIconAlt: 'Happiness',\r\n  happinessIconTooltip: 'Happiness',\r\n\r\n  accessibilityIconHref: '#',\r\n  accessibilityIconSrc: accessibility_icon,\r\n  accessibilityIconAlt: 'Suggestions and complaints',\r\n  accessibilityIconTooltip: 'Suggestions & complaints',\r\n\r\n  servicesIconHref: '#',\r\n  servicesIconSrc: grid_view,\r\n  servicesIconAlt: 'Services',\r\n  servicesIconTooltip: 'Services',\r\n  servicesIconText: 'Services',\r\n\r\n  hideMiddleSection: false,\r\n  \r\n  middleLink: [\r\n      { LogoTooltip: \"Middlelink\", href: \"#\", src: digital_logo, alt: \"DDA\" },\r\n      { LogoTooltip: \"Middlelink\", href: \"#\", src: digital_logo, alt: \"DDA\" },\r\n      { LogoTooltip: \"Middlelink\", href: \"#\", src: digital_logo, alt: \"DDA\" },\r\n  ],\r\n\r\n  rightLink: [\r\n      { RightLinkTooltip: \"Survey\", href: \"#\", alt: \"DDA\", LinkText: \"Survey\", IconFamily: \"material-icons\", IconName:\"poll\" },\r\n      { RightLinkTooltip: \"Locations\", href: \"#\", alt: \"DDA\", LinkText: \"Locations\", IconFamily: \"material-icons\", IconName:\"location_on\" },\r\n      { RightLinkTooltip: \"News Room\", href: \"#\", alt: \"DDA\", LinkText: \"News Room\", IconFamily: \"material-icons\", IconName:\"feed\" },\r\n      { RightLinkTooltip: \"Contact Us\", href: \"#\", alt: \"DDA\", LinkText: \"Contact Us\", IconFamily: \"material-icons\", IconName:\"mail\" },\r\n  ],\r\n\r\n  dubaiaeIconHref: 'javascript:void(0)',\r\n  dubaiaeIconSrc: dubai_ae,\r\n  dubaiaeIconSmallSrc: dubai_ae_icon,\r\n  dubaiaeIconAlt: 'dubai.ae',\r\n  dubaiaeIconTooltip: 'dubai.ae',\r\n  dubaiaeIconOnClick: \"console.log('Dubai AE icon clicked')\",\r\n\r\n  aiIconHref: 'javascript:void(0)',\r\n  aiIconSrc: digital_ai,\r\n  aiIconAlt: 'Digital AI',\r\n  aiIconTooltip: 'Digital AI',\r\n  aiIconOnClick: \"console.log('AI icon clicked')\",\r\n\r\n  chatIconHref: 'javascript:void(0)',\r\n  chatIconSrc: chat_icn,\r\n  chatIconAlt: 'Online Chat',\r\n  chatIconTooltip: 'Online Chat',\r\n  chatIconOnClick: \"console.log('Chat icon clicked')\",\r\n  moreIcon: 'more_horiz',\r\n  onclick: \"console.log('clicked')\",\r\n\r\n};\r\n"]}

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

@@ -48,7 +48,7 @@ export class DdaTabs {
         }
     }
     render() {
-        return (h(Host, { key: '64587fb7f6cb971e2890ad0f180d2c226a85160d' }, h("div", { key: '37eb16e58d88049b268a731336c17a813019eec7', class: `dda-tabs-container ${this.hover_style} ${this.custom_class} ${this.component_mode}` }, this.parsedTabs.map((title, index) => (h("button", { id: this.parsedButtonIds[index] || `tab-btn-${index + 1}`, 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: '9fbead813675c89133e7f0b0d0a1bb51cd34ed6b' }, h("div", { key: 'df21e44578a1a76f6675bd5708b26fba58591558', class: `dda-tabs-container ${this.hover_style} ${this.custom_class} ${this.component_mode}` }, this.parsedTabs.map((title, index) => (h("button", { id: this.parsedButtonIds[index] || `tab-btn-${index + 1}`, 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 is() { return "dda-tabs"; }
     static get originalStyleUrls() {

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

@@ -49,7 +49,7 @@ export class DdaTextarea {
             this.input_status ? `dda-input-${this.input_status}` : '',
             this.custom_class, this.component_mode, this.textarea_name,
         ].filter(Boolean).join(' ');
-        return (h(Host, { key: '60a668505043a93c0e5fbf6c396cce32a5641ca0' }, h("div", { key: 'c3c9bca9fc7904f0162add2eeb1251e6cca7995c', class: textareaClass }, this.label && h("label", { key: '553f0bdd48263e1f9b2f2eb372c5d44b2be139dd', 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: '7ca7c07a6447fb1b03580b39aaf4d6e0b23892a3', class: "dda-helper-text", id: this.validation_id }, h("span", { key: '19e0bf6d6293edb3f81878646194dd51c00e5b86', class: "dda-d-flex dda-items-center dda-gap-2" }, this.show_info_icon && (h("i", { key: 'da354f2ac5d5dff2f423ad7e738f1abb1867d2cb', class: "material-icons  material-symbols-outlined" }, "info")), this.helper_text), h("span", { key: 'e82240a494d47f605032742f369763c8f5be6027', class: "dda-letter-count" }, this.characterCount, " / ", this.max_characters))), this.error_message && (h("div", { key: '9a29139e9ad7fc90476339753f4beb5091cb3844', class: "dda-error-message", id: this.validation_id }, h("span", { key: '3dd6276f349c2650330f115065dc85f3a801e6d7', class: "dda-d-flex dda-items-center dda-gap-2" }, this.show_info_icon && (h("i", { key: '2d3d273faf23c0f4cc5dab5e37e47c80ac3b83cf', class: "material-icons  material-symbols-outlined" }, "info")), this.error_message), h("span", { key: 'f97b21e311219f75de55fa56e297eb770d623f85', class: "dda-letter-count" }, this.characterCount, " / ", this.max_characters))))));
+        return (h(Host, { key: '8dec535ebdb43e313575a5ce40f2310de7b46258' }, h("div", { key: '674136869f66e30aaa3df7063049241e6406488b', class: textareaClass }, this.label && h("label", { key: '2fe481c43b94ec6a450d0367e564bf92cd2c6835', 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: 'bb8f88e42aff345a2643f2e344a53a307686e9c9', class: "dda-helper-text", id: this.validation_id }, h("span", { key: '0f6ec41fa0601f836ea9ad1f33c8a76185743779', class: "dda-d-flex dda-items-center dda-gap-2" }, this.show_info_icon && (h("i", { key: '987cbf65f86c1cb81259ad45f6b63075ef72ca9c', class: "material-icons  material-symbols-outlined" }, "info")), this.helper_text), h("span", { key: '145f2409d4233eaf97bed60cd000275e9df1dd5b', class: "dda-letter-count" }, this.characterCount, " / ", this.max_characters))), this.error_message && (h("div", { key: '7989ddc03786276abf252a4300328b8d471dcb1c', class: "dda-error-message", id: this.validation_id }, h("span", { key: '63d35d1b86ff65e859b0c724a002ecdebd891917', class: "dda-d-flex dda-items-center dda-gap-2" }, this.show_info_icon && (h("i", { key: '07be04b1a53de2ce8c6c271cb3c14977d33e6799', class: "material-icons  material-symbols-outlined" }, "info")), this.error_message), h("span", { key: 'd4330e5b75a7f90170cb8e89ed853bd3facf2ecc', class: "dda-letter-count" }, this.characterCount, " / ", this.max_characters))))));
     }
     static get is() { return "dda-textarea"; }
     static get originalStyleUrls() {

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

@@ -10,7 +10,7 @@ export class DdaToggle {
             this.custom_class ? `${this.custom_class}` : '',
             this.component_mode,
         ].filter(Boolean).join(' ');
-        return (h(Host, { key: 'cac873f2c97e251044583e7f55671c657eee6db8' }, h("label", { key: '9d484533c70d802cfa6be32276f12889ecfbd592', class: toggleClass, htmlFor: this.input_id }, h("input", { key: 'f4809a717f494d8f942f78360f77ae8c320003d6', "aria-label": this.aria_label, type: "checkbox", id: this.input_id, name: this.group_name, checked: this.checked }), h("span", { key: '0708e15ffbdda2a51c71a71cca21289a4b55269e', class: "toggle" }), h("p", { key: '4cdc52a4ccbaef2d7db6c764b8034b81d4dd040f' }, h("span", { key: '7734711e0643d6fdc75577de2c1864d1bad1ab55', class: "toggle-title" }, "Radio Button Title"), h("span", { key: '7e8ba5d7c6bf42fdb56f8507a1c884e82b138363', class: "toggle-supporting" }, "Supporting Text")))));
+        return (h(Host, { key: 'c9bdd23e4e6f21e65d9de34abec381038950e5d6' }, h("label", { key: '993a564583008cb1a7fe394504edafaecd81ad95', class: toggleClass, htmlFor: this.input_id }, h("input", { key: '559ead4dff08e3ccd5d1d84148a3a8489a7c2e9e', "aria-label": this.aria_label, type: "checkbox", id: this.input_id, name: this.group_name, checked: this.checked }), h("span", { key: '13d6087046cb3de3c034329b9765114aa087f991', class: "toggle" }), h("p", { key: '5455f4422d7369ff5cb83f9b58c7fedd45d5fab7' }, h("span", { key: 'f43a39b771dfc346cd2f056c1cd2bcca7b463cc1', class: "toggle-title" }, "Radio Button Title"), h("span", { key: '063a5a62f1c6d91a33ea8e5dd28a422c14faa68e', class: "toggle-supporting" }, "Supporting Text")))));
     }
     static get is() { return "dda-toggle"; }
     static get originalStyleUrls() {

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

@@ -5,7 +5,7 @@ export class DdaTooltip {
         this.custom_class = '';
     }
     render() {
-        return (h(Host, { key: 'af7615325e62f8f2e415cc2845617d126af4a246' }, h("div", { key: '20f2c1d8f2b7451be9525c49f21f2cececac740c', class: `dda-tooltip-container ${this.custom_class} ${this.component_mode}` }, h("slot", { key: 'f4eb7f6912746b48cb2db4d553c60e45b2838fbe' }), h("div", { key: '5ea8dc6363224f181e48c44cdf68980a2ea61abe', class: `dda-tooltip-box ${this.position}` }, h("strong", { key: 'fc9909667fb99a7f314507ba1731675ecda19260' }, this.title_text), h("p", { key: 'dfa63015a98689a4635c7a0f480232231d22fb38' }, this.description)))));
+        return (h(Host, { key: '027788f550144dbe1fca043e8c547fbe6b51a869' }, h("div", { key: '738fa1e99294e6c82a47802da98f574cb052a8b5', class: `dda-tooltip-container ${this.custom_class} ${this.component_mode}` }, h("slot", { key: '961a4f4f457d88d286fa3cc8a54e666ea6529f69' }), h("div", { key: 'c4eede170d341afa15c2c7a2508f6e644714a474', class: `dda-tooltip-box ${this.position}` }, h("strong", { key: '706202a9593f08978a0edc0817b8e4590eb5069a' }, this.title_text), h("p", { key: 'c8592f7e67ca51144b64d456f082c8cc4aa65569' }, this.description)))));
     }
     static get is() { return "dda-tooltip"; }
     static get originalStyleUrls() {

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

@@ -11,7 +11,7 @@ export class DdaUiCard {
         this.linkicon = 'arrow_forward';
     }
     render() {
-        return (h(Host, { key: 'a9bd20c854511a6bb3d3f458e4e0412055dd8be6' }, h("div", { key: '36d9749b9ba4997d1577f361b3d50df8fe1fe1c0', class: 'dda-card' }, h("div", { key: '00a996c6c6c0851f7a751ea12025bbc31b579d24', class: 'dda-card-body' }, this.type !== 'custom' && (h("div", { key: '84ad722a00f84a5d433e4988211e31ab4636d90b' }, !!this.icon && (h("span", { key: 'b5fae4835da3b41a3cdfdcf5f34920ee78a51402', class: 'dda-card-icon' }, h("i", { key: 'ae4192301a5e6dccd25cefb258151ef0cd127fe1', class: 'material-icons' }, this.icon))), !!this.image && (h("span", { key: '9f0df82089d5188ffbe243da1b9cce4ee23f515c', class: 'dda-card-icon' }, h("img", { key: '41a7c0369f16215154936edd1b04a6bad7f83543', src: this.image, alt: this.maintitle }))), !!this.maintitle && h("h1", { key: 'd213d1dc97802e794e52c4dc588766e185dfcf7a', class: 'dda-card-title' }, this.maintitle), !!this.subtitle && h("p", { key: 'f3268171b73bee5cc80bf8672af2a22db2b1bc01', class: 'dda-card-text-muted' }, this.subtitle), !!this.link && (h("a", { key: '1f826a03dd6ea4b9ada415e0a666e034e8e5b334', href: this.link, class: 'dda-card-link' }, this.linktext, ' ', this.linkicon && (h("span", { key: '0bb976ec7b8714e4716a54562562599f55610d19' }, h("i", { key: 'aa85e993268b96f2e6d905ce46ca06c803e1d50f', class: 'material-icons' }, this.linkicon))))))), h("slot", { key: '1ab2dad54976c9c9d9ca9a652ece04996b8c4b35' })))));
+        return (h(Host, { key: 'c18fa4630dbdb68b986d5ac335edabe9bd831359' }, h("div", { key: 'f5e250d45c46cee7a8fa3e7a3fbf8a371ab18e5c', class: 'dda-card' }, h("div", { key: '740d003b9ce7cb0e1a2979e4b467a1ba9fb67a29', class: 'dda-card-body' }, this.type !== 'custom' && (h("div", { key: '8444cb67a8376d0a57e966cd4d838e9165c97990' }, !!this.icon && (h("span", { key: 'bab13d988658e73ca98f336c35f5763a56de7eae', class: 'dda-card-icon' }, h("i", { key: '55cf36061f01512fea7ebbdc18e481d4faffc0d0', class: 'material-icons' }, this.icon))), !!this.image && (h("span", { key: 'a86e8e094b786bdb61fd2004839004aec8c63028', class: 'dda-card-icon' }, h("img", { key: '1b047b2c7beeddf7ae5610ab314cc0c3540ee936', src: this.image, alt: this.maintitle }))), !!this.maintitle && h("h1", { key: '87b420c8924ff045a101c030e30ead7dcfabdc35', class: 'dda-card-title' }, this.maintitle), !!this.subtitle && h("p", { key: '869bf5c20326b114f68a25b52d0335336da3a880', class: 'dda-card-text-muted' }, this.subtitle), !!this.link && (h("a", { key: 'b23f59b62a8b850d10a32145aa7c89e798769188', href: this.link, class: 'dda-card-link' }, this.linktext, ' ', this.linkicon && (h("span", { key: 'b5b3a0a780d67b17edbdd42ca4d3dcfd0f4c2adf' }, h("i", { key: 'c0910b41d6aa4c8153e177583ca984a9b4f9db1d', class: 'material-icons' }, this.linkicon))))))), h("slot", { key: '2bc09dbeb065f45a4a0762415c92fa90c115595f' })))));
     }
     static get is() { return "dda-ui-card"; }
     static get originalStyleUrls() {

package/dist/collection/components/segmented-groups/dda-segmented-tabs/dda-segmented-tabs.js

@@ -7,7 +7,7 @@ export class DdaSegmentedTabs {
         this.parsedItems = JSON.parse(this.items);
     }
     render() {
-        return (h("div", { key: 'd86a932f1e2af258bed7ca0d55aaae0baec8408b', class: `dda-segmented-group ${this.custom_class} ${this.radius_type} ${this.component_mode}` }, this.parsedItems.map(item => (item.startsWith('fo') ?
+        return (h("div", { key: '43159b2c8b5b26ccec64609bc3678968716aa6fa', class: `dda-segmented-group ${this.custom_class} ${this.radius_type} ${this.component_mode}` }, this.parsedItems.map(item => (item.startsWith('fo') ?
             h("button", { name: this.button_name, class: "dda-segmented-item" }, h("i", { class: "material-icons  material-symbols-outlined" }, item)) :
             h("button", { name: this.button_name, class: "dda-segmented-item" }, item)))));
     }