npm - @dubai-design-system/components-js - Versions diffs - 3.2.0 → 3.3.0 - Mend

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

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 (371) hide show

package/dist/collection/components/dda-header/dda-header.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dda-header.stories.js","sourceRoot":"","sources":["../../../src/components/dda-header/dda-header.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n title: 'Components/Header',\r\n tags: ['autodocs'],\r\n component: 'dda-header',\r\n argTypes: {\r\n hamburger_menu_button_name: {\r\n control: {type: 'text'},\r\n description: 'Name for the hamburger menu button',\r\n },\r\n accessibility_button_text: {\r\n control: {type: 'text'},\r\n description: 'Name for the accessibility button',\r\n },\r\n search_button_name: {\r\n control: {type: 'text'},\r\n description: 'Name for the search button',\r\n },\r\n search_input_name: {\r\n control: {type: 'text'},\r\n description: 'Name for the search input',\r\n },\r\n language_button_name: {\r\n control: {type: 'text'},\r\n description: 'Name for the language button',\r\n },\r\n language_text: {\r\n control: {type: 'text'},\r\n description: 'Text for the language button',\r\n },\r\n close_menu_button_name: {\r\n control: {type: 'text'},\r\n description: 'Name for the close menu button',\r\n },\r\n close_accessibility_button_name: {\r\n control: {type: 'text'},\r\n description: 'Name for the close accessibility button',\r\n },\r\n close_sidebar_button_name: {\r\n control: {type: 'text'},\r\n description: 'Name for the close sidebar button',\r\n },\r\n toggle_accessibility_button_name: {\r\n control: {type: 'text'},\r\n description: 'Name for the toggle accessibility button',\r\n },\r\n usePredesignedAccessibilityMenu: {\r\n control: {type: 'boolean'},\r\n description: 'Use predesigned accessibility menu',\r\n },\r\n first_logo_href: {\r\n control: { type: 'text' },\r\n description: 'Href for the first logo anchor',\r\n },\r\n second_logo_href: {\r\n control: { type: 'text' },\r\n description: 'Href for the Second logo anchor',\r\n },\r\n hideOtherMenu: {\r\n control: { type: 'boolean' },\r\n description: 'Hides the middle section of the footer',\r\n },\r\n otherMenuItems: {\r\n control: { type: 'object' },\r\n description: 'List of items to render in the Other Menu section',\r\n },\r\n\r\n /New/\r\n search_input_placeholder: {\r\n control: { type: 'text' },\r\n description: 'Search',\r\n },\r\n\r\n },\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\nTo use the \\`dda-header\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-header\r\n first-logo-href=\"https://www.dubai.gov.ae\"\r\n first-logo-src=\"assets/img/government-of-dubai.svg\"\r\n first-logo-white-src=\"assets/img/government-of-dubai-white.svg\"\r\n first-logo-alt=\"Dubai-Digital-Authority\"\r\n second-logo-href=\"https://www.dubai.gov.ae\"\r\n second-logo-src=\"digital-logo.svg\"\r\n second-logo-white-src=\"digital-logo-white.svg\"\r\n second-logo-alt=\"Dubai-Digital-Authority\"\r\n login-link=\"/login\"\r\n readSpeakerLink=\"\"\r\n language_text=\"العربية\"\r\n hamburger_menu_button_name=\"hamburger_menu_button_name\"\r\n accessibility_button_text=\"accessibility_button_text\"\r\n search_button_name=\"search_button_name\"\r\n search_input_name=\"search_input_name\"\r\n language_button_name=\"language_button_name\"\r\n close_menu_button_name=\"close_menu_button_name\"\r\n close_accessibility_button_name=\"close_accessibility_button_name\"\r\n close_sidebar_button_name=\"close_sidebar_button_name\"\r\n toggle_accessibility_button_name=\"toggle_accessibility_button_name\"\r\n languageswitch=\"() => console.log('Language Switcher')\"\r\n smtextsize=\"() => console.log('Small Text')\"\r\n basetextsize=\"() => console.log('Base Text')\"\r\n lgtextsize=\"() => console.log('Large Text')\"\r\n normalcontrast=\"() => console.log('Normal Text')\"\r\n blindcontrast=\"() => console.log('Blind Text')\"\r\n redcontrast=\"() => console.log('Red Text')\"\r\n greencontrast=\"() => console.log('Green Text')\">\r\n usePredesignedAccessibilityMenu=\"true\"\r\n searchfunctionality=\"() => console.log('Search Functionality')\"\r\n\r\n \r\n\r\n</dda-header>\r\n \\`\\`\\`\r\n`,\r\n },\r\n },\r\n },\r\n};\r\n\r\nconst Template = args => `\r\n <dda-header \r\n first-logo-href=\"${args.first_logo_href}\"\r\n first-logo-src=\"${args.firstlogoSrc}\"\r\n first-logo-white-src=\"${args.firstLogoWhiteSrc}\"\r\n first-logo-alt=\"${args.firstLogoAlt}\"\r\n second-logo-href=\"${args.second_logo_href}\"\r\n second-logo-src=\"${args.secondLogoSrc}\"\r\n second-logo-white-src=\"${args.secondLogoWhiteSrc}\"\r\n second-logo-alt=\"${args.secondLogoAlt}\"\r\n\r\n hamburger_menu_button_name=\"${args.hamburger_menu_button_name}\"\r\n search_button_name=\"${args.search_button_name}\"\r\n search_input_name=\"${args.search_input_name}\"\r\n search_input_placeholder=\"${args.search_input_placeholder}\"\r\n searchfunctionality=\"${args.searchfunctionality}\"\r\n\r\n use-predesigned-accessibility-menu=\"${args.usePredesignedAccessibilityMenu}\"\r\n accessibility_button_text=\"${args.accessibility_button_text}\"\r\n toggle_accessibility_button_name=\"${args.toggle_accessibility_button_name}\"\r\n close_accessibility_button_name=\"${args.close_accessibility_button_name}\"\r\n accessibilitymenufunctionality=\"${args.accessibilitymenufunctionality}\"\r\n \r\n contrast_title=\"${args.contrast_title}\"\r\n contrast_description=\"${args.contrast_description}\"\r\n contrast_noraml_text=\"${args.contrast_noraml_text}\"\r\n contrast_color_blind_text=\"${args.contrast_color_blind_text}\"\r\n contrast_red_weakness_text=\"${args.contrast_red_weakness_text}\"\r\n contrast_green_weakness_text=\"${args.contrast_green_weakness_text}\"\r\n\r\n screen_reader_title=\"${args.screen_reader_title}\"\r\n screen_reader_description=\"${args.screen_reader_description}\"\r\n text_size_title=\"${args.text_size_title}\"\r\n text_size_description=\"${args.text_size_description}\"\r\n\r\n\r\n close_sidebar_button_name=\"${args.close_sidebar_button_name}\"\r\n language_text=\"${args.language_text}\"\r\n language_button_name=\"${args.language_button_name}\"\r\n login-text=\"${args.loginText}\"\r\n login-link=\"${args.loginLink}\"\r\n\r\n readSpeakerLink=\"app-eu.readspeaker.com\"\r\n languageSwitch=\"() => console.log('Language Switcher')\"\r\n smTextSize=\"() => console.log('Small Text')\"\r\n baseTextSize=\"() => console.log('Base Text')\"\r\n lgTextSize=\"() => console.log('Large Text')\"\r\n normalContrast=\"() => console.log('Normal Text')\"\r\n blindContrast=\"() => console.log('Blind Text')\"\r\n redContrast=\"() => console.log('Red Text')\"\r\n greenContrast=\"() => console.log('Green Text')\"\r\n \r\n close_menu_button_name=\"${args.close_menu_button_name}\"\r\n close_sidebar_button_name=\"${args.close_sidebar_button_name}\"\r\n \r\n quick-links='${JSON.stringify(args.quickLinks)}'\r\n side-main-menu-title=\"${args.sideMainMenuTitle}\"\r\n side-menu-items='${JSON.stringify(args.sideMenuItems)}'\r\n hide-other-menu=\"${args.hideOtherMenu}\"\r\n side-other-menu-title=\"${args.sideOtherMenuTitle}\"\r\n other-menu-items='${JSON.stringify(args.otherMenuItems)}'\r\n \r\n ></dda-header>\r\n <script>\r\n (function () {\r\n const args = {\r\n languageSwitch: () => console.log('Language Switch'),\r\n smTextSize: () => console.log('Small Text'),\r\n baseTextSize: () => console.log('Base Text'),\r\n lgTextSize: () => console.log('Large Text'),\r\n normalContrast: () => console.log('Normal Contrast'),\r\n blindContrast: () => console.log('Blind Contrast'),\r\n redContrast: () => console.log('Red Contrast'),\r\n greenContrast: () => console.log('Green Contrast'),\r\n accessibilitymenufunctionality: () => console.log('Accessibility Menu'),\r\n searchfunctionality: () => console.log('Search Functionality'),\r\n };\r\n\r\n const header = document.querySelector('dda-header');\r\n if (!header) {\r\n console.warn('dda-header element not found');\r\n return;\r\n }\r\n\r\n header.addEventListener('languageSwitch', ${args.languageSwitch});\r\n header.addEventListener('smTextSize', ${args.smTextSize});\r\n header.addEventListener('baseTextSize', ${args.baseTextSize});\r\n header.addEventListener('lgTextSize', ${args.lgTextSize});\r\n header.addEventListener('normalContrast', ${args.normalContrast});\r\n header.addEventListener('blindContrast', ${args.blindContrast});\r\n header.addEventListener('redContrast', ${args.redContrast});\r\n header.addEventListener('greenContrast', ${args.greenContrast});\r\n header.addEventListener('accessibilitymenufunctionality', ${args.accessibilitymenufunctionality});\r\n header.addEventListener('searchfunctionality', ${args.searchfunctionality});\r\n })();\r\n </script>\r\n `;\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n first_logo_href: \"https://www.dubai.gov.ae\",\r\n firstlogoSrc: \"https://www.dof.gov.ae/Style Library/img/gov-logo.svg\",\r\n firstLogoWhiteSrc: \"https://www.dof.gov.ae/Style Library/img/gov-logo-white.svg\",\r\n firstLogoAlt: \"Dubai-Digital-Authority\",\r\n second_logo_href: \"https://www.dubai.gov.ae\",\r\n secondLogoSrc: \"https://www.digitaldubai.ae/ResourcePackages/Theme/assets/dist/images/logo.svg\",\r\n secondLogoWhiteSrc: \"https://www.digitaldubai.ae/ResourcePackages/Theme/assets/dist/images/logo-white.svg\",\r\n secondLogoAlt: \"Dubai-Digital-Authority\",\r\n\r\n hamburger_menu_button_name:\"Menu\",\r\n search_button_name:\"search_button_name\",\r\n search_input_name:\"search_input_name\",\r\n search_input_placeholder:\"Search\",\r\n searchfunctionality: \"() => console.log('Search Functionality')\",\r\n\r\n usePredesignedAccessibilityMenu: true,\r\n accessibility_button_text:\"accessibility_button_text\",\r\n toggle_accessibility_button_name:\"toggle_accessibility_button_name\",\r\n close_accessibility_button_name:\"close_accessibility_button_name\",\r\n accessibilitymenufunctionality: \"() => console.log('Accessibility Menu Functionality')\",\r\n\r\n contrast_title:\"Contrast\",\r\n contrast_description:\"Select your preferred contrast setting\",\r\n contrast_noraml_text:\"Normal\",\r\n contrast_color_blind_text:\"Colours Blind\",\r\n contrast_red_weakness_text:\"Red Weakness\",\r\n contrast_green_weakness_text:\"Green Weakness\",\r\n\r\n screen_reader_title:\"Screen Reader\",\r\n screen_reader_description:\"Listen to the content of the page by clicking play or listen\",\r\n text_size_title:\"Text Size\",\r\n text_size_description:\"Use the buttons below to increase or decrease the text size\",\r\n\r\n language_text: \"العربية\",\r\n language_button_name:\"language_button_name\",\r\n loginText: \"Login\",\r\n loginLink: \"/Login\",\r\n \r\n readSpeakerLink: \"app-eu.readspeaker.com\",\r\n languageSwitch: \"() => console.log('Language Switcher')\",\r\n smTextSize: \"() => console.log('Small Text')\",\r\n baseTextSize: \"() => console.log('Base Text')\",\r\n lgTextSize: \"() => console.log('Large Text')\",\r\n normalContrast: \"() => console.log('Normal Contrast')\",\r\n blindContrast: \"() => console.log('Blind Contrast')\",\r\n redContrast: \"() => console.log('Red Contrast')\",\r\n greenContrast: \"() => console.log('Green Contrast')\",\r\n \r\n close_menu_button_name:\"close_menu_button_name\",\r\n close_sidebar_button_name:\"close_sidebar_button_name\",\r\n\r\n quickLinks: [\r\n { label: 'Home', active: 'true', href: '#', subMenu: [] },\r\n {\r\n label: 'Services',\r\n menuLabel: 'Services',\r\n href: '#',\r\n subMenu: [\r\n { title: 'Web Development', description: 'Build and maintain websites', icon: 'sentiment_satisfied', href: '#' },\r\n { title: 'SEO Services', description: 'Improve your site ranking', icon: 'sentiment_satisfied', href: '#' },\r\n ],\r\n },\r\n { label: 'About', href: '#', subMenu: [] },\r\n { label: 'Contact', href: '#', subMenu: [] },\r\n ],\r\n\r\n sideMainMenuTitle: \"Main Menu\",\r\n sideMenuItems: [\r\n { label: 'Home', href: '#', subMenu: [] },\r\n {\r\n label: 'Initiatives',\r\n href: '#',\r\n subMenu: [\r\n { headerLabel: 'Initiatives', label: 'Submenu-1', href: '#', subMenu: [\r\n { headerLabel: 'Initiatives', label: 'Submenu-2', href: '#', subMenu: [\r\n { headerLabel: 'Initiatives', label: 'Submenu-4', href: '#' }\r\n ] },\r\n { headerLabel: 'Initiatives', label: 'Submenu-3', href: '#' }\r\n ] },\r\n { headerLabel: 'Initiatives', label: 'Submenu-1', href: '#', subMenu: [\r\n { headerLabel: 'Initiatives', label: 'Submenu-2', href: '#', subMenu: [\r\n { headerLabel: 'Initiatives', label: 'Submenu-4', href: '#' }\r\n ] },\r\n { headerLabel: 'Initiatives', label: 'Submenu-3', href: '#' }\r\n ] },\r\n ],\r\n },\r\n { label: 'Services', href: '#', subMenu: [\r\n { headerLabel: 'Service', label: 'Service-1', href: '#' },\r\n { headerLabel: 'Service', label: 'Service-2', href: '#' },\r\n ]},\r\n { label: 'Data', href: '#', subMenu: [] },\r\n { label: 'Government Services', href: '#', subMenu: [] },\r\n { label: 'Investor Relations', href: '#', subMenu: [] },\r\n { label: 'Locations', href: '#', subMenu: [] },\r\n { label: 'Newsroom', href: '#', subMenu: [] },\r\n { label: 'Contact Us', href: '#', subMenu: [] },\r\n ],\r\n\r\n hideOtherMenu: false,\r\n sideOtherMenuTitle: \"Other\",\r\n otherMenuItems: [\r\n { label: 'Menu 1', href: '#' },\r\n { label: 'Menu 2', href: '#' },\r\n { label: 'Menu 3', href: '#' },\r\n ],\r\n \r\n \r\n};\r\n"]}
1	+ {"version":3,"file":"dda-header.stories.js","sourceRoot":"","sources":["../../../src/components/dda-header/dda-header.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n title: 'Components/Header',\r\n tags: ['autodocs'],\r\n component: 'dda-header',\r\n argTypes: {\r\n hamburger_menu_button_name: {\r\n control: {type: 'text'},\r\n description: 'Name for the hamburger menu button',\r\n },\r\n accessibility_button_text: {\r\n control: {type: 'text'},\r\n description: 'Name for the accessibility button',\r\n },\r\n accessibility_button_id: {\r\n control: {type: 'text'},\r\n description: 'ID for the accessibility button',\r\n },\r\n\r\n search_button_name: {\r\n control: {type: 'text'},\r\n description: 'Name for the search button',\r\n },\r\n search_input_name: {\r\n control: {type: 'text'},\r\n description: 'Name for the search input',\r\n },\r\n language_button_name: {\r\n control: {type: 'text'},\r\n description: 'Name for the language button',\r\n },\r\n language_text: {\r\n control: {type: 'text'},\r\n description: 'Text for the language button',\r\n },\r\n close_menu_button_name: {\r\n control: {type: 'text'},\r\n description: 'Name for the close menu button',\r\n },\r\n close_accessibility_button_name: {\r\n control: {type: 'text'},\r\n description: 'Name for the close accessibility button',\r\n },\r\n close_sidebar_button_name: {\r\n control: {type: 'text'},\r\n description: 'Name for the close sidebar button',\r\n },\r\n toggle_accessibility_button_name: {\r\n control: {type: 'text'},\r\n description: 'Name for the toggle accessibility button',\r\n },\r\n usePredesignedAccessibilityMenu: {\r\n control: {type: 'boolean'},\r\n description: 'Use predesigned accessibility menu',\r\n },\r\n first_logo_href: {\r\n control: { type: 'text' },\r\n description: 'Href for the first logo anchor',\r\n },\r\n second_logo_href: {\r\n control: { type: 'text' },\r\n description: 'Href for the Second logo anchor',\r\n },\r\n hideOtherMenu: {\r\n control: { type: 'boolean' },\r\n description: 'Hides the middle section of the footer',\r\n },\r\n otherMenuItems: {\r\n control: { type: 'object' },\r\n description: 'List of items to render in the Other Menu section',\r\n },\r\n header_menu_dropdown_type: {\r\n control: { type: 'select' },\r\n options: ['dda-megamenu', 'dda-navi-dropdown',],\r\n },\r\n\r\n /New/\r\n search_input_placeholder: {\r\n control: { type: 'text' },\r\n description: 'Search',\r\n },\r\n\r\n },\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\nTo use the \\`dda-header\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-header\r\n first-logo-href=\"https://www.dubai.gov.ae\"\r\n first-logo-src=\"assets/img/government-of-dubai.svg\"\r\n first-logo-white-src=\"assets/img/government-of-dubai-white.svg\"\r\n first-logo-alt=\"Dubai-Digital-Authority\"\r\n second-logo-href=\"https://www.dubai.gov.ae\"\r\n second-logo-src=\"digital-logo.svg\"\r\n second-logo-white-src=\"digital-logo-white.svg\"\r\n second-logo-alt=\"Dubai-Digital-Authority\"\r\n login-link=\"/login\"\r\n readSpeakerLink=\"\"\r\n language_text=\"العربية\"\r\n hamburger_menu_button_name=\"hamburger_menu_button_name\"\r\n accessibility_button_text=\"accessibility_button_text\"\r\n accessibility_button_id=\"accessibility_button_id\"\r\n search_button_name=\"search_button_name\"\r\n search_input_name=\"search_input_name\"\r\n language_button_name=\"language_button_name\"\r\n close_menu_button_name=\"close_menu_button_name\"\r\n close_accessibility_button_name=\"close_accessibility_button_name\"\r\n close_sidebar_button_name=\"close_sidebar_button_name\"\r\n toggle_accessibility_button_name=\"toggle_accessibility_button_name\"\r\n languageswitch=\"() => console.log('Language Switcher')\"\r\n smtextsize=\"() => console.log('Small Text')\"\r\n basetextsize=\"() => console.log('Base Text')\"\r\n lgtextsize=\"() => console.log('Large Text')\"\r\n normalcontrast=\"() => console.log('Normal Text')\"\r\n blindcontrast=\"() => console.log('Blind Text')\"\r\n redcontrast=\"() => console.log('Red Text')\"\r\n greencontrast=\"() => console.log('Green Text')\">\r\n usePredesignedAccessibilityMenu=\"true\"\r\n searchfunctionality=\"() => console.log('Search Functionality')\"\r\n\r\n \r\n\r\n</dda-header>\r\n \\`\\`\\`\r\n`,\r\n },\r\n },\r\n },\r\n};\r\n\r\nconst Template = args => `\r\n <dda-header \r\n first-logo-href=\"${args.first_logo_href}\"\r\n first-logo-src=\"${args.firstlogoSrc}\"\r\n first-logo-white-src=\"${args.firstLogoWhiteSrc}\"\r\n first-logo-alt=\"${args.firstLogoAlt}\"\r\n second-logo-href=\"${args.second_logo_href}\"\r\n second-logo-src=\"${args.secondLogoSrc}\"\r\n second-logo-white-src=\"${args.secondLogoWhiteSrc}\"\r\n second-logo-alt=\"${args.secondLogoAlt}\"\r\n\r\n hamburger_menu_button_name=\"${args.hamburger_menu_button_name}\"\r\n search_button_name=\"${args.search_button_name}\"\r\n search_input_name=\"${args.search_input_name}\"\r\n search_input_placeholder=\"${args.search_input_placeholder}\"\r\n searchfunctionality=\"${args.searchfunctionality}\"\r\n\r\n use-predesigned-accessibility-menu=\"${args.usePredesignedAccessibilityMenu}\"\r\n accessibility_button_text=\"${args.accessibility_button_text}\"\r\n accessibility_button_id=\"${args.accessibility_button_id}\"\r\n toggle_accessibility_button_name=\"${args.toggle_accessibility_button_name}\"\r\n close_accessibility_button_name=\"${args.close_accessibility_button_name}\"\r\n accessibilitymenufunctionality=\"${args.accessibilitymenufunctionality}\"\r\n \r\n contrast_title=\"${args.contrast_title}\"\r\n contrast_description=\"${args.contrast_description}\"\r\n contrast_noraml_text=\"${args.contrast_noraml_text}\"\r\n contrast_color_blind_text=\"${args.contrast_color_blind_text}\"\r\n contrast_red_weakness_text=\"${args.contrast_red_weakness_text}\"\r\n contrast_green_weakness_text=\"${args.contrast_green_weakness_text}\"\r\n\r\n screen_reader_title=\"${args.screen_reader_title}\"\r\n screen_reader_description=\"${args.screen_reader_description}\"\r\n text_size_title=\"${args.text_size_title}\"\r\n text_size_description=\"${args.text_size_description}\"\r\n\r\n\r\n close_sidebar_button_name=\"${args.close_sidebar_button_name}\"\r\n language_text=\"${args.language_text}\"\r\n language_button_name=\"${args.language_button_name}\"\r\n login-text=\"${args.loginText}\"\r\n login-link=\"${args.loginLink}\"\r\n\r\n readSpeakerLink=\"app-eu.readspeaker.com\"\r\n languageSwitch=\"() => console.log('Language Switcher')\"\r\n smTextSize=\"() => console.log('Small Text')\"\r\n baseTextSize=\"() => console.log('Base Text')\"\r\n lgTextSize=\"() => console.log('Large Text')\"\r\n normalContrast=\"() => console.log('Normal Text')\"\r\n blindContrast=\"() => console.log('Blind Text')\"\r\n redContrast=\"() => console.log('Red Text')\"\r\n greenContrast=\"() => console.log('Green Text')\"\r\n \r\n close_menu_button_name=\"${args.close_menu_button_name}\"\r\n close_sidebar_button_name=\"${args.close_sidebar_button_name}\"\r\n\r\n header_menu_dropdown_type=\"${args.header_menu_dropdown_type}\"\r\n quick-links='${JSON.stringify(args.quickLinks)}'\r\n side-main-menu-title=\"${args.sideMainMenuTitle}\"\r\n side-menu-items='${JSON.stringify(args.sideMenuItems)}'\r\n hide-other-menu=\"${args.hideOtherMenu}\"\r\n side-other-menu-title=\"${args.sideOtherMenuTitle}\"\r\n other-menu-items='${JSON.stringify(args.otherMenuItems)}'\r\n \r\n ></dda-header>\r\n <script>\r\n (function () {\r\n const args = {\r\n languageSwitch: () => console.log('Language Switch'),\r\n smTextSize: () => console.log('Small Text'),\r\n baseTextSize: () => console.log('Base Text'),\r\n lgTextSize: () => console.log('Large Text'),\r\n normalContrast: () => console.log('Normal Contrast'),\r\n blindContrast: () => console.log('Blind Contrast'),\r\n redContrast: () => console.log('Red Contrast'),\r\n greenContrast: () => console.log('Green Contrast'),\r\n accessibilitymenufunctionality: () => console.log('Accessibility Menu'),\r\n searchfunctionality: () => console.log('Search Functionality'),\r\n };\r\n\r\n const header = document.querySelector('dda-header');\r\n if (!header) {\r\n console.warn('dda-header element not found');\r\n return;\r\n }\r\n\r\n header.addEventListener('languageSwitch', ${args.languageSwitch});\r\n header.addEventListener('smTextSize', ${args.smTextSize});\r\n header.addEventListener('baseTextSize', ${args.baseTextSize});\r\n header.addEventListener('lgTextSize', ${args.lgTextSize});\r\n header.addEventListener('normalContrast', ${args.normalContrast});\r\n header.addEventListener('blindContrast', ${args.blindContrast});\r\n header.addEventListener('redContrast', ${args.redContrast});\r\n header.addEventListener('greenContrast', ${args.greenContrast});\r\n header.addEventListener('accessibilitymenufunctionality', ${args.accessibilitymenufunctionality});\r\n header.addEventListener('searchfunctionality', ${args.searchfunctionality});\r\n })();\r\n </script>\r\n `;\r\n\r\n\r\n\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n first_logo_href: \"https://www.dubai.gov.ae\",\r\n firstlogoSrc: \"https://www.dof.gov.ae/Style Library/img/gov-logo.svg\",\r\n firstLogoWhiteSrc: \"https://www.dof.gov.ae/Style Library/img/gov-logo-white.svg\",\r\n firstLogoAlt: \"Dubai-Digital-Authority\",\r\n second_logo_href: \"https://www.dubai.gov.ae\",\r\n secondLogoSrc: \"https://www.digitaldubai.ae/ResourcePackages/Theme/assets/dist/images/logo.svg\",\r\n secondLogoWhiteSrc: \"https://www.digitaldubai.ae/ResourcePackages/Theme/assets/dist/images/logo-white.svg\",\r\n secondLogoAlt: \"Dubai-Digital-Authority\",\r\n\r\n hamburger_menu_button_name:\"Menu\",\r\n search_button_name:\"search_button_name\",\r\n search_input_name:\"search_input_name\",\r\n search_input_placeholder:\"Search\",\r\n searchfunctionality: \"() => console.log('Search Functionality')\",\r\n\r\n usePredesignedAccessibilityMenu: true,\r\n accessibility_button_text:\"accessibility_button_text\",\r\n accessibility_button_id:\"accessibility_button_id\",\r\n toggle_accessibility_button_name:\"toggle_accessibility_button_name\",\r\n close_accessibility_button_name:\"close_accessibility_button_name\",\r\n accessibilitymenufunctionality: \"() => console.log('Accessibility Menu Functionality')\",\r\n\r\n contrast_title:\"Contrast\",\r\n contrast_description:\"Select your preferred contrast setting\",\r\n contrast_noraml_text:\"Normal\",\r\n contrast_color_blind_text:\"Colours Blind\",\r\n contrast_red_weakness_text:\"Red Weakness\",\r\n contrast_green_weakness_text:\"Green Weakness\",\r\n\r\n screen_reader_title:\"Screen Reader\",\r\n screen_reader_description:\"Listen to the content of the page by clicking play or listen\",\r\n text_size_title:\"Text Size\",\r\n text_size_description:\"Use the buttons below to increase or decrease the text size\",\r\n\r\n language_text: \"العربية\",\r\n language_button_name:\"language_button_name\",\r\n loginText: \"Login\",\r\n loginLink: \"/Login\",\r\n \r\n readSpeakerLink: \"app-eu.readspeaker.com\",\r\n languageSwitch: \"() => console.log('Language Switcher')\",\r\n smTextSize: \"() => console.log('Small Text')\",\r\n baseTextSize: \"() => console.log('Base Text')\",\r\n lgTextSize: \"() => console.log('Large Text')\",\r\n normalContrast: \"() => console.log('Normal Contrast')\",\r\n blindContrast: \"() => console.log('Blind Contrast')\",\r\n redContrast: \"() => console.log('Red Contrast')\",\r\n greenContrast: \"() => console.log('Green Contrast')\",\r\n \r\n close_menu_button_name:\"close_menu_button_name\",\r\n close_sidebar_button_name:\"close_sidebar_button_name\",\r\n\r\n header_menu_dropdown_type:\"dda-megamenu\",\r\n quickLinks: [\r\n { label: 'Home', active: 'true', href: '#', subMenu: [] },\r\n {\r\n label: 'Services',\r\n menuLabel: 'Services',\r\n href: '#',\r\n subMenu: [\r\n { title: 'Web Development', description: 'Build and maintain websites', icon: 'sentiment_satisfied', href: '#' },\r\n { title: 'SEO Services', description: 'Improve your site ranking', icon: 'sentiment_satisfied', href: '#' },\r\n { title: 'SEO Services', description: 'Improve your site ranking', icon: 'sentiment_satisfied', href: '#' },\r\n { title: 'SEO Services', description: 'Improve your site ranking', icon: 'sentiment_satisfied', href: '#' },\r\n { title: 'SEO Services', description: 'Improve your site ranking', icon: 'sentiment_satisfied', href: '#' },\r\n { title: 'SEO Services', description: 'Improve your site ranking', icon: 'sentiment_satisfied', href: '#' },\r\n { title: 'SEO Services', description: 'Improve your site ranking', icon: 'sentiment_satisfied', href: '#' },\r\n { title: 'SEO Services', description: 'Improve your site ranking', icon: 'sentiment_satisfied', href: '#' },\r\n { title: 'SEO Services', description: 'Improve your site ranking', icon: 'sentiment_satisfied', href: '#' },\r\n { title: 'SEO Services', description: 'Improve your site ranking', icon: 'sentiment_satisfied', href: '#' },\r\n\r\n ],\r\n },\r\n { label: 'About', href: '#', subMenu: [] },\r\n { label: 'Contact', href: '#', subMenu: [] },\r\n ],\r\n\r\n sideMainMenuTitle: \"Main Menu\",\r\n sideMenuItems: [\r\n { label: 'Home', href: '#', subMenu: [] },\r\n {\r\n label: 'Initiatives',\r\n href: '#',\r\n subMenu: [\r\n { headerLabel: 'Initiatives', label: 'Submenu-1', href: '#', subMenu: [\r\n { headerLabel: 'Initiatives', label: 'Submenu-2', href: '#', subMenu: [\r\n { headerLabel: 'Initiatives', label: 'Submenu-4', href: '#' }\r\n ] },\r\n { headerLabel: 'Initiatives', label: 'Submenu-3', href: '#' }\r\n ] },\r\n { headerLabel: 'Initiatives', label: 'Submenu-1', href: '#', subMenu: [\r\n { headerLabel: 'Initiatives', label: 'Submenu-2', href: '#', subMenu: [\r\n { headerLabel: 'Initiatives', label: 'Submenu-4', href: '#' }\r\n ] },\r\n { headerLabel: 'Initiatives', label: 'Submenu-3', href: '#' }\r\n ] },\r\n ],\r\n },\r\n { label: 'Services', href: '#', subMenu: [\r\n { headerLabel: 'Service', label: 'Service-1', href: '#' },\r\n { headerLabel: 'Service', label: 'Service-2', href: '#' },\r\n ]},\r\n { label: 'Data', href: '#', subMenu: [] },\r\n { label: 'Government Services', href: '#', subMenu: [] },\r\n { label: 'Investor Relations', href: '#', subMenu: [] },\r\n { label: 'Locations', href: '#', subMenu: [] },\r\n { label: 'Newsroom', href: '#', subMenu: [] },\r\n { label: 'Contact Us', href: '#', subMenu: [] },\r\n ],\r\n\r\n hideOtherMenu: false,\r\n sideOtherMenuTitle: \"Other\",\r\n otherMenuItems: [\r\n { label: 'Menu 1', href: '#' },\r\n { label: 'Menu 2', href: '#' },\r\n { label: 'Menu 3', href: '#' },\r\n ],\r\n \r\n \r\n};\r\n"]}

package/dist/collection/components/dda-home-banner/dda-home-banner.js CHANGED Viewed

@@ -163,7 +163,7 @@ export class DdaHomeBanner {
         }
     }
     render() {
-        return (h(Host, { key: '3b5a5c04f52753b204b52194d59cd7f12b78319e' }, h("div", { key: 'fe40c86c8107e22025745a76c9d096dd96b90e6c', class: "dda-home-banner" }, h("div", { key: '9bbfe5239ba055528c899bdd81db541540e2d3e8', class: "dda-home-slides" }, h("slot", { key: 'f4db9c8bdbf16a81ae84fa07ce97966052b9efa2' })), h("div", { key: '102976123afb109a60c0537d0f310c0f8eb22c2b', class: "dda-home-banner-slider-nav" }, h("div", { key: '07b9372a2da139228adfbce4c7eccb4d6e58257d', class: "dda-home-banner-slider-nav-content" }, h("button", { key: '9077efeeeaba15004d898e59f3f2c53e7818009f', class: "dda-home-banner-prev", onClick: () => this.prevSlide() }, h("i", { key: '8569ef7320860712c6c3517fd0d2bf2f994a44f7', class: "material-icons" }, "chevron_left")), h("button", { key: '7130572c53fc48eb2821818e03569a07cb605ade', class: "dda-home-banner-Pause", onClick: () => this.toggleAutoplay() }, h("span", { key: '4618cd8dd91069bd90286a18859d2f9738e50300' }, h("svg", { key: '6b9ba4f2f841890c42190e410747d87a7b85a084', class: "main-circle", width: "25", height: "26", viewBox: "0 0 25 26", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f028b19cc5533839f0b60c2afc993613d60a1dd0', class: "circle-loader", d: "M8.61616 4.62474C9.35885 4.35949 10.4729 3.92017 12.146 3.92017C16.7619 3.92017 21.1489 7.55969 21.1489 12.9247C20.9849 18.8126 16.4271 21.9202 12.146 21.9202C7.78471 21.9202 3.16382 18.5036 3.16382 12.9601C3.16382 11.8748 3.2148 11.4931 3.48806 10.4602", stroke: "white", "stroke-width": "2", "stroke-linecap": "round" }), h("circle", { key: '8c1b608ba34493a19a3d88c5a32c5773938530dc', class: "dott", cx: "5.17456", cy: "6.92017", r: "1.44751", fill: "white" })), this.autoPlayActive ? (h("svg", { class: "nav-pause-icon", width: "7", height: "7", viewBox: "0 0 7 7", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.482666 0.548584H2.48267V6.54858H0.482666V0.548584Z", fill: "white" }), h("path", { d: "M4.47974 0.548584H6.47974V6.54858H4.47974V0.548584Z", fill: "white" }))) : (h("svg", { class: "nav-play-icon", width: "9", height: "9", viewBox: "0 0 9 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M7.9682 3.68255C8.63487 4.06745 8.63487 5.0297 7.9682 5.4146L2.31372 8.67922C1.64705 9.06412 0.813721 8.58299 0.813721 7.81319L0.813721 1.28396C0.813721 0.51416 1.64705 0.0330374 2.31372 0.417938L7.9682 3.68255Z", fill: "white" }))))), h("ul", { key: '8848ad9784e800337e7c2b2aa080ccc587ec2554' }, this.slides.map((_, index) => (h("div", { class: this.currentSlide === index ? 'dots active' : 'dots', onClick: () => this.setSlide(index) })))), h("button", { key: 'cb54bf006158294c73f8b3c5576314c5fd196267', class: "dda-home-banner-next", onClick: () => this.nextSlide() }, h("i", { key: '564ed874c79e5729ca42cc7fc38e8d1a9b8f99a3', class: "material-icons" }, "chevron_right"))), h("dda-scroll-icon", { key: 'b8eb9c41776d9282dbf302c3406db86a71f5f728', scroll_icon_size: "sm", scroll_icon_color: "white", custom_class: "", component_mode: "", class: "hydrated" })))));
+        return (h(Host, { key: '3b5a5c04f52753b204b52194d59cd7f12b78319e' }, h("div", { key: 'fe40c86c8107e22025745a76c9d096dd96b90e6c', class: "dda-home-banner" }, h("div", { key: '9bbfe5239ba055528c899bdd81db541540e2d3e8', class: "dda-home-slides" }, h("slot", { key: 'f4db9c8bdbf16a81ae84fa07ce97966052b9efa2' })), h("div", { key: '102976123afb109a60c0537d0f310c0f8eb22c2b', class: "dda-home-banner-slider-nav" }, h("div", { key: '07b9372a2da139228adfbce4c7eccb4d6e58257d', class: "dda-home-banner-slider-nav-content" }, h("button", { key: '9077efeeeaba15004d898e59f3f2c53e7818009f', class: "dda-home-banner-prev", onClick: () => this.prevSlide() }, h("i", { key: '8569ef7320860712c6c3517fd0d2bf2f994a44f7', class: "material-icons" }, "chevron_left")), h("button", { key: '7130572c53fc48eb2821818e03569a07cb605ade', class: "dda-home-banner-Pause", onClick: () => this.toggleAutoplay() }, h("span", { key: '4618cd8dd91069bd90286a18859d2f9738e50300' }, h("svg", { key: '6b9ba4f2f841890c42190e410747d87a7b85a084', class: "main-circle", width: "25", height: "26", viewBox: "0 0 25 26", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f028b19cc5533839f0b60c2afc993613d60a1dd0', class: "circle-loader", d: "M8.61616 4.62474C9.35885 4.35949 10.4729 3.92017 12.146 3.92017C16.7619 3.92017 21.1489 7.55969 21.1489 12.9247C20.9849 18.8126 16.4271 21.9202 12.146 21.9202C7.78471 21.9202 3.16382 18.5036 3.16382 12.9601C3.16382 11.8748 3.2148 11.4931 3.48806 10.4602", stroke: "white", "stroke-width": "2", "stroke-linecap": "round" }), h("circle", { key: '8c1b608ba34493a19a3d88c5a32c5773938530dc', class: "dott", cx: "5.17456", cy: "6.92017", r: "1.44751", fill: "white" })), this.autoPlayActive ? (h("svg", { class: "nav-pause-icon", width: "7", height: "7", viewBox: "0 0 7 7", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.482666 0.548584H2.48267V6.54858H0.482666V0.548584Z", fill: "white" }), h("path", { d: "M4.47974 0.548584H6.47974V6.54858H4.47974V0.548584Z", fill: "white" }))) : (h("svg", { class: "nav-play-icon", width: "9", height: "9", viewBox: "0 0 9 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M7.9682 3.68255C8.63487 4.06745 8.63487 5.0297 7.9682 5.4146L2.31372 8.67922C1.64705 9.06412 0.813721 8.58299 0.813721 7.81319L0.813721 1.28396C0.813721 0.51416 1.64705 0.0330374 2.31372 0.417938L7.9682 3.68255Z", fill: "white" }))))), h("ul", { key: '8848ad9784e800337e7c2b2aa080ccc587ec2554' }, this.slides.map((_, index) => (h("div", { class: this.currentSlide === index ? 'dots active' : 'dots', onClick: () => this.setSlide(index) })))), h("button", { key: 'cb54bf006158294c73f8b3c5576314c5fd196267', class: "dda-home-banner-next", onClick: () => this.nextSlide() }, h("i", { key: '564ed874c79e5729ca42cc7fc38e8d1a9b8f99a3', class: "material-icons" }, "chevron_right"))), h("div", { key: 'c49d5d46a930ea691e0cc4b0535c6bfa156ee462', class: "dda-mouse-scroll" }, h("dda-scroll-icon", { key: '733519e156116cc7b18724d639be5617b0e35e35', scroll_icon_size: "sm", scroll_icon_color: "white", custom_class: "", component_mode: "", class: "hydrated" }))))));
     }
     static get is() { return "dda-home-banner"; }
     static get originalStyleUrls() {

package/dist/collection/components/dda-home-banner/dda-home-banner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dda-home-banner.js","sourceRoot":"","sources":["../../../src/components/dda-home-banner/dda-home-banner.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Host, Component, h, State, Element, Prop, Watch } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-home-banner',\r\n styleUrls: ['home-banner.css', '../../global/global.css'],\r\n shadow: false,\r\n})\r\nexport class DdaHomeBanner {\r\n @Element() el: HTMLElement;\r\n\r\n /** Props /\r\n @Prop() autoplay: boolean = true;\r\n @Prop() interval: number = 3000;\r\n\r\n /* States /\r\n @State() currentSlide: number = 0;\r\n @State() slides: HTMLElement[] = [];\r\n @State() autoPlayActive: boolean = true;\r\n\r\n private autoPlayInterval: any;\r\n private pausedProgressOffset: number = 0;\r\n private animationFrameId: number \| null = null;\r\n\r\n componentDidLoad() {\r\n this.updateSlides();\r\n const slot = this.el.querySelector('slot');\r\n slot?.addEventListener('slotchange', () => this.updateSlides());\r\n\r\n this.autoPlayActive = this.autoplay;\r\n this.playVideoInCurrentSlide();\r\n this.startAutoplay();\r\n this.animateProgress(); // Initial animation\r\n }\r\n\r\n disconnectedCallback() {\r\n this.stopAutoplay();\r\n if (this.animationFrameId) {\r\n cancelAnimationFrame(this.animationFrameId);\r\n }\r\n }\r\n\r\n componentDidRender() {\r\n this.slides.forEach((slide, index) => {\r\n slide.classList.toggle('active', index === this.currentSlide);\r\n });\r\n }\r\n\r\n updateSlides() {\r\n this.slides = Array.from(this.el.querySelectorAll('slide'));\r\n if (this.slides.length > 0) {\r\n this.currentSlide = 0;\r\n }\r\n }\r\n\r\n startAutoplay() {\r\n this.stopAutoplay();\r\n\r\n if (this.autoPlayActive) {\r\n const slide = this.slides[this.currentSlide];\r\n const video = slide?.querySelector('video') as HTMLVideoElement;\r\n\r\n const setupTimer = (durationMs: number) => {\r\n this.autoPlayInterval = setInterval(() => {\r\n this.nextSlide();\r\n }, durationMs);\r\n this.animateProgress(1); // animate full ring\r\n };\r\n\r\n if (video) {\r\n if (video.readyState >= 1) {\r\n setupTimer(video.duration 1000);\r\n } else {\r\n video.addEventListener('loadedmetadata', () => {\r\n setupTimer(video.duration * 1000);\r\n }, { once: true });\r\n }\r\n } else {\r\n setupTimer(this.interval);\r\n }\r\n }\r\n }\r\n\r\n stopAutoplay() {\r\n if (this.autoPlayInterval) {\r\n clearInterval(this.autoPlayInterval);\r\n this.autoPlayInterval = null;\r\n }\r\n }\r\n\r\n toggleAutoplay() {\r\n const circle = this.el.querySelector('.circle-loader') as SVGPathElement;\r\n const video = this.slides[this.currentSlide]?.querySelector('video') as HTMLVideoElement;\r\n\r\n this.autoPlayActive = !this.autoPlayActive;\r\n\r\n if (this.autoPlayActive) {\r\n this.startAutoplay();\r\n\r\n const offset = this.pausedProgressOffset;\r\n const totalLength = circle?.getTotalLength() \|\| 1;\r\n const startRatio = offset / totalLength;\r\n\r\n if (video) video.play();\r\n this.animateProgress(startRatio);\r\n } else {\r\n this.stopAutoplay();\r\n\r\n if (this.animationFrameId) {\r\n cancelAnimationFrame(this.animationFrameId);\r\n this.animationFrameId = null;\r\n }\r\n\r\n if (circle) {\r\n const style = window.getComputedStyle(circle);\r\n const strokeDashoffset = parseFloat(style.strokeDashoffset \|\| '0');\r\n this.pausedProgressOffset = strokeDashoffset;\r\n }\r\n\r\n if (video) video.pause();\r\n }\r\n }\r\n\r\n playVideoInCurrentSlide() {\r\n this.slides.forEach((slide, index) => {\r\n const video = slide.querySelector('video') as HTMLVideoElement;\r\n if (video) {\r\n if (index === this.currentSlide) {\r\n video.currentTime = 0;\r\n video.play();\r\n } else {\r\n video.pause();\r\n }\r\n }\r\n });\r\n }\r\n\r\n nextSlide() {\r\n this.currentSlide = (this.currentSlide + 1) % this.slides.length;\r\n }\r\n\r\n prevSlide() {\r\n this.currentSlide = (this.currentSlide - 1 + this.slides.length) % this.slides.length;\r\n }\r\n\r\n setSlide(index: number) {\r\n this.currentSlide = index;\r\n }\r\n\r\n @Watch('currentSlide')\r\n onSlideChanged() {\r\n this.animateProgress();\r\n this.playVideoInCurrentSlide();\r\n this.startAutoplay(); // restart with correct duration\r\n }\r\n\r\n animateProgress(startRatio = 1) {\r\n const circle = this.el.querySelector('.circle-loader') as SVGPathElement;\r\n if (!circle) return;\r\n\r\n const length = circle.getTotalLength();\r\n const slide = this.slides[this.currentSlide];\r\n const video = slide?.querySelector('video') as HTMLVideoElement;\r\n const duration = (video && video.duration ? video.duration * 1000 : this.interval) * startRatio;\r\n const start = performance.now();\r\n this.pausedProgressOffset = length * startRatio;\r\n\r\n circle.style.strokeDasharray = `${length}`;\r\n circle.style.strokeDashoffset = `${this.pausedProgressOffset}`;\r\n circle.style.transition = 'none';\r\n\r\n const animate = (now: number) => {\r\n const elapsed = now - start;\r\n const progress = Math.min(elapsed / duration, 1);\r\n const newOffset = length * (1 - progress) * startRatio;\r\n circle.style.strokeDashoffset = `${newOffset}`;\r\n\r\n if (progress < 1) {\r\n this.animationFrameId = requestAnimationFrame(animate);\r\n }\r\n };\r\n\r\n if (this.animationFrameId) {\r\n cancelAnimationFrame(this.animationFrameId);\r\n }\r\n this.animationFrameId = requestAnimationFrame(animate);\r\n }\r\n\r\n resetProgress() {\r\n const circle = this.el.querySelector('.circle-loader') as SVGPathElement;\r\n if (circle) {\r\n const length = circle.getTotalLength();\r\n circle.style.transition = 'none';\r\n circle.style.strokeDashoffset = `${length}`;\r\n this.pausedProgressOffset = length;\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class=\"dda-home-banner\">\r\n <div class=\"dda-home-slides\">\r\n <slot></slot>\r\n </div>\r\n\r\n <div class=\"dda-home-banner-slider-nav\">\r\n <div class=\"dda-home-banner-slider-nav-content\">\r\n <button class=\"dda-home-banner-prev\" onClick={() => this.prevSlide()}>\r\n <i class=\"material-icons\">chevron_left</i>\r\n </button>\r\n\r\n <button class=\"dda-home-banner-Pause\" onClick={() => this.toggleAutoplay()}>\r\n <span>\r\n <svg class=\"main-circle\" width=\"25\" height=\"26\" viewBox=\"0 0 25 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path class=\"circle-loader\" d=\"M8.61616 4.62474C9.35885 4.35949 10.4729 3.92017 12.146 3.92017C16.7619 3.92017 21.1489 7.55969 21.1489 12.9247C20.9849 18.8126 16.4271 21.9202 12.146 21.9202C7.78471 21.9202 3.16382 18.5036 3.16382 12.9601C3.16382 11.8748 3.2148 11.4931 3.48806 10.4602\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" />\r\n <circle class=\"dott\" cx=\"5.17456\" cy=\"6.92017\" r=\"1.44751\" fill=\"white\" />\r\n </svg>\r\n {this.autoPlayActive ? (\r\n <svg class=\"nav-pause-icon\" width=\"7\" height=\"7\" viewBox=\"0 0 7 7\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M0.482666 0.548584H2.48267V6.54858H0.482666V0.548584Z\" fill=\"white\"/>\r\n <path d=\"M4.47974 0.548584H6.47974V6.54858H4.47974V0.548584Z\" fill=\"white\"/>\r\n </svg>\r\n ) : (\r\n <svg class=\"nav-play-icon\" width=\"9\" height=\"9\" viewBox=\"0 0 9 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M7.9682 3.68255C8.63487 4.06745 8.63487 5.0297 7.9682 5.4146L2.31372 8.67922C1.64705 9.06412 0.813721 8.58299 0.813721 7.81319L0.813721 1.28396C0.813721 0.51416 1.64705 0.0330374 2.31372 0.417938L7.9682 3.68255Z\" fill=\"white\"/>\r\n </svg>\r\n )}\r\n </span>\r\n </button>\r\n\r\n <ul>\r\n {this.slides.map((_, index) => (\r\n <div\r\n class={this.currentSlide === index ? 'dots active' : 'dots'}\r\n onClick={() => this.setSlide(index)}\r\n ></div>\r\n ))}\r\n </ul>\r\n\r\n <button class=\"dda-home-banner-next\" onClick={() => this.nextSlide()}>\r\n <i class=\"material-icons\">chevron_right</i>\r\n </button>\r\n </div>\r\n <dda-scroll-icon\r\n scroll_icon_size=\"sm\"\r\n scroll_icon_color=\"white\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n class=\"hydrated\"\r\n ></dda-scroll-icon>\r\n \r\n </div>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"dda-home-banner.js","sourceRoot":"","sources":["../../../src/components/dda-home-banner/dda-home-banner.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Host, Component, h, State, Element, Prop, Watch } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-home-banner',\r\n styleUrls: ['home-banner.css', '../../global/global.css'],\r\n shadow: false,\r\n})\r\nexport class DdaHomeBanner {\r\n @Element() el: HTMLElement;\r\n\r\n /** Props /\r\n @Prop() autoplay: boolean = true;\r\n @Prop() interval: number = 3000;\r\n\r\n /* States /\r\n @State() currentSlide: number = 0;\r\n @State() slides: HTMLElement[] = [];\r\n @State() autoPlayActive: boolean = true;\r\n\r\n private autoPlayInterval: any;\r\n private pausedProgressOffset: number = 0;\r\n private animationFrameId: number \| null = null;\r\n\r\n componentDidLoad() {\r\n this.updateSlides();\r\n const slot = this.el.querySelector('slot');\r\n slot?.addEventListener('slotchange', () => this.updateSlides());\r\n\r\n this.autoPlayActive = this.autoplay;\r\n this.playVideoInCurrentSlide();\r\n this.startAutoplay();\r\n this.animateProgress(); // Initial animation\r\n }\r\n\r\n disconnectedCallback() {\r\n this.stopAutoplay();\r\n if (this.animationFrameId) {\r\n cancelAnimationFrame(this.animationFrameId);\r\n }\r\n }\r\n\r\n componentDidRender() {\r\n this.slides.forEach((slide, index) => {\r\n slide.classList.toggle('active', index === this.currentSlide);\r\n });\r\n }\r\n\r\n updateSlides() {\r\n this.slides = Array.from(this.el.querySelectorAll('slide'));\r\n if (this.slides.length > 0) {\r\n this.currentSlide = 0;\r\n }\r\n }\r\n\r\n startAutoplay() {\r\n this.stopAutoplay();\r\n\r\n if (this.autoPlayActive) {\r\n const slide = this.slides[this.currentSlide];\r\n const video = slide?.querySelector('video') as HTMLVideoElement;\r\n\r\n const setupTimer = (durationMs: number) => {\r\n this.autoPlayInterval = setInterval(() => {\r\n this.nextSlide();\r\n }, durationMs);\r\n this.animateProgress(1); // animate full ring\r\n };\r\n\r\n if (video) {\r\n if (video.readyState >= 1) {\r\n setupTimer(video.duration 1000);\r\n } else {\r\n video.addEventListener('loadedmetadata', () => {\r\n setupTimer(video.duration * 1000);\r\n }, { once: true });\r\n }\r\n } else {\r\n setupTimer(this.interval);\r\n }\r\n }\r\n }\r\n\r\n stopAutoplay() {\r\n if (this.autoPlayInterval) {\r\n clearInterval(this.autoPlayInterval);\r\n this.autoPlayInterval = null;\r\n }\r\n }\r\n\r\n toggleAutoplay() {\r\n const circle = this.el.querySelector('.circle-loader') as SVGPathElement;\r\n const video = this.slides[this.currentSlide]?.querySelector('video') as HTMLVideoElement;\r\n\r\n this.autoPlayActive = !this.autoPlayActive;\r\n\r\n if (this.autoPlayActive) {\r\n this.startAutoplay();\r\n\r\n const offset = this.pausedProgressOffset;\r\n const totalLength = circle?.getTotalLength() \|\| 1;\r\n const startRatio = offset / totalLength;\r\n\r\n if (video) video.play();\r\n this.animateProgress(startRatio);\r\n } else {\r\n this.stopAutoplay();\r\n\r\n if (this.animationFrameId) {\r\n cancelAnimationFrame(this.animationFrameId);\r\n this.animationFrameId = null;\r\n }\r\n\r\n if (circle) {\r\n const style = window.getComputedStyle(circle);\r\n const strokeDashoffset = parseFloat(style.strokeDashoffset \|\| '0');\r\n this.pausedProgressOffset = strokeDashoffset;\r\n }\r\n\r\n if (video) video.pause();\r\n }\r\n }\r\n\r\n playVideoInCurrentSlide() {\r\n this.slides.forEach((slide, index) => {\r\n const video = slide.querySelector('video') as HTMLVideoElement;\r\n if (video) {\r\n if (index === this.currentSlide) {\r\n video.currentTime = 0;\r\n video.play();\r\n } else {\r\n video.pause();\r\n }\r\n }\r\n });\r\n }\r\n\r\n nextSlide() {\r\n this.currentSlide = (this.currentSlide + 1) % this.slides.length;\r\n }\r\n\r\n prevSlide() {\r\n this.currentSlide = (this.currentSlide - 1 + this.slides.length) % this.slides.length;\r\n }\r\n\r\n setSlide(index: number) {\r\n this.currentSlide = index;\r\n }\r\n\r\n @Watch('currentSlide')\r\n onSlideChanged() {\r\n this.animateProgress();\r\n this.playVideoInCurrentSlide();\r\n this.startAutoplay(); // restart with correct duration\r\n }\r\n\r\n animateProgress(startRatio = 1) {\r\n const circle = this.el.querySelector('.circle-loader') as SVGPathElement;\r\n if (!circle) return;\r\n\r\n const length = circle.getTotalLength();\r\n const slide = this.slides[this.currentSlide];\r\n const video = slide?.querySelector('video') as HTMLVideoElement;\r\n const duration = (video && video.duration ? video.duration * 1000 : this.interval) * startRatio;\r\n const start = performance.now();\r\n this.pausedProgressOffset = length * startRatio;\r\n\r\n circle.style.strokeDasharray = `${length}`;\r\n circle.style.strokeDashoffset = `${this.pausedProgressOffset}`;\r\n circle.style.transition = 'none';\r\n\r\n const animate = (now: number) => {\r\n const elapsed = now - start;\r\n const progress = Math.min(elapsed / duration, 1);\r\n const newOffset = length * (1 - progress) * startRatio;\r\n circle.style.strokeDashoffset = `${newOffset}`;\r\n\r\n if (progress < 1) {\r\n this.animationFrameId = requestAnimationFrame(animate);\r\n }\r\n };\r\n\r\n if (this.animationFrameId) {\r\n cancelAnimationFrame(this.animationFrameId);\r\n }\r\n this.animationFrameId = requestAnimationFrame(animate);\r\n }\r\n\r\n resetProgress() {\r\n const circle = this.el.querySelector('.circle-loader') as SVGPathElement;\r\n if (circle) {\r\n const length = circle.getTotalLength();\r\n circle.style.transition = 'none';\r\n circle.style.strokeDashoffset = `${length}`;\r\n this.pausedProgressOffset = length;\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class=\"dda-home-banner\">\r\n <div class=\"dda-home-slides\">\r\n <slot></slot>\r\n </div>\r\n\r\n <div class=\"dda-home-banner-slider-nav\">\r\n <div class=\"dda-home-banner-slider-nav-content\">\r\n <button class=\"dda-home-banner-prev\" onClick={() => this.prevSlide()}>\r\n <i class=\"material-icons\">chevron_left</i>\r\n </button>\r\n\r\n <button class=\"dda-home-banner-Pause\" onClick={() => this.toggleAutoplay()}>\r\n <span>\r\n <svg class=\"main-circle\" width=\"25\" height=\"26\" viewBox=\"0 0 25 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path class=\"circle-loader\" d=\"M8.61616 4.62474C9.35885 4.35949 10.4729 3.92017 12.146 3.92017C16.7619 3.92017 21.1489 7.55969 21.1489 12.9247C20.9849 18.8126 16.4271 21.9202 12.146 21.9202C7.78471 21.9202 3.16382 18.5036 3.16382 12.9601C3.16382 11.8748 3.2148 11.4931 3.48806 10.4602\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" />\r\n <circle class=\"dott\" cx=\"5.17456\" cy=\"6.92017\" r=\"1.44751\" fill=\"white\" />\r\n </svg>\r\n {this.autoPlayActive ? (\r\n <svg class=\"nav-pause-icon\" width=\"7\" height=\"7\" viewBox=\"0 0 7 7\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M0.482666 0.548584H2.48267V6.54858H0.482666V0.548584Z\" fill=\"white\"/>\r\n <path d=\"M4.47974 0.548584H6.47974V6.54858H4.47974V0.548584Z\" fill=\"white\"/>\r\n </svg>\r\n ) : (\r\n <svg class=\"nav-play-icon\" width=\"9\" height=\"9\" viewBox=\"0 0 9 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M7.9682 3.68255C8.63487 4.06745 8.63487 5.0297 7.9682 5.4146L2.31372 8.67922C1.64705 9.06412 0.813721 8.58299 0.813721 7.81319L0.813721 1.28396C0.813721 0.51416 1.64705 0.0330374 2.31372 0.417938L7.9682 3.68255Z\" fill=\"white\"/>\r\n </svg>\r\n )}\r\n </span>\r\n </button>\r\n\r\n <ul>\r\n {this.slides.map((_, index) => (\r\n <div\r\n class={this.currentSlide === index ? 'dots active' : 'dots'}\r\n onClick={() => this.setSlide(index)}\r\n ></div>\r\n ))}\r\n </ul>\r\n\r\n <button class=\"dda-home-banner-next\" onClick={() => this.nextSlide()}>\r\n <i class=\"material-icons\">chevron_right</i>\r\n </button>\r\n </div>\r\n <div class=\"dda-mouse-scroll\">\r\n <dda-scroll-icon\r\n scroll_icon_size=\"sm\"\r\n scroll_icon_color=\"white\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n class=\"hydrated\"\r\n ></dda-scroll-icon>\r\n </div>\r\n </div>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/dda-home-banner/home-banner.css CHANGED Viewed

@@ -1,6 +1,6 @@
 .dda-home-banner {
   width: 100%;
-  height: 100vh;
+  height: calc(100vh - 64px);
   position: relative;
   overflow: hidden;
   display: block;
@@ -22,7 +22,7 @@
   left: 0;
   top: 0;
   width: 100%;
-  height: 100vh;
+  height: 100%;
   display: flex;
   transition: all 0.7s ease-in-out;
 }
@@ -65,7 +65,7 @@
   width: 100%;
   text-align: center;
   position: absolute;
-  bottom: 250px;
+  bottom: 215px;
   left: 0;
   display: flex;
   flex-direction: column;
@@ -103,10 +103,9 @@
   font-size: 25px;
   transition: all 0.2s linear;
 }
-.dda-home-banner-slider-nav .dda-home-banner-Pause
 .dda-home-banner-slider-nav .dda-home-banner-prev:hover,
 .dda-home-banner-slider-nav .dda-home-banner-next:hover {
-  background: rgba(0, 0, 0, 0.45);
+  background: rgba(0, 0, 0, 0.15);
 }
 .dda-home-banner-slider-nav .dda-home-banner-Pause span{
@@ -161,11 +160,7 @@
 }
-@media screen and (max-width:992px) {
-  .dda-home-banner-slider-nav {
-    bottom: 100px;
-  }
-}
 .dda-slider-timer-circle {
   transition: stroke-dashoffset 3s linear;
@@ -221,3 +216,32 @@
   'GRAD' 0,
   'opsz' 24
 }
+@media screen and (max-width:992px) {
+}
+@media (max-width: 1024px) {
+  .dda-home-banner {
+    height: calc(100vh);
+  }
+  .dda-home-banner .dda-slide-contant {
+        width: 100vw;
+    }
+  .dda-home-banner-slider-nav {
+    bottom: 300px;
+  }
+  .dda-mouse-scroll,
+  .dda-home-banner-prev,
+  .dda-home-banner-Pause,
+  .dda-home-banner-next{
+    display: none !important;
+  }
+  .dda-home-banner .dda-slide-contant-wrap{
+      display: inherit;
+      height: auto;
+      position: absolute;
+      bottom: 350px;
+    }
+}

package/dist/collection/components/dda-home-carousel/dda-home-carousel.css CHANGED Viewed

@@ -12,9 +12,9 @@
   -webkit-overflow-scrolling: touch;
   scrollbar-width: none;
   -ms-overflow-style: none;
-  padding-top: 26px;
 }
 .dda-home-carousel-track::-webkit-scrollbar {
   display: none;
 }
@@ -25,27 +25,43 @@
   scroll-snap-align: start;
   flex-shrink: 0;
   padding: 0px 2px;
+  padding-top: 20px;
+  overflow: hidden;
   /* width set via inline style like: style={{ flex: `0 0 ${itemWidth}%` }} */
 }
-/* Tablet View (2.25 items) */
+@media (max-width: 1200px) {
+  .dda-home-carousel-item {
+    flex: 0 0 24% !important;
+  }
+}
 @media (max-width: 1024px) {
   .dda-home-carousel-item {
-    flex: 0 0 45% !important; /* 2 full + 0.25 = ~45% each */
+    flex: 0 0 32% !important;
   }
 }
-/* Mobile View (1.25 items) */
-@media (max-width: 600px) {
+@media (max-width: 768px) {
   .dda-home-carousel-item {
-    flex: 0 0 80% !important; /* 1 full + 0.25 = ~80% each */
+    flex: 0 0 48% !important;
+  }
+}
+@media (max-width: 576px) {
+  .dda-home-carousel-item {
+    flex: 0 0 97% !important;
   }
 }
 .dda-home-carousel .dda-banner-card {
     height: 100%;
-    padding-bottom: 23px;
+    /* padding-bottom: 25px; */
+    border-radius: 16px 16px 0px 0px;
 }
 .dda-home-carousel .dda-banner-card::after{
   content: "";
@@ -58,22 +74,45 @@
   transform: rotate(45deg);
   left: 50%;
   margin-left: -10px;
+  /* display: none; */
+  transition: 0.3s;
+}
+.dda-home-carousel .dda-banner-card:hover{
+  border-radius: 16px;
 }
 @media (min-width: 1024px) {
-  .dda-home-carousel-item .dda-banner-card {
-      transform: translate(0, 12px);
-  }
   .dda-home-carousel-item:hover .dda-banner-card {
       transform: translate(0, -16px);
   }
 }
+@media (max-width: 1024px) {
+  .dda-home-carousel-item .dda-banner-card {
+    border-radius: 16px;
+  }
+}
+/*********************Placing style on the home page*************************/
+.dda-home-quick-links-wrap {
+    width: 100%;
+    z-index: 1;
+    position: absolute;
+    bottom: 64px;
+}
+.dda-home-quick-links {
+  width: 90vw;
+  margin: 0 auto;
+  gap: 8px;
+  padding: 0 20px;
+}
+@media screen and (max-width: 1024px) {
+    .dda-home-quick-links-wrap{
+        bottom: 100px;
+        padding-bottom: 0px;
+    }
+    .dda-home-quick-links{
+      width: 100vw;
+    }
+}

package/dist/collection/components/dda-home-carousel/dda-home-carousel.js CHANGED Viewed

@@ -72,7 +72,7 @@ export class DdaHomeCarousel {
     render() {
         const cardClass = ['dda-home-carousel', this.custom_class, this.component_mode].filter(Boolean).join(' ');
         const itemWidth = 100 / this.items_in_view;
-        return (h(Host, { key: 'dde47c226ae3ebf514912723fae1a54412eaebdb' }, h("div", { key: 'e2ade81f5371199eb6fac5b980211e4b6d27ce1b', class: cardClass }, h("div", { key: 'b32f2f39c122f4b69d2f9b7b4439da350b04552c', class: "dda-home-carousel-track", ref: (el) => (this.containerRef = el) }, this.parsedCardList.map((item, index) => (h("div", { class: "dda-home-carousel-item", key: index, style: { flex: `0 0 ${itemWidth}%` } }, h("dda-banner-card", { image_src: item.image_src, banner_card_title: item.banner_card_title, banner_card_description: item.banner_card_description, clickHandler: () => this.handleCardClick(item) }))))))));
+        return (h(Host, { key: '06266ef633e011155a9500df010c4bc47d6a6671' }, h("div", { key: 'fa4bf393ce9dee6c1c4b878ef1a822e853f90f46', class: cardClass }, h("div", { key: '3fc95f39f2c123c9bedf037867e83f2e4c043bec', class: "dda-home-carousel-track", ref: (el) => (this.containerRef = el) }, this.parsedCardList.map((item, index) => (h("div", { class: "dda-home-carousel-item", key: index, style: { flex: `0 0 ${itemWidth}%` } }, h("dda-banner-card", { image_src: item.image_src, banner_card_title: item.banner_card_title, banner_card_description: item.banner_card_description, clickHandler: () => this.handleCardClick(item) }))))))));
     }
     static get is() { return "dda-home-carousel"; }
     static get originalStyleUrls() {

package/dist/collection/components/dda-input/dda-input.js CHANGED Viewed

@@ -19,7 +19,7 @@ export class DdaInput {
             this.component_mode,
             this.input_name,
         ].filter(Boolean).join(' ');
-        return (h(Host, { key: 'e876cd2f19074afaf36488546192522fbd5d115d' }, h("div", { key: 'd37956158a6311ef96eb54cc3101adff676c16d6', class: inputClass }, this.label && h("label", { key: '21a4928c56fe66ed5e0d6ecdb99acc94c9e530ac', htmlFor: this.input_id, class: "dda-input-label" }, this.label), h("input", { key: 'b17f3ef37dad53c694089a08c93db6e3ecdf9d57', "aria-label": this.aria_label, id: this.input_id, name: this.input_name, type: this.type, placeholder: this.placeholder, value: this.value, onInput: (event) => this.handleInput(event), class: `dda-input-field dda-input-text ${this.type === 'date' && this.value ? 'has-value' : ''}` }), this.validation_type === 'error' && this.error_message ? (h("span", { class: "dda-error-message", id: this.validation_id }, this.error_message)) : (this.helper_text && (h("span", { class: "dda-helper-text", id: this.validation_id }, this.helper_text))))));
+        return (h(Host, { key: '3ec77787e731939d761bfbd831fcc343650b6c17' }, h("div", { key: '875f61a6b68863919f7765da49ca3ec45ac2c65e', class: inputClass }, this.label && h("label", { key: 'e161e6cd6982c532d74b4df00f25af3a0cb8b9f4', htmlFor: this.input_id, class: "dda-input-label" }, this.label), h("input", { key: 'b8f16cff07991961e791ab871df033fb515a1bf7', "aria-label": this.aria_label, id: this.input_id, name: this.input_name, type: this.type, placeholder: this.placeholder, value: this.value, onInput: (event) => this.handleInput(event), class: `dda-input-field dda-input-text ${this.type === 'date' && this.value ? 'has-value' : ''}` }), this.validation_type === 'error' && this.error_message ? (h("span", { class: "dda-error-message", id: this.validation_id }, this.error_message)) : (this.helper_text && (h("span", { class: "dda-helper-text", id: this.validation_id }, this.helper_text))))));
     }
     static get is() { return "dda-input"; }
     static get originalStyleUrls() {

package/dist/collection/components/dda-link-button/dda-link-button.js CHANGED Viewed

@@ -28,9 +28,9 @@ export class DdaLinkButton {
             this.custom_class, // Include custom class
             this.component_mode,
         ].filter(Boolean).join(' ');
-        return (h(Host, { key: '9ccd56c05f8f19e0c219751aef0089aeaa0859a6' }, h("a", { key: '36a909adaf40ada19d1ae48c77c185c62f9c80dc',
+        return (h(Host, { key: '51ce659c32916e274b51a74f536c6fff4117723a' }, h("a", { key: '3b4dc9bf266909b7b0351710086c226de0d64706',
             //   type={this.type}
-            id: this.button_id, rel: this.rel, "data-fancybox": this.data_fancybox, href: this.href, class: linkbuttonClass, "aria-label": this.aria_label }, this.start_icon && h("i", { key: '6a95056462083e829f2ee27361cd2125f905604c', class: "material-icons  material-symbols-outlined" }, this.start_icon), this.link_button_text, this.end_icon && h("i", { key: '9b338ece4aea6a2e5cf316184830e26072469ce7', class: "material-icons  material-symbols-outlined" }, this.end_icon))));
+            id: this.button_id, rel: this.rel, "data-fancybox": this.data_fancybox, href: this.href, class: linkbuttonClass, "aria-label": this.aria_label }, this.start_icon && h("i", { key: '4fb95c1100cfb285869a95ee89cec96b8d0ce8d6', class: "material-icons  material-symbols-outlined" }, this.start_icon), this.link_button_text, this.end_icon && h("i", { key: 'c951525198d88fb541662acaed4ca8c63406c67c', class: "material-icons  material-symbols-outlined" }, this.end_icon))));
     }
     static get is() { return "dda-link-button"; }
     static get originalStyleUrls() {

package/dist/collection/components/dda-number-field/dda-number-field.js CHANGED Viewed

@@ -56,7 +56,7 @@ export class DdaNumberField {
             this.custom_class ? `${this.custom_class}` : '',
             this.component_mode,
         ].filter(Boolean).join(' ');
-        return (h(Host, { key: 'ded7f6d2d6ae2e99e904a939b875db46a60e5c40', ref: el => (this.hostElement = el) }, h("div", { key: '34cf818c5649017fecb3a8c14d79c1642c025667', class: containerClass }, this.label && h("label", { key: '2245922aebe125f5d0616419a81431623384d362', htmlFor: this.input_id, class: "dda-input-label" }, this.label), h("div", { key: '79ebcf3c692a082a97a5c9cfad22d7f8a91aeeb7', class: "dda-input-field-group dda-number-field" }, h("input", { key: 'c44ffbd0e472ccc2423449126a3ef03db148c534', id: this.input_id, name: this.input_name, "aria-label": this.aria_label, type: "number", placeholder: this.placeholder, value: this.value, pattern: "[0-9]*", onInput: event => this.handleInput(event), onFocus: this.handleFocus.bind(this), onBlur: this.handleBlur.bind(this), class: "dda-field-group-input" }), h("div", { key: '5b750cd62e4641c1b5f73c6d22d666833972d42b', class: "dda-input-dropdown-btn" }, h("button", { key: '4a47c8d9fbf9ec32e3556d625c0da35c3e73ce7e', name: this.toggle_button_name, type: "button", class: "dda-dropdown-select", onClick: () => this.toggleCurrencyDropdown() }, this.selected_currency, " ", h("i", { key: '9e95fba552eed614c5ba7b96460a91d6ad143132', class: `material-icons` }, this.isCurrencyDropdownOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down')), this.isCurrencyDropdownOpen && (h("div", { key: 'cf7e519999dfb7b2bf97d02fb4fbcc7160fe4fa2', class: "dda-input-dropdown-list" }, this.parsedCurrencies.length > 0 ? (this.parsedCurrencies.map(option => (h("button", { name: this.currency_button_name, type: "button", class: `dda-input-dropdown-item ${this.selected_currency === option ? 'selected' : ''}`, onClick: () => this.selectCurrency(option) }, option)))) : (h("div", { class: "dda-input-dropdown-item" }, "No options available")))))), this.helper_text && h("span", { key: '768b0b52e22afd790e5e338ebd0e77bfd4682456', class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: '513b570ac86cc123d36e97bbfadd39d6b2adebc4', class: "dda-error-message" }, this.error_message))));
+        return (h(Host, { key: '796bdf718f523326728a39a5a302d637cf229f70', ref: el => (this.hostElement = el) }, h("div", { key: '95108779ad34268d795f896a1499a9dfa1d9936b', class: containerClass }, this.label && h("label", { key: 'a1cff34ce3895d6cfec1daa13bed32b790024632', htmlFor: this.input_id, class: "dda-input-label" }, this.label), h("div", { key: 'cb8c0dcae4101255ed19b43b4ac22a151e951018', class: "dda-input-field-group dda-number-field" }, h("input", { key: '93fa4ff1a96bb678ab24330827badaa5c1040871', id: this.input_id, name: this.input_name, "aria-label": this.aria_label, type: "number", placeholder: this.placeholder, value: this.value, pattern: "[0-9]*", onInput: event => this.handleInput(event), onFocus: this.handleFocus.bind(this), onBlur: this.handleBlur.bind(this), class: "dda-field-group-input" }), h("div", { key: '8939b46cd66e4c0353b1478b7fa8fe312f5b5376', class: "dda-input-dropdown-btn" }, h("button", { key: '2efb4b1f4bb2d9f6a08f5dce8dffc38c217609ff', name: this.toggle_button_name, type: "button", class: "dda-dropdown-select", onClick: () => this.toggleCurrencyDropdown() }, this.selected_currency, " ", h("i", { key: '02b0a37e07341df3c73d24f7e05c66e3b3f28156', class: `material-icons` }, this.isCurrencyDropdownOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down')), this.isCurrencyDropdownOpen && (h("div", { key: '66378478676f6054a090be8efa0052d0bc3042cc', class: "dda-input-dropdown-list" }, this.parsedCurrencies.length > 0 ? (this.parsedCurrencies.map(option => (h("button", { name: this.currency_button_name, type: "button", class: `dda-input-dropdown-item ${this.selected_currency === option ? 'selected' : ''}`, onClick: () => this.selectCurrency(option) }, option)))) : (h("div", { class: "dda-input-dropdown-item" }, "No options available")))))), this.helper_text && h("span", { key: '701712c5ba67a12e6a8a0263341b96a26c1104a9', class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: '6cf0276e5c04ebb098333bcd0dc2d657e5232b17', class: "dda-error-message" }, this.error_message))));
     }
     static get is() { return "dda-number-field"; }
     static get originalStyleUrls() {

package/dist/collection/components/dda-pagination/dda-pagination.js CHANGED Viewed

@@ -54,7 +54,7 @@ export class DdaPagination {
         }
     }
     render() {
-        return (h(Host, { key: '36987fb99d9eaa37210624839836affe62b6f76e' }, h("div", { key: '331a06d36e53506fcaba9364294e3444d051a154', class: `dda-pagination-container` }, this.renderPagination())));
+        return (h(Host, { key: 'ebb782b4fa9dd4010ffc2ca36a5a81190374731b' }, h("div", { key: '955ba466c90ff4d4b538015d5a2d2e37494eafdf', class: `dda-pagination-container` }, this.renderPagination())));
     }
     static get is() { return "dda-pagination"; }
     static get originalStyleUrls() {

package/dist/collection/components/dda-phonefield/dda-phonefield.js CHANGED Viewed

@@ -47,7 +47,7 @@ export class DdaPhoneField {
     }
     render() {
         const inputClass = `${this.component_mode} ${this.size ? `dda-input-size-${this.size}` : ''} ${this.error_message ? `dda-error-message` : ''}  ${this.validation_type ? `dda-validation-${this.validation_type}` : ''}  ${this.is_focused ? 'dda-input-focus' : ''} ${this.phone_number ? 'dda-input-focus-filled' : ''}`;
-        return (h(Host, { key: '22ebb18f14baf364813c638262c5775345b02659', ref: (el) => this.hostElement = el }, h("div", { key: '3cf2f6cbf69a1ec2e145d285d0394183fb984acf', class: `dda-input-container ${inputClass} ${this.custom_class} ${this.disabled ? 'dda-input-disabled' : ''}` }, this.label && h("label", { key: '101cce86acfd452acf44e09c78254580f69a69a8', htmlFor: this.input_id, class: "dda-input-label" }, this.label), h("div", { key: 'd08fe7a09af012f694037861212a4b0372c7cd66', class: `dda-input-field-group dda-phone-field` }, h("div", { key: 'a9fb45cb6b58fd936bc114df027a5c2dee1c65d9', class: "dda-input-dropdown-btn" }, h("button", { key: 'e720e4a097dbb4a0ace74464489c7c37219151a8', type: "button", name: this.toggle_button_name, class: "dda-dropdown-select", onClick: () => this.toggleDropdown() }, h("img", { key: 'ba3965512fbc8f13132cb252f3bc6694c52499d1', src: this.country_flag, alt: "", width: "20" }), " ", this.country_code, " ", h("i", { key: '6592be347072c8d5e21d5d7d4b603c7abb84ea25', class: `material-icons` }, this.dropdown_open ? 'keyboard_arrow_down' : 'keyboard_arrow_down')), this.dropdown_open && (h("div", { key: 'b64bae0e5b7c11070abb184346bb886246fac1af', class: "dda-input-dropdown-list" }, this.countries.map(country => (h("button", { id: this.button_id, name: this.country_select_button_name, "aria-label": this.button_aria_label, type: "button", class: "country-select dda-input-dropdown-item", onClick: () => this.selectCountry(country) }, h("img", { src: country.flag, alt: "", width: "20" }), " ", country.code)))))), h("input", { key: '80aa052b19c29321c240b9ebf11361f06a98e58e', id: this.input_id, name: this.phone_input_name, "aria-label": this.aria_label, type: "number", class: `dda-field-group-input`, placeholder: this.placeholder, inputmode: 'numeric', pattern: "[0-9]*", value: this.phone_number, onInput: this.handlephonenumberChange.bind(this), onFocus: this.handleFocus.bind(this), onBlur: this.handleBlur.bind(this), disabled: this.disabled })), this.helper_text && !this.validation_type && h("span", { key: 'd6032c9fbfadec7d7d6e600ddf795d88bb2f89d3', class: "dda-helper-text", id: this.validation_id }, this.helper_text), this.error_message && h("span", { key: '203967934ca3b036b0824dd1c583ed2b69c2ac5b', class: "dda-error-message", id: this.validation_id }, this.error_message))));
+        return (h(Host, { key: 'fa09b88f7566c0a5fbf8874208a6ecdce6baf4ab', ref: (el) => this.hostElement = el }, h("div", { key: '4e53b1cd68980c4f480e683822836a6f63ef0a05', class: `dda-input-container ${inputClass} ${this.custom_class} ${this.disabled ? 'dda-input-disabled' : ''}` }, this.label && h("label", { key: 'c95fe13c78a0356985358ce4165a751352ec0b03', htmlFor: this.input_id, class: "dda-input-label" }, this.label), h("div", { key: '2ebaf2467b2245245501aa03ca580e4c1685b7d6', class: `dda-input-field-group dda-phone-field` }, h("div", { key: '318b45c78a4dd1ede12f1b70b70d015d09cbec7c', class: "dda-input-dropdown-btn" }, h("button", { key: '3b7b2c77ac23311a863d134a062296689c09ff21', type: "button", name: this.toggle_button_name, class: "dda-dropdown-select", onClick: () => this.toggleDropdown() }, h("img", { key: 'd07ad5eb7d6678cd359cc9a3a9734fd279190be1', src: this.country_flag, alt: "", width: "20" }), " ", this.country_code, " ", h("i", { key: 'fc52693a79cace37a4cce7075571ab6198110c52', class: `material-icons` }, this.dropdown_open ? 'keyboard_arrow_down' : 'keyboard_arrow_down')), this.dropdown_open && (h("div", { key: 'ebf8a34b9f107dedcaa68b5389ecf00018d6a23a', class: "dda-input-dropdown-list" }, this.countries.map(country => (h("button", { id: this.button_id, name: this.country_select_button_name, "aria-label": this.button_aria_label, type: "button", class: "country-select dda-input-dropdown-item", onClick: () => this.selectCountry(country) }, h("img", { src: country.flag, alt: "", width: "20" }), " ", country.code)))))), h("input", { key: 'bc8b36048f88db91a0bc23d33fe991b5e02899e0', id: this.input_id, name: this.phone_input_name, "aria-label": this.aria_label, type: "number", class: `dda-field-group-input`, placeholder: this.placeholder, inputmode: 'numeric', pattern: "[0-9]*", value: this.phone_number, onInput: this.handlephonenumberChange.bind(this), onFocus: this.handleFocus.bind(this), onBlur: this.handleBlur.bind(this), disabled: this.disabled })), this.helper_text && !this.validation_type && h("span", { key: '0c8df81a6cc94eb15bfe8d3e0232e6e1fe9384c0', class: "dda-helper-text", id: this.validation_id }, this.helper_text), this.error_message && h("span", { key: 'c83c12c311fbfdbad853884f433df57167d27638', class: "dda-error-message", id: this.validation_id }, this.error_message))));
     }
     static get is() { return "dda-phonefield"; }
     static get originalStyleUrls() {

package/dist/collection/components/dda-progressbar/dda-progressbar.js CHANGED Viewed

@@ -10,7 +10,7 @@ export class DdaProgressBar {
         const progressStyle = {
             width: `${this.progress}%`,
         };
-        return (h(Host, { key: 'db4809d31aeb5d152f6cd7aed4e443ac575302c5' }, h("div", { key: '6f58debe42b07dd9a2d3b697d1e5ecf350d40a47', class: `dda-progress-bar-container ${this.custom_class} ${this.component_mode}` }, h("div", { key: 'a4f5a90ecc148a4f7fd9cc5fb2d82329f70c559c', class: "dda-progress-bar" }, h("div", { key: '27a6400a361a62a19e0d6eddb2595043eda250f8', class: "dda-progress-value", style: progressStyle }, this.tooltip && (h("div", { key: '07e9cace731d345e0e7407b4c12152466d6638f0', class: `dda-tooltip tooltip-${this.tooltip_position}` }, this.progress, "%")))), this.show_percentage_text && (h("span", { key: '4b6aa7bc00f53d6a451c16a28a9ef59e8d960c4f', class: "dda-percentage-text" }, this.progress, "%")))));
+        return (h(Host, { key: '866c60a6b4de92e293a63960c989c2f50be811cd' }, h("div", { key: '9ececd9ebf1339a1dfc504fbd9f7ae3dd859fd3c', class: `dda-progress-bar-container ${this.custom_class} ${this.component_mode}` }, h("div", { key: '28a983e8ce5ac0db0ac1b81475fc10de0e8eed6e', class: "dda-progress-bar" }, h("div", { key: 'c74a26e2ee1b46e84ca9fcc07a3e8f3533288a54', class: "dda-progress-value", style: progressStyle }, this.tooltip && (h("div", { key: '5836cb6a920447838a2e4a47ad1eef194491e824', class: `dda-tooltip tooltip-${this.tooltip_position}` }, this.progress, "%")))), this.show_percentage_text && (h("span", { key: 'f6fd2881748103a50e89582c22838da916096ea2', class: "dda-percentage-text" }, this.progress, "%")))));
     }
     static get is() { return "dda-progressbar"; }
     static get originalStyleUrls() {

package/dist/collection/components/dda-radiobutton/dda-radiobutton.js CHANGED Viewed

@@ -14,7 +14,7 @@ export class DdaRadiobutton {
             this.radio_status ? `dda-radio-${this.radio_status}` : '',
             this.component_mode,
         ].filter(Boolean).join(' ');
-        return (h(Host, { key: 'd5e7e76530d77b7a4bfe721f8b2a021acf93ce50' }, h("div", { key: '263f9be6a51c3ea1fcf962b3f432f4a98e8c8608', class: radiobuttonClass }, h("input", { key: '073dbad4535d76ffa5e25ba2aaca8789dd2c6235', "aria-label": this.aria_label, type: "radio", id: this.input_id, name: this.group_name, checked: this.checked }), h("label", { key: '9b6db508c288eccbb7c9dfbbc09860320bb86939', htmlFor: this.input_id }, h("span", { key: 'e30584cca12be4e3daac4bf4328cfd3b5da4d7b6', class: "radio-circle" }), h("p", { key: 'b6aed4693b1ea3b66b89983162cae063351ba80e' }, h("span", { key: '226a83ecc0f80925589fec7b2d286711f36d6063', class: "radio-title" }, this.title_text), this.validation_type === 'error' && this.error_message ? (h("span", { class: "radio-error-message", id: this.validation_id }, this.error_message)) : (this.supporting && (h("span", { class: "dda-helper-text", id: this.validation_id }, this.supporting))))))));
+        return (h(Host, { key: '1ce31527e9d1dc98019417620c4430315470496e' }, h("div", { key: 'dcef96f70fb0c96de7e376b0a7b88b6a83b08036', class: radiobuttonClass }, h("input", { key: '56c581b9ba2a26c43c070ef47d2fa49b8b148d5f', "aria-label": this.aria_label, type: "radio", id: this.input_id, name: this.group_name, checked: this.checked }), h("label", { key: 'bec94ea9d31fa4a906576e64d5027f3af79aea9e', htmlFor: this.input_id }, h("span", { key: '92031f1e3623de39999b9672271c94c731c934f3', class: "radio-circle" }), h("p", { key: '0239034b9aace17fe27d85bc2cdc930586e8353c' }, h("span", { key: '6f97adc89b9a40cdf45079055741382696a9529f', class: "radio-title" }, this.title_text), this.validation_type === 'error' && this.error_message ? (h("span", { class: "radio-error-message", id: this.validation_id }, this.error_message)) : (this.supporting && (h("span", { class: "dda-helper-text", id: this.validation_id }, this.supporting))))))));
     }
     static get is() { return "dda-radiobutton"; }
     static get originalStyleUrls() {

package/dist/collection/components/dda-range-slider/dda-range-slider.js CHANGED Viewed

@@ -28,10 +28,10 @@ export class DdaRangeSlider {
         return ((value - this.min) / (this.max - this.min)) * 100;
     }
     render() {
-        return (h(Host, { key: '1478219844405f2d813db660ed42b046fb613e7c' }, h("div", { key: '3c6814853e723838dfa340a790b9e3a8b6d08d15', class: `dda-range-slider-container dda-tooltip-${this.tooltip_position} ${this.custom_class} ${this.component_mode}` }, h("div", { key: 'e34bf834445eecad655bb56c0dc18a6483649b1a', class: "dda-range-slider" }, h("div", { key: 'c29dd6722306cbeb70858dc20320587cc5a6e581', class: "dda-range-slider-track", style: {
+        return (h(Host, { key: '624b990b21666bfe3365e4fd44d96d6fcc462dcd' }, h("div", { key: '637303c78be3582a066d20a821203c5a9c7fd87d', class: `dda-range-slider-container dda-tooltip-${this.tooltip_position} ${this.custom_class} ${this.component_mode}` }, h("div", { key: 'cec30839e08a16e50ec7347e5645264abdd2e97d', class: "dda-range-slider" }, h("div", { key: '65f64fcebed89dd6b2b8dc5055fcea758bf16ab5', class: "dda-range-slider-track", style: {
                 left: `${this.getPercentage(this.min_value)}%`,
                 right: `${100 - this.getPercentage(this.max_value)}%`,
-            } }, h("span", { key: '93fc74b8b84352cb4e2b7fc1ba33aa58dc83acda', class: "min-label" }, this.min_value, "%"), h("span", { key: '819b2b5d5dd1df45542be80ccc569424ce062840', class: "max-label" }, this.max_value, "%")), h("label", { key: '09c382d4316c57b296b227b6aede4b71ab27795e', htmlFor: this.left_input_id }, h("input", { key: 'e3a3c6ad67d151a8bb7590cc71e0a375503e600f', id: this.left_input_id, name: this.left_input_name, "aria-label": this.left_aria_label, type: "range", min: this.min, max: this.max, step: this.step, value: this.min_value, onInput: (event) => this.handleMinChange(event), class: "dda-range-slider-input", style: { zIndex: `${this.min_value > this.max - this.min_value ? 5 : 3}` } })), h("label", { key: '07ede9139c7429e54c7cee46ca36e153dd743666', htmlFor: this.right_input_id }, h("input", { key: 'b2848530bad49a304a5b4b55051d2e1251d5398b', id: this.right_input_id, name: this.right_input_name, "aria-label": this.right_aria_label, type: "range", min: this.min, max: this.max, step: this.step, value: this.max_value, onInput: (event) => this.handleMaxChange(event), class: "dda-range-slider-input", style: { zIndex: `${this.max_value < this.max - this.min_value ? 5 : 3}` } }))))));
+            } }, h("span", { key: 'a5ec270cbf34ef82abacd1452ae14053f0125c84', class: "min-label" }, this.min_value, "%"), h("span", { key: '8f48ad33d608db1857ded0481f33d78d7281e1e4', class: "max-label" }, this.max_value, "%")), h("label", { key: '64e1ab09ceb9de0433f38371c6f237370a87dee5', htmlFor: this.left_input_id }, h("input", { key: 'adbc15b6c6c68a0347d468e072c7745a755a0a05', id: this.left_input_id, name: this.left_input_name, "aria-label": this.left_aria_label, type: "range", min: this.min, max: this.max, step: this.step, value: this.min_value, onInput: (event) => this.handleMinChange(event), class: "dda-range-slider-input", style: { zIndex: `${this.min_value > this.max - this.min_value ? 5 : 3}` } })), h("label", { key: '1fb13044ce76a24a3c4424698176de8502e8f192', htmlFor: this.right_input_id }, h("input", { key: '6a606841a86607c8a59c1fdb6307f54dc17ef13d', id: this.right_input_id, name: this.right_input_name, "aria-label": this.right_aria_label, type: "range", min: this.min, max: this.max, step: this.step, value: this.max_value, onInput: (event) => this.handleMaxChange(event), class: "dda-range-slider-input", style: { zIndex: `${this.max_value < this.max - this.min_value ? 5 : 3}` } }))))));
     }
     static get is() { return "dda-range-slider"; }
     static get originalStyleUrls() {

package/dist/collection/components/dda-scroll-icon/dda-scroll-icon.js CHANGED Viewed

@@ -13,7 +13,7 @@ export class DdaScrollIcon {
             this.scroll_icon_color ? `scroll-icon-color-${this.scroll_icon_color}` : '',
             this.component_mode,
         ].filter(Boolean).join(' ');
-        return (h("div", { key: '907e33b89c99ea97a9979d16905a4d9d45747a0e', class: scrollIconClass }, h("div", { key: '2285cc8cbcb9ec10d6df5ba4356743ab21eff105', class: "dda-scroll-icon-scroll-dot" })));
+        return (h("div", { key: '54b8f096ca30fcf7a7c218f62b7745126eae4ae4', class: scrollIconClass }, h("div", { key: '5dfafca5b8e6ff0375543cec2eda6cb6b2a6accb', class: "dda-scroll-icon-scroll-dot" })));
     }
     static get is() { return "dda-scroll-icon"; }
     static get encapsulation() { return "shadow"; }