@dubai-design-system/components-js 3.11.2 → 3.11.4

package/dist/esm/dda-select.entry.js.map

@@ -1 +1 @@
-{"file":"dda-select.entry.js","mappings":"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","names":[],"sources":["src/components/dda-select/dda-select.tsx"],"sourcesContent":["import { Component, Prop, State, h, Host, Element, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-select',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class Ddaselect {\r\n  @Element() el: HTMLElement;\r\n\r\n  @Prop() label: string;\r\n  @Prop() options: string;\r\n  @Prop() selected: string; // can be id or text\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() error?: string;\r\n  @Prop() error_message: string;\r\n  @Prop() helper_text: string;\r\n  @Prop() validation_type?: string;\r\n  @Prop() validation_id: string = 'text';\r\n  @Prop() size?: string;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() button_id: string;\r\n  @Prop() toggle_button_name: string;\r\n  @Prop() option_select_button_name: string;\r\n  @Prop() placeholder: string = '';\r\n  @Prop() main_aria_label: string = '';\r\n  @Prop() input_name: string = '';\r\n  \r\n  @State() is_open: boolean = false;\r\n  @State() selectedId: number;\r\n  @State() selectedText: string;\r\n  \r\n  @Event() selectChanged: EventEmitter<{ id: number; text: string }>;\r\n  @Event() selectBlurred: EventEmitter<{ name: string; value: string }>;\r\n\r\n  private get parsedOptions(): { id: number; text: string }[] {\r\n    try {\r\n      return JSON.parse(this.options);\r\n    } catch {\r\n      return [];\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    const selectedOption = this.parsedOptions.find(\r\n      (opt) => opt.id.toString() === this.selected || opt.text === this.selected\r\n    );\r\n    if (selectedOption) {\r\n      this.selectedId = selectedOption.id;\r\n      this.selectedText = selectedOption.text;\r\n    }\r\n  }\r\n\r\n  toggleSelect() {\r\n    if (!this.disabled) {\r\n      this.is_open = !this.is_open;\r\n    }\r\n  }\r\n\r\n  selectOption(option: { id: number; text: string }) {\r\n    if (!this.disabled) {\r\n      this.selectedId = option.id;\r\n      this.selectedText = option.text;\r\n      this.is_open = false;\r\n      this.selectChanged.emit(option);\r\n    }\r\n  }\r\n\r\n  handleClickOutside = (event: MouseEvent) => {\r\n    if (this.is_open && !this.el.contains(event.target as Node)) {\r\n      this.is_open = false;\r\n    }\r\n  };\r\n\r\n  handleBlur = () => {\r\n    this.selectBlurred.emit({\r\n      name: this.input_name || this.button_id,\r\n      value: this.selectedText || '',\r\n    });\r\n  };\r\n\r\n\r\n  connectedCallback() {\r\n    document.addEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    document.removeEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  private numberToWord(num: number): string {\r\n    const words = ['One', 'Two', 'Three', 'Four', 'Five'];\r\n    return words[num - 1] || num.toString();\r\n  }\r\n\r\n  render() {\r\n    const labelId = `${this.button_id}-label`;\r\n    const valueId = `${this.button_id}-value`;\r\n\r\n    return (\r\n      <Host>\r\n        <div\r\n          class={`\r\n            dda-input-container ${this.custom_class} \r\n            ${this.component_mode} \r\n            ${this.disabled ? 'dda-input-disabled' : ''} \r\n            dda-input-size-${this.size} dda-validation-${this.validation_type}\r\n          `}\r\n        >\r\n          {this.label && (\r\n            <label id={labelId} htmlFor={this.button_id} class=\"dda-input-label\">\r\n              {this.label}\r\n            </label>\r\n          )}\r\n          <div class=\"dda-dropdown-container\">\r\n            <button\r\n              name={this.toggle_button_name}\r\n              id={this.button_id}\r\n              type=\"button\"\r\n              class=\"dda-input-field dda-select-header\"\r\n              aria-labelledby={`${labelId} ${this.button_id}`}\r\n              disabled={this.disabled}\r\n              onClick={() => this.toggleSelect()}\r\n              onBlur={this.handleBlur}\r\n            >\r\n              <span id={valueId} class=\"dda-select-button-label\">\r\n                {this.selectedText || this.placeholder}\r\n              </span>\r\n              <i class=\"material-icons\" aria-hidden=\"true\">{this.is_open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}</i>\r\n            </button>\r\n\r\n            {this.is_open && (\r\n              <div class=\"dda-input-dropdown-list dda-select-list\">\r\n                {this.parsedOptions.length > 0 ? (\r\n                  this.parsedOptions.map((option, index) => (\r\n                    <button\r\n                      name={`option${this.numberToWord(index + 1)}`}\r\n                      type=\"button\"\r\n                      class={`dda-input-dropdown-item ${this.selectedId === option.id ? 'selected' : ''}`}\r\n                      role=\"option\"\r\n                      aria-selected={this.selectedId === option.id ? 'true' : 'false'}\r\n                      onClick={() => this.selectOption(option)}\r\n                    >\r\n                      {option.text}\r\n                    </button>\r\n                  ))\r\n                ) : (\r\n                  <div class=\"dda-input-dropdown-item\">No options available</div>\r\n                )}\r\n              </div>\r\n            )}\r\n          </div>\r\n\r\n          {this.validation_type === 'error' && this.error_message ? (\r\n            <span \r\n              class=\"dda-error-message\" \r\n              id={this.validation_id}\r\n              role=\"alert\"\r\n            >\r\n              {this.error_message}\r\n            </span>\r\n          ) : (\r\n            this.helper_text && (\r\n              <span \r\n                class=\"dda-helper-text\" \r\n                id={this.validation_id}\r\n              >\r\n                {this.helper_text}\r\n              </span>\r\n            )\r\n          )}\r\n\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}
+{"file":"dda-select.entry.js","mappings":"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","names":[],"sources":["src/components/dda-select/dda-select.tsx"],"sourcesContent":["import { Component, Prop, State, h, Host, Element, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-select',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class Ddaselect {\r\n  @Element() el: HTMLElement;\r\n\r\n  @Prop() label: string;\r\n  @Prop() options: string;\r\n  @Prop() selected: string; // can be id or text\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() error?: string;\r\n  @Prop() error_message: string;\r\n  @Prop() helper_text: string;\r\n  @Prop() validation_type?: string;\r\n  @Prop() validation_id: string = 'text';\r\n  @Prop() size?: string;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() button_id: string;\r\n  @Prop() toggle_button_name: string;\r\n  @Prop() option_select_button_name: string;\r\n  @Prop() placeholder: string = '';\r\n  @Prop() main_aria_label: string = '';\r\n  @Prop() input_name: string = '';\r\n  \r\n  @State() is_open: boolean = false;\r\n  @State() selectedId: number;\r\n  @State() selectedText: string;\r\n  \r\n  @Event() selectChanged: EventEmitter<{ id: number; text: string }>;\r\n  @Event() selectBlurred: EventEmitter<{ name: string; value: string }>;\r\n\r\n  private get parsedOptions(): { id: number; text: string }[] {\r\n    try {\r\n      return JSON.parse(this.options);\r\n    } catch {\r\n      return [];\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    const selectedOption = this.parsedOptions.find(\r\n      (opt) => opt.id.toString() === this.selected || opt.text === this.selected\r\n    );\r\n    if (selectedOption) {\r\n      this.selectedId = selectedOption.id;\r\n      this.selectedText = selectedOption.text;\r\n    }\r\n  }\r\n\r\n  toggleSelect() {\r\n    if (!this.disabled) {\r\n      this.is_open = !this.is_open;\r\n    }\r\n  }\r\n\r\n  selectOption(option: { id: number; text: string }) {\r\n    if (!this.disabled) {\r\n      this.selectedId = option.id;\r\n      this.selectedText = option.text;\r\n      this.is_open = false;\r\n      this.selectChanged.emit(option);\r\n    }\r\n  }\r\n\r\n  handleClickOutside = (event: MouseEvent) => {\r\n    if (this.is_open && !this.el.contains(event.target as Node)) {\r\n      this.is_open = false;\r\n    }\r\n  };\r\n\r\n  handleBlur = () => {\r\n    this.selectBlurred.emit({\r\n      name: this.input_name || this.button_id,\r\n      value: this.selectedText || '',\r\n    });\r\n  };\r\n\r\n\r\n  connectedCallback() {\r\n    document.addEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    document.removeEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  private numberToWord(num: number): string {\r\n    const words = ['One', 'Two', 'Three', 'Four', 'Five'];\r\n    return words[num - 1] || num.toString();\r\n  }\r\n\r\n  render() {\r\n    const labelId = `${this.button_id}-label`;\r\n    const valueId = `${this.button_id}-value`;\r\n\r\n    return (\r\n      <Host>\r\n        <div\r\n          class={`\r\n            dda-input-container ${this.custom_class} \r\n            ${this.component_mode} \r\n            ${this.disabled ? 'dda-input-disabled' : ''} \r\n            dda-input-size-${this.size} dda-validation-${this.validation_type}\r\n          `}\r\n        >\r\n          {this.label && (\r\n            <span id={labelId} class=\"dda-input-label\">\r\n              {this.label}\r\n            </span>\r\n          )}\r\n          <div class=\"dda-dropdown-container\">\r\n            <button\r\n              name={this.toggle_button_name}\r\n              id={this.button_id}\r\n              type=\"button\"\r\n              class=\"dda-input-field dda-select-header\"\r\n              aria-labelledby={`${labelId} ${this.button_id}`}\r\n              disabled={this.disabled}\r\n              onClick={() => this.toggleSelect()}\r\n              onBlur={this.handleBlur}\r\n            >\r\n              <span id={valueId} class=\"dda-select-button-label\">\r\n                {this.selectedText || this.placeholder}\r\n              </span>\r\n              <i class=\"material-icons\" aria-hidden=\"true\">{this.is_open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}</i>\r\n            </button>\r\n\r\n            {this.is_open && (\r\n              <div class=\"dda-input-dropdown-list dda-select-list\">\r\n                {this.parsedOptions.length > 0 ? (\r\n                  this.parsedOptions.map((option, index) => (\r\n                    <button\r\n                      name={`option${this.numberToWord(index + 1)}`}\r\n                      type=\"button\"\r\n                      class={`dda-input-dropdown-item ${this.selectedId === option.id ? 'selected' : ''}`}\r\n                      role=\"option\"\r\n                      aria-selected={this.selectedId === option.id ? 'true' : 'false'}\r\n                      onClick={() => this.selectOption(option)}\r\n                    >\r\n                      {option.text}\r\n                    </button>\r\n                  ))\r\n                ) : (\r\n                  <div class=\"dda-input-dropdown-item\">No options available</div>\r\n                )}\r\n              </div>\r\n            )}\r\n          </div>\r\n\r\n          {this.validation_type === 'error' && this.error_message ? (\r\n            <span \r\n              class=\"dda-error-message\" \r\n              id={this.validation_id}\r\n              role=\"alert\"\r\n            >\r\n              {this.error_message}\r\n            </span>\r\n          ) : (\r\n            this.helper_text && (\r\n              <span \r\n                class=\"dda-helper-text\" \r\n                id={this.validation_id}\r\n              >\r\n                {this.helper_text}\r\n              </span>\r\n            )\r\n          )}\r\n\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/esm/dda-toggle.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-52b38a93.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-52b38a93.js';
 
 const ddaToggleCss = ".dda-toggle-btn{display:inline-flex;align-items:flex-start;cursor:pointer;position:relative;gap:10px}.dda-toggle-btn p{margin:0}.dda-toggle-btn .toggle{width:35px;height:20px;vertical-align:sub;display:inline-block;background:var(--dda-neutral-variant-90);border-radius:60px;cursor:pointer;margin:0px;position:relative}.dda-toggle-btn input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.dda-toggle-btn .toggle::after{content:\"\";position:absolute;display:block;background:var(--dda-neutral-100);height:16px;width:16px;top:2px;left:2px;border-radius:60px}.dda-toggle-btn input:checked~.toggle{background:var(--dda-color-primary-40);-webkit-box-shadow:0px 0px 0px 3px var(--dda-primary-95);-moz-box-shadow:0px 0px 0px 3px var(--dda-primary-95);box-shadow:0px 0px 0px 3px var(--dda-primary-95)}.light-mode.dda-toggle-btn input:checked~.toggle{background:var(--dda-primary-40)}.dda-toggle-btn input:checked~.toggle::after{left:17px}.dda-toggle-sm .toggle{width:27px;height:16px}.dda-toggle-sm .toggle::after{width:12px;height:12px}.dda-toggle-sm input:checked~.toggle::after{left:13px}.dda-toggle-md .toggle{width:35px;height:20px}.dda-toggle-md .toggle::after{height:16px;width:16px}.dda-toggle-md input:checked~.toggle::after{left:17px}.dda-toggle-lg .toggle{width:45px;height:24px}.dda-toggle-lg .toggle::after{height:20px;width:20px}.dda-toggle-lg input:checked~.toggle::after{left:23px}.toggle-title{color:var(--dda-on-surface-0);font-weight:var(--dda-fw-500);display:block}.light-mode .toggle-title{color:var(--dda-neutral-0)}.toggle-supporting{display:block;color:var(--dda-on-surface-variant-30)}.light-mode .toggle-supporting{color:var(--dda-neutral-variant-30)}.dda-toggle-sm .toggle-title,.dda-toggle-md .toggle-title{font-size:var(--font-caption)}.dda-toggle-sm .toggle-supporting{font-size:var(--dda-fs-label-lg)}.dda-toggle-lg .toggle-title{font-size:var(--dda-fs-title-sm)}.dda-toggle-md .toggle-supporting,.dda-toggle-lg .toggle-supporting{font-size:var(--font-caption)}@media (prefers-reduced-motion: no-preference){.dda-toggle-btn .toggle::after{-moz-transition:0.35s cubic-bezier(0.54, 1.6, 0.5, 1);-o-transition:0.35s cubic-bezier(0.54, 1.6, 0.5, 1);-webkit-transition:0.35s cubic-bezier(0.54, 1.6, 0.5, 1);transition:0.35s cubic-bezier(0.54, 1.6, 0.5, 1)}}";
 const DdaToggleStyle0 = ddaToggleCss;
@@ -6,16 +6,16 @@ const DdaToggleStyle0 = ddaToggleCss;
 const DdaToggle = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.toggleChanged = createEvent(this, "toggleChanged", 7);
         this.custom_class = '';
     }
     render() {
-        const toggleClass = [
-            'dda-toggle-btn',
-            this.size ? `dda-toggle-${this.size}` : '',
-            this.custom_class ? `${this.custom_class}` : '',
-            this.component_mode,
-        ].filter(Boolean).join(' ');
-        return (h(Host, { key: 'd7801970653993dd8eedb37eb70db33b92d7b641' }, h("label", { key: 'da643a1a4eeaa2823d98636fcb3fa927ba7dc576', class: toggleClass, htmlFor: this.input_id }, h("input", { key: '15eda92812deaf543f0f680bbef9f68869ae3476', "aria-label": this.aria_label, type: "checkbox", id: this.input_id, name: this.group_name, checked: this.checked }), h("span", { key: 'a68ab591c628d6d9d11a74f8b373979aaa356d5e', class: "toggle" }), h("p", { key: '28ca46d403b19a241f7c7da81922bb7f885801c9' }, h("span", { key: '5884bbc2b972e6ad7825ee045483941bbaeb81d1', class: "toggle-title" }, "Radio Button Title"), h("span", { key: 'e39fba59b29efe5c3ea6396fd2f1361f118ca8d1', class: "toggle-supporting" }, "Supporting Text")))));
+        const toggleClass = ['dda-toggle-btn', this.size ? `dda-toggle-${this.size}` : '', this.custom_class ? `${this.custom_class}` : '', this.component_mode]
+            .filter(Boolean)
+            .join(' ');
+        return (h(Host, { key: '7c3db88316052b19c146996798f7fcd73cd57603' }, h("label", { key: 'f685e06c7873a986343c68e65049aae955479e34', class: toggleClass, htmlFor: this.input_id }, h("input", { key: '175fb25ce0c6c2322d3125bbf265c4d88d963b4e', "aria-label": this.aria_label, type: "checkbox", id: this.input_id, name: this.group_name, checked: this.checked, onChange: event => {
+                this.toggleChanged.emit(event);
+            } }), h("span", { key: '410c2812dfa4c27eac881ac9402e66357a750e22', class: "toggle" }), h("p", { key: '0a87c75f7b1d525b91f511186f6baba5bc6f5828' }, h("span", { key: 'bfc55b0af5a746f40440e0b0d5e85a311210e98e', class: "toggle-title" }, "Radio Button Title"), h("span", { key: 'b61ca61425927c00da8643986e06a547f4b8d925', class: "toggle-supporting" }, "Supporting Text")))));
     }
 };
 DdaToggle.style = DdaToggleStyle0;

package/dist/esm/dda-toggle.entry.js.map

@@ -1 +1 @@
-{"file":"dda-toggle.entry.js","mappings":";;AAAA,MAAM,YAAY,GAAG,mvEAAmvE,CAAC;AACzwE,wBAAe,YAAY;;MCMd,SAAS;IALtB;;QAUU,iBAAY,GAAY,EAAE,CAAC;KA2BpC;IArBC,MAAM;QACJ,MAAM,WAAW,GAAG;YAClB,gBAAgB;YAChB,IAAI,CAAC,IAAI,GAAG,cAAc,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE;YAC1C,IAAI,CAAC,YAAY,GAAG,GAAG,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE;YAC/C,IAAI,CAAC,cAAc;SACpB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAE5B,QACE,EAAC,IAAI,uDACH,8DAAO,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,IAC/C,4EAAmB,IAAI,CAAC,UAAU,EAAE,IAAI,EAAC,UAAU,EAAC,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,GAAG,EACpH,6DAAM,KAAK,EAAC,QAAQ,GAAQ,EAC5B,4DACE,6DAAM,KAAK,EAAC,cAAc,yBAA0B,EACpD,6DAAM,KAAK,EAAC,mBAAmB,sBAAuB,CACpD,CACA,CACH,EACP;KACH;;;;;;","names":[],"sources":["src/components/dda-toggle/dda-toggle.css?tag=dda-toggle","src/components/dda-toggle/dda-toggle.tsx"],"sourcesContent":[".dda-toggle-btn {\r\n  display: inline-flex;\r\n  align-items: flex-start;\r\n  cursor: pointer;\r\n  position: relative;\r\n  gap: 10px;\r\n}\r\n.dda-toggle-btn p{\r\n  margin: 0;\r\n}\r\n.dda-toggle-btn .toggle {\r\n  width: 35px;\r\n  height: 20px;\r\n  vertical-align: sub;\r\n  display: inline-block;\r\n  background: var(--dda-neutral-variant-90);\r\n  border-radius: 60px;\r\n  cursor: pointer;\r\n  margin: 0px;\r\n  position: relative;\r\n}\r\n.dda-toggle-btn input {\r\n  position: absolute;\r\n  opacity: 0;\r\n  cursor: pointer;\r\n  height: 0;\r\n  width: 0;\r\n}\r\n.dda-toggle-btn .toggle::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  display: block;\r\n  /* -moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n  -o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n  -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n  transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); */\r\n  background: var(--dda-neutral-100);\r\n  height: 16px;\r\n  width: 16px;\r\n  top: 2px;\r\n  left: 2px;\r\n  border-radius: 60px;\r\n}\r\n.dda-toggle-btn input:checked~.toggle{\r\n  background: var(--dda-color-primary-40);\r\n  -webkit-box-shadow: 0px 0px 0px 3px var(--dda-primary-95);\r\n  -moz-box-shadow: 0px 0px 0px 3px var(--dda-primary-95);\r\n  box-shadow: 0px 0px 0px 3px var(--dda-primary-95);\r\n}\r\n.light-mode.dda-toggle-btn input:checked~.toggle{\r\n  background: var(--dda-primary-40);\r\n}\r\n.dda-toggle-btn input:checked~.toggle::after {\r\n  left: 17px;\r\n}\r\n\r\n.dda-toggle-sm .toggle{\r\n  width: 27px;\r\n  height: 16px;\r\n}\r\n.dda-toggle-sm .toggle::after{\r\n  width: 12px;\r\n  height: 12px;\r\n}\r\n.dda-toggle-sm input:checked~.toggle::after {\r\n  left: 13px;\r\n}\r\n\r\n.dda-toggle-md .toggle{\r\n  width: 35px;\r\n  height: 20px;\r\n}\r\n.dda-toggle-md .toggle::after{\r\n  height: 16px;\r\n  width: 16px;\r\n}\r\n.dda-toggle-md input:checked~.toggle::after {\r\n  left: 17px;\r\n}\r\n\r\n.dda-toggle-lg .toggle{\r\n  width: 45px;\r\n  height: 24px;\r\n}\r\n.dda-toggle-lg .toggle::after{\r\n  height: 20px;\r\n  width: 20px;\r\n}\r\n.dda-toggle-lg input:checked~.toggle::after {\r\n  left: 23px;\r\n}\r\n\r\n.toggle-title{\r\n  color: var(--dda-on-surface-0);\r\n  font-weight: var(--dda-fw-500);\r\n  display: block;\r\n}\r\n.light-mode .toggle-title{\r\n  color: var(--dda-neutral-0);\r\n}\r\n.toggle-supporting{\r\n  display: block;\r\n  color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .toggle-supporting{\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n.dda-toggle-sm .toggle-title, .dda-toggle-md .toggle-title{\r\n  font-size: var(--font-caption);\r\n}\r\n.dda-toggle-sm .toggle-supporting {\r\n  font-size: var(--dda-fs-label-lg);\r\n}\r\n.dda-toggle-lg .toggle-title {\r\n  font-size: var(--dda-fs-title-sm);\r\n}\r\n.dda-toggle-md .toggle-supporting,\r\n.dda-toggle-lg .toggle-supporting{\r\n  font-size: var(--font-caption);\r\n}\r\n\r\n\r\n@media (prefers-reduced-motion: no-preference) {\r\n  .dda-toggle-btn .toggle::after {\r\n    -moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n    -o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n    -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n    transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n  } \r\n}","import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-toggle',\r\n  styleUrls: ['dda-toggle.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaToggle {\r\n  @Prop() checked: boolean;\r\n // @Prop() labelOn: string = 'On';\r\n  //@Prop() labelOff: string = 'Off';\r\n  @Prop() size?: string; // e.g., 'sm', 'md', 'lg'\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() group_name?: string;\r\n  @Prop() input_id?: string;\r\n  @Prop() component_mode?: string; \r\n  @Prop() aria_label: string;\r\n\r\n  render() {\r\n    const toggleClass = [\r\n      'dda-toggle-btn',\r\n      this.size ? `dda-toggle-${this.size}` : '',\r\n      this.custom_class ? `${this.custom_class}` : '',\r\n      this.component_mode,\r\n    ].filter(Boolean).join(' ');\r\n\r\n    return (\r\n      <Host>\r\n        <label class={toggleClass} htmlFor={this.input_id}>\r\n          <input aria-label={this.aria_label} type=\"checkbox\" id={this.input_id} name={this.group_name} checked={this.checked}/>\r\n            <span class=\"toggle\"></span> \r\n            <p>\r\n              <span class=\"toggle-title\">Radio Button Title</span>\r\n              <span class=\"toggle-supporting\">Supporting Text</span>\r\n            </p>\r\n        </label>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}
+{"file":"dda-toggle.entry.js","mappings":";;AAAA,MAAM,YAAY,GAAG,mvEAAmvE,CAAC;AACzwE,wBAAe,YAAY;;MCMd,SAAS;IALtB;;;QAUU,iBAAY,GAAY,EAAE,CAAC;KAmCpC;IA3BC,MAAM;QACJ,MAAM,WAAW,GAAG,CAAC,gBAAgB,EAAE,IAAI,CAAC,IAAI,GAAG,cAAc,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,IAAI,CAAC,YAAY,GAAG,GAAG,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE,EAAE,IAAI,CAAC,cAAc,CAAC;aACrJ,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,CAAC;QAEb,QACE,EAAC,IAAI,uDACH,8DAAO,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,IAC/C,4EACc,IAAI,CAAC,UAAU,EAC3B,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,IAAI,EAAE,IAAI,CAAC,UAAU,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,KAAK;gBACb,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAChC,GACD,EACF,6DAAM,KAAK,EAAC,QAAQ,GAAQ,EAC5B,4DACE,6DAAM,KAAK,EAAC,cAAc,yBAA0B,EACpD,6DAAM,KAAK,EAAC,mBAAmB,sBAAuB,CACpD,CACE,CACH,EACP;KACH;;;;;;","names":[],"sources":["src/components/dda-toggle/dda-toggle.css?tag=dda-toggle","src/components/dda-toggle/dda-toggle.tsx"],"sourcesContent":[".dda-toggle-btn {\r\n  display: inline-flex;\r\n  align-items: flex-start;\r\n  cursor: pointer;\r\n  position: relative;\r\n  gap: 10px;\r\n}\r\n.dda-toggle-btn p{\r\n  margin: 0;\r\n}\r\n.dda-toggle-btn .toggle {\r\n  width: 35px;\r\n  height: 20px;\r\n  vertical-align: sub;\r\n  display: inline-block;\r\n  background: var(--dda-neutral-variant-90);\r\n  border-radius: 60px;\r\n  cursor: pointer;\r\n  margin: 0px;\r\n  position: relative;\r\n}\r\n.dda-toggle-btn input {\r\n  position: absolute;\r\n  opacity: 0;\r\n  cursor: pointer;\r\n  height: 0;\r\n  width: 0;\r\n}\r\n.dda-toggle-btn .toggle::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  display: block;\r\n  /* -moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n  -o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n  -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n  transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); */\r\n  background: var(--dda-neutral-100);\r\n  height: 16px;\r\n  width: 16px;\r\n  top: 2px;\r\n  left: 2px;\r\n  border-radius: 60px;\r\n}\r\n.dda-toggle-btn input:checked~.toggle{\r\n  background: var(--dda-color-primary-40);\r\n  -webkit-box-shadow: 0px 0px 0px 3px var(--dda-primary-95);\r\n  -moz-box-shadow: 0px 0px 0px 3px var(--dda-primary-95);\r\n  box-shadow: 0px 0px 0px 3px var(--dda-primary-95);\r\n}\r\n.light-mode.dda-toggle-btn input:checked~.toggle{\r\n  background: var(--dda-primary-40);\r\n}\r\n.dda-toggle-btn input:checked~.toggle::after {\r\n  left: 17px;\r\n}\r\n\r\n.dda-toggle-sm .toggle{\r\n  width: 27px;\r\n  height: 16px;\r\n}\r\n.dda-toggle-sm .toggle::after{\r\n  width: 12px;\r\n  height: 12px;\r\n}\r\n.dda-toggle-sm input:checked~.toggle::after {\r\n  left: 13px;\r\n}\r\n\r\n.dda-toggle-md .toggle{\r\n  width: 35px;\r\n  height: 20px;\r\n}\r\n.dda-toggle-md .toggle::after{\r\n  height: 16px;\r\n  width: 16px;\r\n}\r\n.dda-toggle-md input:checked~.toggle::after {\r\n  left: 17px;\r\n}\r\n\r\n.dda-toggle-lg .toggle{\r\n  width: 45px;\r\n  height: 24px;\r\n}\r\n.dda-toggle-lg .toggle::after{\r\n  height: 20px;\r\n  width: 20px;\r\n}\r\n.dda-toggle-lg input:checked~.toggle::after {\r\n  left: 23px;\r\n}\r\n\r\n.toggle-title{\r\n  color: var(--dda-on-surface-0);\r\n  font-weight: var(--dda-fw-500);\r\n  display: block;\r\n}\r\n.light-mode .toggle-title{\r\n  color: var(--dda-neutral-0);\r\n}\r\n.toggle-supporting{\r\n  display: block;\r\n  color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .toggle-supporting{\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n.dda-toggle-sm .toggle-title, .dda-toggle-md .toggle-title{\r\n  font-size: var(--font-caption);\r\n}\r\n.dda-toggle-sm .toggle-supporting {\r\n  font-size: var(--dda-fs-label-lg);\r\n}\r\n.dda-toggle-lg .toggle-title {\r\n  font-size: var(--dda-fs-title-sm);\r\n}\r\n.dda-toggle-md .toggle-supporting,\r\n.dda-toggle-lg .toggle-supporting{\r\n  font-size: var(--font-caption);\r\n}\r\n\r\n\r\n@media (prefers-reduced-motion: no-preference) {\r\n  .dda-toggle-btn .toggle::after {\r\n    -moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n    -o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n    -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n    transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n  } \r\n}","import { Component, Prop, h, Host, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-toggle',\r\n  styleUrls: ['dda-toggle.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaToggle {\r\n  @Prop() checked: boolean;\r\n  // @Prop() labelOn: string = 'On';\r\n  //@Prop() labelOff: string = 'Off';\r\n  @Prop() size?: string; // e.g., 'sm', 'md', 'lg'\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() group_name?: string;\r\n  @Prop() input_id?: string;\r\n  @Prop() component_mode?: string;\r\n  @Prop() aria_label: string;\r\n\r\n  @Event() toggleChanged: EventEmitter<any>;\r\n\r\n  render() {\r\n    const toggleClass = ['dda-toggle-btn', this.size ? `dda-toggle-${this.size}` : '', this.custom_class ? `${this.custom_class}` : '', this.component_mode]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n\r\n    return (\r\n      <Host>\r\n        <label class={toggleClass} htmlFor={this.input_id}>\r\n          <input\r\n            aria-label={this.aria_label}\r\n            type=\"checkbox\"\r\n            id={this.input_id}\r\n            name={this.group_name}\r\n            checked={this.checked}\r\n            onChange={event => {\r\n              this.toggleChanged.emit(event);\r\n            }}\r\n          />\r\n          <span class=\"toggle\"></span>\r\n          <p>\r\n            <span class=\"toggle-title\">Radio Button Title</span>\r\n            <span class=\"toggle-supporting\">Supporting Text</span>\r\n          </p>\r\n        </label>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/esm/dda.js

@@ -16,7 +16,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"dda-header\",[[0,\"dda-header\",{\"firstLogoHref\":[1,\"first-logo-href\"],\"firstLogoSrc\":[1,\"first-logo-src\"],\"firstLogoWhiteSrc\":[1,\"first-logo-white-src\"],\"firstLogoAlt\":[1,\"first-logo-alt\"],\"secondLogoHref\":[1,\"second-logo-href\"],\"secondLogoSrc\":[1,\"second-logo-src\"],\"secondLogoWhiteSrc\":[1,\"second-logo-white-src\"],\"secondLogoAlt\":[1,\"second-logo-alt\"],\"sideMainMenuTitle\":[1,\"side-main-menu-title\"],\"sideOtherMenuTitle\":[1,\"side-other-menu-title\"],\"header_submenu_type\":[1],\"sideMenuItems\":[1,\"side-menu-items\"],\"header_default_submenu\":[4],\"read_speaker_link\":[1],\"searchText\":[1,\"search-text\"],\"loginLink\":[1,\"login-link\"],\"loginIcon\":[1,\"login-icon\"],\"loginText\":[1,\"login-text\"],\"language_text\":[1],\"language_tooltip\":[1],\"login_tooltip\":[1],\"accessibility_tooltip\":[1],\"search_tooltip\":[1],\"hamburger_menu_button_name\":[1],\"accessibility_button_text\":[1],\"accessibility_button_id\":[1],\"accessibility_button_icon_family\":[1],\"accessibility_button_icon_name\":[1],\"search_button_name\":[1],\"search_input_name\":[1],\"search_value\":[1],\"language_button_name\":[1],\"close_menu_button_name\":[1],\"close_accessibility_button_name\":[1],\"toggle_accessibility_button_name\":[1],\"usePredesignedAccessibilityMenu\":[4,\"use-predesigned-accessibility-menu\"],\"useNavigator\":[1,\"use-navigator\"],\"search_input_placeholder\":[1],\"mobileMenuSearchId\":[1,\"mobile-menu-search-id\"],\"mobileMenuSearchUrl\":[1,\"mobile-menu-search-url\"],\"contrast_title\":[1],\"contrast_description\":[1],\"contrast_noraml_text\":[1],\"contrast_color_blind_text\":[1],\"contrast_red_weakness_text\":[1],\"contrast_green_weakness_text\":[1],\"screen_reader_title\":[1],\"screen_reader_description\":[1],\"text_size_title\":[1],\"text_size_description\":[1],\"hideOtherMenu\":[4,\"hide-other-menu\"],\"otherMenuItems\":[1,\"other-menu-items\"],\"quickLinks\":[1,\"quick-links\"],\"isMenuOpen\":[32],\"isSubMenuOpen\":[32],\"isSideSubMenuOpen\":[32],\"isAccessibiltyOpen\":[32],\"isMobileAccessibiltyOpen\":[32],\"openMenus\":[32],\"parsedOtherMenuItems\":[32],\"parsedDropDownMenuItems\":[32]}]]],[\"dda-event-card\",[[0,\"dda-event-card\",{\"card_header_text\":[1],\"card_header_icon\":[1],\"card_header_icon_id\":[1],\"image_src\":[1],\"event_month\":[1],\"event_date\":[1],\"header_text\":[1],\"body_text\":[1],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16],\"chip_list\":[1040],\"avatar_list\":[1040]}]]],[\"dda-pricing-card\",[[0,\"dda-pricing-card\",{\"image_src\":[1],\"image_chip_icon\":[1],\"image_chip_icon_family\":[1],\"image_chip_label\":[1],\"image_chip_icon_size\":[1],\"header_text\":[1],\"header_text_icon\":[1],\"card_header_icon_id\":[1],\"body_text_icon\":[1],\"body_text\":[1],\"price_text\":[1],\"price_period\":[1],\"custom_class\":[1],\"component_mode\":[1],\"chip_list\":[1040],\"clickHandler\":[16]}]]],[\"dda-accordion\",[[4,\"dda-accordion\",{\"design\":[1],\"header_text\":[1],\"sub_title\":[1],\"body_description\":[1],\"custom_class\":[1],\"link_button_text\":[1],\"component_mode\":[1],\"accordion_icon_class\":[1],\"accordion_icon_text\":[1],\"accordion_header_end_icon\":[1],\"accordion_id\":[1],\"default_open\":[4],\"isOpen\":[32],\"openAccordion\":[64],\"closeAccordion\":[64],\"getIsOpen\":[64]}]]],[\"dda-alert\",[[0,\"dda-alert\",{\"type\":[1],\"variation\":[1],\"title_text\":[1],\"description\":[1],\"button_text\":[1],\"custom_class\":[1],\"component_mode\":[1],\"component_id\":[1],\"secondary_button\":[1],\"secondary_button_link\":[1],\"primary_button\":[1],\"primary_button_link\":[1],\"close_button_name\":[1]}]]],[\"dda-centered-image-card\",[[0,\"dda-centered-image-card\",{\"image_src\":[1],\"image_alt\":[1],\"header_text\":[1],\"info_text\":[1],\"date_text\":[1],\"left_button_name\":[1],\"right_button_name\":[1],\"left_button_id\":[1],\"right_button_id\":[1],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16]}]]],[\"dda-custom-card\",[[4,\"dda-custom-card\",{\"card_header_text\":[1],\"card_header_icon\":[1],\"card_header_icon_id\":[1],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16]}]]],[\"dda-footer\",[[0,\"dda-footer\",{\"footerTitle\":[1,\"footer-title\"],\"description\":[1],\"signUpButtonText\":[1,\"sign-up-button-text\"],\"loginButtonText\":[1,\"login-button-text\"],\"logoSrc\":[1,\"logo-src\"],\"logoAlt\":[1,\"logo-alt\"],\"copyrightText\":[1,\"copyright-text\"],\"footerSections\":[1,\"footer-sections\"],\"socialIcons\":[1,\"social-icons\"]}]]],[\"dda-home-banner\",[[4,\"dda-home-banner\",{\"autoplay\":[4],\"interval\":[2],\"currentSlide\":[32],\"slides\":[32],\"autoPlayActive\":[32]},null,{\"currentSlide\":[\"onSlideChanged\"]}]]],[\"dda-home-carousel\",[[0,\"dda-home-carousel\",{\"custom_class\":[1],\"component_mode\":[1],\"items_in_view\":[2],\"bannercardlist\":[1]},null,{\"bannercardlist\":[\"parseBannerCardList\"]}]]],[\"dda-image-card\",[[4,\"dda-image-card\",{\"image_src\":[1],\"image_alt\":[1],\"header_text\":[1],\"body_text\":[1],\"date_text\":[1],\"left_button_color\":[1],\"left_button_name\":[1],\"left_button_href\":[1],\"left_button_rel\":[1],\"left_button_data_fancybox\":[1],\"left_button_start_icon\":[1],\"left_button_end_icon\":[1],\"left_button_target\":[1],\"right_button_color\":[1],\"right_button_name\":[1],\"right_button_href\":[1],\"right_button_rel\":[1],\"right_button_data_fancybox\":[1],\"right_button_start_icon\":[1],\"right_button_end_icon\":[1],\"right_button_target\":[1],\"left_button\":[1],\"right_button\":[1],\"custom_class\":[1],\"component_mode\":[1],\"file_size\":[1],\"file_type\":[1],\"useNavigator\":[1,\"use-navigator\"]}]]],[\"dda-information-card\",[[4,\"dda-information-card\",{\"image_src\":[1],\"image_alt\":[1],\"header_text\":[1],\"body_text\":[1],\"left_button_name\":[1],\"left_button_href\":[1],\"left_button_rel\":[1],\"left_button_data_fancybox\":[1],\"left_button_start_icon\":[1],\"left_button_end_icon\":[1],\"left_button_target\":[1],\"right_button_name\":[1],\"right_button_href\":[1],\"right_button_rel\":[1],\"right_button_data_fancybox\":[1],\"right_button_start_icon\":[1],\"right_button_end_icon\":[1],\"right_button_target\":[1],\"left_button\":[1],\"right_button\":[1],\"single_button\":[4],\"custom_class\":[1],\"component_mode\":[1],\"useNavigator\":[1,\"use-navigator\"]}]]],[\"dda-sticky-footer\",[[0,\"dda-sticky-footer\",{\"colorTheme\":[1,\"color-theme\"],\"happinessIconHref\":[1,\"happiness-icon-href\"],\"happinessIconId\":[1,\"happiness-icon-id\"],\"happinessIconSrc\":[1,\"happiness-icon-src\"],\"happinessIconSrcDark\":[1,\"happiness-icon-src-dark\"],\"happinessIconAlt\":[1,\"happiness-icon-alt\"],\"happinessIconTooltip\":[1,\"happiness-icon-tooltip\"],\"accessibilityIconHref\":[1,\"accessibility-icon-href\"],\"accessibilityIconId\":[1,\"accessibility-icon-id\"],\"accessibilityIconSrc\":[1,\"accessibility-icon-src\"],\"accessibilityIconSrcDark\":[1,\"accessibility-icon-src-dark\"],\"accessibilityIconAlt\":[1,\"accessibility-icon-alt\"],\"accessibilityIconTooltip\":[1,\"accessibility-icon-tooltip\"],\"servicesIconHref\":[1,\"services-icon-href\"],\"servicesIconId\":[1,\"services-icon-id\"],\"servicesIconSrc\":[1,\"services-icon-src\"],\"servicesIconSrcDark\":[1,\"services-icon-src-dark\"],\"servicesIconAlt\":[1,\"services-icon-alt\"],\"servicesIconTooltip\":[1,\"services-icon-tooltip\"],\"servicesIconText\":[1,\"services-icon-text\"],\"hideMiddleSection\":[4,\"hide-middle-section\"],\"middleLink\":[1,\"middle-link\"],\"rightLink\":[1,\"right-link\"],\"aiIconHref\":[1,\"ai-icon-href\"],\"aiIconId\":[1,\"ai-icon-id\"],\"aiIconSrc\":[1,\"ai-icon-src\"],\"aiIconSrcDark\":[1,\"ai-icon-src-dark\"],\"aiIconAlt\":[1,\"ai-icon-alt\"],\"aiIconTooltip\":[1,\"ai-icon-tooltip\"],\"dubaiaeIconHref\":[1,\"dubaiae-icon-href\"],\"dubaiaeIconId\":[1,\"dubaiae-icon-id\"],\"dubaiaeIconSrc\":[1,\"dubaiae-icon-src\"],\"dubaiaeIconSrcDark\":[1,\"dubaiae-icon-src-dark\"],\"dubaiaeIconSmallSrc\":[1,\"dubaiae-icon-small-src\"],\"dubaiaeIconAlt\":[1,\"dubaiae-icon-alt\"],\"dubaiaeIconTooltip\":[1,\"dubaiae-icon-tooltip\"],\"chatIconHref\":[1,\"chat-icon-href\"],\"chatIconId\":[1,\"chat-icon-id\"],\"chatIconSrc\":[1,\"chat-icon-src\"],\"chatIconSrcDark\":[1,\"chat-icon-src-dark\"],\"chatIconAlt\":[1,\"chat-icon-alt\"],\"chatIconTooltip\":[1,\"chat-icon-tooltip\"],\"moreIconFamily\":[1,\"more-icon-family\"],\"moreIcon\":[1,\"more-icon\"],\"isHidden\":[32]}]]],[\"dda-attach-file\",[[0,\"dda-attach-file\",{\"label\":[1],\"place_holder\":[1],\"upload_button_text\":[1],\"helper_text\":[1],\"success_text\":[1],\"error_message\":[1],\"size\":[1],\"validation_type\":[1],\"validation_id\":[1],\"input_type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1],\"button_aria_label\":[1],\"input_id\":[1],\"input_name\":[1],\"button_id\":[1],\"button_name\":[1],\"accept\":[1],\"disabled\":[4],\"max_file_size\":[2],\"file_size_error_message\":[1],\"file\":[32],\"isFileUploaded\":[32],\"internalErrorMessage\":[32],\"getFile\":[64]}]]],[\"dda-breadcrumb\",[[0,\"dda-breadcrumb\",{\"design\":[1],\"separator\":[1],\"aria_label\":[1],\"custom_class\":[1],\"component_mode\":[1],\"dataBreadcrumbs\":[1,\"data-breadcrumbs\"]}]]],[\"dda-checkbox\",[[0,\"dda-checkbox\",{\"title_text\":[1],\"supporting\":[1],\"group_name\":[1],\"input_id\":[1],\"checked\":[4],\"checkbox_status\":[1],\"style_type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1]}]]],[\"dda-credit-card\",[[0,\"dda-credit-card\",{\"balance\":[1],\"name\":[1],\"card_number\":[1],\"card_type\":[1],\"design\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-creditcard-field\",[[0,\"dda-creditcard-field\",{\"placeholder\":[1],\"label\":[1],\"value\":[1],\"card_icon\":[1],\"error_message\":[1],\"validation_type\":[1],\"validation_id\":[1],\"size\":[1],\"input_type\":[1],\"helper_text\":[1],\"disabled\":[4],\"custom_class\":[1],\"restrict_input\":[4],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"input_name\":[1],\"formattedValue\":[32]}]]],[\"dda-dropdown\",[[0,\"dda-dropdown\",{\"label\":[1],\"options\":[1],\"selected\":[1],\"disabled\":[4],\"error\":[1],\"error_message\":[1],\"helper_text\":[1],\"validation_id\":[1],\"size\":[1],\"icon_mode\":[4],\"custom_class\":[1],\"component_mode\":[1],\"button_id\":[1],\"toggle_button_name\":[1],\"option_select_button_name\":[1],\"placeholder\":[1],\"main_aria_label\":[1],\"is_open\":[32],\"selectedId\":[32],\"selectedText\":[32]}]]],[\"dda-horizontal-stepper\",[[0,\"dda-horizontal-stepper\",{\"steps\":[1],\"current_step\":[2],\"custom_class\":[1],\"component_mode\":[1],\"parsedSteps\":[32]}]]],[\"dda-number-field\",[[0,\"dda-number-field\",{\"placeholder\":[1],\"label\":[1],\"value\":[1],\"helper_text\":[1],\"error_message\":[1],\"validation_type\":[1],\"size\":[1],\"input_status\":[1],\"currencies\":[1],\"selected_currency\":[1],\"custom_class\":[1],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"input_name\":[1],\"toggle_button_name\":[1],\"currency_button_name\":[1],\"is_focused\":[32],\"isCurrencyDropdownOpen\":[32]}]]],[\"dda-pagination\",[[0,\"dda-pagination\",{\"total_pages\":[2],\"current_page\":[1026],\"type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"simple_slider_prev_button\":[1],\"simple_slider_next_button\":[1],\"buttons_prev_button\":[1],\"buttons_next_button\":[1],\"text_prev_button\":[1],\"text_next_button\":[1],\"text_pages_prev_button\":[1],\"text_pages_next_button\":[1],\"button_text_prev_button\":[1],\"button_text_next_button\":[1],\"buttons_pages_prev_button\":[1],\"buttons_pages_next_button\":[1],\"buttons_pages_id\":[1]},null,{\"total_pages\":[\"validateTotalPages\"],\"current_page\":[\"validateCurrentPage\"]}]]],[\"dda-phonefield\",[[0,\"dda-phonefield\",{\"label\":[1],\"placeholder\":[1],\"helper_text\":[1],\"max_length\":[1],\"validation_type\":[1],\"error_message\":[1],\"validation_id\":[1],\"disabled\":[4],\"size\":[1],\"custom_class\":[1],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"button_id\":[1],\"button_aria_label\":[1],\"toggle_button_name\":[1],\"country_select_button_name\":[1],\"phone_input_name\":[1],\"value\":[1],\"country_code\":[32],\"country_flag\":[32],\"internalValue\":[32],\"is_focused\":[32],\"dropdown_open\":[32],\"countries\":[32],\"hostElement\":[32],\"getValue\":[64],\"validatePhoneField\":[64]},null,{\"value\":[\"watchHandler\"]}]]],[\"dda-progressbar\",[[0,\"dda-progressbar\",{\"progress\":[2],\"tooltip\":[4],\"tooltip_position\":[1],\"show_percentage_text\":[4],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-range-slider\",[[0,\"dda-range-slider\",{\"min\":[2],\"max\":[2],\"step\":[2],\"initial_min\":[2],\"initial_max\":[2],\"size\":[1],\"tooltip_position\":[1],\"custom_class\":[1],\"component_mode\":[1],\"left_input_id\":[1],\"right_input_id\":[1],\"left_aria_label\":[1],\"right_aria_label\":[1],\"left_input_name\":[1],\"right_input_name\":[1],\"min_value\":[32],\"max_value\":[32]}]]],[\"dda-search-input\",[[0,\"dda-search-input\",{\"placeholder\":[1],\"label\":[1],\"size\":[1],\"error_message\":[1],\"show_button\":[4],\"helper_text\":[1],\"validation_id\":[1],\"input_status\":[1],\"has_error\":[4],\"custom_class\":[1],\"component_mode\":[1],\"button_id\":[1],\"input_id\":[1],\"aria_label\":[1],\"button_aria_label\":[1],\"search_input_name\":[1],\"close_button_name\":[1],\"search_button_name\":[1],\"button_text\":[1],\"hasInputValue\":[32]}]]],[\"dda-segmented-tabs\",[[0,\"dda-segmented-tabs\",{\"items\":[1],\"radius_type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"button_name\":[1]}]]],[\"dda-select\",[[0,\"dda-select\",{\"label\":[1],\"options\":[1],\"selected\":[1],\"disabled\":[4],\"error\":[1],\"error_message\":[1],\"helper_text\":[1],\"validation_type\":[1],\"validation_id\":[1],\"size\":[1],\"custom_class\":[1],\"component_mode\":[1],\"button_id\":[1],\"toggle_button_name\":[1],\"option_select_button_name\":[1],\"placeholder\":[1],\"main_aria_label\":[1],\"input_name\":[1],\"is_open\":[32],\"selectedId\":[32],\"selectedText\":[32]}]]],[\"dda-slider\",[[1,\"dda-slider\",{\"slides\":[16],\"interval\":[2],\"autoplay\":[4],\"currentSlide\":[32],\"isPaused\":[32]},null,{\"currentSlide\":[\"watchCurrentSlide\"]}]]],[\"dda-tabs\",[[0,\"dda-tabs\",{\"type\":[1],\"hover_style\":[1],\"border_bottom\":[4],\"custom_class\":[1],\"component_mode\":[1],\"button_ids\":[1],\"tab_value\":[1],\"tab_texts\":[1],\"tab_icons\":[1],\"button_name\":[1],\"tab_type\":[1],\"button_values\":[1],\"active_tab\":[32]}]]],[\"dda-team-member-card\",[[4,\"dda-team-member-card\",{\"image_src\":[1],\"image_alt\":[1],\"team_member_name\":[1],\"team_member_position\":[1],\"design\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-teamsection-card\",[[0,\"dda-teamsection-card\",{\"image_src\":[1],\"header_text\":[1],\"profession\":[1],\"body_text\":[1],\"body_text_two\":[1],\"sajin\":[1],\"custom_class\":[1],\"component_mode\":[1],\"card_type\":[1],\"useNavigator\":[1,\"use-navigator\"],\"social_icons\":[8],\"parsedSocialIcons\":[32]},null,{\"social_icons\":[\"parseSocialIcons\"]}]]],[\"dda-textarea\",[[0,\"dda-textarea\",{\"label\":[1],\"placeholder\":[1],\"max_characters\":[2],\"value\":[1],\"input_id\":[1],\"textarea_name\":[1],\"aria_label\":[1],\"show_info_icon\":[4],\"helper_text\":[1],\"error_message\":[1],\"validation_type\":[1],\"validation_id\":[1],\"input_status\":[1],\"custom_class\":[1],\"component_mode\":[1],\"enable_rich_editor\":[4],\"characterCount\":[32],\"internalValue\":[32],\"getValue\":[64]}]]],[\"dda-toggle\",[[0,\"dda-toggle\",{\"checked\":[4],\"size\":[1],\"custom_class\":[1],\"group_name\":[1],\"input_id\":[1],\"component_mode\":[1],\"aria_label\":[1]}]]],[\"dda-vertical-stepper\",[[0,\"dda-vertical-stepper\",{\"steps\":[1],\"current_Step\":[2,\"current_-step\"],\"custom_class\":[1],\"component_mode\":[1],\"parsedSteps\":[32]}]]],[\"dda-avatar\",[[0,\"dda-avatar\",{\"type\":[1],\"size\":[1],\"design\":[1],\"rounded\":[1],\"src\":[1],\"icon\":[1],\"text\":[1],\"notification_number\":[2],\"custom_class\":[1],\"selected\":[1],\"show_options\":[4],\"options\":[1],\"component_mode\":[1],\"aria_label\":[1],\"button_id\":[1],\"button_name\":[1],\"dropdown_enabled\":[4],\"isOpen\":[32]}]]],[\"dda-banner-card\",[[0,\"dda-banner-card\",{\"banner_card_type\":[1],\"banner_card_id\":[1],\"banner_card_url\":[1],\"image_src\":[1],\"image_alt\":[1],\"banner_card_title\":[1],\"banner_card_description\":[1],\"custom_class\":[513],\"banner_card_value\":[513],\"banner_card_name\":[513],\"component_mode\":[1]}]]],[\"dda-scroll-icon\",[[1,\"dda-scroll-icon\",{\"scroll_icon_size\":[1],\"scroll_icon_color\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-chip\",[[0,\"dda-chip\",{\"bg_color\":[1],\"rounded\":[1],\"chip_text\":[1],\"chip_icon\":[1],\"chip_icon_family\":[1],\"chip_icon_size\":[1],\"show_close_icon\":[4],\"size\":[1],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16],\"image_chip_label\":[1],\"image_chip_icon\":[1],\"image_chip_icon_family\":[1],\"image_chip_icon_size\":[1]}]]],[\"dda-tooltip\",[[4,\"dda-tooltip\",{\"title_text\":[1],\"description\":[1],\"position\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-header-menu_3\",[[0,\"dda-header-menu\",{\"useNavigator\":[1,\"use-navigator\"],\"quickLinks\":[1,\"quick-links\"],\"openIndex\":[32],\"openSubIndex\":[32]},[[8,\"keydown\",\"handleKeydown\"]]],[0,\"dda-input\",{\"label\":[1],\"placeholder\":[1],\"value\":[1],\"type\":[1],\"input_role\":[1],\"helper_text\":[1],\"error_message\":[1],\"validation_type\":[1],\"validation_id\":[1],\"size\":[1],\"input_status\":[1],\"custom_class\":[1],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"input_name\":[1],\"required\":[4],\"internalValue\":[32],\"getValue\":[64]}],[0,\"dda-radiobutton\",{\"title_text\":[1],\"supporting\":[1],\"group_name\":[1],\"input_id\":[1],\"checked\":[1540],\"radio_status\":[1],\"error_message\":[1],\"validation_type\":[1],\"validation_id\":[1],\"size\":[1],\"variants\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1],\"contrast_noraml_text\":[1]}]]],[\"dda-link-button\",[[0,\"dda-link-button\",{\"disabled\":[4],\"start_icon\":[1],\"link_button_text\":[1],\"link_button_title\":[1],\"end_icon\":[1],\"aria_label\":[1],\"button_color\":[1],\"size\":[1],\"button_shape\":[1],\"icon_button_shape\":[1],\"gap\":[2],\"custom_class\":[1],\"href\":[1],\"component_mode\":[1],\"button_id\":[1],\"target\":[1],\"rel\":[1],\"data_fancybox\":[1],\"clickHandler\":[16]}]]],[\"dda-button\",[[0,\"dda-button\",{\"button_type\":[1],\"disabled\":[4],\"start_icon_family\":[1],\"start_icon\":[1],\"button_text\":[1],\"end_icon_family\":[1],\"end_icon\":[1],\"aria_label\":[1],\"button_color\":[1],\"size\":[1],\"button_shape\":[1],\"icon_button_shape\":[1],\"gap\":[2],\"custom_class\":[1],\"component_mode\":[1],\"button_id\":[1],\"button_name\":[1],\"value\":[1]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"dda-header\",[[0,\"dda-header\",{\"firstLogoHref\":[1,\"first-logo-href\"],\"firstLogoSrc\":[1,\"first-logo-src\"],\"firstLogoWhiteSrc\":[1,\"first-logo-white-src\"],\"firstLogoAlt\":[1,\"first-logo-alt\"],\"secondLogoHref\":[1,\"second-logo-href\"],\"secondLogoSrc\":[1,\"second-logo-src\"],\"secondLogoWhiteSrc\":[1,\"second-logo-white-src\"],\"secondLogoAlt\":[1,\"second-logo-alt\"],\"sideMainMenuTitle\":[1,\"side-main-menu-title\"],\"sideOtherMenuTitle\":[1,\"side-other-menu-title\"],\"header_submenu_type\":[1],\"sideMenuItems\":[1,\"side-menu-items\"],\"header_default_submenu\":[4],\"read_speaker_link\":[1],\"searchText\":[1,\"search-text\"],\"loginLink\":[1,\"login-link\"],\"loginIcon\":[1,\"login-icon\"],\"loginText\":[1,\"login-text\"],\"language_text\":[1],\"language_tooltip\":[1],\"login_tooltip\":[1],\"accessibility_tooltip\":[1],\"search_tooltip\":[1],\"hamburger_menu_button_name\":[1],\"accessibility_button_text\":[1],\"accessibility_button_id\":[1],\"accessibility_button_icon_family\":[1],\"accessibility_button_icon_name\":[1],\"search_button_name\":[1],\"search_input_name\":[1],\"search_value\":[1],\"language_button_name\":[1],\"close_menu_button_name\":[1],\"close_accessibility_button_name\":[1],\"toggle_accessibility_button_name\":[1],\"usePredesignedAccessibilityMenu\":[4,\"use-predesigned-accessibility-menu\"],\"useNavigator\":[1,\"use-navigator\"],\"search_input_placeholder\":[1],\"mobileMenuSearchId\":[1,\"mobile-menu-search-id\"],\"mobileMenuSearchUrl\":[1,\"mobile-menu-search-url\"],\"contrast_title\":[1],\"contrast_description\":[1],\"contrast_noraml_text\":[1],\"contrast_color_blind_text\":[1],\"contrast_red_weakness_text\":[1],\"contrast_green_weakness_text\":[1],\"selected_contrast\":[1],\"selected_text_size\":[1],\"screen_reader_title\":[1],\"screen_reader_description\":[1],\"text_size_title\":[1],\"text_size_description\":[1],\"hideOtherMenu\":[4,\"hide-other-menu\"],\"otherMenuItems\":[1,\"other-menu-items\"],\"quickLinks\":[1,\"quick-links\"],\"isMenuOpen\":[32],\"isSubMenuOpen\":[32],\"isSideSubMenuOpen\":[32],\"isAccessibiltyOpen\":[32],\"isMobileAccessibiltyOpen\":[32],\"openMenus\":[32],\"parsedOtherMenuItems\":[32],\"parsedDropDownMenuItems\":[32]}]]],[\"dda-event-card\",[[0,\"dda-event-card\",{\"card_header_text\":[1],\"card_header_icon\":[1],\"card_header_icon_id\":[1],\"image_src\":[1],\"event_month\":[1],\"event_date\":[1],\"header_text\":[1],\"body_text\":[1],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16],\"chip_list\":[1040],\"avatar_list\":[1040]}]]],[\"dda-pricing-card\",[[0,\"dda-pricing-card\",{\"image_src\":[1],\"image_chip_icon\":[1],\"image_chip_icon_family\":[1],\"image_chip_label\":[1],\"image_chip_icon_size\":[1],\"header_text\":[1],\"header_text_icon\":[1],\"card_header_icon_id\":[1],\"body_text_icon\":[1],\"body_text\":[1],\"price_text\":[1],\"price_period\":[1],\"custom_class\":[1],\"component_mode\":[1],\"chip_list\":[1040],\"clickHandler\":[16]}]]],[\"dda-accordion\",[[4,\"dda-accordion\",{\"design\":[1],\"header_text\":[1],\"sub_title\":[1],\"body_description\":[1],\"custom_class\":[1],\"link_button_text\":[1],\"component_mode\":[1],\"accordion_icon_class\":[1],\"accordion_icon_text\":[1],\"accordion_header_end_icon\":[1],\"accordion_id\":[1],\"default_open\":[4],\"isOpen\":[32],\"openAccordion\":[64],\"closeAccordion\":[64],\"getIsOpen\":[64]}]]],[\"dda-alert\",[[0,\"dda-alert\",{\"type\":[1],\"variation\":[1],\"title_text\":[1],\"description\":[1],\"button_text\":[1],\"custom_class\":[1],\"component_mode\":[1],\"component_id\":[1],\"secondary_button\":[1],\"secondary_button_link\":[1],\"primary_button\":[1],\"primary_button_link\":[1],\"close_button_name\":[1]}]]],[\"dda-centered-image-card\",[[0,\"dda-centered-image-card\",{\"image_src\":[1],\"image_alt\":[1],\"header_text\":[1],\"info_text\":[1],\"date_text\":[1],\"left_button_name\":[1],\"right_button_name\":[1],\"left_button_id\":[1],\"right_button_id\":[1],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16]}]]],[\"dda-custom-card\",[[4,\"dda-custom-card\",{\"card_header_text\":[1],\"card_header_icon\":[1],\"card_header_icon_id\":[1],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16]}]]],[\"dda-footer\",[[0,\"dda-footer\",{\"footerTitle\":[1,\"footer-title\"],\"description\":[1],\"signUpButtonText\":[1,\"sign-up-button-text\"],\"loginButtonText\":[1,\"login-button-text\"],\"logoSrc\":[1,\"logo-src\"],\"logoAlt\":[1,\"logo-alt\"],\"copyrightText\":[1,\"copyright-text\"],\"footerSections\":[1,\"footer-sections\"],\"socialIcons\":[1,\"social-icons\"]}]]],[\"dda-home-banner\",[[4,\"dda-home-banner\",{\"autoplay\":[4],\"interval\":[2],\"currentSlide\":[32],\"slides\":[32],\"autoPlayActive\":[32]},null,{\"currentSlide\":[\"onSlideChanged\"]}]]],[\"dda-home-carousel\",[[0,\"dda-home-carousel\",{\"custom_class\":[1],\"component_mode\":[1],\"items_in_view\":[2],\"bannercardlist\":[1]},null,{\"bannercardlist\":[\"parseBannerCardList\"]}]]],[\"dda-image-card\",[[4,\"dda-image-card\",{\"image_src\":[1],\"image_alt\":[1],\"header_text\":[1],\"body_text\":[1],\"date_text\":[1],\"left_button_color\":[1],\"left_button_name\":[1],\"left_button_href\":[1],\"left_button_rel\":[1],\"left_button_data_fancybox\":[1],\"left_button_start_icon\":[1],\"left_button_end_icon\":[1],\"left_button_target\":[1],\"right_button_color\":[1],\"right_button_name\":[1],\"right_button_href\":[1],\"right_button_rel\":[1],\"right_button_data_fancybox\":[1],\"right_button_start_icon\":[1],\"right_button_end_icon\":[1],\"right_button_target\":[1],\"left_button\":[1],\"right_button\":[1],\"custom_class\":[1],\"component_mode\":[1],\"file_size\":[1],\"file_type\":[1],\"useNavigator\":[1,\"use-navigator\"]}]]],[\"dda-information-card\",[[4,\"dda-information-card\",{\"image_src\":[1],\"image_alt\":[1],\"header_text\":[1],\"body_text\":[1],\"left_button_name\":[1],\"left_button_href\":[1],\"left_button_rel\":[1],\"left_button_data_fancybox\":[1],\"left_button_start_icon\":[1],\"left_button_end_icon\":[1],\"left_button_target\":[1],\"right_button_name\":[1],\"right_button_href\":[1],\"right_button_rel\":[1],\"right_button_data_fancybox\":[1],\"right_button_start_icon\":[1],\"right_button_end_icon\":[1],\"right_button_target\":[1],\"left_button\":[1],\"right_button\":[1],\"single_button\":[4],\"custom_class\":[1],\"component_mode\":[1],\"useNavigator\":[1,\"use-navigator\"]}]]],[\"dda-sticky-footer\",[[0,\"dda-sticky-footer\",{\"colorTheme\":[1,\"color-theme\"],\"happinessIconHref\":[1,\"happiness-icon-href\"],\"happinessIconId\":[1,\"happiness-icon-id\"],\"happinessIconSrc\":[1,\"happiness-icon-src\"],\"happinessIconSrcDark\":[1,\"happiness-icon-src-dark\"],\"happinessIconAlt\":[1,\"happiness-icon-alt\"],\"happinessIconTooltip\":[1,\"happiness-icon-tooltip\"],\"accessibilityIconHref\":[1,\"accessibility-icon-href\"],\"accessibilityIconId\":[1,\"accessibility-icon-id\"],\"accessibilityIconSrc\":[1,\"accessibility-icon-src\"],\"accessibilityIconSrcDark\":[1,\"accessibility-icon-src-dark\"],\"accessibilityIconAlt\":[1,\"accessibility-icon-alt\"],\"accessibilityIconTooltip\":[1,\"accessibility-icon-tooltip\"],\"servicesIconHref\":[1,\"services-icon-href\"],\"servicesIconId\":[1,\"services-icon-id\"],\"servicesIconSrc\":[1,\"services-icon-src\"],\"servicesIconSrcDark\":[1,\"services-icon-src-dark\"],\"servicesIconAlt\":[1,\"services-icon-alt\"],\"servicesIconTooltip\":[1,\"services-icon-tooltip\"],\"servicesIconText\":[1,\"services-icon-text\"],\"hideMiddleSection\":[4,\"hide-middle-section\"],\"middleLink\":[1,\"middle-link\"],\"rightLink\":[1,\"right-link\"],\"aiIconHref\":[1,\"ai-icon-href\"],\"aiIconId\":[1,\"ai-icon-id\"],\"aiIconSrc\":[1,\"ai-icon-src\"],\"aiIconSrcDark\":[1,\"ai-icon-src-dark\"],\"aiIconAlt\":[1,\"ai-icon-alt\"],\"aiIconTooltip\":[1,\"ai-icon-tooltip\"],\"dubaiaeIconHref\":[1,\"dubaiae-icon-href\"],\"dubaiaeIconId\":[1,\"dubaiae-icon-id\"],\"dubaiaeIconSrc\":[1,\"dubaiae-icon-src\"],\"dubaiaeIconSrcDark\":[1,\"dubaiae-icon-src-dark\"],\"dubaiaeIconSmallSrc\":[1,\"dubaiae-icon-small-src\"],\"dubaiaeIconAlt\":[1,\"dubaiae-icon-alt\"],\"dubaiaeIconTooltip\":[1,\"dubaiae-icon-tooltip\"],\"chatIconHref\":[1,\"chat-icon-href\"],\"chatIconId\":[1,\"chat-icon-id\"],\"chatIconSrc\":[1,\"chat-icon-src\"],\"chatIconSrcDark\":[1,\"chat-icon-src-dark\"],\"chatIconAlt\":[1,\"chat-icon-alt\"],\"chatIconTooltip\":[1,\"chat-icon-tooltip\"],\"moreIconFamily\":[1,\"more-icon-family\"],\"moreIcon\":[1,\"more-icon\"],\"isHidden\":[32]}]]],[\"dda-attach-file\",[[0,\"dda-attach-file\",{\"label\":[1],\"place_holder\":[1],\"upload_button_text\":[1],\"helper_text\":[1],\"success_text\":[1],\"error_message\":[1],\"size\":[1],\"validation_type\":[1],\"validation_id\":[1],\"input_type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1],\"button_aria_label\":[1],\"input_id\":[1],\"input_name\":[1],\"button_id\":[1],\"button_name\":[1],\"accept\":[1],\"disabled\":[4],\"max_file_size\":[2],\"file_size_error_message\":[1],\"file\":[32],\"isFileUploaded\":[32],\"internalErrorMessage\":[32],\"getFile\":[64]}]]],[\"dda-breadcrumb\",[[0,\"dda-breadcrumb\",{\"design\":[1],\"separator\":[1],\"aria_label\":[1],\"custom_class\":[1],\"component_mode\":[1],\"dataBreadcrumbs\":[1,\"data-breadcrumbs\"]}]]],[\"dda-checkbox\",[[0,\"dda-checkbox\",{\"title_text\":[1],\"supporting\":[1],\"group_name\":[1],\"input_id\":[1],\"checked\":[4],\"checkbox_status\":[1],\"style_type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1]}]]],[\"dda-credit-card\",[[0,\"dda-credit-card\",{\"balance\":[1],\"name\":[1],\"card_number\":[1],\"card_type\":[1],\"design\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-creditcard-field\",[[0,\"dda-creditcard-field\",{\"placeholder\":[1],\"label\":[1],\"value\":[1],\"card_icon\":[1],\"error_message\":[1],\"validation_type\":[1],\"validation_id\":[1],\"size\":[1],\"input_type\":[1],\"helper_text\":[1],\"disabled\":[4],\"custom_class\":[1],\"restrict_input\":[4],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"input_name\":[1],\"formattedValue\":[32]}]]],[\"dda-dropdown\",[[0,\"dda-dropdown\",{\"label\":[1],\"options\":[1],\"selected\":[1],\"disabled\":[4],\"error\":[1],\"error_message\":[1],\"helper_text\":[1],\"validation_id\":[1],\"size\":[1],\"icon_mode\":[4],\"custom_class\":[1],\"component_mode\":[1],\"button_id\":[1],\"toggle_button_name\":[1],\"option_select_button_name\":[1],\"placeholder\":[1],\"main_aria_label\":[1],\"is_open\":[32],\"selectedId\":[32],\"selectedText\":[32]}]]],[\"dda-horizontal-stepper\",[[0,\"dda-horizontal-stepper\",{\"steps\":[1],\"current_step\":[2],\"custom_class\":[1],\"component_mode\":[1],\"parsedSteps\":[32]}]]],[\"dda-number-field\",[[0,\"dda-number-field\",{\"placeholder\":[1],\"label\":[1],\"value\":[1],\"helper_text\":[1],\"error_message\":[1],\"validation_type\":[1],\"size\":[1],\"input_status\":[1],\"currencies\":[1],\"selected_currency\":[1],\"custom_class\":[1],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"input_name\":[1],\"toggle_button_name\":[1],\"currency_button_name\":[1],\"is_focused\":[32],\"isCurrencyDropdownOpen\":[32]}]]],[\"dda-pagination\",[[0,\"dda-pagination\",{\"total_pages\":[2],\"current_page\":[1026],\"type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"simple_slider_prev_button\":[1],\"simple_slider_next_button\":[1],\"buttons_prev_button\":[1],\"buttons_next_button\":[1],\"text_prev_button\":[1],\"text_next_button\":[1],\"text_pages_prev_button\":[1],\"text_pages_next_button\":[1],\"button_text_prev_button\":[1],\"button_text_next_button\":[1],\"buttons_pages_prev_button\":[1],\"buttons_pages_next_button\":[1],\"buttons_pages_id\":[1]},null,{\"total_pages\":[\"validateTotalPages\"],\"current_page\":[\"validateCurrentPage\"]}]]],[\"dda-phonefield\",[[0,\"dda-phonefield\",{\"label\":[1],\"placeholder\":[1],\"helper_text\":[1],\"max_length\":[1],\"validation_type\":[1],\"error_message\":[1],\"validation_id\":[1],\"disabled\":[4],\"size\":[1],\"custom_class\":[1],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"button_id\":[1],\"button_aria_label\":[1],\"toggle_button_name\":[1],\"country_select_button_name\":[1],\"phone_input_name\":[1],\"value\":[1],\"country_code\":[32],\"country_flag\":[32],\"internalValue\":[32],\"is_focused\":[32],\"dropdown_open\":[32],\"countries\":[32],\"hostElement\":[32],\"getValue\":[64],\"validatePhoneField\":[64]},null,{\"value\":[\"watchHandler\"]}]]],[\"dda-progressbar\",[[0,\"dda-progressbar\",{\"progress\":[2],\"tooltip\":[4],\"tooltip_position\":[1],\"show_percentage_text\":[4],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-range-slider\",[[0,\"dda-range-slider\",{\"min\":[2],\"max\":[2],\"step\":[2],\"initial_min\":[2],\"initial_max\":[2],\"size\":[1],\"tooltip_position\":[1],\"custom_class\":[1],\"component_mode\":[1],\"left_input_id\":[1],\"right_input_id\":[1],\"left_aria_label\":[1],\"right_aria_label\":[1],\"left_input_name\":[1],\"right_input_name\":[1],\"min_value\":[32],\"max_value\":[32]}]]],[\"dda-search-input\",[[0,\"dda-search-input\",{\"placeholder\":[1],\"label\":[1],\"size\":[1],\"error_message\":[1],\"show_button\":[4],\"helper_text\":[1],\"validation_id\":[1],\"input_status\":[1],\"has_error\":[4],\"custom_class\":[1],\"component_mode\":[1],\"button_id\":[1],\"input_id\":[1],\"aria_label\":[1],\"button_aria_label\":[1],\"search_input_name\":[1],\"close_button_name\":[1],\"search_button_name\":[1],\"button_text\":[1],\"value\":[1],\"hasInputValue\":[32],\"internalValue\":[32]}]]],[\"dda-segmented-tabs\",[[0,\"dda-segmented-tabs\",{\"items\":[1],\"radius_type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"button_name\":[1]}]]],[\"dda-select\",[[0,\"dda-select\",{\"label\":[1],\"options\":[1],\"selected\":[1],\"disabled\":[4],\"error\":[1],\"error_message\":[1],\"helper_text\":[1],\"validation_type\":[1],\"validation_id\":[1],\"size\":[1],\"custom_class\":[1],\"component_mode\":[1],\"button_id\":[1],\"toggle_button_name\":[1],\"option_select_button_name\":[1],\"placeholder\":[1],\"main_aria_label\":[1],\"input_name\":[1],\"is_open\":[32],\"selectedId\":[32],\"selectedText\":[32]}]]],[\"dda-slider\",[[1,\"dda-slider\",{\"slides\":[16],\"interval\":[2],\"autoplay\":[4],\"currentSlide\":[32],\"isPaused\":[32]},null,{\"currentSlide\":[\"watchCurrentSlide\"]}]]],[\"dda-tabs\",[[0,\"dda-tabs\",{\"type\":[1],\"hover_style\":[1],\"border_bottom\":[4],\"custom_class\":[1],\"component_mode\":[1],\"button_ids\":[1],\"tab_value\":[1],\"tab_texts\":[1],\"tab_icons\":[1],\"button_name\":[1],\"tab_type\":[1],\"button_values\":[1],\"active_tab\":[32]}]]],[\"dda-team-member-card\",[[4,\"dda-team-member-card\",{\"image_src\":[1],\"image_alt\":[1],\"team_member_name\":[1],\"team_member_position\":[1],\"design\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-teamsection-card\",[[0,\"dda-teamsection-card\",{\"image_src\":[1],\"header_text\":[1],\"profession\":[1],\"body_text\":[1],\"body_text_two\":[1],\"sajin\":[1],\"custom_class\":[1],\"component_mode\":[1],\"card_type\":[1],\"useNavigator\":[1,\"use-navigator\"],\"social_icons\":[8],\"parsedSocialIcons\":[32]},null,{\"social_icons\":[\"parseSocialIcons\"]}]]],[\"dda-textarea\",[[0,\"dda-textarea\",{\"label\":[1],\"placeholder\":[1],\"max_characters\":[2],\"value\":[1],\"input_id\":[1],\"textarea_name\":[1],\"aria_label\":[1],\"show_info_icon\":[4],\"helper_text\":[1],\"error_message\":[1],\"validation_type\":[1],\"validation_id\":[1],\"input_status\":[1],\"custom_class\":[1],\"component_mode\":[1],\"enable_rich_editor\":[4],\"characterCount\":[32],\"internalValue\":[32],\"getValue\":[64]}]]],[\"dda-toggle\",[[0,\"dda-toggle\",{\"checked\":[4],\"size\":[1],\"custom_class\":[1],\"group_name\":[1],\"input_id\":[1],\"component_mode\":[1],\"aria_label\":[1]}]]],[\"dda-vertical-stepper\",[[0,\"dda-vertical-stepper\",{\"steps\":[1],\"current_Step\":[2,\"current_-step\"],\"custom_class\":[1],\"component_mode\":[1],\"parsedSteps\":[32]}]]],[\"dda-avatar\",[[0,\"dda-avatar\",{\"type\":[1],\"size\":[1],\"design\":[1],\"rounded\":[1],\"src\":[1],\"icon\":[1],\"text\":[1],\"notification_number\":[2],\"custom_class\":[1],\"selected\":[1],\"show_options\":[4],\"options\":[1],\"component_mode\":[1],\"aria_label\":[1],\"button_id\":[1],\"button_name\":[1],\"dropdown_enabled\":[4],\"isOpen\":[32]}]]],[\"dda-banner-card\",[[0,\"dda-banner-card\",{\"banner_card_type\":[1],\"banner_card_id\":[1],\"banner_card_url\":[1],\"image_src\":[1],\"image_alt\":[1],\"banner_card_title\":[1],\"banner_card_description\":[1],\"custom_class\":[513],\"banner_card_value\":[513],\"banner_card_name\":[513],\"component_mode\":[1]}]]],[\"dda-scroll-icon\",[[1,\"dda-scroll-icon\",{\"scroll_icon_size\":[1],\"scroll_icon_color\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-chip\",[[0,\"dda-chip\",{\"bg_color\":[1],\"rounded\":[1],\"chip_text\":[1],\"chip_icon\":[1],\"chip_icon_family\":[1],\"chip_icon_size\":[1],\"show_close_icon\":[4],\"size\":[1],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16],\"image_chip_label\":[1],\"image_chip_icon\":[1],\"image_chip_icon_family\":[1],\"image_chip_icon_size\":[1]}]]],[\"dda-tooltip\",[[4,\"dda-tooltip\",{\"title_text\":[1],\"description\":[1],\"position\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-header-menu_3\",[[0,\"dda-header-menu\",{\"useNavigator\":[1,\"use-navigator\"],\"quickLinks\":[1,\"quick-links\"],\"openIndex\":[32],\"openSubIndex\":[32]},[[8,\"keydown\",\"handleKeydown\"]]],[0,\"dda-input\",{\"label\":[1],\"placeholder\":[1],\"value\":[1],\"type\":[1],\"input_role\":[1],\"helper_text\":[1],\"error_message\":[1],\"validation_type\":[1],\"validation_id\":[1],\"size\":[1],\"input_status\":[1],\"custom_class\":[1],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"input_name\":[1],\"required\":[4],\"internalValue\":[32],\"getValue\":[64]}],[0,\"dda-radiobutton\",{\"title_text\":[1],\"supporting\":[1],\"group_name\":[1],\"input_id\":[1],\"checked\":[1540],\"radio_status\":[1],\"error_message\":[1],\"validation_type\":[1],\"validation_id\":[1],\"size\":[1],\"variants\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1],\"contrast_noraml_text\":[1]}]]],[\"dda-link-button\",[[0,\"dda-link-button\",{\"disabled\":[4],\"start_icon\":[1],\"link_button_text\":[1],\"link_button_title\":[1],\"end_icon\":[1],\"aria_label\":[1],\"button_color\":[1],\"size\":[1],\"button_shape\":[1],\"icon_button_shape\":[1],\"gap\":[2],\"custom_class\":[1],\"href\":[1],\"component_mode\":[1],\"button_id\":[1],\"target\":[1],\"rel\":[1],\"data_fancybox\":[1],\"clickHandler\":[16]}]]],[\"dda-button\",[[0,\"dda-button\",{\"button_type\":[1],\"disabled\":[4],\"start_icon_family\":[1],\"start_icon\":[1],\"button_text\":[1],\"end_icon_family\":[1],\"end_icon\":[1],\"aria_label\":[1],\"button_color\":[1],\"size\":[1],\"button_shape\":[1],\"icon_button_shape\":[1],\"gap\":[2],\"custom_class\":[1],\"component_mode\":[1],\"button_id\":[1],\"button_name\":[1],\"value\":[1]}]]]]"), options);
 });
 
 //# sourceMappingURL=dda.js.map

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"dda-header\",[[0,\"dda-header\",{\"firstLogoHref\":[1,\"first-logo-href\"],\"firstLogoSrc\":[1,\"first-logo-src\"],\"firstLogoWhiteSrc\":[1,\"first-logo-white-src\"],\"firstLogoAlt\":[1,\"first-logo-alt\"],\"secondLogoHref\":[1,\"second-logo-href\"],\"secondLogoSrc\":[1,\"second-logo-src\"],\"secondLogoWhiteSrc\":[1,\"second-logo-white-src\"],\"secondLogoAlt\":[1,\"second-logo-alt\"],\"sideMainMenuTitle\":[1,\"side-main-menu-title\"],\"sideOtherMenuTitle\":[1,\"side-other-menu-title\"],\"header_submenu_type\":[1],\"sideMenuItems\":[1,\"side-menu-items\"],\"header_default_submenu\":[4],\"read_speaker_link\":[1],\"searchText\":[1,\"search-text\"],\"loginLink\":[1,\"login-link\"],\"loginIcon\":[1,\"login-icon\"],\"loginText\":[1,\"login-text\"],\"language_text\":[1],\"language_tooltip\":[1],\"login_tooltip\":[1],\"accessibility_tooltip\":[1],\"search_tooltip\":[1],\"hamburger_menu_button_name\":[1],\"accessibility_button_text\":[1],\"accessibility_button_id\":[1],\"accessibility_button_icon_family\":[1],\"accessibility_button_icon_name\":[1],\"search_button_name\":[1],\"search_input_name\":[1],\"search_value\":[1],\"language_button_name\":[1],\"close_menu_button_name\":[1],\"close_accessibility_button_name\":[1],\"toggle_accessibility_button_name\":[1],\"usePredesignedAccessibilityMenu\":[4,\"use-predesigned-accessibility-menu\"],\"useNavigator\":[1,\"use-navigator\"],\"search_input_placeholder\":[1],\"mobileMenuSearchId\":[1,\"mobile-menu-search-id\"],\"mobileMenuSearchUrl\":[1,\"mobile-menu-search-url\"],\"contrast_title\":[1],\"contrast_description\":[1],\"contrast_noraml_text\":[1],\"contrast_color_blind_text\":[1],\"contrast_red_weakness_text\":[1],\"contrast_green_weakness_text\":[1],\"screen_reader_title\":[1],\"screen_reader_description\":[1],\"text_size_title\":[1],\"text_size_description\":[1],\"hideOtherMenu\":[4,\"hide-other-menu\"],\"otherMenuItems\":[1,\"other-menu-items\"],\"quickLinks\":[1,\"quick-links\"],\"isMenuOpen\":[32],\"isSubMenuOpen\":[32],\"isSideSubMenuOpen\":[32],\"isAccessibiltyOpen\":[32],\"isMobileAccessibiltyOpen\":[32],\"openMenus\":[32],\"parsedOtherMenuItems\":[32],\"parsedDropDownMenuItems\":[32]}]]],[\"dda-event-card\",[[0,\"dda-event-card\",{\"card_header_text\":[1],\"card_header_icon\":[1],\"card_header_icon_id\":[1],\"image_src\":[1],\"event_month\":[1],\"event_date\":[1],\"header_text\":[1],\"body_text\":[1],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16],\"chip_list\":[1040],\"avatar_list\":[1040]}]]],[\"dda-pricing-card\",[[0,\"dda-pricing-card\",{\"image_src\":[1],\"image_chip_icon\":[1],\"image_chip_icon_family\":[1],\"image_chip_label\":[1],\"image_chip_icon_size\":[1],\"header_text\":[1],\"header_text_icon\":[1],\"card_header_icon_id\":[1],\"body_text_icon\":[1],\"body_text\":[1],\"price_text\":[1],\"price_period\":[1],\"custom_class\":[1],\"component_mode\":[1],\"chip_list\":[1040],\"clickHandler\":[16]}]]],[\"dda-accordion\",[[4,\"dda-accordion\",{\"design\":[1],\"header_text\":[1],\"sub_title\":[1],\"body_description\":[1],\"custom_class\":[1],\"link_button_text\":[1],\"component_mode\":[1],\"accordion_icon_class\":[1],\"accordion_icon_text\":[1],\"accordion_header_end_icon\":[1],\"accordion_id\":[1],\"default_open\":[4],\"isOpen\":[32],\"openAccordion\":[64],\"closeAccordion\":[64],\"getIsOpen\":[64]}]]],[\"dda-alert\",[[0,\"dda-alert\",{\"type\":[1],\"variation\":[1],\"title_text\":[1],\"description\":[1],\"button_text\":[1],\"custom_class\":[1],\"component_mode\":[1],\"component_id\":[1],\"secondary_button\":[1],\"secondary_button_link\":[1],\"primary_button\":[1],\"primary_button_link\":[1],\"close_button_name\":[1]}]]],[\"dda-centered-image-card\",[[0,\"dda-centered-image-card\",{\"image_src\":[1],\"image_alt\":[1],\"header_text\":[1],\"info_text\":[1],\"date_text\":[1],\"left_button_name\":[1],\"right_button_name\":[1],\"left_button_id\":[1],\"right_button_id\":[1],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16]}]]],[\"dda-custom-card\",[[4,\"dda-custom-card\",{\"card_header_text\":[1],\"card_header_icon\":[1],\"card_header_icon_id\":[1],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16]}]]],[\"dda-footer\",[[0,\"dda-footer\",{\"footerTitle\":[1,\"footer-title\"],\"description\":[1],\"signUpButtonText\":[1,\"sign-up-button-text\"],\"loginButtonText\":[1,\"login-button-text\"],\"logoSrc\":[1,\"logo-src\"],\"logoAlt\":[1,\"logo-alt\"],\"copyrightText\":[1,\"copyright-text\"],\"footerSections\":[1,\"footer-sections\"],\"socialIcons\":[1,\"social-icons\"]}]]],[\"dda-home-banner\",[[4,\"dda-home-banner\",{\"autoplay\":[4],\"interval\":[2],\"currentSlide\":[32],\"slides\":[32],\"autoPlayActive\":[32]},null,{\"currentSlide\":[\"onSlideChanged\"]}]]],[\"dda-home-carousel\",[[0,\"dda-home-carousel\",{\"custom_class\":[1],\"component_mode\":[1],\"items_in_view\":[2],\"bannercardlist\":[1]},null,{\"bannercardlist\":[\"parseBannerCardList\"]}]]],[\"dda-image-card\",[[4,\"dda-image-card\",{\"image_src\":[1],\"image_alt\":[1],\"header_text\":[1],\"body_text\":[1],\"date_text\":[1],\"left_button_color\":[1],\"left_button_name\":[1],\"left_button_href\":[1],\"left_button_rel\":[1],\"left_button_data_fancybox\":[1],\"left_button_start_icon\":[1],\"left_button_end_icon\":[1],\"left_button_target\":[1],\"right_button_color\":[1],\"right_button_name\":[1],\"right_button_href\":[1],\"right_button_rel\":[1],\"right_button_data_fancybox\":[1],\"right_button_start_icon\":[1],\"right_button_end_icon\":[1],\"right_button_target\":[1],\"left_button\":[1],\"right_button\":[1],\"custom_class\":[1],\"component_mode\":[1],\"file_size\":[1],\"file_type\":[1],\"useNavigator\":[1,\"use-navigator\"]}]]],[\"dda-information-card\",[[4,\"dda-information-card\",{\"image_src\":[1],\"image_alt\":[1],\"header_text\":[1],\"body_text\":[1],\"left_button_name\":[1],\"left_button_href\":[1],\"left_button_rel\":[1],\"left_button_data_fancybox\":[1],\"left_button_start_icon\":[1],\"left_button_end_icon\":[1],\"left_button_target\":[1],\"right_button_name\":[1],\"right_button_href\":[1],\"right_button_rel\":[1],\"right_button_data_fancybox\":[1],\"right_button_start_icon\":[1],\"right_button_end_icon\":[1],\"right_button_target\":[1],\"left_button\":[1],\"right_button\":[1],\"single_button\":[4],\"custom_class\":[1],\"component_mode\":[1],\"useNavigator\":[1,\"use-navigator\"]}]]],[\"dda-sticky-footer\",[[0,\"dda-sticky-footer\",{\"colorTheme\":[1,\"color-theme\"],\"happinessIconHref\":[1,\"happiness-icon-href\"],\"happinessIconId\":[1,\"happiness-icon-id\"],\"happinessIconSrc\":[1,\"happiness-icon-src\"],\"happinessIconSrcDark\":[1,\"happiness-icon-src-dark\"],\"happinessIconAlt\":[1,\"happiness-icon-alt\"],\"happinessIconTooltip\":[1,\"happiness-icon-tooltip\"],\"accessibilityIconHref\":[1,\"accessibility-icon-href\"],\"accessibilityIconId\":[1,\"accessibility-icon-id\"],\"accessibilityIconSrc\":[1,\"accessibility-icon-src\"],\"accessibilityIconSrcDark\":[1,\"accessibility-icon-src-dark\"],\"accessibilityIconAlt\":[1,\"accessibility-icon-alt\"],\"accessibilityIconTooltip\":[1,\"accessibility-icon-tooltip\"],\"servicesIconHref\":[1,\"services-icon-href\"],\"servicesIconId\":[1,\"services-icon-id\"],\"servicesIconSrc\":[1,\"services-icon-src\"],\"servicesIconSrcDark\":[1,\"services-icon-src-dark\"],\"servicesIconAlt\":[1,\"services-icon-alt\"],\"servicesIconTooltip\":[1,\"services-icon-tooltip\"],\"servicesIconText\":[1,\"services-icon-text\"],\"hideMiddleSection\":[4,\"hide-middle-section\"],\"middleLink\":[1,\"middle-link\"],\"rightLink\":[1,\"right-link\"],\"aiIconHref\":[1,\"ai-icon-href\"],\"aiIconId\":[1,\"ai-icon-id\"],\"aiIconSrc\":[1,\"ai-icon-src\"],\"aiIconSrcDark\":[1,\"ai-icon-src-dark\"],\"aiIconAlt\":[1,\"ai-icon-alt\"],\"aiIconTooltip\":[1,\"ai-icon-tooltip\"],\"dubaiaeIconHref\":[1,\"dubaiae-icon-href\"],\"dubaiaeIconId\":[1,\"dubaiae-icon-id\"],\"dubaiaeIconSrc\":[1,\"dubaiae-icon-src\"],\"dubaiaeIconSrcDark\":[1,\"dubaiae-icon-src-dark\"],\"dubaiaeIconSmallSrc\":[1,\"dubaiae-icon-small-src\"],\"dubaiaeIconAlt\":[1,\"dubaiae-icon-alt\"],\"dubaiaeIconTooltip\":[1,\"dubaiae-icon-tooltip\"],\"chatIconHref\":[1,\"chat-icon-href\"],\"chatIconId\":[1,\"chat-icon-id\"],\"chatIconSrc\":[1,\"chat-icon-src\"],\"chatIconSrcDark\":[1,\"chat-icon-src-dark\"],\"chatIconAlt\":[1,\"chat-icon-alt\"],\"chatIconTooltip\":[1,\"chat-icon-tooltip\"],\"moreIconFamily\":[1,\"more-icon-family\"],\"moreIcon\":[1,\"more-icon\"],\"isHidden\":[32]}]]],[\"dda-attach-file\",[[0,\"dda-attach-file\",{\"label\":[1],\"place_holder\":[1],\"upload_button_text\":[1],\"helper_text\":[1],\"success_text\":[1],\"error_message\":[1],\"size\":[1],\"validation_type\":[1],\"validation_id\":[1],\"input_type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1],\"button_aria_label\":[1],\"input_id\":[1],\"input_name\":[1],\"button_id\":[1],\"button_name\":[1],\"accept\":[1],\"disabled\":[4],\"max_file_size\":[2],\"file_size_error_message\":[1],\"file\":[32],\"isFileUploaded\":[32],\"internalErrorMessage\":[32],\"getFile\":[64]}]]],[\"dda-breadcrumb\",[[0,\"dda-breadcrumb\",{\"design\":[1],\"separator\":[1],\"aria_label\":[1],\"custom_class\":[1],\"component_mode\":[1],\"dataBreadcrumbs\":[1,\"data-breadcrumbs\"]}]]],[\"dda-checkbox\",[[0,\"dda-checkbox\",{\"title_text\":[1],\"supporting\":[1],\"group_name\":[1],\"input_id\":[1],\"checked\":[4],\"checkbox_status\":[1],\"style_type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1]}]]],[\"dda-credit-card\",[[0,\"dda-credit-card\",{\"balance\":[1],\"name\":[1],\"card_number\":[1],\"card_type\":[1],\"design\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-creditcard-field\",[[0,\"dda-creditcard-field\",{\"placeholder\":[1],\"label\":[1],\"value\":[1],\"card_icon\":[1],\"error_message\":[1],\"validation_type\":[1],\"validation_id\":[1],\"size\":[1],\"input_type\":[1],\"helper_text\":[1],\"disabled\":[4],\"custom_class\":[1],\"restrict_input\":[4],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"input_name\":[1],\"formattedValue\":[32]}]]],[\"dda-dropdown\",[[0,\"dda-dropdown\",{\"label\":[1],\"options\":[1],\"selected\":[1],\"disabled\":[4],\"error\":[1],\"error_message\":[1],\"helper_text\":[1],\"validation_id\":[1],\"size\":[1],\"icon_mode\":[4],\"custom_class\":[1],\"component_mode\":[1],\"button_id\":[1],\"toggle_button_name\":[1],\"option_select_button_name\":[1],\"placeholder\":[1],\"main_aria_label\":[1],\"is_open\":[32],\"selectedId\":[32],\"selectedText\":[32]}]]],[\"dda-horizontal-stepper\",[[0,\"dda-horizontal-stepper\",{\"steps\":[1],\"current_step\":[2],\"custom_class\":[1],\"component_mode\":[1],\"parsedSteps\":[32]}]]],[\"dda-number-field\",[[0,\"dda-number-field\",{\"placeholder\":[1],\"label\":[1],\"value\":[1],\"helper_text\":[1],\"error_message\":[1],\"validation_type\":[1],\"size\":[1],\"input_status\":[1],\"currencies\":[1],\"selected_currency\":[1],\"custom_class\":[1],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"input_name\":[1],\"toggle_button_name\":[1],\"currency_button_name\":[1],\"is_focused\":[32],\"isCurrencyDropdownOpen\":[32]}]]],[\"dda-pagination\",[[0,\"dda-pagination\",{\"total_pages\":[2],\"current_page\":[1026],\"type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"simple_slider_prev_button\":[1],\"simple_slider_next_button\":[1],\"buttons_prev_button\":[1],\"buttons_next_button\":[1],\"text_prev_button\":[1],\"text_next_button\":[1],\"text_pages_prev_button\":[1],\"text_pages_next_button\":[1],\"button_text_prev_button\":[1],\"button_text_next_button\":[1],\"buttons_pages_prev_button\":[1],\"buttons_pages_next_button\":[1],\"buttons_pages_id\":[1]},null,{\"total_pages\":[\"validateTotalPages\"],\"current_page\":[\"validateCurrentPage\"]}]]],[\"dda-phonefield\",[[0,\"dda-phonefield\",{\"label\":[1],\"placeholder\":[1],\"helper_text\":[1],\"max_length\":[1],\"validation_type\":[1],\"error_message\":[1],\"validation_id\":[1],\"disabled\":[4],\"size\":[1],\"custom_class\":[1],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"button_id\":[1],\"button_aria_label\":[1],\"toggle_button_name\":[1],\"country_select_button_name\":[1],\"phone_input_name\":[1],\"value\":[1],\"country_code\":[32],\"country_flag\":[32],\"internalValue\":[32],\"is_focused\":[32],\"dropdown_open\":[32],\"countries\":[32],\"hostElement\":[32],\"getValue\":[64],\"validatePhoneField\":[64]},null,{\"value\":[\"watchHandler\"]}]]],[\"dda-progressbar\",[[0,\"dda-progressbar\",{\"progress\":[2],\"tooltip\":[4],\"tooltip_position\":[1],\"show_percentage_text\":[4],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-range-slider\",[[0,\"dda-range-slider\",{\"min\":[2],\"max\":[2],\"step\":[2],\"initial_min\":[2],\"initial_max\":[2],\"size\":[1],\"tooltip_position\":[1],\"custom_class\":[1],\"component_mode\":[1],\"left_input_id\":[1],\"right_input_id\":[1],\"left_aria_label\":[1],\"right_aria_label\":[1],\"left_input_name\":[1],\"right_input_name\":[1],\"min_value\":[32],\"max_value\":[32]}]]],[\"dda-search-input\",[[0,\"dda-search-input\",{\"placeholder\":[1],\"label\":[1],\"size\":[1],\"error_message\":[1],\"show_button\":[4],\"helper_text\":[1],\"validation_id\":[1],\"input_status\":[1],\"has_error\":[4],\"custom_class\":[1],\"component_mode\":[1],\"button_id\":[1],\"input_id\":[1],\"aria_label\":[1],\"button_aria_label\":[1],\"search_input_name\":[1],\"close_button_name\":[1],\"search_button_name\":[1],\"button_text\":[1],\"hasInputValue\":[32]}]]],[\"dda-segmented-tabs\",[[0,\"dda-segmented-tabs\",{\"items\":[1],\"radius_type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"button_name\":[1]}]]],[\"dda-select\",[[0,\"dda-select\",{\"label\":[1],\"options\":[1],\"selected\":[1],\"disabled\":[4],\"error\":[1],\"error_message\":[1],\"helper_text\":[1],\"validation_type\":[1],\"validation_id\":[1],\"size\":[1],\"custom_class\":[1],\"component_mode\":[1],\"button_id\":[1],\"toggle_button_name\":[1],\"option_select_button_name\":[1],\"placeholder\":[1],\"main_aria_label\":[1],\"input_name\":[1],\"is_open\":[32],\"selectedId\":[32],\"selectedText\":[32]}]]],[\"dda-slider\",[[1,\"dda-slider\",{\"slides\":[16],\"interval\":[2],\"autoplay\":[4],\"currentSlide\":[32],\"isPaused\":[32]},null,{\"currentSlide\":[\"watchCurrentSlide\"]}]]],[\"dda-tabs\",[[0,\"dda-tabs\",{\"type\":[1],\"hover_style\":[1],\"border_bottom\":[4],\"custom_class\":[1],\"component_mode\":[1],\"button_ids\":[1],\"tab_value\":[1],\"tab_texts\":[1],\"tab_icons\":[1],\"button_name\":[1],\"tab_type\":[1],\"button_values\":[1],\"active_tab\":[32]}]]],[\"dda-team-member-card\",[[4,\"dda-team-member-card\",{\"image_src\":[1],\"image_alt\":[1],\"team_member_name\":[1],\"team_member_position\":[1],\"design\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-teamsection-card\",[[0,\"dda-teamsection-card\",{\"image_src\":[1],\"header_text\":[1],\"profession\":[1],\"body_text\":[1],\"body_text_two\":[1],\"sajin\":[1],\"custom_class\":[1],\"component_mode\":[1],\"card_type\":[1],\"useNavigator\":[1,\"use-navigator\"],\"social_icons\":[8],\"parsedSocialIcons\":[32]},null,{\"social_icons\":[\"parseSocialIcons\"]}]]],[\"dda-textarea\",[[0,\"dda-textarea\",{\"label\":[1],\"placeholder\":[1],\"max_characters\":[2],\"value\":[1],\"input_id\":[1],\"textarea_name\":[1],\"aria_label\":[1],\"show_info_icon\":[4],\"helper_text\":[1],\"error_message\":[1],\"validation_type\":[1],\"validation_id\":[1],\"input_status\":[1],\"custom_class\":[1],\"component_mode\":[1],\"enable_rich_editor\":[4],\"characterCount\":[32],\"internalValue\":[32],\"getValue\":[64]}]]],[\"dda-toggle\",[[0,\"dda-toggle\",{\"checked\":[4],\"size\":[1],\"custom_class\":[1],\"group_name\":[1],\"input_id\":[1],\"component_mode\":[1],\"aria_label\":[1]}]]],[\"dda-vertical-stepper\",[[0,\"dda-vertical-stepper\",{\"steps\":[1],\"current_Step\":[2,\"current_-step\"],\"custom_class\":[1],\"component_mode\":[1],\"parsedSteps\":[32]}]]],[\"dda-avatar\",[[0,\"dda-avatar\",{\"type\":[1],\"size\":[1],\"design\":[1],\"rounded\":[1],\"src\":[1],\"icon\":[1],\"text\":[1],\"notification_number\":[2],\"custom_class\":[1],\"selected\":[1],\"show_options\":[4],\"options\":[1],\"component_mode\":[1],\"aria_label\":[1],\"button_id\":[1],\"button_name\":[1],\"dropdown_enabled\":[4],\"isOpen\":[32]}]]],[\"dda-banner-card\",[[0,\"dda-banner-card\",{\"banner_card_type\":[1],\"banner_card_id\":[1],\"banner_card_url\":[1],\"image_src\":[1],\"image_alt\":[1],\"banner_card_title\":[1],\"banner_card_description\":[1],\"custom_class\":[513],\"banner_card_value\":[513],\"banner_card_name\":[513],\"component_mode\":[1]}]]],[\"dda-scroll-icon\",[[1,\"dda-scroll-icon\",{\"scroll_icon_size\":[1],\"scroll_icon_color\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-chip\",[[0,\"dda-chip\",{\"bg_color\":[1],\"rounded\":[1],\"chip_text\":[1],\"chip_icon\":[1],\"chip_icon_family\":[1],\"chip_icon_size\":[1],\"show_close_icon\":[4],\"size\":[1],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16],\"image_chip_label\":[1],\"image_chip_icon\":[1],\"image_chip_icon_family\":[1],\"image_chip_icon_size\":[1]}]]],[\"dda-tooltip\",[[4,\"dda-tooltip\",{\"title_text\":[1],\"description\":[1],\"position\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-header-menu_3\",[[0,\"dda-header-menu\",{\"useNavigator\":[1,\"use-navigator\"],\"quickLinks\":[1,\"quick-links\"],\"openIndex\":[32],\"openSubIndex\":[32]},[[8,\"keydown\",\"handleKeydown\"]]],[0,\"dda-input\",{\"label\":[1],\"placeholder\":[1],\"value\":[1],\"type\":[1],\"input_role\":[1],\"helper_text\":[1],\"error_message\":[1],\"validation_type\":[1],\"validation_id\":[1],\"size\":[1],\"input_status\":[1],\"custom_class\":[1],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"input_name\":[1],\"required\":[4],\"internalValue\":[32],\"getValue\":[64]}],[0,\"dda-radiobutton\",{\"title_text\":[1],\"supporting\":[1],\"group_name\":[1],\"input_id\":[1],\"checked\":[1540],\"radio_status\":[1],\"error_message\":[1],\"validation_type\":[1],\"validation_id\":[1],\"size\":[1],\"variants\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1],\"contrast_noraml_text\":[1]}]]],[\"dda-link-button\",[[0,\"dda-link-button\",{\"disabled\":[4],\"start_icon\":[1],\"link_button_text\":[1],\"link_button_title\":[1],\"end_icon\":[1],\"aria_label\":[1],\"button_color\":[1],\"size\":[1],\"button_shape\":[1],\"icon_button_shape\":[1],\"gap\":[2],\"custom_class\":[1],\"href\":[1],\"component_mode\":[1],\"button_id\":[1],\"target\":[1],\"rel\":[1],\"data_fancybox\":[1],\"clickHandler\":[16]}]]],[\"dda-button\",[[0,\"dda-button\",{\"button_type\":[1],\"disabled\":[4],\"start_icon_family\":[1],\"start_icon\":[1],\"button_text\":[1],\"end_icon_family\":[1],\"end_icon\":[1],\"aria_label\":[1],\"button_color\":[1],\"size\":[1],\"button_shape\":[1],\"icon_button_shape\":[1],\"gap\":[2],\"custom_class\":[1],\"component_mode\":[1],\"button_id\":[1],\"button_name\":[1],\"value\":[1]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"dda-header\",[[0,\"dda-header\",{\"firstLogoHref\":[1,\"first-logo-href\"],\"firstLogoSrc\":[1,\"first-logo-src\"],\"firstLogoWhiteSrc\":[1,\"first-logo-white-src\"],\"firstLogoAlt\":[1,\"first-logo-alt\"],\"secondLogoHref\":[1,\"second-logo-href\"],\"secondLogoSrc\":[1,\"second-logo-src\"],\"secondLogoWhiteSrc\":[1,\"second-logo-white-src\"],\"secondLogoAlt\":[1,\"second-logo-alt\"],\"sideMainMenuTitle\":[1,\"side-main-menu-title\"],\"sideOtherMenuTitle\":[1,\"side-other-menu-title\"],\"header_submenu_type\":[1],\"sideMenuItems\":[1,\"side-menu-items\"],\"header_default_submenu\":[4],\"read_speaker_link\":[1],\"searchText\":[1,\"search-text\"],\"loginLink\":[1,\"login-link\"],\"loginIcon\":[1,\"login-icon\"],\"loginText\":[1,\"login-text\"],\"language_text\":[1],\"language_tooltip\":[1],\"login_tooltip\":[1],\"accessibility_tooltip\":[1],\"search_tooltip\":[1],\"hamburger_menu_button_name\":[1],\"accessibility_button_text\":[1],\"accessibility_button_id\":[1],\"accessibility_button_icon_family\":[1],\"accessibility_button_icon_name\":[1],\"search_button_name\":[1],\"search_input_name\":[1],\"search_value\":[1],\"language_button_name\":[1],\"close_menu_button_name\":[1],\"close_accessibility_button_name\":[1],\"toggle_accessibility_button_name\":[1],\"usePredesignedAccessibilityMenu\":[4,\"use-predesigned-accessibility-menu\"],\"useNavigator\":[1,\"use-navigator\"],\"search_input_placeholder\":[1],\"mobileMenuSearchId\":[1,\"mobile-menu-search-id\"],\"mobileMenuSearchUrl\":[1,\"mobile-menu-search-url\"],\"contrast_title\":[1],\"contrast_description\":[1],\"contrast_noraml_text\":[1],\"contrast_color_blind_text\":[1],\"contrast_red_weakness_text\":[1],\"contrast_green_weakness_text\":[1],\"selected_contrast\":[1],\"selected_text_size\":[1],\"screen_reader_title\":[1],\"screen_reader_description\":[1],\"text_size_title\":[1],\"text_size_description\":[1],\"hideOtherMenu\":[4,\"hide-other-menu\"],\"otherMenuItems\":[1,\"other-menu-items\"],\"quickLinks\":[1,\"quick-links\"],\"isMenuOpen\":[32],\"isSubMenuOpen\":[32],\"isSideSubMenuOpen\":[32],\"isAccessibiltyOpen\":[32],\"isMobileAccessibiltyOpen\":[32],\"openMenus\":[32],\"parsedOtherMenuItems\":[32],\"parsedDropDownMenuItems\":[32]}]]],[\"dda-event-card\",[[0,\"dda-event-card\",{\"card_header_text\":[1],\"card_header_icon\":[1],\"card_header_icon_id\":[1],\"image_src\":[1],\"event_month\":[1],\"event_date\":[1],\"header_text\":[1],\"body_text\":[1],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16],\"chip_list\":[1040],\"avatar_list\":[1040]}]]],[\"dda-pricing-card\",[[0,\"dda-pricing-card\",{\"image_src\":[1],\"image_chip_icon\":[1],\"image_chip_icon_family\":[1],\"image_chip_label\":[1],\"image_chip_icon_size\":[1],\"header_text\":[1],\"header_text_icon\":[1],\"card_header_icon_id\":[1],\"body_text_icon\":[1],\"body_text\":[1],\"price_text\":[1],\"price_period\":[1],\"custom_class\":[1],\"component_mode\":[1],\"chip_list\":[1040],\"clickHandler\":[16]}]]],[\"dda-accordion\",[[4,\"dda-accordion\",{\"design\":[1],\"header_text\":[1],\"sub_title\":[1],\"body_description\":[1],\"custom_class\":[1],\"link_button_text\":[1],\"component_mode\":[1],\"accordion_icon_class\":[1],\"accordion_icon_text\":[1],\"accordion_header_end_icon\":[1],\"accordion_id\":[1],\"default_open\":[4],\"isOpen\":[32],\"openAccordion\":[64],\"closeAccordion\":[64],\"getIsOpen\":[64]}]]],[\"dda-alert\",[[0,\"dda-alert\",{\"type\":[1],\"variation\":[1],\"title_text\":[1],\"description\":[1],\"button_text\":[1],\"custom_class\":[1],\"component_mode\":[1],\"component_id\":[1],\"secondary_button\":[1],\"secondary_button_link\":[1],\"primary_button\":[1],\"primary_button_link\":[1],\"close_button_name\":[1]}]]],[\"dda-centered-image-card\",[[0,\"dda-centered-image-card\",{\"image_src\":[1],\"image_alt\":[1],\"header_text\":[1],\"info_text\":[1],\"date_text\":[1],\"left_button_name\":[1],\"right_button_name\":[1],\"left_button_id\":[1],\"right_button_id\":[1],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16]}]]],[\"dda-custom-card\",[[4,\"dda-custom-card\",{\"card_header_text\":[1],\"card_header_icon\":[1],\"card_header_icon_id\":[1],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16]}]]],[\"dda-footer\",[[0,\"dda-footer\",{\"footerTitle\":[1,\"footer-title\"],\"description\":[1],\"signUpButtonText\":[1,\"sign-up-button-text\"],\"loginButtonText\":[1,\"login-button-text\"],\"logoSrc\":[1,\"logo-src\"],\"logoAlt\":[1,\"logo-alt\"],\"copyrightText\":[1,\"copyright-text\"],\"footerSections\":[1,\"footer-sections\"],\"socialIcons\":[1,\"social-icons\"]}]]],[\"dda-home-banner\",[[4,\"dda-home-banner\",{\"autoplay\":[4],\"interval\":[2],\"currentSlide\":[32],\"slides\":[32],\"autoPlayActive\":[32]},null,{\"currentSlide\":[\"onSlideChanged\"]}]]],[\"dda-home-carousel\",[[0,\"dda-home-carousel\",{\"custom_class\":[1],\"component_mode\":[1],\"items_in_view\":[2],\"bannercardlist\":[1]},null,{\"bannercardlist\":[\"parseBannerCardList\"]}]]],[\"dda-image-card\",[[4,\"dda-image-card\",{\"image_src\":[1],\"image_alt\":[1],\"header_text\":[1],\"body_text\":[1],\"date_text\":[1],\"left_button_color\":[1],\"left_button_name\":[1],\"left_button_href\":[1],\"left_button_rel\":[1],\"left_button_data_fancybox\":[1],\"left_button_start_icon\":[1],\"left_button_end_icon\":[1],\"left_button_target\":[1],\"right_button_color\":[1],\"right_button_name\":[1],\"right_button_href\":[1],\"right_button_rel\":[1],\"right_button_data_fancybox\":[1],\"right_button_start_icon\":[1],\"right_button_end_icon\":[1],\"right_button_target\":[1],\"left_button\":[1],\"right_button\":[1],\"custom_class\":[1],\"component_mode\":[1],\"file_size\":[1],\"file_type\":[1],\"useNavigator\":[1,\"use-navigator\"]}]]],[\"dda-information-card\",[[4,\"dda-information-card\",{\"image_src\":[1],\"image_alt\":[1],\"header_text\":[1],\"body_text\":[1],\"left_button_name\":[1],\"left_button_href\":[1],\"left_button_rel\":[1],\"left_button_data_fancybox\":[1],\"left_button_start_icon\":[1],\"left_button_end_icon\":[1],\"left_button_target\":[1],\"right_button_name\":[1],\"right_button_href\":[1],\"right_button_rel\":[1],\"right_button_data_fancybox\":[1],\"right_button_start_icon\":[1],\"right_button_end_icon\":[1],\"right_button_target\":[1],\"left_button\":[1],\"right_button\":[1],\"single_button\":[4],\"custom_class\":[1],\"component_mode\":[1],\"useNavigator\":[1,\"use-navigator\"]}]]],[\"dda-sticky-footer\",[[0,\"dda-sticky-footer\",{\"colorTheme\":[1,\"color-theme\"],\"happinessIconHref\":[1,\"happiness-icon-href\"],\"happinessIconId\":[1,\"happiness-icon-id\"],\"happinessIconSrc\":[1,\"happiness-icon-src\"],\"happinessIconSrcDark\":[1,\"happiness-icon-src-dark\"],\"happinessIconAlt\":[1,\"happiness-icon-alt\"],\"happinessIconTooltip\":[1,\"happiness-icon-tooltip\"],\"accessibilityIconHref\":[1,\"accessibility-icon-href\"],\"accessibilityIconId\":[1,\"accessibility-icon-id\"],\"accessibilityIconSrc\":[1,\"accessibility-icon-src\"],\"accessibilityIconSrcDark\":[1,\"accessibility-icon-src-dark\"],\"accessibilityIconAlt\":[1,\"accessibility-icon-alt\"],\"accessibilityIconTooltip\":[1,\"accessibility-icon-tooltip\"],\"servicesIconHref\":[1,\"services-icon-href\"],\"servicesIconId\":[1,\"services-icon-id\"],\"servicesIconSrc\":[1,\"services-icon-src\"],\"servicesIconSrcDark\":[1,\"services-icon-src-dark\"],\"servicesIconAlt\":[1,\"services-icon-alt\"],\"servicesIconTooltip\":[1,\"services-icon-tooltip\"],\"servicesIconText\":[1,\"services-icon-text\"],\"hideMiddleSection\":[4,\"hide-middle-section\"],\"middleLink\":[1,\"middle-link\"],\"rightLink\":[1,\"right-link\"],\"aiIconHref\":[1,\"ai-icon-href\"],\"aiIconId\":[1,\"ai-icon-id\"],\"aiIconSrc\":[1,\"ai-icon-src\"],\"aiIconSrcDark\":[1,\"ai-icon-src-dark\"],\"aiIconAlt\":[1,\"ai-icon-alt\"],\"aiIconTooltip\":[1,\"ai-icon-tooltip\"],\"dubaiaeIconHref\":[1,\"dubaiae-icon-href\"],\"dubaiaeIconId\":[1,\"dubaiae-icon-id\"],\"dubaiaeIconSrc\":[1,\"dubaiae-icon-src\"],\"dubaiaeIconSrcDark\":[1,\"dubaiae-icon-src-dark\"],\"dubaiaeIconSmallSrc\":[1,\"dubaiae-icon-small-src\"],\"dubaiaeIconAlt\":[1,\"dubaiae-icon-alt\"],\"dubaiaeIconTooltip\":[1,\"dubaiae-icon-tooltip\"],\"chatIconHref\":[1,\"chat-icon-href\"],\"chatIconId\":[1,\"chat-icon-id\"],\"chatIconSrc\":[1,\"chat-icon-src\"],\"chatIconSrcDark\":[1,\"chat-icon-src-dark\"],\"chatIconAlt\":[1,\"chat-icon-alt\"],\"chatIconTooltip\":[1,\"chat-icon-tooltip\"],\"moreIconFamily\":[1,\"more-icon-family\"],\"moreIcon\":[1,\"more-icon\"],\"isHidden\":[32]}]]],[\"dda-attach-file\",[[0,\"dda-attach-file\",{\"label\":[1],\"place_holder\":[1],\"upload_button_text\":[1],\"helper_text\":[1],\"success_text\":[1],\"error_message\":[1],\"size\":[1],\"validation_type\":[1],\"validation_id\":[1],\"input_type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1],\"button_aria_label\":[1],\"input_id\":[1],\"input_name\":[1],\"button_id\":[1],\"button_name\":[1],\"accept\":[1],\"disabled\":[4],\"max_file_size\":[2],\"file_size_error_message\":[1],\"file\":[32],\"isFileUploaded\":[32],\"internalErrorMessage\":[32],\"getFile\":[64]}]]],[\"dda-breadcrumb\",[[0,\"dda-breadcrumb\",{\"design\":[1],\"separator\":[1],\"aria_label\":[1],\"custom_class\":[1],\"component_mode\":[1],\"dataBreadcrumbs\":[1,\"data-breadcrumbs\"]}]]],[\"dda-checkbox\",[[0,\"dda-checkbox\",{\"title_text\":[1],\"supporting\":[1],\"group_name\":[1],\"input_id\":[1],\"checked\":[4],\"checkbox_status\":[1],\"style_type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1]}]]],[\"dda-credit-card\",[[0,\"dda-credit-card\",{\"balance\":[1],\"name\":[1],\"card_number\":[1],\"card_type\":[1],\"design\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-creditcard-field\",[[0,\"dda-creditcard-field\",{\"placeholder\":[1],\"label\":[1],\"value\":[1],\"card_icon\":[1],\"error_message\":[1],\"validation_type\":[1],\"validation_id\":[1],\"size\":[1],\"input_type\":[1],\"helper_text\":[1],\"disabled\":[4],\"custom_class\":[1],\"restrict_input\":[4],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"input_name\":[1],\"formattedValue\":[32]}]]],[\"dda-dropdown\",[[0,\"dda-dropdown\",{\"label\":[1],\"options\":[1],\"selected\":[1],\"disabled\":[4],\"error\":[1],\"error_message\":[1],\"helper_text\":[1],\"validation_id\":[1],\"size\":[1],\"icon_mode\":[4],\"custom_class\":[1],\"component_mode\":[1],\"button_id\":[1],\"toggle_button_name\":[1],\"option_select_button_name\":[1],\"placeholder\":[1],\"main_aria_label\":[1],\"is_open\":[32],\"selectedId\":[32],\"selectedText\":[32]}]]],[\"dda-horizontal-stepper\",[[0,\"dda-horizontal-stepper\",{\"steps\":[1],\"current_step\":[2],\"custom_class\":[1],\"component_mode\":[1],\"parsedSteps\":[32]}]]],[\"dda-number-field\",[[0,\"dda-number-field\",{\"placeholder\":[1],\"label\":[1],\"value\":[1],\"helper_text\":[1],\"error_message\":[1],\"validation_type\":[1],\"size\":[1],\"input_status\":[1],\"currencies\":[1],\"selected_currency\":[1],\"custom_class\":[1],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"input_name\":[1],\"toggle_button_name\":[1],\"currency_button_name\":[1],\"is_focused\":[32],\"isCurrencyDropdownOpen\":[32]}]]],[\"dda-pagination\",[[0,\"dda-pagination\",{\"total_pages\":[2],\"current_page\":[1026],\"type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"simple_slider_prev_button\":[1],\"simple_slider_next_button\":[1],\"buttons_prev_button\":[1],\"buttons_next_button\":[1],\"text_prev_button\":[1],\"text_next_button\":[1],\"text_pages_prev_button\":[1],\"text_pages_next_button\":[1],\"button_text_prev_button\":[1],\"button_text_next_button\":[1],\"buttons_pages_prev_button\":[1],\"buttons_pages_next_button\":[1],\"buttons_pages_id\":[1]},null,{\"total_pages\":[\"validateTotalPages\"],\"current_page\":[\"validateCurrentPage\"]}]]],[\"dda-phonefield\",[[0,\"dda-phonefield\",{\"label\":[1],\"placeholder\":[1],\"helper_text\":[1],\"max_length\":[1],\"validation_type\":[1],\"error_message\":[1],\"validation_id\":[1],\"disabled\":[4],\"size\":[1],\"custom_class\":[1],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"button_id\":[1],\"button_aria_label\":[1],\"toggle_button_name\":[1],\"country_select_button_name\":[1],\"phone_input_name\":[1],\"value\":[1],\"country_code\":[32],\"country_flag\":[32],\"internalValue\":[32],\"is_focused\":[32],\"dropdown_open\":[32],\"countries\":[32],\"hostElement\":[32],\"getValue\":[64],\"validatePhoneField\":[64]},null,{\"value\":[\"watchHandler\"]}]]],[\"dda-progressbar\",[[0,\"dda-progressbar\",{\"progress\":[2],\"tooltip\":[4],\"tooltip_position\":[1],\"show_percentage_text\":[4],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-range-slider\",[[0,\"dda-range-slider\",{\"min\":[2],\"max\":[2],\"step\":[2],\"initial_min\":[2],\"initial_max\":[2],\"size\":[1],\"tooltip_position\":[1],\"custom_class\":[1],\"component_mode\":[1],\"left_input_id\":[1],\"right_input_id\":[1],\"left_aria_label\":[1],\"right_aria_label\":[1],\"left_input_name\":[1],\"right_input_name\":[1],\"min_value\":[32],\"max_value\":[32]}]]],[\"dda-search-input\",[[0,\"dda-search-input\",{\"placeholder\":[1],\"label\":[1],\"size\":[1],\"error_message\":[1],\"show_button\":[4],\"helper_text\":[1],\"validation_id\":[1],\"input_status\":[1],\"has_error\":[4],\"custom_class\":[1],\"component_mode\":[1],\"button_id\":[1],\"input_id\":[1],\"aria_label\":[1],\"button_aria_label\":[1],\"search_input_name\":[1],\"close_button_name\":[1],\"search_button_name\":[1],\"button_text\":[1],\"value\":[1],\"hasInputValue\":[32],\"internalValue\":[32]}]]],[\"dda-segmented-tabs\",[[0,\"dda-segmented-tabs\",{\"items\":[1],\"radius_type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"button_name\":[1]}]]],[\"dda-select\",[[0,\"dda-select\",{\"label\":[1],\"options\":[1],\"selected\":[1],\"disabled\":[4],\"error\":[1],\"error_message\":[1],\"helper_text\":[1],\"validation_type\":[1],\"validation_id\":[1],\"size\":[1],\"custom_class\":[1],\"component_mode\":[1],\"button_id\":[1],\"toggle_button_name\":[1],\"option_select_button_name\":[1],\"placeholder\":[1],\"main_aria_label\":[1],\"input_name\":[1],\"is_open\":[32],\"selectedId\":[32],\"selectedText\":[32]}]]],[\"dda-slider\",[[1,\"dda-slider\",{\"slides\":[16],\"interval\":[2],\"autoplay\":[4],\"currentSlide\":[32],\"isPaused\":[32]},null,{\"currentSlide\":[\"watchCurrentSlide\"]}]]],[\"dda-tabs\",[[0,\"dda-tabs\",{\"type\":[1],\"hover_style\":[1],\"border_bottom\":[4],\"custom_class\":[1],\"component_mode\":[1],\"button_ids\":[1],\"tab_value\":[1],\"tab_texts\":[1],\"tab_icons\":[1],\"button_name\":[1],\"tab_type\":[1],\"button_values\":[1],\"active_tab\":[32]}]]],[\"dda-team-member-card\",[[4,\"dda-team-member-card\",{\"image_src\":[1],\"image_alt\":[1],\"team_member_name\":[1],\"team_member_position\":[1],\"design\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-teamsection-card\",[[0,\"dda-teamsection-card\",{\"image_src\":[1],\"header_text\":[1],\"profession\":[1],\"body_text\":[1],\"body_text_two\":[1],\"sajin\":[1],\"custom_class\":[1],\"component_mode\":[1],\"card_type\":[1],\"useNavigator\":[1,\"use-navigator\"],\"social_icons\":[8],\"parsedSocialIcons\":[32]},null,{\"social_icons\":[\"parseSocialIcons\"]}]]],[\"dda-textarea\",[[0,\"dda-textarea\",{\"label\":[1],\"placeholder\":[1],\"max_characters\":[2],\"value\":[1],\"input_id\":[1],\"textarea_name\":[1],\"aria_label\":[1],\"show_info_icon\":[4],\"helper_text\":[1],\"error_message\":[1],\"validation_type\":[1],\"validation_id\":[1],\"input_status\":[1],\"custom_class\":[1],\"component_mode\":[1],\"enable_rich_editor\":[4],\"characterCount\":[32],\"internalValue\":[32],\"getValue\":[64]}]]],[\"dda-toggle\",[[0,\"dda-toggle\",{\"checked\":[4],\"size\":[1],\"custom_class\":[1],\"group_name\":[1],\"input_id\":[1],\"component_mode\":[1],\"aria_label\":[1]}]]],[\"dda-vertical-stepper\",[[0,\"dda-vertical-stepper\",{\"steps\":[1],\"current_Step\":[2,\"current_-step\"],\"custom_class\":[1],\"component_mode\":[1],\"parsedSteps\":[32]}]]],[\"dda-avatar\",[[0,\"dda-avatar\",{\"type\":[1],\"size\":[1],\"design\":[1],\"rounded\":[1],\"src\":[1],\"icon\":[1],\"text\":[1],\"notification_number\":[2],\"custom_class\":[1],\"selected\":[1],\"show_options\":[4],\"options\":[1],\"component_mode\":[1],\"aria_label\":[1],\"button_id\":[1],\"button_name\":[1],\"dropdown_enabled\":[4],\"isOpen\":[32]}]]],[\"dda-banner-card\",[[0,\"dda-banner-card\",{\"banner_card_type\":[1],\"banner_card_id\":[1],\"banner_card_url\":[1],\"image_src\":[1],\"image_alt\":[1],\"banner_card_title\":[1],\"banner_card_description\":[1],\"custom_class\":[513],\"banner_card_value\":[513],\"banner_card_name\":[513],\"component_mode\":[1]}]]],[\"dda-scroll-icon\",[[1,\"dda-scroll-icon\",{\"scroll_icon_size\":[1],\"scroll_icon_color\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-chip\",[[0,\"dda-chip\",{\"bg_color\":[1],\"rounded\":[1],\"chip_text\":[1],\"chip_icon\":[1],\"chip_icon_family\":[1],\"chip_icon_size\":[1],\"show_close_icon\":[4],\"size\":[1],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16],\"image_chip_label\":[1],\"image_chip_icon\":[1],\"image_chip_icon_family\":[1],\"image_chip_icon_size\":[1]}]]],[\"dda-tooltip\",[[4,\"dda-tooltip\",{\"title_text\":[1],\"description\":[1],\"position\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-header-menu_3\",[[0,\"dda-header-menu\",{\"useNavigator\":[1,\"use-navigator\"],\"quickLinks\":[1,\"quick-links\"],\"openIndex\":[32],\"openSubIndex\":[32]},[[8,\"keydown\",\"handleKeydown\"]]],[0,\"dda-input\",{\"label\":[1],\"placeholder\":[1],\"value\":[1],\"type\":[1],\"input_role\":[1],\"helper_text\":[1],\"error_message\":[1],\"validation_type\":[1],\"validation_id\":[1],\"size\":[1],\"input_status\":[1],\"custom_class\":[1],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"input_name\":[1],\"required\":[4],\"internalValue\":[32],\"getValue\":[64]}],[0,\"dda-radiobutton\",{\"title_text\":[1],\"supporting\":[1],\"group_name\":[1],\"input_id\":[1],\"checked\":[1540],\"radio_status\":[1],\"error_message\":[1],\"validation_type\":[1],\"validation_id\":[1],\"size\":[1],\"variants\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1],\"contrast_noraml_text\":[1]}]]],[\"dda-link-button\",[[0,\"dda-link-button\",{\"disabled\":[4],\"start_icon\":[1],\"link_button_text\":[1],\"link_button_title\":[1],\"end_icon\":[1],\"aria_label\":[1],\"button_color\":[1],\"size\":[1],\"button_shape\":[1],\"icon_button_shape\":[1],\"gap\":[2],\"custom_class\":[1],\"href\":[1],\"component_mode\":[1],\"button_id\":[1],\"target\":[1],\"rel\":[1],\"data_fancybox\":[1],\"clickHandler\":[16]}]]],[\"dda-button\",[[0,\"dda-button\",{\"button_type\":[1],\"disabled\":[4],\"start_icon_family\":[1],\"start_icon\":[1],\"button_text\":[1],\"end_icon_family\":[1],\"end_icon\":[1],\"aria_label\":[1],\"button_color\":[1],\"size\":[1],\"button_shape\":[1],\"icon_button_shape\":[1],\"gap\":[2],\"custom_class\":[1],\"component_mode\":[1],\"button_id\":[1],\"button_name\":[1],\"value\":[1]}]]]]"), options);
 };
 
 export { defineCustomElements };

package/dist/types/components/dda-header/dda-header.d.ts

@@ -24,6 +24,7 @@ export declare class DdaHeader {
     accessibility_tooltip: string;
     search_tooltip: string;
     languageSwitch: EventEmitter<void>;
+    loginClick: EventEmitter<void>;
     navigatorClick?: EventEmitter<string>;
     smTextSize: EventEmitter<void>;
     baseTextSize: EventEmitter<void>;
@@ -65,6 +66,8 @@ export declare class DdaHeader {
     contrast_color_blind_text: string;
     contrast_red_weakness_text: string;
     contrast_green_weakness_text: string;
+    selected_contrast: "normal" | "colorblind" | "redweakness" | "greenweakness";
+    selected_text_size: "normal" | "large" | "small";
     screen_reader_title: string;
     screen_reader_description: string;
     text_size_title: string;
@@ -107,6 +110,7 @@ export declare class DdaHeader {
     private accessibilitymenuhandler;
     private MobileAccessibilitymenuhandler;
     private searchhandler;
+    private toggleLogin;
     private handleMenuClick;
     renderSubMenu: (subMenu: any, parentLi: any) => any;
     render(): any;

package/dist/types/components/dda-search-input/dda-search-input.d.ts

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class DdaSearchInput {
     placeholder: string;
     label: string;
@@ -18,8 +19,15 @@ export declare class DdaSearchInput {
     close_button_name: string;
     search_button_name: string;
     button_text: string;
+    value: string;
+    inputChanged: EventEmitter<any>;
+    inputBlurred: EventEmitter<{
+        name: string;
+        value: string;
+    }>;
     el: HTMLElement;
     hasInputValue: boolean;
+    internalValue: string;
     handleInput: (event: Event) => void;
     handleKeyDown: (event: KeyboardEvent) => void;
     handleSearchClick: () => void;

package/dist/types/components/dda-toggle/dda-toggle.d.ts

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class DdaToggle {
     checked: boolean;
     size?: string;
@@ -6,5 +7,6 @@ export declare class DdaToggle {
     input_id?: string;
     component_mode?: string;
     aria_label: string;
+    toggleChanged: EventEmitter<any>;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -303,6 +303,8 @@ export namespace Components {
         "secondLogoHref": string;
         "secondLogoSrc": string;
         "secondLogoWhiteSrc": string;
+        "selected_contrast": "normal" | "colorblind" | "redweakness" | "greenweakness";
+        "selected_text_size": "normal" | "large" | "small";
         "sideMainMenuTitle": string;
         "sideMenuItems": string;
         "sideOtherMenuTitle": string;
@@ -589,6 +591,7 @@ export namespace Components {
         "show_button": boolean;
         "size": string;
         "validation_id": string;
+        "value": string;
     }
     interface DdaSegmentedTabs {
         "button_name": string;
@@ -806,6 +809,10 @@ export interface DdaRadiobuttonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDdaRadiobuttonElement;
 }
+export interface DdaSearchInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDdaSearchInputElement;
+}
 export interface DdaSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDdaSelectElement;
@@ -822,6 +829,10 @@ export interface DdaTextareaCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDdaTextareaElement;
 }
+export interface DdaToggleCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDdaToggleElement;
+}
 declare global {
     interface HTMLDdaAccordionElement extends Components.DdaAccordion, HTMLStencilElement {
     }
@@ -990,6 +1001,7 @@ declare global {
     };
     interface HTMLDdaHeaderElementEventMap {
         "languageSwitch": void;
+        "loginClick": void;
         "navigatorClick": string;
         "smTextSize": void;
         "baseTextSize": void;
@@ -1200,7 +1212,19 @@ declare global {
         prototype: HTMLDdaScrollIconElement;
         new (): HTMLDdaScrollIconElement;
     };
+    interface HTMLDdaSearchInputElementEventMap {
+        "inputChanged": any;
+        "inputBlurred": { name: string; value: string };
+    }
     interface HTMLDdaSearchInputElement extends Components.DdaSearchInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDdaSearchInputElementEventMap>(type: K, listener: (this: HTMLDdaSearchInputElement, ev: DdaSearchInputCustomEvent<HTMLDdaSearchInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDdaSearchInputElementEventMap>(type: K, listener: (this: HTMLDdaSearchInputElement, ev: DdaSearchInputCustomEvent<HTMLDdaSearchInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLDdaSearchInputElement: {
         prototype: HTMLDdaSearchInputElement;
@@ -1300,7 +1324,18 @@ declare global {
         prototype: HTMLDdaTextareaElement;
         new (): HTMLDdaTextareaElement;
     };
+    interface HTMLDdaToggleElementEventMap {
+        "toggleChanged": any;
+    }
     interface HTMLDdaToggleElement extends Components.DdaToggle, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDdaToggleElementEventMap>(type: K, listener: (this: HTMLDdaToggleElement, ev: DdaToggleCustomEvent<HTMLDdaToggleElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDdaToggleElementEventMap>(type: K, listener: (this: HTMLDdaToggleElement, ev: DdaToggleCustomEvent<HTMLDdaToggleElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLDdaToggleElement: {
         prototype: HTMLDdaToggleElement;
@@ -1661,6 +1696,7 @@ declare namespace LocalJSX {
         "onGreenContrast"?: (event: DdaHeaderCustomEvent<void>) => void;
         "onLanguageSwitch"?: (event: DdaHeaderCustomEvent<void>) => void;
         "onLgTextSize"?: (event: DdaHeaderCustomEvent<void>) => void;
+        "onLoginClick"?: (event: DdaHeaderCustomEvent<void>) => void;
         "onNavigatorClick"?: (event: DdaHeaderCustomEvent<string>) => void;
         "onNormalContrast"?: (event: DdaHeaderCustomEvent<void>) => void;
         "onRedContrast"?: (event: DdaHeaderCustomEvent<void>) => void;
@@ -1681,6 +1717,8 @@ declare namespace LocalJSX {
         "secondLogoHref"?: string;
         "secondLogoSrc"?: string;
         "secondLogoWhiteSrc"?: string;
+        "selected_contrast"?: "normal" | "colorblind" | "redweakness" | "greenweakness";
+        "selected_text_size"?: "normal" | "large" | "small";
         "sideMainMenuTitle"?: string;
         "sideMenuItems"?: string;
         "sideOtherMenuTitle"?: string;
@@ -1967,12 +2005,15 @@ declare namespace LocalJSX {
         "input_id"?: string;
         "input_status"?: string;
         "label"?: string;
+        "onInputBlurred"?: (event: DdaSearchInputCustomEvent<{ name: string; value: string }>) => void;
+        "onInputChanged"?: (event: DdaSearchInputCustomEvent<any>) => void;
         "placeholder"?: string;
         "search_button_name"?: string;
         "search_input_name"?: string;
         "show_button"?: boolean;
         "size"?: string;
         "validation_id"?: string;
+        "value"?: string;
     }
     interface DdaSegmentedTabs {
         "button_name"?: string;
@@ -2119,6 +2160,7 @@ declare namespace LocalJSX {
         "custom_class"?: string;
         "group_name"?: string;
         "input_id"?: string;
+        "onToggleChanged"?: (event: DdaToggleCustomEvent<any>) => void;
         "size"?: string;
     }
     interface DdaTooltip {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dubai-design-system/components-js",
-  "version": "3.11.2",
+  "version": "3.11.4",
   "private": false,
   "description": "JavaScript package for the Digital Dubai Design System, offering reusable, customizable components for seamless integration into web applications",
   "main": "dist/index.cjs.js",
@@ -83,5 +83,5 @@
     "storybook": "^8.1.11"
   },
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "12c9be7e9e83cd200fb43516d3a78c675282aef8"
+  "gitHead": "332876a0184820605e33c2f001bca6857eef8bbb"
 }