npm - @dubai-design-system/components-js - Versions diffs - 3.12.4 → 3.12.6 - Mend

@dubai-design-system/components-js 3.12.4 → 3.12.6

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 (152) 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 accessibility_button_id: {\r\n control: {type: 'text'},\r\n description: 'ID for the accessibility button',\r\n },\r\n accessibility_button_icon_family: {\r\n control: {type: 'text'},\r\n description: 'ID for the accessibility button',\r\n },\r\n accessibility_button_icon_name: {\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 search_value: {\r\n control: {type: 'text'},\r\n description: 'Value 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 \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 read_speaker_link: {\r\n control: { type: 'text' },\r\n description: 'Href for the Read Speaker',\r\n },\r\n search_input_placeholder: {\r\n control: { type: 'text' },\r\n description: 'Search',\r\n },\r\n language_tooltip: {\r\n control: { type: 'text' },\r\n description: 'Search',\r\n },\r\n login_tooltip: {\r\n control: { type: 'text' },\r\n description: 'Search',\r\n },\r\n accessibility_tooltip: {\r\n control: { type: 'text' },\r\n description: 'Search',\r\n },\r\n search_tooltip: {\r\n control: { type: 'text' },\r\n description: 'Search',\r\n },\r\n\r\n loginIcon: {\r\n control: { type: 'text' },\r\n description: 'Search',\r\n },\r\n quickLinks: {\r\n control: 'object',\r\n description: 'Optional quickLinks to render a dda-header-menu inside alert',\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 read-speaker-link=\"\"\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 accessibility_button_icon_family=\"material-icons material-symbols-outlined\"\r\n accessibility_button_icon_name=\"accessible_forward\"\r\n search_button_name=\"search_button_name\"\r\n search_input_name=\"search_input_name\"\r\n search_value=\"search_value\"\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 toggle_accessibility_button_name=\"toggle_accessibility_button_name\"\r\n languageswitch=\"() => console.log('Language Switcher')\"\r\n useNavigator=\"true\"\r\n navigatorClick=\"() => console.log('Navigator')\"\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</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\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 search_button_name=\"${args.search_button_name}\"\r\n search_input_name=\"${args.search_input_name}\"\r\n search_value=\"${args.search_value}\"\r\n search_input_placeholder=\"${args.search_input_placeholder}\"\r\n searchfunctionality=\"${args.searchfunctionality}\"\r\n search_tooltip=\"${args.search_tooltip}\"\r\n mobile-menu-search-id=\"${args.mobileMenuSearchId}\"\r\n mobile-menu-search-url=\"${args.mobileMenuSearchUrl}\"\r\n\r\n use-predesigned-accessibility-menu=\"${args.usePredesignedAccessibilityMenu}\"\r\n accessibility_tooltip=\"${args.accessibility_tooltip}\"\r\n toggle_accessibility_button_name=\"${args.toggle_accessibility_button_name}\"\r\n accessibility_button_text=\"${args.accessibility_button_text}\"\r\n accessibility_button_id=\"${args.accessibility_button_id}\"\r\n accessibility_button_icon_family=\"${args.accessibility_button_icon_family}\"\r\n accessibility_button_icon_name=\"${args.accessibility_button_icon_name}\"\r\n accessibilitymenufunctionality=\"${args.accessibilitymenufunctionality}\"\r\n close_accessibility_button_name=\"${args.close_accessibility_button_name}\"\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 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 screen_reader_title=\"${args.screen_reader_title}\"\r\n screen_reader_description=\"${args.screen_reader_description}\"\r\n read_speaker_link=\"${args.read_speaker_link}\"\r\n\r\n text_size_title=\"${args.text_size_title}\"\r\n text_size_description=\"${args.text_size_description}\"\r\n smTextSize=\"() => console.log('Small Text')\"\r\n baseTextSize=\"() => console.log('Base Text')\"\r\n lgTextSize=\"() => console.log('Large Text')\"\r\n\r\n language_tooltip=\"${args.language_tooltip}\"\r\n language_text=\"${args.language_text}\"\r\n language_button_name=\"${args.language_button_name}\"\r\n languageSwitch=\"() => console.log('Language Switcher')\"\r\n\r\n useNavigator=\"${args.useNavigator}\"\r\n navigatorClick=\"() => console.log('Navigator')\"\r\n\r\n login_tooltip=\"${args.login_tooltip}\"\r\n login-text=\"${args.loginText}\"\r\n login-link=\"${args.loginLink}\"\r\n login-icon=\"${args.loginIcon}\"\r\n\r\n hamburger_menu_button_name=\"${args.hamburger_menu_button_name}\"\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 close_menu_button_name=\"${args.close_menu_button_name}\"\r\n\r\n quick-links='${JSON.stringify(args.quickLinks)}'\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 navigatorClick: () => console.log('Navigator'),\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('navigatorClick', ${args.navigatorClick});\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 \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\tsearch_button_name:\"search_button_name\",\r\n\tsearch_input_name:\"search_input_name\",\r\n\tsearch_value:\"\",\r\n\tsearch_input_placeholder:\"Search\",\r\n\tsearchfunctionality: \"() => console.log('Search Functionality')\",\r\n\tsearch_tooltip:\"Search\",\r\n\tmobileMenuSearchId: \"mobileSearch\",\r\n\tmobileMenuSearchUrl: \"javascript:void(0)\",\r\n\t\r\n\tusePredesignedAccessibilityMenu: true,\r\n\taccessibility_tooltip:\"Accessibility\",\r\n\ttoggle_accessibility_button_name:\"toggle_accessibility_button_name\",\r\n accessibility_button_text:\"accessibility_button_text\",\r\n accessibility_button_id:\"accessibility_button_id\",\r\n accessibility_button_icon_family:\"material-icons material-symbols-outlined\",\r\n accessibility_button_icon_name:\"accessible_forward\",\r\n\taccessibilitymenufunctionality: \"() => console.log('Accessibility Menu Functionality')\",\r\n close_accessibility_button_name:\"close_accessibility_button_name\",\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 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\tscreen_reader_title:\"Screen Reader\",\r\n screen_reader_description:\"Listen to the content of the page by clicking play or listen\",\r\n\tread_speaker_link: \"app-eu.readspeaker.com\",\r\n\t\r\n\ttext_size_title:\"Text Size\",\r\n text_size_description:\"Use the buttons below to increase or decrease the text size\",\r\n smTextSize: \"() => console.log('Small Text')\",\r\n baseTextSize: \"() => console.log('Base Text')\",\r\n lgTextSize: \"() => console.log('Large Text')\",\r\n \t\r\n language_tooltip:\"Language\",\r\n language_text: \"العربية\",\r\n language_button_name:\"language_button_name\",\r\n languageSwitch: \"() => console.log('Language Switcher')\",\r\n \r\n navigatorClick: \"() => console.log('Navigator')\",\r\n\r\n login_tooltip:\"Login\",\r\n loginText: \"Login\",\r\n loginLink: \"/Login\",\r\n loginIcon: \"account_circle\",\r\n \r\n hamburger_menu_button_name:\"Menu\",\r\n sideMainMenuTitle: \"Main Menu\",\r\n sideMenuItems: [\r\n { label: 'Home', active: 'true', href: '#', subMenu: [] },\r\n {\r\n label: 'Initiatives',\r\n href: '#',\r\n subMenu: [\r\n { headerLabel: 'Initiatives', subLinkClass: '', label: 'Submenu-1', href: '#', subMenu: [\r\n { headerLabel: 'Initiatives', subLinkClass: '', label: 'Submenu-2', href: '#', subMenu: [\r\n { headerLabel: 'Initiatives', subLinkClass: '', label: 'Submenu-4', href: '#' }\r\n ] },\r\n { headerLabel: 'Initiatives', subLinkClass: '', label: 'Submenu-3', href: '#' }\r\n ] },\r\n { headerLabel: 'Initiatives', subLinkClass: '', label: 'Submenu-1', href: '#', subMenu: [\r\n {headerLabel: 'Initiatives', subLinkClass: '', label: 'Submenu-2', href: '#', subMenu: [\r\n { headerLabel: 'Initiatives', subLinkClass: '', label: 'Submenu-4', href: '#' }\r\n ] },\r\n { headerLabel: 'Initiatives', subLinkClass: '', label: 'Submenu-3', href: '#' }\r\n ] },\r\n ],\r\n },\r\n { label: 'Services', href: '#', subMenu: [\r\n { headerLabel: 'Service', subLinkClass: '', label: 'Service-1', href: '#' },\r\n { headerLabel: 'Service', subLinkClass: '', 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', active: 'true', href: '#' },\r\n { label: 'Menu 2', href: '#' },\r\n { label: 'Menu 3', href: '#' },\r\n ],\r\n\r\n close_menu_button_name:\"close_menu_button_name\",\r\n\r\n //Header Menu Items\r\n quickLinks: [\r\n { headerMenuLabel: 'Home', active: 'true', url: '#' },\r\n \r\n //default dropdown menu\r\n {\r\n headerMenuLabel: 'About Us', url: 'javascript:void(0)',\r\n type: 'dda_default_submenu',\r\n children: [\r\n { headerMenuLabel: 'Submenu 1', url: '#',\r\n defaultSubMenuTitle: 'Submenu 1 Title',\r\n children: [\r\n { headerMenuLabel: 'SubSubmenu 1', url: '#' },\r\n { headerMenuLabel: 'SubSubmenu 1', url: '#' },\r\n ]\r\n },\r\n { headerMenuLabel: 'Submenu 2', url: '#',\r\n defaultSubMenuTitle: 'Submenu 2 Title',\r\n children: [\r\n { headerMenuLabel: 'SubSubmenu 2', url: '#' },\r\n { headerMenuLabel: 'SubSubmenu 2', url: '#' },\r\n ]\r\n },\r\n { headerMenuLabel: 'Submenu 3', url: '#' },\r\n ],\r\n },\r\n\r\n //mega menu\r\n {\r\n headerMenuLabel: 'Services', url: 'javascript:void(0)', \r\n type: 'dda_main_megamenu',\r\n children: [\r\n {\r\n title: 'QUICK LINKS 1',\r\n items: [\r\n { headerMenuLabel: 'Service 1', url: '#', description: 'Service Description' },\r\n { headerMenuLabel: 'Service 2', url: '#' },\r\n { headerMenuLabel: 'Service 3', url: '#' },\r\n ],\r\n },\r\n {\r\n title: 'QUICK LINKS 2',\r\n items: [\r\n { headerMenuLabel: 'Service 1', url: '#' },\r\n { headerMenuLabel: 'Service 2', url: '#' },\r\n { headerMenuLabel: 'Service 3', url: '#' },\r\n ],\r\n },\r\n {\r\n title: 'QUICK LINKS 3',\r\n items: [{ headerMenuLabel: 'Service 3', url: '#' }],\r\n },\r\n {\r\n title: 'QUICK LINKS 4',\r\n items: [{ headerMenuLabel: 'Service 4', url: '#' }],\r\n },\r\n ],\r\n },\r\n\r\n { headerMenuLabel: 'Contact', url: '#' },\r\n ],\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 accessibility_button_icon_family: {\r\n control: {type: 'text'},\r\n description: 'ID for the accessibility button',\r\n },\r\n accessibility_button_icon_name: {\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 search_value: {\r\n control: {type: 'text'},\r\n description: 'Value 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 \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 read_speaker_link: {\r\n control: { type: 'text' },\r\n description: 'Href for the Read Speaker',\r\n },\r\n search_input_placeholder: {\r\n control: { type: 'text' },\r\n description: 'Search',\r\n },\r\n language_tooltip: {\r\n control: { type: 'text' },\r\n description: 'Search',\r\n },\r\n login_tooltip: {\r\n control: { type: 'text' },\r\n description: 'Search',\r\n },\r\n accessibility_tooltip: {\r\n control: { type: 'text' },\r\n description: 'Search',\r\n },\r\n search_tooltip: {\r\n control: { type: 'text' },\r\n description: 'Search',\r\n },\r\n\r\n loginIcon: {\r\n control: { type: 'text' },\r\n description: 'Search',\r\n },\r\n\r\n quickLinks: {\r\n control: 'object',\r\n description: 'Optional quickLinks to render a dda-header-menu inside alert',\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 read-speaker-link=\"\"\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 accessibility_button_icon_family=\"material-icons material-symbols-outlined\"\r\n accessibility_button_icon_name=\"accessible_forward\"\r\n search_button_name=\"search_button_name\"\r\n search_input_name=\"search_input_name\"\r\n search_value=\"search_value\"\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 toggle_accessibility_button_name=\"toggle_accessibility_button_name\"\r\n languageswitch=\"() => console.log('Language Switcher')\"\r\n useNavigator=\"true\"\r\n navigatorClick=\"() => console.log('Navigator')\"\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 useLoginPopup=\"true\"\r\n searchfunctionality=\"() => console.log('Search Functionality')\"\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\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 search_button_name=\"${args.search_button_name}\"\r\n search_input_name=\"${args.search_input_name}\"\r\n search_value=\"${args.search_value}\"\r\n search_input_placeholder=\"${args.search_input_placeholder}\"\r\n searchfunctionality=\"${args.searchfunctionality}\"\r\n search_tooltip=\"${args.search_tooltip}\"\r\n mobile-menu-search-id=\"${args.mobileMenuSearchId}\"\r\n mobile-menu-search-url=\"${args.mobileMenuSearchUrl}\"\r\n\r\n use-predesigned-accessibility-menu=\"${args.usePredesignedAccessibilityMenu}\"\r\n accessibility_tooltip=\"${args.accessibility_tooltip}\"\r\n toggle_accessibility_button_name=\"${args.toggle_accessibility_button_name}\"\r\n accessibility_button_text=\"${args.accessibility_button_text}\"\r\n accessibility_button_id=\"${args.accessibility_button_id}\"\r\n accessibility_button_icon_family=\"${args.accessibility_button_icon_family}\"\r\n accessibility_button_icon_name=\"${args.accessibility_button_icon_name}\"\r\n accessibilitymenufunctionality=\"${args.accessibilitymenufunctionality}\"\r\n close_accessibility_button_name=\"${args.close_accessibility_button_name}\"\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 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 screen_reader_title=\"${args.screen_reader_title}\"\r\n screen_reader_description=\"${args.screen_reader_description}\"\r\n read_speaker_link=\"${args.read_speaker_link}\"\r\n\r\n text_size_title=\"${args.text_size_title}\"\r\n text_size_description=\"${args.text_size_description}\"\r\n smTextSize=\"() => console.log('Small Text')\"\r\n baseTextSize=\"() => console.log('Base Text')\"\r\n lgTextSize=\"() => console.log('Large Text')\"\r\n\r\n language_tooltip=\"${args.language_tooltip}\"\r\n language_text=\"${args.language_text}\"\r\n language_button_name=\"${args.language_button_name}\"\r\n languageSwitch=\"() => console.log('Language Switcher')\"\r\n\r\n useNavigator=\"${args.useNavigator}\"\r\n navigatorClick=\"() => console.log('Navigator')\"\r\n\r\n login_tooltip=\"${args.login_tooltip}\"\r\n login-text=\"${args.loginText}\"\r\n login-link=\"${args.loginLink}\"\r\n login-icon=\"${args.loginIcon}\"\r\n \r\n\r\n hamburger_menu_button_name=\"${args.hamburger_menu_button_name}\"\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 close_menu_button_name=\"${args.close_menu_button_name}\"\r\n\r\n quick-links='${JSON.stringify(args.quickLinks)}'\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 navigatorClick: () => console.log('Navigator'),\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('navigatorClick', ${args.navigatorClick});\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 \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\tsearch_button_name:\"search_button_name\",\r\n\tsearch_input_name:\"search_input_name\",\r\n\tsearch_value:\"\",\r\n\tsearch_input_placeholder:\"Search\",\r\n\tsearchfunctionality: \"() => console.log('Search Functionality')\",\r\n\tsearch_tooltip:\"Search\",\r\n\tmobileMenuSearchId: \"mobileSearch\",\r\n\tmobileMenuSearchUrl: \"javascript:void(0)\",\r\n\t\r\n\tusePredesignedAccessibilityMenu: true,\r\n\taccessibility_tooltip:\"Accessibility\",\r\n\ttoggle_accessibility_button_name:\"toggle_accessibility_button_name\",\r\n accessibility_button_text:\"accessibility_button_text\",\r\n accessibility_button_id:\"accessibility_button_id\",\r\n accessibility_button_icon_family:\"material-icons material-symbols-outlined\",\r\n accessibility_button_icon_name:\"accessible_forward\",\r\n\taccessibilitymenufunctionality: \"() => console.log('Accessibility Menu Functionality')\",\r\n close_accessibility_button_name:\"close_accessibility_button_name\",\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 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\tscreen_reader_title:\"Screen Reader\",\r\n screen_reader_description:\"Listen to the content of the page by clicking play or listen\",\r\n\tread_speaker_link: \"app-eu.readspeaker.com\",\r\n\t\r\n\ttext_size_title:\"Text Size\",\r\n text_size_description:\"Use the buttons below to increase or decrease the text size\",\r\n smTextSize: \"() => console.log('Small Text')\",\r\n baseTextSize: \"() => console.log('Base Text')\",\r\n lgTextSize: \"() => console.log('Large Text')\",\r\n \t\r\n language_tooltip:\"Language\",\r\n language_text: \"العربية\",\r\n language_button_name:\"language_button_name\",\r\n languageSwitch: \"() => console.log('Language Switcher')\",\r\n \r\n navigatorClick: \"() => console.log('Navigator')\",\r\n\r\n login_tooltip:\"Login\",\r\n loginText: \"Login\",\r\n loginLink: \"/Login\",\r\n loginIcon: \"account_circle\",\r\n useLoginPopup: \"true\",\r\n loginPopupLinks:[\r\n { popupItemLabel :'About', url :'about.html'},\r\n { popupItemLabel :'Profile', url :'profile.html'}\r\n ],\r\n \r\n hamburger_menu_button_name:\"Menu\",\r\n sideMainMenuTitle: \"Main Menu\",\r\n sideMenuItems: [\r\n { label: 'Home', active: 'true', href: '#', subMenu: [] },\r\n {\r\n label: 'Initiatives',\r\n href: '#',\r\n subMenu: [\r\n { headerLabel: 'Initiatives', subLinkClass: '', label: 'Submenu-1', href: '#', subMenu: [\r\n { headerLabel: 'Initiatives', subLinkClass: '', label: 'Submenu-2', href: '#', subMenu: [\r\n { headerLabel: 'Initiatives', subLinkClass: '', label: 'Submenu-4', href: '#' }\r\n ] },\r\n { headerLabel: 'Initiatives', subLinkClass: '', label: 'Submenu-3', href: '#' }\r\n ] },\r\n { headerLabel: 'Initiatives', subLinkClass: '', label: 'Submenu-1', href: '#', subMenu: [\r\n {headerLabel: 'Initiatives', subLinkClass: '', label: 'Submenu-2', href: '#', subMenu: [\r\n { headerLabel: 'Initiatives', subLinkClass: '', label: 'Submenu-4', href: '#' }\r\n ] },\r\n { headerLabel: 'Initiatives', subLinkClass: '', label: 'Submenu-3', href: '#' }\r\n ] },\r\n ],\r\n },\r\n { label: 'Services', href: '#', subMenu: [\r\n { headerLabel: 'Service', subLinkClass: '', label: 'Service-1', href: '#' },\r\n { headerLabel: 'Service', subLinkClass: '', 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', active: 'true', href: '#' },\r\n { label: 'Menu 2', href: '#' },\r\n { label: 'Menu 3', href: '#' },\r\n ],\r\n\r\n close_menu_button_name:\"close_menu_button_name\",\r\n\r\n //Header Menu Items\r\n quickLinks: [\r\n { headerMenuLabel: 'Home', active: 'true', url: '#' },\r\n \r\n //default dropdown menu\r\n {\r\n headerMenuLabel: 'About Us', url: 'javascript:void(0)',\r\n type: 'dda_default_submenu',\r\n children: [\r\n { headerMenuLabel: 'Submenu 1', url: '#',\r\n defaultSubMenuTitle: 'Submenu 1 Title',\r\n children: [\r\n { headerMenuLabel: 'SubSubmenu 1', url: '#' },\r\n { headerMenuLabel: 'SubSubmenu 1', url: '#' },\r\n ]\r\n },\r\n { headerMenuLabel: 'Submenu 2', url: '#',\r\n defaultSubMenuTitle: 'Submenu 2 Title',\r\n children: [\r\n { headerMenuLabel: 'SubSubmenu 2', url: '#' },\r\n { headerMenuLabel: 'SubSubmenu 2', url: '#' },\r\n ]\r\n },\r\n { headerMenuLabel: 'Submenu 3', url: '#' },\r\n ],\r\n },\r\n\r\n //mega menu\r\n {\r\n headerMenuLabel: 'Services', url: 'javascript:void(0)', \r\n type: 'dda_main_megamenu',\r\n children: [\r\n {\r\n title: 'QUICK LINKS 1',\r\n items: [\r\n { headerMenuLabel: 'Service 1', url: '#', description: 'Service Description' },\r\n { headerMenuLabel: 'Service 2', url: '#' },\r\n { headerMenuLabel: 'Service 3', url: '#' },\r\n ],\r\n },\r\n {\r\n title: 'QUICK LINKS 2',\r\n items: [\r\n { headerMenuLabel: 'Service 1', url: '#' },\r\n { headerMenuLabel: 'Service 2', url: '#' },\r\n { headerMenuLabel: 'Service 3', url: '#' },\r\n ],\r\n },\r\n {\r\n title: 'QUICK LINKS 3',\r\n items: [{ headerMenuLabel: 'Service 3', url: '#' }],\r\n },\r\n {\r\n title: 'QUICK LINKS 4',\r\n items: [{ headerMenuLabel: 'Service 4', url: '#' }],\r\n },\r\n ],\r\n },\r\n\r\n { headerMenuLabel: 'Contact', url: '#' },\r\n ],\r\n\r\n \r\n \r\n};\r\n"]}

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

@@ -119,14 +119,24 @@ export class Ddaselect {
     render() {
         const labelId = `${this.button_id}-label`;
         const valueId = `${this.button_id}-value`;
-        return (h(Host, { key: 'c89e68e10cc4658318fd818305436c027a24ead5' }, h("div", { key: 'b436e93c4cbfdd5b76aa4c15e38b76872d04185c', class: `
+        return (h(Host, { key: '1695d610ca724cf642bf21a10e5fd449719e7148' }, h("div", { key: '262e8921a9993aaae454624119a6b5382e15b7bf', class: `
             dda-input-container ${this.custom_class}
             ${this.component_mode}
             ${this.disabled ? 'dda-input-disabled' : ''}
             dda-input-size-${this.size} dda-validation-${this.validation_type}
-          ` }, this.label && (h("span", { key: 'f0c20e8afd927b1c8f6940cc1c260b24a445086b', id: labelId, class: "dda-input-label" }, this.label)), h("div", { key: '8bb32b3eb1669b2b44c1d3c2080821046f31caf5', class: "dda-dropdown-container" }, h("button", { key: 'c30b9f0219d65a079565f5a18a7498eb7b83bb15', name: this.toggle_button_name, id: this.button_id, type: "button", class: "dda-input-field dda-select-header", "aria-labelledby": `${labelId} ${this.button_id}`, disabled: this.disabled, onClick: () => this.toggleSelect(), onBlur: this.handleBlur }, h("span", { key: '79489230cb303c49294e73b378041b18dae01abc', id: valueId, class: "dda-select-button-label" }, this.selectedText || this.placeholder), h("i", { key: '19e5d561ecce26640b3338a17b23191e3cb5fb08', class: "material-icons", "aria-hidden": "true" }, this.is_open ? 'keyboard_arrow_up' : 'keyboard_arrow_down')), this.is_open && (h("div", { key: '35f08c99f312bb9a9062074b72564c79885dac43', class: "dda-input-dropdown-list dda-select-list" }, this.parsedOptions.length > 0 ? (this.parsedOptions.map((option, index) => (h("button", { name: `option${this.numberToWord(index + 1)}`, type: "button", class: `dda-input-dropdown-item ${this.selectedId === option.id ? 'selected' : ''}`, role: "option", "aria-selected": this.selectedId === option.id ? 'true' : 'false', onClick: () => this.selectOption(option) }, option.text)))) : (h("div", { class: "dda-input-dropdown-item" }, "No options available"))))), this.validation_type === 'error' && this.error_message ? (h("span", { class: "dda-error-message", id: this.validation_id, role: "alert" }, this.error_message)) : (this.helper_text && (h("span", { class: "dda-helper-text", id: this.validation_id }, this.helper_text))))));
+          ` }, this.label && (h("span", { key: '3de023aee88b99523b18072bdd523232b4541203', id: labelId, class: "dda-input-label" }, this.label)), h("div", { key: 'e47bc1b665903cdda4432c59aea76fa33350de9c', class: "dda-dropdown-container" }, h("button", { key: '31ee45ed59da1db07ba971e3fee6b0766a96762b', name: this.toggle_button_name, id: this.button_id, type: "button", class: "dda-input-field dda-select-header", "aria-labelledby": `${labelId} ${this.button_id}`, disabled: this.disabled, onClick: () => this.toggleSelect(), onBlur: this.handleBlur }, h("span", { key: '50c26dcecd11aa6c98ee98cf0cba349a430b3bd2', id: valueId, class: "dda-select-button-label" }, this.selectedText || this.placeholder), h("i", { key: 'aceb250923afa0e5e18ca7622d96a192c04a8a7c', class: "material-icons", "aria-hidden": "true" }, this.is_open ? 'keyboard_arrow_up' : 'keyboard_arrow_down')), this.is_open && (h("div", { key: '9e7514e189fa2f61c5b6b45f03e9d11b64b1aeea', class: "dda-input-dropdown-list dda-select-list" }, this.parsedOptions.length > 0 ? (this.parsedOptions.map((option, index) => (h("button", { name: `option${this.numberToWord(index + 1)}`, type: "button", class: `dda-input-dropdown-item ${this.selectedId === option.id ? 'selected' : ''}`, role: "option", "aria-selected": this.selectedId === option.id ? 'true' : 'false', onClick: () => this.selectOption(option) }, option.text)))) : (h("div", { class: "dda-input-dropdown-item" }, "No options available"))))), this.validation_type === 'error' && this.error_message ? (h("span", { class: "dda-error-message", id: this.validation_id, role: "alert" }, this.error_message)) : (this.helper_text && (h("span", { class: "dda-helper-text", id: this.validation_id }, this.helper_text))))));
     }
     static get is() { return "dda-select"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../../global/input.css", "../../global/global.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../../global/input.css", "../../global/global.css"]
+        };
+    }
     static get properties() {
         return {
             "label": {

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

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

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

@@ -121,9 +121,10 @@ Default.args = {
 export const Small = Template.bind({});
 Small.args = Object.assign(Object.assign({}, Default.args), { size: 'small' });
 export const WithError = Template.bind({});
-WithError.args = Object.assign(Object.assign({}, Default.args), { error: 'error',
-    // validation_type: 'error',
-    error_message: 'This is an error message' });
+WithError.args = Object.assign(Object.assign({}, Default.args), {
+    // error: 'error',
+    validation_type: 'error', error_message: 'This is an error message'
+});
 export const Disabled = Template.bind({});
 Disabled.args = Object.assign(Object.assign({}, Default.args), { disabled: true });
 //# sourceMappingURL=dda-select.stories.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"dda-select.stories.js","sourceRoot":"","sources":["../../../src/components/dda-select/dda-select.stories.tsx"],"names":[],"mappings":"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~~KACf~~,~~KAAK~~,EAAE,OAAO~~;IACd~~,~~4BAA4B;IAC5B~~,aAAa,EAAE,0BAA0B,GAC1C,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,mCACR,OAAO,CAAC,IAAI,KACf,QAAQ,EAAE,IAAI,GACf,CAAC","sourcesContent":["export default {\r\n title: 'Components/Select',\r\n tags: ['autodocs'],\r\n argTypes: {\r\n size: {\r\n control: { type: 'select' },\r\n options: ['default', 'small'],\r\n description: 'Size of the select',\r\n },\r\n label: { control: 'text', description: 'Label for the select' },\r\n options: {\r\n control: 'object',\r\n description: 'Array of options (id and text)',\r\n },\r\n selected: {\r\n control: 'text',\r\n description: 'Selected option (id or text)',\r\n },\r\n placeholder: {\r\n control: 'text',\r\n description: 'Placeholder text when no option is selected',\r\n },\r\n main_aria_label: {\r\n control: 'text',\r\n description: 'Aria Label text for the accessibility',\r\n },\r\n disabled: { control: 'boolean', description: 'Disable the select' },\r\n error: {\r\n control: { type: 'select' },\r\n options: ['normal', 'error'],\r\n description: 'Error state of the select',\r\n },\r\n error_message: { control: 'text', description: 'Error message to display' },\r\n helper_text: { control: 'text', description: 'Helper or footer text' },\r\n validation_id: { control: 'text', description: 'Validation ID' },\r\n custom_class: { control: 'text', description: 'Custom class for the select' },\r\n component_mode: {\r\n control: 'check',\r\n options: ['light-mode'],\r\n description: 'Mode of the select component',\r\n },\r\n button_id: { control: 'text', description: 'Button ID' },\r\n toggle_button_name: { control: 'text', description: 'Toggle button name' },\r\n option_select_button_name: { control: 'text', description: 'Option select button name' },\r\n validation_type: {\r\n control: { type: 'select' },\r\n options: ['normal','error'],\r\n description: 'Validation type of the input field',\r\n },\r\n },\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\n\\`\\`\\`html\r\n<dda-select\r\n label=\"Select an option\"\r\n placeholder=\"Please select...\"\r\n main_aria_label=\"Please choose an option\"\r\n selected=\"2\"\r\n disabled=\"false\"\r\n helper_text=\"Helper or footer text\"\r\n error_message=\"\"\r\n validation_type=\"normal\"\r\n size=\"default\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n button_id=\"button\"\r\n options='[{\"id\":1,\"text\":\"Option 1\"},{\"id\":2,\"text\":\"Option 2\"}]'\r\n toggle_button_name=\"toggle_button\"\r\n option_select_button_name=\"option_button\"\r\n></dda-select>\r\n\\`\\`\\`\r\n `,\r\n },\r\n },\r\n },\r\n};\r\n\r\nconst Template = (args) => {\r\n const optionsAttribute = args.options ? `options='${JSON.stringify(args.options)}'` : '';\r\n const otherAttributes = Object.entries(args)\r\n .filter(([key]) => key !== 'options')\r\n .map(([key, value]) => `${key}=\"${value}\"`)\r\n .join(' ');\r\n\r\n return `\r\n <dda-select ${optionsAttribute} ${otherAttributes}></dda-select>\r\n <script>\r\n document.querySelector('dda-select').addEventListener('selectChanged', e => {\r\n console.log('Selected:', e.detail);\r\n });\r\n </script>\r\n `;\r\n};\r\n\r\nconst defaultOptions = [\r\n { id: '1', text: 'Option 1' },\r\n { id: '2', text: 'Option 2' },\r\n { id: '3', text: 'Option 3' },\r\n { id: '4', text: 'Option 4' },\r\n { id: '5', text: 'Option 5' },\r\n];\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n label: 'Select an option',\r\n placeholder: 'Please select...',\r\n main_aria_label: 'Please choose an option',\r\n options: defaultOptions,\r\n selected: '0',\r\n disabled: false,\r\n helper_text: 'Helper or footer text',\r\n error_message: 'This is a error message',\r\n validation_type: 'normal',\r\n validation_id: 'validationId',\r\n size: 'default',\r\n custom_class: '',\r\n component_mode: '',\r\n button_id: 'button',\r\n toggle_button_name: 'toggle_button',\r\n option_select_button_name: 'option_button',\r\n selectChanged:\"\",\r\n};\r\n\r\nexport const Small = Template.bind({});\r\nSmall.args = {\r\n ...Default.args,\r\n size: 'small',\r\n};\r\n\r\nexport const WithError = Template.bind({});\r\nWithError.args = {\r\n ...Default.args,\r\n error: 'error',\r\n // validation_type: 'error',\r\n error_message: 'This is an error message',\r\n};\r\n\r\nexport const Disabled = Template.bind({});\r\nDisabled.args = {\r\n ...Default.args,\r\n disabled: true,\r\n};\r\n"]}
1	+ {"version":3,"file":"dda-select.stories.js","sourceRoot":"","sources":["../../../src/components/dda-select/dda-select.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n title: 'Components/Select',\r\n tags: ['autodocs'],\r\n argTypes: {\r\n size: {\r\n control: { type: 'select' },\r\n options: ['default', 'small'],\r\n description: 'Size of the select',\r\n },\r\n label: { control: 'text', description: 'Label for the select' },\r\n options: {\r\n control: 'object',\r\n description: 'Array of options (id and text)',\r\n },\r\n selected: {\r\n control: 'text',\r\n description: 'Selected option (id or text)',\r\n },\r\n placeholder: {\r\n control: 'text',\r\n description: 'Placeholder text when no option is selected',\r\n },\r\n main_aria_label: {\r\n control: 'text',\r\n description: 'Aria Label text for the accessibility',\r\n },\r\n disabled: { control: 'boolean', description: 'Disable the select' },\r\n error: {\r\n control: { type: 'select' },\r\n options: ['normal', 'error'],\r\n description: 'Error state of the select',\r\n },\r\n error_message: { control: 'text', description: 'Error message to display' },\r\n helper_text: { control: 'text', description: 'Helper or footer text' },\r\n validation_id: { control: 'text', description: 'Validation ID' },\r\n custom_class: { control: 'text', description: 'Custom class for the select' },\r\n component_mode: {\r\n control: 'check',\r\n options: ['light-mode'],\r\n description: 'Mode of the select component',\r\n },\r\n button_id: { control: 'text', description: 'Button ID' },\r\n toggle_button_name: { control: 'text', description: 'Toggle button name' },\r\n option_select_button_name: { control: 'text', description: 'Option select button name' },\r\n validation_type: {\r\n control: { type: 'select' },\r\n options: ['normal','error'],\r\n description: 'Validation type of the input field',\r\n },\r\n },\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\n\\`\\`\\`html\r\n<dda-select\r\n label=\"Select an option\"\r\n placeholder=\"Please select...\"\r\n main_aria_label=\"Please choose an option\"\r\n selected=\"2\"\r\n disabled=\"false\"\r\n helper_text=\"Helper or footer text\"\r\n error_message=\"\"\r\n validation_type=\"normal\"\r\n size=\"default\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n button_id=\"button\"\r\n options='[{\"id\":1,\"text\":\"Option 1\"},{\"id\":2,\"text\":\"Option 2\"}]'\r\n toggle_button_name=\"toggle_button\"\r\n option_select_button_name=\"option_button\"\r\n></dda-select>\r\n\\`\\`\\`\r\n `,\r\n },\r\n },\r\n },\r\n};\r\n\r\nconst Template = (args) => {\r\n const optionsAttribute = args.options ? `options='${JSON.stringify(args.options)}'` : '';\r\n const otherAttributes = Object.entries(args)\r\n .filter(([key]) => key !== 'options')\r\n .map(([key, value]) => `${key}=\"${value}\"`)\r\n .join(' ');\r\n\r\n return `\r\n <dda-select ${optionsAttribute} ${otherAttributes}></dda-select>\r\n <script>\r\n document.querySelector('dda-select').addEventListener('selectChanged', e => {\r\n console.log('Selected:', e.detail);\r\n });\r\n </script>\r\n `;\r\n};\r\n\r\nconst defaultOptions = [\r\n { id: '1', text: 'Option 1' },\r\n { id: '2', text: 'Option 2' },\r\n { id: '3', text: 'Option 3' },\r\n { id: '4', text: 'Option 4' },\r\n { id: '5', text: 'Option 5' },\r\n];\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n label: 'Select an option',\r\n placeholder: 'Please select...',\r\n main_aria_label: 'Please choose an option',\r\n options: defaultOptions,\r\n selected: '0',\r\n disabled: false,\r\n helper_text: 'Helper or footer text',\r\n error_message: 'This is a error message',\r\n validation_type: 'normal',\r\n validation_id: 'validationId',\r\n size: 'default',\r\n custom_class: '',\r\n component_mode: '',\r\n button_id: 'button',\r\n toggle_button_name: 'toggle_button',\r\n option_select_button_name: 'option_button',\r\n selectChanged:\"\",\r\n};\r\n\r\nexport const Small = Template.bind({});\r\nSmall.args = {\r\n ...Default.args,\r\n size: 'small',\r\n};\r\n\r\nexport const WithError = Template.bind({});\r\nWithError.args = {\r\n ...Default.args,\r\n // error: 'error',\r\n validation_type: 'error',\r\n error_message: 'This is an error message',\r\n};\r\n\r\nexport const Disabled = Template.bind({});\r\nDisabled.args = {\r\n ...Default.args,\r\n disabled: true,\r\n};\r\n"]}