npm - @infineon/infineon-design-system-stencil - Versions diffs - 39.4.4-canary.0 → 39.5.0 - Mend

@infineon/infineon-design-system-stencil 39.4.4-canary.0 → 39.5.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 (1210) hide show

package/dist/collection/components/navigation/sidebar/sidebar.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sidebar.stories.js","sourceRoot":"","sources":["../../../../src/components/navigation/sidebar/sidebar.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { action } from '@storybook/addon-actions';\r\nimport { icons } from '@infineon/infineon-icons';\r\n\r\nexport default {\r\n title: 'Components/Navigation/Sidebar',\r\n // tags: ['autodocs'],\r\n\r\n args: {\r\n icon: 'image-16',\r\n applicationName: 'Application Name',\r\n showFooter: true,\r\n showHeader: true,\r\n initialCollapse: true,\r\n hideMenuLabel: 'Hide Menu',\r\n collapsible: false,\r\n collapsed: false,\r\n termsOfUse: 'https://yourwebsite.com/terms',\r\n imprint: 'https://yourwebsite.com/imprint',\r\n privacyPolicy: 'https://yourwebsite.com/privacy-policy',\r\n copyrightText: `© 1999 - ${new Date().getFullYear()} Infineon Technologies AG`,\r\n numberIndicatorOfSidebarItem: \"\",\r\n hrefOfSidebarItem: 'https://google.com',\r\n targetOfSidebarItem: '_self',\r\n activeSidebarItem: false,\r\n isActionItem: false,\r\n },\r\n\r\n argTypes: {\r\n applicationName: {\r\n description: 'The name of the application to display at the top of the sidebar.',\r\n table: {\r\n category: 'ifx-sidebar props'\r\n }\r\n },\r\n showHeader: {\r\n description: 'Determines whether the header is displayed in the sidebar.',\r\n table: {\r\n category: 'ifx-sidebar props',\r\n defaultValue: {\r\n summary: true\r\n }\r\n }\r\n },\r\n showFooter: {\r\n description: 'Determines whether the footer is displayed in the sidebar.',\r\n table: {\r\n category: 'ifx-sidebar props',\r\n defaultValue: {\r\n summary: true\r\n }\r\n }\r\n },\r\n initialCollapse: {\r\n description: 'Determines if the sidebar should be collapsed by default when it first loads.',\r\n table: {\r\n category: 'ifx-sidebar props',\r\n defaultValue: {\r\n summary: true\r\n }\r\n }\r\n },\r\n collapsed: {\r\n description: 'Determines the initial collapsed state of the sidebar when collapsible is enabled.',\r\n control: 'boolean',\r\n table: {\r\n category: 'ifx-sidebar props',\r\n type: {\r\n summary: 'boolean'\r\n },\r\n defaultValue: {\r\n summary: false\r\n }\r\n }\r\n },\r\n collapsible: {\r\n name: 'Show Hide Menu',\r\n description: 'Enables collapsible functionality for the sidebar with a hide menu button.',\r\n control: 'boolean',\r\n table: {\r\n category: 'ifx-sidebar-item props',\r\n type: {\r\n summary: 'boolean'\r\n },\r\n defaultValue: {\r\n summary: false\r\n }\r\n }\r\n },\r\n imprint: {\r\n description: 'The URL link for the \"Imprint\" section in the sidebar footer.',\r\n if: { arg: 'showFooter', eq: true },\r\n table: {\r\n category: 'ifx-sidebar props'\r\n }\r\n },\r\n termsOfUse: {\r\n description: 'The URL link for the \"Terms of Use\" section in the sidebar footer.',\r\n if: { arg: 'showFooter', eq: true },\r\n table: {\r\n category: 'ifx-sidebar props'\r\n }\r\n },\r\n privacyPolicy: {\r\n description: 'The URL link for the \"Privacy Policy\" section in the sidebar footer.',\r\n if: { arg: 'showFooter', eq: true },\r\n table: {\r\n category: 'ifx-sidebar props'\r\n }\r\n },\r\n copyrightText: {\r\n description: 'The copyright text to display at the bottom of the sidebar.',\r\n table: {\r\n category: 'ifx-sidebar props'\r\n }\r\n },\r\n icon: {\r\n description: 'The icon to display for the sidebar items. Choose *none* to display no icon.',\r\n options: Object.keys(icons),\r\n control: 'select',\r\n table: {\r\n category: 'ifx-sidebar-item props',\r\n defaultValue: {\r\n summary: 'image-16'\r\n }\r\n }\r\n },\r\n hrefOfSidebarItem: {\r\n name: 'href',\r\n description: 'The URL of the sidebar item link.',\r\n control: 'text',\r\n table: {\r\n category: 'ifx-sidebar-item props',\r\n type: {\r\n summary: 'string'\r\n },\r\n }\r\n },\r\n targetOfSidebarItem: {\r\n name: 'target',\r\n description: 'The target attribute of the sidebar item link.',\r\n control: { type: 'radio' },\r\n options: ['_self'],\r\n table: {\r\n category: 'ifx-sidebar-item props',\r\n type: {\r\n summary: 'string'\r\n },\r\n defaultValue: {\r\n summary: '_self'\r\n }\r\n }\r\n },\r\n numberIndicatorOfSidebarItem: {\r\n name: 'numberIndicator',\r\n description: 'The number indicator to display on the sidebar item.',\r\n control: 'text',\r\n table: {\r\n category: 'ifx-sidebar-item props',\r\n type: {\r\n summary: 'string'\r\n }\r\n }\r\n },\r\n activeSidebarItem: {\r\n name: 'active',\r\n description: 'Set to true manually or by clicking on a navigation item.',\r\n control: 'boolean',\r\n table: {\r\n category: 'ifx-sidebar-item props',\r\n type: {\r\n summary: 'boolean'\r\n },\r\n defaultValue: {\r\n summary: false\r\n }\r\n }\r\n },\r\n isActionItem: {\r\n description: 'If an item is an action item, it can not become active.',\r\n control: 'boolean',\r\n table: {\r\n category: 'ifx-sidebar-item props',\r\n type: {\r\n summary: 'boolean'\r\n },\r\n defaultValue: {\r\n summary: false\r\n },\r\n }\r\n },\r\n hideMenuLabel: {\r\n description: 'The text label for the hide menu button.',\r\n control: 'text',\r\n table: {\r\n category: 'ifx-sidebar-item props',\r\n defaultValue: {\r\n summary: 'Hide Menu'\r\n }\r\n }\r\n },\r\n ifxSidebarNavigationItem: {\r\n action: 'ifxSidebarNavigationItem',\r\n description: 'Custom event emitted by ifx-sidebar-item when a navigation item becomes active on selection.',\r\n table: {\r\n category: 'custom events',\r\n type: {\r\n summary: 'Framework integration',\r\n detail: `\r\nReact: onIfxSidebarNavigationItem={handleChange}\r\nVue: @ifxSidebarNavigationItem=\"handleChange\"\r\nAngular: (ifxSidebarNavigationItem)=\"handleChange()\"\r\nVanillaJs: .addEventListener(\"ifxSidebarNavigationItem\", (event) => {/handle change/});`\r\n }\r\n }\r\n },\r\n ifxSidebarActionItem: {\r\n action: 'ifxSidebarActionItem',\r\n description: 'Custom event emitted by ifx-sidebar-item when an action item is selected.',\r\n table: {\r\n category: 'custom events',\r\n type: {\r\n summary: 'Framework integration',\r\n detail: `\r\nReact: onIfxSidebarActionItem={handleAction}\r\nVue: @ifxSidebarActionItem=\"handleAction\"\r\nAngular: (ifxSidebarActionItem)=\"handleAction()\"\r\nVanillaJs: .addEventListener(\"ifxSidebarActionItem\", (event) => {/handle action/});`\r\n },\r\n }\r\n },\r\n ifxSidebarMenu: {\r\n action: 'ifxSidebarMenu',\r\n description: 'Custom event emitted by ifx-sidebar-item when a menu is expanded or closed.',\r\n table: {\r\n category: 'custom events',\r\n type: {\r\n summary: 'Framework integration',\r\n detail: `\r\nReact: onIfxSidebarMenu={handleMenu}\r\nVue: @ifxSidebarMenu=\"handleMenu\"\r\nAngular: (ifxSidebarMenu)=\"handleMenu()\"\r\nVanillaJs: .addEventListener(\"ifxSidebarMenu\", (event) => {/handle menu/});`\r\n },\r\n },\r\n },\r\n ifxSidebarCollapseChange: {\r\n action: 'ifxSidebarCollapseChange',\r\n description: 'Custom event emitted when the sidebar collapse state changes.',\r\n table: {\r\n category: 'custom events',\r\n type: {\r\n summary: 'Framework integration',\r\n detail: `\r\nReact: onIfxSidebarCollapseChange={handleCollapseChange}\r\nVue: @ifxSidebarCollapseChange=\"handleCollapseChange\"\r\nAngular: (ifxSidebarCollapseChange)=\"handleCollapseChange()\"\r\nVanillaJs: .addEventListener(\"ifxSidebarCollapseChange\", (event) => {\r\n console.log('Collapsed:', event.detail.collapsed);\r\n});\r\n\r\nEvent Detail: { collapsed: boolean }`\r\n },\r\n },\r\n },\r\n },\r\n};\r\n\r\nconst DefaultTemplate = args => {\r\n const sidebarElement = document.createElement('ifx-sidebar') as HTMLIfxSidebarElement;\r\n sidebarElement.setAttribute('application-name', args.applicationName);\r\n sidebarElement.addEventListener('ifxSidebarNavigationItem', action(`ifxSidebarNavigationItem`));\r\n sidebarElement.addEventListener('ifxSidebarActionItem', action(`ifxSidebarActionItem`));\r\n sidebarElement.addEventListener('ifxSidebarMenu', action(`ifxSidebarMenu`));\r\n\r\n // Set collapsible attribute based on args\r\n sidebarElement.setAttribute('collapsible', args.collapsible ? 'true' : 'false');\r\n\r\n // Set collapsed state independent of collapsible\r\n sidebarElement.setAttribute('collapsed', args.collapsed ? 'true' : 'false');\r\n\r\n // Set hide menu label only when collapsible\r\n if (args.collapsible) {\r\n sidebarElement.addEventListener('ifxSidebarCollapseChange', action(`ifxSidebarCollapseChange`));\r\n sidebarElement.setAttribute('hide-menu-label', args.hideMenuLabel);\r\n }\r\n\r\n sidebarElement.setAttribute('show-header', args.showHeader);\r\n sidebarElement.setAttribute('show-footer', args.showFooter);\r\n sidebarElement.setAttribute('initial-collapse', args.initialCollapse);\r\n sidebarElement.setAttribute('terms-of-use', args.termsOfUse);\r\n sidebarElement.setAttribute('imprint', args.imprint);\r\n sidebarElement.setAttribute('privacy-policy', args.privacyPolicy);\r\n sidebarElement.setAttribute('copyright-text', args.copyrightText);\r\n\r\n sidebarElement.innerHTML = `\r\n <ifx-sidebar-title>Menu Items</ifx-sidebar-title>\r\n <ifx-sidebar-item href='https://google.com' target='_blank' icon=\"${args.icon === 'none' ? '' : args.icon}\">Menu Item</ifx-sidebar-item>\r\n <ifx-sidebar-item href='https://google.com' target='_blank' icon=\"${args.icon === 'none' ? '' : args.icon}\">Menu Item</ifx-sidebar-item>\r\n <ifx-sidebar-item href='https://google.com' target='_blank' icon=\"${args.icon === 'none' ? '' : args.icon}\">Menu Item</ifx-sidebar-item>\r\n <ifx-sidebar-item href='https://google.com' target='_blank' icon=\"${args.icon === 'none' ? '' : args.icon}\">Menu Item</ifx-sidebar-item>\r\n <ifx-sidebar-item>\r\n Section\r\n <ifx-sidebar-item href='https://google.com' target='_blank' icon=\"${args.icon === 'none' ? '' : args.icon}\">Menu Item</ifx-sidebar-item>\r\n <ifx-sidebar-item icon='image-16'>\r\n Menu Item\r\n <ifx-sidebar-item>Sub menu item</ifx-sidebar-item>\r\n <ifx-sidebar-item active=true>Sub menu item</ifx-sidebar-item>\r\n <ifx-sidebar-item>Sub menu item</ifx-sidebar-item>\r\n </ifx-sidebar-item>\r\n <ifx-sidebar-item href='https://google.com' target='_blank'>Menu Item</ifx-sidebar-item>\r\n <ifx-sidebar-item href='https://google.com' target='_blank'>Menu Item</ifx-sidebar-item>\r\n </ifx-sidebar-item>\r\n <ifx-sidebar-title>Items group</ifx-sidebar-title>\r\n <ifx-sidebar-item href=\"${args.hrefOfSidebarItem}\" target=\"${args.targetOfSidebarItem}\" icon=\"${args.icon === 'none' ? '' : args.icon}\" number-indicator=\"${args.numberIndicatorOfSidebarItem === \"\" ? '' : args.numberIndicatorOfSidebarItem}\" isActionItem=\"${args.isActionItem}\" active=\"${args.activeSidebarItem}\">Item 1</ifx-sidebar-item>\r\n <ifx-sidebar-item href='https://google.com' target='_blank' icon=\"${args.icon === 'none' ? '' : args.icon}\">Item 2</ifx-sidebar-item>\r\n `\r\n return sidebarElement;\r\n};\r\n\r\nexport const Default = DefaultTemplate.bind({});\r\n\r\nconst SubmenuTemplate = args => {\r\n const sidebarElement = document.createElement('ifx-sidebar') as HTMLIfxSidebarElement;\r\n sidebarElement.setAttribute('application-name', args.applicationName);\r\n sidebarElement.addEventListener('ifxSidebarNavigationItem', action('ifxSidebarNavigationItem'));\r\n sidebarElement.addEventListener('ifxSidebarActionItem', action('ifxSidebarActionItem'));\r\n sidebarElement.addEventListener('ifxSidebarMenu', action('ifxSidebarMenu'));\r\n sidebarElement.setAttribute('initial-collapse', args.initialCollapse);\r\n\r\n // Set collapsible attribute based on args\r\n sidebarElement.setAttribute('collapsible', args.collapsible ? 'true' : 'false');\r\n\r\n // Set collapsed state independent of collapsible\r\n sidebarElement.setAttribute('collapsed', args.collapsed ? 'true' : 'false');\r\n\r\n if (args.collapsible) {\r\n sidebarElement.addEventListener('ifxSidebarCollapseChange', action('ifxSidebarCollapseChange'));\r\n sidebarElement.setAttribute('hide-menu-label', args.hideMenuLabel);\r\n }\r\n\r\n // Create 3 sections\r\n for (let i = 0; i < 3; i++) {\r\n const sectionElement = document.createElement('ifx-sidebar-item');\r\n sectionElement.textContent = `Header Section ${i + 1}`;\r\n\r\n // In each section, create 3 menu items\r\n for (let j = 0; j < 3; j++) {\r\n const menuItemElement = document.createElement('ifx-sidebar-item');\r\n menuItemElement.setAttribute('icon', args.icon ? 'image-16' : '');\r\n menuItemElement.textContent = `Menu Item ${j + 1}`;\r\n\r\n // In the first menu item of each section, create 3 submenu items\r\n if (j === 0) {\r\n for (let k = 0; k < 3; k++) {\r\n const subMenuItemElement = document.createElement('ifx-sidebar-item');\r\n subMenuItemElement.textContent = `Sub Menu Item ${k + 1}`;\r\n menuItemElement.appendChild(subMenuItemElement);\r\n }\r\n }\r\n\r\n sectionElement.appendChild(menuItemElement);\r\n }\r\n sidebarElement.appendChild(sectionElement);\r\n }\r\n const firstSection = sidebarElement.querySelectorAll('ifx-sidebar-item')[0];\r\n const firstMenuItem = firstSection.querySelectorAll('ifx-sidebar-item')[0];\r\n\r\n firstMenuItem.querySelectorAll('ifx-sidebar-item')[0].setAttribute('active', 'true'); //first submenu item\r\n firstMenuItem.querySelectorAll('ifx-sidebar-item')[0].setAttribute('is-action-item', 'false');\r\n\r\n firstMenuItem.querySelectorAll('ifx-sidebar-item')[1].setAttribute('is-action-item', 'true'); //2nd submenu item\r\n firstMenuItem.querySelectorAll('ifx-sidebar-item')[2].setAttribute('is-action-item', 'true'); //3rd sub menu item\r\n\r\n return sidebarElement;\r\n};\r\n\r\nexport const WithSubmenu = SubmenuTemplate.bind({});\r\n\r\nconst NumberIndicatorTemplate = args => {\r\n const sidebarElement = document.createElement('ifx-sidebar') as HTMLIfxSidebarElement;\r\n sidebarElement.setAttribute('application-name', args.applicationName \|\| 'Application name');\r\n sidebarElement.addEventListener('ifxSidebarNavigationItem', action('ifxSidebarNavigationItem'));\r\n sidebarElement.addEventListener('ifxSidebarActionItem', action('ifxSidebarActionItem'));\r\n sidebarElement.addEventListener('ifxSidebarMenu', action('ifxSidebarMenu'));\r\n\r\n // Set collapsible attribute based on args\r\n sidebarElement.setAttribute('collapsible', args.collapsible ? 'true' : 'false');\r\n\r\n // Set collapsed state independent of collapsible\r\n sidebarElement.setAttribute('collapsed', args.collapsed ? 'true' : 'false');\r\n\r\n if (args.collapsible) {\r\n sidebarElement.addEventListener('ifxSidebarCollapseChange', action('ifxSidebarCollapseChange'));\r\n sidebarElement.setAttribute('hide-menu-label', args.hideMenuLabel);\r\n }\r\n\r\n sidebarElement.setAttribute('show-header', args.showHeader);\r\n sidebarElement.setAttribute('show-footer', args.showFooter);\r\n sidebarElement.setAttribute('initial-collapse', args.initialCollapse);\r\n sidebarElement.setAttribute('terms-of-use', args.termsOfUse);\r\n sidebarElement.setAttribute('imprint', args.imprint);\r\n sidebarElement.setAttribute('privacy-policy', args.privacyPolicy);\r\n sidebarElement.setAttribute('copyright-text', args.copyrightText);\r\n\r\n sidebarElement.innerHTML = `\r\n <ifx-sidebar-item icon=\"image-16\" number-indicator=\"5\">Menu Item</ifx-sidebar-item>\r\n <ifx-sidebar-item icon=\"image-16\" number-indicator=\"1\">Menu Item</ifx-sidebar-item>\r\n <ifx-sidebar-item icon=\"image-16\" number-indicator=\"23\">Menu Item</ifx-sidebar-item>\r\n <ifx-sidebar-item active=\"false\">\r\n Header Section\r\n <ifx-sidebar-item icon=\"image-16\" active=\"false\">\r\n Second layer\r\n <ifx-sidebar-item target=\"_blank\" active=\"false\" icon=\"image-16\">3rd layer Menu Item</ifx-sidebar-item>\r\n <ifx-sidebar-item target=\"_blank\" active=\"false\" icon=\"image-16\">This Page</ifx-sidebar-item>\r\n <ifx-sidebar-item target=\"_blank\" active=\"false\" icon=\"image-16\">3rd layer Menu Item</ifx-sidebar-item>\r\n </ifx-sidebar-item>\r\n <ifx-sidebar-item icon=\"image-16\" active=\"false\">\r\n Second layer\r\n <ifx-sidebar-item target=\"_blank\" icon=\"image-16\" active=\"false\">Menu Item</ifx-sidebar-item>\r\n </ifx-sidebar-item>\r\n <ifx-sidebar-item icon=\"image-16\" active=\"false\">\r\n Second layer\r\n <ifx-sidebar-item target=\"_blank\" icon=\"image-16\" active=\"false\">Menu Item</ifx-sidebar-item>\r\n </ifx-sidebar-item>\r\n </ifx-sidebar-item>\r\n\r\n <ifx-sidebar-item>\r\n Header Section\r\n <ifx-sidebar-item icon=\"image-16\">\r\n Menu Item\r\n <ifx-sidebar-item active=\"false\" is-action-item=\"false\" target=\"_blank\" icon=\"image-16\">Sub Menu Item</ifx-sidebar-item>\r\n <ifx-sidebar-item is-action-item=\"true\" icon=\"image-16\">This one too</ifx-sidebar-item>\r\n <ifx-sidebar-item is-action-item=\"false\" target=\"_blank\" icon=\"image-16\">Menu Item</ifx-sidebar-item>\r\n </ifx-sidebar-item>\r\n <ifx-sidebar-item icon=\"image-16\">\r\n Menu Item\r\n <ifx-sidebar-item target=\"_blank\" icon=\"image-16\">Menu Item</ifx-sidebar-item>\r\n </ifx-sidebar-item>\r\n <ifx-sidebar-item icon=\"image-16\">\r\n Menu Item\r\n <ifx-sidebar-item target=\"_blank\" icon=\"image-16\">Menu Item</ifx-sidebar-item>\r\n </ifx-sidebar-item>\r\n </ifx-sidebar-item>\r\n\r\n <ifx-sidebar-item>\r\n Header Section\r\n <ifx-sidebar-item icon=\"image-16\">\r\n Menu Item\r\n <ifx-sidebar-item href=\"http://google.com\" target=\"_blank\" icon=\"image-16\">Menu Item</ifx-sidebar-item>\r\n <ifx-sidebar-item href=\"http://google.com\" target=\"_blank\" icon=\"image-16\">Menu Item</ifx-sidebar-item>\r\n <ifx-sidebar-item href=\"http://google.com\" target=\"_blank\" icon=\"image-16\">Menu Item</ifx-sidebar-item>\r\n </ifx-sidebar-item>\r\n <ifx-sidebar-item icon=\"image-16\">\r\n Menu Item\r\n <ifx-sidebar-item href=\"http://google.com\" target=\"_blank\" icon=\"image-16\">Menu Item</ifx-sidebar-item>\r\n </ifx-sidebar-item>\r\n <ifx-sidebar-item icon=\"image-16\">\r\n Menu Item\r\n <ifx-sidebar-item href=\"http://google.com\" target=\"_blank\" icon=\"image-16\">Menu Item</ifx-sidebar-item>\r\n </ifx-sidebar-item>\r\n </ifx-sidebar-item>\r\n `;\r\n\r\n return sidebarElement;\r\n};\r\n\r\nexport const WithNumberIndicator = NumberIndicatorTemplate.bind({});\r\n\r\n// New story: Collapsible with Hide Menu Button\r\nconst CollapsibleTemplate = args => {\r\n const sidebarElement = document.createElement('ifx-sidebar') as HTMLIfxSidebarElement;\r\n sidebarElement.setAttribute('application-name', args.applicationName);\r\n sidebarElement.addEventListener('ifxSidebarNavigationItem', action(`ifxSidebarNavigationItem`));\r\n sidebarElement.addEventListener('ifxSidebarActionItem', action(`ifxSidebarActionItem`));\r\n sidebarElement.addEventListener('ifxSidebarMenu', action(`ifxSidebarMenu`));\r\n sidebarElement.addEventListener('ifxSidebarCollapseChange', action(`ifxSidebarCollapseChange`));\r\n\r\n sidebarElement.setAttribute('show-header', args.showHeader);\r\n sidebarElement.setAttribute('show-footer', args.showFooter);\r\n sidebarElement.setAttribute('initial-collapse', args.initialCollapse);\r\n sidebarElement.setAttribute('terms-of-use', args.termsOfUse);\r\n sidebarElement.setAttribute('imprint', args.imprint);\r\n sidebarElement.setAttribute('privacy-policy', args.privacyPolicy);\r\n sidebarElement.setAttribute('copyright-text', args.copyrightText);\r\n\r\n // Set collapsible attribute based on args\r\n sidebarElement.setAttribute('collapsible', args.collapsible ? 'true' : 'false');\r\n\r\n // Set collapsed state independent of collapsible\r\n sidebarElement.setAttribute('collapsed', args.collapsed ? 'true' : 'false');\r\n\r\n // Set hide menu label only when collapsible\r\n if (args.collapsible) {\r\n sidebarElement.setAttribute('hide-menu-label', args.hideMenuLabel \|\| 'Hide Menu');\r\n }\r\n\r\n sidebarElement.innerHTML = `\r\n <ifx-sidebar-title>Navigation</ifx-sidebar-title>\r\n <ifx-sidebar-item icon=\"home-16\" href=\"#dashboard\" active=\"true\">Dashboard</ifx-sidebar-item>\r\n <ifx-sidebar-item icon=\"user-16\" href=\"#profile\">User Profile</ifx-sidebar-item>\r\n <ifx-sidebar-item icon=\"bell-16\" href=\"#notifications\" number-indicator=\"5\">Notifications</ifx-sidebar-item>\r\n <ifx-sidebar-item href=\"#messages\" number-indicator=\"23\">Messages</ifx-sidebar-item>\r\n\r\n <ifx-sidebar-item>\r\n UI Components\r\n <ifx-sidebar-item icon=\"button-16\" href=\"#buttons\">Buttons</ifx-sidebar-item>\r\n <ifx-sidebar-item icon=\"text-field-16\" href=\"#inputs\">Input Fields</ifx-sidebar-item>\r\n <ifx-sidebar-item icon=\"form-16\" href=\"#forms\" number-indicator=\"3\">Forms</ifx-sidebar-item>\r\n </ifx-sidebar-item>\r\n\r\n <ifx-sidebar-title show-in-collapsed=\"true\">Tools</ifx-sidebar-title>\r\n <ifx-sidebar-item icon=\"configure-16\" href=\"#config\">Configuration</ifx-sidebar-item>\r\n <ifx-sidebar-item icon=\"headset-16\" href=\"#help\">Help & Support</ifx-sidebar-item>\r\n <ifx-sidebar-item href=\"#analytics\" number-indicator=\"12\">Analytics</ifx-sidebar-item>\r\n <ifx-sidebar-item href=\"#logs\" number-indicator=\"99\">System Logs</ifx-sidebar-item>\r\n `\r\n return sidebarElement;\r\n};\r\n\r\nexport const Collapsible = CollapsibleTemplate.bind({});\r\nCollapsible.storyName = 'With Hide Menu';\r\nCollapsible.args = {\r\n collapsible: true,\r\n collapsed: false,\r\n hideMenuLabel: 'Hide Menu'\r\n};\r\n\r\nexport const CollapsibleStartsCollapsed = CollapsibleTemplate.bind({});\r\nCollapsibleStartsCollapsed.storyName = 'With Hide Menu (starts collapsed)';\r\nCollapsibleStartsCollapsed.args = {\r\n collapsible: true,\r\n collapsed: true, // This property determines the initial state of the sidebar\r\n hideMenuLabel: 'Hide Menu'\r\n};\r\n"]}
1	+ {"version":3,"file":"sidebar.stories.js","sourceRoot":"","sources":["../../../../src/components/navigation/sidebar/sidebar.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { action } from '@storybook/addon-actions';\nimport { icons } from '@infineon/infineon-icons';\n\nexport default {\n title: 'Components/Navigation/Sidebar',\n // tags: ['autodocs'],\n\n args: {\n icon: 'image-16',\n applicationName: 'Application Name',\n showFooter: true,\n showHeader: true,\n initialCollapse: true,\n hideMenuLabel: 'Hide Menu',\n collapsible: false,\n collapsed: false,\n termsOfUse: 'https://yourwebsite.com/terms',\n imprint: 'https://yourwebsite.com/imprint',\n privacyPolicy: 'https://yourwebsite.com/privacy-policy',\n copyrightText: `© 1999 - ${new Date().getFullYear()} Infineon Technologies AG`,\n numberIndicatorOfSidebarItem: \"\",\n hrefOfSidebarItem: 'https://google.com',\n targetOfSidebarItem: '_self',\n activeSidebarItem: false,\n isActionItem: false,\n },\n\n argTypes: {\n applicationName: {\n description: 'The name of the application to display at the top of the sidebar.',\n table: {\n category: 'ifx-sidebar props'\n }\n },\n showHeader: {\n description: 'Determines whether the header is displayed in the sidebar.',\n table: {\n category: 'ifx-sidebar props',\n defaultValue: {\n summary: true\n }\n }\n },\n showFooter: {\n description: 'Determines whether the footer is displayed in the sidebar.',\n table: {\n category: 'ifx-sidebar props',\n defaultValue: {\n summary: true\n }\n }\n },\n initialCollapse: {\n description: 'Determines if the sidebar should be collapsed by default when it first loads.',\n table: {\n category: 'ifx-sidebar props',\n defaultValue: {\n summary: true\n }\n }\n },\n collapsed: {\n description: 'Determines the initial collapsed state of the sidebar when collapsible is enabled.',\n control: 'boolean',\n table: {\n category: 'ifx-sidebar props',\n type: {\n summary: 'boolean'\n },\n defaultValue: {\n summary: false\n }\n }\n },\n collapsible: {\n name: 'Show Hide Menu',\n description: 'Enables collapsible functionality for the sidebar with a hide menu button.',\n control: 'boolean',\n table: {\n category: 'ifx-sidebar-item props',\n type: {\n summary: 'boolean'\n },\n defaultValue: {\n summary: false\n }\n }\n },\n imprint: {\n description: 'The URL link for the \"Imprint\" section in the sidebar footer.',\n if: { arg: 'showFooter', eq: true },\n table: {\n category: 'ifx-sidebar props'\n }\n },\n termsOfUse: {\n description: 'The URL link for the \"Terms of Use\" section in the sidebar footer.',\n if: { arg: 'showFooter', eq: true },\n table: {\n category: 'ifx-sidebar props'\n }\n },\n privacyPolicy: {\n description: 'The URL link for the \"Privacy Policy\" section in the sidebar footer.',\n if: { arg: 'showFooter', eq: true },\n table: {\n category: 'ifx-sidebar props'\n }\n },\n copyrightText: {\n description: 'The copyright text to display at the bottom of the sidebar.',\n table: {\n category: 'ifx-sidebar props'\n }\n },\n icon: {\n description: 'The icon to display for the sidebar items. Choose *none* to display no icon.',\n options: Object.keys(icons),\n control: 'select',\n table: {\n category: 'ifx-sidebar-item props',\n defaultValue: {\n summary: 'image-16'\n }\n }\n },\n hrefOfSidebarItem: {\n name: 'href',\n description: 'The URL of the sidebar item link.',\n control: 'text',\n table: {\n category: 'ifx-sidebar-item props',\n type: {\n summary: 'string'\n },\n }\n },\n targetOfSidebarItem: {\n name: 'target',\n description: 'The target attribute of the sidebar item link.',\n control: { type: 'radio' },\n options: ['_self'],\n table: {\n category: 'ifx-sidebar-item props',\n type: {\n summary: 'string'\n },\n defaultValue: {\n summary: '_self'\n }\n }\n },\n numberIndicatorOfSidebarItem: {\n name: 'numberIndicator',\n description: 'The number indicator to display on the sidebar item.',\n control: 'text',\n table: {\n category: 'ifx-sidebar-item props',\n type: {\n summary: 'string'\n }\n }\n },\n activeSidebarItem: {\n name: 'active',\n description: 'Set to true manually or by clicking on a navigation item.',\n control: 'boolean',\n table: {\n category: 'ifx-sidebar-item props',\n type: {\n summary: 'boolean'\n },\n defaultValue: {\n summary: false\n }\n }\n },\n isActionItem: {\n description: 'If an item is an action item, it can not become active.',\n control: 'boolean',\n table: {\n category: 'ifx-sidebar-item props',\n type: {\n summary: 'boolean'\n },\n defaultValue: {\n summary: false\n },\n }\n },\n hideMenuLabel: {\n description: 'The text label for the hide menu button.',\n control: 'text',\n table: {\n category: 'ifx-sidebar-item props',\n defaultValue: {\n summary: 'Hide Menu'\n }\n }\n },\n ifxSidebarNavigationItem: {\n action: 'ifxSidebarNavigationItem',\n description: 'Custom event emitted by ifx-sidebar-item when a navigation item becomes active on selection.',\n table: {\n category: 'custom events',\n type: {\n summary: 'Framework integration',\n detail: `\nReact: onIfxSidebarNavigationItem={handleChange}\nVue: @ifxSidebarNavigationItem=\"handleChange\"\nAngular: (ifxSidebarNavigationItem)=\"handleChange()\"\nVanillaJs: .addEventListener(\"ifxSidebarNavigationItem\", (event) => {/handle change/});`\n }\n }\n },\n ifxSidebarActionItem: {\n action: 'ifxSidebarActionItem',\n description: 'Custom event emitted by ifx-sidebar-item when an action item is selected.',\n table: {\n category: 'custom events',\n type: {\n summary: 'Framework integration',\n detail: `\nReact: onIfxSidebarActionItem={handleAction}\nVue: @ifxSidebarActionItem=\"handleAction\"\nAngular: (ifxSidebarActionItem)=\"handleAction()\"\nVanillaJs: .addEventListener(\"ifxSidebarActionItem\", (event) => {/handle action/});`\n },\n }\n },\n ifxSidebarMenu: {\n action: 'ifxSidebarMenu',\n description: 'Custom event emitted by ifx-sidebar-item when a menu is expanded or closed.',\n table: {\n category: 'custom events',\n type: {\n summary: 'Framework integration',\n detail: `\nReact: onIfxSidebarMenu={handleMenu}\nVue: @ifxSidebarMenu=\"handleMenu\"\nAngular: (ifxSidebarMenu)=\"handleMenu()\"\nVanillaJs: .addEventListener(\"ifxSidebarMenu\", (event) => {/handle menu/});`\n },\n },\n },\n ifxSidebarCollapseChange: {\n action: 'ifxSidebarCollapseChange',\n description: 'Custom event emitted when the sidebar collapse state changes.',\n table: {\n category: 'custom events',\n type: {\n summary: 'Framework integration',\n detail: `\nReact: onIfxSidebarCollapseChange={handleCollapseChange}\nVue: @ifxSidebarCollapseChange=\"handleCollapseChange\"\nAngular: (ifxSidebarCollapseChange)=\"handleCollapseChange()\"\nVanillaJs: .addEventListener(\"ifxSidebarCollapseChange\", (event) => {\n console.log('Collapsed:', event.detail.collapsed);\n});\n\nEvent Detail: { collapsed: boolean }`\n },\n },\n },\n },\n};\n\nconst DefaultTemplate = args => {\n const sidebarElement = document.createElement('ifx-sidebar') as HTMLIfxSidebarElement;\n sidebarElement.setAttribute('application-name', args.applicationName);\n sidebarElement.addEventListener('ifxSidebarNavigationItem', action(`ifxSidebarNavigationItem`));\n sidebarElement.addEventListener('ifxSidebarActionItem', action(`ifxSidebarActionItem`));\n sidebarElement.addEventListener('ifxSidebarMenu', action(`ifxSidebarMenu`));\n\n // Set collapsible attribute based on args\n sidebarElement.setAttribute('collapsible', args.collapsible ? 'true' : 'false');\n\n // Set collapsed state independent of collapsible\n sidebarElement.setAttribute('collapsed', args.collapsed ? 'true' : 'false');\n\n // Set hide menu label only when collapsible\n if (args.collapsible) {\n sidebarElement.addEventListener('ifxSidebarCollapseChange', action(`ifxSidebarCollapseChange`));\n sidebarElement.setAttribute('hide-menu-label', args.hideMenuLabel);\n }\n\n sidebarElement.setAttribute('show-header', args.showHeader);\n sidebarElement.setAttribute('show-footer', args.showFooter);\n sidebarElement.setAttribute('initial-collapse', args.initialCollapse);\n sidebarElement.setAttribute('terms-of-use', args.termsOfUse);\n sidebarElement.setAttribute('imprint', args.imprint);\n sidebarElement.setAttribute('privacy-policy', args.privacyPolicy);\n sidebarElement.setAttribute('copyright-text', args.copyrightText);\n\n sidebarElement.innerHTML = `\n <ifx-sidebar-title>Menu Items</ifx-sidebar-title>\n <ifx-sidebar-item href='https://google.com' target='_blank' icon=\"${args.icon === 'none' ? '' : args.icon}\">Menu Item</ifx-sidebar-item>\n <ifx-sidebar-item href='https://google.com' target='_blank' icon=\"${args.icon === 'none' ? '' : args.icon}\">Menu Item</ifx-sidebar-item>\n <ifx-sidebar-item href='https://google.com' target='_blank' icon=\"${args.icon === 'none' ? '' : args.icon}\">Menu Item</ifx-sidebar-item>\n <ifx-sidebar-item href='https://google.com' target='_blank' icon=\"${args.icon === 'none' ? '' : args.icon}\">Menu Item</ifx-sidebar-item>\n <ifx-sidebar-item>\n Section\n <ifx-sidebar-item href='https://google.com' target='_blank' icon=\"${args.icon === 'none' ? '' : args.icon}\">Menu Item</ifx-sidebar-item>\n <ifx-sidebar-item icon='image-16'>\n Menu Item\n <ifx-sidebar-item>Sub menu item</ifx-sidebar-item>\n <ifx-sidebar-item active=true>Sub menu item</ifx-sidebar-item>\n <ifx-sidebar-item>Sub menu item</ifx-sidebar-item>\n </ifx-sidebar-item>\n <ifx-sidebar-item href='https://google.com' target='_blank'>Menu Item</ifx-sidebar-item>\n <ifx-sidebar-item href='https://google.com' target='_blank'>Menu Item</ifx-sidebar-item>\n </ifx-sidebar-item>\n <ifx-sidebar-title>Items group</ifx-sidebar-title>\n <ifx-sidebar-item href=\"${args.hrefOfSidebarItem}\" target=\"${args.targetOfSidebarItem}\" icon=\"${args.icon === 'none' ? '' : args.icon}\" number-indicator=\"${args.numberIndicatorOfSidebarItem === \"\" ? '' : args.numberIndicatorOfSidebarItem}\" isActionItem=\"${args.isActionItem}\" active=\"${args.activeSidebarItem}\">Item 1</ifx-sidebar-item>\n <ifx-sidebar-item href='https://google.com' target='_blank' icon=\"${args.icon === 'none' ? '' : args.icon}\">Item 2</ifx-sidebar-item>\n `\n return sidebarElement;\n};\n\nexport const Default = DefaultTemplate.bind({});\n\nconst SubmenuTemplate = args => {\n const sidebarElement = document.createElement('ifx-sidebar') as HTMLIfxSidebarElement;\n sidebarElement.setAttribute('application-name', args.applicationName);\n sidebarElement.addEventListener('ifxSidebarNavigationItem', action('ifxSidebarNavigationItem'));\n sidebarElement.addEventListener('ifxSidebarActionItem', action('ifxSidebarActionItem'));\n sidebarElement.addEventListener('ifxSidebarMenu', action('ifxSidebarMenu'));\n sidebarElement.setAttribute('initial-collapse', args.initialCollapse);\n\n // Set collapsible attribute based on args\n sidebarElement.setAttribute('collapsible', args.collapsible ? 'true' : 'false');\n\n // Set collapsed state independent of collapsible\n sidebarElement.setAttribute('collapsed', args.collapsed ? 'true' : 'false');\n\n if (args.collapsible) {\n sidebarElement.addEventListener('ifxSidebarCollapseChange', action('ifxSidebarCollapseChange'));\n sidebarElement.setAttribute('hide-menu-label', args.hideMenuLabel);\n }\n\n // Create 3 sections\n for (let i = 0; i < 3; i++) {\n const sectionElement = document.createElement('ifx-sidebar-item');\n sectionElement.textContent = `Header Section ${i + 1}`;\n\n // In each section, create 3 menu items\n for (let j = 0; j < 3; j++) {\n const menuItemElement = document.createElement('ifx-sidebar-item');\n menuItemElement.setAttribute('icon', args.icon ? 'image-16' : '');\n menuItemElement.textContent = `Menu Item ${j + 1}`;\n\n // In the first menu item of each section, create 3 submenu items\n if (j === 0) {\n for (let k = 0; k < 3; k++) {\n const subMenuItemElement = document.createElement('ifx-sidebar-item');\n subMenuItemElement.textContent = `Sub Menu Item ${k + 1}`;\n menuItemElement.appendChild(subMenuItemElement);\n }\n }\n\n sectionElement.appendChild(menuItemElement);\n }\n sidebarElement.appendChild(sectionElement);\n }\n const firstSection = sidebarElement.querySelectorAll('ifx-sidebar-item')[0];\n const firstMenuItem = firstSection.querySelectorAll('ifx-sidebar-item')[0];\n\n firstMenuItem.querySelectorAll('ifx-sidebar-item')[0].setAttribute('active', 'true'); //first submenu item\n firstMenuItem.querySelectorAll('ifx-sidebar-item')[0].setAttribute('is-action-item', 'false');\n\n firstMenuItem.querySelectorAll('ifx-sidebar-item')[1].setAttribute('is-action-item', 'true'); //2nd submenu item\n firstMenuItem.querySelectorAll('ifx-sidebar-item')[2].setAttribute('is-action-item', 'true'); //3rd sub menu item\n\n return sidebarElement;\n};\n\nexport const WithSubmenu = SubmenuTemplate.bind({});\n\nconst NumberIndicatorTemplate = args => {\n const sidebarElement = document.createElement('ifx-sidebar') as HTMLIfxSidebarElement;\n sidebarElement.setAttribute('application-name', args.applicationName \|\| 'Application name');\n sidebarElement.addEventListener('ifxSidebarNavigationItem', action('ifxSidebarNavigationItem'));\n sidebarElement.addEventListener('ifxSidebarActionItem', action('ifxSidebarActionItem'));\n sidebarElement.addEventListener('ifxSidebarMenu', action('ifxSidebarMenu'));\n\n // Set collapsible attribute based on args\n sidebarElement.setAttribute('collapsible', args.collapsible ? 'true' : 'false');\n\n // Set collapsed state independent of collapsible\n sidebarElement.setAttribute('collapsed', args.collapsed ? 'true' : 'false');\n\n if (args.collapsible) {\n sidebarElement.addEventListener('ifxSidebarCollapseChange', action('ifxSidebarCollapseChange'));\n sidebarElement.setAttribute('hide-menu-label', args.hideMenuLabel);\n }\n\n sidebarElement.setAttribute('show-header', args.showHeader);\n sidebarElement.setAttribute('show-footer', args.showFooter);\n sidebarElement.setAttribute('initial-collapse', args.initialCollapse);\n sidebarElement.setAttribute('terms-of-use', args.termsOfUse);\n sidebarElement.setAttribute('imprint', args.imprint);\n sidebarElement.setAttribute('privacy-policy', args.privacyPolicy);\n sidebarElement.setAttribute('copyright-text', args.copyrightText);\n\n sidebarElement.innerHTML = `\n <ifx-sidebar-item icon=\"image-16\" number-indicator=\"5\">Menu Item</ifx-sidebar-item>\n <ifx-sidebar-item icon=\"image-16\" number-indicator=\"1\">Menu Item</ifx-sidebar-item>\n <ifx-sidebar-item icon=\"image-16\" number-indicator=\"23\">Menu Item</ifx-sidebar-item>\n <ifx-sidebar-item active=\"false\">\n Header Section\n <ifx-sidebar-item icon=\"image-16\" active=\"false\">\n Second layer\n <ifx-sidebar-item target=\"_blank\" active=\"false\" icon=\"image-16\">3rd layer Menu Item</ifx-sidebar-item>\n <ifx-sidebar-item target=\"_blank\" active=\"false\" icon=\"image-16\">This Page</ifx-sidebar-item>\n <ifx-sidebar-item target=\"_blank\" active=\"false\" icon=\"image-16\">3rd layer Menu Item</ifx-sidebar-item>\n </ifx-sidebar-item>\n <ifx-sidebar-item icon=\"image-16\" active=\"false\">\n Second layer\n <ifx-sidebar-item target=\"_blank\" icon=\"image-16\" active=\"false\">Menu Item</ifx-sidebar-item>\n </ifx-sidebar-item>\n <ifx-sidebar-item icon=\"image-16\" active=\"false\">\n Second layer\n <ifx-sidebar-item target=\"_blank\" icon=\"image-16\" active=\"false\">Menu Item</ifx-sidebar-item>\n </ifx-sidebar-item>\n </ifx-sidebar-item>\n\n <ifx-sidebar-item>\n Header Section\n <ifx-sidebar-item icon=\"image-16\">\n Menu Item\n <ifx-sidebar-item active=\"false\" is-action-item=\"false\" target=\"_blank\" icon=\"image-16\">Sub Menu Item</ifx-sidebar-item>\n <ifx-sidebar-item is-action-item=\"true\" icon=\"image-16\">This one too</ifx-sidebar-item>\n <ifx-sidebar-item is-action-item=\"false\" target=\"_blank\" icon=\"image-16\">Menu Item</ifx-sidebar-item>\n </ifx-sidebar-item>\n <ifx-sidebar-item icon=\"image-16\">\n Menu Item\n <ifx-sidebar-item target=\"_blank\" icon=\"image-16\">Menu Item</ifx-sidebar-item>\n </ifx-sidebar-item>\n <ifx-sidebar-item icon=\"image-16\">\n Menu Item\n <ifx-sidebar-item target=\"_blank\" icon=\"image-16\">Menu Item</ifx-sidebar-item>\n </ifx-sidebar-item>\n </ifx-sidebar-item>\n\n <ifx-sidebar-item>\n Header Section\n <ifx-sidebar-item icon=\"image-16\">\n Menu Item\n <ifx-sidebar-item href=\"http://google.com\" target=\"_blank\" icon=\"image-16\">Menu Item</ifx-sidebar-item>\n <ifx-sidebar-item href=\"http://google.com\" target=\"_blank\" icon=\"image-16\">Menu Item</ifx-sidebar-item>\n <ifx-sidebar-item href=\"http://google.com\" target=\"_blank\" icon=\"image-16\">Menu Item</ifx-sidebar-item>\n </ifx-sidebar-item>\n <ifx-sidebar-item icon=\"image-16\">\n Menu Item\n <ifx-sidebar-item href=\"http://google.com\" target=\"_blank\" icon=\"image-16\">Menu Item</ifx-sidebar-item>\n </ifx-sidebar-item>\n <ifx-sidebar-item icon=\"image-16\">\n Menu Item\n <ifx-sidebar-item href=\"http://google.com\" target=\"_blank\" icon=\"image-16\">Menu Item</ifx-sidebar-item>\n </ifx-sidebar-item>\n </ifx-sidebar-item>\n `;\n\n return sidebarElement;\n};\n\nexport const WithNumberIndicator = NumberIndicatorTemplate.bind({});\n\n// New story: Collapsible with Hide Menu Button\nconst CollapsibleTemplate = args => {\n const sidebarElement = document.createElement('ifx-sidebar') as HTMLIfxSidebarElement;\n sidebarElement.setAttribute('application-name', args.applicationName);\n sidebarElement.addEventListener('ifxSidebarNavigationItem', action(`ifxSidebarNavigationItem`));\n sidebarElement.addEventListener('ifxSidebarActionItem', action(`ifxSidebarActionItem`));\n sidebarElement.addEventListener('ifxSidebarMenu', action(`ifxSidebarMenu`));\n sidebarElement.addEventListener('ifxSidebarCollapseChange', action(`ifxSidebarCollapseChange`));\n\n sidebarElement.setAttribute('show-header', args.showHeader);\n sidebarElement.setAttribute('show-footer', args.showFooter);\n sidebarElement.setAttribute('initial-collapse', args.initialCollapse);\n sidebarElement.setAttribute('terms-of-use', args.termsOfUse);\n sidebarElement.setAttribute('imprint', args.imprint);\n sidebarElement.setAttribute('privacy-policy', args.privacyPolicy);\n sidebarElement.setAttribute('copyright-text', args.copyrightText);\n\n // Set collapsible attribute based on args\n sidebarElement.setAttribute('collapsible', args.collapsible ? 'true' : 'false');\n\n // Set collapsed state independent of collapsible\n sidebarElement.setAttribute('collapsed', args.collapsed ? 'true' : 'false');\n\n // Set hide menu label only when collapsible\n if (args.collapsible) {\n sidebarElement.setAttribute('hide-menu-label', args.hideMenuLabel \|\| 'Hide Menu');\n }\n\n sidebarElement.innerHTML = `\n <ifx-sidebar-title>Navigation</ifx-sidebar-title>\n <ifx-sidebar-item icon=\"home-16\" href=\"#dashboard\" active=\"true\">Dashboard</ifx-sidebar-item>\n <ifx-sidebar-item icon=\"user-16\" href=\"#profile\">User Profile</ifx-sidebar-item>\n <ifx-sidebar-item icon=\"bell-16\" href=\"#notifications\" number-indicator=\"5\">Notifications</ifx-sidebar-item>\n <ifx-sidebar-item href=\"#messages\" number-indicator=\"23\">Messages</ifx-sidebar-item>\n\n <ifx-sidebar-item>\n UI Components\n <ifx-sidebar-item icon=\"button-16\" href=\"#buttons\">Buttons</ifx-sidebar-item>\n <ifx-sidebar-item icon=\"text-field-16\" href=\"#inputs\">Input Fields</ifx-sidebar-item>\n <ifx-sidebar-item icon=\"form-16\" href=\"#forms\" number-indicator=\"3\">Forms</ifx-sidebar-item>\n </ifx-sidebar-item>\n\n <ifx-sidebar-title show-in-collapsed=\"true\">Tools</ifx-sidebar-title>\n <ifx-sidebar-item icon=\"configure-16\" href=\"#config\">Configuration</ifx-sidebar-item>\n <ifx-sidebar-item icon=\"headset-16\" href=\"#help\">Help & Support</ifx-sidebar-item>\n <ifx-sidebar-item href=\"#analytics\" number-indicator=\"12\">Analytics</ifx-sidebar-item>\n <ifx-sidebar-item href=\"#logs\" number-indicator=\"99\">System Logs</ifx-sidebar-item>\n `\n return sidebarElement;\n};\n\nexport const Collapsible = CollapsibleTemplate.bind({});\nCollapsible.storyName = 'With Hide Menu';\nCollapsible.args = {\n collapsible: true,\n collapsed: false,\n hideMenuLabel: 'Hide Menu'\n};\n\nexport const CollapsibleStartsCollapsed = CollapsibleTemplate.bind({});\nCollapsibleStartsCollapsed.storyName = 'With Hide Menu (starts collapsed)';\nCollapsibleStartsCollapsed.args = {\n collapsible: true,\n collapsed: true, // This property determines the initial state of the sidebar\n hideMenuLabel: 'Hide Menu'\n};\n"]}

package/dist/collection/components/notification/notification.js CHANGED Viewed

@@ -28,8 +28,8 @@ export class Notification {
         }
     }
     render() {
-        return (h(Host, { key: '3b2df02932202f33a0987d9b1e4d178e8225b5ea' }, h("div", { key: 'f9356375b41149e9898d54130f6a2c2076100cf8', class: "ifx-notification__wrapper " + this.getClassName() }, h("div", { key: '795ac9462160f623817c3ae3ba7db35ebaea6040', class: "ifx-notification__icon" }, h("ifx-icon", { key: '7b5dd8db9885fa130a544e7b6ae2c256ac36f691', icon: this.icon })), h("div", { key: 'e7be73d9d0505dee08dee83422254efd341292c2', class: "ifx-notification__body" }, h("div", { key: '61d0aa32e02e05a6106d7eeee71eeaee7048da3d', class: "ifx-notification__slot" }, h("slot", { key: '26455970513e9ef8623bc4442be0c7d603bec35d' })), this.linkText && this.linkHref &&
-            h("div", { key: '0977c45c6f1646a7e49305a6e312679b8bcbb478', class: "ifx-notification__link" }, h("ifx-link", { key: '3b7046973abb361a230024a414352b896e8a4f13', href: this.linkHref, target: this.linkTarget }, this.linkText, h("ifx-icon", { key: '8063f2dc7cda7b262b5c6273f9a66732a7c5a000', icon: "arrow-right-16" })))))));
+        return (h(Host, { key: '7bbeaae1a7a9d3717f5aca378041e232d8a60fa3' }, h("div", { key: '06cb1830b2d084e3f3908a1a3e507c429bcec8ec', class: "ifx-notification__wrapper " + this.getClassName() }, h("div", { key: '93dfa7a2463fd2e689b549d05455d771725eaecf', class: "ifx-notification__icon" }, h("ifx-icon", { key: '07d73ca0368cf493cb01d6df1f30374df9663abb', icon: this.icon })), h("div", { key: '9da8c205def2615bb2e3da50c03acce2c3c49712', class: "ifx-notification__body" }, h("div", { key: '22cd9dfabc23b685d983f403e3649d247e97b7fc', class: "ifx-notification__slot" }, h("slot", { key: '1feecd971094e46f36572c1005dacfa943b005f4' })), this.linkText && this.linkHref &&
+            h("div", { key: '2779a104d2b7a0d13114a90b7346c4ef5554704c', class: "ifx-notification__link" }, h("ifx-link", { key: '293725867cdeb88f4fa16efbcf812e58ddc9ab4b', href: this.linkHref, target: this.linkTarget }, this.linkText, h("ifx-icon", { key: 'aca1eae60ca7b17536ad673d9dc236f5bdd456a8', icon: "arrow-right-16" })))))));
     }
     static get is() { return "ifx-notification"; }
     static get encapsulation() { return "shadow"; }
@@ -74,7 +74,7 @@ export class Notification {
                     "references": {
                         "NotificationVariant": {
                             "location": "local",
-                            "path": "/home/fp/Dev/IFX/dds/packages/components/src/components/notification/notification.tsx",
+                            "path": "/home/runner/work/infineon-design-system-stencil/infineon-design-system-stencil/packages/components/src/components/notification/notification.tsx",
                             "id": "src/components/notification/notification.tsx::NotificationVariant"
                         }
                     }

package/dist/collection/components/notification/notification.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"notification.js","sourceRoot":"","sources":["../../../src/components/notification/notification.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAQzE,MAAM,OAAO,YAAY;IALzB;QAQU,YAAO,GAAwB,SAAS,CAAC;QAGzC,eAAU,GAAW,QAAQ,CAAC;KAgDvC;IA9CC,KAAK,CAAC,gBAAgB;QACpB,IAAG,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;YACpC,MAAM,SAAS,GAAG,eAAe,EAAE,CAAC;YACpC,cAAc,CAAC,kBAAkB,EAAE,MAAM,SAAS,CAAC,CAAA;QACrD,CAAC;IACH,CAAC;IAEO,YAAY;QAClB,QAAQ,IAAI,CAAC,OAAO,EAAE,CAAC;YACrB,KAAK,SAAS;gBACZ,OAAO,oCAAoC,CAAC;YAC9C,KAAK,QAAQ;gBACX,OAAO,mCAAmC,CAAC;YAC7C,KAAK,OAAO;gBACV,OAAO,kCAAkC,CAAC;YAC5C,KAAK,SAAS;gBACZ,OAAO,oCAAoC,CAAC;YAC9C;gBACE,OAAO,oCAAoC,CAAC;QAChD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,4BAA4B,GAAG,IAAI,CAAC,YAAY,EAAE;gBAC5D,4DAAK,KAAK,EAAC,wBAAwB;oBACjC,iEAAU,IAAI,EAAE,IAAI,CAAC,IAAI,GAAa,CAClC;gBACN,4DAAK,KAAK,EAAC,wBAAwB;oBACjC,4DAAK,KAAK,EAAC,wBAAwB;wBACjC,8DAAO,CACH;oBACJ,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ;wBAChC,4DAAK,KAAK,EAAC,wBAAwB;4BACjC,iEAAU,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,UAAU;gCACnD,IAAI,CAAC,QAAQ;gCAAC,iEAAU,IAAI,EAAC,gBAAgB,GACrC,CACA,CACP,CAEF,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop, Element } from '@stencil/core';\r\nimport { trackComponent } from '../../global/utils/tracking';\r\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\r\nimport { detectFramework } from '../../global/utils/framework-detection';\r\nexport type NotificationVariant = 'success' \| 'locked' \| 'error' \| 'neutral';\r\n\r\n@Component({\r\n tag: 'ifx-notification',\r\n styleUrl: 'notification.scss',\r\n shadow: true\r\n})\r\nexport class Notification {\r\n @Element() el;\r\n @Prop() icon: string;\r\n @Prop() variant: NotificationVariant = 'success';\r\n @Prop() linkText: string; \r\n @Prop() linkHref: string;\r\n @Prop() linkTarget: string = '_blank';\r\n\r\n async componentDidLoad() { \r\n if(!isNestedInIfxComponent(this.el)) { \r\n const framework = detectFramework();\r\n trackComponent('ifx-notification', await framework)\r\n }\r\n }\r\n\r\n private getClassName(): string {\r\n switch (this.variant) {\r\n case 'success':\r\n return 'ifx-notification__wrapper--success';\r\n case 'locked':\r\n return 'ifx-notification__wrapper--locked';\r\n case 'error':\r\n return 'ifx-notification__wrapper--error';\r\n case 'neutral':\r\n return 'ifx-notification__wrapper--neutral';\r\n default:\r\n return 'ifx-notification__wrapper--success';\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class={\"ifx-notification__wrapper \" + this.getClassName()}>\r\n <div class=\"ifx-notification__icon\">\r\n <ifx-icon icon={this.icon}></ifx-icon>\r\n </div>\r\n <div class=\"ifx-notification__body\">\r\n <div class=\"ifx-notification__slot\">\r\n <slot/>\r\n </div>\r\n { this.linkText && this.linkHref && \r\n <div class=\"ifx-notification__link\">\r\n <ifx-link href={this.linkHref} target={this.linkTarget}>\r\n {this.linkText}<ifx-icon icon=\"arrow-right-16\">\r\n </ifx-icon>\r\n </ifx-link>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}"]}
1	+ {"version":3,"file":"notification.js","sourceRoot":"","sources":["../../../src/components/notification/notification.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAQzE,MAAM,OAAO,YAAY;IALzB;QAQU,YAAO,GAAwB,SAAS,CAAC;QAGzC,eAAU,GAAW,QAAQ,CAAC;KAgDvC;IA9CC,KAAK,CAAC,gBAAgB;QACpB,IAAG,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;YACpC,MAAM,SAAS,GAAG,eAAe,EAAE,CAAC;YACpC,cAAc,CAAC,kBAAkB,EAAE,MAAM,SAAS,CAAC,CAAA;QACrD,CAAC;IACH,CAAC;IAEO,YAAY;QAClB,QAAQ,IAAI,CAAC,OAAO,EAAE,CAAC;YACrB,KAAK,SAAS;gBACZ,OAAO,oCAAoC,CAAC;YAC9C,KAAK,QAAQ;gBACX,OAAO,mCAAmC,CAAC;YAC7C,KAAK,OAAO;gBACV,OAAO,kCAAkC,CAAC;YAC5C,KAAK,SAAS;gBACZ,OAAO,oCAAoC,CAAC;YAC9C;gBACE,OAAO,oCAAoC,CAAC;QAChD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,4BAA4B,GAAG,IAAI,CAAC,YAAY,EAAE;gBAC5D,4DAAK,KAAK,EAAC,wBAAwB;oBACjC,iEAAU,IAAI,EAAE,IAAI,CAAC,IAAI,GAAa,CAClC;gBACN,4DAAK,KAAK,EAAC,wBAAwB;oBACjC,4DAAK,KAAK,EAAC,wBAAwB;wBACjC,8DAAO,CACH;oBACJ,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ;wBAChC,4DAAK,KAAK,EAAC,wBAAwB;4BACjC,iEAAU,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,UAAU;gCACnD,IAAI,CAAC,QAAQ;gCAAC,iEAAU,IAAI,EAAC,gBAAgB,GACrC,CACA,CACP,CAEF,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop, Element } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\nexport type NotificationVariant = 'success' \| 'locked' \| 'error' \| 'neutral';\n\n@Component({\n tag: 'ifx-notification',\n styleUrl: 'notification.scss',\n shadow: true\n})\nexport class Notification {\n @Element() el;\n @Prop() icon: string;\n @Prop() variant: NotificationVariant = 'success';\n @Prop() linkText: string; \n @Prop() linkHref: string;\n @Prop() linkTarget: string = '_blank';\n\n async componentDidLoad() { \n if(!isNestedInIfxComponent(this.el)) { \n const framework = detectFramework();\n trackComponent('ifx-notification', await framework)\n }\n }\n\n private getClassName(): string {\n switch (this.variant) {\n case 'success':\n return 'ifx-notification__wrapper--success';\n case 'locked':\n return 'ifx-notification__wrapper--locked';\n case 'error':\n return 'ifx-notification__wrapper--error';\n case 'neutral':\n return 'ifx-notification__wrapper--neutral';\n default:\n return 'ifx-notification__wrapper--success';\n }\n }\n\n render() {\n return (\n <Host>\n <div class={\"ifx-notification__wrapper \" + this.getClassName()}>\n <div class=\"ifx-notification__icon\">\n <ifx-icon icon={this.icon}></ifx-icon>\n </div>\n <div class=\"ifx-notification__body\">\n <div class=\"ifx-notification__slot\">\n <slot/>\n </div>\n { this.linkText && this.linkHref && \n <div class=\"ifx-notification__link\">\n <ifx-link href={this.linkHref} target={this.linkTarget}>\n {this.linkText}<ifx-icon icon=\"arrow-right-16\">\n </ifx-icon>\n </ifx-link>\n </div>\n }\n </div>\n </div>\n </Host>\n );\n }\n}"]}

package/dist/collection/components/notification/notification.stories.js CHANGED Viewed

@@ -82,13 +82,13 @@ export default {
 };
 const DefaultTemplate = args => {
     const icon = args.icon === 'none' ? '' : args.icon;
-    return `<ifx-notification
-  icon = "${icon}"
-  variant="${args.variant}"
-  link-text="${args.linkText}"
-  link-href="${args.linkHref}"
-  link-target="${args.linkTarget}">
-  ${args.label}
+    return `<ifx-notification
+  icon = "${icon}"
+  variant="${args.variant}"
+  link-text="${args.linkText}"
+  link-href="${args.linkHref}"
+  link-target="${args.linkTarget}">
+  ${args.label}
 </ifx-notification>`;
 };
 export const Default = DefaultTemplate.bind({});

package/dist/collection/components/notification/notification.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"notification.stories.js","sourceRoot":"","sources":["../../../src/components/notification/notification.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAEjD,eAAe;IACb,KAAK,EAAE,yBAAyB;IAChC,IAAI,EAAE,CAAC,UAAU,CAAC;IAElB,IAAI,EAAE;QACJ,KAAK,EAAE,qBAAqB;QAC5B,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,YAAY;QAClB,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,yBAAyB;QACnC,UAAU,EAAE,QAAQ;KACrB;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE,uBAAuB;YAC7B,WAAW,EAAE,iDAAiD;YAC9D,KAAK,EAAE;gBACL,QAAQ,EAAE,gBAAgB;gBAC1B,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;aACF;SACF;QACD,OAAO,EAAE;YACP,WAAW,EAAE,8BAA8B;YAC3C,OAAO,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC;YAClD,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,KAAK,EAAE;gBACL,QAAQ,EAAE,wBAAwB;gBAClC,YAAY,EAAE;oBACZ,OAAO,EAAE,SAAS;iBACnB;gBACD,IAAI,EAAE;oBACJ,OAAO,EAAE,2BAA2B;iBACrC;aACF;SACF;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,iFAAiF;YAC9F,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;YAC3B,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,KAAK,EAAE;gBACL,QAAQ,EAAE,wBAAwB;gBAClC,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;aACF;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,oBAAoB;YACjC,KAAK,EAAE;gBACL,QAAQ,EAAE,wBAAwB;gBAClC,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;aACF;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,mBAAmB;YAChC,KAAK,EAAE;gBACL,QAAQ,EAAE,wBAAwB;gBAClC,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;aACF;SACF;QACD,UAAU,EAAE;YACV,OAAO,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC;YACvC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,WAAW,EAAE,8CAA8C;YAC3D,KAAK,EAAE;gBACL,QAAQ,EAAE,wBAAwB;gBAClC,YAAY,EAAE;oBACZ,OAAO,EAAE,QAAQ;iBAClB;gBACD,IAAI,EAAE;oBACJ,OAAO,EAAE,0BAA0B;iBACpC;aACF;SACF;KACF;CACF,CAAC;AAEF,MAAM,eAAe,GAAG,IAAI,CAAC,EAAE;IAC7B,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;IAEnD,OAAO;YACG,IAAI;aACH,IAAI,CAAC,OAAO;eACV,IAAI,CAAC,QAAQ;eACb,IAAI,CAAC,QAAQ;iBACX,IAAI,CAAC,UAAU;IAC5B,IAAI,CAAC,KAAK;oBACM,CAAC;AACrB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,OAAO,CAAC,QAAQ,GAAG,EAAE,CAAC","sourcesContent":["import { icons } from '@infineon/infineon-icons';\r\n\r\nexport default {\r\n title: 'Components/Notification',\r\n tags: ['autodocs'],\r\n\r\n args: {\r\n label: \"Sample Notification\",\r\n variant: 'success',\r\n icon: 'c-check-16',\r\n linkText: 'Link',\r\n linkHref: 'https://www.example.com',\r\n linkTarget: '_blank',\r\n },\r\n argTypes: {\r\n label: {\r\n name: 'Label of Notification',\r\n description: 'Set the text label of the <ifx-notification>.',\r\n table: {\r\n category: 'story controls',\r\n type: {\r\n summary: 'string'\r\n }\r\n }\r\n },\r\n variant: {\r\n description: 'Variant of the notification.',\r\n options: ['success', 'locked', 'error', 'neutral'],\r\n control: { type: 'radio' },\r\n table: {\r\n category: 'ifx-notification props',\r\n defaultValue: {\r\n summary: 'success'\r\n },\r\n type: {\r\n summary: 'success \| warning \| error'\r\n }\r\n }\r\n },\r\n icon: {\r\n description: 'The icon to be displayed in the notification. Choose \"none\" to display no icon.',\r\n options: Object.keys(icons),\r\n control: { type: 'select' },\r\n table: {\r\n category: 'ifx-notification props',\r\n type: {\r\n summary: 'string'\r\n }\r\n }\r\n },\r\n linkText: {\r\n description: 'Text for the link.',\r\n table: {\r\n category: 'ifx-notification props',\r\n type: {\r\n summary: 'string'\r\n }\r\n }\r\n },\r\n linkHref: {\r\n description: 'URL for the link.',\r\n table: {\r\n category: 'ifx-notification props',\r\n type: {\r\n summary: 'string'\r\n }\r\n }\r\n },\r\n linkTarget: {\r\n options: ['_blank', '_self', '_parent'],\r\n control: { type: 'radio' },\r\n description: 'Specifies where to open the linked document.',\r\n table: {\r\n category: 'ifx-notification props',\r\n defaultValue: {\r\n summary: '_blank'\r\n },\r\n type: {\r\n summary: '_blank \| _self \| _parent'\r\n }\r\n }\r\n },\r\n },\r\n};\r\n\r\nconst DefaultTemplate = args => {\r\n const icon = args.icon === 'none' ? '' : args.icon;\r\n\r\n return `<ifx-notification \r\n icon = \"${icon}\"\r\n variant=\"${args.variant}\" \r\n link-text=\"${args.linkText}\" \r\n link-href=\"${args.linkHref}\"\r\n link-target=\"${args.linkTarget}\">\r\n ${args.label}\r\n</ifx-notification>`;\r\n}\r\n\r\nexport const Default = DefaultTemplate.bind({});\r\nDefault.argTypes = {};\r\n"]}
1	+ {"version":3,"file":"notification.stories.js","sourceRoot":"","sources":["../../../src/components/notification/notification.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAEjD,eAAe;IACb,KAAK,EAAE,yBAAyB;IAChC,IAAI,EAAE,CAAC,UAAU,CAAC;IAElB,IAAI,EAAE;QACJ,KAAK,EAAE,qBAAqB;QAC5B,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,YAAY;QAClB,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,yBAAyB;QACnC,UAAU,EAAE,QAAQ;KACrB;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE,uBAAuB;YAC7B,WAAW,EAAE,iDAAiD;YAC9D,KAAK,EAAE;gBACL,QAAQ,EAAE,gBAAgB;gBAC1B,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;aACF;SACF;QACD,OAAO,EAAE;YACP,WAAW,EAAE,8BAA8B;YAC3C,OAAO,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC;YAClD,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,KAAK,EAAE;gBACL,QAAQ,EAAE,wBAAwB;gBAClC,YAAY,EAAE;oBACZ,OAAO,EAAE,SAAS;iBACnB;gBACD,IAAI,EAAE;oBACJ,OAAO,EAAE,2BAA2B;iBACrC;aACF;SACF;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,iFAAiF;YAC9F,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;YAC3B,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,KAAK,EAAE;gBACL,QAAQ,EAAE,wBAAwB;gBAClC,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;aACF;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,oBAAoB;YACjC,KAAK,EAAE;gBACL,QAAQ,EAAE,wBAAwB;gBAClC,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;aACF;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,mBAAmB;YAChC,KAAK,EAAE;gBACL,QAAQ,EAAE,wBAAwB;gBAClC,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;aACF;SACF;QACD,UAAU,EAAE;YACV,OAAO,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC;YACvC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,WAAW,EAAE,8CAA8C;YAC3D,KAAK,EAAE;gBACL,QAAQ,EAAE,wBAAwB;gBAClC,YAAY,EAAE;oBACZ,OAAO,EAAE,QAAQ;iBAClB;gBACD,IAAI,EAAE;oBACJ,OAAO,EAAE,0BAA0B;iBACpC;aACF;SACF;KACF;CACF,CAAC;AAEF,MAAM,eAAe,GAAG,IAAI,CAAC,EAAE;IAC7B,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;IAEnD,OAAO;YACG,IAAI;aACH,IAAI,CAAC,OAAO;eACV,IAAI,CAAC,QAAQ;eACb,IAAI,CAAC,QAAQ;iBACX,IAAI,CAAC,UAAU;IAC5B,IAAI,CAAC,KAAK;oBACM,CAAC;AACrB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,OAAO,CAAC,QAAQ,GAAG,EAAE,CAAC","sourcesContent":["import { icons } from '@infineon/infineon-icons';\n\nexport default {\n title: 'Components/Notification',\n tags: ['autodocs'],\n\n args: {\n label: \"Sample Notification\",\n variant: 'success',\n icon: 'c-check-16',\n linkText: 'Link',\n linkHref: 'https://www.example.com',\n linkTarget: '_blank',\n },\n argTypes: {\n label: {\n name: 'Label of Notification',\n description: 'Set the text label of the <ifx-notification>.',\n table: {\n category: 'story controls',\n type: {\n summary: 'string'\n }\n }\n },\n variant: {\n description: 'Variant of the notification.',\n options: ['success', 'locked', 'error', 'neutral'],\n control: { type: 'radio' },\n table: {\n category: 'ifx-notification props',\n defaultValue: {\n summary: 'success'\n },\n type: {\n summary: 'success \| warning \| error'\n }\n }\n },\n icon: {\n description: 'The icon to be displayed in the notification. Choose \"none\" to display no icon.',\n options: Object.keys(icons),\n control: { type: 'select' },\n table: {\n category: 'ifx-notification props',\n type: {\n summary: 'string'\n }\n }\n },\n linkText: {\n description: 'Text for the link.',\n table: {\n category: 'ifx-notification props',\n type: {\n summary: 'string'\n }\n }\n },\n linkHref: {\n description: 'URL for the link.',\n table: {\n category: 'ifx-notification props',\n type: {\n summary: 'string'\n }\n }\n },\n linkTarget: {\n options: ['_blank', '_self', '_parent'],\n control: { type: 'radio' },\n description: 'Specifies where to open the linked document.',\n table: {\n category: 'ifx-notification props',\n defaultValue: {\n summary: '_blank'\n },\n type: {\n summary: '_blank \| _self \| _parent'\n }\n }\n },\n },\n};\n\nconst DefaultTemplate = args => {\n const icon = args.icon === 'none' ? '' : args.icon;\n\n return `<ifx-notification \n icon = \"${icon}\"\n variant=\"${args.variant}\" \n link-text=\"${args.linkText}\" \n link-href=\"${args.linkHref}\"\n link-target=\"${args.linkTarget}\">\n ${args.label}\n</ifx-notification>`;\n}\n\nexport const Default = DefaultTemplate.bind({});\nDefault.argTypes = {};\n"]}