@dubai-design-system/components-js 3.12.10 → 3.12.11

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

@@ -43,14 +43,6 @@ declare const _default: {
             options: string[];
             description: string;
         };
-        input_role: {
-            control: string;
-            description: string;
-        };
-        validation_id: {
-            control: string;
-            description: string;
-        };
         input_status: {
             control: {
                 type: string;
@@ -95,10 +87,6 @@ declare const _default: {
             };
             description: string;
         };
-        required: {
-            control: string;
-            description: string;
-        };
     };
     parameters: {
         docs: {

package/dist/types/components/dda-link-button/dda-link-button.d.ts

@@ -1,9 +1,10 @@
-import { EventEmitter } from '../../stencil-public-runtime';
 export declare class DdaLinkButton {
+    /** Type of button, e.g., "button", "submit" */
+    type: string;
+    /** Disable the button */
     disabled: boolean;
+    /** Icon class for the starting icon */
     start_icon: string;
-    link_button_text: string;
-    link_button_title: string;
     end_icon: string;
     aria_label?: string;
     button_color: string;
@@ -15,11 +16,5 @@ export declare class DdaLinkButton {
     href?: string;
     component_mode?: string;
     button_id: string;
-    target?: string;
-    rel?: string;
-    data_fancybox?: string;
-    clickHandler?: (event: MouseEvent) => void;
-    ddaLinkClick: EventEmitter<MouseEvent>;
-    private handleClick;
     render(): any;
 }

package/dist/types/components/dda-link-button/dda-link-button.stories.d.ts

@@ -43,18 +43,6 @@ declare const _default: {
             };
             options: string[];
         };
-        link_button_text: {
-            control: {
-                type: string;
-            };
-            description: string;
-        };
-        link_button_title: {
-            control: {
-                type: string;
-            };
-            description: string;
-        };
         custom_class: {
             control: {
                 type: string;
@@ -67,18 +55,6 @@ declare const _default: {
             };
             description: string;
         };
-        target: {
-            control: {
-                type: string;
-            };
-            description: string;
-        };
-        rel: {
-            control: {
-                type: string;
-            };
-            description: string;
-        };
         component_mode: {
             control: {
                 type: string;
@@ -98,18 +74,6 @@ declare const _default: {
             };
             description: string;
         };
-        disabled: {
-            control: {
-                type: string;
-            };
-            description: string;
-        };
-        onclick: {
-            control: {
-                type: string;
-            };
-            description: string;
-        };
     };
 };
 export default _default;
@@ -118,4 +82,3 @@ export declare const ErrorPrimary: any;
 export declare const SurfacePrimary: any;
 export declare const Disabled: any;
 export declare const IconButton: any;
-export declare const IconButtonDisabled: any;

package/dist/types/components/dda-number-field/dda-number-field.d.ts

@@ -18,18 +18,11 @@ export declare class DdaNumberField {
     toggle_button_name?: string;
     currency_button_name?: string;
     isCurrencyDropdownOpen: boolean;
-    el: HTMLElement;
-    private hostElement;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    handleOutsideClick: (event: MouseEvent) => void;
     handleInput(event: any): void;
     handleFocus(): void;
     handleBlur(): void;
     toggleCurrencyDropdown(): void;
     selectCurrency(currency: string): void;
     private get parsedCurrencies();
-    setValue(val: string): Promise<void>;
-    getValue(): Promise<string>;
     render(): any;
 }

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

@@ -1,4 +1,3 @@
-import { EventEmitter } from '../../stencil-public-runtime';
 export declare class DdaPagination {
     total_pages: number;
     current_page: number;
@@ -17,8 +16,6 @@ export declare class DdaPagination {
     button_text_next_button: string;
     buttons_pages_prev_button: string;
     buttons_pages_next_button: string;
-    buttons_pages_id: string;
-    paginateClick?: EventEmitter<number>;
     validateTotalPages(newValue: number): void;
     validateCurrentPage(newValue: number): void;
     componentWillLoad(): void;

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

@@ -1,14 +1,20 @@
-import { EventEmitter } from '../../stencil-public-runtime';
 export declare class DdaPhoneField {
     label: string;
     placeholder: string;
     helper_text: string;
-    max_length: string;
     validation_type?: string;
     error_message: string;
-    validation_id: string;
     disabled: boolean;
     size?: string;
+    country_code: string;
+    country_flag: string;
+    phone_number: string;
+    is_focused: boolean;
+    dropdown_open: boolean;
+    countries: {
+        code: string;
+        flag: string;
+    }[];
     custom_class: string;
     component_mode?: string;
     input_id?: string;
@@ -18,29 +24,7 @@ export declare class DdaPhoneField {
     toggle_button_name: string;
     country_select_button_name: string;
     phone_input_name: string;
-    value: string;
-    country_code: string;
-    country_flag: string;
-    internalValue: string;
-    is_focused: boolean;
-    dropdown_open: boolean;
-    countries: {
-        code: string;
-        flag: string;
-    }[];
-    hostElement: HTMLElement;
-    phoneBlurred: EventEmitter<{
-        name: string;
-        value: string;
-    }>;
-    onBlurred: EventEmitter<any>;
-    getValue(): Promise<string>;
-    validatePhoneField(): Promise<void>;
-    watchHandler(newValue: string): void;
     componentWillLoad(): void;
-    componentDidLoad(): void;
-    disconnectedCallback(): void;
-    handleDocumentClick: (event: MouseEvent) => void;
     toggleDropdown(): void;
     selectCountry(country: {
         code: string;
@@ -49,6 +33,5 @@ export declare class DdaPhoneField {
     handleFocus(): void;
     handleBlur(): void;
     handlephonenumberChange(event: Event): void;
-    handleKeyDown(event: KeyboardEvent): void;
     render(): any;
 }

package/dist/types/components/dda-phonefield/dda-phonefield.stories.d.ts

@@ -14,10 +14,6 @@ declare const _default: {
             control: string;
             description: string;
         };
-        max_length: {
-            control: string;
-            description: string;
-        };
         error_message: {
             control: string;
             description: string;
@@ -29,10 +25,6 @@ declare const _default: {
             options: string[];
             description: string;
         };
-        validation_id: {
-            control: string;
-            description: string;
-        };
         disabled: {
             control: string;
             description: string;
@@ -63,6 +55,12 @@ declare const _default: {
             };
             description: string;
         };
+        button_id: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
         aria_label: {
             control: {
                 type: string;

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

@@ -1,4 +1,3 @@
-import { EventEmitter } from '../../stencil-public-runtime';
 export declare class DdaRadiobutton {
     title_text: string;
     supporting?: string;
@@ -6,23 +5,10 @@ export declare class DdaRadiobutton {
     input_id?: string;
     checked: boolean;
     radio_status?: string;
-    error_message: string;
-    validation_type?: string;
-    validation_id: string;
     size?: string;
     variants?: string;
     custom_class?: string;
     component_mode?: string;
     aria_label?: string;
-    contrast_noraml_text?: string;
-    radioChange: EventEmitter<{
-        checked: boolean;
-        input_id: string;
-    }>;
-    onChanged: EventEmitter<{
-        checked: boolean;
-        input_id: string;
-    }>;
-    private handleChange;
     render(): any;
 }

package/dist/types/components/dda-radiobutton/dda-radiobutton.stories.d.ts

@@ -17,22 +17,11 @@ declare const _default: {
             control: string;
             description: string;
         };
-        error_message: {
-            control: string;
-            description: string;
-        };
-        validation_type: {
-            control: {
-                type: string;
-            };
-            options: string[];
-            description: string;
-        };
-        validation_id: {
+        group_name: {
             control: string;
             description: string;
         };
-        group_name: {
+        labelfor: {
             control: string;
             description: string;
         };
@@ -57,7 +46,9 @@ declare const _default: {
             options: string[];
         };
         custom_class: {
-            control: string;
+            control: {
+                type: string;
+            };
         };
         component_mode: {
             control: {
@@ -67,14 +58,22 @@ declare const _default: {
             description: string;
         };
         aria_label: {
-            control: string;
-            description: string;
-        };
-        radio_status: {
             control: {
                 type: string;
             };
-            options: string[];
+            description: string;
+            radio_status: {
+                control: {
+                    type: string;
+                };
+                options: string[];
+            };
+            onclick: {
+                control: {
+                    type: string;
+                };
+                description: string;
+            };
         };
     };
 };

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

@@ -1,4 +1,3 @@
-import { EventEmitter } from '../../stencil-public-runtime';
 export declare class DdaSearchInput {
     placeholder: string;
     label: string;
@@ -6,38 +5,17 @@ export declare class DdaSearchInput {
     error_message: string;
     show_button: boolean;
     helper_text: string;
-    validation_id: string;
     input_status?: string;
     has_error: boolean;
     custom_class?: string;
     component_mode?: string;
     button_id?: string;
-    input_id?: string;
     aria_label?: string;
     button_aria_label?: string;
     search_input_name: string;
     close_button_name: string;
     search_button_name: string;
-    button_text: string;
-    value: string;
-    inputChanged: EventEmitter<any>;
-    onChanged: EventEmitter<any>;
-    buttonClicked: EventEmitter<any>;
-    inputBlurred: EventEmitter<{
-        name: string;
-        value: string;
-    }>;
-    onBlurred: EventEmitter<any>;
     el: HTMLElement;
-    hasInputValue: boolean;
-    internalValue: string;
-    handleInput: (event: Event) => void;
-    handleKeyDown: (event: KeyboardEvent) => void;
-    watchValue(newValue: string): void;
-    componentWillLoad(): void;
-    handleSearchClick: () => void;
     clearInput(): void;
-    reset(): Promise<void>;
-    setValue(val: string): Promise<void>;
     render(): any;
 }

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

@@ -25,10 +25,6 @@ declare const _default: {
             control: string;
             description: string;
         };
-        validation_id: {
-            control: string;
-            description: string;
-        };
         show_button: {
             control: string;
             description: string;
@@ -63,12 +59,6 @@ declare const _default: {
             };
             description: string;
         };
-        input_id: {
-            control: {
-                type: string;
-            };
-            description: string;
-        };
         aria_label: {
             control: {
                 type: string;
@@ -105,12 +95,6 @@ declare const _default: {
             };
             description: string;
         };
-        button_text: {
-            control: {
-                type: string;
-            };
-            description: string;
-        };
     };
     parameters: {
         docs: {

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

@@ -1,6 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
 export declare class Ddaselect {
-    el: HTMLElement;
     label: string;
     options: string;
     selected: string;
@@ -8,46 +6,16 @@ export declare class Ddaselect {
     error?: string;
     error_message: string;
     helper_text: string;
-    validation_type?: string;
-    validation_id: string;
+    is_open: boolean;
     size?: string;
     custom_class?: string;
     component_mode?: string;
+    aria_label?: string;
     button_id: string;
     toggle_button_name: string;
     option_select_button_name: string;
-    placeholder: string;
-    main_aria_label: string;
-    input_name: string;
-    is_open: boolean;
-    selectedId: number;
-    selectedText: string;
-    selectChanged: EventEmitter<{
-        id: number;
-        text: string;
-    }>;
-    onChanged: EventEmitter<any>;
-    selectBlurred: EventEmitter<{
-        name: string;
-        value: string;
-    }>;
-    onBlurred: EventEmitter<any>;
     private get parsedOptions();
-    componentWillLoad(): void;
     toggleSelect(): void;
-    selectOption(option: {
-        id: any;
-        text: string;
-    }): void;
-    handleClickOutside: (event: MouseEvent) => void;
-    handleBlur: () => void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    setSelected(value: string | number): Promise<void>;
-    setValue(value: string | number): Promise<void>;
-    getSelectedText(): Promise<string>;
-    getValue(): Promise<string>;
-    watchSelected(newVal: string): void;
-    private numberToWord;
+    selectOption(option: string): void;
     render(): any;
 }

package/dist/types/components/dda-select/dda-select.stories.d.ts

@@ -21,14 +21,6 @@ declare const _default: {
             control: string;
             description: string;
         };
-        placeholder: {
-            control: string;
-            description: string;
-        };
-        main_aria_label: {
-            control: string;
-            description: string;
-        };
         disabled: {
             control: string;
             description: string;
@@ -48,36 +40,41 @@ declare const _default: {
             control: string;
             description: string;
         };
-        validation_id: {
-            control: string;
-            description: string;
-        };
         custom_class: {
-            control: string;
+            control: {
+                type: string;
+            };
             description: string;
         };
         component_mode: {
-            control: string;
+            control: {
+                type: string;
+            };
             options: string[];
             description: string;
         };
         button_id: {
-            control: string;
+            control: {
+                type: string;
+            };
             description: string;
         };
-        toggle_button_name: {
-            control: string;
+        aria_label: {
+            control: {
+                type: string;
+            };
             description: string;
         };
-        option_select_button_name: {
-            control: string;
+        toggle_button_name: {
+            control: {
+                type: string;
+            };
             description: string;
         };
-        validation_type: {
+        option_select_button_name: {
             control: {
                 type: string;
             };
-            options: string[];
             description: string;
         };
     };

package/dist/types/components/dda-sticky-footer/dda-sticky-footer.d.ts

@@ -1,64 +1,54 @@
 export declare class DdaStickyFooter {
-    el: HTMLElement;
-    colorTheme?: string;
-    happinessIconHref?: string;
-    happinessIconId?: string;
+    /** Left Section Props */
+    happinessIconHref: string;
     happinessIconSrc: string;
-    happinessIconSrcDark: string;
     happinessIconAlt: string;
     happinessIconTooltip: string;
     accessibilityIconHref: string;
-    accessibilityIconId: string;
     accessibilityIconSrc: string;
-    accessibilityIconSrcDark: string;
     accessibilityIconAlt: string;
     accessibilityIconTooltip: string;
     servicesIconHref: string;
-    servicesIconId: string;
     servicesIconSrc: string;
-    servicesIconSrcDark: string;
     servicesIconAlt: string;
     servicesIconTooltip: string;
     servicesIconText: string;
-    hideMiddleSection: boolean;
-    middleLink: string;
-    rightLink: string;
+    /** Middle Section Props */
+    firstLogoHref: string;
+    firstLogoSrc: string;
+    firstLogoAlt: string;
+    firstLogoTooltip: string;
+    secondLogoHref: string;
+    secondLogoSrc: string;
+    secondLogoAlt: string;
+    secondLogoTooltip: string;
+    thirdLogoHref: string;
+    thirdLogoSrc: string;
+    thirdLogoAlt: string;
+    thirdLogoTooltip: string;
+    /** Right Section Props */
+    locationButtonHref: string;
+    locationLogoSrc: string;
+    locationButtonText: string;
+    locationButtonIcon: string;
+    newsButtonHref: string;
+    newsButtonSrc: string;
+    newsButtonText: string;
+    newsButtonIcon: string;
     aiIconHref: string;
-    aiIconId: string;
     aiIconSrc: string;
-    aiIconSrcDark: string;
     aiIconAlt: string;
     aiIconTooltip: string;
-    dubaiaeIconHref: string;
-    dubaiaeIconId: string;
-    dubaiaeIconSrc: string;
-    dubaiaeIconSrcDark: string;
-    dubaiaeIconSmallSrc: string;
-    dubaiaeIconAlt: string;
-    dubaiaeIconTooltip: string;
     chatIconHref: string;
-    chatIconId: string;
     chatIconSrc: string;
-    chatIconSrcDark: string;
     chatIconAlt: string;
     chatIconTooltip: string;
-    moreIconFamily: string;
-    moreIcon: string;
     isHidden: boolean;
     private lastScrollY;
+    hideMiddleSection: boolean;
     componentWillLoad(): void;
     componentDidLoad(): void;
-    private toggleFooterIcons;
     disconnectedCallback(): void;
     handleScroll(): void;
-    private parseJsonArray;
-    happinessIconClick(): void;
-    accessibilityIconClick(): void;
-    servicesIconClick(): void;
-    chatIconClick(): void;
-    aiIconClick(): void;
-    dubaiAEClick(): void;
-    middleItemClick(item: any): void;
-    rightItemClick(item: any): void;
     render(): any;
 }

package/dist/types/components/dda-sticky-footer/dda-sticky-footer.stories.d.ts

@@ -8,12 +8,6 @@ declare const _default: {
             };
             description: string;
         };
-        onclick: {
-            control: {
-                type: string;
-            };
-            description: string;
-        };
     };
     component: string;
     parameters: {

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

@@ -5,19 +5,16 @@ export declare class DdaTabs {
     border_bottom: boolean;
     custom_class?: string;
     component_mode?: string;
-    button_ids: string;
-    tab_value: string;
+    button_id?: string;
+    aria_label: string;
     tab_texts: string;
     tab_icons: string;
     button_name: string;
-    tab_type: 'dda-horizontal-tab' | 'dda-vertical-tab';
-    tabClick: EventEmitter<number>;
-    button_values: string;
+    tabClick?: EventEmitter<void>;
+    private tabhandler;
     active_tab: number;
-    get parsedButtonValues(): any;
     get parsedTabs(): any;
     get parsedIcons(): any;
-    get parsedButtonIds(): any;
     setActiveTab(index: number): void;
     render(): any;
 }