@infineon/infineon-design-system-stencil 32.9.0--canary.1690.0b04d2e768692eb0a6dff00bb4a8192404e39af6.0 → 32.9.0--canary.1690.9f427c17e0bab70647be0d38eca4d7865493ff4a.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.
|
@@ -267,7 +267,7 @@ const DefaultTemplate = args => `<ifx-navbar show-logo-and-appname="${args.show
|
|
|
267
267
|
|
|
268
268
|
<ifx-search-bar slot="search-bar-${args.searchBarPosition}" is-open="${args.searchBarIsOpen}"></ifx-search-bar>
|
|
269
269
|
|
|
270
|
-
<ifx-navbar-item number-indicator="${args.numberIndicator}" slot="right-item" target="_blank" href="http://google.com" hide-on-mobile="${args.hideOnMobile}" show-label="
|
|
270
|
+
<ifx-navbar-item number-indicator="${args.numberIndicator}" slot="right-item" target="_blank" href="http://google.com" hide-on-mobile="${args.hideOnMobile}" show-label="false" icon="image-16">
|
|
271
271
|
</ifx-navbar-item>
|
|
272
272
|
<ifx-navbar-item dot-indicator="${args.dotIndicator}" slot="right-item" hide-on-mobile="true" show-label='false' icon="image-16">
|
|
273
273
|
</ifx-navbar-item>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navbar.stories.js","sourceRoot":"","sources":["../../../../src/components/navigation/navbar/navbar.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { icons } from '@infineon/infineon-icons';\nexport default {\n title: 'Components/Navigation/Navbar',\n args: {\n profileLabel: \"\",\n applicationName: 'Application name',\n showLabelOfNavbarItem: true,\n targetOfnavbarItem: '_self',\n hrefOfNavbarItem: '',\n searchBarIsOpen: false,\n navbarPositionFixed: false,\n showLogoAndAppname: true,\n logoHref: 'http://google.com',\n logoHrefTarget: '_self',\n searchBarPosition: 'left',\n hideOnMobile: true,\n profileImageUrl: \"\",\n userName: \"\",\n showNavbarProfileLabel: true,\n href: \"http://google.com\",\n target: \"_self\",\n alt: \"profile image\",\n numberIndicator: \"\",\n dotIndicator: false\n },\n argTypes: {\n profileLabel: {\n name: 'Label of Profile',\n control: { type: 'text' },\n description: 'Set the label of *<ifx-navbar-profile>*.',\n table: {\n category: 'story controls',\n },\n },\n applicationName: {\n control: { type: 'text' },\n description: 'The name of the application.',\n table: {\n category: 'ifx-navbar props',\n },\n },\n navbarPositionFixed: {\n name: 'fixed',\n control: { type: 'boolean' },\n description: 'Fix the navbar to the top of the page.',\n table: {\n defaultValue: { summary: 'true' },\n category: 'ifx-navbar props',\n },\n },\n showLogoAndAppname: {\n control: { type: 'boolean' },\n description: 'Show the logo and application name.',\n table: {\n defaultValue: { summary: 'true' },\n category: 'ifx-navbar props',\n },\n },\n logoHref: {\n control: { type: 'text' },\n description: 'The URL of the logo link.',\n table: {\n category: 'ifx-navbar props',\n },\n },\n logoHrefTarget: {\n description: 'The target of the logo link.',\n options: ['_self', '_blank', '_parent'],\n control: { type: 'radio' },\n table: {\n defaultValue: { summary: '_self' },\n category: 'ifx-navbar props',\n type: {\n summary: '_self | _blank | _parent',\n },\n },\n },\n showLabelOfNavbarItem: {\n name: 'showLabel',\n control: { type: 'boolean' },\n description: 'Show the label of the navbar item.',\n table: {\n defaultValue: { summary: 'true' },\n category: 'ifx-navbar-item props',\n },\n },\n iconOfNavbarItem: {\n name: 'icon',\n options: Object.values(icons).map(i => i['name']),\n control: { type: 'select' },\n description: 'The icon to display in the navbar item.',\n table: {\n category: 'ifx-navbar-item props',\n type: {\n summary: 'string',\n },\n },\n },\n numberIndicator: {\n name: 'numberIndicator',\n control: { type: 'number' },\n description: 'A notifiying number indicator',\n table: {\n category: 'ifx-navbar-item props',\n type: {\n summary: 'string',\n },\n },\n },\n dotIndicator: {\n name: 'dotIndicator',\n control: { type: 'boolean' },\n description: 'A notifiying dot indicator',\n table: {\n category: 'ifx-navbar-item props',\n type: {\n defaultValue: { summary: 'false' },\n summary: 'boolean',\n },\n },\n },\n hrefOfNavbarItem: {\n name: 'href',\n control: { type: 'text' },\n description: 'The URL of the navbar item link.',\n table: {\n category: 'ifx-navbar-item props',\n },\n },\n\n targetOfnavbarItem: {\n name: 'target',\n control: { type: 'radio' },\n options: ['_self'],\n description: 'The target of the navbar item link.',\n table: {\n defaultValue: { summary: '_self' },\n category: 'ifx-navbar-item props',\n type: {\n summary: '_self',\n },\n },\n },\n hideOnMobile: {\n control: { type: 'boolean' },\n description: 'Hide the navbar item on mobile.',\n table: {\n defaultValue: { summary: 'true' },\n category: 'ifx-navbar-item props',\n },\n },\n showNavbarProfileLabel: {\n name: 'showLabel',\n control: { type: 'boolean' },\n description: 'Show label for the profile.',\n table: {\n defaultValue: { summary: 'true' },\n category: 'ifx-navbar-profile props',\n },\n },\n href: {\n control: { type: 'text' },\n description: 'The URL of the profile link.',\n table: {\n category: 'ifx-navbar-profile props',\n },\n },\n profileImageUrl: {\n name: 'imageUrl',\n control: { type: 'text' },\n description: 'The URL of the image.',\n table: {\n category: 'ifx-navbar-profile props',\n },\n },\n target: {\n control: { type: 'radio' },\n options: ['_self'],\n description: 'The target of the link.',\n table: {\n defaultValue: { summary: '_self' },\n category: 'ifx-navbar-profile props',\n type: {\n summary: '_self',\n },\n },\n },\n alt: {\n control: { type: 'text' },\n description: 'The alternative text of the image.',\n table: {\n category: 'ifx-navbar-profile props',\n },\n },\n userName: {\n control: { type: 'text' },\n description: 'The name of the user.',\n table: {\n category: 'ifx-navbar-profile props',\n },\n },\n searchBarIsOpen: {\n name: 'isOpen',\n control: { type: 'boolean' },\n description: 'Show the search bar.',\n table: {\n defaultValue: { summary: 'true' },\n category: 'ifx-search-bar props',\n },\n },\n searchBarPosition: {\n name: 'search-bar-',\n description: 'The position of the search-bar within the Navbar as specified in the slot name.',\n options: ['left', 'right'],\n control: { type: 'radio' },\n table: {\n defaultValue: { summary: 'left' },\n category: 'ifx-search-bar-slot',\n type: {\n summary: 'left | right',\n },\n },\n },\n },\n};\n\nconst DefaultTemplate = args =>\n `<ifx-navbar show-logo-and-appname=\"${args.showLogoAndAppname}\" application-name=\"${args.applicationName}\" fixed=\"${args.navbarPositionFixed}\" logo-href=\"${args.logoHref}\" logo-href-target=\"${args.logoHrefTarget}\">\n <ifx-navbar-item icon=\"${args.iconOfNavbarItem}\" slot=\"left-item\" target=\"${args.targetOfnavbarItem}\" href=\"${args.hrefOfNavbarItem}\" hide-on-mobile=\"${args.hideOnMobile}\">\n Menu Item\n <ifx-navbar-item icon=\"\">\n Layer 1 Nested Item 1\n <ifx-navbar-item>\n Layer 2 Nested Item 2\n <ifx-navbar-item href=\"http://google.com\" target=\"_blank\">Link Layer 3 Nested Item 1</ifx-navbar-item>\n <ifx-navbar-item>Layer 3 Nested Item 2</ifx-navbar-item>\n <ifx-navbar-item>Layer 3 Nested Item 3</ifx-navbar-item>\n <ifx-navbar-item>Layer 3 Nested Item 4</ifx-navbar-item>\n </ifx-navbar-item>\n <ifx-navbar-item >Layer 2 Nested Item 3</ifx-navbar-item>\n <ifx-navbar-item>Layer 2 Nested Item 4</ifx-navbar-item>\n <ifx-navbar-item>Layer 2 Nested Item 5</ifx-navbar-item>\n </ifx-navbar-item>\n\n <ifx-navbar-item>\n Layer 1 Nested Item 2\n <ifx-navbar-item>Layer 2 Item 1</ifx-navbar-item>\n <ifx-navbar-item>Layer 2 Item 2</ifx-navbar-item>\n <ifx-navbar-item>Layer 2 Item 3</ifx-navbar-item>\n </ifx-navbar-item>\n\n <ifx-navbar-item>Nested Item 3</ifx-navbar-item>\n\n <ifx-navbar-item>\n Layer 1 Nested Item 4\n <ifx-navbar-item>Nested Item 4</ifx-navbar-item>\n </ifx-navbar-item>\n\n </ifx-navbar-item>\n\n <ifx-navbar-item href=\"${args.hrefOfNavbarItem}\" target=\"_self\" slot=\"left-item\" icon=\"\" show-label=\"${args.showLabelOfNavbarItem}\">\n Menu Item\n </ifx-navbar-item>\n\n <ifx-navbar-item slot=\"left-item\">\n More\n <ifx-navbar-item>Item1</ifx-navbar-item>\n <ifx-navbar-item>Item2</ifx-navbar-item>\n </ifx-navbar-item>\n\n <ifx-search-bar slot=\"search-bar-${args.searchBarPosition}\" is-open=\"${args.searchBarIsOpen}\"></ifx-search-bar>\n\n <ifx-navbar-item number-indicator=\"${args.numberIndicator}\" slot=\"right-item\" target=\"_blank\" href=\"http://google.com\" hide-on-mobile=\"${args.hideOnMobile}\" show-label=\"true\" icon=\"image-16\">\n </ifx-navbar-item>\n <ifx-navbar-item dot-indicator=\"${args.dotIndicator}\" slot=\"right-item\" hide-on-mobile=\"true\" show-label='false' icon=\"image-16\">\n </ifx-navbar-item>\n\n <ifx-navbar-profile user-name=\"${args.userName}\" slot=\"right-item\" image-url=\"${args.profileImageUrl}\" show-label=\"${args.showNavbarProfileLabel}\" href=\"\" target=\"${args.target}\" alt=\"${args.alt}\">${args.profileLabel}</ifx-navbar-profile>\n</ifx-navbar>`;\n\nexport const Default = DefaultTemplate.bind({});\n"]}
|
|
1
|
+
{"version":3,"file":"navbar.stories.js","sourceRoot":"","sources":["../../../../src/components/navigation/navbar/navbar.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { icons } from '@infineon/infineon-icons';\nexport default {\n title: 'Components/Navigation/Navbar',\n args: {\n profileLabel: \"\",\n applicationName: 'Application name',\n showLabelOfNavbarItem: true,\n targetOfnavbarItem: '_self',\n hrefOfNavbarItem: '',\n searchBarIsOpen: false,\n navbarPositionFixed: false,\n showLogoAndAppname: true,\n logoHref: 'http://google.com',\n logoHrefTarget: '_self',\n searchBarPosition: 'left',\n hideOnMobile: true,\n profileImageUrl: \"\",\n userName: \"\",\n showNavbarProfileLabel: true,\n href: \"http://google.com\",\n target: \"_self\",\n alt: \"profile image\",\n numberIndicator: \"\",\n dotIndicator: false\n },\n argTypes: {\n profileLabel: {\n name: 'Label of Profile',\n control: { type: 'text' },\n description: 'Set the label of *<ifx-navbar-profile>*.',\n table: {\n category: 'story controls',\n },\n },\n applicationName: {\n control: { type: 'text' },\n description: 'The name of the application.',\n table: {\n category: 'ifx-navbar props',\n },\n },\n navbarPositionFixed: {\n name: 'fixed',\n control: { type: 'boolean' },\n description: 'Fix the navbar to the top of the page.',\n table: {\n defaultValue: { summary: 'true' },\n category: 'ifx-navbar props',\n },\n },\n showLogoAndAppname: {\n control: { type: 'boolean' },\n description: 'Show the logo and application name.',\n table: {\n defaultValue: { summary: 'true' },\n category: 'ifx-navbar props',\n },\n },\n logoHref: {\n control: { type: 'text' },\n description: 'The URL of the logo link.',\n table: {\n category: 'ifx-navbar props',\n },\n },\n logoHrefTarget: {\n description: 'The target of the logo link.',\n options: ['_self', '_blank', '_parent'],\n control: { type: 'radio' },\n table: {\n defaultValue: { summary: '_self' },\n category: 'ifx-navbar props',\n type: {\n summary: '_self | _blank | _parent',\n },\n },\n },\n showLabelOfNavbarItem: {\n name: 'showLabel',\n control: { type: 'boolean' },\n description: 'Show the label of the navbar item.',\n table: {\n defaultValue: { summary: 'true' },\n category: 'ifx-navbar-item props',\n },\n },\n iconOfNavbarItem: {\n name: 'icon',\n options: Object.values(icons).map(i => i['name']),\n control: { type: 'select' },\n description: 'The icon to display in the navbar item.',\n table: {\n category: 'ifx-navbar-item props',\n type: {\n summary: 'string',\n },\n },\n },\n numberIndicator: {\n name: 'numberIndicator',\n control: { type: 'number' },\n description: 'A notifiying number indicator',\n table: {\n category: 'ifx-navbar-item props',\n type: {\n summary: 'string',\n },\n },\n },\n dotIndicator: {\n name: 'dotIndicator',\n control: { type: 'boolean' },\n description: 'A notifiying dot indicator',\n table: {\n category: 'ifx-navbar-item props',\n type: {\n defaultValue: { summary: 'false' },\n summary: 'boolean',\n },\n },\n },\n hrefOfNavbarItem: {\n name: 'href',\n control: { type: 'text' },\n description: 'The URL of the navbar item link.',\n table: {\n category: 'ifx-navbar-item props',\n },\n },\n\n targetOfnavbarItem: {\n name: 'target',\n control: { type: 'radio' },\n options: ['_self'],\n description: 'The target of the navbar item link.',\n table: {\n defaultValue: { summary: '_self' },\n category: 'ifx-navbar-item props',\n type: {\n summary: '_self',\n },\n },\n },\n hideOnMobile: {\n control: { type: 'boolean' },\n description: 'Hide the navbar item on mobile.',\n table: {\n defaultValue: { summary: 'true' },\n category: 'ifx-navbar-item props',\n },\n },\n showNavbarProfileLabel: {\n name: 'showLabel',\n control: { type: 'boolean' },\n description: 'Show label for the profile.',\n table: {\n defaultValue: { summary: 'true' },\n category: 'ifx-navbar-profile props',\n },\n },\n href: {\n control: { type: 'text' },\n description: 'The URL of the profile link.',\n table: {\n category: 'ifx-navbar-profile props',\n },\n },\n profileImageUrl: {\n name: 'imageUrl',\n control: { type: 'text' },\n description: 'The URL of the image.',\n table: {\n category: 'ifx-navbar-profile props',\n },\n },\n target: {\n control: { type: 'radio' },\n options: ['_self'],\n description: 'The target of the link.',\n table: {\n defaultValue: { summary: '_self' },\n category: 'ifx-navbar-profile props',\n type: {\n summary: '_self',\n },\n },\n },\n alt: {\n control: { type: 'text' },\n description: 'The alternative text of the image.',\n table: {\n category: 'ifx-navbar-profile props',\n },\n },\n userName: {\n control: { type: 'text' },\n description: 'The name of the user.',\n table: {\n category: 'ifx-navbar-profile props',\n },\n },\n searchBarIsOpen: {\n name: 'isOpen',\n control: { type: 'boolean' },\n description: 'Show the search bar.',\n table: {\n defaultValue: { summary: 'true' },\n category: 'ifx-search-bar props',\n },\n },\n searchBarPosition: {\n name: 'search-bar-',\n description: 'The position of the search-bar within the Navbar as specified in the slot name.',\n options: ['left', 'right'],\n control: { type: 'radio' },\n table: {\n defaultValue: { summary: 'left' },\n category: 'ifx-search-bar-slot',\n type: {\n summary: 'left | right',\n },\n },\n },\n },\n};\n\nconst DefaultTemplate = args =>\n `<ifx-navbar show-logo-and-appname=\"${args.showLogoAndAppname}\" application-name=\"${args.applicationName}\" fixed=\"${args.navbarPositionFixed}\" logo-href=\"${args.logoHref}\" logo-href-target=\"${args.logoHrefTarget}\">\n <ifx-navbar-item icon=\"${args.iconOfNavbarItem}\" slot=\"left-item\" target=\"${args.targetOfnavbarItem}\" href=\"${args.hrefOfNavbarItem}\" hide-on-mobile=\"${args.hideOnMobile}\">\n Menu Item\n <ifx-navbar-item icon=\"\">\n Layer 1 Nested Item 1\n <ifx-navbar-item>\n Layer 2 Nested Item 2\n <ifx-navbar-item href=\"http://google.com\" target=\"_blank\">Link Layer 3 Nested Item 1</ifx-navbar-item>\n <ifx-navbar-item>Layer 3 Nested Item 2</ifx-navbar-item>\n <ifx-navbar-item>Layer 3 Nested Item 3</ifx-navbar-item>\n <ifx-navbar-item>Layer 3 Nested Item 4</ifx-navbar-item>\n </ifx-navbar-item>\n <ifx-navbar-item >Layer 2 Nested Item 3</ifx-navbar-item>\n <ifx-navbar-item>Layer 2 Nested Item 4</ifx-navbar-item>\n <ifx-navbar-item>Layer 2 Nested Item 5</ifx-navbar-item>\n </ifx-navbar-item>\n\n <ifx-navbar-item>\n Layer 1 Nested Item 2\n <ifx-navbar-item>Layer 2 Item 1</ifx-navbar-item>\n <ifx-navbar-item>Layer 2 Item 2</ifx-navbar-item>\n <ifx-navbar-item>Layer 2 Item 3</ifx-navbar-item>\n </ifx-navbar-item>\n\n <ifx-navbar-item>Nested Item 3</ifx-navbar-item>\n\n <ifx-navbar-item>\n Layer 1 Nested Item 4\n <ifx-navbar-item>Nested Item 4</ifx-navbar-item>\n </ifx-navbar-item>\n\n </ifx-navbar-item>\n\n <ifx-navbar-item href=\"${args.hrefOfNavbarItem}\" target=\"_self\" slot=\"left-item\" icon=\"\" show-label=\"${args.showLabelOfNavbarItem}\">\n Menu Item\n </ifx-navbar-item>\n\n <ifx-navbar-item slot=\"left-item\">\n More\n <ifx-navbar-item>Item1</ifx-navbar-item>\n <ifx-navbar-item>Item2</ifx-navbar-item>\n </ifx-navbar-item>\n\n <ifx-search-bar slot=\"search-bar-${args.searchBarPosition}\" is-open=\"${args.searchBarIsOpen}\"></ifx-search-bar>\n\n <ifx-navbar-item number-indicator=\"${args.numberIndicator}\" slot=\"right-item\" target=\"_blank\" href=\"http://google.com\" hide-on-mobile=\"${args.hideOnMobile}\" show-label=\"false\" icon=\"image-16\">\n </ifx-navbar-item>\n <ifx-navbar-item dot-indicator=\"${args.dotIndicator}\" slot=\"right-item\" hide-on-mobile=\"true\" show-label='false' icon=\"image-16\">\n </ifx-navbar-item>\n\n <ifx-navbar-profile user-name=\"${args.userName}\" slot=\"right-item\" image-url=\"${args.profileImageUrl}\" show-label=\"${args.showNavbarProfileLabel}\" href=\"\" target=\"${args.target}\" alt=\"${args.alt}\">${args.profileLabel}</ifx-navbar-profile>\n</ifx-navbar>`;\n\nexport const Default = DefaultTemplate.bind({});\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@infineon/infineon-design-system-stencil",
|
|
3
|
-
"version": "32.9.0--canary.1690.
|
|
3
|
+
"version": "32.9.0--canary.1690.9f427c17e0bab70647be0d38eca4d7865493ff4a.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Infineon design system Stencil web components",
|
|
6
6
|
"homepage": "https://infineon.github.io/infineon-design-system-stencil",
|