npm - @dubai-design-system/components-js - Versions diffs - 3.12.3 → 3.12.5 - Mend

@dubai-design-system/components-js 3.12.3 → 3.12.5

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

Files changed (176) hide show

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

	@@ -1 +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, Watch, Method } 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() onChanged: EventEmitter<any>;\r\n\r\n @Event() selectBlurred: EventEmitter<{ name: string; value: string }>;\r\n @Event() onBlurred: EventEmitter<any>;\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(opt => opt.id.toString() === this.selected \|\| opt.text === this.selected);\r\n if (selectedOption) {\r\n this.selectedId = selectedOption.id;\r\n this.selectedText = selectedOption.text;\r\n }\r\n if (this.selected) {\r\n this.watchSelected(this.selected);\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: any; 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 this.onChanged.emit(option.id);\r\n\r\n this.el.dispatchEvent(\r\n new InputEvent('input', {\r\n bubbles: true,\r\n composed: true,\r\n data: option.id,\r\n inputType: 'select',\r\n }),\r\n );\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 this.onBlurred.emit(this.selectedId);\r\n\r\n this.el.dispatchEvent(\r\n new FocusEvent('blur', {\r\n bubbles: true,\r\n composed: true,\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 @Method()\r\n async setSelected(value: string \| number) {\r\n const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === value.toString() \|\| opt.text === value);\r\n\r\n if (selectedOption) {\r\n this.selectedId = selectedOption.id;\r\n this.selectedText = selectedOption.text;\r\n this.selected = selectedOption.id.toString();\r\n } else {\r\n this.selectedId = undefined;\r\n this.selectedText = '';\r\n this.selected = '';\r\n }\r\n }\r\n\r\n async setValue(value: string \| number) {\r\n const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === value.toString() \|\| opt.text === value);\r\n\r\n if (selectedOption) {\r\n this.selectedId = selectedOption.id;\r\n this.selectedText = selectedOption.text;\r\n this.selected = selectedOption.id.toString();\r\n } else {\r\n this.selectedId = undefined;\r\n this.selectedText = '';\r\n this.selected = '';\r\n }\r\n }\r\n\r\n @Method()\r\n async getSelectedText() {\r\n return this.selectedText;\r\n }\r\n\r\n async getValue() {\r\n return this.selectedText \|\| '';\r\n }\r\n\r\n @Watch('selected')\r\n watchSelected(newVal: string) {\r\n const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === newVal \|\| opt.text === newVal);\r\n\r\n if (selectedOption) {\r\n this.selectedId = selectedOption.id;\r\n this.selectedText = selectedOption.text;\r\n } else {\r\n this.selectedId = undefined;\r\n this.selectedText = '';\r\n }\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\">\r\n {this.is_open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}\r\n </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 class=\"dda-error-message\" id={this.validation_id} role=\"alert\">\r\n {this.error_message}\r\n </span>\r\n ) : (\r\n this.helper_text && (\r\n <span class=\"dda-helper-text\" id={this.validation_id}>\r\n {this.helper_text}\r\n </span>\r\n )\r\n )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}
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, Watch, Method } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-select',\r\n // styleUrls: ['../../global/input.css', '../../global/global.css'],\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() onChanged: EventEmitter<any>;\r\n\r\n @Event() selectBlurred: EventEmitter<{ name: string; value: string }>;\r\n @Event() onBlurred: EventEmitter<any>;\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(opt => opt.id.toString() === this.selected \|\| opt.text === this.selected);\r\n if (selectedOption) {\r\n this.selectedId = selectedOption.id;\r\n this.selectedText = selectedOption.text;\r\n }\r\n if (this.selected) {\r\n this.watchSelected(this.selected);\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: any; 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 this.onChanged.emit(option.id);\r\n\r\n this.el.dispatchEvent(\r\n new InputEvent('input', {\r\n bubbles: true,\r\n composed: true,\r\n data: option.id,\r\n inputType: 'select',\r\n }),\r\n );\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 this.onBlurred.emit(this.selectedId);\r\n\r\n this.el.dispatchEvent(\r\n new FocusEvent('blur', {\r\n bubbles: true,\r\n composed: true,\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 @Method()\r\n async setSelected(value: string \| number) {\r\n const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === value.toString() \|\| opt.text === value);\r\n\r\n if (selectedOption) {\r\n this.selectedId = selectedOption.id;\r\n this.selectedText = selectedOption.text;\r\n this.selected = selectedOption.id.toString();\r\n } else {\r\n this.selectedId = undefined;\r\n this.selectedText = '';\r\n this.selected = '';\r\n }\r\n }\r\n\r\n async setValue(value: string \| number) {\r\n const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === value.toString() \|\| opt.text === value);\r\n\r\n if (selectedOption) {\r\n this.selectedId = selectedOption.id;\r\n this.selectedText = selectedOption.text;\r\n this.selected = selectedOption.id.toString();\r\n } else {\r\n this.selectedId = undefined;\r\n this.selectedText = '';\r\n this.selected = '';\r\n }\r\n }\r\n\r\n @Method()\r\n async getSelectedText() {\r\n return this.selectedText;\r\n }\r\n\r\n async getValue() {\r\n return this.selectedText \|\| '';\r\n }\r\n\r\n @Watch('selected')\r\n watchSelected(newVal: string) {\r\n const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === newVal \|\| opt.text === newVal);\r\n\r\n if (selectedOption) {\r\n this.selectedId = selectedOption.id;\r\n this.selectedText = selectedOption.text;\r\n } else {\r\n this.selectedId = undefined;\r\n this.selectedText = '';\r\n }\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\">\r\n {this.is_open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}\r\n </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 class=\"dda-error-message\" id={this.validation_id} role=\"alert\">\r\n {this.error_message}\r\n </span>\r\n ) : (\r\n this.helper_text && (\r\n <span class=\"dda-helper-text\" id={this.validation_id}>\r\n {this.helper_text}\r\n </span>\r\n )\r\n )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}

package/dist/esm/dda-split-button.entry.js ADDED Viewed

@@ -0,0 +1,52 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-52b38a93.js';
+const ddaSplitButtonCss = ".dda-btn{height:44px;font-family:var(--font-family-main);font-size:var(--font-body);font-weight:var(--font-weight-regular);padding:8px 12px;border-radius:8px;outline:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px}.btn-color-default-primary{background-color:var(--dda-color-primary-40);border:solid 1px var(--dda-color-primary-40);color:var(--dda-on-primary-100)}.btn-color-default-primary:hover{background-color:var(--dda-on-primary-variant-30);border:solid 1px var(--dda-on-primary-variant-30)}.btn-color-default-primary:focus{background-color:var(--dda-on-primary-variant-20);outline:var(--dda-on-primary-variant-20)}.light-mode.btn-color-default-primary,.light-mode .btn-color-default-primary{background-color:var(--dda-primary-40);border:solid 1px var(--dda-primary-40);color:var(--dda-primary-100)}.light-mode.btn-color-default-primary:hover,.light-mode .btn-color-default-primary:hover{background-color:var(--dda-primary-30);border:solid 1px var(--dda-primary-30)}.light-mode.btn-color-default-primary:focus,.light-mode .btn-color-default-primary:focus{background-color:var(--dda-primary-20);outline:var(--dda-primary-20)}.btn-color-default-secondary{background-color:var(--dda-on-primary-98);border:solid 1px var(--dda-on-primary-98);color:var(--dda-color-primary-40)}.btn-color-default-secondary:hover{background-color:var(--dda-on-primary-94);border:solid 1px var(--dda-on-primary-94)}.btn-color-default-secondary:focus{background-color:var(--dda-primary-variant-92);outline:var(--dda-primary-variant-92)}.light-mode.btn-color-default-secondary{background-color:var(--dda-primary-98);border:solid 1px var(--dda-primary-98);color:var(--dda-primary-40)}.light-mode.btn-color-default-secondary:hover{background-color:var(--dda-primary-94);border:solid 1px var(--dda-primary-94)}.light-mode.btn-color-default-secondary:focus{background-color:var(--dda-primary-92);outline:var(--dda-primary-92)}.btn-color-default-tertiary{background-color:var(--dda-surface-100);border:solid 1px var(--dda-surface-90);color:var(--dda-color-primary-40)}.btn-color-default-tertiary:hover{background-color:var(--dda-on-primary-98)}.btn-color-default-tertiary:focus{background-color:var(--dda-on-primary-96)}.light-mode.btn-color-default-tertiary{background-color:var(--dda-neutral-100);border:solid 1px var(--dda-neutral-90);color:var(--dda-primary-40)}.light-mode.btn-color-default-tertiary:hover{background-color:var(--dda-primary-98)}.light-mode.btn-color-default-tertiary:focus{background-color:var(--dda-primary-96)}.btn-color-default-link{height:auto !important;background-color:transparent !important;border:transparent !important;color:var(--dda-color-primary-40);padding:0px !important}.light-mode.btn-color-default-link{color:var(--dda-primary-40)}.btn-color-default-link:focus{outline:auto}.btn-color-error-primary{background-color:var(--dda-color-error-40);border:solid 1px var(--dda-color-error-40);color:var(--dda-on-primary-100)}.btn-color-error-primary:hover{background-color:var(--dda-color-error-40);border:solid 1px var(--dda-color-error-40)}.btn-color-error-primary:focus{background-color:var(--dda-color-error-30);border:solid 1px var(--dda-color-error-30);outline:var(--dda-color-error-30)}.light-mode.btn-color-error-primary{background-color:var(--dda-error-40);border:solid 1px var(--dda-error-40);color:var(--dda-primary-100)}.light-mode.btn-color-error-primary:hover{background-color:var(--dda-error-40);border:solid 1px var(--dda-error-40)}.light-mode.btn-color-error-primary:focus{background-color:var(--dda-error-30);border:solid 1px var(--dda-error-30);outline:var(--dda-error-30)}.btn-color-error-secondary{background-color:var(--dda-error-variant-95);border:solid 1px var(--dda-error-variant-95);color:var(--dda-color-error-40)}.btn-color-error-secondary:hover{background-color:var(--dda-on-error-98);border:solid 1px var(--dda-on-error-98)}.btn-color-error-secondary:focus{background-color:var(--dda-on-error-96);border:solid 1px var(--dda-on-error-96)}.light-mode.btn-color-error-secondary{background-color:var(--dda-error-95);border:solid 1px var(--dda-error-95);color:var(--dda-error-40)}.light-mode.btn-color-error-secondary:hover{background-color:var(--dda-error-98);border:solid 1px var(--dda-error-98)}.light-mode.btn-color-error-secondary:focus{background-color:var(--dda-error-96);border:solid 1px var(--dda-error-96)}.btn-color-error-tertiary{background-color:var(--dda-surface-100);border:solid 1px var(--dda-surface-90);color:var(--dda-color-error-40)}.btn-color-error-tertiary:hover{background-color:var(--dda-on-error-98)}.btn-color-error-tertiary:focus{background-color:var(--dda-on-error-96)}.light-mode.btn-color-error-tertiary{background-color:var(--dda-neutral-100);border:solid 1px var(--dda-neutral-90);color:var(--dda-error-40)}.light-mode.btn-color-error-tertiary:hover{background-color:var(--dda-error-98)}.light-mode.btn-color-error-tertiary:focus{background-color:var(--dda-error-96)}.btn-color-error-link{height:auto !important;background-color:transparent !important;border:transparent !important;color:var(--dda-color-error-40);padding:0px !important}.light-mode.btn-color-error-link{color:var(--dda-error-40)}.btn-color-error-link:focus{outline:auto}.btn-color-onsurface-primary{background-color:var(--dda-on-surface-0);border:solid 1px var(--dda-on-surface-0);color:var(--dda-surface-100)}.btn-color-onsurface-primary:hover{background-color:var(--dda-on-surface-20);border:solid 1px var(--dda-on-surface-20)}.btn-color-onsurface-primary:focus{background-color:var(--dda-on-surface-30);border:solid 1px var(--dda-on-surface-30)}.light-mode.btn-color-onsurface-primary{background-color:var(--dda-neutral-0);border:solid 1px var(--dda-neutral-0);color:var(--dda-neutral-100)}.light-mode.btn-color-onsurface-primary:hover{background-color:var(--dda-neutral-20);border:solid 1px var(--dda-neutral-20)}.light-mode.btn-color-onsurface-primary:focus{background-color:var(--dda-neutral-30);border:solid 1px var(--dda-neutral-30)}.btn-color-onsurface-secondary{background-color:var(--dda-surface-96);border:solid 1px var(--dda-surface-96);color:var(--dda-on-surface-0)}.btn-color-onsurface-secondary:hover{background-color:var(--dda-surface-94);border:solid 1px var(--dda-surface-94)}.btn-color-onsurface-secondary:focus{background-color:var(--dda-surface-92);border:solid 1px var(--dda-surface-92)}.light-mode.btn-color-onsurface-secondary{background-color:var(--dda-neutral-96);border:solid 1px var(--dda-neutral-96);color:var(--dda-neutral-0)}.light-mode.btn-color-onsurface-secondary:hover{background-color:var(--dda-neutral-94);border:solid 1px var(--dda-neutral-94)}.light-mode.btn-color-onsurface-secondary:focus{background-color:var(--dda-neutral-92);border:solid 1px var(--dda-neutral-92)}.btn-color-onsurface-tertiary{background-color:var(--dda-surface-100);border:solid 1px var(--dda-surface-90);color:var(--dda-on-surface-0)}.btn-color-onsurface-tertiary:hover{background-color:var(--dda-surface-94)}.btn-color-onsurface-tertiary:focus{background-color:var(--dda-surface-90)}.light-mode.btn-color-onsurface-tertiary{background-color:var(--dda-neutral-100);border:solid 1px var(--dda-neutral-90);color:var(--dda-neutral-0)}.light-mode.btn-color-onsurface-tertiary:hover{background-color:var(--dda-neutral-94)}.light-mode.btn-color-onsurface-tertiary:focus{background-color:var(--dda-neutral-90)}.btn-color-onsurface-link{height:auto !important;background-color:transparent !important;border:transparent !important;color:var(--dda-on-surface-0);padding:0px !important}.light-mode.btn-color-onsurface-link{color:var(--dda-neutral-0)}.btn-color-onsurface-link:focus{outline:auto}.btn-color-secondary{background-color:var(--dda-color-secondary-40);border:solid 1px var(--dda-color-secondary-40);color:var(--dda-on-secondary-100)}.btn-color-secondary:hover{background-color:var(--dda-color-secondary-30);border:solid 1px var(--dda-color-secondary-30)}.btn-color-secondary:focus{background-color:var(--dda-color-secondary-20);border:solid 1px var(--dda-color-secondary-20);outline:var(--dda-color-secondary-20)}.light-mode.btn-color-secondary{background-color:var(--dda-secondary-40);border:solid 1px var(--dda-secondary-40);color:var(--dda-secondary-100)}.light-mode.btn-color-secondary:hover{background-color:var(--dda-secondary-30);border:solid 1px var(--dda-secondary-30)}.light-mode.btn-color-secondary:focus{background-color:var(--dda-secondary-20);border:solid 1px var(--dda-secondary-20);outline:var(--dda-secondary-20)}.btn-color-success{background-color:var(--dda-color-success-50);border:solid 1px var(--dda-color-success-50);color:var(--dda-on-success-100)}.btn-color-success:hover{background-color:var(--dda-color-success-40);border:solid 1px var(--dda-color-success-40)}.btn-color-success:focus{background-color:var(--dda-color-success-30);border:solid 1px var(--dda-color-success-30);outline:var(--dda-color-success-30)}.light-mode.btn-color-success{background-color:var(--dda-success-50);border:solid 1px var(--dda-success-50);color:var(--dda-success-100)}.light-mode.btn-color-success:hover{background-color:var(--dda-success-40);border:solid 1px var(--dda-success-40)}.light-mode.btn-color-success:focus{background-color:var(--dda-success-30);border:solid 1px var(--dda-success-30);outline:var(--dda-success-30)}.btn-color-warning{background-color:var(--dda-color-warning-50);border:solid 1px var(--dda-color-warning-50);color:var(--dda-on-warning-100)}.btn-color-warning:hover{background-color:var(--dda-color-warning-40);border:solid 1px var(--dda-color-warning-40);border-color:var(--dda-color-warning-40)}.btn-color-warning:focus{background-color:var(--dda-color-warning-30);border:solid 1px var(--dda-color-warning-30);outline:var(--dda-color-warning-30)}.light-mode.btn-color-warning{background-color:var(--dda-warning-50);border:solid 1px var(--dda-warning-50);color:var(--dda-warning-100)}.light-mode.btn-color-warning:hover{background-color:var(--dda-warning-40);border:solid 1px var(--dda-warning-40);border-color:var(--dda-warning-40)}.light-mode.btn-color-warning:focus{background-color:var(--dda-warning-30);border:solid 1px var(--dda-warning-30);outline:var(--dda-warning-30)}.btn-color-surface{background-color:var(--dda-surface-100);border:solid 1px var(--dda-surface-100);color:var(--dda-on-surface-0)}.btn-color-surface:hover{background-color:var(--dda-surface-94);border:solid 1px var(--dda-surface-94)}.btn-color-surface:focus{background-color:var(--dda-surface-92);border:solid 1px var(--dda-surface-92);outline:var(--dda-on-surface-20)}.light-mode.btn-color-surface{background-color:var(--dda-neutral-100);border:solid 1px var(--dda-neutral-100);color:var(--dda-neutral-0)}.light-mode.btn-color-surface:hover{background-color:var(--dda-neutral-94);border:solid 1px var(--dda-neutral-94)}.light-mode.btn-color-surface:focus{background-color:var(--dda-neutral-92);border:solid 1px var(--dda-neutral-92);outline:var(--dda-neutral-20)}.btn-color-surface-variant{background-color:var(--dda-on-surface-variant-30);border:solid 1px var(--dda-on-surface-variant-30);color:var(--dda-surface-variant-90)}.btn-color-surface-variant:hover{background-color:var(--dda-on-surface-variant-25);border:solid 1px var(--dda-on-surface-variant-25)}.btn-color-surface-variant:focus{background-color:var(--dda-on-surface-variant-20);border:solid 1px var(--dda-on-surface-variant-20);outline:var(--dda-on-surface-variant-20)}.light-mode.btn-color-surface-variant{background-color:var(--dda-neutral-variant-30);border:solid 1px var(--dda-neutral-variant-30);color:var(--dda-neutral-variant-90)}.light-mode.btn-color-surface-variant:hover{background-color:var(--dda-neutral-variant-25);border:solid 1px var(--dda-neutral-variant-25)}.light-mode.btn-color-surface-variant:focus{background-color:var(--dda-neutral-variant-20);border:solid 1px var(--dda-neutral-variant-20);outline:var(--dda-neutral-variant-20)}.btn-color-disabled{background-color:var(--dda-surface-92) !important;border:solid 1px var(--dda-surface-92) !important;color:var(--dda-neutral-60) !important;cursor:not-allowed}.light-mode.btn-color-disabled{background-color:var(--dda-neutral-92) !important;border:solid 1px var(--dda-neutral-92) !important;color:var(--dda-neutral-60) !important;cursor:not-allowed}.btn-size-sm{height:32px;padding:12px;font-size:var(--font-caption);gap:4px}.btn-size-md{height:40px;padding:8px 12px;font-size:var(--font-body);gap:4px}.btn-size-lg{height:48px;padding:10px 16px;font-size:var(--font-h6);gap:8px}.btn-size-xl{height:56px;padding:10px 24px;font-size:var(--font-h6);gap:8px}.icon-btn-default{height:44px;min-width:44px;padding:8px 0;border-radius:4px}.icon-btn-circle{height:44px;min-width:44px;padding:8px 0;border-radius:100px}.btn-shape-default{border-radius:4px}.btn-shape-circle{border-radius:100px}.icon-btn-default.btn-size-sm,.icon-btn-circle.btn-size-sm{height:40px;min-width:40px;padding:8px 0}.icon-btn-default.btn-size-md,.icon-btn-circle.btn-size-md{height:44px;min-width:44px;padding:10px 0}.icon-btn-default.btn-size-lg,.icon-btn-circle.btn-size-lg{height:48px;min-width:48px;padding:12px 0}.icon-btn-default.btn-size-xl,.icon-btn-circle.btn-size-xl{height:56px;min-width:56px;padding:16px 0}.dda-btn-icon i,.dda-btn-icon svg{font-size:var(--font-h6)}.dda-btn.btn-size-sm i,.dda-btn.btn-size-sm svg{font-size:var(--font-body)}.dda-split-btn{height:44px;font-family:var(--font-family-main);font-size:var(--font-body);font-weight:var(--font-weight-regular);padding:8px 12px;border-radius:8px;outline:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px}.split-btn-shape-default{border-radius:0px;border-end-start-radius:8px;border-start-start-radius:8px}.split-btn-shape-circle{border-radius:0px;border-end-start-radius:100px;border-start-start-radius:100px}";
+const DdaSplitButtonStyle0 = ddaSplitButtonCss;
+const DdaSplitButton = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.buttonClick = createEvent(this, "buttonClick", 7);
+        this.button_type = 'button';
+        this.disabled = false;
+        this.start_icon_family = '';
+        this.start_icon = '';
+        this.button_text = '';
+        this.aria_label = '';
+        this.button_color = 'primary';
+        this.button_shape = '';
+        this.icon_button_shape = '';
+        this.custom_class = '';
+        this.button_name = '';
+        this.handleClick = (event) => {
+            if (this.disabled)
+                return;
+            this.buttonClick.emit({
+                event,
+                id: this.button_id,
+                value: this.value,
+                name: this.button_name,
+            });
+        };
+    }
+    render() {
+        const buttonClass = [
+            'dda-split-btn',
+            `btn-color-${this.button_color}`,
+            this.size ? `btn-size-${this.size}` : '',
+            this.button_shape ? `split-btn-shape-${this.button_shape}` : '',
+            this.icon_button_shape ? `icon-btn-${this.icon_button_shape}` : '',
+            this.gap ? `dda-gap-${this.gap}` : '',
+            this.custom_class,
+            this.component_mode,
+        ]
+            .filter(Boolean)
+            .join(' ');
+        return (h(Host, { key: '4fa9e3147d92b59ff992c70abe60cc4e6cff2d8c' }, h("div", { key: 'd2151cf6cfbfa221e179f99fe1ab8cd3d7176388', class: "split-btn-container" }, h("button", { key: 'cfa584ca0cb7518a42b025b50c0966eb848922af', id: this.button_id, type: this.button_type, class: buttonClass, disabled: this.disabled, "aria-label": this.aria_label || this.button_text, name: this.button_name, value: this.value, onClick: this.handleClick }, this.start_icon && (h("i", { key: 'ce0e7e51be1d34a8beb6e0433591c4686302fa5b', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, this.start_icon)), this.button_text), h("button", { key: 'deffec49b0b519f81bab94322ae834849dbdc65e', class: "split-btn-arrow" }))));
+    }
+};
+DdaSplitButton.style = DdaSplitButtonStyle0;
+export { DdaSplitButton as dda_split_button };
+//# sourceMappingURL=dda-split-button.entry.js.map

package/dist/esm/dda-split-button.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"dda-split-button.entry.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,o/aAAo/a,CAAC;AAC/gb,6BAAe,iBAAiB;;MCMnB,cAAc;IAL3B;;;QAMU,gBAAW,GAAW,QAAQ,CAAC;QAC/B,aAAQ,GAAY,KAAK,CAAC;QAC1B,sBAAiB,GAAW,EAAE,CAAC;QAC/B,eAAU,GAAW,EAAE,CAAC;QACxB,gBAAW,GAAW,EAAE,CAAC;QACzB,eAAU,GAAY,EAAE,CAAC;QACzB,iBAAY,GAAW,SAAS,CAAC;QAEjC,iBAAY,GAAY,EAAE,CAAC;QAC3B,sBAAiB,GAAY,EAAE,CAAC;QAEhC,iBAAY,GAAY,EAAE,CAAC;QAG3B,gBAAW,GAAY,EAAE,CAAC;QAK1B,gBAAW,GAAG,CAAC,KAAiB;YACtC,IAAI,IAAI,CAAC,QAAQ;gBAAE,OAAO;YAE1B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;gBACpB,KAAK;gBACL,EAAE,EAAE,IAAI,CAAC,SAAS;gBAClB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,IAAI,EAAE,IAAI,CAAC,WAAW;aACvB,CAAC,CAAC;SACJ,CAAC;KA6CH;IA1CC,MAAM;QACJ,MAAM,WAAW,GAAG;YAClB,eAAe;YACf,aAAa,IAAI,CAAC,YAAY,EAAE;YAChC,IAAI,CAAC,IAAI,GAAG,YAAY,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE;YACxC,IAAI,CAAC,YAAY,GAAG,mBAAmB,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE;YAC/D,IAAI,CAAC,iBAAiB,GAAG,YAAY,IAAI,CAAC,iBAAiB,EAAE,GAAG,EAAE;YAClE,IAAI,CAAC,GAAG,GAAG,WAAW,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE;YACrC,IAAI,CAAC,YAAY;YACjB,IAAI,CAAC,cAAc;SACpB;aAEA,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,CAAC;QAEX,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,qBAAqB,IAC5B,+DACA,EAAE,EAAE,IAAI,CAAC,SAAS,EAClB,IAAI,EAAE,IAAI,CAAC,WAAW,EACtB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,IAAI,CAAC,QAAQ,gBACX,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,WAAW,EAC/C,IAAI,EAAE,IAAI,CAAC,WAAW,EACtB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,WAAW,IAExB,IAAI,CAAC,UAAU,KACZ,0DAAG,KAAK,EAAC,0CAA0C,iBAAa,MAAM,IACrE,IAAI,CAAC,UAAU,CACZ,CACP,EACA,IAAI,CAAC,WAAW,CACR,EACT,+DAAQ,KAAK,EAAC,iBAAiB,GAEtB,CACP,CACD,EACP;KACH;;;;;;","names":[],"sources":["src/components/dda-split-button/dda-split-button.css?tag=dda-split-button","src/components/dda-split-button/dda-split-button.tsx"],"sourcesContent":[".dda-btn {\r\n height: 44px;\r\n font-family: var(--font-family-main);\r\n font-size: var(--font-body);\r\n font-weight: var(--font-weight-regular);\r\n padding: 8px 12px;\r\n border-radius: 8px;\r\n outline: 0;\r\n cursor: pointer;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 4px;\r\n }\r\n/**/\r\n.btn-color-default-primary{\r\n background-color: var(--dda-color-primary-40);\r\n border: solid 1px var(--dda-color-primary-40);\r\n color: var(--dda-on-primary-100);\r\n}\r\n.btn-color-default-primary:hover {\r\n background-color: var(--dda-on-primary-variant-30);\r\n border: solid 1px var(--dda-on-primary-variant-30);\r\n}\r\n.btn-color-default-primary:focus {\r\n background-color: var(--dda-on-primary-variant-20);\r\n outline: var(--dda-on-primary-variant-20);\r\n}\r\n/*light*/\r\n.light-mode.btn-color-default-primary,\r\n.light-mode .btn-color-default-primary{\r\n background-color: var(--dda-primary-40);\r\n border: solid 1px var(--dda-primary-40);\r\n color: var(--dda-primary-100);\r\n}\r\n.light-mode.btn-color-default-primary:hover,\r\n.light-mode .btn-color-default-primary:hover {\r\n background-color: var(--dda-primary-30);\r\n border: solid 1px var(--dda-primary-30);\r\n}\r\n.light-mode.btn-color-default-primary:focus,\r\n.light-mode .btn-color-default-primary:focus {\r\n background-color: var(--dda-primary-20);\r\n outline: var(--dda-primary-20);\r\n}\r\n/**/\r\n\r\n\r\n.btn-color-default-secondary {\r\n background-color: var(--dda-on-primary-98);\r\n border: solid 1px var(--dda-on-primary-98);\r\n color: var(--dda-color-primary-40);\r\n}\r\n.btn-color-default-secondary:hover {\r\n background-color: var(--dda-on-primary-94);\r\n border: solid 1px var(--dda-on-primary-94);\r\n}\r\n.btn-color-default-secondary:focus {\r\n background-color: var(--dda-primary-variant-92);\r\n outline: var(--dda-primary-variant-92);\r\n}\r\n/*light*/\r\n.light-mode.btn-color-default-secondary {\r\n background-color: var(--dda-primary-98);\r\n border: solid 1px var(--dda-primary-98);\r\n color: var(--dda-primary-40);\r\n}\r\n.light-mode.btn-color-default-secondary:hover {\r\n background-color: var(--dda-primary-94);\r\n border: solid 1px var(--dda-primary-94);\r\n}\r\n.light-mode.btn-color-default-secondary:focus {\r\n background-color: var(--dda-primary-92);\r\n outline: var(--dda-primary-92);\r\n}\r\n/**/\r\n\r\n\r\n.btn-color-default-tertiary {\r\n background-color: var(--dda-surface-100);\r\n border: solid 1px var(--dda-surface-90);\r\n color: var(--dda-color-primary-40)\r\n}\r\n.btn-color-default-tertiary:hover {\r\n background-color: var(--dda-on-primary-98);\r\n}\r\n.btn-color-default-tertiary:focus {\r\n background-color: var(--dda-on-primary-96);\r\n}\r\n/*light*/\r\n.light-mode.btn-color-default-tertiary {\r\n background-color: var(--dda-neutral-100);\r\n border: solid 1px var(--dda-neutral-90);\r\n color: var(--dda-primary-40)\r\n}\r\n.light-mode.btn-color-default-tertiary:hover {\r\n background-color: var(--dda-primary-98);\r\n}\r\n.light-mode.btn-color-default-tertiary:focus {\r\n background-color: var(--dda-primary-96);\r\n}\r\n/**/\r\n\r\n\r\n.btn-color-default-link {\r\n height: auto !important;\r\n background-color: transparent !important;\r\n border: transparent !important;\r\n color: var(--dda-color-primary-40);\r\n padding: 0px !important;\r\n}\r\n.light-mode.btn-color-default-link {\r\n color: var(--dda-primary-40);\r\n}\r\n.btn-color-default-link:focus{\r\n outline: auto;\r\n}\r\n/**/\r\n\r\n\r\n.btn-color-error-primary {\r\n background-color: var(--dda-color-error-40);\r\n border: solid 1px var(--dda-color-error-40);\r\n color: var(--dda-on-primary-100);\r\n}\r\n.btn-color-error-primary:hover {\r\n background-color: var(--dda-color-error-40);\r\n border: solid 1px var(--dda-color-error-40);\r\n}\r\n.btn-color-error-primary:focus {\r\n background-color: var(--dda-color-error-30);\r\n border: solid 1px var(--dda-color-error-30);\r\n outline: var(--dda-color-error-30);\r\n}\r\n/*light*/\r\n.light-mode.btn-color-error-primary {\r\n background-color: var(--dda-error-40);\r\n border: solid 1px var(--dda-error-40);\r\n color: var(--dda-primary-100);\r\n}\r\n.light-mode.btn-color-error-primary:hover {\r\n background-color: var(--dda-error-40);\r\n border: solid 1px var(--dda-error-40);\r\n}\r\n.light-mode.btn-color-error-primary:focus {\r\n background-color: var(--dda-error-30);\r\n border: solid 1px var(--dda-error-30);\r\n outline: var(--dda-error-30);\r\n}\r\n/**/\r\n\r\n\r\n.btn-color-error-secondary {\r\n background-color: var(--dda-error-variant-95);\r\n border: solid 1px var(--dda-error-variant-95);\r\n color: var(--dda-color-error-40);\r\n}\r\n.btn-color-error-secondary:hover {\r\n background-color: var(--dda-on-error-98);\r\n border: solid 1px var(--dda-on-error-98);\r\n}\r\n.btn-color-error-secondary:focus {\r\n background-color: var(--dda-on-error-96);\r\n border: solid 1px var(--dda-on-error-96);\r\n}\r\n/*light*/\r\n.light-mode.btn-color-error-secondary {\r\n background-color: var(--dda-error-95);\r\n border: solid 1px var(--dda-error-95);\r\n color: var(--dda-error-40);\r\n}\r\n.light-mode.btn-color-error-secondary:hover {\r\n background-color: var(--dda-error-98);\r\n border: solid 1px var(--dda-error-98);\r\n}\r\n.light-mode.btn-color-error-secondary:focus {\r\n background-color: var(--dda-error-96);\r\n border: solid 1px var(--dda-error-96);\r\n}\r\n/**/\r\n\r\n\r\n.btn-color-error-tertiary {\r\n background-color: var(--dda-surface-100);\r\n border: solid 1px var(--dda-surface-90);\r\n color: var(--dda-color-error-40);\r\n}\r\n.btn-color-error-tertiary:hover {\r\n background-color: var(--dda-on-error-98);\r\n}\r\n.btn-color-error-tertiary:focus {\r\n background-color: var(--dda-on-error-96);\r\n}\r\n/*light*/\r\n.light-mode.btn-color-error-tertiary {\r\n background-color: var(--dda-neutral-100);\r\n border: solid 1px var(--dda-neutral-90);\r\n color: var(--dda-error-40);\r\n}\r\n.light-mode.btn-color-error-tertiary:hover {\r\n background-color: var(--dda-error-98);\r\n}\r\n.light-mode.btn-color-error-tertiary:focus {\r\n background-color: var(--dda-error-96);\r\n}\r\n/**/\r\n\r\n\r\n.btn-color-error-link {\r\n height: auto !important;\r\n background-color: transparent !important;\r\n border: transparent !important;\r\n color: var(--dda-color-error-40);\r\n padding: 0px !important;\r\n}\r\n.light-mode.btn-color-error-link {\r\n color: var(--dda-error-40);\r\n}\r\n.btn-color-error-link:focus{\r\n outline: auto;\r\n}\r\n/**/\r\n\r\n\r\n.btn-color-onsurface-primary {\r\n background-color: var(--dda-on-surface-0);\r\n border: solid 1px var(--dda-on-surface-0);\r\n color: var(--dda-surface-100);\r\n}\r\n.btn-color-onsurface-primary:hover {\r\n background-color: var(--dda-on-surface-20);\r\n border: solid 1px var(--dda-on-surface-20);\r\n}\r\n.btn-color-onsurface-primary:focus {\r\n background-color: var(--dda-on-surface-30);\r\n border: solid 1px var(--dda-on-surface-30);\r\n}\r\n/*light*/\r\n.light-mode.btn-color-onsurface-primary {\r\n background-color: var(--dda-neutral-0);\r\n border: solid 1px var(--dda-neutral-0);\r\n color: var(--dda-neutral-100);\r\n}\r\n.light-mode.btn-color-onsurface-primary:hover {\r\n background-color: var(--dda-neutral-20);\r\n border: solid 1px var(--dda-neutral-20);\r\n}\r\n.light-mode.btn-color-onsurface-primary:focus {\r\n background-color: var(--dda-neutral-30);\r\n border: solid 1px var(--dda-neutral-30);\r\n}\r\n/**/\r\n\r\n.btn-color-onsurface-secondary {\r\n background-color: var(--dda-surface-96);\r\n border: solid 1px var(--dda-surface-96);\r\n color: var(--dda-on-surface-0);\r\n}\r\n.btn-color-onsurface-secondary:hover {\r\n background-color: var(--dda-surface-94);\r\n border: solid 1px var(--dda-surface-94);\r\n}\r\n.btn-color-onsurface-secondary:focus {\r\n background-color: var(--dda-surface-92);\r\n border: solid 1px var(--dda-surface-92);\r\n}\r\n/*light*/\r\n.light-mode.btn-color-onsurface-secondary {\r\n background-color: var(--dda-neutral-96);\r\n border: solid 1px var(--dda-neutral-96);\r\n color: var(--dda-neutral-0);\r\n}\r\n.light-mode.btn-color-onsurface-secondary:hover {\r\n background-color: var(--dda-neutral-94);\r\n border: solid 1px var(--dda-neutral-94);\r\n}\r\n.light-mode.btn-color-onsurface-secondary:focus {\r\n background-color: var(--dda-neutral-92);\r\n border: solid 1px var(--dda-neutral-92);\r\n}\r\n/**/\r\n\r\n.btn-color-onsurface-tertiary {\r\n background-color: var(--dda-surface-100);\r\n border: solid 1px var(--dda-surface-90);\r\n color: var(--dda-on-surface-0);\r\n}\r\n.btn-color-onsurface-tertiary:hover {\r\n background-color: var(--dda-surface-94);\r\n}\r\n.btn-color-onsurface-tertiary:focus {\r\n background-color: var(--dda-surface-90);\r\n}\r\n/*light*/\r\n.light-mode.btn-color-onsurface-tertiary {\r\n background-color: var(--dda-neutral-100);\r\n border: solid 1px var(--dda-neutral-90);\r\n color: var(--dda-neutral-0);\r\n}\r\n.light-mode.btn-color-onsurface-tertiary:hover {\r\n background-color: var(--dda-neutral-94);\r\n}\r\n.light-mode.btn-color-onsurface-tertiary:focus {\r\n background-color: var(--dda-neutral-90);\r\n}\r\n/**/\r\n\r\n.btn-color-onsurface-link {\r\n height: auto !important;\r\n background-color: transparent !important;\r\n border: transparent !important;\r\n color: var(--dda-on-surface-0);\r\n padding: 0px !important;\r\n}\r\n.light-mode.btn-color-onsurface-link {\r\n color: var(--dda-neutral-0);\r\n}\r\n.btn-color-onsurface-link:focus{\r\n outline: auto;\r\n}\r\n/**/\r\n\r\n.btn-color-secondary {\r\n background-color: var(--dda-color-secondary-40);\r\n border: solid 1px var(--dda-color-secondary-40);\r\n color: var(--dda-on-secondary-100);\r\n}\r\n.btn-color-secondary:hover {\r\n background-color: var(--dda-color-secondary-30);\r\n border: solid 1px var(--dda-color-secondary-30);\r\n}\r\n.btn-color-secondary:focus {\r\n background-color: var(--dda-color-secondary-20);\r\n border: solid 1px var(--dda-color-secondary-20);\r\n outline: var(--dda-color-secondary-20);\r\n}\r\n/*light*/\r\n.light-mode.btn-color-secondary {\r\n background-color: var(--dda-secondary-40);\r\n border: solid 1px var(--dda-secondary-40);\r\n color: var(--dda-secondary-100);\r\n}\r\n.light-mode.btn-color-secondary:hover {\r\n background-color: var(--dda-secondary-30);\r\n border: solid 1px var(--dda-secondary-30);\r\n}\r\n.light-mode.btn-color-secondary:focus {\r\n background-color: var(--dda-secondary-20);\r\n border: solid 1px var(--dda-secondary-20);\r\n outline: var(--dda-secondary-20);\r\n}\r\n/**/\r\n\r\n.btn-color-success {\r\n background-color: var(--dda-color-success-50);\r\n border: solid 1px var(--dda-color-success-50);\r\n color: var(--dda-on-success-100);\r\n}\r\n.btn-color-success:hover {\r\n background-color: var(--dda-color-success-40);\r\n border: solid 1px var(--dda-color-success-40);\r\n}\r\n.btn-color-success:focus {\r\n background-color: var(--dda-color-success-30);\r\n border: solid 1px var(--dda-color-success-30);\r\n outline: var(--dda-color-success-30);\r\n}\r\n/*light*/\r\n.light-mode.btn-color-success {\r\n background-color: var(--dda-success-50);\r\n border: solid 1px var(--dda-success-50);\r\n color: var(--dda-success-100);\r\n}\r\n.light-mode.btn-color-success:hover {\r\n background-color: var(--dda-success-40);\r\n border: solid 1px var(--dda-success-40);\r\n}\r\n.light-mode.btn-color-success:focus {\r\n background-color: var(--dda-success-30);\r\n border: solid 1px var(--dda-success-30);\r\n outline: var(--dda-success-30);\r\n}\r\n/**/\r\n\r\n.btn-color-warning {\r\n background-color: var(--dda-color-warning-50);\r\n border: solid 1px var(--dda-color-warning-50);\r\n color: var(--dda-on-warning-100);\r\n}\r\n.btn-color-warning:hover {\r\n background-color: var(--dda-color-warning-40);\r\n border: solid 1px var(--dda-color-warning-40);\r\n border-color: var(--dda-color-warning-40);\r\n}\r\n.btn-color-warning:focus {\r\n background-color: var(--dda-color-warning-30);\r\n border: solid 1px var(--dda-color-warning-30);\r\n outline: var(--dda-color-warning-30);\r\n}\r\n/*light*/\r\n.light-mode.btn-color-warning {\r\n background-color: var(--dda-warning-50);\r\n border: solid 1px var(--dda-warning-50);\r\n color: var(--dda-warning-100);\r\n}\r\n.light-mode.btn-color-warning:hover {\r\n background-color: var(--dda-warning-40);\r\n border: solid 1px var(--dda-warning-40);\r\n border-color: var(--dda-warning-40);\r\n}\r\n.light-mode.btn-color-warning:focus {\r\n background-color: var(--dda-warning-30);\r\n border: solid 1px var(--dda-warning-30);\r\n outline: var(--dda-warning-30);\r\n}\r\n/**/\r\n\r\n.btn-color-surface {\r\n background-color: var(--dda-surface-100);\r\n border: solid 1px var(--dda-surface-100);\r\n color: var(--dda-on-surface-0);\r\n}\r\n.btn-color-surface:hover {\r\n background-color: var(--dda-surface-94);\r\n border: solid 1px var(--dda-surface-94);\r\n}\r\n.btn-color-surface:focus {\r\n background-color: var(--dda-surface-92);\r\n border: solid 1px var(--dda-surface-92);\r\n outline: var(--dda-on-surface-20);\r\n}\r\n/*light*/\r\n.light-mode.btn-color-surface {\r\n background-color: var(--dda-neutral-100);\r\n border: solid 1px var(--dda-neutral-100);\r\n color: var(--dda-neutral-0);\r\n}\r\n.light-mode.btn-color-surface:hover {\r\n background-color: var(--dda-neutral-94);\r\n border: solid 1px var(--dda-neutral-94);\r\n}\r\n.light-mode.btn-color-surface:focus {\r\n background-color: var(--dda-neutral-92);\r\n border: solid 1px var(--dda-neutral-92);\r\n outline: var(--dda-neutral-20);\r\n}\r\n/**/\r\n\r\n.btn-color-surface-variant {\r\n background-color: var(--dda-on-surface-variant-30);\r\n border: solid 1px var(--dda-on-surface-variant-30);\r\n color: var(--dda-surface-variant-90);\r\n}\r\n.btn-color-surface-variant:hover {\r\n background-color: var(--dda-on-surface-variant-25);\r\n border: solid 1px var(--dda-on-surface-variant-25);\r\n}\r\n.btn-color-surface-variant:focus {\r\n background-color: var(--dda-on-surface-variant-20);\r\n border: solid 1px var(--dda-on-surface-variant-20);\r\n outline: var(--dda-on-surface-variant-20);\r\n}\r\n/*light*/\r\n.light-mode.btn-color-surface-variant {\r\n background-color: var(--dda-neutral-variant-30);\r\n border: solid 1px var(--dda-neutral-variant-30);\r\n color: var(--dda-neutral-variant-90);\r\n}\r\n.light-mode.btn-color-surface-variant:hover {\r\n background-color: var(--dda-neutral-variant-25);\r\n border: solid 1px var(--dda-neutral-variant-25);\r\n}\r\n.light-mode.btn-color-surface-variant:focus {\r\n background-color: var(--dda-neutral-variant-20);\r\n border: solid 1px var(--dda-neutral-variant-20);\r\n outline: var(--dda-neutral-variant-20);\r\n}\r\n/**/\r\n\r\n.btn-color-disabled {\r\n background-color: var(--dda-surface-92) !important;\r\n border: solid 1px var(--dda-surface-92) !important;\r\n color: var(--dda-neutral-60) !important;\r\n cursor: not-allowed;\r\n}\r\n.light-mode.btn-color-disabled {\r\n background-color: var(--dda-neutral-92) !important;\r\n border: solid 1px var(--dda-neutral-92) !important;\r\n color: var(--dda-neutral-60) !important;\r\n cursor: not-allowed;\r\n}\r\n/**/\r\n\r\n.btn-size-sm {\r\n height: 32px;\r\n padding: 12px;\r\n font-size: var(--font-caption);\r\n gap: 4px;\r\n}\r\n\r\n.btn-size-md {\r\n height: 40px;\r\n padding: 8px 12px;\r\n font-size: var(--font-body);\r\n gap: 4px;\r\n}\r\n\r\n.btn-size-lg {\r\n height: 48px;\r\n padding: 10px 16px;\r\n font-size: var(--font-h6);\r\n gap: 8px;\r\n}\r\n\r\n.btn-size-xl {\r\n height: 56px;\r\n padding: 10px 24px;\r\n font-size: var(--font-h6);\r\n gap: 8px;\r\n}\r\n\r\n.icon-btn-default {\r\n height: 44px;\r\n min-width: 44px;\r\n padding: 8px 0;\r\n border-radius: 4px;\r\n}\r\n\r\n.icon-btn-circle {\r\n height: 44px;\r\n min-width: 44px;\r\n padding: 8px 0;\r\n border-radius: 100px;\r\n}\r\n\r\n.btn-shape-default {\r\n border-radius: 4px;\r\n}\r\n\r\n.btn-shape-circle {\r\n border-radius: 100px;\r\n}\r\n\r\n.icon-btn-default.btn-size-sm,\r\n.icon-btn-circle.btn-size-sm {\r\n height: 40px;\r\n min-width: 40px;\r\n padding: 8px 0;\r\n}\r\n\r\n.icon-btn-default.btn-size-md,\r\n.icon-btn-circle.btn-size-md {\r\n height: 44px;\r\n min-width: 44px;\r\n padding: 10px 0;\r\n}\r\n\r\n.icon-btn-default.btn-size-lg,\r\n.icon-btn-circle.btn-size-lg {\r\n height: 48px;\r\n min-width: 48px;\r\n padding: 12px 0;\r\n}\r\n\r\n.icon-btn-default.btn-size-xl,\r\n.icon-btn-circle.btn-size-xl {\r\n height: 56px;\r\n min-width: 56px;\r\n padding: 16px 0;\r\n}\r\n\r\n.dda-btn-icon i,\r\n.dda-btn-icon svg {\r\n font-size: var(--font-h6);\r\n}\r\n\r\n.dda-btn.btn-size-sm i,\r\n.dda-btn.btn-size-sm svg{\r\n font-size: var(--font-body);\r\n}\r\n\r\n\r\n/********Split Button********/\r\n.dda-split-btn {\r\n height: 44px;\r\n font-family: var(--font-family-main);\r\n font-size: var(--font-body);\r\n font-weight: var(--font-weight-regular);\r\n padding: 8px 12px;\r\n border-radius: 8px;\r\n outline: 0;\r\n cursor: pointer;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 4px;\r\n}\r\n.split-btn-shape-default {\r\n border-radius: 0px;\r\n border-end-start-radius: 8px;\r\n border-start-start-radius: 8px;\r\n}\r\n.split-btn-shape-circle {\r\n border-radius: 0px;\r\n border-end-start-radius: 100px;\r\n border-start-start-radius: 100px;\r\n}","import { Host, Component, Prop, h, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-split-button',\r\n styleUrls: ['dda-split-button.css'],\r\n shadow: false,\r\n})\r\nexport class DdaSplitButton {\r\n @Prop() button_type: string = 'button';\r\n @Prop() disabled: boolean = false;\r\n @Prop() start_icon_family: string = '';\r\n @Prop() start_icon: string = '';\r\n @Prop() button_text: string = '';\r\n @Prop() aria_label?: string = '';\r\n @Prop() button_color: string = 'primary';\r\n @Prop() size?: string;\r\n @Prop() button_shape?: string = '';\r\n @Prop() icon_button_shape?: string = '';\r\n @Prop() gap?: number;\r\n @Prop() custom_class?: string = '';\r\n @Prop() component_mode?: string;\r\n @Prop() button_id: string;\r\n @Prop() button_name?: string = '';\r\n @Prop() value?: string;\r\n\r\n @Event() buttonClick: EventEmitter<{ event: MouseEvent, id: string, value: string, name: string }>;\r\n\r\n private handleClick = (event: MouseEvent) => {\r\n if (this.disabled) return;\r\n\r\n this.buttonClick.emit({\r\n event,\r\n id: this.button_id,\r\n value: this.value,\r\n name: this.button_name,\r\n });\r\n };\r\n \r\n\r\n render() {\r\n const buttonClass = [\r\n 'dda-split-btn',\r\n `btn-color-${this.button_color}`,\r\n this.size ? `btn-size-${this.size}` : '',\r\n this.button_shape ? `split-btn-shape-${this.button_shape}` : '',\r\n this.icon_button_shape ? `icon-btn-${this.icon_button_shape}` : '',\r\n this.gap ? `dda-gap-${this.gap}` : '',\r\n this.custom_class,\r\n this.component_mode,\r\n ]\r\n \r\n .filter(Boolean)\r\n .join(' ');\r\n\r\n return (\r\n <Host>\r\n <div class=\"split-btn-container\">\r\n <button\r\n id={this.button_id}\r\n type={this.button_type}\r\n class={buttonClass}\r\n disabled={this.disabled}\r\n aria-label={this.aria_label || this.button_text}\r\n name={this.button_name}\r\n value={this.value}\r\n onClick={this.handleClick}\r\n >\r\n {this.start_icon && (\r\n <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">\r\n {this.start_icon}\r\n </i>\r\n )}\r\n {this.button_text}\r\n </button>\r\n <button class=\"split-btn-arrow\">\r\n \r\n </button>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}

package/dist/esm/dda-sticky-footer.entry.js CHANGED Viewed

@@ -80,7 +80,7 @@ const DdaStickyFooter = class {
     render() {
         const footmiddlesection = this.parseJsonArray(this.middleLink);
         const footrightsection = this.parseJsonArray(this.rightLink);
-        return (h("div", { key: 'f2dae2f648153882e10218c616d18261b7e283a1', class: { 'dda-footer': true, 'hidden': this.isHidden } }, h("div", { key: '8420c243926f1c63907cb22a707641edcf1a9bed', class: "footer-content" }, h("div", { key: 'ecfadc0c7e85fbb3745c79be4f3db9ee593b2d6a', class: "dda-footer-item dda-footer-left" }, h("ul", { key: '6b0a4e16c039a240e9d0f8f1d0ba6e0ee04c1aaa' }, this.happinessIconSrc && (h("li", { key: '167da6a962880071b1fc9b8d9993dba1a773ac66', class: "foot-icon-btn" }, h("dda-tooltip", { key: '83eb322dcd0ea3b6531d5b4a50947945893ae172', title_text: this.happinessIconTooltip, description: "", position: "top" }, h("a", { key: '80ad25f72680d7bfc22652b49863f5dd719fae24', href: this.happinessIconHref, id: this.happinessIconId, onClick: this.happinessIconClick }, h("img", { key: 'a385bb74233d10e8d824ef6409e5a1dc00b02e9d', src: this.colorTheme == 'light' ? this.happinessIconSrc : this.happinessIconSrcDark, alt: this.happinessIconAlt }), h("span", { key: 'ba726eb21a4a3ad632611f77474d6c950810373d', class: "visually-hidden" }, this.happinessIconTooltip))))), this.accessibilityIconSrc && (h("li", { key: 'aa5930ec1d62349e6d2388fe6b83650d7c48a9f1', class: "foot-icon-btn" }, h("dda-tooltip", { key: 'dfadd4b1ff74179320fdeb756b60f57edef772ad', title_text: this.accessibilityIconTooltip, description: "", position: "top" }, h("a", { key: '89bc609cc7b3a913d658b25337bd042717ad4e9f', href: this.accessibilityIconHref, id: this.accessibilityIconId, onClick: this.accessibilityIconClick }, h("img", { key: 'e9d7662edf3b521668f5b8338ee017bdab542493', src: this.colorTheme == 'light' ? this.accessibilityIconSrc : this.accessibilityIconSrcDark, alt: this.accessibilityIconAlt }), h("span", { key: 'f75abbde98c7ad6fe807c19c2558603ac04abb25', class: "visually-hidden" }, this.accessibilityIconTooltip))))), this.servicesIconText && (h("li", { key: '05a73f88db125e48136b477148ace14e09fdd9d9', class: "foot-icon-btn" }, h("dda-tooltip", { key: 'a434cbd52e6fa31e1c5c6732cadb2feb537be4a4', title_text: this.servicesIconTooltip, description: "", position: "top" }, h("a", { key: '1ccb702efabd0e80cb951eb053b822b6c8d5bdb5', href: this.servicesIconHref, id: this.servicesIconId, onClick: this.servicesIconClick }, h("img", { key: '943d90b2e42d7e08ff13aa39fe7e259a6332cad9', src: this.colorTheme == 'light' ? this.servicesIconSrc : this.servicesIconSrcDark, alt: this.servicesIconAlt }), h("span", { key: '1f4e571909b037b2159953395e63a8eb48ec0999' }, this.servicesIconText))))))), !this.hideMiddleSection && (h("div", { key: 'eeac2e27968cb93e2ff026474d8021d91ae08651', class: "dda-footer-item dda-footer-middle" }, h("ul", { key: 'a8f00c9c4b39d99db8724d19bf3ffba5e166b13d', class: "foot-logo" }, footmiddlesection.map((middleItem, index) => (h("li", { key: index }, h("dda-tooltip", { title_text: middleItem.LogoTooltip, description: "", position: "top" }, h("a", { href: middleItem.href, onClick: () => this.middleItemClick(middleItem) }, h("img", { src: this.colorTheme == 'light' ? middleItem.src : middleItem.srcDark, alt: middleItem.alt }), h("span", { class: "visually-hidden" }, middleItem.LogoTooltip))))))))), h("div", { key: '1abe68173db66c995b7f116597592932ac1df91f', class: "dda-footer-item dda-footer-right" }, h("ul", { key: 'f5560e8a5a277be0319ed86a94473eeb15b63722', class: "foot-right_links" }, footrightsection.map((rightItem, index) => (h("li", { class: "foot-icon-btn", key: index }, h("dda-tooltip", { title_text: rightItem.RightLinkTooltip, description: "", position: "top" }, h("a", { href: rightItem.href, title: rightItem.title, "aria-label": `${rightItem.IconName} ${rightItem.LinkText}`, id: rightItem.itemId, onClick: () => this.rightItemClick(rightItem) }, h("i", { class: rightItem.IconFamily }, rightItem.IconName), h("span", null, rightItem.LinkText)))))), this.dubaiaeIconSrc && this.dubaiaeIconSmallSrc && (h("li", { key: 'decff51b8733c9bccf97086fdeeeae33e9d544bf', class: "foot-icon-btn" }, h("dda-tooltip", { key: '0dfa3fc3b7d8f1681f4c5ad18d016be3216734ea', title_text: this.dubaiaeIconTooltip, description: "", position: "top" }, h("a", { key: '4fc3b4b938660f2f7f88290eeba99ded7cbedab9', href: this.dubaiaeIconHref, onClick: this.dubaiAEClick, id: this.dubaiaeIconId }, h("img", { key: 'c4079f5131e8afdd99b42d97154494a0985dabf1', class: "dubaiae-text-icon", src: this.colorTheme == 'light' ? this.dubaiaeIconSrc : this.dubaiaeIconSrcDark, alt: `${this.dubaiaeIconAlt} icon desktop` }), h("img", { key: '5027a7c52e5c35286ec7cd99c577960b5a953ab9', class: "dubaiae-small-icon", src: this.dubaiaeIconSmallSrc, alt: `${this.dubaiaeIconAlt} icon mobile` }), h("span", { key: 'ca47a79c32d5f44b87b06bd44a945a156aecdccf', class: "visually-hidden" }, this.dubaiaeIconTooltip))))), this.aiIconSrc && (h("li", { key: '7d0b0760fe05ac434757dcb9b16f08253b279984', class: "foot-icon-btn" }, h("dda-tooltip", { key: '04c19c452b17d28e8bc3f7489af5b55eadad931b', title_text: this.aiIconTooltip, description: "", position: "top" }, h("a", { key: '4d446f90cf9c8e798bf44ec232990fe5ed879c84', href: this.aiIconHref, onClick: this.aiIconClick, id: this.aiIconId }, h("img", { key: '392a3d0891c6e5f5d3130f6802ad065e3cae204f', src: this.colorTheme == 'light' ? this.aiIconSrc : this.aiIconSrcDark, alt: this.aiIconAlt }), h("span", { key: 'd7ca1d2e50a1dc1e9db36ea89efffe2397478958', class: "visually-hidden" }, this.aiIconTooltip))))), this.chatIconSrc && (h("li", { key: '1dfdf25a49b5be0f9d18558408f4fad8bc65a1c5', class: "foot-icon-btn" }, h("dda-tooltip", { key: '3d65d37c88c1c5921733d0cb191236f9ee3ebc47', title_text: this.chatIconTooltip, description: "", position: "top" }, h("a", { key: 'bab41d319f703aa55ba314c7d3754cfd8b37fcb3', href: this.chatIconHref, onClick: this.chatIconClick, id: this.chatIconId }, h("img", { key: '7c564be67f0d0154e152d347675e1fa0916fab32', src: this.colorTheme == 'light' ? this.chatIconSrc : this.chatIconSrcDark, alt: this.chatIconAlt }), h("span", { key: '51e8956b7a6826da9069bf140521ec6758c3a9b4', class: "visually-hidden" }, this.chatIconTooltip)))))), h("button", { key: '12443c9cb4d3b30feacbd13a4d4cd81ec0e5ae41', type: "button", class: "show-right-icon", onClick: this.toggleFooterIcons }, h("i", { key: '5eea7473c297f7e4b8979a519da1f7d1645920a1', class: this.moreIconFamily }, this.moreIcon))))));
+        return (h("div", { key: '95efee7973feff76b7a1ddfa9fba5fb1d45f1b3b', class: { 'dda-footer': true, 'hidden': this.isHidden } }, h("div", { key: '1e3ab5c919a033bf29e88ec4fb3b0a2876eee5d2', class: "footer-content" }, h("div", { key: '01f21c2537d9fe164a0f939fdeed2d277201d3d5', class: "dda-footer-item dda-footer-left" }, h("ul", { key: 'ecb8a26cf343c1bbc70746bff068eb94607ba0bc' }, this.happinessIconSrc && (h("li", { key: 'c278cf1dc53e641abc7cffbc8d1429cdea1a00f8', class: "foot-icon-btn" }, h("dda-tooltip", { key: '1360e509accc4c341d4ed0ae1483e4317094cde2', title_text: this.happinessIconTooltip, description: "", position: "top" }, h("a", { key: 'b1e2ed419289fd9a455d4a96338c94ba51272347', href: this.happinessIconHref, id: this.happinessIconId, onClick: this.happinessIconClick }, h("img", { key: '77348880a412126358c812b879a333545f264b10', src: this.colorTheme == 'light' ? this.happinessIconSrc : this.happinessIconSrcDark, alt: this.happinessIconAlt }), h("span", { key: '278a3aff163a7dde55b4ec91ff45a5d2cac71eed', class: "visually-hidden" }, this.happinessIconTooltip))))), this.accessibilityIconSrc && (h("li", { key: '7f6f00c3eae0fd0dcabdda947751e95f039114ff', class: "foot-icon-btn" }, h("dda-tooltip", { key: '381638253927a84291478679f3fc100a151c01c7', title_text: this.accessibilityIconTooltip, description: "", position: "top" }, h("a", { key: '8379824009617bcd41ca32486fc19e168fb0e10e', href: this.accessibilityIconHref, id: this.accessibilityIconId, onClick: this.accessibilityIconClick }, h("img", { key: 'f826744d391b0ebdb292fd54337e4e8fafbaa527', src: this.colorTheme == 'light' ? this.accessibilityIconSrc : this.accessibilityIconSrcDark, alt: this.accessibilityIconAlt }), h("span", { key: '5583a046cc7d4623dba6017f0d1d8af8b73e4a5f', class: "visually-hidden" }, this.accessibilityIconTooltip))))), this.servicesIconText && (h("li", { key: 'f1aa856dbef7ed95dfefb6e1896b6102ced3a50b', class: "foot-icon-btn" }, h("dda-tooltip", { key: 'b046c2c2ba429c9a2218633733c229f661dd38d9', title_text: this.servicesIconTooltip, description: "", position: "top" }, h("a", { key: 'a0e4b0aecd9d5903074b0f02709f9b273216d1ab', href: this.servicesIconHref, id: this.servicesIconId, onClick: this.servicesIconClick }, h("img", { key: '71835647960d328c004758b1619d7a1c5f12e8b1', src: this.colorTheme == 'light' ? this.servicesIconSrc : this.servicesIconSrcDark, alt: this.servicesIconAlt }), h("span", { key: '0fac4b409517fbab8df699f13558cfce95df3c8f' }, this.servicesIconText))))))), !this.hideMiddleSection && (h("div", { key: '9b468bf13c76270aaf4b2b82bcc3679aec07d25c', class: "dda-footer-item dda-footer-middle" }, h("ul", { key: '3e010b43efdcad46e7d167760e70b10866e4b023', class: "foot-logo" }, footmiddlesection.map((middleItem, index) => (h("li", { key: index }, h("dda-tooltip", { title_text: middleItem.LogoTooltip, description: "", position: "top" }, h("a", { href: middleItem.href, onClick: () => this.middleItemClick(middleItem) }, h("img", { src: this.colorTheme == 'light' ? middleItem.src : middleItem.srcDark, alt: middleItem.alt }), h("span", { class: "visually-hidden" }, middleItem.LogoTooltip))))))))), h("div", { key: '8c28f2d603519d5f7ce7d1f1aa9a78f296b9adaa', class: "dda-footer-item dda-footer-right" }, h("ul", { key: '496ee22e3a97227dffc430ab36b279819c148c14', class: "foot-right_links" }, footrightsection.map((rightItem, index) => (h("li", { class: "foot-icon-btn", key: index }, h("dda-tooltip", { title_text: rightItem.RightLinkTooltip, description: "", position: "top" }, h("a", { href: rightItem.href, title: rightItem.title, "aria-label": `${rightItem.IconName} ${rightItem.LinkText}`, id: rightItem.itemId, onClick: () => this.rightItemClick(rightItem) }, h("i", { class: rightItem.IconFamily }, rightItem.IconName), h("span", null, rightItem.LinkText)))))), this.dubaiaeIconSrc && this.dubaiaeIconSmallSrc && (h("li", { key: 'f378807753887b94eb013ef93f9a1375efbde5af', class: "foot-icon-btn" }, h("dda-tooltip", { key: '890275f2ee49904866139441574dfa921948be0f', title_text: this.dubaiaeIconTooltip, description: "", position: "top" }, h("a", { key: '734197129ea2af52682cc9ba9ada6849e3f8c9a2', href: this.dubaiaeIconHref, onClick: this.dubaiAEClick, id: this.dubaiaeIconId }, h("img", { key: 'bffab79724f39af1fa4f056adf10e125b0462d44', class: "dubaiae-text-icon", src: this.colorTheme == 'light' ? this.dubaiaeIconSrc : this.dubaiaeIconSrcDark, alt: `${this.dubaiaeIconAlt} icon desktop` }), h("img", { key: '6e32692826d4320dec0fb04649b17bdb4d4c6037', class: "dubaiae-small-icon", src: this.dubaiaeIconSmallSrc, alt: `${this.dubaiaeIconAlt} icon mobile` }), h("span", { key: '3e9e81f77f46b677d2ab60a5a93b5ff7be66b283', class: "visually-hidden" }, this.dubaiaeIconTooltip))))), this.aiIconSrc && (h("li", { key: '8e412a8bb72fe45cef1f0e86042270b54cb8e4b8', class: "foot-icon-btn" }, h("dda-tooltip", { key: '1f27e8afeda263e65fb7654aa8d6edca7097b13b', title_text: this.aiIconTooltip, description: "", position: "top" }, h("a", { key: '094c834441db0f0831fd2aebf4026f20ca2d6280', href: this.aiIconHref, onClick: this.aiIconClick, id: this.aiIconId }, h("img", { key: '99dd257e47f07f0ebc354322532973596d85978b', src: this.colorTheme == 'light' ? this.aiIconSrc : this.aiIconSrcDark, alt: this.aiIconAlt }), h("span", { key: 'a06b175a3f200cbfea89328131f0645dd140194f', class: "visually-hidden" }, this.aiIconTooltip))))), this.chatIconSrc && (h("li", { key: '1f8bf5ae84472736dcecebe6ba6fb0a0235960fe', class: "foot-icon-btn" }, h("dda-tooltip", { key: '72f7ffb30994b8c8ad33ce0e49ebecb1cfa7dcc1', title_text: this.chatIconTooltip, description: "", position: "top" }, h("a", { key: '638deff5a2e92880c6b2f6f13e1d8b186c23c1f7', href: this.chatIconHref, onClick: this.chatIconClick, id: this.chatIconId }, h("img", { key: 'd5b6a32405fd41fc2828a6f129784fe918b9cefd', src: this.colorTheme == 'light' ? this.chatIconSrc : this.chatIconSrcDark, alt: this.chatIconAlt }), h("span", { key: '56da55a3b07fa996695c177cca93b4ae846fce94', class: "visually-hidden" }, this.chatIconTooltip)))))), h("button", { key: '6ffa766e66debd928fb33db0e3ba6711db043aaa', type: "button", class: "show-right-icon", onClick: this.toggleFooterIcons }, h("i", { key: '217a991516b7d9a65db8b0f3e3bba231cc2b6c09', class: this.moreIconFamily }, this.moreIcon))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/dda-tabs.entry.js CHANGED Viewed

@@ -68,7 +68,7 @@ const DdaTabs = class {
         this.tabClick.emit(index);
     }
     render() {
-        return (h(Host, { key: '9fba77b9c33c9077f5e8999a1ce8c46535df6302' }, h("div", { key: 'dc5d7ccde21eca695798d6e62c4bbcc117b19962', role: "tablist", "aria-label": "Tab Navigation", class: `dda-tabs-container ${this.hover_style} ${this.custom_class} ${this.component_mode} ${this.tab_type}` }, this.parsedTabs.map((title, index) => (h("button", { id: this.parsedButtonIds[index] || `tab-btn-${index + 1}`, name: this.button_name, "aria-label": title, type: "button", value: this.parsedButtonValues[index] || '', class: `dda-tab-item ${this.active_tab === index ? 'active' : ''}`, role: "tab", "aria-selected": this.active_tab === index ? 'true' : 'false', "aria-controls": `tab-btn-${index + 1}`, onClick: () => this.setActiveTab(index) }, this.type === 'text-icon' && (h("i", { class: `material-icons`, "aria-hidden": "true" }, this.parsedIcons[index] || '')), h("span", null, title)))))));
+        return (h(Host, { key: 'a63350c6f7e789932d37cf0385e493a80c1309d6' }, h("div", { key: '5f35f70fe945369d035e87f6221eaf5a48edbf9a', role: "tablist", "aria-label": "Tab Navigation", class: `dda-tabs-container ${this.hover_style} ${this.custom_class} ${this.component_mode} ${this.tab_type}` }, this.parsedTabs.map((title, index) => (h("button", { id: this.parsedButtonIds[index] || `tab-btn-${index + 1}`, name: this.button_name, "aria-label": title, type: "button", value: this.parsedButtonValues[index] || '', class: `dda-tab-item ${this.active_tab === index ? 'active' : ''}`, role: "tab", "aria-selected": this.active_tab === index ? 'true' : 'false', "aria-controls": `tab-btn-${index + 1}`, onClick: () => this.setActiveTab(index) }, this.type === 'text-icon' && (h("i", { class: `material-icons`, "aria-hidden": "true" }, this.parsedIcons[index] || '')), h("span", null, title)))))));
     }
 };
 DdaTabs.style = DdaTabsStyle0;

package/dist/esm/dda-textarea.entry.js CHANGED Viewed

@@ -16459,7 +16459,7 @@ const DdaTextarea = class {
         ]
             .filter(Boolean)
             .join(' ');
-        return (h(Host, { key: '84c8c4cf9523ce3dbb0abac66620362a6562b283' }, h("div", { key: '2667bc3bb5241b6301fa7a74305ab124161abc5c', class: textareaClass }, this.label && (h("label", { key: '088e47cd088301ef751b5aac6475f5c0c2affc2c', htmlFor: this.input_id, class: "dda-input-label" }, this.label)), this.enable_rich_editor ? (h("div", { id: "editor", class: "dda-richeditor-field" })) : (h("textarea", { id: this.input_id, name: this.textarea_name, "aria-label": this.aria_label, placeholder: this.placeholder, value: this.internalValue || this.value, "aria-invalid": this.validation_type === 'error' ? 'true' : 'false', class: "dda-input-field dda-input-textarea", maxLength: this.max_characters, onInput: event => this.handleInput(event), onBlur: event => this.handleBlur(event), onFocus: (event) => {
+        return (h(Host, { key: '3d95e60cae7eb7f6280e17e2a0d3076e408c9c98' }, h("div", { key: 'ae65d105dacf8287a675344756842901c3313fcd', class: textareaClass }, this.label && (h("label", { key: '4590c87e0f1201e001fe245e14b57fca4ba071e8', htmlFor: this.input_id, class: "dda-input-label" }, this.label)), this.enable_rich_editor ? (h("div", { id: "editor", class: "dda-richeditor-field" })) : (h("textarea", { id: this.input_id, name: this.textarea_name, "aria-label": this.aria_label, placeholder: this.placeholder, value: this.internalValue || this.value, "aria-invalid": this.validation_type === 'error' ? 'true' : 'false', class: "dda-input-field dda-input-textarea", maxLength: this.max_characters, onInput: event => this.handleInput(event), onBlur: event => this.handleBlur(event), onFocus: (event) => {
                 this.el.dispatchEvent(new FocusEvent('focus', {
                     bubbles: true,
                     composed: true,

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

@@ -14,10 +14,10 @@ const DdaToggle = class {
         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: '5548a49f32dea01195caf2a86f4a04f3f1b14a73' }, h("label", { key: '33608675617c7551fdcb519470e806109ef7209e', class: toggleClass, htmlFor: this.input_id }, h("input", { key: '5355df7fe3de4dcda50d2fd43920e95bbb4d0968', "aria-label": this.aria_label, type: "checkbox", id: this.input_id, name: this.group_name, checked: this.checked, onChange: event => {
+        return (h(Host, { key: '9a7aedffff589a851cd8b224871e8be5f36e500b' }, h("label", { key: '5010658c3126f79aa73c51c96dd893a9816d5ca2', class: toggleClass, htmlFor: this.input_id }, h("input", { key: '5d116e7eb40788d4c63cde1104234b5e94d15d17', "aria-label": this.aria_label, type: "checkbox", id: this.input_id, name: this.group_name, checked: this.checked, onChange: event => {
                 this.toggleChanged.emit(event);
                 this.onChanged.emit(event);
-            } }), h("span", { key: 'ed36eef7bb72e28521786f0eda989e9c095d0bb9', class: "toggle" }), h("p", { key: 'cf52347775fe7ae54ceee0814f5b23ec66e0433b' }, h("span", { key: '3d99822b9da959875f8a7c555fe173525257587f', class: "toggle-title" }, "Radio Button Title"), h("span", { key: '9bba5e196b2ee9e0301c0f562e4d343cab20126f', class: "toggle-supporting" }, "Supporting Text")))));
+            } }), h("span", { key: '9996605f39a1f5eb437b519f0abec233244705c2', class: "toggle" }), h("p", { key: 'e50c9e6375cd7ecf40237648947af5e2b8b2b36c' }, h("span", { key: 'd2bbdc6edd9865df0263efb4020e2a49578df9c1', class: "toggle-title" }, "Radio Button Title"), h("span", { key: 'fc1f4cb6710c01aaf52aac79d847bdcf173923ec', class: "toggle-supporting" }, "Supporting Text")))));
     }
 };
 DdaToggle.style = DdaToggleStyle0;

package/dist/esm/dda-tooltip.entry.js CHANGED Viewed

@@ -10,7 +10,7 @@ const DdaTooltip = class {
         this.custom_class = '';
     }
     render() {
-        return (h(Host, { key: '07285593c88a0e83a2607a9c33fbfad1daf7a7a4' }, h("div", { key: '3e563c914485ea87f840d8fcbadb24adba9271b5', class: `dda-tooltip-container ${this.custom_class} ${this.component_mode}` }, h("slot", { key: '5e32be037be8fceff3bec6612676e81847cf513a' }), h("div", { key: '0226bd69cbd210cc1f2cf487e778915537798167', class: `dda-tooltip-box ${this.position}` }, h("strong", { key: '31c81df57614cbb3d175ee18910dc212e4a512d4' }, this.title_text), h("p", { key: 'f881fcc1c32d7d163969e32aecfc2cb5d02cef85' }, this.description)))));
+        return (h(Host, { key: '1b6b58e250c1f70f4b6a7f7f385720e3a1713f68' }, h("div", { key: '2265cf05baa8491e12204f663d277ba5e67d563f', class: `dda-tooltip-container ${this.custom_class} ${this.component_mode}` }, h("slot", { key: '3a0eaf36f200d4f11afe3de47f202733658c761d' }), h("div", { key: 'b1a6619ef3f0f5066137b6c2555faf23797bc0fb', class: `dda-tooltip-box ${this.position}` }, h("strong", { key: '32b8da25ce59841ac35eae76ceb24ff96bdc2ae4' }, this.title_text), h("p", { key: '1ee6400a805b10f9ca58500ad5a936fb90e2e132' }, this.description)))));
     }
 };
 DdaTooltip.style = DdaTooltipStyle0;

package/dist/esm/dda-vertical-stepper.entry.js CHANGED Viewed

@@ -14,7 +14,7 @@ const DdaVerticalStepper = class {
         this.parsedSteps = JSON.parse(this.steps);
     }
     render() {
-        return (h(Host, { key: 'e1f40ba87861a7aa91fa3dcbcfc489e9401520e0' }, h("div", { key: 'b09d323bcc3f43642ac8459e1e8b139dc05681ef', class: `${this.custom_class} ${this.component_mode} v-stepper-container` }, this.parsedSteps.map((step, index) => (h("div", { class: `v-step ${index <= this.current_Step ? 'active' : ''}` }, h("div", { class: "v-step-indicator" }, h("div", { class: "icon" }, h("i", { class: `material-icons`, "aria-hidden": "true" }, step.icon))), h("div", { class: "v-step-content" }, h("div", { class: "v-step-title" }, step.title), h("div", { class: "v-step-subtitle" }, step.subtitle), h("div", { class: "v-step-description" }, step.description)), h("div", { class: "v-step-arrow" }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "chevron_right"))))))));
+        return (h(Host, { key: '11372747fe078df64a5d0ed46ad7728279cf459d' }, h("div", { key: '07e6f4d50bdf464d46a2d364719cc0cda4bdb7f1', class: `${this.custom_class} ${this.component_mode} v-stepper-container` }, this.parsedSteps.map((step, index) => (h("div", { class: `v-step ${index <= this.current_Step ? 'active' : ''}` }, h("div", { class: "v-step-indicator" }, h("div", { class: "icon" }, h("i", { class: `material-icons`, "aria-hidden": "true" }, step.icon))), h("div", { class: "v-step-content" }, h("div", { class: "v-step-title" }, step.title), h("div", { class: "v-step-subtitle" }, step.subtitle), h("div", { class: "v-step-description" }, step.description)), h("div", { class: "v-step-arrow" }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "chevron_right"))))))));
     }
 };
 DdaVerticalStepper.style = DdaVerticalStepperStyle0;

package/dist/esm/dda.js CHANGED Viewed

@@ -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],\"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\"],\"showQuickLinksIcon\":[4,\"show-quick-links-icon\"],\"useLoginPopup\":[4,\"use-login-popup\"],\"loginPopupLinks\":[1,\"login-popup-links\"],\"isMenuOpen\":[32],\"isSubMenuOpen\":[32],\"isSideSubMenuOpen\":[32],\"isAccessibiltyOpen\":[32],\"isMobileAccessibiltyOpen\":[32],\"openMenus\":[32],\"parsedOtherMenuItems\":[32],\"parsedDropDownMenuItems\":[32],\"isDesktopLoginPopupOpen\":[32],\"isMobileLoginPopupOpen\":[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\"],\"useNavigator\":[1,\"use-navigator\"]}]]],[\"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],\"setValue\":[64]}]]],[\"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],\"reset\":[64],\"setValue\":[64]},null,{\"value\":[\"watchValue\"]}]]],[\"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],\"setSelected\":[64],\"getSelectedText\":[64]},null,{\"selected\":[\"watchSelected\"]}]]],[\"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\",{\"showQuickLinksIcon\":[4,\"show-quick-links-icon\"],\"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],\"setValue\":[64],\"reset\":[64]},null,{\"value\":[\"watchValue\"]}],[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\"],\"showQuickLinksIcon\":[4,\"show-quick-links-icon\"],\"useLoginPopup\":[4,\"use-login-popup\"],\"loginPopupLinks\":[1,\"login-popup-links\"],\"isMenuOpen\":[32],\"isSubMenuOpen\":[32],\"isSideSubMenuOpen\":[32],\"isAccessibiltyOpen\":[32],\"isMobileAccessibiltyOpen\":[32],\"openMenus\":[32],\"parsedOtherMenuItems\":[32],\"parsedDropDownMenuItems\":[32],\"isDesktopLoginPopupOpen\":[32],\"isMobileLoginPopupOpen\":[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],\"delete_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\"],\"useNavigator\":[1,\"use-navigator\"]}]]],[\"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],\"setValue\":[64]}]]],[\"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],\"reset\":[64],\"setValue\":[64]},null,{\"value\":[\"watchValue\"]}]]],[\"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],\"setSelected\":[64],\"getSelectedText\":[64]},null,{\"selected\":[\"watchSelected\"]}]]],[\"dda-slider\",[[1,\"dda-slider\",{\"slides\":[16],\"interval\":[2],\"autoplay\":[4],\"currentSlide\":[32],\"isPaused\":[32]},null,{\"currentSlide\":[\"watchCurrentSlide\"]}]]],[\"dda-split-button\",[[0,\"dda-split-button\",{\"button_type\":[1],\"disabled\":[4],\"start_icon_family\":[1],\"start_icon\":[1],\"button_text\":[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]}]]],[\"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\",{\"showQuickLinksIcon\":[4,\"show-quick-links-icon\"],\"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],\"setValue\":[64],\"reset\":[64]},null,{\"value\":[\"watchValue\"]}],[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