@infineon/infineon-design-system-stencil 20.19.2 → 20.19.3
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.
- package/dist/cjs/ifx-dropdown-trigger-button.cjs.entry.js +3 -3
- package/dist/cjs/ifx-dropdown-trigger-button.cjs.entry.js.map +1 -1
- package/dist/cjs/infineon-design-system-stencil.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.js +13 -14
- package/dist/collection/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.js.map +1 -1
- package/dist/collection/components/dropdown/dropdown.stories.js +27 -33
- package/dist/collection/components/dropdown/dropdown.stories.js.map +1 -1
- package/dist/components/ifx-dropdown-trigger-button.js +4 -4
- package/dist/components/ifx-dropdown-trigger-button.js.map +1 -1
- package/dist/esm/ifx-dropdown-trigger-button.entry.js +3 -3
- package/dist/esm/ifx-dropdown-trigger-button.entry.js.map +1 -1
- package/dist/esm/infineon-design-system-stencil.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js +1 -1
- package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js.map +1 -1
- package/dist/infineon-design-system-stencil/p-98e40613.entry.js +2 -0
- package/dist/infineon-design-system-stencil/p-98e40613.entry.js.map +1 -0
- package/dist/types/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.d.ts +2 -2
- package/dist/types/components/dropdown/dropdown.stories.d.ts +7 -3
- package/dist/types/components.d.ts +4 -4
- package/package.json +1 -1
- package/dist/infineon-design-system-stencil/p-aa383c3a.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-aa383c3a.entry.js.map +0 -1
|
@@ -10,14 +10,14 @@ const DropdownItem = class {
|
|
|
10
10
|
constructor(hostRef) {
|
|
11
11
|
index.registerInstance(this, hostRef);
|
|
12
12
|
this.isOpen = false;
|
|
13
|
-
this.
|
|
14
|
-
this.
|
|
13
|
+
this.theme = 'default';
|
|
14
|
+
this.variant = undefined;
|
|
15
15
|
this.size = 'm';
|
|
16
16
|
this.disabled = undefined;
|
|
17
17
|
this.hideArrow = false;
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
|
-
return (index.h("ifx-button", { variant: this.variant,
|
|
20
|
+
return (index.h("ifx-button", { variant: this.variant, theme: this.theme, size: this.size, disabled: this.disabled, class: "dropdown-trigger-button" }, index.h("slot", null), !this.hideArrow &&
|
|
21
21
|
index.h("ifx-icon", { icon: "chevron-right-12", class: `icon${this.isOpen ? ' rotate' : ''}` })));
|
|
22
22
|
}
|
|
23
23
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"ifx-dropdown-trigger-button.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,wBAAwB,GAAG,6KAA6K;;MCUjM,YAAY;;;kBACG,KAAK;
|
|
1
|
+
{"file":"ifx-dropdown-trigger-button.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,wBAAwB,GAAG,6KAA6K;;MCUjM,YAAY;;;kBACG,KAAK;iBAEmB,SAAS;;gBAEjC,GAAG;;qBAEA,KAAK;;EAElC,MAAM;IACJ,QACEA,wBACE,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAC,yBAAyB,IAE/BA,qBAAQ,EACP,CAAC,IAAI,CAAC,SAAS;MACdA,sBAAU,IAAI,EAAC,kBAAkB,EAAC,KAAK,EAAE,OAAO,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,EAAE,EAAE,GAAI,CAEzE,EACd;GACF;;;;;;","names":["h"],"sources":["./src/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.scss?tag=ifx-dropdown-trigger-button&encapsulation=shadow","./src/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n display: inline-block;\n}\n\n.rotate {\n transition: transform 0.2s ease-in-out;\n transform: rotate(90deg);\n margin-top: 0em;\n}\n\n.icon {\n margin-top: 0em;\n transition: transform 0.2s ease-in-out;\n}\n","// dropdown-trigger-button.tsx\nimport { Component, Prop, h } from \"@stencil/core\";\nimport { IOpenable } from '../IOpenable';\n\n@Component({\n tag: 'ifx-dropdown-trigger-button',\n styleUrl: 'dropdown-trigger-button.scss',\n shadow: true\n})\n\nexport class DropdownItem implements IOpenable {\n @Prop() isOpen: boolean = false;\n\n @Prop() theme: 'default' | 'danger' | 'inverse' = 'default';\n @Prop() variant: 'primary';\n @Prop() size: 's' | 'm' = 'm';\n @Prop() disabled: boolean;\n @Prop() hideArrow: boolean = false;\n\n render() {\n return (\n <ifx-button\n variant={this.variant}\n theme={this.theme}\n size={this.size}\n disabled={this.disabled}\n class=\"dropdown-trigger-button\"\n >\n <slot />\n {!this.hideArrow &&\n <ifx-icon icon=\"chevron-right-12\" class={`icon${this.isOpen ? ' rotate' : ''}`} />\n }\n </ifx-button>\n )\n }\n}"],"version":3}
|
|
@@ -43,7 +43,7 @@ const patchCloneNodeFix = (HTMLElementPrototype) => {
|
|
|
43
43
|
};
|
|
44
44
|
|
|
45
45
|
patchBrowser().then(options => {
|
|
46
|
-
return index.bootstrapLazy([["ifx-faq.cjs",[[1,"ifx-faq"]]],["ifx-dropdown-trigger-button.cjs",[[1,"ifx-dropdown-trigger-button",{"isOpen":[4,"is-open"],"variant":[1],"color":[1],"size":[1],"disabled":[4],"hideArrow":[4,"hide-arrow"]}]]],["ifx-modal.cjs",[[1,"ifx-modal",{"caption":[1],"closeOnOverlayClick":[4,"close-on-overlay-click"],"alertColor":[1,"alert-color"],"alertIcon":[1,"alert-icon"],"showModal":[32],"open":[64],"close":[64]}]]],["ifx-multiselect.cjs",[[1,"ifx-multiselect",{"options":[1],"size":[1],"disabled":[4],"error":[4],"errorMessage":[1,"error-message"],"label":[1],"maxItemCount":[2,"max-item-count"],"persistentSelectedOptions":[32],"listOfOptions":[32],"dropdownOpen":[32],"dropdownFlipped":[32],"zIndex":[32]}]]],["ifx-search-bar.cjs",[[1,"ifx-search-bar",{"isOpen":[4,"is-open"],"disabled":[4],"value":[1025],"internalState":[32]}]]],["ifx-alert.cjs",[[1,"ifx-alert",{"color":[1],"icon":[1]}]]],["ifx-breadcrumb-item-label.cjs",[[1,"ifx-breadcrumb-item-label",{"icon":[1],"url":[1],"target":[1]}]]],["ifx-chip.cjs",[[1,"ifx-chip",{"placeholder":[1],"isEmpty":[32]},[[5,"mousedown","handleOutsideClick"]]]]],["ifx-dropdown-item.cjs",[[1,"ifx-dropdown-item",{"icon":[1],"href":[1],"target":[1],"hide":[4],"size":[32]},[[16,"menuSize","handleMenuSize"]]]]],["ifx-example.cjs",[[1,"ifx-example",{"variant":[1],"color":[1],"size":[1],"disabled":[4],"icon":[1],"position":[1],"href":[1],"target":[1],"type":[1],"internalPosition":[32],"setFocus":[64]}]]],["ifx-icon-button.cjs",[[1,"ifx-icon-button",{"variant":[1],"size":[1],"disabled":[4],"icon":[1],"href":[1],"target":[1],"shape":[1],"setFocus":[64]}]]],["ifx-icons-preview.cjs",[[1,"ifx-icons-preview",{"iconsArray":[32],"isCopied":[32],"copiedIndex":[32],"htmlTag":[32],"iconName":[32]}]]],["ifx-list-item.cjs",[[1,"ifx-list-item",{"isFlush":[1028,"is-flush"],"badge":[4],"badgeValue":[2,"badge-value"],"hasBulletpoint":[32]}]]],["ifx-navbar.cjs",[[1,"ifx-navbar",{"applicationName":[1,"application-name"],"fixed":[4],"showLogo":[4,"show-logo"],"main":[32],"products":[32],"applications":[32],"design":[32],"support":[32],"about":[32],"hasLeftMenuItems":[32],"searchBarIsOpen":[32]},[[0,"ifxSearchBarIsOpen","handleSearchBarToggle"],[5,"mousedown","handleOutsideClick"]]]]],["ifx-navbar-item.cjs",[[1,"ifx-navbar-item",{"isProfile":[1028,"is-profile"],"hideLabel":[4,"hide-label"],"icon":[1],"href":[1],"target":[1],"hideComponent":[4,"hide-component"]}]]],["ifx-select.cjs",[[0,"ifx-select",{"type":[1],"value":[1],"name":[1],"items":[16],"choices":[1],"renderChoiceLimit":[2,"render-choice-limit"],"maxItemCount":[2,"max-item-count"],"addItems":[4,"add-items"],"removeItems":[4,"remove-items"],"removeItemButton":[4,"remove-item-button"],"editItems":[4,"edit-items"],"duplicateItemsAllowed":[4,"duplicate-items-allowed"],"delimiter":[1],"paste":[4],"searchEnabled":[4,"search-enabled"],"searchChoices":[4,"search-choices"],"searchFields":[1,"search-fields"],"searchFloor":[2,"search-floor"],"searchResultLimit":[2,"search-result-limit"],"position":[1],"resetScrollPosition":[4,"reset-scroll-position"],"shouldSort":[4,"should-sort"],"shouldSortItems":[4,"should-sort-items"],"sorter":[16],"placeholder":[8],"placeholderValue":[1,"placeholder-value"],"searchPlaceholderValue":[1,"search-placeholder-value"],"prependValue":[1,"prepend-value"],"appendValue":[1,"append-value"],"renderSelectedChoices":[1,"render-selected-choices"],"loadingText":[1,"loading-text"],"noResultsText":[1,"no-results-text"],"noChoicesText":[1,"no-choices-text"],"itemSelectText":[1,"item-select-text"],"addItemText":[1,"add-item-text"],"maxItemText":[1,"max-item-text"],"uniqueItemText":[1,"unique-item-text"],"classNames":[16],"fuseOptions":[16],"addItemFilter":[1,"add-item-filter"],"customAddItemText":[1,"custom-add-item-text"],"callbackOnInit":[16],"callbackOnCreateTemplates":[16],"valueComparer":[16],"ifxError":[4,"ifx-error"],"ifxErrorMessage":[1,"ifx-error-message"],"ifxLabel":[1,"ifx-label"],"ifxDisabled":[4,"ifx-disabled"],"ifxPlaceholderValue":[1,"ifx-placeholder-value"],"ifxOptions":[1,"ifx-options"],"ifxSize":[1,"ifx-size"],"ifxSelectedOption":[32],"handleChange":[64],"highlightItem":[64],"unhighlightItem":[64],"highlightAll":[64],"unhighlightAll":[64],"removeActiveItemsByValue":[64],"removeActiveItems":[64],"removeHighlightedItems":[64],"showDropdown":[64],"hideDropdown":[64],"getValue":[64],"setValue":[64],"setChoiceByValue":[64],"setChoices":[64],"clearChoices":[64],"clearStore":[64],"clearInput":[64],"enable":[64],"disable":[64],"ajax":[64]},[[5,"mousedown","handleOutsideClick"]]]]],["ifx-sidebar-item.cjs",[[1,"ifx-sidebar-item",{"icon":[1],"href":[1],"target":[1],"hasIcon":[32],"hasIconWrapper":[32]},[[0,"consoleError","handleConsoleError"]]]]],["ifx-slider.cjs",[[1,"ifx-slider",{"min":[2],"max":[2],"value":[2],"disabled":[4],"showPercentage":[4,"show-percentage"],"leftIcon":[1,"left-icon"],"rightIcon":[1,"right-icon"],"leftText":[1,"left-text"],"rightText":[1,"right-text"],"internalValue":[32]}]]],["ifx-text-field.cjs",[[1,"ifx-text-field",{"placeholder":[1],"value":[1025],"error":[4],"errorMessage":[1,"error-message"],"success":[4],"disabled":[4],"readonly":[4],"icon":[4]}]]],["ifx-tooltip.cjs",[[1,"ifx-tooltip",{"header":[1],"text":[1],"position":[1],"variant":[1],"icon":[1],"tooltipVisible":[32],"internalPosition":[32]}]]],["ifx-badge.cjs",[[1,"ifx-badge"]]],["ifx-basic-table.cjs",[[0,"ifx-basic-table",{"cols":[1],"rows":[1],"columnDefs":[16],"rowData":[16],"rowHeight":[1,"row-height"],"uniqueKey":[1,"unique-key"],"tableHeight":[1,"table-height"],"gridOptions":[32]}]]],["ifx-breadcrumb.cjs",[[1,"ifx-breadcrumb"]]],["ifx-breadcrumb-item.cjs",[[1,"ifx-breadcrumb-item",{"isLastItem":[32]},[[5,"mousedown","handleOutsideClick"],[0,"breadcrumbMenuIconWrapper","menuWrapperEventReEmitter"]]]]],["ifx-card.cjs",[[1,"ifx-card",{"direction":[1],"href":[1],"target":[1],"noBtns":[32],"alignment":[32],"noImg":[32]},[[0,"imgPosition","setImgPosition"]]]]],["ifx-card-headline.cjs",[[1,"ifx-card-headline",{"isHovered":[4,"is-hovered"],"direction":[32],"hasDesc":[32]}]]],["ifx-card-image.cjs",[[1,"ifx-card-image",{"src":[1],"alt":[1],"position":[1]}]]],["ifx-card-links.cjs",[[1,"ifx-card-links"]]],["ifx-card-overline.cjs",[[1,"ifx-card-overline"]]],["ifx-card-text.cjs",[[1,"ifx-card-text",{"hasBtn":[32]}]]],["ifx-dropdown.cjs",[[1,"ifx-dropdown",{"placement":[1],"defaultOpen":[4,"default-open"],"noAppendToBody":[4,"no-append-to-body"],"disabled":[4],"noCloseOnOutsideClick":[4,"no-close-on-outside-click"],"noCloseOnMenuClick":[4,"no-close-on-menu-click"],"internalIsOpen":[32],"trigger":[32],"menu":[32],"isOpen":[64],"closeDropdown":[64],"openDropdown":[64]},[[0,"slotchange","watchHandlerSlot"],[5,"mousedown","handleOutsideClick"]]]]],["ifx-dropdown-header.cjs",[[1,"ifx-dropdown-header"]]],["ifx-dropdown-menu.cjs",[[1,"ifx-dropdown-menu",{"isOpen":[4,"is-open"],"size":[1],"hideTopPadding":[32],"filteredItems":[32]},[[0,"ifxInput","handleMenuFilter"],[0,"ifxDropdownItem","handleDropdownItemValueEmission"]]]]],["ifx-dropdown-separator.cjs",[[1,"ifx-dropdown-separator"]]],["ifx-dropdown-trigger.cjs",[[1,"ifx-dropdown-trigger",{"isOpen":[4,"is-open"]}]]],["ifx-filter-input.cjs",[[1,"ifx-filter-input",{"label":[1],"size":[1],"disabled":[4],"icon":[4],"search":[4],"filter":[4],"options":[32]}]]],["ifx-footer.cjs",[[1,"ifx-footer",{"variant":[1],"large":[32],"default":[32],"showFacebook":[32]}]]],["ifx-footer-column.cjs",[[1,"ifx-footer-column"]]],["ifx-link.cjs",[[1,"ifx-link",{"href":[1],"target":[1],"color":[1],"bold":[4],"underline":[4]}]]],["ifx-list-group.cjs",[[1,"ifx-list-group",{"flush":[4],"bulletpoint":[4],"notification":[4]}]]],["ifx-list-notification.cjs",[[1,"ifx-list-notification",{"titleText":[1,"title-text"],"isFlush":[4,"is-flush"],"creationTime":[8,"creation-time"],"postTime":[32],"shownTime":[32]}]]],["ifx-navbar-menu.cjs",[[1,"ifx-navbar-menu",{"menu":[32]}]]],["ifx-navbar-menu-item.cjs",[[1,"ifx-navbar-menu-item",{"href":[1],"target":[1],"hide":[4]}]]],["ifx-progress-bar.cjs",[[1,"ifx-progress-bar",{"value":[2],"label":[1],"size":[1],"showLabel":[4,"show-label"],"internalValue":[32]}]]],["ifx-radio-button.cjs",[[1,"ifx-radio-button",{"disabled":[4],"value":[4],"error":[4],"size":[1],"internalValue":[32],"hasSlot":[32]}]]],["ifx-sidebar.cjs",[[1,"ifx-sidebar",{"applicationName":[1,"application-name"]}]]],["ifx-spinner.cjs",[[1,"ifx-spinner",{"size":[1],"variant":[1]}]]],["ifx-status.cjs",[[1,"ifx-status",{"label":[1],"border":[4],"color":[1]}]]],["ifx-switch.cjs",[[1,"ifx-switch",{"value":[4],"name":[1],"disabled":[4],"internalValue":[32]}]]],["ifx-tab.cjs",[[4,"ifx-tab",{"header":[1]}]]],["ifx-table.cjs",[[0,"ifx-table",{"cols":[1],"rows":[1],"columnDefs":[16],"rowData":[16],"rowHeight":[1,"row-height"],"uniqueKey":[1,"unique-key"],"tableHeight":[1,"table-height"],"pagination":[4],"paginationPageSize":[2,"pagination-page-size"],"gridOptions":[32]}]]],["ifx-tabs.cjs",[[1,"ifx-tabs",{"tabs":[16],"orientation":[1],"small":[4],"internalOrientation":[32],"activeTabIndex":[32],"tabRefs":[32],"tabHeaderRefs":[32],"tabTitles":[32]},[[0,"slotchange","onSlotChange"]]]]],["ifx-tag.cjs",[[1,"ifx-tag"]]],["ifx-checkbox.cjs",[[1,"ifx-checkbox",{"disabled":[4],"value":[4],"error":[4],"name":[1],"size":[1],"indeterminate":[4],"internalValue":[32]}]]],["ifx-search-field.cjs",[[1,"ifx-search-field",{"value":[1025],"showDeleteIcon":[4,"show-delete-icon"],"disabled":[4],"size":[1],"insideDropdown":[32],"isFocused":[32]},[[5,"mousedown","handleOutsideClick"]]]]],["ifx-number-indicator.cjs",[[1,"ifx-number-indicator",{"inverted":[4]}]]],["ifx-accordion_2.cjs",[[1,"ifx-accordion-item",{"caption":[1],"open":[32],"close":[64],"isOpen":[64]}],[1,"ifx-accordion",{"autoCollapse":[4,"auto-collapse"]},[[0,"ifxItemOpen","onItemOpen"]]]]],["ifx-button.cjs",[[1,"ifx-button",{"variant":[1],"theme":[1],"size":[1],"disabled":[4],"href":[1],"target":[1],"internalHref":[32],"setFocus":[64]}]]],["ifx-icon.cjs",[[0,"ifx-icon",{"icon":[1025],"ifxIcon":[1032,"ifx-icon"]}]]]], options);
|
|
46
|
+
return index.bootstrapLazy([["ifx-faq.cjs",[[1,"ifx-faq"]]],["ifx-dropdown-trigger-button.cjs",[[1,"ifx-dropdown-trigger-button",{"isOpen":[4,"is-open"],"theme":[1],"variant":[1],"size":[1],"disabled":[4],"hideArrow":[4,"hide-arrow"]}]]],["ifx-modal.cjs",[[1,"ifx-modal",{"caption":[1],"closeOnOverlayClick":[4,"close-on-overlay-click"],"alertColor":[1,"alert-color"],"alertIcon":[1,"alert-icon"],"showModal":[32],"open":[64],"close":[64]}]]],["ifx-multiselect.cjs",[[1,"ifx-multiselect",{"options":[1],"size":[1],"disabled":[4],"error":[4],"errorMessage":[1,"error-message"],"label":[1],"maxItemCount":[2,"max-item-count"],"persistentSelectedOptions":[32],"listOfOptions":[32],"dropdownOpen":[32],"dropdownFlipped":[32],"zIndex":[32]}]]],["ifx-search-bar.cjs",[[1,"ifx-search-bar",{"isOpen":[4,"is-open"],"disabled":[4],"value":[1025],"internalState":[32]}]]],["ifx-alert.cjs",[[1,"ifx-alert",{"color":[1],"icon":[1]}]]],["ifx-breadcrumb-item-label.cjs",[[1,"ifx-breadcrumb-item-label",{"icon":[1],"url":[1],"target":[1]}]]],["ifx-chip.cjs",[[1,"ifx-chip",{"placeholder":[1],"isEmpty":[32]},[[5,"mousedown","handleOutsideClick"]]]]],["ifx-dropdown-item.cjs",[[1,"ifx-dropdown-item",{"icon":[1],"href":[1],"target":[1],"hide":[4],"size":[32]},[[16,"menuSize","handleMenuSize"]]]]],["ifx-example.cjs",[[1,"ifx-example",{"variant":[1],"color":[1],"size":[1],"disabled":[4],"icon":[1],"position":[1],"href":[1],"target":[1],"type":[1],"internalPosition":[32],"setFocus":[64]}]]],["ifx-icon-button.cjs",[[1,"ifx-icon-button",{"variant":[1],"size":[1],"disabled":[4],"icon":[1],"href":[1],"target":[1],"shape":[1],"setFocus":[64]}]]],["ifx-icons-preview.cjs",[[1,"ifx-icons-preview",{"iconsArray":[32],"isCopied":[32],"copiedIndex":[32],"htmlTag":[32],"iconName":[32]}]]],["ifx-list-item.cjs",[[1,"ifx-list-item",{"isFlush":[1028,"is-flush"],"badge":[4],"badgeValue":[2,"badge-value"],"hasBulletpoint":[32]}]]],["ifx-navbar.cjs",[[1,"ifx-navbar",{"applicationName":[1,"application-name"],"fixed":[4],"showLogo":[4,"show-logo"],"main":[32],"products":[32],"applications":[32],"design":[32],"support":[32],"about":[32],"hasLeftMenuItems":[32],"searchBarIsOpen":[32]},[[0,"ifxSearchBarIsOpen","handleSearchBarToggle"],[5,"mousedown","handleOutsideClick"]]]]],["ifx-navbar-item.cjs",[[1,"ifx-navbar-item",{"isProfile":[1028,"is-profile"],"hideLabel":[4,"hide-label"],"icon":[1],"href":[1],"target":[1],"hideComponent":[4,"hide-component"]}]]],["ifx-select.cjs",[[0,"ifx-select",{"type":[1],"value":[1],"name":[1],"items":[16],"choices":[1],"renderChoiceLimit":[2,"render-choice-limit"],"maxItemCount":[2,"max-item-count"],"addItems":[4,"add-items"],"removeItems":[4,"remove-items"],"removeItemButton":[4,"remove-item-button"],"editItems":[4,"edit-items"],"duplicateItemsAllowed":[4,"duplicate-items-allowed"],"delimiter":[1],"paste":[4],"searchEnabled":[4,"search-enabled"],"searchChoices":[4,"search-choices"],"searchFields":[1,"search-fields"],"searchFloor":[2,"search-floor"],"searchResultLimit":[2,"search-result-limit"],"position":[1],"resetScrollPosition":[4,"reset-scroll-position"],"shouldSort":[4,"should-sort"],"shouldSortItems":[4,"should-sort-items"],"sorter":[16],"placeholder":[8],"placeholderValue":[1,"placeholder-value"],"searchPlaceholderValue":[1,"search-placeholder-value"],"prependValue":[1,"prepend-value"],"appendValue":[1,"append-value"],"renderSelectedChoices":[1,"render-selected-choices"],"loadingText":[1,"loading-text"],"noResultsText":[1,"no-results-text"],"noChoicesText":[1,"no-choices-text"],"itemSelectText":[1,"item-select-text"],"addItemText":[1,"add-item-text"],"maxItemText":[1,"max-item-text"],"uniqueItemText":[1,"unique-item-text"],"classNames":[16],"fuseOptions":[16],"addItemFilter":[1,"add-item-filter"],"customAddItemText":[1,"custom-add-item-text"],"callbackOnInit":[16],"callbackOnCreateTemplates":[16],"valueComparer":[16],"ifxError":[4,"ifx-error"],"ifxErrorMessage":[1,"ifx-error-message"],"ifxLabel":[1,"ifx-label"],"ifxDisabled":[4,"ifx-disabled"],"ifxPlaceholderValue":[1,"ifx-placeholder-value"],"ifxOptions":[1,"ifx-options"],"ifxSize":[1,"ifx-size"],"ifxSelectedOption":[32],"handleChange":[64],"highlightItem":[64],"unhighlightItem":[64],"highlightAll":[64],"unhighlightAll":[64],"removeActiveItemsByValue":[64],"removeActiveItems":[64],"removeHighlightedItems":[64],"showDropdown":[64],"hideDropdown":[64],"getValue":[64],"setValue":[64],"setChoiceByValue":[64],"setChoices":[64],"clearChoices":[64],"clearStore":[64],"clearInput":[64],"enable":[64],"disable":[64],"ajax":[64]},[[5,"mousedown","handleOutsideClick"]]]]],["ifx-sidebar-item.cjs",[[1,"ifx-sidebar-item",{"icon":[1],"href":[1],"target":[1],"hasIcon":[32],"hasIconWrapper":[32]},[[0,"consoleError","handleConsoleError"]]]]],["ifx-slider.cjs",[[1,"ifx-slider",{"min":[2],"max":[2],"value":[2],"disabled":[4],"showPercentage":[4,"show-percentage"],"leftIcon":[1,"left-icon"],"rightIcon":[1,"right-icon"],"leftText":[1,"left-text"],"rightText":[1,"right-text"],"internalValue":[32]}]]],["ifx-text-field.cjs",[[1,"ifx-text-field",{"placeholder":[1],"value":[1025],"error":[4],"errorMessage":[1,"error-message"],"success":[4],"disabled":[4],"readonly":[4],"icon":[4]}]]],["ifx-tooltip.cjs",[[1,"ifx-tooltip",{"header":[1],"text":[1],"position":[1],"variant":[1],"icon":[1],"tooltipVisible":[32],"internalPosition":[32]}]]],["ifx-badge.cjs",[[1,"ifx-badge"]]],["ifx-basic-table.cjs",[[0,"ifx-basic-table",{"cols":[1],"rows":[1],"columnDefs":[16],"rowData":[16],"rowHeight":[1,"row-height"],"uniqueKey":[1,"unique-key"],"tableHeight":[1,"table-height"],"gridOptions":[32]}]]],["ifx-breadcrumb.cjs",[[1,"ifx-breadcrumb"]]],["ifx-breadcrumb-item.cjs",[[1,"ifx-breadcrumb-item",{"isLastItem":[32]},[[5,"mousedown","handleOutsideClick"],[0,"breadcrumbMenuIconWrapper","menuWrapperEventReEmitter"]]]]],["ifx-card.cjs",[[1,"ifx-card",{"direction":[1],"href":[1],"target":[1],"noBtns":[32],"alignment":[32],"noImg":[32]},[[0,"imgPosition","setImgPosition"]]]]],["ifx-card-headline.cjs",[[1,"ifx-card-headline",{"isHovered":[4,"is-hovered"],"direction":[32],"hasDesc":[32]}]]],["ifx-card-image.cjs",[[1,"ifx-card-image",{"src":[1],"alt":[1],"position":[1]}]]],["ifx-card-links.cjs",[[1,"ifx-card-links"]]],["ifx-card-overline.cjs",[[1,"ifx-card-overline"]]],["ifx-card-text.cjs",[[1,"ifx-card-text",{"hasBtn":[32]}]]],["ifx-dropdown.cjs",[[1,"ifx-dropdown",{"placement":[1],"defaultOpen":[4,"default-open"],"noAppendToBody":[4,"no-append-to-body"],"disabled":[4],"noCloseOnOutsideClick":[4,"no-close-on-outside-click"],"noCloseOnMenuClick":[4,"no-close-on-menu-click"],"internalIsOpen":[32],"trigger":[32],"menu":[32],"isOpen":[64],"closeDropdown":[64],"openDropdown":[64]},[[0,"slotchange","watchHandlerSlot"],[5,"mousedown","handleOutsideClick"]]]]],["ifx-dropdown-header.cjs",[[1,"ifx-dropdown-header"]]],["ifx-dropdown-menu.cjs",[[1,"ifx-dropdown-menu",{"isOpen":[4,"is-open"],"size":[1],"hideTopPadding":[32],"filteredItems":[32]},[[0,"ifxInput","handleMenuFilter"],[0,"ifxDropdownItem","handleDropdownItemValueEmission"]]]]],["ifx-dropdown-separator.cjs",[[1,"ifx-dropdown-separator"]]],["ifx-dropdown-trigger.cjs",[[1,"ifx-dropdown-trigger",{"isOpen":[4,"is-open"]}]]],["ifx-filter-input.cjs",[[1,"ifx-filter-input",{"label":[1],"size":[1],"disabled":[4],"icon":[4],"search":[4],"filter":[4],"options":[32]}]]],["ifx-footer.cjs",[[1,"ifx-footer",{"variant":[1],"large":[32],"default":[32],"showFacebook":[32]}]]],["ifx-footer-column.cjs",[[1,"ifx-footer-column"]]],["ifx-link.cjs",[[1,"ifx-link",{"href":[1],"target":[1],"color":[1],"bold":[4],"underline":[4]}]]],["ifx-list-group.cjs",[[1,"ifx-list-group",{"flush":[4],"bulletpoint":[4],"notification":[4]}]]],["ifx-list-notification.cjs",[[1,"ifx-list-notification",{"titleText":[1,"title-text"],"isFlush":[4,"is-flush"],"creationTime":[8,"creation-time"],"postTime":[32],"shownTime":[32]}]]],["ifx-navbar-menu.cjs",[[1,"ifx-navbar-menu",{"menu":[32]}]]],["ifx-navbar-menu-item.cjs",[[1,"ifx-navbar-menu-item",{"href":[1],"target":[1],"hide":[4]}]]],["ifx-progress-bar.cjs",[[1,"ifx-progress-bar",{"value":[2],"label":[1],"size":[1],"showLabel":[4,"show-label"],"internalValue":[32]}]]],["ifx-radio-button.cjs",[[1,"ifx-radio-button",{"disabled":[4],"value":[4],"error":[4],"size":[1],"internalValue":[32],"hasSlot":[32]}]]],["ifx-sidebar.cjs",[[1,"ifx-sidebar",{"applicationName":[1,"application-name"]}]]],["ifx-spinner.cjs",[[1,"ifx-spinner",{"size":[1],"variant":[1]}]]],["ifx-status.cjs",[[1,"ifx-status",{"label":[1],"border":[4],"color":[1]}]]],["ifx-switch.cjs",[[1,"ifx-switch",{"value":[4],"name":[1],"disabled":[4],"internalValue":[32]}]]],["ifx-tab.cjs",[[4,"ifx-tab",{"header":[1]}]]],["ifx-table.cjs",[[0,"ifx-table",{"cols":[1],"rows":[1],"columnDefs":[16],"rowData":[16],"rowHeight":[1,"row-height"],"uniqueKey":[1,"unique-key"],"tableHeight":[1,"table-height"],"pagination":[4],"paginationPageSize":[2,"pagination-page-size"],"gridOptions":[32]}]]],["ifx-tabs.cjs",[[1,"ifx-tabs",{"tabs":[16],"orientation":[1],"small":[4],"internalOrientation":[32],"activeTabIndex":[32],"tabRefs":[32],"tabHeaderRefs":[32],"tabTitles":[32]},[[0,"slotchange","onSlotChange"]]]]],["ifx-tag.cjs",[[1,"ifx-tag"]]],["ifx-checkbox.cjs",[[1,"ifx-checkbox",{"disabled":[4],"value":[4],"error":[4],"name":[1],"size":[1],"indeterminate":[4],"internalValue":[32]}]]],["ifx-search-field.cjs",[[1,"ifx-search-field",{"value":[1025],"showDeleteIcon":[4,"show-delete-icon"],"disabled":[4],"size":[1],"insideDropdown":[32],"isFocused":[32]},[[5,"mousedown","handleOutsideClick"]]]]],["ifx-number-indicator.cjs",[[1,"ifx-number-indicator",{"inverted":[4]}]]],["ifx-accordion_2.cjs",[[1,"ifx-accordion-item",{"caption":[1],"open":[32],"close":[64],"isOpen":[64]}],[1,"ifx-accordion",{"autoCollapse":[4,"auto-collapse"]},[[0,"ifxItemOpen","onItemOpen"]]]]],["ifx-button.cjs",[[1,"ifx-button",{"variant":[1],"theme":[1],"size":[1],"disabled":[4],"href":[1],"target":[1],"internalHref":[32],"setFocus":[64]}]]],["ifx-icon.cjs",[[0,"ifx-icon",{"icon":[1025],"ifxIcon":[1032,"ifx-icon"]}]]]], options);
|
|
47
47
|
});
|
|
48
48
|
|
|
49
49
|
exports.setNonce = index.setNonce;
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -14,7 +14,7 @@ const patchEsm = () => {
|
|
|
14
14
|
const defineCustomElements = (win, options) => {
|
|
15
15
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
16
16
|
return patchEsm().then(() => {
|
|
17
|
-
return index.bootstrapLazy([["ifx-faq.cjs",[[1,"ifx-faq"]]],["ifx-dropdown-trigger-button.cjs",[[1,"ifx-dropdown-trigger-button",{"isOpen":[4,"is-open"],"variant":[1],"color":[1],"size":[1],"disabled":[4],"hideArrow":[4,"hide-arrow"]}]]],["ifx-modal.cjs",[[1,"ifx-modal",{"caption":[1],"closeOnOverlayClick":[4,"close-on-overlay-click"],"alertColor":[1,"alert-color"],"alertIcon":[1,"alert-icon"],"showModal":[32],"open":[64],"close":[64]}]]],["ifx-multiselect.cjs",[[1,"ifx-multiselect",{"options":[1],"size":[1],"disabled":[4],"error":[4],"errorMessage":[1,"error-message"],"label":[1],"maxItemCount":[2,"max-item-count"],"persistentSelectedOptions":[32],"listOfOptions":[32],"dropdownOpen":[32],"dropdownFlipped":[32],"zIndex":[32]}]]],["ifx-search-bar.cjs",[[1,"ifx-search-bar",{"isOpen":[4,"is-open"],"disabled":[4],"value":[1025],"internalState":[32]}]]],["ifx-alert.cjs",[[1,"ifx-alert",{"color":[1],"icon":[1]}]]],["ifx-breadcrumb-item-label.cjs",[[1,"ifx-breadcrumb-item-label",{"icon":[1],"url":[1],"target":[1]}]]],["ifx-chip.cjs",[[1,"ifx-chip",{"placeholder":[1],"isEmpty":[32]},[[5,"mousedown","handleOutsideClick"]]]]],["ifx-dropdown-item.cjs",[[1,"ifx-dropdown-item",{"icon":[1],"href":[1],"target":[1],"hide":[4],"size":[32]},[[16,"menuSize","handleMenuSize"]]]]],["ifx-example.cjs",[[1,"ifx-example",{"variant":[1],"color":[1],"size":[1],"disabled":[4],"icon":[1],"position":[1],"href":[1],"target":[1],"type":[1],"internalPosition":[32],"setFocus":[64]}]]],["ifx-icon-button.cjs",[[1,"ifx-icon-button",{"variant":[1],"size":[1],"disabled":[4],"icon":[1],"href":[1],"target":[1],"shape":[1],"setFocus":[64]}]]],["ifx-icons-preview.cjs",[[1,"ifx-icons-preview",{"iconsArray":[32],"isCopied":[32],"copiedIndex":[32],"htmlTag":[32],"iconName":[32]}]]],["ifx-list-item.cjs",[[1,"ifx-list-item",{"isFlush":[1028,"is-flush"],"badge":[4],"badgeValue":[2,"badge-value"],"hasBulletpoint":[32]}]]],["ifx-navbar.cjs",[[1,"ifx-navbar",{"applicationName":[1,"application-name"],"fixed":[4],"showLogo":[4,"show-logo"],"main":[32],"products":[32],"applications":[32],"design":[32],"support":[32],"about":[32],"hasLeftMenuItems":[32],"searchBarIsOpen":[32]},[[0,"ifxSearchBarIsOpen","handleSearchBarToggle"],[5,"mousedown","handleOutsideClick"]]]]],["ifx-navbar-item.cjs",[[1,"ifx-navbar-item",{"isProfile":[1028,"is-profile"],"hideLabel":[4,"hide-label"],"icon":[1],"href":[1],"target":[1],"hideComponent":[4,"hide-component"]}]]],["ifx-select.cjs",[[0,"ifx-select",{"type":[1],"value":[1],"name":[1],"items":[16],"choices":[1],"renderChoiceLimit":[2,"render-choice-limit"],"maxItemCount":[2,"max-item-count"],"addItems":[4,"add-items"],"removeItems":[4,"remove-items"],"removeItemButton":[4,"remove-item-button"],"editItems":[4,"edit-items"],"duplicateItemsAllowed":[4,"duplicate-items-allowed"],"delimiter":[1],"paste":[4],"searchEnabled":[4,"search-enabled"],"searchChoices":[4,"search-choices"],"searchFields":[1,"search-fields"],"searchFloor":[2,"search-floor"],"searchResultLimit":[2,"search-result-limit"],"position":[1],"resetScrollPosition":[4,"reset-scroll-position"],"shouldSort":[4,"should-sort"],"shouldSortItems":[4,"should-sort-items"],"sorter":[16],"placeholder":[8],"placeholderValue":[1,"placeholder-value"],"searchPlaceholderValue":[1,"search-placeholder-value"],"prependValue":[1,"prepend-value"],"appendValue":[1,"append-value"],"renderSelectedChoices":[1,"render-selected-choices"],"loadingText":[1,"loading-text"],"noResultsText":[1,"no-results-text"],"noChoicesText":[1,"no-choices-text"],"itemSelectText":[1,"item-select-text"],"addItemText":[1,"add-item-text"],"maxItemText":[1,"max-item-text"],"uniqueItemText":[1,"unique-item-text"],"classNames":[16],"fuseOptions":[16],"addItemFilter":[1,"add-item-filter"],"customAddItemText":[1,"custom-add-item-text"],"callbackOnInit":[16],"callbackOnCreateTemplates":[16],"valueComparer":[16],"ifxError":[4,"ifx-error"],"ifxErrorMessage":[1,"ifx-error-message"],"ifxLabel":[1,"ifx-label"],"ifxDisabled":[4,"ifx-disabled"],"ifxPlaceholderValue":[1,"ifx-placeholder-value"],"ifxOptions":[1,"ifx-options"],"ifxSize":[1,"ifx-size"],"ifxSelectedOption":[32],"handleChange":[64],"highlightItem":[64],"unhighlightItem":[64],"highlightAll":[64],"unhighlightAll":[64],"removeActiveItemsByValue":[64],"removeActiveItems":[64],"removeHighlightedItems":[64],"showDropdown":[64],"hideDropdown":[64],"getValue":[64],"setValue":[64],"setChoiceByValue":[64],"setChoices":[64],"clearChoices":[64],"clearStore":[64],"clearInput":[64],"enable":[64],"disable":[64],"ajax":[64]},[[5,"mousedown","handleOutsideClick"]]]]],["ifx-sidebar-item.cjs",[[1,"ifx-sidebar-item",{"icon":[1],"href":[1],"target":[1],"hasIcon":[32],"hasIconWrapper":[32]},[[0,"consoleError","handleConsoleError"]]]]],["ifx-slider.cjs",[[1,"ifx-slider",{"min":[2],"max":[2],"value":[2],"disabled":[4],"showPercentage":[4,"show-percentage"],"leftIcon":[1,"left-icon"],"rightIcon":[1,"right-icon"],"leftText":[1,"left-text"],"rightText":[1,"right-text"],"internalValue":[32]}]]],["ifx-text-field.cjs",[[1,"ifx-text-field",{"placeholder":[1],"value":[1025],"error":[4],"errorMessage":[1,"error-message"],"success":[4],"disabled":[4],"readonly":[4],"icon":[4]}]]],["ifx-tooltip.cjs",[[1,"ifx-tooltip",{"header":[1],"text":[1],"position":[1],"variant":[1],"icon":[1],"tooltipVisible":[32],"internalPosition":[32]}]]],["ifx-badge.cjs",[[1,"ifx-badge"]]],["ifx-basic-table.cjs",[[0,"ifx-basic-table",{"cols":[1],"rows":[1],"columnDefs":[16],"rowData":[16],"rowHeight":[1,"row-height"],"uniqueKey":[1,"unique-key"],"tableHeight":[1,"table-height"],"gridOptions":[32]}]]],["ifx-breadcrumb.cjs",[[1,"ifx-breadcrumb"]]],["ifx-breadcrumb-item.cjs",[[1,"ifx-breadcrumb-item",{"isLastItem":[32]},[[5,"mousedown","handleOutsideClick"],[0,"breadcrumbMenuIconWrapper","menuWrapperEventReEmitter"]]]]],["ifx-card.cjs",[[1,"ifx-card",{"direction":[1],"href":[1],"target":[1],"noBtns":[32],"alignment":[32],"noImg":[32]},[[0,"imgPosition","setImgPosition"]]]]],["ifx-card-headline.cjs",[[1,"ifx-card-headline",{"isHovered":[4,"is-hovered"],"direction":[32],"hasDesc":[32]}]]],["ifx-card-image.cjs",[[1,"ifx-card-image",{"src":[1],"alt":[1],"position":[1]}]]],["ifx-card-links.cjs",[[1,"ifx-card-links"]]],["ifx-card-overline.cjs",[[1,"ifx-card-overline"]]],["ifx-card-text.cjs",[[1,"ifx-card-text",{"hasBtn":[32]}]]],["ifx-dropdown.cjs",[[1,"ifx-dropdown",{"placement":[1],"defaultOpen":[4,"default-open"],"noAppendToBody":[4,"no-append-to-body"],"disabled":[4],"noCloseOnOutsideClick":[4,"no-close-on-outside-click"],"noCloseOnMenuClick":[4,"no-close-on-menu-click"],"internalIsOpen":[32],"trigger":[32],"menu":[32],"isOpen":[64],"closeDropdown":[64],"openDropdown":[64]},[[0,"slotchange","watchHandlerSlot"],[5,"mousedown","handleOutsideClick"]]]]],["ifx-dropdown-header.cjs",[[1,"ifx-dropdown-header"]]],["ifx-dropdown-menu.cjs",[[1,"ifx-dropdown-menu",{"isOpen":[4,"is-open"],"size":[1],"hideTopPadding":[32],"filteredItems":[32]},[[0,"ifxInput","handleMenuFilter"],[0,"ifxDropdownItem","handleDropdownItemValueEmission"]]]]],["ifx-dropdown-separator.cjs",[[1,"ifx-dropdown-separator"]]],["ifx-dropdown-trigger.cjs",[[1,"ifx-dropdown-trigger",{"isOpen":[4,"is-open"]}]]],["ifx-filter-input.cjs",[[1,"ifx-filter-input",{"label":[1],"size":[1],"disabled":[4],"icon":[4],"search":[4],"filter":[4],"options":[32]}]]],["ifx-footer.cjs",[[1,"ifx-footer",{"variant":[1],"large":[32],"default":[32],"showFacebook":[32]}]]],["ifx-footer-column.cjs",[[1,"ifx-footer-column"]]],["ifx-link.cjs",[[1,"ifx-link",{"href":[1],"target":[1],"color":[1],"bold":[4],"underline":[4]}]]],["ifx-list-group.cjs",[[1,"ifx-list-group",{"flush":[4],"bulletpoint":[4],"notification":[4]}]]],["ifx-list-notification.cjs",[[1,"ifx-list-notification",{"titleText":[1,"title-text"],"isFlush":[4,"is-flush"],"creationTime":[8,"creation-time"],"postTime":[32],"shownTime":[32]}]]],["ifx-navbar-menu.cjs",[[1,"ifx-navbar-menu",{"menu":[32]}]]],["ifx-navbar-menu-item.cjs",[[1,"ifx-navbar-menu-item",{"href":[1],"target":[1],"hide":[4]}]]],["ifx-progress-bar.cjs",[[1,"ifx-progress-bar",{"value":[2],"label":[1],"size":[1],"showLabel":[4,"show-label"],"internalValue":[32]}]]],["ifx-radio-button.cjs",[[1,"ifx-radio-button",{"disabled":[4],"value":[4],"error":[4],"size":[1],"internalValue":[32],"hasSlot":[32]}]]],["ifx-sidebar.cjs",[[1,"ifx-sidebar",{"applicationName":[1,"application-name"]}]]],["ifx-spinner.cjs",[[1,"ifx-spinner",{"size":[1],"variant":[1]}]]],["ifx-status.cjs",[[1,"ifx-status",{"label":[1],"border":[4],"color":[1]}]]],["ifx-switch.cjs",[[1,"ifx-switch",{"value":[4],"name":[1],"disabled":[4],"internalValue":[32]}]]],["ifx-tab.cjs",[[4,"ifx-tab",{"header":[1]}]]],["ifx-table.cjs",[[0,"ifx-table",{"cols":[1],"rows":[1],"columnDefs":[16],"rowData":[16],"rowHeight":[1,"row-height"],"uniqueKey":[1,"unique-key"],"tableHeight":[1,"table-height"],"pagination":[4],"paginationPageSize":[2,"pagination-page-size"],"gridOptions":[32]}]]],["ifx-tabs.cjs",[[1,"ifx-tabs",{"tabs":[16],"orientation":[1],"small":[4],"internalOrientation":[32],"activeTabIndex":[32],"tabRefs":[32],"tabHeaderRefs":[32],"tabTitles":[32]},[[0,"slotchange","onSlotChange"]]]]],["ifx-tag.cjs",[[1,"ifx-tag"]]],["ifx-checkbox.cjs",[[1,"ifx-checkbox",{"disabled":[4],"value":[4],"error":[4],"name":[1],"size":[1],"indeterminate":[4],"internalValue":[32]}]]],["ifx-search-field.cjs",[[1,"ifx-search-field",{"value":[1025],"showDeleteIcon":[4,"show-delete-icon"],"disabled":[4],"size":[1],"insideDropdown":[32],"isFocused":[32]},[[5,"mousedown","handleOutsideClick"]]]]],["ifx-number-indicator.cjs",[[1,"ifx-number-indicator",{"inverted":[4]}]]],["ifx-accordion_2.cjs",[[1,"ifx-accordion-item",{"caption":[1],"open":[32],"close":[64],"isOpen":[64]}],[1,"ifx-accordion",{"autoCollapse":[4,"auto-collapse"]},[[0,"ifxItemOpen","onItemOpen"]]]]],["ifx-button.cjs",[[1,"ifx-button",{"variant":[1],"theme":[1],"size":[1],"disabled":[4],"href":[1],"target":[1],"internalHref":[32],"setFocus":[64]}]]],["ifx-icon.cjs",[[0,"ifx-icon",{"icon":[1025],"ifxIcon":[1032,"ifx-icon"]}]]]], options);
|
|
17
|
+
return index.bootstrapLazy([["ifx-faq.cjs",[[1,"ifx-faq"]]],["ifx-dropdown-trigger-button.cjs",[[1,"ifx-dropdown-trigger-button",{"isOpen":[4,"is-open"],"theme":[1],"variant":[1],"size":[1],"disabled":[4],"hideArrow":[4,"hide-arrow"]}]]],["ifx-modal.cjs",[[1,"ifx-modal",{"caption":[1],"closeOnOverlayClick":[4,"close-on-overlay-click"],"alertColor":[1,"alert-color"],"alertIcon":[1,"alert-icon"],"showModal":[32],"open":[64],"close":[64]}]]],["ifx-multiselect.cjs",[[1,"ifx-multiselect",{"options":[1],"size":[1],"disabled":[4],"error":[4],"errorMessage":[1,"error-message"],"label":[1],"maxItemCount":[2,"max-item-count"],"persistentSelectedOptions":[32],"listOfOptions":[32],"dropdownOpen":[32],"dropdownFlipped":[32],"zIndex":[32]}]]],["ifx-search-bar.cjs",[[1,"ifx-search-bar",{"isOpen":[4,"is-open"],"disabled":[4],"value":[1025],"internalState":[32]}]]],["ifx-alert.cjs",[[1,"ifx-alert",{"color":[1],"icon":[1]}]]],["ifx-breadcrumb-item-label.cjs",[[1,"ifx-breadcrumb-item-label",{"icon":[1],"url":[1],"target":[1]}]]],["ifx-chip.cjs",[[1,"ifx-chip",{"placeholder":[1],"isEmpty":[32]},[[5,"mousedown","handleOutsideClick"]]]]],["ifx-dropdown-item.cjs",[[1,"ifx-dropdown-item",{"icon":[1],"href":[1],"target":[1],"hide":[4],"size":[32]},[[16,"menuSize","handleMenuSize"]]]]],["ifx-example.cjs",[[1,"ifx-example",{"variant":[1],"color":[1],"size":[1],"disabled":[4],"icon":[1],"position":[1],"href":[1],"target":[1],"type":[1],"internalPosition":[32],"setFocus":[64]}]]],["ifx-icon-button.cjs",[[1,"ifx-icon-button",{"variant":[1],"size":[1],"disabled":[4],"icon":[1],"href":[1],"target":[1],"shape":[1],"setFocus":[64]}]]],["ifx-icons-preview.cjs",[[1,"ifx-icons-preview",{"iconsArray":[32],"isCopied":[32],"copiedIndex":[32],"htmlTag":[32],"iconName":[32]}]]],["ifx-list-item.cjs",[[1,"ifx-list-item",{"isFlush":[1028,"is-flush"],"badge":[4],"badgeValue":[2,"badge-value"],"hasBulletpoint":[32]}]]],["ifx-navbar.cjs",[[1,"ifx-navbar",{"applicationName":[1,"application-name"],"fixed":[4],"showLogo":[4,"show-logo"],"main":[32],"products":[32],"applications":[32],"design":[32],"support":[32],"about":[32],"hasLeftMenuItems":[32],"searchBarIsOpen":[32]},[[0,"ifxSearchBarIsOpen","handleSearchBarToggle"],[5,"mousedown","handleOutsideClick"]]]]],["ifx-navbar-item.cjs",[[1,"ifx-navbar-item",{"isProfile":[1028,"is-profile"],"hideLabel":[4,"hide-label"],"icon":[1],"href":[1],"target":[1],"hideComponent":[4,"hide-component"]}]]],["ifx-select.cjs",[[0,"ifx-select",{"type":[1],"value":[1],"name":[1],"items":[16],"choices":[1],"renderChoiceLimit":[2,"render-choice-limit"],"maxItemCount":[2,"max-item-count"],"addItems":[4,"add-items"],"removeItems":[4,"remove-items"],"removeItemButton":[4,"remove-item-button"],"editItems":[4,"edit-items"],"duplicateItemsAllowed":[4,"duplicate-items-allowed"],"delimiter":[1],"paste":[4],"searchEnabled":[4,"search-enabled"],"searchChoices":[4,"search-choices"],"searchFields":[1,"search-fields"],"searchFloor":[2,"search-floor"],"searchResultLimit":[2,"search-result-limit"],"position":[1],"resetScrollPosition":[4,"reset-scroll-position"],"shouldSort":[4,"should-sort"],"shouldSortItems":[4,"should-sort-items"],"sorter":[16],"placeholder":[8],"placeholderValue":[1,"placeholder-value"],"searchPlaceholderValue":[1,"search-placeholder-value"],"prependValue":[1,"prepend-value"],"appendValue":[1,"append-value"],"renderSelectedChoices":[1,"render-selected-choices"],"loadingText":[1,"loading-text"],"noResultsText":[1,"no-results-text"],"noChoicesText":[1,"no-choices-text"],"itemSelectText":[1,"item-select-text"],"addItemText":[1,"add-item-text"],"maxItemText":[1,"max-item-text"],"uniqueItemText":[1,"unique-item-text"],"classNames":[16],"fuseOptions":[16],"addItemFilter":[1,"add-item-filter"],"customAddItemText":[1,"custom-add-item-text"],"callbackOnInit":[16],"callbackOnCreateTemplates":[16],"valueComparer":[16],"ifxError":[4,"ifx-error"],"ifxErrorMessage":[1,"ifx-error-message"],"ifxLabel":[1,"ifx-label"],"ifxDisabled":[4,"ifx-disabled"],"ifxPlaceholderValue":[1,"ifx-placeholder-value"],"ifxOptions":[1,"ifx-options"],"ifxSize":[1,"ifx-size"],"ifxSelectedOption":[32],"handleChange":[64],"highlightItem":[64],"unhighlightItem":[64],"highlightAll":[64],"unhighlightAll":[64],"removeActiveItemsByValue":[64],"removeActiveItems":[64],"removeHighlightedItems":[64],"showDropdown":[64],"hideDropdown":[64],"getValue":[64],"setValue":[64],"setChoiceByValue":[64],"setChoices":[64],"clearChoices":[64],"clearStore":[64],"clearInput":[64],"enable":[64],"disable":[64],"ajax":[64]},[[5,"mousedown","handleOutsideClick"]]]]],["ifx-sidebar-item.cjs",[[1,"ifx-sidebar-item",{"icon":[1],"href":[1],"target":[1],"hasIcon":[32],"hasIconWrapper":[32]},[[0,"consoleError","handleConsoleError"]]]]],["ifx-slider.cjs",[[1,"ifx-slider",{"min":[2],"max":[2],"value":[2],"disabled":[4],"showPercentage":[4,"show-percentage"],"leftIcon":[1,"left-icon"],"rightIcon":[1,"right-icon"],"leftText":[1,"left-text"],"rightText":[1,"right-text"],"internalValue":[32]}]]],["ifx-text-field.cjs",[[1,"ifx-text-field",{"placeholder":[1],"value":[1025],"error":[4],"errorMessage":[1,"error-message"],"success":[4],"disabled":[4],"readonly":[4],"icon":[4]}]]],["ifx-tooltip.cjs",[[1,"ifx-tooltip",{"header":[1],"text":[1],"position":[1],"variant":[1],"icon":[1],"tooltipVisible":[32],"internalPosition":[32]}]]],["ifx-badge.cjs",[[1,"ifx-badge"]]],["ifx-basic-table.cjs",[[0,"ifx-basic-table",{"cols":[1],"rows":[1],"columnDefs":[16],"rowData":[16],"rowHeight":[1,"row-height"],"uniqueKey":[1,"unique-key"],"tableHeight":[1,"table-height"],"gridOptions":[32]}]]],["ifx-breadcrumb.cjs",[[1,"ifx-breadcrumb"]]],["ifx-breadcrumb-item.cjs",[[1,"ifx-breadcrumb-item",{"isLastItem":[32]},[[5,"mousedown","handleOutsideClick"],[0,"breadcrumbMenuIconWrapper","menuWrapperEventReEmitter"]]]]],["ifx-card.cjs",[[1,"ifx-card",{"direction":[1],"href":[1],"target":[1],"noBtns":[32],"alignment":[32],"noImg":[32]},[[0,"imgPosition","setImgPosition"]]]]],["ifx-card-headline.cjs",[[1,"ifx-card-headline",{"isHovered":[4,"is-hovered"],"direction":[32],"hasDesc":[32]}]]],["ifx-card-image.cjs",[[1,"ifx-card-image",{"src":[1],"alt":[1],"position":[1]}]]],["ifx-card-links.cjs",[[1,"ifx-card-links"]]],["ifx-card-overline.cjs",[[1,"ifx-card-overline"]]],["ifx-card-text.cjs",[[1,"ifx-card-text",{"hasBtn":[32]}]]],["ifx-dropdown.cjs",[[1,"ifx-dropdown",{"placement":[1],"defaultOpen":[4,"default-open"],"noAppendToBody":[4,"no-append-to-body"],"disabled":[4],"noCloseOnOutsideClick":[4,"no-close-on-outside-click"],"noCloseOnMenuClick":[4,"no-close-on-menu-click"],"internalIsOpen":[32],"trigger":[32],"menu":[32],"isOpen":[64],"closeDropdown":[64],"openDropdown":[64]},[[0,"slotchange","watchHandlerSlot"],[5,"mousedown","handleOutsideClick"]]]]],["ifx-dropdown-header.cjs",[[1,"ifx-dropdown-header"]]],["ifx-dropdown-menu.cjs",[[1,"ifx-dropdown-menu",{"isOpen":[4,"is-open"],"size":[1],"hideTopPadding":[32],"filteredItems":[32]},[[0,"ifxInput","handleMenuFilter"],[0,"ifxDropdownItem","handleDropdownItemValueEmission"]]]]],["ifx-dropdown-separator.cjs",[[1,"ifx-dropdown-separator"]]],["ifx-dropdown-trigger.cjs",[[1,"ifx-dropdown-trigger",{"isOpen":[4,"is-open"]}]]],["ifx-filter-input.cjs",[[1,"ifx-filter-input",{"label":[1],"size":[1],"disabled":[4],"icon":[4],"search":[4],"filter":[4],"options":[32]}]]],["ifx-footer.cjs",[[1,"ifx-footer",{"variant":[1],"large":[32],"default":[32],"showFacebook":[32]}]]],["ifx-footer-column.cjs",[[1,"ifx-footer-column"]]],["ifx-link.cjs",[[1,"ifx-link",{"href":[1],"target":[1],"color":[1],"bold":[4],"underline":[4]}]]],["ifx-list-group.cjs",[[1,"ifx-list-group",{"flush":[4],"bulletpoint":[4],"notification":[4]}]]],["ifx-list-notification.cjs",[[1,"ifx-list-notification",{"titleText":[1,"title-text"],"isFlush":[4,"is-flush"],"creationTime":[8,"creation-time"],"postTime":[32],"shownTime":[32]}]]],["ifx-navbar-menu.cjs",[[1,"ifx-navbar-menu",{"menu":[32]}]]],["ifx-navbar-menu-item.cjs",[[1,"ifx-navbar-menu-item",{"href":[1],"target":[1],"hide":[4]}]]],["ifx-progress-bar.cjs",[[1,"ifx-progress-bar",{"value":[2],"label":[1],"size":[1],"showLabel":[4,"show-label"],"internalValue":[32]}]]],["ifx-radio-button.cjs",[[1,"ifx-radio-button",{"disabled":[4],"value":[4],"error":[4],"size":[1],"internalValue":[32],"hasSlot":[32]}]]],["ifx-sidebar.cjs",[[1,"ifx-sidebar",{"applicationName":[1,"application-name"]}]]],["ifx-spinner.cjs",[[1,"ifx-spinner",{"size":[1],"variant":[1]}]]],["ifx-status.cjs",[[1,"ifx-status",{"label":[1],"border":[4],"color":[1]}]]],["ifx-switch.cjs",[[1,"ifx-switch",{"value":[4],"name":[1],"disabled":[4],"internalValue":[32]}]]],["ifx-tab.cjs",[[4,"ifx-tab",{"header":[1]}]]],["ifx-table.cjs",[[0,"ifx-table",{"cols":[1],"rows":[1],"columnDefs":[16],"rowData":[16],"rowHeight":[1,"row-height"],"uniqueKey":[1,"unique-key"],"tableHeight":[1,"table-height"],"pagination":[4],"paginationPageSize":[2,"pagination-page-size"],"gridOptions":[32]}]]],["ifx-tabs.cjs",[[1,"ifx-tabs",{"tabs":[16],"orientation":[1],"small":[4],"internalOrientation":[32],"activeTabIndex":[32],"tabRefs":[32],"tabHeaderRefs":[32],"tabTitles":[32]},[[0,"slotchange","onSlotChange"]]]]],["ifx-tag.cjs",[[1,"ifx-tag"]]],["ifx-checkbox.cjs",[[1,"ifx-checkbox",{"disabled":[4],"value":[4],"error":[4],"name":[1],"size":[1],"indeterminate":[4],"internalValue":[32]}]]],["ifx-search-field.cjs",[[1,"ifx-search-field",{"value":[1025],"showDeleteIcon":[4,"show-delete-icon"],"disabled":[4],"size":[1],"insideDropdown":[32],"isFocused":[32]},[[5,"mousedown","handleOutsideClick"]]]]],["ifx-number-indicator.cjs",[[1,"ifx-number-indicator",{"inverted":[4]}]]],["ifx-accordion_2.cjs",[[1,"ifx-accordion-item",{"caption":[1],"open":[32],"close":[64],"isOpen":[64]}],[1,"ifx-accordion",{"autoCollapse":[4,"auto-collapse"]},[[0,"ifxItemOpen","onItemOpen"]]]]],["ifx-button.cjs",[[1,"ifx-button",{"variant":[1],"theme":[1],"size":[1],"disabled":[4],"href":[1],"target":[1],"internalHref":[32],"setFocus":[64]}]]],["ifx-icon.cjs",[[0,"ifx-icon",{"icon":[1025],"ifxIcon":[1032,"ifx-icon"]}]]]], options);
|
|
18
18
|
});
|
|
19
19
|
};
|
|
20
20
|
|
package/dist/collection/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.js
CHANGED
|
@@ -3,14 +3,14 @@ import { h } from "@stencil/core";
|
|
|
3
3
|
export class DropdownItem {
|
|
4
4
|
constructor() {
|
|
5
5
|
this.isOpen = false;
|
|
6
|
-
this.
|
|
7
|
-
this.
|
|
6
|
+
this.theme = 'default';
|
|
7
|
+
this.variant = undefined;
|
|
8
8
|
this.size = 'm';
|
|
9
9
|
this.disabled = undefined;
|
|
10
10
|
this.hideArrow = false;
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h("ifx-button", { variant: this.variant,
|
|
13
|
+
return (h("ifx-button", { variant: this.variant, theme: this.theme, size: this.size, disabled: this.disabled, class: "dropdown-trigger-button" }, h("slot", null), !this.hideArrow &&
|
|
14
14
|
h("ifx-icon", { icon: "chevron-right-12", class: `icon${this.isOpen ? ' rotate' : ''}` })));
|
|
15
15
|
}
|
|
16
16
|
static get is() { return "ifx-dropdown-trigger-button"; }
|
|
@@ -45,12 +45,12 @@ export class DropdownItem {
|
|
|
45
45
|
"reflect": false,
|
|
46
46
|
"defaultValue": "false"
|
|
47
47
|
},
|
|
48
|
-
"
|
|
48
|
+
"theme": {
|
|
49
49
|
"type": "string",
|
|
50
50
|
"mutable": false,
|
|
51
51
|
"complexType": {
|
|
52
|
-
"original": "'
|
|
53
|
-
"resolved": "\"
|
|
52
|
+
"original": "'default' | 'danger' | 'inverse'",
|
|
53
|
+
"resolved": "\"danger\" | \"default\" | \"inverse\"",
|
|
54
54
|
"references": {}
|
|
55
55
|
},
|
|
56
56
|
"required": false,
|
|
@@ -59,16 +59,16 @@ export class DropdownItem {
|
|
|
59
59
|
"tags": [],
|
|
60
60
|
"text": ""
|
|
61
61
|
},
|
|
62
|
-
"attribute": "
|
|
62
|
+
"attribute": "theme",
|
|
63
63
|
"reflect": false,
|
|
64
|
-
"defaultValue": "'
|
|
64
|
+
"defaultValue": "'default'"
|
|
65
65
|
},
|
|
66
|
-
"
|
|
66
|
+
"variant": {
|
|
67
67
|
"type": "string",
|
|
68
68
|
"mutable": false,
|
|
69
69
|
"complexType": {
|
|
70
|
-
"original": "'primary'
|
|
71
|
-
"resolved": "\"
|
|
70
|
+
"original": "'primary'",
|
|
71
|
+
"resolved": "\"primary\"",
|
|
72
72
|
"references": {}
|
|
73
73
|
},
|
|
74
74
|
"required": false,
|
|
@@ -77,9 +77,8 @@ export class DropdownItem {
|
|
|
77
77
|
"tags": [],
|
|
78
78
|
"text": ""
|
|
79
79
|
},
|
|
80
|
-
"attribute": "
|
|
81
|
-
"reflect": false
|
|
82
|
-
"defaultValue": "'primary'"
|
|
80
|
+
"attribute": "variant",
|
|
81
|
+
"reflect": false
|
|
83
82
|
},
|
|
84
83
|
"size": {
|
|
85
84
|
"type": "string",
|
package/dist/collection/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-trigger-button.js","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AASnD,MAAM,OAAO,YAAY;;kBACG,KAAK;
|
|
1
|
+
{"version":3,"file":"dropdown-trigger-button.js","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AASnD,MAAM,OAAO,YAAY;;kBACG,KAAK;iBAEmB,SAAS;;gBAEjC,GAAG;;qBAEA,KAAK;;EAElC,MAAM;IACJ,OAAO,CACL,kBACE,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAC,yBAAyB;MAE/B,eAAQ;MACP,CAAC,IAAI,CAAC,SAAS;QACd,gBAAU,IAAI,EAAC,kBAAkB,EAAC,KAAK,EAAE,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,GAAI,CAEzE,CACd,CAAA;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["// dropdown-trigger-button.tsx\nimport { Component, Prop, h } from \"@stencil/core\";\nimport { IOpenable } from '../IOpenable';\n\n@Component({\n tag: 'ifx-dropdown-trigger-button',\n styleUrl: 'dropdown-trigger-button.scss',\n shadow: true\n})\n\nexport class DropdownItem implements IOpenable {\n @Prop() isOpen: boolean = false;\n\n @Prop() theme: 'default' | 'danger' | 'inverse' = 'default';\n @Prop() variant: 'primary';\n @Prop() size: 's' | 'm' = 'm';\n @Prop() disabled: boolean;\n @Prop() hideArrow: boolean = false;\n\n render() {\n return (\n <ifx-button\n variant={this.variant}\n theme={this.theme}\n size={this.size}\n disabled={this.disabled}\n class=\"dropdown-trigger-button\"\n >\n <slot />\n {!this.hideArrow &&\n <ifx-icon icon=\"chevron-right-12\" class={`icon${this.isOpen ? ' rotate' : ''}`} />\n }\n </ifx-button>\n )\n }\n}"]}
|
|
@@ -6,9 +6,14 @@ export default {
|
|
|
6
6
|
label: "Dropdown",
|
|
7
7
|
size: "m",
|
|
8
8
|
disabled: false,
|
|
9
|
+
search: false,
|
|
10
|
+
header: false,
|
|
11
|
+
separator: false,
|
|
9
12
|
variant: "solid",
|
|
10
|
-
|
|
13
|
+
url: "",
|
|
14
|
+
target: "_self",
|
|
11
15
|
icon: "c-check-16",
|
|
16
|
+
dropdownMenuItemIcon: false,
|
|
12
17
|
defaultOpen: false,
|
|
13
18
|
noCloseOnOutsideClick: false,
|
|
14
19
|
noCloseOnMenuClick: false,
|
|
@@ -48,9 +53,8 @@ export default {
|
|
|
48
53
|
options: ['primary', 'secondary', 'tertiary'],
|
|
49
54
|
control: { type: 'radio' },
|
|
50
55
|
},
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
options: ['primary', 'secondary', 'success', 'danger', 'warning'],
|
|
56
|
+
target: {
|
|
57
|
+
options: ['_self', '_blank'],
|
|
54
58
|
control: { type: 'radio' },
|
|
55
59
|
},
|
|
56
60
|
icon: {
|
|
@@ -84,29 +88,21 @@ export default {
|
|
|
84
88
|
};
|
|
85
89
|
const DefaultTemplate = (args) => {
|
|
86
90
|
const wrapper = document.createElement('div');
|
|
87
|
-
wrapper.innerHTML = `<ifx-dropdown
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
${args.
|
|
93
|
-
${args.
|
|
94
|
-
|
|
95
|
-
<ifx-dropdown-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
<ifx-dropdown-item target="_blank" href="https://www.google.de">Link Item</ifx-dropdown-item>
|
|
103
|
-
<ifx-dropdown-separator></ifx-dropdown-separator>
|
|
104
|
-
<ifx-dropdown-item href="javascript:void(0)">Console log from click event</ifx-dropdown-item>
|
|
105
|
-
<ifx-dropdown-item icon="c-check-16">Item with Icon</ifx-dropdown-item>
|
|
106
|
-
<ifx-dropdown-separator></ifx-dropdown-separator>
|
|
107
|
-
<ifx-dropdown-item>Boring Item</ifx-dropdown-item>
|
|
108
|
-
</ifx-dropdown-menu>
|
|
109
|
-
</ifx-dropdown>`;
|
|
91
|
+
wrapper.innerHTML = `<ifx-dropdown placement="bottom-start" no-close-on-menu-click="true">
|
|
92
|
+
<ifx-dropdown-trigger-button variant="${args.variant}">
|
|
93
|
+
dropdown
|
|
94
|
+
</ifx-dropdown-trigger-button>
|
|
95
|
+
<ifx-dropdown-menu size="${args.size}">
|
|
96
|
+
${args.header ? `<ifx-dropdown-header>Header Text</ifx-dropdown-header>` : ""}
|
|
97
|
+
${args.search ? `<ifx-search-field show-delete-icon="false"></ifx-search-field>` : ""}
|
|
98
|
+
<ifx-dropdown-item icon="${args.dropdownMenuItemIcon ? 'c-info-16' : ""}" target="${args.target}" href="${args.url !== "" ? args.url : ""}">Menu Item</ifx-dropdown-item>
|
|
99
|
+
<ifx-dropdown-item icon="${args.dropdownMenuItemIcon ? 'c-info-16' : ""}" target="${args.target}" href="${args.url !== "" ? args.url : ""}">Menu Item</ifx-dropdown-item>
|
|
100
|
+
<ifx-dropdown-item icon="${args.dropdownMenuItemIcon ? 'c-info-16' : ""}" target="${args.target}" href="${args.url !== "" ? args.url : ""}">Menu Item</ifx-dropdown-item>
|
|
101
|
+
<ifx-dropdown-item icon="${args.dropdownMenuItemIcon ? 'c-info-16' : ""}" target="${args.target}" href="${args.url !== "" ? args.url : ""}">Menu Item</ifx-dropdown-item>
|
|
102
|
+
${args.separator ? `<ifx-dropdown-separator></ifx-dropdown-separator>` : ""}
|
|
103
|
+
<ifx-dropdown-item icon="${args.dropdownMenuItemIcon ? 'c-info-16' : ""}" target="${args.target}" href="${args.url !== "" ? args.url : ""}">Menu Item</ifx-dropdown-item>
|
|
104
|
+
</ifx-dropdown-menu>
|
|
105
|
+
</ifx-dropdown>`;
|
|
110
106
|
const dropdown = wrapper.querySelector('ifx-dropdown');
|
|
111
107
|
const dropdownMenu = dropdown.querySelector('ifx-dropdown-menu');
|
|
112
108
|
dropdown.addEventListener('ifxOpen', action('ifxOpen'));
|
|
@@ -131,12 +127,10 @@ const LabelTriggerTemplate = (args) => {
|
|
|
131
127
|
</ifx-dropdown-trigger>
|
|
132
128
|
Some more text
|
|
133
129
|
<ifx-dropdown-menu>
|
|
134
|
-
<ifx-dropdown-item
|
|
135
|
-
<ifx-dropdown-
|
|
136
|
-
<ifx-dropdown-item
|
|
137
|
-
<ifx-dropdown-item
|
|
138
|
-
<ifx-dropdown-separator></ifx-dropdown-separator>
|
|
139
|
-
<ifx-dropdown-item>Boring Item</ifx-dropdown-item>
|
|
130
|
+
<ifx-dropdown-item>Menu Item</ifx-dropdown-item>
|
|
131
|
+
<ifx-dropdown-item>Menu Item</ifx-dropdown-item>
|
|
132
|
+
<ifx-dropdown-item>Menu Item</ifx-dropdown-item>
|
|
133
|
+
<ifx-dropdown-item>Menu Item</ifx-dropdown-item>
|
|
140
134
|
</ifx-dropdown-menu>
|
|
141
135
|
</ifx-dropdown>`;
|
|
142
136
|
const dropdown = wrapper.querySelector('ifx-dropdown');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.stories.js","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.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/Dropdown',\n args: {\n label: \"Dropdown\",\n size: \"m\",\n disabled: false,\n variant: \"solid\",\n color: \"primary\",\n icon: \"c-check-16\",\n defaultOpen: false,\n noCloseOnOutsideClick: false,\n noCloseOnMenuClick: false,\n noAppendToBody: false,\n placement: 'bottom-start',\n },\n argTypes: {\n placement: {\n options: [\n 'auto',\n 'auto-start',\n 'auto-end',\n 'top',\n 'top-start',\n 'top-end',\n 'bottom',\n 'bottom-start',\n 'bottom-end',\n 'right',\n 'right-start',\n 'right-end',\n 'left',\n 'left-start',\n 'left-end'\n ],\n control: { type: 'select' },\n\n },\n label: { description: 'The visible name or label for the dropdown button' },\n size: {\n description: 'The size of the dropdown. Accepted values are \"s\" for small and \"m\" for medium',\n options: ['s', 'm'],\n control: { type: 'radio' },\n },\n disabled: { description: 'Determines if the dropdown button should be disabled' },\n variant: {\n description: 'The visual style of the dropdown button. Accepted values are \"primary\", \"secondary\", \"tertiary\"',\n options: ['primary', 'secondary', 'tertiary'],\n control: { type: 'radio' },\n },\n color: {\n description: 'The color scheme of the dropdown button. Accepted values are \"primary\", \"secondary\", \"success\", \"danger\", \"warning\"',\n options: ['primary', 'secondary', 'success', 'danger', 'warning'],\n control: { type: 'radio' },\n },\n icon: {\n description: 'The icon to be displayed on the dropdown button',\n options: Object.values(icons).map(i => i['name']),\n control: { type: 'select' },\n },\n defaultOpen: { description: 'Determines if the dropdown should be open by default' },\n noCloseOnOutsideClick: { description: 'Determines if the dropdown should not close when a click outside the dropdown happens' },\n noCloseOnMenuClick: { description: 'Determines if the dropdown should not close when a click inside the dropdown menu happens' },\n noAppendToBody: { description: 'Determines if the dropdown should not be appended to the body' },\n ifxOpen: {\n action: 'ifxOpen',\n description: 'Custom event that is emitted when the dropdown opens'\n },\n ifxClose: {\n action: 'ifxClose',\n description: 'Custom event emitted when dropdown closes'\n },\n ifxDropdownMenuItem: {\n action: 'ifxDropdownMenuItem',\n description: 'Custom event emitted when an item is selected',\n table: {\n type: {\n summary: 'Framework integration',\n detail: 'React: onIfxDropdownMenuItem={handleChange}\\nVue:@ifxDropdownMenuItem=\"handleChange\"\\nAngular:(ifxDropdownMenuItem)=\"handleChange()\"\\nVanillaJs:.addEventListener(\"ifxDropdownMenuItem\", (event) => {//handle change});',\n },\n },\n }\n },\n}\n\nconst DefaultTemplate = (args) => {\n const wrapper = document.createElement('div');\n wrapper.innerHTML = `<ifx-dropdown\n placement=\"${args.placement}\"\n ${args.defaultOpen ? 'default-open' : ''}\n ${args.noCloseOnOutsideClick ? 'no-close-on-outside-click' : ''}\n ${args.noCloseOnMenuClick ? 'no-close-on-menu-click' : ''}\n ${args.disabled ? 'disabled' : ''}\n ${args.noAppendToBody ? 'no-append-to-body' : ''}\n >\n <ifx-dropdown-trigger-button\n variant=\"${args.variant}\"\n color=\"${args.color}\"\n icon=\"${args.icon}\"\n type=\"${args.type}\"\n >${args.label}</ifx-dropdown-trigger-button>\n <ifx-dropdown-menu size=\"${args.size}\">\n <ifx-dropdown-item target=\"_blank\" href=\"https://www.google.de\">Link Item</ifx-dropdown-item>\n <ifx-dropdown-separator></ifx-dropdown-separator>\n <ifx-dropdown-item href=\"javascript:void(0)\">Console log from click event</ifx-dropdown-item>\n <ifx-dropdown-item icon=\"c-check-16\">Item with Icon</ifx-dropdown-item>\n <ifx-dropdown-separator></ifx-dropdown-separator>\n <ifx-dropdown-item>Boring Item</ifx-dropdown-item>\n </ifx-dropdown-menu>\n </ifx-dropdown>`;\n\n const dropdown = wrapper.querySelector('ifx-dropdown') as HTMLElement;\n const dropdownMenu = dropdown.querySelector('ifx-dropdown-menu');\n\n dropdown.addEventListener('ifxOpen', action('ifxOpen'));\n dropdown.addEventListener('ifxClose', action('ifxClose'));\n dropdownMenu.addEventListener('ifxDropdownMenuItem', action('ifxDropdownMenuItem'));\n\n return wrapper;\n};\n\nexport const Default = DefaultTemplate.bind({});\n\nconst LabelTriggerTemplate = (args) => {\n const wrapper = document.createElement('div');\n wrapper.innerHTML = `<ifx-dropdown\n placement=\"${args.placement}\"\n ${args.defaultOpen ? 'default-open' : ''}\n ${args.noCloseOnOutsideClick ? 'no-close-on-outside-click' : ''}\n ${args.noCloseOnMenuClick ? 'no-close-on-menu-click' : ''}\n ${args.disabled ? 'disabled' : ''}\n ${args.noAppendToBody ? 'no-append-to-body' : ''}\n >\n Hello World! Click on the text to open the dropdown\n <ifx-dropdown-trigger>\n <ifx-icon icon=\"${args.icon}\"></ifx-icon>\n </ifx-dropdown-trigger>\n Some more text\n <ifx-dropdown-menu>\n <ifx-dropdown-item target=\"_blank\" href=\"https://www.google.de\">Link Item</ifx-dropdown-item>\n <ifx-dropdown-separator></ifx-dropdown-separator>\n <ifx-dropdown-item href=\"javascript:void(0)\">Console log from click event</ifx-dropdown-item>\n <ifx-dropdown-item icon=\"c-check-16\">Item with Icon</ifx-dropdown-item>\n <ifx-dropdown-separator></ifx-dropdown-separator>\n <ifx-dropdown-item>Boring Item</ifx-dropdown-item>\n </ifx-dropdown-menu>\n </ifx-dropdown>`;\n\n const dropdown = wrapper.querySelector('ifx-dropdown') as HTMLElement;\n const dropdownMenu = dropdown.querySelector('ifx-dropdown-menu');\n\n dropdown.addEventListener('ifxOpen', action('ifxOpen'));\n dropdown.addEventListener('ifxClose', action('ifxClose'));\n dropdownMenu.addEventListener('ifxDropdownMenuItem', action('ifxDropdownMenuItem'));\n\n return wrapper;\n};\n\nexport const LabelTrigger = LabelTriggerTemplate.bind({});"]}
|
|
1
|
+
{"version":3,"file":"dropdown.stories.js","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.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/Dropdown',\n args: {\n label: \"Dropdown\",\n size: \"m\",\n disabled: false,\n search: false,\n header: false,\n separator: false,\n variant: \"solid\",\n url: \"\",\n target: \"_self\",\n icon: \"c-check-16\",\n dropdownMenuItemIcon: false,\n defaultOpen: false,\n noCloseOnOutsideClick: false,\n noCloseOnMenuClick: false,\n noAppendToBody: false,\n placement: 'bottom-start',\n },\n argTypes: {\n placement: {\n options: [\n 'auto',\n 'auto-start',\n 'auto-end',\n 'top',\n 'top-start',\n 'top-end',\n 'bottom',\n 'bottom-start',\n 'bottom-end',\n 'right',\n 'right-start',\n 'right-end',\n 'left',\n 'left-start',\n 'left-end'\n ],\n control: { type: 'select' },\n\n },\n label: { description: 'The visible name or label for the dropdown button' },\n size: {\n description: 'The size of the dropdown. Accepted values are \"s\" for small and \"m\" for medium',\n options: ['s', 'm'],\n control: { type: 'radio' },\n },\n disabled: { description: 'Determines if the dropdown button should be disabled' },\n variant: {\n description: 'The visual style of the dropdown button. Accepted values are \"primary\", \"secondary\", \"tertiary\"',\n options: ['primary', 'secondary', 'tertiary'],\n control: { type: 'radio' },\n },\n\n target: {\n options: ['_self', '_blank'],\n control: { type: 'radio' },\n },\n\n icon: {\n description: 'The icon to be displayed on the dropdown button',\n options: Object.values(icons).map(i => i['name']),\n control: { type: 'select' },\n },\n defaultOpen: { description: 'Determines if the dropdown should be open by default' },\n noCloseOnOutsideClick: { description: 'Determines if the dropdown should not close when a click outside the dropdown happens' },\n noCloseOnMenuClick: { description: 'Determines if the dropdown should not close when a click inside the dropdown menu happens' },\n noAppendToBody: { description: 'Determines if the dropdown should not be appended to the body' },\n ifxOpen: {\n action: 'ifxOpen',\n description: 'Custom event that is emitted when the dropdown opens'\n },\n ifxClose: {\n action: 'ifxClose',\n description: 'Custom event emitted when dropdown closes'\n },\n ifxDropdownMenuItem: {\n action: 'ifxDropdownMenuItem',\n description: 'Custom event emitted when an item is selected',\n table: {\n type: {\n summary: 'Framework integration',\n detail: 'React: onIfxDropdownMenuItem={handleChange}\\nVue:@ifxDropdownMenuItem=\"handleChange\"\\nAngular:(ifxDropdownMenuItem)=\"handleChange()\"\\nVanillaJs:.addEventListener(\"ifxDropdownMenuItem\", (event) => {//handle change});',\n },\n },\n }\n },\n}\n\nconst DefaultTemplate = (args) => {\n const wrapper = document.createElement('div');\n wrapper.innerHTML = `<ifx-dropdown placement=\"bottom-start\" no-close-on-menu-click=\"true\">\n <ifx-dropdown-trigger-button variant=\"${args.variant}\">\n dropdown\n </ifx-dropdown-trigger-button>\n <ifx-dropdown-menu size=\"${args.size}\">\n ${args.header ? `<ifx-dropdown-header>Header Text</ifx-dropdown-header>` : \"\"}\n ${args.search ? `<ifx-search-field show-delete-icon=\"false\"></ifx-search-field>` : \"\"}\n <ifx-dropdown-item icon=\"${args.dropdownMenuItemIcon ? 'c-info-16' : \"\"}\" target=\"${args.target}\" href=\"${args.url !== \"\" ? args.url : \"\"}\">Menu Item</ifx-dropdown-item>\n <ifx-dropdown-item icon=\"${args.dropdownMenuItemIcon ? 'c-info-16' : \"\"}\" target=\"${args.target}\" href=\"${args.url !== \"\" ? args.url : \"\"}\">Menu Item</ifx-dropdown-item>\n <ifx-dropdown-item icon=\"${args.dropdownMenuItemIcon ? 'c-info-16' : \"\"}\" target=\"${args.target}\" href=\"${args.url !== \"\" ? args.url : \"\"}\">Menu Item</ifx-dropdown-item>\n <ifx-dropdown-item icon=\"${args.dropdownMenuItemIcon ? 'c-info-16' : \"\"}\" target=\"${args.target}\" href=\"${args.url !== \"\" ? args.url : \"\"}\">Menu Item</ifx-dropdown-item>\n ${args.separator ? `<ifx-dropdown-separator></ifx-dropdown-separator>` : \"\"}\n <ifx-dropdown-item icon=\"${args.dropdownMenuItemIcon ? 'c-info-16' : \"\"}\" target=\"${args.target}\" href=\"${args.url !== \"\" ? args.url : \"\"}\">Menu Item</ifx-dropdown-item>\n </ifx-dropdown-menu>\n</ifx-dropdown>`;\n\n const dropdown = wrapper.querySelector('ifx-dropdown') as HTMLElement;\n const dropdownMenu = dropdown.querySelector('ifx-dropdown-menu');\n\n dropdown.addEventListener('ifxOpen', action('ifxOpen'));\n dropdown.addEventListener('ifxClose', action('ifxClose'));\n dropdownMenu.addEventListener('ifxDropdownMenuItem', action('ifxDropdownMenuItem'));\n\n return wrapper;\n};\n\nexport const Default = DefaultTemplate.bind({});\n\nconst LabelTriggerTemplate = (args) => {\n const wrapper = document.createElement('div');\n wrapper.innerHTML = `<ifx-dropdown\n placement=\"${args.placement}\"\n ${args.defaultOpen ? 'default-open' : ''}\n ${args.noCloseOnOutsideClick ? 'no-close-on-outside-click' : ''}\n ${args.noCloseOnMenuClick ? 'no-close-on-menu-click' : ''}\n ${args.disabled ? 'disabled' : ''}\n ${args.noAppendToBody ? 'no-append-to-body' : ''}\n >\n Hello World! Click on the text to open the dropdown\n <ifx-dropdown-trigger>\n <ifx-icon icon=\"${args.icon}\"></ifx-icon>\n </ifx-dropdown-trigger>\n Some more text\n <ifx-dropdown-menu>\n <ifx-dropdown-item>Menu Item</ifx-dropdown-item>\n <ifx-dropdown-item>Menu Item</ifx-dropdown-item>\n <ifx-dropdown-item>Menu Item</ifx-dropdown-item>\n <ifx-dropdown-item>Menu Item</ifx-dropdown-item>\n </ifx-dropdown-menu>\n </ifx-dropdown>`;\n\n const dropdown = wrapper.querySelector('ifx-dropdown') as HTMLElement;\n const dropdownMenu = dropdown.querySelector('ifx-dropdown-menu');\n\n dropdown.addEventListener('ifxOpen', action('ifxOpen'));\n dropdown.addEventListener('ifxClose', action('ifxClose'));\n dropdownMenu.addEventListener('ifxDropdownMenuItem', action('ifxDropdownMenuItem'));\n\n return wrapper;\n};\n\nexport const LabelTrigger = LabelTriggerTemplate.bind({});"]}
|
|
@@ -10,21 +10,21 @@ const DropdownItem = /*@__PURE__*/ proxyCustomElement(class DropdownItem extends
|
|
|
10
10
|
this.__registerHost();
|
|
11
11
|
this.__attachShadow();
|
|
12
12
|
this.isOpen = false;
|
|
13
|
-
this.
|
|
14
|
-
this.
|
|
13
|
+
this.theme = 'default';
|
|
14
|
+
this.variant = undefined;
|
|
15
15
|
this.size = 'm';
|
|
16
16
|
this.disabled = undefined;
|
|
17
17
|
this.hideArrow = false;
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
|
-
return (h("ifx-button", { variant: this.variant,
|
|
20
|
+
return (h("ifx-button", { variant: this.variant, theme: this.theme, size: this.size, disabled: this.disabled, class: "dropdown-trigger-button" }, h("slot", null), !this.hideArrow &&
|
|
21
21
|
h("ifx-icon", { icon: "chevron-right-12", class: `icon${this.isOpen ? ' rotate' : ''}` })));
|
|
22
22
|
}
|
|
23
23
|
static get style() { return dropdownTriggerButtonCss; }
|
|
24
24
|
}, [1, "ifx-dropdown-trigger-button", {
|
|
25
25
|
"isOpen": [4, "is-open"],
|
|
26
|
+
"theme": [1],
|
|
26
27
|
"variant": [1],
|
|
27
|
-
"color": [1],
|
|
28
28
|
"size": [1],
|
|
29
29
|
"disabled": [4],
|
|
30
30
|
"hideArrow": [4, "hide-arrow"]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"ifx-dropdown-trigger-button.js","mappings":";;;;AAAA,MAAM,wBAAwB,GAAG,6KAA6K;;MCUjM,YAAY;;;;;kBACG,KAAK;
|
|
1
|
+
{"file":"ifx-dropdown-trigger-button.js","mappings":";;;;AAAA,MAAM,wBAAwB,GAAG,6KAA6K;;MCUjM,YAAY;;;;;kBACG,KAAK;iBAEmB,SAAS;;gBAEjC,GAAG;;qBAEA,KAAK;;EAElC,MAAM;IACJ,QACE,kBACE,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAC,yBAAyB,IAE/B,eAAQ,EACP,CAAC,IAAI,CAAC,SAAS;MACd,gBAAU,IAAI,EAAC,kBAAkB,EAAC,KAAK,EAAE,OAAO,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,EAAE,EAAE,GAAI,CAEzE,EACd;GACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.scss?tag=ifx-dropdown-trigger-button&encapsulation=shadow","./src/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n display: inline-block;\n}\n\n.rotate {\n transition: transform 0.2s ease-in-out;\n transform: rotate(90deg);\n margin-top: 0em;\n}\n\n.icon {\n margin-top: 0em;\n transition: transform 0.2s ease-in-out;\n}\n","// dropdown-trigger-button.tsx\nimport { Component, Prop, h } from \"@stencil/core\";\nimport { IOpenable } from '../IOpenable';\n\n@Component({\n tag: 'ifx-dropdown-trigger-button',\n styleUrl: 'dropdown-trigger-button.scss',\n shadow: true\n})\n\nexport class DropdownItem implements IOpenable {\n @Prop() isOpen: boolean = false;\n\n @Prop() theme: 'default' | 'danger' | 'inverse' = 'default';\n @Prop() variant: 'primary';\n @Prop() size: 's' | 'm' = 'm';\n @Prop() disabled: boolean;\n @Prop() hideArrow: boolean = false;\n\n render() {\n return (\n <ifx-button\n variant={this.variant}\n theme={this.theme}\n size={this.size}\n disabled={this.disabled}\n class=\"dropdown-trigger-button\"\n >\n <slot />\n {!this.hideArrow &&\n <ifx-icon icon=\"chevron-right-12\" class={`icon${this.isOpen ? ' rotate' : ''}`} />\n }\n </ifx-button>\n )\n }\n}"],"version":3}
|
|
@@ -6,14 +6,14 @@ const DropdownItem = class {
|
|
|
6
6
|
constructor(hostRef) {
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
8
|
this.isOpen = false;
|
|
9
|
-
this.
|
|
10
|
-
this.
|
|
9
|
+
this.theme = 'default';
|
|
10
|
+
this.variant = undefined;
|
|
11
11
|
this.size = 'm';
|
|
12
12
|
this.disabled = undefined;
|
|
13
13
|
this.hideArrow = false;
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return (h("ifx-button", { variant: this.variant,
|
|
16
|
+
return (h("ifx-button", { variant: this.variant, theme: this.theme, size: this.size, disabled: this.disabled, class: "dropdown-trigger-button" }, h("slot", null), !this.hideArrow &&
|
|
17
17
|
h("ifx-icon", { icon: "chevron-right-12", class: `icon${this.isOpen ? ' rotate' : ''}` })));
|
|
18
18
|
}
|
|
19
19
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"ifx-dropdown-trigger-button.entry.js","mappings":";;AAAA,MAAM,wBAAwB,GAAG,6KAA6K;;MCUjM,YAAY;;;kBACG,KAAK;
|
|
1
|
+
{"file":"ifx-dropdown-trigger-button.entry.js","mappings":";;AAAA,MAAM,wBAAwB,GAAG,6KAA6K;;MCUjM,YAAY;;;kBACG,KAAK;iBAEmB,SAAS;;gBAEjC,GAAG;;qBAEA,KAAK;;EAElC,MAAM;IACJ,QACE,kBACE,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAC,yBAAyB,IAE/B,eAAQ,EACP,CAAC,IAAI,CAAC,SAAS;MACd,gBAAU,IAAI,EAAC,kBAAkB,EAAC,KAAK,EAAE,OAAO,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,EAAE,EAAE,GAAI,CAEzE,EACd;GACF;;;;;;","names":[],"sources":["./src/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.scss?tag=ifx-dropdown-trigger-button&encapsulation=shadow","./src/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n display: inline-block;\n}\n\n.rotate {\n transition: transform 0.2s ease-in-out;\n transform: rotate(90deg);\n margin-top: 0em;\n}\n\n.icon {\n margin-top: 0em;\n transition: transform 0.2s ease-in-out;\n}\n","// dropdown-trigger-button.tsx\nimport { Component, Prop, h } from \"@stencil/core\";\nimport { IOpenable } from '../IOpenable';\n\n@Component({\n tag: 'ifx-dropdown-trigger-button',\n styleUrl: 'dropdown-trigger-button.scss',\n shadow: true\n})\n\nexport class DropdownItem implements IOpenable {\n @Prop() isOpen: boolean = false;\n\n @Prop() theme: 'default' | 'danger' | 'inverse' = 'default';\n @Prop() variant: 'primary';\n @Prop() size: 's' | 'm' = 'm';\n @Prop() disabled: boolean;\n @Prop() hideArrow: boolean = false;\n\n render() {\n return (\n <ifx-button\n variant={this.variant}\n theme={this.theme}\n size={this.size}\n disabled={this.disabled}\n class=\"dropdown-trigger-button\"\n >\n <slot />\n {!this.hideArrow &&\n <ifx-icon icon=\"chevron-right-12\" class={`icon${this.isOpen ? ' rotate' : ''}`} />\n }\n </ifx-button>\n )\n }\n}"],"version":3}
|
|
@@ -40,7 +40,7 @@ const patchCloneNodeFix = (HTMLElementPrototype) => {
|
|
|
40
40
|
};
|
|
41
41
|
|
|
42
42
|
patchBrowser().then(options => {
|
|
43
|
-
return bootstrapLazy([["ifx-faq",[[1,"ifx-faq"]]],["ifx-dropdown-trigger-button",[[1,"ifx-dropdown-trigger-button",{"isOpen":[4,"is-open"],"
|
|
43
|
+
return bootstrapLazy([["ifx-faq",[[1,"ifx-faq"]]],["ifx-dropdown-trigger-button",[[1,"ifx-dropdown-trigger-button",{"isOpen":[4,"is-open"],"theme":[1],"variant":[1],"size":[1],"disabled":[4],"hideArrow":[4,"hide-arrow"]}]]],["ifx-modal",[[1,"ifx-modal",{"caption":[1],"closeOnOverlayClick":[4,"close-on-overlay-click"],"alertColor":[1,"alert-color"],"alertIcon":[1,"alert-icon"],"showModal":[32],"open":[64],"close":[64]}]]],["ifx-multiselect",[[1,"ifx-multiselect",{"options":[1],"size":[1],"disabled":[4],"error":[4],"errorMessage":[1,"error-message"],"label":[1],"maxItemCount":[2,"max-item-count"],"persistentSelectedOptions":[32],"listOfOptions":[32],"dropdownOpen":[32],"dropdownFlipped":[32],"zIndex":[32]}]]],["ifx-search-bar",[[1,"ifx-search-bar",{"isOpen":[4,"is-open"],"disabled":[4],"value":[1025],"internalState":[32]}]]],["ifx-alert",[[1,"ifx-alert",{"color":[1],"icon":[1]}]]],["ifx-breadcrumb-item-label",[[1,"ifx-breadcrumb-item-label",{"icon":[1],"url":[1],"target":[1]}]]],["ifx-chip",[[1,"ifx-chip",{"placeholder":[1],"isEmpty":[32]},[[5,"mousedown","handleOutsideClick"]]]]],["ifx-dropdown-item",[[1,"ifx-dropdown-item",{"icon":[1],"href":[1],"target":[1],"hide":[4],"size":[32]},[[16,"menuSize","handleMenuSize"]]]]],["ifx-example",[[1,"ifx-example",{"variant":[1],"color":[1],"size":[1],"disabled":[4],"icon":[1],"position":[1],"href":[1],"target":[1],"type":[1],"internalPosition":[32],"setFocus":[64]}]]],["ifx-icon-button",[[1,"ifx-icon-button",{"variant":[1],"size":[1],"disabled":[4],"icon":[1],"href":[1],"target":[1],"shape":[1],"setFocus":[64]}]]],["ifx-icons-preview",[[1,"ifx-icons-preview",{"iconsArray":[32],"isCopied":[32],"copiedIndex":[32],"htmlTag":[32],"iconName":[32]}]]],["ifx-list-item",[[1,"ifx-list-item",{"isFlush":[1028,"is-flush"],"badge":[4],"badgeValue":[2,"badge-value"],"hasBulletpoint":[32]}]]],["ifx-navbar",[[1,"ifx-navbar",{"applicationName":[1,"application-name"],"fixed":[4],"showLogo":[4,"show-logo"],"main":[32],"products":[32],"applications":[32],"design":[32],"support":[32],"about":[32],"hasLeftMenuItems":[32],"searchBarIsOpen":[32]},[[0,"ifxSearchBarIsOpen","handleSearchBarToggle"],[5,"mousedown","handleOutsideClick"]]]]],["ifx-navbar-item",[[1,"ifx-navbar-item",{"isProfile":[1028,"is-profile"],"hideLabel":[4,"hide-label"],"icon":[1],"href":[1],"target":[1],"hideComponent":[4,"hide-component"]}]]],["ifx-select",[[0,"ifx-select",{"type":[1],"value":[1],"name":[1],"items":[16],"choices":[1],"renderChoiceLimit":[2,"render-choice-limit"],"maxItemCount":[2,"max-item-count"],"addItems":[4,"add-items"],"removeItems":[4,"remove-items"],"removeItemButton":[4,"remove-item-button"],"editItems":[4,"edit-items"],"duplicateItemsAllowed":[4,"duplicate-items-allowed"],"delimiter":[1],"paste":[4],"searchEnabled":[4,"search-enabled"],"searchChoices":[4,"search-choices"],"searchFields":[1,"search-fields"],"searchFloor":[2,"search-floor"],"searchResultLimit":[2,"search-result-limit"],"position":[1],"resetScrollPosition":[4,"reset-scroll-position"],"shouldSort":[4,"should-sort"],"shouldSortItems":[4,"should-sort-items"],"sorter":[16],"placeholder":[8],"placeholderValue":[1,"placeholder-value"],"searchPlaceholderValue":[1,"search-placeholder-value"],"prependValue":[1,"prepend-value"],"appendValue":[1,"append-value"],"renderSelectedChoices":[1,"render-selected-choices"],"loadingText":[1,"loading-text"],"noResultsText":[1,"no-results-text"],"noChoicesText":[1,"no-choices-text"],"itemSelectText":[1,"item-select-text"],"addItemText":[1,"add-item-text"],"maxItemText":[1,"max-item-text"],"uniqueItemText":[1,"unique-item-text"],"classNames":[16],"fuseOptions":[16],"addItemFilter":[1,"add-item-filter"],"customAddItemText":[1,"custom-add-item-text"],"callbackOnInit":[16],"callbackOnCreateTemplates":[16],"valueComparer":[16],"ifxError":[4,"ifx-error"],"ifxErrorMessage":[1,"ifx-error-message"],"ifxLabel":[1,"ifx-label"],"ifxDisabled":[4,"ifx-disabled"],"ifxPlaceholderValue":[1,"ifx-placeholder-value"],"ifxOptions":[1,"ifx-options"],"ifxSize":[1,"ifx-size"],"ifxSelectedOption":[32],"handleChange":[64],"highlightItem":[64],"unhighlightItem":[64],"highlightAll":[64],"unhighlightAll":[64],"removeActiveItemsByValue":[64],"removeActiveItems":[64],"removeHighlightedItems":[64],"showDropdown":[64],"hideDropdown":[64],"getValue":[64],"setValue":[64],"setChoiceByValue":[64],"setChoices":[64],"clearChoices":[64],"clearStore":[64],"clearInput":[64],"enable":[64],"disable":[64],"ajax":[64]},[[5,"mousedown","handleOutsideClick"]]]]],["ifx-sidebar-item",[[1,"ifx-sidebar-item",{"icon":[1],"href":[1],"target":[1],"hasIcon":[32],"hasIconWrapper":[32]},[[0,"consoleError","handleConsoleError"]]]]],["ifx-slider",[[1,"ifx-slider",{"min":[2],"max":[2],"value":[2],"disabled":[4],"showPercentage":[4,"show-percentage"],"leftIcon":[1,"left-icon"],"rightIcon":[1,"right-icon"],"leftText":[1,"left-text"],"rightText":[1,"right-text"],"internalValue":[32]}]]],["ifx-text-field",[[1,"ifx-text-field",{"placeholder":[1],"value":[1025],"error":[4],"errorMessage":[1,"error-message"],"success":[4],"disabled":[4],"readonly":[4],"icon":[4]}]]],["ifx-tooltip",[[1,"ifx-tooltip",{"header":[1],"text":[1],"position":[1],"variant":[1],"icon":[1],"tooltipVisible":[32],"internalPosition":[32]}]]],["ifx-badge",[[1,"ifx-badge"]]],["ifx-basic-table",[[0,"ifx-basic-table",{"cols":[1],"rows":[1],"columnDefs":[16],"rowData":[16],"rowHeight":[1,"row-height"],"uniqueKey":[1,"unique-key"],"tableHeight":[1,"table-height"],"gridOptions":[32]}]]],["ifx-breadcrumb",[[1,"ifx-breadcrumb"]]],["ifx-breadcrumb-item",[[1,"ifx-breadcrumb-item",{"isLastItem":[32]},[[5,"mousedown","handleOutsideClick"],[0,"breadcrumbMenuIconWrapper","menuWrapperEventReEmitter"]]]]],["ifx-card",[[1,"ifx-card",{"direction":[1],"href":[1],"target":[1],"noBtns":[32],"alignment":[32],"noImg":[32]},[[0,"imgPosition","setImgPosition"]]]]],["ifx-card-headline",[[1,"ifx-card-headline",{"isHovered":[4,"is-hovered"],"direction":[32],"hasDesc":[32]}]]],["ifx-card-image",[[1,"ifx-card-image",{"src":[1],"alt":[1],"position":[1]}]]],["ifx-card-links",[[1,"ifx-card-links"]]],["ifx-card-overline",[[1,"ifx-card-overline"]]],["ifx-card-text",[[1,"ifx-card-text",{"hasBtn":[32]}]]],["ifx-dropdown",[[1,"ifx-dropdown",{"placement":[1],"defaultOpen":[4,"default-open"],"noAppendToBody":[4,"no-append-to-body"],"disabled":[4],"noCloseOnOutsideClick":[4,"no-close-on-outside-click"],"noCloseOnMenuClick":[4,"no-close-on-menu-click"],"internalIsOpen":[32],"trigger":[32],"menu":[32],"isOpen":[64],"closeDropdown":[64],"openDropdown":[64]},[[0,"slotchange","watchHandlerSlot"],[5,"mousedown","handleOutsideClick"]]]]],["ifx-dropdown-header",[[1,"ifx-dropdown-header"]]],["ifx-dropdown-menu",[[1,"ifx-dropdown-menu",{"isOpen":[4,"is-open"],"size":[1],"hideTopPadding":[32],"filteredItems":[32]},[[0,"ifxInput","handleMenuFilter"],[0,"ifxDropdownItem","handleDropdownItemValueEmission"]]]]],["ifx-dropdown-separator",[[1,"ifx-dropdown-separator"]]],["ifx-dropdown-trigger",[[1,"ifx-dropdown-trigger",{"isOpen":[4,"is-open"]}]]],["ifx-filter-input",[[1,"ifx-filter-input",{"label":[1],"size":[1],"disabled":[4],"icon":[4],"search":[4],"filter":[4],"options":[32]}]]],["ifx-footer",[[1,"ifx-footer",{"variant":[1],"large":[32],"default":[32],"showFacebook":[32]}]]],["ifx-footer-column",[[1,"ifx-footer-column"]]],["ifx-link",[[1,"ifx-link",{"href":[1],"target":[1],"color":[1],"bold":[4],"underline":[4]}]]],["ifx-list-group",[[1,"ifx-list-group",{"flush":[4],"bulletpoint":[4],"notification":[4]}]]],["ifx-list-notification",[[1,"ifx-list-notification",{"titleText":[1,"title-text"],"isFlush":[4,"is-flush"],"creationTime":[8,"creation-time"],"postTime":[32],"shownTime":[32]}]]],["ifx-navbar-menu",[[1,"ifx-navbar-menu",{"menu":[32]}]]],["ifx-navbar-menu-item",[[1,"ifx-navbar-menu-item",{"href":[1],"target":[1],"hide":[4]}]]],["ifx-progress-bar",[[1,"ifx-progress-bar",{"value":[2],"label":[1],"size":[1],"showLabel":[4,"show-label"],"internalValue":[32]}]]],["ifx-radio-button",[[1,"ifx-radio-button",{"disabled":[4],"value":[4],"error":[4],"size":[1],"internalValue":[32],"hasSlot":[32]}]]],["ifx-sidebar",[[1,"ifx-sidebar",{"applicationName":[1,"application-name"]}]]],["ifx-spinner",[[1,"ifx-spinner",{"size":[1],"variant":[1]}]]],["ifx-status",[[1,"ifx-status",{"label":[1],"border":[4],"color":[1]}]]],["ifx-switch",[[1,"ifx-switch",{"value":[4],"name":[1],"disabled":[4],"internalValue":[32]}]]],["ifx-tab",[[4,"ifx-tab",{"header":[1]}]]],["ifx-table",[[0,"ifx-table",{"cols":[1],"rows":[1],"columnDefs":[16],"rowData":[16],"rowHeight":[1,"row-height"],"uniqueKey":[1,"unique-key"],"tableHeight":[1,"table-height"],"pagination":[4],"paginationPageSize":[2,"pagination-page-size"],"gridOptions":[32]}]]],["ifx-tabs",[[1,"ifx-tabs",{"tabs":[16],"orientation":[1],"small":[4],"internalOrientation":[32],"activeTabIndex":[32],"tabRefs":[32],"tabHeaderRefs":[32],"tabTitles":[32]},[[0,"slotchange","onSlotChange"]]]]],["ifx-tag",[[1,"ifx-tag"]]],["ifx-checkbox",[[1,"ifx-checkbox",{"disabled":[4],"value":[4],"error":[4],"name":[1],"size":[1],"indeterminate":[4],"internalValue":[32]}]]],["ifx-search-field",[[1,"ifx-search-field",{"value":[1025],"showDeleteIcon":[4,"show-delete-icon"],"disabled":[4],"size":[1],"insideDropdown":[32],"isFocused":[32]},[[5,"mousedown","handleOutsideClick"]]]]],["ifx-number-indicator",[[1,"ifx-number-indicator",{"inverted":[4]}]]],["ifx-accordion_2",[[1,"ifx-accordion-item",{"caption":[1],"open":[32],"close":[64],"isOpen":[64]}],[1,"ifx-accordion",{"autoCollapse":[4,"auto-collapse"]},[[0,"ifxItemOpen","onItemOpen"]]]]],["ifx-button",[[1,"ifx-button",{"variant":[1],"theme":[1],"size":[1],"disabled":[4],"href":[1],"target":[1],"internalHref":[32],"setFocus":[64]}]]],["ifx-icon",[[0,"ifx-icon",{"icon":[1025],"ifxIcon":[1032,"ifx-icon"]}]]]], options);
|
|
44
44
|
});
|
|
45
45
|
|
|
46
46
|
//# sourceMappingURL=infineon-design-system-stencil.js.map
|
package/dist/esm/loader.js
CHANGED
|
@@ -11,7 +11,7 @@ const patchEsm = () => {
|
|
|
11
11
|
const defineCustomElements = (win, options) => {
|
|
12
12
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
13
13
|
return patchEsm().then(() => {
|
|
14
|
-
return bootstrapLazy([["ifx-faq",[[1,"ifx-faq"]]],["ifx-dropdown-trigger-button",[[1,"ifx-dropdown-trigger-button",{"isOpen":[4,"is-open"],"
|
|
14
|
+
return bootstrapLazy([["ifx-faq",[[1,"ifx-faq"]]],["ifx-dropdown-trigger-button",[[1,"ifx-dropdown-trigger-button",{"isOpen":[4,"is-open"],"theme":[1],"variant":[1],"size":[1],"disabled":[4],"hideArrow":[4,"hide-arrow"]}]]],["ifx-modal",[[1,"ifx-modal",{"caption":[1],"closeOnOverlayClick":[4,"close-on-overlay-click"],"alertColor":[1,"alert-color"],"alertIcon":[1,"alert-icon"],"showModal":[32],"open":[64],"close":[64]}]]],["ifx-multiselect",[[1,"ifx-multiselect",{"options":[1],"size":[1],"disabled":[4],"error":[4],"errorMessage":[1,"error-message"],"label":[1],"maxItemCount":[2,"max-item-count"],"persistentSelectedOptions":[32],"listOfOptions":[32],"dropdownOpen":[32],"dropdownFlipped":[32],"zIndex":[32]}]]],["ifx-search-bar",[[1,"ifx-search-bar",{"isOpen":[4,"is-open"],"disabled":[4],"value":[1025],"internalState":[32]}]]],["ifx-alert",[[1,"ifx-alert",{"color":[1],"icon":[1]}]]],["ifx-breadcrumb-item-label",[[1,"ifx-breadcrumb-item-label",{"icon":[1],"url":[1],"target":[1]}]]],["ifx-chip",[[1,"ifx-chip",{"placeholder":[1],"isEmpty":[32]},[[5,"mousedown","handleOutsideClick"]]]]],["ifx-dropdown-item",[[1,"ifx-dropdown-item",{"icon":[1],"href":[1],"target":[1],"hide":[4],"size":[32]},[[16,"menuSize","handleMenuSize"]]]]],["ifx-example",[[1,"ifx-example",{"variant":[1],"color":[1],"size":[1],"disabled":[4],"icon":[1],"position":[1],"href":[1],"target":[1],"type":[1],"internalPosition":[32],"setFocus":[64]}]]],["ifx-icon-button",[[1,"ifx-icon-button",{"variant":[1],"size":[1],"disabled":[4],"icon":[1],"href":[1],"target":[1],"shape":[1],"setFocus":[64]}]]],["ifx-icons-preview",[[1,"ifx-icons-preview",{"iconsArray":[32],"isCopied":[32],"copiedIndex":[32],"htmlTag":[32],"iconName":[32]}]]],["ifx-list-item",[[1,"ifx-list-item",{"isFlush":[1028,"is-flush"],"badge":[4],"badgeValue":[2,"badge-value"],"hasBulletpoint":[32]}]]],["ifx-navbar",[[1,"ifx-navbar",{"applicationName":[1,"application-name"],"fixed":[4],"showLogo":[4,"show-logo"],"main":[32],"products":[32],"applications":[32],"design":[32],"support":[32],"about":[32],"hasLeftMenuItems":[32],"searchBarIsOpen":[32]},[[0,"ifxSearchBarIsOpen","handleSearchBarToggle"],[5,"mousedown","handleOutsideClick"]]]]],["ifx-navbar-item",[[1,"ifx-navbar-item",{"isProfile":[1028,"is-profile"],"hideLabel":[4,"hide-label"],"icon":[1],"href":[1],"target":[1],"hideComponent":[4,"hide-component"]}]]],["ifx-select",[[0,"ifx-select",{"type":[1],"value":[1],"name":[1],"items":[16],"choices":[1],"renderChoiceLimit":[2,"render-choice-limit"],"maxItemCount":[2,"max-item-count"],"addItems":[4,"add-items"],"removeItems":[4,"remove-items"],"removeItemButton":[4,"remove-item-button"],"editItems":[4,"edit-items"],"duplicateItemsAllowed":[4,"duplicate-items-allowed"],"delimiter":[1],"paste":[4],"searchEnabled":[4,"search-enabled"],"searchChoices":[4,"search-choices"],"searchFields":[1,"search-fields"],"searchFloor":[2,"search-floor"],"searchResultLimit":[2,"search-result-limit"],"position":[1],"resetScrollPosition":[4,"reset-scroll-position"],"shouldSort":[4,"should-sort"],"shouldSortItems":[4,"should-sort-items"],"sorter":[16],"placeholder":[8],"placeholderValue":[1,"placeholder-value"],"searchPlaceholderValue":[1,"search-placeholder-value"],"prependValue":[1,"prepend-value"],"appendValue":[1,"append-value"],"renderSelectedChoices":[1,"render-selected-choices"],"loadingText":[1,"loading-text"],"noResultsText":[1,"no-results-text"],"noChoicesText":[1,"no-choices-text"],"itemSelectText":[1,"item-select-text"],"addItemText":[1,"add-item-text"],"maxItemText":[1,"max-item-text"],"uniqueItemText":[1,"unique-item-text"],"classNames":[16],"fuseOptions":[16],"addItemFilter":[1,"add-item-filter"],"customAddItemText":[1,"custom-add-item-text"],"callbackOnInit":[16],"callbackOnCreateTemplates":[16],"valueComparer":[16],"ifxError":[4,"ifx-error"],"ifxErrorMessage":[1,"ifx-error-message"],"ifxLabel":[1,"ifx-label"],"ifxDisabled":[4,"ifx-disabled"],"ifxPlaceholderValue":[1,"ifx-placeholder-value"],"ifxOptions":[1,"ifx-options"],"ifxSize":[1,"ifx-size"],"ifxSelectedOption":[32],"handleChange":[64],"highlightItem":[64],"unhighlightItem":[64],"highlightAll":[64],"unhighlightAll":[64],"removeActiveItemsByValue":[64],"removeActiveItems":[64],"removeHighlightedItems":[64],"showDropdown":[64],"hideDropdown":[64],"getValue":[64],"setValue":[64],"setChoiceByValue":[64],"setChoices":[64],"clearChoices":[64],"clearStore":[64],"clearInput":[64],"enable":[64],"disable":[64],"ajax":[64]},[[5,"mousedown","handleOutsideClick"]]]]],["ifx-sidebar-item",[[1,"ifx-sidebar-item",{"icon":[1],"href":[1],"target":[1],"hasIcon":[32],"hasIconWrapper":[32]},[[0,"consoleError","handleConsoleError"]]]]],["ifx-slider",[[1,"ifx-slider",{"min":[2],"max":[2],"value":[2],"disabled":[4],"showPercentage":[4,"show-percentage"],"leftIcon":[1,"left-icon"],"rightIcon":[1,"right-icon"],"leftText":[1,"left-text"],"rightText":[1,"right-text"],"internalValue":[32]}]]],["ifx-text-field",[[1,"ifx-text-field",{"placeholder":[1],"value":[1025],"error":[4],"errorMessage":[1,"error-message"],"success":[4],"disabled":[4],"readonly":[4],"icon":[4]}]]],["ifx-tooltip",[[1,"ifx-tooltip",{"header":[1],"text":[1],"position":[1],"variant":[1],"icon":[1],"tooltipVisible":[32],"internalPosition":[32]}]]],["ifx-badge",[[1,"ifx-badge"]]],["ifx-basic-table",[[0,"ifx-basic-table",{"cols":[1],"rows":[1],"columnDefs":[16],"rowData":[16],"rowHeight":[1,"row-height"],"uniqueKey":[1,"unique-key"],"tableHeight":[1,"table-height"],"gridOptions":[32]}]]],["ifx-breadcrumb",[[1,"ifx-breadcrumb"]]],["ifx-breadcrumb-item",[[1,"ifx-breadcrumb-item",{"isLastItem":[32]},[[5,"mousedown","handleOutsideClick"],[0,"breadcrumbMenuIconWrapper","menuWrapperEventReEmitter"]]]]],["ifx-card",[[1,"ifx-card",{"direction":[1],"href":[1],"target":[1],"noBtns":[32],"alignment":[32],"noImg":[32]},[[0,"imgPosition","setImgPosition"]]]]],["ifx-card-headline",[[1,"ifx-card-headline",{"isHovered":[4,"is-hovered"],"direction":[32],"hasDesc":[32]}]]],["ifx-card-image",[[1,"ifx-card-image",{"src":[1],"alt":[1],"position":[1]}]]],["ifx-card-links",[[1,"ifx-card-links"]]],["ifx-card-overline",[[1,"ifx-card-overline"]]],["ifx-card-text",[[1,"ifx-card-text",{"hasBtn":[32]}]]],["ifx-dropdown",[[1,"ifx-dropdown",{"placement":[1],"defaultOpen":[4,"default-open"],"noAppendToBody":[4,"no-append-to-body"],"disabled":[4],"noCloseOnOutsideClick":[4,"no-close-on-outside-click"],"noCloseOnMenuClick":[4,"no-close-on-menu-click"],"internalIsOpen":[32],"trigger":[32],"menu":[32],"isOpen":[64],"closeDropdown":[64],"openDropdown":[64]},[[0,"slotchange","watchHandlerSlot"],[5,"mousedown","handleOutsideClick"]]]]],["ifx-dropdown-header",[[1,"ifx-dropdown-header"]]],["ifx-dropdown-menu",[[1,"ifx-dropdown-menu",{"isOpen":[4,"is-open"],"size":[1],"hideTopPadding":[32],"filteredItems":[32]},[[0,"ifxInput","handleMenuFilter"],[0,"ifxDropdownItem","handleDropdownItemValueEmission"]]]]],["ifx-dropdown-separator",[[1,"ifx-dropdown-separator"]]],["ifx-dropdown-trigger",[[1,"ifx-dropdown-trigger",{"isOpen":[4,"is-open"]}]]],["ifx-filter-input",[[1,"ifx-filter-input",{"label":[1],"size":[1],"disabled":[4],"icon":[4],"search":[4],"filter":[4],"options":[32]}]]],["ifx-footer",[[1,"ifx-footer",{"variant":[1],"large":[32],"default":[32],"showFacebook":[32]}]]],["ifx-footer-column",[[1,"ifx-footer-column"]]],["ifx-link",[[1,"ifx-link",{"href":[1],"target":[1],"color":[1],"bold":[4],"underline":[4]}]]],["ifx-list-group",[[1,"ifx-list-group",{"flush":[4],"bulletpoint":[4],"notification":[4]}]]],["ifx-list-notification",[[1,"ifx-list-notification",{"titleText":[1,"title-text"],"isFlush":[4,"is-flush"],"creationTime":[8,"creation-time"],"postTime":[32],"shownTime":[32]}]]],["ifx-navbar-menu",[[1,"ifx-navbar-menu",{"menu":[32]}]]],["ifx-navbar-menu-item",[[1,"ifx-navbar-menu-item",{"href":[1],"target":[1],"hide":[4]}]]],["ifx-progress-bar",[[1,"ifx-progress-bar",{"value":[2],"label":[1],"size":[1],"showLabel":[4,"show-label"],"internalValue":[32]}]]],["ifx-radio-button",[[1,"ifx-radio-button",{"disabled":[4],"value":[4],"error":[4],"size":[1],"internalValue":[32],"hasSlot":[32]}]]],["ifx-sidebar",[[1,"ifx-sidebar",{"applicationName":[1,"application-name"]}]]],["ifx-spinner",[[1,"ifx-spinner",{"size":[1],"variant":[1]}]]],["ifx-status",[[1,"ifx-status",{"label":[1],"border":[4],"color":[1]}]]],["ifx-switch",[[1,"ifx-switch",{"value":[4],"name":[1],"disabled":[4],"internalValue":[32]}]]],["ifx-tab",[[4,"ifx-tab",{"header":[1]}]]],["ifx-table",[[0,"ifx-table",{"cols":[1],"rows":[1],"columnDefs":[16],"rowData":[16],"rowHeight":[1,"row-height"],"uniqueKey":[1,"unique-key"],"tableHeight":[1,"table-height"],"pagination":[4],"paginationPageSize":[2,"pagination-page-size"],"gridOptions":[32]}]]],["ifx-tabs",[[1,"ifx-tabs",{"tabs":[16],"orientation":[1],"small":[4],"internalOrientation":[32],"activeTabIndex":[32],"tabRefs":[32],"tabHeaderRefs":[32],"tabTitles":[32]},[[0,"slotchange","onSlotChange"]]]]],["ifx-tag",[[1,"ifx-tag"]]],["ifx-checkbox",[[1,"ifx-checkbox",{"disabled":[4],"value":[4],"error":[4],"name":[1],"size":[1],"indeterminate":[4],"internalValue":[32]}]]],["ifx-search-field",[[1,"ifx-search-field",{"value":[1025],"showDeleteIcon":[4,"show-delete-icon"],"disabled":[4],"size":[1],"insideDropdown":[32],"isFocused":[32]},[[5,"mousedown","handleOutsideClick"]]]]],["ifx-number-indicator",[[1,"ifx-number-indicator",{"inverted":[4]}]]],["ifx-accordion_2",[[1,"ifx-accordion-item",{"caption":[1],"open":[32],"close":[64],"isOpen":[64]}],[1,"ifx-accordion",{"autoCollapse":[4,"auto-collapse"]},[[0,"ifxItemOpen","onItemOpen"]]]]],["ifx-button",[[1,"ifx-button",{"variant":[1],"theme":[1],"size":[1],"disabled":[4],"href":[1],"target":[1],"internalHref":[32],"setFocus":[64]}]]],["ifx-icon",[[0,"ifx-icon",{"icon":[1025],"ifxIcon":[1032,"ifx-icon"]}]]]], options);
|
|
15
15
|
});
|
|
16
16
|
};
|
|
17
17
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as i,b as t}from"./p-acd1bd1f.js";export{s as setNonce}from"./p-acd1bd1f.js";const a=()=>{{o(i.prototype)}const t=import.meta.url;const a={};if(t!==""){a.resourcesUrl=new URL(".",t).href}return e(a)};const o=e=>{const i=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return i.call(this,e)}const t=i.call(this,false);const a=this.childNodes;if(e){for(let e=0;e<a.length;e++){if(a[e].nodeType!==2){t.appendChild(a[e].cloneNode(true))}}}return t}};a().then((e=>t([["p-aa77bd38",[[1,"ifx-faq"]]],["p-
|
|
1
|
+
import{p as e,H as i,b as t}from"./p-acd1bd1f.js";export{s as setNonce}from"./p-acd1bd1f.js";const a=()=>{{o(i.prototype)}const t=import.meta.url;const a={};if(t!==""){a.resourcesUrl=new URL(".",t).href}return e(a)};const o=e=>{const i=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return i.call(this,e)}const t=i.call(this,false);const a=this.childNodes;if(e){for(let e=0;e<a.length;e++){if(a[e].nodeType!==2){t.appendChild(a[e].cloneNode(true))}}}return t}};a().then((e=>t([["p-aa77bd38",[[1,"ifx-faq"]]],["p-98e40613",[[1,"ifx-dropdown-trigger-button",{isOpen:[4,"is-open"],theme:[1],variant:[1],size:[1],disabled:[4],hideArrow:[4,"hide-arrow"]}]]],["p-5afeb88b",[[1,"ifx-modal",{caption:[1],closeOnOverlayClick:[4,"close-on-overlay-click"],alertColor:[1,"alert-color"],alertIcon:[1,"alert-icon"],showModal:[32],open:[64],close:[64]}]]],["p-50f4cec6",[[1,"ifx-multiselect",{options:[1],size:[1],disabled:[4],error:[4],errorMessage:[1,"error-message"],label:[1],maxItemCount:[2,"max-item-count"],persistentSelectedOptions:[32],listOfOptions:[32],dropdownOpen:[32],dropdownFlipped:[32],zIndex:[32]}]]],["p-ca8575bb",[[1,"ifx-search-bar",{isOpen:[4,"is-open"],disabled:[4],value:[1025],internalState:[32]}]]],["p-3e384f1c",[[1,"ifx-alert",{color:[1],icon:[1]}]]],["p-025503b5",[[1,"ifx-breadcrumb-item-label",{icon:[1],url:[1],target:[1]}]]],["p-07a2f2ed",[[1,"ifx-chip",{placeholder:[1],isEmpty:[32]},[[5,"mousedown","handleOutsideClick"]]]]],["p-420f4319",[[1,"ifx-dropdown-item",{icon:[1],href:[1],target:[1],hide:[4],size:[32]},[[16,"menuSize","handleMenuSize"]]]]],["p-c65fa225",[[1,"ifx-example",{variant:[1],color:[1],size:[1],disabled:[4],icon:[1],position:[1],href:[1],target:[1],type:[1],internalPosition:[32],setFocus:[64]}]]],["p-758bd4e9",[[1,"ifx-icon-button",{variant:[1],size:[1],disabled:[4],icon:[1],href:[1],target:[1],shape:[1],setFocus:[64]}]]],["p-43963509",[[1,"ifx-icons-preview",{iconsArray:[32],isCopied:[32],copiedIndex:[32],htmlTag:[32],iconName:[32]}]]],["p-939327e2",[[1,"ifx-list-item",{isFlush:[1028,"is-flush"],badge:[4],badgeValue:[2,"badge-value"],hasBulletpoint:[32]}]]],["p-1ed08d1e",[[1,"ifx-navbar",{applicationName:[1,"application-name"],fixed:[4],showLogo:[4,"show-logo"],main:[32],products:[32],applications:[32],design:[32],support:[32],about:[32],hasLeftMenuItems:[32],searchBarIsOpen:[32]},[[0,"ifxSearchBarIsOpen","handleSearchBarToggle"],[5,"mousedown","handleOutsideClick"]]]]],["p-c14e5384",[[1,"ifx-navbar-item",{isProfile:[1028,"is-profile"],hideLabel:[4,"hide-label"],icon:[1],href:[1],target:[1],hideComponent:[4,"hide-component"]}]]],["p-51f25847",[[0,"ifx-select",{type:[1],value:[1],name:[1],items:[16],choices:[1],renderChoiceLimit:[2,"render-choice-limit"],maxItemCount:[2,"max-item-count"],addItems:[4,"add-items"],removeItems:[4,"remove-items"],removeItemButton:[4,"remove-item-button"],editItems:[4,"edit-items"],duplicateItemsAllowed:[4,"duplicate-items-allowed"],delimiter:[1],paste:[4],searchEnabled:[4,"search-enabled"],searchChoices:[4,"search-choices"],searchFields:[1,"search-fields"],searchFloor:[2,"search-floor"],searchResultLimit:[2,"search-result-limit"],position:[1],resetScrollPosition:[4,"reset-scroll-position"],shouldSort:[4,"should-sort"],shouldSortItems:[4,"should-sort-items"],sorter:[16],placeholder:[8],placeholderValue:[1,"placeholder-value"],searchPlaceholderValue:[1,"search-placeholder-value"],prependValue:[1,"prepend-value"],appendValue:[1,"append-value"],renderSelectedChoices:[1,"render-selected-choices"],loadingText:[1,"loading-text"],noResultsText:[1,"no-results-text"],noChoicesText:[1,"no-choices-text"],itemSelectText:[1,"item-select-text"],addItemText:[1,"add-item-text"],maxItemText:[1,"max-item-text"],uniqueItemText:[1,"unique-item-text"],classNames:[16],fuseOptions:[16],addItemFilter:[1,"add-item-filter"],customAddItemText:[1,"custom-add-item-text"],callbackOnInit:[16],callbackOnCreateTemplates:[16],valueComparer:[16],ifxError:[4,"ifx-error"],ifxErrorMessage:[1,"ifx-error-message"],ifxLabel:[1,"ifx-label"],ifxDisabled:[4,"ifx-disabled"],ifxPlaceholderValue:[1,"ifx-placeholder-value"],ifxOptions:[1,"ifx-options"],ifxSize:[1,"ifx-size"],ifxSelectedOption:[32],handleChange:[64],highlightItem:[64],unhighlightItem:[64],highlightAll:[64],unhighlightAll:[64],removeActiveItemsByValue:[64],removeActiveItems:[64],removeHighlightedItems:[64],showDropdown:[64],hideDropdown:[64],getValue:[64],setValue:[64],setChoiceByValue:[64],setChoices:[64],clearChoices:[64],clearStore:[64],clearInput:[64],enable:[64],disable:[64],ajax:[64]},[[5,"mousedown","handleOutsideClick"]]]]],["p-a410cd14",[[1,"ifx-sidebar-item",{icon:[1],href:[1],target:[1],hasIcon:[32],hasIconWrapper:[32]},[[0,"consoleError","handleConsoleError"]]]]],["p-7907e3bb",[[1,"ifx-slider",{min:[2],max:[2],value:[2],disabled:[4],showPercentage:[4,"show-percentage"],leftIcon:[1,"left-icon"],rightIcon:[1,"right-icon"],leftText:[1,"left-text"],rightText:[1,"right-text"],internalValue:[32]}]]],["p-84745b56",[[1,"ifx-text-field",{placeholder:[1],value:[1025],error:[4],errorMessage:[1,"error-message"],success:[4],disabled:[4],readonly:[4],icon:[4]}]]],["p-042ecebc",[[1,"ifx-tooltip",{header:[1],text:[1],position:[1],variant:[1],icon:[1],tooltipVisible:[32],internalPosition:[32]}]]],["p-b109703a",[[1,"ifx-badge"]]],["p-99593c55",[[0,"ifx-basic-table",{cols:[1],rows:[1],columnDefs:[16],rowData:[16],rowHeight:[1,"row-height"],uniqueKey:[1,"unique-key"],tableHeight:[1,"table-height"],gridOptions:[32]}]]],["p-e18695e4",[[1,"ifx-breadcrumb"]]],["p-d13cb063",[[1,"ifx-breadcrumb-item",{isLastItem:[32]},[[5,"mousedown","handleOutsideClick"],[0,"breadcrumbMenuIconWrapper","menuWrapperEventReEmitter"]]]]],["p-6ccb878f",[[1,"ifx-card",{direction:[1],href:[1],target:[1],noBtns:[32],alignment:[32],noImg:[32]},[[0,"imgPosition","setImgPosition"]]]]],["p-fce37e59",[[1,"ifx-card-headline",{isHovered:[4,"is-hovered"],direction:[32],hasDesc:[32]}]]],["p-9f7b7de1",[[1,"ifx-card-image",{src:[1],alt:[1],position:[1]}]]],["p-c706365e",[[1,"ifx-card-links"]]],["p-3ae02e9a",[[1,"ifx-card-overline"]]],["p-41c935d6",[[1,"ifx-card-text",{hasBtn:[32]}]]],["p-f6041d8a",[[1,"ifx-dropdown",{placement:[1],defaultOpen:[4,"default-open"],noAppendToBody:[4,"no-append-to-body"],disabled:[4],noCloseOnOutsideClick:[4,"no-close-on-outside-click"],noCloseOnMenuClick:[4,"no-close-on-menu-click"],internalIsOpen:[32],trigger:[32],menu:[32],isOpen:[64],closeDropdown:[64],openDropdown:[64]},[[0,"slotchange","watchHandlerSlot"],[5,"mousedown","handleOutsideClick"]]]]],["p-e4ca2035",[[1,"ifx-dropdown-header"]]],["p-2d7286b3",[[1,"ifx-dropdown-menu",{isOpen:[4,"is-open"],size:[1],hideTopPadding:[32],filteredItems:[32]},[[0,"ifxInput","handleMenuFilter"],[0,"ifxDropdownItem","handleDropdownItemValueEmission"]]]]],["p-f7d0f880",[[1,"ifx-dropdown-separator"]]],["p-3b6a6777",[[1,"ifx-dropdown-trigger",{isOpen:[4,"is-open"]}]]],["p-2901f8d0",[[1,"ifx-filter-input",{label:[1],size:[1],disabled:[4],icon:[4],search:[4],filter:[4],options:[32]}]]],["p-87f2c40e",[[1,"ifx-footer",{variant:[1],large:[32],default:[32],showFacebook:[32]}]]],["p-b304e24a",[[1,"ifx-footer-column"]]],["p-d618fd1c",[[1,"ifx-link",{href:[1],target:[1],color:[1],bold:[4],underline:[4]}]]],["p-3b29e194",[[1,"ifx-list-group",{flush:[4],bulletpoint:[4],notification:[4]}]]],["p-79a6f218",[[1,"ifx-list-notification",{titleText:[1,"title-text"],isFlush:[4,"is-flush"],creationTime:[8,"creation-time"],postTime:[32],shownTime:[32]}]]],["p-98aa70c1",[[1,"ifx-navbar-menu",{menu:[32]}]]],["p-c4218d32",[[1,"ifx-navbar-menu-item",{href:[1],target:[1],hide:[4]}]]],["p-abfb7592",[[1,"ifx-progress-bar",{value:[2],label:[1],size:[1],showLabel:[4,"show-label"],internalValue:[32]}]]],["p-45fcee45",[[1,"ifx-radio-button",{disabled:[4],value:[4],error:[4],size:[1],internalValue:[32],hasSlot:[32]}]]],["p-4c4c85cf",[[1,"ifx-sidebar",{applicationName:[1,"application-name"]}]]],["p-51898d6e",[[1,"ifx-spinner",{size:[1],variant:[1]}]]],["p-f035a6ec",[[1,"ifx-status",{label:[1],border:[4],color:[1]}]]],["p-d1286a72",[[1,"ifx-switch",{value:[4],name:[1],disabled:[4],internalValue:[32]}]]],["p-e5d0e265",[[4,"ifx-tab",{header:[1]}]]],["p-5199a518",[[0,"ifx-table",{cols:[1],rows:[1],columnDefs:[16],rowData:[16],rowHeight:[1,"row-height"],uniqueKey:[1,"unique-key"],tableHeight:[1,"table-height"],pagination:[4],paginationPageSize:[2,"pagination-page-size"],gridOptions:[32]}]]],["p-3a876836",[[1,"ifx-tabs",{tabs:[16],orientation:[1],small:[4],internalOrientation:[32],activeTabIndex:[32],tabRefs:[32],tabHeaderRefs:[32],tabTitles:[32]},[[0,"slotchange","onSlotChange"]]]]],["p-a9433958",[[1,"ifx-tag"]]],["p-a3afa5f0",[[1,"ifx-checkbox",{disabled:[4],value:[4],error:[4],name:[1],size:[1],indeterminate:[4],internalValue:[32]}]]],["p-369b4552",[[1,"ifx-search-field",{value:[1025],showDeleteIcon:[4,"show-delete-icon"],disabled:[4],size:[1],insideDropdown:[32],isFocused:[32]},[[5,"mousedown","handleOutsideClick"]]]]],["p-15b817fc",[[1,"ifx-number-indicator",{inverted:[4]}]]],["p-1348f335",[[1,"ifx-accordion-item",{caption:[1],open:[32],close:[64],isOpen:[64]}],[1,"ifx-accordion",{autoCollapse:[4,"auto-collapse"]},[[0,"ifxItemOpen","onItemOpen"]]]]],["p-1d2ab4ad",[[1,"ifx-button",{variant:[1],theme:[1],size:[1],disabled:[4],href:[1],target:[1],internalHref:[32],setFocus:[64]}]]],["p-a54bbb10",[[0,"ifx-icon",{icon:[1025],ifxIcon:[1032,"ifx-icon"]}]]]],e)));
|
|
2
2
|
//# sourceMappingURL=infineon-design-system-stencil.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["patchBrowser","patchCloneNodeFix","H","prototype","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","HTMLElementPrototype","nativeCloneNodeFn","cloneNode","deep","this","nodeName","call","clonedNode","srcChildNodes","childNodes","i","length","nodeType","appendChild","then","options","bootstrapLazy","isOpen","variant","color","size","disabled","hideArrow","caption","closeOnOverlayClick","alertColor","alertIcon","showModal","open","close","error","errorMessage","label","maxItemCount","persistentSelectedOptions","listOfOptions","dropdownOpen","dropdownFlipped","zIndex","value","internalState","icon","target","placeholder","isEmpty","hide","position","type","internalPosition","setFocus","shape","iconsArray","isCopied","copiedIndex","htmlTag","iconName","isFlush","badge","badgeValue","hasBulletpoint","applicationName","fixed","showLogo","main","products","applications","design","support","about","hasLeftMenuItems","searchBarIsOpen","isProfile","hideLabel","hideComponent","name","items","choices","renderChoiceLimit","addItems","removeItems","removeItemButton","editItems","duplicateItemsAllowed","delimiter","paste","searchEnabled","searchChoices","searchFields","searchFloor","searchResultLimit","resetScrollPosition","shouldSort","shouldSortItems","sorter","placeholderValue","searchPlaceholderValue","prependValue","appendValue","renderSelectedChoices","loadingText","noResultsText","noChoicesText","itemSelectText","addItemText","maxItemText","uniqueItemText","classNames","fuseOptions","addItemFilter","customAddItemText","callbackOnInit","callbackOnCreateTemplates","valueComparer","ifxError","ifxErrorMessage","ifxLabel","ifxDisabled","ifxPlaceholderValue","ifxOptions","ifxSize","ifxSelectedOption","handleChange","highlightItem","unhighlightItem","highlightAll","unhighlightAll","removeActiveItemsByValue","removeActiveItems","removeHighlightedItems","showDropdown","hideDropdown","getValue","setValue","setChoiceByValue","setChoices","clearChoices","clearStore","clearInput","enable","disable","ajax","hasIcon","hasIconWrapper","min","max","showPercentage","leftIcon","rightIcon","leftText","rightText","internalValue","success","readonly","header","text","tooltipVisible","cols","rows","columnDefs","rowData","rowHeight","uniqueKey","tableHeight","gridOptions","isLastItem","direction","noBtns","alignment","noImg","isHovered","hasDesc","src","alt","hasBtn","placement","defaultOpen","noAppendToBody","noCloseOnOutsideClick","noCloseOnMenuClick","internalIsOpen","trigger","menu","closeDropdown","openDropdown","hideTopPadding","filteredItems","search","filter","large","default","showFacebook","bold","underline","flush","bulletpoint","notification","titleText","creationTime","postTime","shownTime","showLabel","hasSlot","border","pagination","paginationPageSize","tabs","orientation","small","internalOrientation","activeTabIndex","tabRefs","tabHeaderRefs","tabTitles","indeterminate","showDeleteIcon","insideDropdown","isFocused","inverted","autoCollapse","theme","internalHref","ifxIcon"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.4.2 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n var _a, _b, _c;\n return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n // NOTE!! This fn cannot use async/await!\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo('Running in development mode.');\n }\n // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n if (BUILD.cssVarShim) {\n // shim css vars\n // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n plt.$cssShim$ = win.__cssshim;\n }\n if (BUILD.cloneNodeFix) {\n // opted-in to polyfill cloneNode() for slot polyfilled components\n patchCloneNodeFix(H.prototype);\n }\n if (BUILD.profile && !performance.mark) {\n // not all browsers support performance.mark/measure (Safari 10)\n // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n // simply stub the implementations out.\n // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n // @ts-ignore\n performance.mark = performance.measure = () => {\n /*noop*/\n };\n performance.getEntriesByName = () => [];\n }\n // @ts-ignore\n const scriptElm = \n // TODO(STENCIL-661): Remove code related to the dynamic import shim\n // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n s.getAttribute('data-stencil-namespace') === NAMESPACE)\n : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n // Safari < v11 support: This IF is true if it's Safari below v11.\n // This fn cannot use async/await since Safari didn't support it until v11,\n // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n // so both the ESM file and nomodule file would get downloaded. Only Safari\n // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n return {\n then() {\n /* promise noop */\n },\n };\n }\n // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n if (!BUILD.safari10 && importMeta !== '') {\n opts.resourcesUrl = new URL('.', importMeta).href;\n // TODO(STENCIL-661): Remove code related to the dynamic import shim\n // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n }\n else if (BUILD.dynamicImportShim || BUILD.safari10) {\n opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n // TODO(STENCIL-661): Remove code related to the dynamic import shim\n if (BUILD.dynamicImportShim) {\n patchDynamicImport(opts.resourcesUrl, scriptElm);\n }\n // TODO(STENCIL-661): Remove code related to the dynamic import shim\n if (BUILD.dynamicImportShim && !win.customElements) {\n // module support, but no custom elements support (Old Edge)\n // @ts-ignore\n return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n }\n }\n return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n const importFunctionName = getDynamicImportFunction(NAMESPACE);\n try {\n // test if this browser supports dynamic imports\n // There is a caching issue in V8, that breaks using import() in Function\n // By generating a random string, we can workaround it\n // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n }\n catch (e) {\n // this shim is specifically for browsers that do support \"esm\" imports\n // however, they do NOT support \"dynamic\" imports\n // basically this code is for old Edge, v18 and below\n const moduleMap = new Map();\n win[importFunctionName] = (src) => {\n var _a;\n const url = new URL(src, base).href;\n let mod = moduleMap.get(url);\n if (!mod) {\n const script = doc.createElement('script');\n script.type = 'module';\n script.crossOrigin = orgScriptElm.crossOrigin;\n script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n type: 'application/javascript',\n }));\n // Apply CSP nonce to the script tag if it exists\n const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n if (nonce != null) {\n script.setAttribute('nonce', nonce);\n }\n mod = new Promise((resolve) => {\n script.onload = () => {\n resolve(win[importFunctionName].m);\n script.remove();\n };\n });\n moduleMap.set(url, mod);\n doc.head.appendChild(script);\n }\n return mod;\n };\n }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function (deep) {\n if (this.nodeName === 'TEMPLATE') {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["patchBrowser","patchCloneNodeFix","H","prototype","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","HTMLElementPrototype","nativeCloneNodeFn","cloneNode","deep","this","nodeName","call","clonedNode","srcChildNodes","childNodes","i","length","nodeType","appendChild","then","options","bootstrapLazy","isOpen","theme","variant","size","disabled","hideArrow","caption","closeOnOverlayClick","alertColor","alertIcon","showModal","open","close","error","errorMessage","label","maxItemCount","persistentSelectedOptions","listOfOptions","dropdownOpen","dropdownFlipped","zIndex","value","internalState","color","icon","target","placeholder","isEmpty","hide","position","type","internalPosition","setFocus","shape","iconsArray","isCopied","copiedIndex","htmlTag","iconName","isFlush","badge","badgeValue","hasBulletpoint","applicationName","fixed","showLogo","main","products","applications","design","support","about","hasLeftMenuItems","searchBarIsOpen","isProfile","hideLabel","hideComponent","name","items","choices","renderChoiceLimit","addItems","removeItems","removeItemButton","editItems","duplicateItemsAllowed","delimiter","paste","searchEnabled","searchChoices","searchFields","searchFloor","searchResultLimit","resetScrollPosition","shouldSort","shouldSortItems","sorter","placeholderValue","searchPlaceholderValue","prependValue","appendValue","renderSelectedChoices","loadingText","noResultsText","noChoicesText","itemSelectText","addItemText","maxItemText","uniqueItemText","classNames","fuseOptions","addItemFilter","customAddItemText","callbackOnInit","callbackOnCreateTemplates","valueComparer","ifxError","ifxErrorMessage","ifxLabel","ifxDisabled","ifxPlaceholderValue","ifxOptions","ifxSize","ifxSelectedOption","handleChange","highlightItem","unhighlightItem","highlightAll","unhighlightAll","removeActiveItemsByValue","removeActiveItems","removeHighlightedItems","showDropdown","hideDropdown","getValue","setValue","setChoiceByValue","setChoices","clearChoices","clearStore","clearInput","enable","disable","ajax","hasIcon","hasIconWrapper","min","max","showPercentage","leftIcon","rightIcon","leftText","rightText","internalValue","success","readonly","header","text","tooltipVisible","cols","rows","columnDefs","rowData","rowHeight","uniqueKey","tableHeight","gridOptions","isLastItem","direction","noBtns","alignment","noImg","isHovered","hasDesc","src","alt","hasBtn","placement","defaultOpen","noAppendToBody","noCloseOnOutsideClick","noCloseOnMenuClick","internalIsOpen","trigger","menu","closeDropdown","openDropdown","hideTopPadding","filteredItems","search","filter","large","default","showFacebook","bold","underline","flush","bulletpoint","notification","titleText","creationTime","postTime","shownTime","showLabel","hasSlot","border","pagination","paginationPageSize","tabs","orientation","small","internalOrientation","activeTabIndex","tabRefs","tabHeaderRefs","tabTitles","indeterminate","showDeleteIcon","insideDropdown","isFocused","inverted","autoCollapse","internalHref","ifxIcon"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.4.2 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n var _a, _b, _c;\n return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n // NOTE!! This fn cannot use async/await!\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo('Running in development mode.');\n }\n // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n if (BUILD.cssVarShim) {\n // shim css vars\n // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n plt.$cssShim$ = win.__cssshim;\n }\n if (BUILD.cloneNodeFix) {\n // opted-in to polyfill cloneNode() for slot polyfilled components\n patchCloneNodeFix(H.prototype);\n }\n if (BUILD.profile && !performance.mark) {\n // not all browsers support performance.mark/measure (Safari 10)\n // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n // simply stub the implementations out.\n // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n // @ts-ignore\n performance.mark = performance.measure = () => {\n /*noop*/\n };\n performance.getEntriesByName = () => [];\n }\n // @ts-ignore\n const scriptElm = \n // TODO(STENCIL-661): Remove code related to the dynamic import shim\n // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n s.getAttribute('data-stencil-namespace') === NAMESPACE)\n : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n // Safari < v11 support: This IF is true if it's Safari below v11.\n // This fn cannot use async/await since Safari didn't support it until v11,\n // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n // so both the ESM file and nomodule file would get downloaded. Only Safari\n // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n return {\n then() {\n /* promise noop */\n },\n };\n }\n // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n if (!BUILD.safari10 && importMeta !== '') {\n opts.resourcesUrl = new URL('.', importMeta).href;\n // TODO(STENCIL-661): Remove code related to the dynamic import shim\n // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n }\n else if (BUILD.dynamicImportShim || BUILD.safari10) {\n opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n // TODO(STENCIL-661): Remove code related to the dynamic import shim\n if (BUILD.dynamicImportShim) {\n patchDynamicImport(opts.resourcesUrl, scriptElm);\n }\n // TODO(STENCIL-661): Remove code related to the dynamic import shim\n if (BUILD.dynamicImportShim && !win.customElements) {\n // module support, but no custom elements support (Old Edge)\n // @ts-ignore\n return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n }\n }\n return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n const importFunctionName = getDynamicImportFunction(NAMESPACE);\n try {\n // test if this browser supports dynamic imports\n // There is a caching issue in V8, that breaks using import() in Function\n // By generating a random string, we can workaround it\n // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n }\n catch (e) {\n // this shim is specifically for browsers that do support \"esm\" imports\n // however, they do NOT support \"dynamic\" imports\n // basically this code is for old Edge, v18 and below\n const moduleMap = new Map();\n win[importFunctionName] = (src) => {\n var _a;\n const url = new URL(src, base).href;\n let mod = moduleMap.get(url);\n if (!mod) {\n const script = doc.createElement('script');\n script.type = 'module';\n script.crossOrigin = orgScriptElm.crossOrigin;\n script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n type: 'application/javascript',\n }));\n // Apply CSP nonce to the script tag if it exists\n const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n if (nonce != null) {\n script.setAttribute('nonce', nonce);\n }\n mod = new Promise((resolve) => {\n script.onload = () => {\n resolve(win[importFunctionName].m);\n script.remove();\n };\n });\n moduleMap.set(url, mod);\n doc.head.appendChild(script);\n }\n return mod;\n };\n }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function (deep) {\n if (this.nodeName === 'TEMPLATE') {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,h as s}from"./p-acd1bd1f.js";const i=":host{display:inline-block}.rotate{transition:transform 0.2s ease-in-out;transform:rotate(90deg);margin-top:0em}.icon{margin-top:0em;transition:transform 0.2s ease-in-out}";const n=class{constructor(s){t(this,s);this.isOpen=false;this.theme="default";this.variant=undefined;this.size="m";this.disabled=undefined;this.hideArrow=false}render(){return s("ifx-button",{variant:this.variant,theme:this.theme,size:this.size,disabled:this.disabled,class:"dropdown-trigger-button"},s("slot",null),!this.hideArrow&&s("ifx-icon",{icon:"chevron-right-12",class:`icon${this.isOpen?" rotate":""}`}))}};n.style=i;export{n as ifx_dropdown_trigger_button};
|
|
2
|
+
//# sourceMappingURL=p-98e40613.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["dropdownTriggerButtonCss","DropdownItem","render","h","variant","this","theme","size","disabled","class","hideArrow","icon","isOpen"],"sources":["./src/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.scss?tag=ifx-dropdown-trigger-button&encapsulation=shadow","./src/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n display: inline-block;\n}\n\n.rotate {\n transition: transform 0.2s ease-in-out;\n transform: rotate(90deg);\n margin-top: 0em;\n}\n\n.icon {\n margin-top: 0em;\n transition: transform 0.2s ease-in-out;\n}\n","// dropdown-trigger-button.tsx\nimport { Component, Prop, h } from \"@stencil/core\";\nimport { IOpenable } from '../IOpenable';\n\n@Component({\n tag: 'ifx-dropdown-trigger-button',\n styleUrl: 'dropdown-trigger-button.scss',\n shadow: true\n})\n\nexport class DropdownItem implements IOpenable {\n @Prop() isOpen: boolean = false;\n\n @Prop() theme: 'default' | 'danger' | 'inverse' = 'default';\n @Prop() variant: 'primary';\n @Prop() size: 's' | 'm' = 'm';\n @Prop() disabled: boolean;\n @Prop() hideArrow: boolean = false;\n\n render() {\n return (\n <ifx-button\n variant={this.variant}\n theme={this.theme}\n size={this.size}\n disabled={this.disabled}\n class=\"dropdown-trigger-button\"\n >\n <slot />\n {!this.hideArrow &&\n <ifx-icon icon=\"chevron-right-12\" class={`icon${this.isOpen ? ' rotate' : ''}`} />\n }\n </ifx-button>\n )\n }\n}"],"mappings":"2CAAA,MAAMA,EAA2B,8K,MCUpBC,EAAY,M,qCACG,M,WAEwB,U,iCAExB,I,uCAEG,K,CAE7BC,SACE,OACEC,EAAA,cACEC,QAASC,KAAKD,QACdE,MAAOD,KAAKC,MACZC,KAAMF,KAAKE,KACXC,SAAUH,KAAKG,SACfC,MAAM,2BAENN,EAAA,cACEE,KAAKK,WACLP,EAAA,YAAUQ,KAAK,mBAAmBF,MAAO,OAAOJ,KAAKO,OAAS,UAAY,O"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { IOpenable } from '../IOpenable';
|
|
2
2
|
export declare class DropdownItem implements IOpenable {
|
|
3
3
|
isOpen: boolean;
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
theme: 'default' | 'danger' | 'inverse';
|
|
5
|
+
variant: 'primary';
|
|
6
6
|
size: 's' | 'm';
|
|
7
7
|
disabled: boolean;
|
|
8
8
|
hideArrow: boolean;
|
|
@@ -4,9 +4,14 @@ declare const _default: {
|
|
|
4
4
|
label: string;
|
|
5
5
|
size: string;
|
|
6
6
|
disabled: boolean;
|
|
7
|
+
search: boolean;
|
|
8
|
+
header: boolean;
|
|
9
|
+
separator: boolean;
|
|
7
10
|
variant: string;
|
|
8
|
-
|
|
11
|
+
url: string;
|
|
12
|
+
target: string;
|
|
9
13
|
icon: string;
|
|
14
|
+
dropdownMenuItemIcon: boolean;
|
|
10
15
|
defaultOpen: boolean;
|
|
11
16
|
noCloseOnOutsideClick: boolean;
|
|
12
17
|
noCloseOnMenuClick: boolean;
|
|
@@ -40,8 +45,7 @@ declare const _default: {
|
|
|
40
45
|
type: string;
|
|
41
46
|
};
|
|
42
47
|
};
|
|
43
|
-
|
|
44
|
-
description: string;
|
|
48
|
+
target: {
|
|
45
49
|
options: string[];
|
|
46
50
|
control: {
|
|
47
51
|
type: string;
|
|
@@ -114,12 +114,12 @@ export namespace Components {
|
|
|
114
114
|
"isOpen": boolean;
|
|
115
115
|
}
|
|
116
116
|
interface IfxDropdownTriggerButton {
|
|
117
|
-
"color": 'primary' | 'secondary' | 'success' | 'danger' | 'warning';
|
|
118
117
|
"disabled": boolean;
|
|
119
118
|
"hideArrow": boolean;
|
|
120
119
|
"isOpen": boolean;
|
|
121
120
|
"size": 's' | 'm';
|
|
122
|
-
"
|
|
121
|
+
"theme": 'default' | 'danger' | 'inverse';
|
|
122
|
+
"variant": 'primary';
|
|
123
123
|
}
|
|
124
124
|
interface IfxExample {
|
|
125
125
|
"color": 'primary' | 'secondary' | 'success' | 'danger' | 'warning';
|
|
@@ -1009,12 +1009,12 @@ declare namespace LocalJSX {
|
|
|
1009
1009
|
"isOpen"?: boolean;
|
|
1010
1010
|
}
|
|
1011
1011
|
interface IfxDropdownTriggerButton {
|
|
1012
|
-
"color"?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning';
|
|
1013
1012
|
"disabled"?: boolean;
|
|
1014
1013
|
"hideArrow"?: boolean;
|
|
1015
1014
|
"isOpen"?: boolean;
|
|
1016
1015
|
"size"?: 's' | 'm';
|
|
1017
|
-
"
|
|
1016
|
+
"theme"?: 'default' | 'danger' | 'inverse';
|
|
1017
|
+
"variant"?: 'primary';
|
|
1018
1018
|
}
|
|
1019
1019
|
interface IfxExample {
|
|
1020
1020
|
"color"?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@infineon/infineon-design-system-stencil",
|
|
3
|
-
"version": "20.19.
|
|
3
|
+
"version": "20.19.3",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Infineon design system Stencil web components",
|
|
6
6
|
"homepage": "https://github.com/Infineon/infineon-design-system-stencil#readme",
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,h as i}from"./p-acd1bd1f.js";const s=":host{display:inline-block}.rotate{transition:transform 0.2s ease-in-out;transform:rotate(90deg);margin-top:0em}.icon{margin-top:0em;transition:transform 0.2s ease-in-out}";const r=class{constructor(i){t(this,i);this.isOpen=false;this.variant="primary";this.color="primary";this.size="m";this.disabled=undefined;this.hideArrow=false}render(){return i("ifx-button",{variant:this.variant,color:this.color,size:this.size,disabled:this.disabled,class:"dropdown-trigger-button"},i("slot",null),!this.hideArrow&&i("ifx-icon",{icon:"chevron-right-12",class:`icon${this.isOpen?" rotate":""}`}))}};r.style=s;export{r as ifx_dropdown_trigger_button};
|
|
2
|
-
//# sourceMappingURL=p-aa383c3a.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["dropdownTriggerButtonCss","DropdownItem","render","h","variant","this","color","size","disabled","class","hideArrow","icon","isOpen"],"sources":["./src/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.scss?tag=ifx-dropdown-trigger-button&encapsulation=shadow","./src/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n display: inline-block;\n}\n\n.rotate {\n transition: transform 0.2s ease-in-out;\n transform: rotate(90deg);\n margin-top: 0em;\n}\n\n.icon {\n margin-top: 0em;\n transition: transform 0.2s ease-in-out;\n}\n","// dropdown-trigger-button.tsx\nimport { Component, Prop, h } from \"@stencil/core\";\nimport { IOpenable } from '../IOpenable';\n\n@Component({\n tag: 'ifx-dropdown-trigger-button',\n styleUrl: 'dropdown-trigger-button.scss',\n shadow: true\n})\n\nexport class DropdownItem implements IOpenable {\n @Prop() isOpen: boolean = false;\n @Prop() variant: 'primary' | 'secondary' | 'tertiary' = 'primary';\n @Prop() color: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' = 'primary';\n @Prop() size: 's' | 'm' = 'm';\n @Prop() disabled: boolean;\n @Prop() hideArrow: boolean = false;\n\n render() {\n return (\n <ifx-button\n variant={this.variant}\n color={this.color}\n size={this.size}\n disabled={this.disabled}\n class=\"dropdown-trigger-button\"\n >\n <slot />\n {!this.hideArrow &&\n <ifx-icon icon=\"chevron-right-12\" class={`icon${this.isOpen ? ' rotate' : ''}`} />\n }\n </ifx-button>\n )\n }\n}"],"mappings":"2CAAA,MAAMA,EAA2B,8K,MCUpBC,EAAY,M,qCACG,M,aAC8B,U,WACoB,U,UAClD,I,uCAEG,K,CAE7BC,SACE,OACEC,EAAA,cACEC,QAASC,KAAKD,QACdE,MAAOD,KAAKC,MACZC,KAAMF,KAAKE,KACXC,SAAUH,KAAKG,SACfC,MAAM,2BAENN,EAAA,cACEE,KAAKK,WACLP,EAAA,YAAUQ,KAAK,mBAAmBF,MAAO,OAAOJ,KAAKO,OAAS,UAAY,O"}
|