@infineon/infineon-design-system-stencil 37.3.1--canary.1964.a13e9fd3d50207996530dec0a2bc440df10befa3.0 → 37.3.1--canary.1962.eae2ad927b3d70a4934c8c6a16c9f6e92d2a2fd4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/framework-detection-6001d22c.js +148 -0
- package/dist/cjs/framework-detection-6001d22c.js.map +1 -0
- package/dist/cjs/ifx-accordion_2.cjs.entry.js +3 -3
- package/dist/cjs/ifx-accordion_2.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-alert_2.cjs.entry.js +3 -1
- package/dist/cjs/ifx-alert_2.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-badge.cjs.entry.js +3 -3
- package/dist/cjs/ifx-badge.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-basic-table.cjs.entry.js +6 -6
- package/dist/cjs/ifx-basic-table.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-breadcrumb.cjs.entry.js +3 -5
- package/dist/cjs/ifx-breadcrumb.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-button.cjs.entry.js +4 -2
- package/dist/cjs/ifx-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-card.cjs.entry.js +6 -4
- package/dist/cjs/ifx-card.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-checkbox-group.cjs.entry.js +4 -2
- package/dist/cjs/ifx-checkbox-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-checkbox.cjs.entry.js +6 -4
- package/dist/cjs/ifx-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-chip_3.cjs.entry.js +15 -13
- package/dist/cjs/ifx-chip_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-content-switcher.cjs.entry.js +4 -2
- package/dist/cjs/ifx-content-switcher.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-date-picker.cjs.entry.js +4 -6
- package/dist/cjs/ifx-date-picker.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-dropdown.cjs.entry.js +4 -2
- package/dist/cjs/ifx-dropdown.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-file-upload.cjs.entry.js +4 -6
- package/dist/cjs/ifx-file-upload.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-footer.cjs.entry.js +7 -5
- package/dist/cjs/ifx-footer.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-icon-button.cjs.entry.js +4 -2
- package/dist/cjs/ifx-icon-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-icon.cjs.entry.js +4 -2
- package/dist/cjs/ifx-icon.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-indicator.cjs.entry.js +5 -3
- package/dist/cjs/ifx-indicator.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-link.cjs.entry.js +3 -3
- package/dist/cjs/ifx-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-modal.cjs.entry.js +4 -6
- package/dist/cjs/ifx-modal.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-multiselect_2.cjs.entry.js +5 -5
- package/dist/cjs/ifx-multiselect_2.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-navbar.cjs.entry.js +3 -3
- package/dist/cjs/ifx-navbar.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-notification.cjs.entry.js +4 -4
- package/dist/cjs/ifx-notification.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-progress-bar.cjs.entry.js +5 -3
- package/dist/cjs/ifx-progress-bar.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-radio-button-group.cjs.entry.js +5 -3
- package/dist/cjs/ifx-radio-button-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-radio-button.cjs.entry.js +9 -7
- package/dist/cjs/ifx-radio-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-search-bar.cjs.entry.js +6 -4
- package/dist/cjs/ifx-search-bar.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-search-field.cjs.entry.js +3 -3
- package/dist/cjs/ifx-search-field.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-segmented-control.cjs.entry.js +5 -7
- package/dist/cjs/ifx-segmented-control.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-select.cjs.entry.js +5 -5
- package/dist/cjs/ifx-select.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-sidebar.cjs.entry.js +3 -3
- package/dist/cjs/ifx-sidebar.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-slider.cjs.entry.js +7 -7
- package/dist/cjs/ifx-slider.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-spinner_2.cjs.entry.js +11 -9
- package/dist/cjs/ifx-spinner_2.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-status.cjs.entry.js +3 -3
- package/dist/cjs/ifx-status.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-stepper.cjs.entry.js +5 -5
- package/dist/cjs/ifx-stepper.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-switch.cjs.entry.js +6 -6
- package/dist/cjs/ifx-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-table.cjs.entry.js +7 -7
- package/dist/cjs/ifx-table.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-tabs.cjs.entry.js +5 -5
- package/dist/cjs/ifx-tabs.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-tag.cjs.entry.js +3 -3
- package/dist/cjs/ifx-tag.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-textarea.cjs.entry.js +5 -3
- package/dist/cjs/ifx-textarea.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-tooltip.cjs.entry.js +5 -5
- package/dist/cjs/ifx-tooltip.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-tree-view.cjs.entry.js +3 -3
- package/dist/cjs/ifx-tree-view.cjs.entry.js.map +1 -1
- package/dist/collection/components/accordion/accordion.js +2 -2
- package/dist/collection/components/accordion/accordion.js.map +1 -1
- package/dist/collection/components/alert/alert.js +2 -0
- package/dist/collection/components/alert/alert.js.map +1 -1
- package/dist/collection/components/badge/badge.js +2 -2
- package/dist/collection/components/badge/badge.js.map +1 -1
- package/dist/collection/components/breadcrumb/breadcrumb.js +2 -4
- package/dist/collection/components/breadcrumb/breadcrumb.js.map +1 -1
- package/dist/collection/components/button/button.js +3 -1
- package/dist/collection/components/button/button.js.map +1 -1
- package/dist/collection/components/card/card.js +5 -3
- package/dist/collection/components/card/card.js.map +1 -1
- package/dist/collection/components/checkbox/checkbox.js +5 -3
- package/dist/collection/components/checkbox/checkbox.js.map +1 -1
- package/dist/collection/components/checkbox-group/checkbox-group.js +3 -1
- package/dist/collection/components/checkbox-group/checkbox-group.js.map +1 -1
- package/dist/collection/components/chip/chip.js +10 -8
- package/dist/collection/components/chip/chip.js.map +1 -1
- package/dist/collection/components/content-switcher/content-switcher.js +3 -1
- package/dist/collection/components/content-switcher/content-switcher.js.map +1 -1
- package/dist/collection/components/date-picker/date-picker.js +3 -5
- package/dist/collection/components/date-picker/date-picker.js.map +1 -1
- package/dist/collection/components/dropdown/dropdown.js +3 -1
- package/dist/collection/components/dropdown/dropdown.js.map +1 -1
- package/dist/collection/components/file-upload/file-upload.js +3 -5
- package/dist/collection/components/file-upload/file-upload.js.map +1 -1
- package/dist/collection/components/footer/footer.js +6 -4
- package/dist/collection/components/footer/footer.js.map +1 -1
- package/dist/collection/components/icon/infineonIconStencil.js +3 -1
- package/dist/collection/components/icon/infineonIconStencil.js.map +1 -1
- package/dist/collection/components/icon-button/icon-button.js +3 -1
- package/dist/collection/components/icon-button/icon-button.js.map +1 -1
- package/dist/collection/components/indicator/indicator.js +4 -2
- package/dist/collection/components/indicator/indicator.js.map +1 -1
- package/dist/collection/components/link/link.js +2 -2
- package/dist/collection/components/link/link.js.map +1 -1
- package/dist/collection/components/modal/modal.js +3 -5
- package/dist/collection/components/modal/modal.js.map +1 -1
- package/dist/collection/components/navigation/navbar/navbar.js +2 -2
- package/dist/collection/components/navigation/navbar/navbar.js.map +1 -1
- package/dist/collection/components/navigation/sidebar/sidebar.js +2 -2
- package/dist/collection/components/navigation/sidebar/sidebar.js.map +1 -1
- package/dist/collection/components/notification/notification.js +3 -3
- package/dist/collection/components/notification/notification.js.map +1 -1
- package/dist/collection/components/pagination/pagination.js +4 -4
- package/dist/collection/components/pagination/pagination.js.map +1 -1
- package/dist/collection/components/progress-bar/progress-bar.js +4 -2
- package/dist/collection/components/progress-bar/progress-bar.js.map +1 -1
- package/dist/collection/components/radio-button/radio-button.js +8 -6
- package/dist/collection/components/radio-button/radio-button.js.map +1 -1
- package/dist/collection/components/radio-button-group/radio-button-group.js +4 -2
- package/dist/collection/components/radio-button-group/radio-button-group.js.map +1 -1
- package/dist/collection/components/search-bar/search-bar.js +5 -3
- package/dist/collection/components/search-bar/search-bar.js.map +1 -1
- package/dist/collection/components/search-field/search-field.js +2 -2
- package/dist/collection/components/search-field/search-field.js.map +1 -1
- package/dist/collection/components/segmented-control/segmented-control.css +1 -3
- package/dist/collection/components/segmented-control/segmented-control.js +3 -5
- package/dist/collection/components/segmented-control/segmented-control.js.map +1 -1
- package/dist/collection/components/select/multi-select/multiselect.js +4 -4
- package/dist/collection/components/select/multi-select/multiselect.js.map +1 -1
- package/dist/collection/components/select/single-select/select.js +4 -4
- package/dist/collection/components/select/single-select/select.js.map +1 -1
- package/dist/collection/components/slider/slider.js +6 -6
- package/dist/collection/components/slider/slider.js.map +1 -1
- package/dist/collection/components/spinner/spinner.js +3 -3
- package/dist/collection/components/spinner/spinner.js.map +1 -1
- package/dist/collection/components/status/status.js +2 -2
- package/dist/collection/components/status/status.js.map +1 -1
- package/dist/collection/components/stepper/stepper.js +4 -4
- package/dist/collection/components/stepper/stepper.js.map +1 -1
- package/dist/collection/components/switch/switch.js +5 -5
- package/dist/collection/components/switch/switch.js.map +1 -1
- package/dist/collection/components/table-advanced-version/table.js +6 -6
- package/dist/collection/components/table-advanced-version/table.js.map +1 -1
- package/dist/collection/components/table-basic-version/table.js +5 -5
- package/dist/collection/components/table-basic-version/table.js.map +1 -1
- package/dist/collection/components/tabs/tabs.js +4 -4
- package/dist/collection/components/tabs/tabs.js.map +1 -1
- package/dist/collection/components/tag/tag.js +2 -2
- package/dist/collection/components/tag/tag.js.map +1 -1
- package/dist/collection/components/text-field/text-field.js +7 -5
- package/dist/collection/components/text-field/text-field.js.map +1 -1
- package/dist/collection/components/textarea/textarea.js +4 -2
- package/dist/collection/components/textarea/textarea.js.map +1 -1
- package/dist/collection/components/tooltip/tooltip.js +4 -4
- package/dist/collection/components/tooltip/tooltip.js.map +1 -1
- package/dist/collection/components/tree-view/tree-view.js +2 -2
- package/dist/collection/components/tree-view/tree-view.js.map +1 -1
- package/dist/collection/global/utils/framework-detection.js +71 -32
- package/dist/collection/global/utils/framework-detection.js.map +1 -1
- package/dist/collection/global/utils/tracking.js +19 -3
- package/dist/collection/global/utils/tracking.js.map +1 -1
- package/dist/components/ifx-accordion-item.js +1 -1
- package/dist/components/ifx-accordion.js +1 -1
- package/dist/components/ifx-alert.js +1 -1
- package/dist/components/ifx-badge.js +3 -3
- package/dist/components/ifx-badge.js.map +1 -1
- package/dist/components/ifx-basic-table.js +6 -6
- package/dist/components/ifx-basic-table.js.map +1 -1
- package/dist/components/ifx-breadcrumb-item-label.js +1 -1
- package/dist/components/ifx-breadcrumb.js +3 -5
- package/dist/components/ifx-breadcrumb.js.map +1 -1
- package/dist/components/ifx-button.js +1 -1
- package/dist/components/ifx-card.js +6 -4
- package/dist/components/ifx-card.js.map +1 -1
- package/dist/components/ifx-checkbox-group.js +5 -3
- package/dist/components/ifx-checkbox-group.js.map +1 -1
- package/dist/components/ifx-checkbox.js +1 -1
- package/dist/components/ifx-chip-item.js +1 -1
- package/dist/components/ifx-chip.js +1 -1
- package/dist/components/ifx-content-switcher.js +4 -2
- package/dist/components/ifx-content-switcher.js.map +1 -1
- package/dist/components/ifx-date-picker.js +5 -7
- package/dist/components/ifx-date-picker.js.map +1 -1
- package/dist/components/ifx-download.js +1 -1
- package/dist/components/ifx-dropdown-item.js +1 -1
- package/dist/components/ifx-dropdown-trigger-button.js +2 -2
- package/dist/components/ifx-dropdown.js +4 -2
- package/dist/components/ifx-dropdown.js.map +1 -1
- package/dist/components/ifx-faq.js +3 -3
- package/dist/components/ifx-file-upload.js +8 -10
- package/dist/components/ifx-file-upload.js.map +1 -1
- package/dist/components/ifx-filter-accordion.js +2 -2
- package/dist/components/ifx-filter-bar.js +2 -2
- package/dist/components/ifx-filter-search.js +2 -2
- package/dist/components/ifx-footer.js +7 -5
- package/dist/components/ifx-footer.js.map +1 -1
- package/dist/components/ifx-icon-button.js +1 -1
- package/dist/components/ifx-icon.js +1 -1
- package/dist/components/ifx-icons-preview.js +4 -4
- package/dist/components/ifx-indicator.js +1 -1
- package/dist/components/ifx-link.js +1 -1
- package/dist/components/ifx-list-entry.js +3 -3
- package/dist/components/ifx-list.js +2 -2
- package/dist/components/ifx-modal.js +6 -8
- package/dist/components/ifx-modal.js.map +1 -1
- package/dist/components/ifx-multiselect-option.js +1 -1
- package/dist/components/ifx-multiselect.js +1 -1
- package/dist/components/ifx-navbar-item.js +2 -2
- package/dist/components/ifx-navbar.js +4 -4
- package/dist/components/ifx-navbar.js.map +1 -1
- package/dist/components/ifx-notification.js +1 -1
- package/dist/components/ifx-overview-table.js +3 -3
- package/dist/components/ifx-pagination.js +1 -1
- package/dist/components/ifx-progress-bar.js +1 -1
- package/dist/components/ifx-radio-button-group.js +6 -4
- package/dist/components/ifx-radio-button-group.js.map +1 -1
- package/dist/components/ifx-radio-button.js +1 -1
- package/dist/components/ifx-search-bar.js +8 -6
- package/dist/components/ifx-search-bar.js.map +1 -1
- package/dist/components/ifx-search-field.js +1 -1
- package/dist/components/ifx-segment.js +1 -1
- package/dist/components/ifx-segmented-control.js +6 -8
- package/dist/components/ifx-segmented-control.js.map +1 -1
- package/dist/components/ifx-select.js +1 -1
- package/dist/components/ifx-set-filter.js +7 -7
- package/dist/components/ifx-sidebar-item.js +2 -2
- package/dist/components/ifx-sidebar.js +3 -3
- package/dist/components/ifx-sidebar.js.map +1 -1
- package/dist/components/ifx-slider.js +8 -8
- package/dist/components/ifx-slider.js.map +1 -1
- package/dist/components/ifx-spinner.js +1 -1
- package/dist/components/ifx-status.js +3 -3
- package/dist/components/ifx-status.js.map +1 -1
- package/dist/components/ifx-step.js +1 -1
- package/dist/components/ifx-stepper.js +5 -5
- package/dist/components/ifx-stepper.js.map +1 -1
- package/dist/components/ifx-switch.js +6 -6
- package/dist/components/ifx-switch.js.map +1 -1
- package/dist/components/ifx-table.js +16 -16
- package/dist/components/ifx-table.js.map +1 -1
- package/dist/components/ifx-tabs.js +6 -6
- package/dist/components/ifx-tabs.js.map +1 -1
- package/dist/components/ifx-tag.js +4 -4
- package/dist/components/ifx-tag.js.map +1 -1
- package/dist/components/ifx-template.js +1 -1
- package/dist/components/ifx-templates-ui.js +8 -8
- package/dist/components/ifx-text-field.js +1 -1
- package/dist/components/ifx-textarea.js +5 -3
- package/dist/components/ifx-textarea.js.map +1 -1
- package/dist/components/ifx-tooltip.js +6 -6
- package/dist/components/ifx-tooltip.js.map +1 -1
- package/dist/components/ifx-tree-view-item.js +2 -2
- package/dist/components/ifx-tree-view.js +3 -3
- package/dist/components/ifx-tree-view.js.map +1 -1
- package/dist/components/{p-01a2a671.js → p-02d51cb4.js} +10 -8
- package/dist/components/p-02d51cb4.js.map +1 -0
- package/dist/components/{p-bfd161fb.js → p-5e160859.js} +10 -8
- package/dist/components/p-5e160859.js.map +1 -0
- package/dist/components/{p-88385a57.js → p-6234a7c7.js} +6 -4
- package/dist/components/p-6234a7c7.js.map +1 -0
- package/dist/components/{p-72aae821.js → p-6cdb54a6.js} +8 -6
- package/dist/components/p-6cdb54a6.js.map +1 -0
- package/dist/components/{p-e7f270c1.js → p-7469727b.js} +5 -3
- package/dist/components/p-7469727b.js.map +1 -0
- package/dist/components/{p-307b57c7.js → p-75cf9c68.js} +7 -7
- package/dist/components/{p-307b57c7.js.map → p-75cf9c68.js.map} +1 -1
- package/dist/components/{p-150988ec.js → p-89bd3f13.js} +6 -6
- package/dist/components/{p-150988ec.js.map → p-89bd3f13.js.map} +1 -1
- package/dist/components/{p-8eaa55a1.js → p-8aab7989.js} +3 -3
- package/dist/components/{p-8eaa55a1.js.map → p-8aab7989.js.map} +1 -1
- package/dist/components/{p-862de1e8.js → p-9bacfb4f.js} +3 -3
- package/dist/components/{p-862de1e8.js.map → p-9bacfb4f.js.map} +1 -1
- package/dist/components/{p-4f6ab2e4.js → p-9dbcca51.js} +6 -4
- package/dist/components/p-9dbcca51.js.map +1 -0
- package/dist/components/{p-29a39b8c.js → p-a64baa6c.js} +4 -4
- package/dist/components/{p-29a39b8c.js.map → p-a64baa6c.js.map} +1 -1
- package/dist/components/{p-28bc54da.js → p-b72cf91c.js} +5 -3
- package/dist/components/p-b72cf91c.js.map +1 -0
- package/dist/components/{p-5084c36c.js → p-be4633dc.js} +5 -3
- package/dist/components/p-be4633dc.js.map +1 -0
- package/dist/components/{p-80bd74d1.js → p-bf46e92b.js} +4 -4
- package/dist/components/{p-80bd74d1.js.map → p-bf46e92b.js.map} +1 -1
- package/dist/components/{p-ed0f491c.js → p-d3d3eb63.js} +5 -5
- package/dist/components/{p-ed0f491c.js.map → p-d3d3eb63.js.map} +1 -1
- package/dist/components/{p-b8d74876.js → p-dc421a52.js} +14 -12
- package/dist/components/p-dc421a52.js.map +1 -0
- package/dist/components/{p-6ff767df.js → p-dc6975ec.js} +2 -2
- package/dist/components/{p-6ff767df.js.map → p-dc6975ec.js.map} +1 -1
- package/dist/components/{p-d202acba.js → p-de80aee8.js} +9 -9
- package/dist/components/{p-d202acba.js.map → p-de80aee8.js.map} +1 -1
- package/dist/components/{p-7531ab3a.js → p-e08b34d7.js} +9 -9
- package/dist/components/{p-7531ab3a.js.map → p-e08b34d7.js.map} +1 -1
- package/dist/components/{p-1f61ec38.js → p-ec4680b1.js} +7 -7
- package/dist/components/{p-1f61ec38.js.map → p-ec4680b1.js.map} +1 -1
- package/dist/components/{p-1256041d.js → p-f5f2b031.js} +5 -5
- package/dist/components/{p-1256041d.js.map → p-f5f2b031.js.map} +1 -1
- package/dist/components/{p-bb9b541f.js → p-f952879b.js} +6 -4
- package/dist/components/p-f952879b.js.map +1 -0
- package/dist/components/p-fd1c9465.js +145 -0
- package/dist/components/p-fd1c9465.js.map +1 -0
- package/dist/esm/framework-detection-22e0b561.js +145 -0
- package/dist/esm/framework-detection-22e0b561.js.map +1 -0
- package/dist/esm/ifx-accordion_2.entry.js +3 -3
- package/dist/esm/ifx-accordion_2.entry.js.map +1 -1
- package/dist/esm/ifx-alert_2.entry.js +3 -1
- package/dist/esm/ifx-alert_2.entry.js.map +1 -1
- package/dist/esm/ifx-badge.entry.js +3 -3
- package/dist/esm/ifx-badge.entry.js.map +1 -1
- package/dist/esm/ifx-basic-table.entry.js +6 -6
- package/dist/esm/ifx-basic-table.entry.js.map +1 -1
- package/dist/esm/ifx-breadcrumb.entry.js +3 -5
- package/dist/esm/ifx-breadcrumb.entry.js.map +1 -1
- package/dist/esm/ifx-button.entry.js +4 -2
- package/dist/esm/ifx-button.entry.js.map +1 -1
- package/dist/esm/ifx-card.entry.js +6 -4
- package/dist/esm/ifx-card.entry.js.map +1 -1
- package/dist/esm/ifx-checkbox-group.entry.js +4 -2
- package/dist/esm/ifx-checkbox-group.entry.js.map +1 -1
- package/dist/esm/ifx-checkbox.entry.js +6 -4
- package/dist/esm/ifx-checkbox.entry.js.map +1 -1
- package/dist/esm/ifx-chip_3.entry.js +15 -13
- package/dist/esm/ifx-chip_3.entry.js.map +1 -1
- package/dist/esm/ifx-content-switcher.entry.js +4 -2
- package/dist/esm/ifx-content-switcher.entry.js.map +1 -1
- package/dist/esm/ifx-date-picker.entry.js +4 -6
- package/dist/esm/ifx-date-picker.entry.js.map +1 -1
- package/dist/esm/ifx-dropdown.entry.js +4 -2
- package/dist/esm/ifx-dropdown.entry.js.map +1 -1
- package/dist/esm/ifx-file-upload.entry.js +4 -6
- package/dist/esm/ifx-file-upload.entry.js.map +1 -1
- package/dist/esm/ifx-footer.entry.js +7 -5
- package/dist/esm/ifx-footer.entry.js.map +1 -1
- package/dist/esm/ifx-icon-button.entry.js +4 -2
- package/dist/esm/ifx-icon-button.entry.js.map +1 -1
- package/dist/esm/ifx-icon.entry.js +4 -2
- package/dist/esm/ifx-icon.entry.js.map +1 -1
- package/dist/esm/ifx-indicator.entry.js +5 -3
- package/dist/esm/ifx-indicator.entry.js.map +1 -1
- package/dist/esm/ifx-link.entry.js +3 -3
- package/dist/esm/ifx-link.entry.js.map +1 -1
- package/dist/esm/ifx-modal.entry.js +4 -6
- package/dist/esm/ifx-modal.entry.js.map +1 -1
- package/dist/esm/ifx-multiselect_2.entry.js +5 -5
- package/dist/esm/ifx-multiselect_2.entry.js.map +1 -1
- package/dist/esm/ifx-navbar.entry.js +3 -3
- package/dist/esm/ifx-navbar.entry.js.map +1 -1
- package/dist/esm/ifx-notification.entry.js +4 -4
- package/dist/esm/ifx-notification.entry.js.map +1 -1
- package/dist/esm/ifx-progress-bar.entry.js +5 -3
- package/dist/esm/ifx-progress-bar.entry.js.map +1 -1
- package/dist/esm/ifx-radio-button-group.entry.js +5 -3
- package/dist/esm/ifx-radio-button-group.entry.js.map +1 -1
- package/dist/esm/ifx-radio-button.entry.js +9 -7
- package/dist/esm/ifx-radio-button.entry.js.map +1 -1
- package/dist/esm/ifx-search-bar.entry.js +6 -4
- package/dist/esm/ifx-search-bar.entry.js.map +1 -1
- package/dist/esm/ifx-search-field.entry.js +3 -3
- package/dist/esm/ifx-search-field.entry.js.map +1 -1
- package/dist/esm/ifx-segmented-control.entry.js +5 -7
- package/dist/esm/ifx-segmented-control.entry.js.map +1 -1
- package/dist/esm/ifx-select.entry.js +5 -5
- package/dist/esm/ifx-select.entry.js.map +1 -1
- package/dist/esm/ifx-sidebar.entry.js +3 -3
- package/dist/esm/ifx-sidebar.entry.js.map +1 -1
- package/dist/esm/ifx-slider.entry.js +7 -7
- package/dist/esm/ifx-slider.entry.js.map +1 -1
- package/dist/esm/ifx-spinner_2.entry.js +11 -9
- package/dist/esm/ifx-spinner_2.entry.js.map +1 -1
- package/dist/esm/ifx-status.entry.js +3 -3
- package/dist/esm/ifx-status.entry.js.map +1 -1
- package/dist/esm/ifx-stepper.entry.js +5 -5
- package/dist/esm/ifx-stepper.entry.js.map +1 -1
- package/dist/esm/ifx-switch.entry.js +6 -6
- package/dist/esm/ifx-switch.entry.js.map +1 -1
- package/dist/esm/ifx-table.entry.js +7 -7
- package/dist/esm/ifx-table.entry.js.map +1 -1
- package/dist/esm/ifx-tabs.entry.js +5 -5
- package/dist/esm/ifx-tabs.entry.js.map +1 -1
- package/dist/esm/ifx-tag.entry.js +3 -3
- package/dist/esm/ifx-tag.entry.js.map +1 -1
- package/dist/esm/ifx-textarea.entry.js +5 -3
- package/dist/esm/ifx-textarea.entry.js.map +1 -1
- package/dist/esm/ifx-tooltip.entry.js +5 -5
- package/dist/esm/ifx-tooltip.entry.js.map +1 -1
- package/dist/esm/ifx-tree-view.entry.js +3 -3
- package/dist/esm/ifx-tree-view.entry.js.map +1 -1
- package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js +1 -1
- package/dist/infineon-design-system-stencil/p-09e1f3fe.entry.js +2 -0
- package/dist/infineon-design-system-stencil/p-09e1f3fe.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/{p-5c2386f1.entry.js → p-0a54d1f2.entry.js} +3 -3
- package/dist/infineon-design-system-stencil/{p-5c2386f1.entry.js.map → p-0a54d1f2.entry.js.map} +1 -1
- package/dist/infineon-design-system-stencil/p-0e08a2b6.entry.js +2 -0
- package/dist/infineon-design-system-stencil/p-0e08a2b6.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/{p-0b4463ab.entry.js → p-0f138939.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-0f138939.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/{p-77cbcda1.entry.js → p-108b7539.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-77cbcda1.entry.js.map → p-108b7539.entry.js.map} +1 -1
- package/dist/infineon-design-system-stencil/{p-0feebdea.entry.js → p-1774ffb5.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-0feebdea.entry.js.map → p-1774ffb5.entry.js.map} +1 -1
- package/dist/infineon-design-system-stencil/p-1e99d8fd.entry.js +2 -0
- package/dist/infineon-design-system-stencil/p-1e99d8fd.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/{p-bba99322.entry.js → p-20b96166.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-20b96166.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/{p-ef7802f4.entry.js → p-25b7d4cc.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-25b7d4cc.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/{p-7097e349.entry.js → p-3789de1f.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-3789de1f.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/{p-bc216f6d.entry.js → p-463fadea.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-bc216f6d.entry.js.map → p-463fadea.entry.js.map} +1 -1
- package/dist/infineon-design-system-stencil/{p-ce0db9fb.entry.js → p-4760cdb4.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-4760cdb4.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/{p-a1d02e8e.entry.js → p-486e255f.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-486e255f.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/p-4fad6021.entry.js +2 -0
- package/dist/infineon-design-system-stencil/p-4fad6021.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/{p-51a70ef9.entry.js → p-53606792.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-51a70ef9.entry.js.map → p-53606792.entry.js.map} +1 -1
- package/dist/infineon-design-system-stencil/{p-8f3c079e.entry.js → p-56eee46c.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-8f3c079e.entry.js.map → p-56eee46c.entry.js.map} +1 -1
- package/dist/infineon-design-system-stencil/p-5cf56fa3.entry.js +2 -0
- package/dist/infineon-design-system-stencil/p-5cf56fa3.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/p-5d3e1733.entry.js +2 -0
- package/dist/infineon-design-system-stencil/p-5d3e1733.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/p-6479f069.entry.js +2 -0
- package/dist/infineon-design-system-stencil/p-6479f069.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/p-6b69db7d.entry.js +2 -0
- package/dist/infineon-design-system-stencil/p-6b69db7d.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/{p-9f4f024a.entry.js → p-77f8d47b.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-77f8d47b.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/p-79817498.entry.js +2 -0
- package/dist/infineon-design-system-stencil/p-79817498.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/{p-47e35811.entry.js → p-80d1cc75.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-80d1cc75.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/{p-507107be.entry.js → p-8a7a7589.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-8a7a7589.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/{p-f47071d5.entry.js → p-98a2d242.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-98a2d242.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/{p-c3acb336.entry.js → p-9d632192.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-9d632192.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/p-abd24e4b.entry.js +2 -0
- package/dist/infineon-design-system-stencil/p-abd24e4b.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/p-af4c976b.entry.js +2 -0
- package/dist/infineon-design-system-stencil/p-af4c976b.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/{p-5976c2b0.entry.js → p-aff230fd.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-aff230fd.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/{p-2a4642d0.entry.js → p-b8827e47.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-b8827e47.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/p-bb0c5ad8.entry.js +2 -0
- package/dist/infineon-design-system-stencil/p-bb0c5ad8.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/p-bd3dcb26.entry.js +2 -0
- package/dist/infineon-design-system-stencil/p-bd3dcb26.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/{p-431d50b8.entry.js → p-c66630eb.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-c66630eb.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/{p-44a61708.entry.js → p-c68bbcca.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-44a61708.entry.js.map → p-c68bbcca.entry.js.map} +1 -1
- package/dist/infineon-design-system-stencil/p-c85b8c84.entry.js +2 -0
- package/dist/infineon-design-system-stencil/p-c85b8c84.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/{p-13ae34b7.entry.js → p-cbd77b81.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-cbd77b81.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/{p-b51937f3.entry.js → p-ccce2af4.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-b51937f3.entry.js.map → p-ccce2af4.entry.js.map} +1 -1
- package/dist/infineon-design-system-stencil/{p-29f36497.entry.js → p-d0a6141c.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-d0a6141c.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/p-e00c10f7.entry.js +2 -0
- package/dist/infineon-design-system-stencil/p-e00c10f7.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/p-e1dc0eb6.entry.js +2 -0
- package/dist/infineon-design-system-stencil/p-e1dc0eb6.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/p-e35c77d9.entry.js +2 -0
- package/dist/infineon-design-system-stencil/p-e35c77d9.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/{p-5f433868.entry.js → p-e99d8905.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-e99d8905.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/p-fd1c9465.js +2 -0
- package/dist/infineon-design-system-stencil/p-fd1c9465.js.map +1 -0
- package/dist/types/components/accordion/accordion.d.ts +1 -1
- package/dist/types/components/alert/alert.d.ts +1 -0
- package/dist/types/components/badge/badge.d.ts +1 -1
- package/dist/types/components/breadcrumb/breadcrumb.d.ts +0 -1
- package/dist/types/components/button/button.d.ts +1 -0
- package/dist/types/components/card/card.d.ts +1 -0
- package/dist/types/components/checkbox/checkbox.d.ts +1 -0
- package/dist/types/components/checkbox-group/checkbox-group.d.ts +1 -0
- package/dist/types/components/chip/chip.d.ts +1 -0
- package/dist/types/components/content-switcher/content-switcher.d.ts +1 -0
- package/dist/types/components/date-picker/date-picker.d.ts +0 -1
- package/dist/types/components/dropdown/dropdown.d.ts +1 -0
- package/dist/types/components/file-upload/file-upload.d.ts +0 -1
- package/dist/types/components/footer/footer.d.ts +1 -0
- package/dist/types/components/icon/infineonIconStencil.d.ts +1 -0
- package/dist/types/components/icon-button/icon-button.d.ts +1 -0
- package/dist/types/components/indicator/indicator.d.ts +1 -0
- package/dist/types/components/link/link.d.ts +1 -1
- package/dist/types/components/modal/modal.d.ts +0 -1
- package/dist/types/components/notification/notification.d.ts +1 -1
- package/dist/types/components/progress-bar/progress-bar.d.ts +1 -0
- package/dist/types/components/radio-button/radio-button.d.ts +1 -0
- package/dist/types/components/radio-button-group/radio-button-group.d.ts +1 -0
- package/dist/types/components/search-bar/search-bar.d.ts +1 -0
- package/dist/types/components/search-field/search-field.d.ts +1 -1
- package/dist/types/components/segmented-control/segmented-control.d.ts +0 -1
- package/dist/types/components/spinner/spinner.d.ts +1 -1
- package/dist/types/components/status/status.d.ts +1 -1
- package/dist/types/components/tag/tag.d.ts +1 -1
- package/dist/types/components/text-field/text-field.d.ts +1 -0
- package/dist/types/components/textarea/textarea.d.ts +1 -0
- package/dist/types/components/tree-view/tree-view.d.ts +1 -1
- package/package.json +1 -1
- package/dist/cjs/framework-detection-78986016.js +0 -93
- package/dist/cjs/framework-detection-78986016.js.map +0 -1
- package/dist/components/p-01a2a671.js.map +0 -1
- package/dist/components/p-28bc54da.js.map +0 -1
- package/dist/components/p-4f6ab2e4.js.map +0 -1
- package/dist/components/p-5084c36c.js.map +0 -1
- package/dist/components/p-72aae821.js.map +0 -1
- package/dist/components/p-88385a57.js.map +0 -1
- package/dist/components/p-b8d74876.js.map +0 -1
- package/dist/components/p-bb9b541f.js.map +0 -1
- package/dist/components/p-bfd161fb.js.map +0 -1
- package/dist/components/p-e7f270c1.js.map +0 -1
- package/dist/components/p-e8504e6b.js +0 -90
- package/dist/components/p-e8504e6b.js.map +0 -1
- package/dist/esm/framework-detection-198a17af.js +0 -90
- package/dist/esm/framework-detection-198a17af.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-0b4463ab.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-13ae34b7.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-218c8275.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-218c8275.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-24fa4b84.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-24fa4b84.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-29f36497.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-2a4642d0.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-2b6fa7ea.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-2b6fa7ea.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-40be6362.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-40be6362.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-431d50b8.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-47e35811.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-486f1f73.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-486f1f73.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-507107be.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-5976c2b0.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-5f433868.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-6417bc5b.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-6417bc5b.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-7097e349.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-74190965.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-74190965.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-754c7267.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-754c7267.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-7f9e8260.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-7f9e8260.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-816d8d89.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-816d8d89.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-97c37974.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-97c37974.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-9e9f166d.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-9e9f166d.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-9f4f024a.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-a1d02e8e.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-b1f276a9.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-b1f276a9.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-b7c74d53.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-b7c74d53.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-bb8d7729.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-bb8d7729.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-bba99322.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-c3acb336.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-ce0db9fb.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-d448d22c.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-d448d22c.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-d70c221a.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-d70c221a.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-e8504e6b.js +0 -2
- package/dist/infineon-design-system-stencil/p-e8504e6b.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-ef7802f4.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-f47071d5.entry.js.map +0 -1
@@ -1,8 +1,8 @@
|
|
1
1
|
import { p as proxyCustomElement, H, c as createEvent, h } from './p-f8e6a4ef.js';
|
2
|
-
import { d as detectFramework, t as trackComponent } from './p-
|
2
|
+
import { d as detectFramework, t as trackComponent } from './p-fd1c9465.js';
|
3
3
|
import { i as isNestedInIfxComponent } from './p-1ecafb97.js';
|
4
4
|
import { c as classNames } from './p-5cdc6210.js';
|
5
|
-
import { d as defineCustomElement$1 } from './p-
|
5
|
+
import { d as defineCustomElement$1 } from './p-b72cf91c.js';
|
6
6
|
|
7
7
|
const searchFieldCss = ":root{--ifx-font-family:\"Source Sans 3\", \"Arial, sans-serif\"}:host{display:flex}.search-field{box-sizing:border-box;background-color:#FFFFFF;width:100%;font-family:var(--ifx-font-family)}.search-field .search-field__wrapper{box-sizing:border-box;height:40px;display:flex;align-items:center;border:1px solid #8D8786;border-radius:1px;padding:8px 16px;gap:12px;flex:none;order:0;align-self:stretch;flex-grow:0;position:relative;width:100%;outline:none;color:#8D8786}.search-field .search-field__wrapper.focused{border:1px solid #0A8276}.search-field .search-field__wrapper.focused ifx-icon{color:#575352}.search-field .search-field__wrapper.search-field__wrapper-s{height:36px}.search-field .search-field__wrapper:hover:not(.focused,:focus){border:1px solid #3C3A39}.search-field .search-field__wrapper:focus{outline:none;border:1px solid #0A8276}.search-field .search-field__wrapper .delete-icon{right:12px;cursor:pointer}.search-field .search-field__wrapper input[type=text]{font-style:normal;font-weight:400;font-size:16px;color:#8D8786;border:none;width:100%;outline:none;height:16px}.search-field .search-field__wrapper input[type=text]:focus{outline:none;color:#1d1d1d}.search-field .search-field__wrapper input[type=text]:disabled{background-color:#EEEDED}.search-field .search-field__wrapper:has(input[disabled]){background-color:#EEEDED}";
|
8
8
|
const IfxSearchFieldStyle0 = searchFieldCss;
|
@@ -49,7 +49,7 @@ const SearchField = /*@__PURE__*/ proxyCustomElement(class SearchField extends H
|
|
49
49
|
this.inputElement.focus();
|
50
50
|
this.isFocused = true;
|
51
51
|
}
|
52
|
-
|
52
|
+
componentDidLoad() {
|
53
53
|
if (!isNestedInIfxComponent(this.el)) {
|
54
54
|
const framework = detectFramework();
|
55
55
|
trackComponent('ifx-search-field', framework);
|
@@ -63,7 +63,7 @@ const SearchField = /*@__PURE__*/ proxyCustomElement(class SearchField extends H
|
|
63
63
|
this.showDeleteIconInternalState = false;
|
64
64
|
}
|
65
65
|
render() {
|
66
|
-
return (h("div", { key: '
|
66
|
+
return (h("div", { key: 'b1618594f8273f477c28d0078d5c541394c98d31', "aria-label": "a search field for user input", "aria-disabled": this.disabled, "aria-value": this.value, class: 'search-field' }, h("div", { key: 'a9c88426ee0f00963ce2f742fa043c3f190ab4ad', class: this.getWrapperClassNames(), tabindex: 1, onFocus: () => this.focusInput(), onClick: () => this.focusInput() }, h("ifx-icon", { key: 'd3508956755a5d02cd4a1d239550bdc3818cd74f', icon: "search-16", class: "search-icon" }), h("input", { key: '41388408549a45a9d05d153d89961b9d3565f975', ref: (el) => (this.inputElement = el), type: "text", autocomplete: this.autocomplete, onInput: () => this.handleInput(), placeholder: this.placeholder, disabled: this.disabled, maxlength: this.maxlength, value: this.value }), this.showDeleteIcon && this.showDeleteIconInternalState ? (h("ifx-icon", { icon: "cRemove16", class: "delete-icon", onClick: this.handleDelete })) : null)));
|
67
67
|
}
|
68
68
|
getSizeClass() {
|
69
69
|
return `${this.size}` === "s"
|
@@ -113,4 +113,4 @@ function defineCustomElement() {
|
|
113
113
|
|
114
114
|
export { SearchField as S, defineCustomElement as d };
|
115
115
|
|
116
|
-
//# sourceMappingURL=p-
|
116
|
+
//# sourceMappingURL=p-f5f2b031.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"file":"p-
|
1
|
+
{"file":"p-f5f2b031.js","mappings":"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","names":[],"sources":["src/components/search-field/search-field.scss?tag=ifx-search-field&encapsulation=shadow","src/components/search-field/search-field.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n display: flex;\n}\n\n.search-field {\n box-sizing: border-box;\n background-color: tokens.$ifxColorBaseWhite;\n width: 100%;\n font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n\n\n\n .search-field__wrapper {\n box-sizing: border-box;\n height: tokens.$ifxSize500;\n display: flex;\n align-items: center;\n border: 1px solid #8D8786;\n border-radius: tokens.$ifxBorderRadius12;\n padding: tokens.$ifxSpace100 tokens.$ifxSpace200;\n gap: tokens.$ifxSpace150;\n flex: none;\n order: 0;\n align-self: stretch;\n flex-grow: 0;\n position: relative;\n width: 100%;\n outline: none;\n color: tokens.$ifxColorEngineering400;\n\n &.focused {\n border: 1px solid tokens.$ifxColorOcean500;\n\n & ifx-icon {\n color: tokens.$ifxColorEngineering500;\n }\n }\n\n &.search-field__wrapper-s {\n height: 36px;\n }\n\n\n &:hover:not(.focused, :focus) {\n border: 1px solid #3C3A39;\n }\n\n &:focus {\n outline: none;\n border: 1px solid #0A8276;\n }\n\n\n .delete-icon {\n right: 12px;\n cursor: pointer;\n }\n\n input[type='text'] {\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n //line-height: 24px;\n color: #8D8786;\n border: none;\n width: 100%;\n outline: none;\n //height: 100%;\n height: 16px;\n\n &:focus {\n outline: none;\n color: #1d1d1d;\n }\n\n &:disabled {\n background-color: #EEEDED;\n }\n }\n\n &:has(input[disabled]) {\n background-color: #EEEDED;\n }\n }\n}","import { Component, EventEmitter, h, Event, Prop, Watch, State, Listen, Element } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking'; \nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\nimport classNames from 'classnames';\n\n@Component({\n tag: 'ifx-search-field',\n styleUrl: 'search-field.scss',\n shadow: true\n})\n\n\nexport class SearchField {\n @Element() el;\n private inputElement: HTMLInputElement;\n @Prop({ mutable: true }) value: string = '';\n\n @Event() ifxInput: EventEmitter<String>;\n @State() insideDropdown: boolean = false;\n\n @Prop() showDeleteIcon: boolean = false;\n @State() showDeleteIconInternalState: boolean = false;\n @Prop() disabled: boolean = false;\n @Prop() size: string = 'l';\n @State() isFocused: boolean = false;\n @Prop() placeholder: string = \"Search...\";\n @Prop() autocomplete: string = \"on\";\n @Prop() maxlength?: number = null; \n\n @Listen('mousedown', { target: 'document' })\n handleOutsideClick(event: MouseEvent) {\n const path = event.composedPath();\n if (!path.includes(this.inputElement)) {\n this.isFocused = false;\n }\n }\n\n @Watch('value')\n valueWatcher(newValue: string) {\n if (newValue !== this.inputElement.value) {\n this.inputElement.value = newValue;\n }\n }\n\n\n handleInput = () => {\n const query = this.inputElement.value;\n this.value = query; // update the value property when input changes\n this.ifxInput.emit(this.value);\n };\n\n handleDelete = () => {\n this.inputElement.value = '';\n this.value = \"\";\n this.ifxInput.emit(this.value);\n }\n\n focusInput() {\n this.inputElement.focus();\n this.isFocused = true;\n }\n\n componentDidLoad() { \n if(!isNestedInIfxComponent(this.el)) { \n const framework = detectFramework();\n trackComponent('ifx-search-field', framework)\n }\n }\n \n componentWillUpdate() {\n if (this.value !== \"\") {\n this.showDeleteIconInternalState = true;\n } else this.showDeleteIconInternalState = false;\n }\n\n render() {\n return (\n <div aria-label=\"a search field for user input\" aria-disabled={this.disabled} aria-value={this.value} class='search-field'>\n <div class={this.getWrapperClassNames()}\n tabindex={1}\n onFocus={() => this.focusInput()}\n onClick={() => this.focusInput()}\n >\n <ifx-icon icon=\"search-16\" class=\"search-icon\"></ifx-icon>\n <input\n ref={(el) => (this.inputElement = el)}\n type=\"text\"\n autocomplete={this.autocomplete}\n onInput={() => this.handleInput()}\n placeholder={this.placeholder}\n disabled={this.disabled}\n maxlength={this.maxlength}\n value={this.value} // bind the value property to input element\n />\n {this.showDeleteIcon && this.showDeleteIconInternalState ? (\n <ifx-icon icon=\"cRemove16\" class=\"delete-icon\" onClick={this.handleDelete}>\n </ifx-icon>\n ) : null}\n </div>\n </div>\n );\n }\n\n getSizeClass() {\n return `${this.size}` === \"s\"\n ? \"search-field__wrapper-s\"\n : \"\";\n }\n\n\n getWrapperClassNames() {\n return classNames(\n `search-field__wrapper`,\n `search-field__wrapper ${this.getSizeClass()}`,\n `${this.isFocused ? 'focused' : \"\"}`\n );\n }\n}"],"version":3}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { p as proxyCustomElement, H, h } from './p-f8e6a4ef.js';
|
2
|
-
import { d as detectFramework, t as trackComponent } from './p-
|
2
|
+
import { d as detectFramework, t as trackComponent } from './p-fd1c9465.js';
|
3
3
|
import { i as isNestedInIfxComponent } from './p-1ecafb97.js';
|
4
4
|
|
5
5
|
const progressBarCss = ":root{--ifx-font-family:\"Source Sans 3\", \"Arial, sans-serif\"}:host{display:flex;width:100%}.progress-bar{height:16px;bottom:0;right:0;top:0;left:0;display:flex;height:20px;border-radius:1px;width:100%;overflow:hidden;background-color:#EEEDED;font-family:var(--ifx-font-family)}.progress-bar.s{height:4px}.progress-bar .label{font-style:normal;font-size:0.875rem;font-weight:400;line-height:1.25rem;color:#FFFFFF}.progress-bar .progress{display:flex;align-items:center;justify-content:center;min-width:fit-content;height:100%;background-color:#0A8276;transition:width 0.2s ease}";
|
@@ -19,14 +19,16 @@ const ProgressBar = /*@__PURE__*/ proxyCustomElement(class ProgressBar extends H
|
|
19
19
|
}
|
20
20
|
}
|
21
21
|
componentWillLoad() {
|
22
|
+
this.internalValue = this.value;
|
23
|
+
}
|
24
|
+
componentDidLoad() {
|
22
25
|
if (!isNestedInIfxComponent(this.el)) {
|
23
26
|
const framework = detectFramework();
|
24
27
|
trackComponent('ifx-progress-bar', framework);
|
25
28
|
}
|
26
|
-
this.internalValue = this.value;
|
27
29
|
}
|
28
30
|
render() {
|
29
|
-
return (h("div", { key: '
|
31
|
+
return (h("div", { key: '2e52f2858b55f573515e531c621970e2bc9a2b8a', "aria-label": 'a progress bar', "aria-value": this.value, class: `progress-bar ${this.size}` }, h("div", { key: '89db2fed9df94a208affea4d8f3847b0b90da9ef', class: "progress", style: { width: `${this.internalValue}%` } }, this.showLabel && this.size !== "s" && this.internalValue !== 0 && h("span", { key: 'd744a21d5c89db8068471d6266f82273679b6074', class: "label" }, `${this.internalValue}%`))));
|
30
32
|
}
|
31
33
|
get el() { return this; }
|
32
34
|
static get watchers() { return {
|
@@ -57,4 +59,4 @@ function defineCustomElement() {
|
|
57
59
|
|
58
60
|
export { ProgressBar as P, defineCustomElement as d };
|
59
61
|
|
60
|
-
//# sourceMappingURL=p-
|
62
|
+
//# sourceMappingURL=p-f952879b.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"file":"p-f952879b.js","mappings":";;;;AAAA,MAAM,cAAc,GAAG,ukBAAukB,CAAC;AAC/lB,6BAAe,cAAc;;MCShB,WAAW;IALxB;;;;QAOU,UAAK,GAAW,CAAC,CAAC;QAElB,cAAS,GAAY,KAAK,CAAC;KA+BpC;IA1BC,YAAY,CAAC,QAAgB,EAAE,QAAgB;QAC7C,IAAI,QAAQ,KAAK,QAAQ,EAAE;YACzB,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC;SAC/B;KACF;IAED,iBAAiB;QACf,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC;KACjC;IAED,gBAAgB;QACd,IAAG,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;YACnC,MAAM,SAAS,GAAG,eAAe,EAAE,CAAC;YACpC,cAAc,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAA;SAC9C;KACF;IAED,MAAM;QACJ,QACE,0EAAgB,gBAAgB,gBAAa,IAAI,CAAC,KAAK,EAAG,KAAK,EAAE,gBAAgB,IAAI,CAAC,IAAI,EAAE,IAC1F,4DAAK,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,aAAa,GAAG,EAAE,IAC7D,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,IAAI,CAAC,aAAa,KAAK,CAAC,IAAI,6DAAM,KAAK,EAAC,OAAO,IAAE,GAAG,IAAI,CAAC,aAAa,GAAG,CAAQ,CACrH,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/progress-bar/progress-bar.scss?tag=ifx-progress-bar&encapsulation=shadow","src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n display: flex;\n width: 100%;\n}\n\n.progress-bar {\n height: tokens.$ifxSize200;\n bottom: 0;\n right: 0;\n top: 0;\n left: 0;\n display: flex;\n height: tokens.$ifxSize250;\n border-radius: tokens.$ifxBorderRadius12;\n width: 100%; // Ensure the bar itself can grow up to 100% width\n overflow: hidden; // Ensures that the inner progress bar doesn't exceed the width of the outer progress bar\n background-color: tokens.$ifxColorEngineering200;\n font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n \n \n &.s {\n height: 4px;\n }\n\n .label {\n font-style: normal;\n font-size: tokens.$ifxFontSizeS;\n font-weight: 400;\n line-height: tokens.$ifxLineHeightS;\n color: tokens.$ifxColorBaseWhite;\n }\n \n .progress {\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: fit-content;\n height: 100%;\n background-color: #0A8276;\n transition: width 0.2s ease;\n }\n}","import { Component, Prop, h, State, Watch, Element } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\n\n@Component({\n tag: 'ifx-progress-bar',\n styleUrl: 'progress-bar.scss',\n shadow: true\n})\nexport class ProgressBar {\n @Element() el: HTMLElement;\n @Prop() value: number = 0;\n @Prop() size: string;\n @Prop() showLabel: boolean = false;\n\n @State() internalValue: number;\n\n @Watch('value')\n valueChanged(newValue: number, oldValue: number) {\n if (newValue !== oldValue) {\n this.internalValue = newValue;\n }\n }\n\n componentWillLoad() {\n this.internalValue = this.value;\n }\n\n componentDidLoad() { \n if(!isNestedInIfxComponent(this.el)) { \n const framework = detectFramework();\n trackComponent('ifx-progress-bar', framework)\n }\n }\n\n render() {\n return (\n <div aria-label='a progress bar' aria-value={this.value} class={`progress-bar ${this.size}`}>\n <div class=\"progress\" style={{ width: `${this.internalValue}%` }}>\n {this.showLabel && this.size !== \"s\" && this.internalValue !== 0 && <span class=\"label\">{`${this.internalValue}%`}</span>}\n </div>\n </div>\n );\n }\n}\n"],"version":3}
|
@@ -0,0 +1,145 @@
|
|
1
|
+
const isTestEnvironment = typeof process !== 'undefined' &&
|
2
|
+
process.env &&
|
3
|
+
"production" === 'test';
|
4
|
+
function initializeTracking() {
|
5
|
+
if (isTestEnvironment) {
|
6
|
+
if (!window.btnt) {
|
7
|
+
window.btnt = () => { };
|
8
|
+
}
|
9
|
+
return;
|
10
|
+
}
|
11
|
+
(function (t, r, _kk, n, pp) {
|
12
|
+
if (typeof window.btntConfig !== "object") {
|
13
|
+
window.btntConfig = {
|
14
|
+
domain: "https://ssgtm.infineon.com",
|
15
|
+
withCookies: true,
|
16
|
+
maxBatchSize: 10
|
17
|
+
};
|
18
|
+
}
|
19
|
+
if (window["btnt"])
|
20
|
+
return;
|
21
|
+
window["btnt"] = function (z) {
|
22
|
+
if (typeof z !== "object") {
|
23
|
+
z = {};
|
24
|
+
}
|
25
|
+
if (typeof window.btntQueue !== "object") {
|
26
|
+
window.btntQueue = [];
|
27
|
+
}
|
28
|
+
window.btntQueue.push(z);
|
29
|
+
};
|
30
|
+
n = t.createElement(r);
|
31
|
+
// Add safety check for test environments
|
32
|
+
pp = t.getElementsByTagName(r)[0];
|
33
|
+
if (pp && pp.parentNode) {
|
34
|
+
n.async = 1;
|
35
|
+
n.src = window.btntConfig.domain + "/btnt.js";
|
36
|
+
pp.parentNode.insertBefore(n, pp);
|
37
|
+
}
|
38
|
+
})(document, "script");
|
39
|
+
}
|
40
|
+
function trackComponent(componentName, environment) {
|
41
|
+
const skipEnvironments = ['jest', 'localhost', 'error', 'pending'];
|
42
|
+
if (skipEnvironments.includes(environment)) {
|
43
|
+
return;
|
44
|
+
}
|
45
|
+
if (!window.btnt)
|
46
|
+
initializeTracking();
|
47
|
+
window.btnt({
|
48
|
+
event_name: "component_initialized",
|
49
|
+
component_name: componentName,
|
50
|
+
environment: environment
|
51
|
+
});
|
52
|
+
}
|
53
|
+
|
54
|
+
let frameworkCache = null;
|
55
|
+
const detectFramework = () => {
|
56
|
+
if (frameworkCache)
|
57
|
+
return frameworkCache;
|
58
|
+
// Check for non-browser environments
|
59
|
+
if (typeof window === 'undefined' || typeof document === 'undefined') {
|
60
|
+
frameworkCache = 'non-browser';
|
61
|
+
return frameworkCache;
|
62
|
+
}
|
63
|
+
const win = window;
|
64
|
+
const doc = document;
|
65
|
+
const isJest = typeof process !== 'undefined' &&
|
66
|
+
process.env &&
|
67
|
+
"production" === 'test';
|
68
|
+
if (isJest) {
|
69
|
+
frameworkCache = 'jest';
|
70
|
+
return frameworkCache;
|
71
|
+
}
|
72
|
+
const isStorybook = win.location.search.includes('viewMode') ||
|
73
|
+
win.location.href.includes('viewMode') ||
|
74
|
+
win.__STORYBOOK_ENV__;
|
75
|
+
if (isStorybook) {
|
76
|
+
frameworkCache = 'Storybook';
|
77
|
+
return frameworkCache;
|
78
|
+
}
|
79
|
+
const isLocalhost = ['localhost', '127.0.0.1'].includes(win.location.hostname);
|
80
|
+
if (isLocalhost) {
|
81
|
+
frameworkCache = 'localhost';
|
82
|
+
return frameworkCache;
|
83
|
+
}
|
84
|
+
// 5. Framework detection logic with timing safeguards
|
85
|
+
try {
|
86
|
+
// Universal timing-safe checks
|
87
|
+
const isDOMReady = document.readyState === 'complete';
|
88
|
+
// React detection
|
89
|
+
if (win.React || win.ReactDOM) {
|
90
|
+
frameworkCache = 'React';
|
91
|
+
return frameworkCache;
|
92
|
+
}
|
93
|
+
if (isDOMReady) {
|
94
|
+
// Check for React 16+ roots
|
95
|
+
const reactRoots = doc.querySelector('[data-reactroot], [data-reactid]');
|
96
|
+
if (reactRoots) {
|
97
|
+
frameworkCache = 'React';
|
98
|
+
return frameworkCache;
|
99
|
+
}
|
100
|
+
// Check for React 18+ root containers
|
101
|
+
const rootContainers = Array.from(doc.querySelectorAll('body > div'));
|
102
|
+
const hasReactRoot = rootContainers.some(container => {
|
103
|
+
const keys = Object.keys(container);
|
104
|
+
return keys.some(key => key.startsWith('__reactContainer'));
|
105
|
+
});
|
106
|
+
if (hasReactRoot) {
|
107
|
+
frameworkCache = 'React';
|
108
|
+
return frameworkCache;
|
109
|
+
}
|
110
|
+
}
|
111
|
+
// Angular detection
|
112
|
+
if (win.ng || win.getAllAngularRootElements) {
|
113
|
+
frameworkCache = 'Angular';
|
114
|
+
return frameworkCache;
|
115
|
+
}
|
116
|
+
if (isDOMReady && doc.querySelector('[ng-version], [ng-app]')) {
|
117
|
+
frameworkCache = 'Angular';
|
118
|
+
return frameworkCache;
|
119
|
+
}
|
120
|
+
// Vue detection
|
121
|
+
if (win.Vue || win.__VUE__) {
|
122
|
+
frameworkCache = 'Vue';
|
123
|
+
return frameworkCache;
|
124
|
+
}
|
125
|
+
if (isDOMReady && doc.querySelector('[data-v-app]')) {
|
126
|
+
frameworkCache = 'Vue';
|
127
|
+
return frameworkCache;
|
128
|
+
}
|
129
|
+
// Default to Vanilla
|
130
|
+
if (isDOMReady) {
|
131
|
+
frameworkCache = 'Vanilla';
|
132
|
+
return frameworkCache;
|
133
|
+
}
|
134
|
+
frameworkCache = 'pending';
|
135
|
+
return frameworkCache;
|
136
|
+
}
|
137
|
+
catch (e) {
|
138
|
+
frameworkCache = 'error';
|
139
|
+
return frameworkCache;
|
140
|
+
}
|
141
|
+
};
|
142
|
+
|
143
|
+
export { detectFramework as d, trackComponent as t };
|
144
|
+
|
145
|
+
//# sourceMappingURL=p-fd1c9465.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"file":"p-fd1c9465.js","mappings":"AAQA,MAAM,iBAAiB,GAAG,OAAO,OAAO,KAAK,WAAW;IACtD,OAAO,CAAC,GAAG;IACX,YAAoB,KAAK,MAAM;AAEjC,SAAS,kBAAkB;IACzB,IAAI,iBAAiB,EAAE;QACrB,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;YAChB,MAAM,CAAC,IAAI,GAAG,SAAS;;QAEzB;;IAGF,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE;QACzB,IAAI,OAAO,MAAM,CAAC,UAAU,KAAK,QAAQ,EAAE;YACzC,MAAM,CAAC,UAAU,GAAG;gBAClB,MAAM,EAAE,4BAA4B;gBACpC,WAAW,EAAE,IAAI;gBACjB,YAAY,EAAE;aACf;;QAGH,IAAI,MAAM,CAAC,MAAM,CAAC;YAAE;QAEpB,MAAM,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC;YAC1B,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE;gBACzB,CAAC,GAAG,EAAE;;YAER,IAAI,OAAO,MAAM,CAAC,SAAS,KAAK,QAAQ,EAAE;gBACxC,MAAM,CAAC,SAAS,GAAG,EAAE;;YAEvB,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;SACzB;QAED,CAAC,GAAG,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC;;QAGtB,EAAE,GAAG,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACjC,IAAI,EAAE,IAAI,EAAE,CAAC,UAAU,EAAE;YACvB,CAAC,CAAC,KAAK,GAAG,CAAC;YACX,CAAC,CAAC,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM,GAAG,UAAU;YAC7C,EAAE,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,EAAE,EAAE,CAAC;;KAEpC,EAAE,QAAQ,EAAE,QAAQ,CAAC;AACxB;SAEgB,cAAc,CAAC,aAAqB,EAAE,WAAmB;IACvE,MAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,CAAC;IAClE,IAAI,gBAAgB,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;QAC1C;;IAGF,IAAI,CAAC,MAAM,CAAC,IAAI;QAAE,kBAAkB,EAAE;IAEtC,MAAM,CAAC,IAAI,CAAC;QACV,UAAU,EAAE,uBAAuB;QACnC,cAAc,EAAE,aAAa;QAC7B,WAAW,EAAE;KACd,CAAC;AACJ;;AClEA,IAAI,cAAc,GAAkB,IAAI;MAE3B,eAAe,GAAG;IAC7B,IAAI,cAAc;QAAE,OAAO,cAAc;;IAGzC,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;QACpE,cAAc,GAAG,aAAa;QAC9B,OAAO,cAAc;;IAGvB,MAAM,GAAG,GAAG,MAAa;IACzB,MAAM,GAAG,GAAG,QAAQ;IAEpB,MAAM,MAAM,GAAG,OAAO,OAAO,KAAK,WAAW;QAC9B,OAAO,CAAC,GAAG;QACX,YAAoB,KAAK,MAAM;IAC9C,IAAI,MAAM,EAAE;QACV,cAAc,GAAG,MAAM;QACvB,OAAO,cAAc;;IAGvB,MAAM,WAAW,GAAG,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC;QACxC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC;QACtC,GAAG,CAAC,iBAAiB;IAEzC,IAAI,WAAW,EAAE;QACf,cAAc,GAAG,WAAW;QAC5B,OAAO,cAAc;;IAGvB,MAAM,WAAW,GAAG,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC;IAC9E,IAAI,WAAW,EAAE;QACf,cAAc,GAAG,WAAW;QAC5B,OAAO,cAAc;;;IAIvB,IAAI;;QAEF,MAAM,UAAU,GAAG,QAAQ,CAAC,UAAU,KAAK,UAAU;;QAGrD,IAAI,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,QAAQ,EAAE;YAC7B,cAAc,GAAG,OAAO;YACxB,OAAO,cAAc;;QAGvB,IAAG,UAAU,EAAE;;YAEb,MAAM,UAAU,GAAG,GAAG,CAAC,aAAa,CAAC,kCAAkC,CAAC;YACxE,IAAI,UAAU,EAAE;gBACd,cAAc,GAAG,OAAO;gBACxB,OAAO,cAAc;;;YAIvB,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;YACrE,MAAM,YAAY,GAAG,cAAc,CAAC,IAAI,CAAC,SAAS;gBAChD,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC;gBACnC,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;aAC5D,CAAC;YAEF,IAAI,YAAY,EAAE;gBAChB,cAAc,GAAG,OAAO;gBACxB,OAAO,cAAc;;;;QAKzB,IAAI,GAAG,CAAC,EAAE,IAAI,GAAG,CAAC,yBAAyB,EAAE;YAC3C,cAAc,GAAG,SAAS;YAC1B,OAAO,cAAc;;QAGvB,IAAI,UAAU,IAAI,GAAG,CAAC,aAAa,CAAC,wBAAwB,CAAC,EAAE;YAC7D,cAAc,GAAG,SAAS;YAC1B,OAAO,cAAc;;;QAIvB,IAAI,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,OAAO,EAAE;YAC1B,cAAc,GAAG,KAAK;YACtB,OAAO,cAAc;;QAGvB,IAAI,UAAU,IAAI,GAAG,CAAC,aAAa,CAAC,cAAc,CAAC,EAAE;YACnD,cAAc,GAAG,KAAK;YACtB,OAAO,cAAc;;;QAIvB,IAAI,UAAU,EAAE;YACd,cAAc,GAAG,SAAS;YAC1B,OAAO,cAAc;;QAGvB,cAAc,GAAG,SAAS;QAC1B,OAAO,cAAc;;IACrB,OAAO,CAAC,EAAE;QACV,cAAc,GAAG,OAAO;QACxB,OAAO,cAAc;;AAEzB;;;;","names":[],"sources":["src/global/utils/tracking.ts","src/global/utils/framework-detection.ts"],"sourcesContent":["declare global {\n interface Window {\n btntConfig?: any;\n btntQueue?: any[];\n btnt?: (data: object) => void;\n }\n}\n\nconst isTestEnvironment = typeof process !== 'undefined' &&\n process.env &&\n process.env.NODE_ENV === 'test';\n\nfunction initializeTracking() {\n if (isTestEnvironment) {\n if (!window.btnt) { \n window.btnt = () => { };\n }\n return;\n }\n\n (function (t, r, _kk, n, pp) {\n if (typeof window.btntConfig !== \"object\") {\n window.btntConfig = {\n domain: \"https://ssgtm.infineon.com\",\n withCookies: true,\n maxBatchSize: 10\n };\n }\n\n if (window[\"btnt\"]) return;\n\n window[\"btnt\"] = function (z) {\n if (typeof z !== \"object\") {\n z = {};\n }\n if (typeof window.btntQueue !== \"object\") {\n window.btntQueue = [];\n }\n window.btntQueue.push(z);\n };\n\n n = t.createElement(r);\n\n // Add safety check for test environments\n pp = t.getElementsByTagName(r)[0];\n if (pp && pp.parentNode) {\n n.async = 1;\n n.src = window.btntConfig.domain + \"/btnt.js\";\n pp.parentNode.insertBefore(n, pp);\n }\n })(document, \"script\");\n}\n\nexport function trackComponent(componentName: string, environment: string) {\n const skipEnvironments = ['jest', 'localhost', 'error', 'pending'];\n if (skipEnvironments.includes(environment)) {\n return;\n }\n\n if (!window.btnt) initializeTracking();\n\n window.btnt({\n event_name: \"component_initialized\",\n component_name: componentName,\n environment: environment\n });\n}\n\nexport default trackComponent;","let frameworkCache: string | null = null;\n\nexport const detectFramework = (): string => {\n if (frameworkCache) return frameworkCache;\n \n // Check for non-browser environments\n if (typeof window === 'undefined' || typeof document === 'undefined') {\n frameworkCache = 'non-browser';\n return frameworkCache;\n }\n\n const win = window as any;\n const doc = document;\n\n const isJest = typeof process !== 'undefined' && \n process.env && \n process.env.NODE_ENV === 'test';\n if (isJest) {\n frameworkCache = 'jest';\n return frameworkCache;\n }\n\n const isStorybook = win.location.search.includes('viewMode') || \n win.location.href.includes('viewMode') ||\n win.__STORYBOOK_ENV__;\n \n if (isStorybook) {\n frameworkCache = 'Storybook';\n return frameworkCache;\n }\n\n const isLocalhost = ['localhost', '127.0.0.1'].includes(win.location.hostname);\n if (isLocalhost) {\n frameworkCache = 'localhost';\n return frameworkCache;\n }\n\n // 5. Framework detection logic with timing safeguards\n try {\n // Universal timing-safe checks\n const isDOMReady = document.readyState === 'complete';\n \n // React detection\n if (win.React || win.ReactDOM) {\n frameworkCache = 'React';\n return frameworkCache;\n }\n \n if(isDOMReady) { \n // Check for React 16+ roots\n const reactRoots = doc.querySelector('[data-reactroot], [data-reactid]');\n if (reactRoots) {\n frameworkCache = 'React';\n return frameworkCache;\n }\n \n // Check for React 18+ root containers\n const rootContainers = Array.from(doc.querySelectorAll('body > div'));\n const hasReactRoot = rootContainers.some(container => {\n const keys = Object.keys(container);\n return keys.some(key => key.startsWith('__reactContainer'));\n });\n \n if (hasReactRoot) {\n frameworkCache = 'React';\n return frameworkCache;\n }\n }\n \n // Angular detection\n if (win.ng || win.getAllAngularRootElements) {\n frameworkCache = 'Angular';\n return frameworkCache;\n }\n \n if (isDOMReady && doc.querySelector('[ng-version], [ng-app]')) {\n frameworkCache = 'Angular';\n return frameworkCache;\n }\n \n // Vue detection\n if (win.Vue || win.__VUE__) {\n frameworkCache = 'Vue';\n return frameworkCache;\n }\n \n if (isDOMReady && doc.querySelector('[data-v-app]')) {\n frameworkCache = 'Vue';\n return frameworkCache;\n }\n\n // Default to Vanilla\n if (isDOMReady) {\n frameworkCache = 'Vanilla';\n return frameworkCache;\n }\n \n frameworkCache = 'pending';\n return frameworkCache;\n } catch (e) {\n frameworkCache = 'error';\n return frameworkCache;\n }\n};"],"version":3}
|
@@ -0,0 +1,145 @@
|
|
1
|
+
const isTestEnvironment = typeof process !== 'undefined' &&
|
2
|
+
process.env &&
|
3
|
+
"production" === 'test';
|
4
|
+
function initializeTracking() {
|
5
|
+
if (isTestEnvironment) {
|
6
|
+
if (!window.btnt) {
|
7
|
+
window.btnt = () => { };
|
8
|
+
}
|
9
|
+
return;
|
10
|
+
}
|
11
|
+
(function (t, r, _kk, n, pp) {
|
12
|
+
if (typeof window.btntConfig !== "object") {
|
13
|
+
window.btntConfig = {
|
14
|
+
domain: "https://ssgtm.infineon.com",
|
15
|
+
withCookies: true,
|
16
|
+
maxBatchSize: 10
|
17
|
+
};
|
18
|
+
}
|
19
|
+
if (window["btnt"])
|
20
|
+
return;
|
21
|
+
window["btnt"] = function (z) {
|
22
|
+
if (typeof z !== "object") {
|
23
|
+
z = {};
|
24
|
+
}
|
25
|
+
if (typeof window.btntQueue !== "object") {
|
26
|
+
window.btntQueue = [];
|
27
|
+
}
|
28
|
+
window.btntQueue.push(z);
|
29
|
+
};
|
30
|
+
n = t.createElement(r);
|
31
|
+
// Add safety check for test environments
|
32
|
+
pp = t.getElementsByTagName(r)[0];
|
33
|
+
if (pp && pp.parentNode) {
|
34
|
+
n.async = 1;
|
35
|
+
n.src = window.btntConfig.domain + "/btnt.js";
|
36
|
+
pp.parentNode.insertBefore(n, pp);
|
37
|
+
}
|
38
|
+
})(document, "script");
|
39
|
+
}
|
40
|
+
function trackComponent(componentName, environment) {
|
41
|
+
const skipEnvironments = ['jest', 'localhost', 'error', 'pending'];
|
42
|
+
if (skipEnvironments.includes(environment)) {
|
43
|
+
return;
|
44
|
+
}
|
45
|
+
if (!window.btnt)
|
46
|
+
initializeTracking();
|
47
|
+
window.btnt({
|
48
|
+
event_name: "component_initialized",
|
49
|
+
component_name: componentName,
|
50
|
+
environment: environment
|
51
|
+
});
|
52
|
+
}
|
53
|
+
|
54
|
+
let frameworkCache = null;
|
55
|
+
const detectFramework = () => {
|
56
|
+
if (frameworkCache)
|
57
|
+
return frameworkCache;
|
58
|
+
// Check for non-browser environments
|
59
|
+
if (typeof window === 'undefined' || typeof document === 'undefined') {
|
60
|
+
frameworkCache = 'non-browser';
|
61
|
+
return frameworkCache;
|
62
|
+
}
|
63
|
+
const win = window;
|
64
|
+
const doc = document;
|
65
|
+
const isJest = typeof process !== 'undefined' &&
|
66
|
+
process.env &&
|
67
|
+
"production" === 'test';
|
68
|
+
if (isJest) {
|
69
|
+
frameworkCache = 'jest';
|
70
|
+
return frameworkCache;
|
71
|
+
}
|
72
|
+
const isStorybook = win.location.search.includes('viewMode') ||
|
73
|
+
win.location.href.includes('viewMode') ||
|
74
|
+
win.__STORYBOOK_ENV__;
|
75
|
+
if (isStorybook) {
|
76
|
+
frameworkCache = 'Storybook';
|
77
|
+
return frameworkCache;
|
78
|
+
}
|
79
|
+
const isLocalhost = ['localhost', '127.0.0.1'].includes(win.location.hostname);
|
80
|
+
if (isLocalhost) {
|
81
|
+
frameworkCache = 'localhost';
|
82
|
+
return frameworkCache;
|
83
|
+
}
|
84
|
+
// 5. Framework detection logic with timing safeguards
|
85
|
+
try {
|
86
|
+
// Universal timing-safe checks
|
87
|
+
const isDOMReady = document.readyState === 'complete';
|
88
|
+
// React detection
|
89
|
+
if (win.React || win.ReactDOM) {
|
90
|
+
frameworkCache = 'React';
|
91
|
+
return frameworkCache;
|
92
|
+
}
|
93
|
+
if (isDOMReady) {
|
94
|
+
// Check for React 16+ roots
|
95
|
+
const reactRoots = doc.querySelector('[data-reactroot], [data-reactid]');
|
96
|
+
if (reactRoots) {
|
97
|
+
frameworkCache = 'React';
|
98
|
+
return frameworkCache;
|
99
|
+
}
|
100
|
+
// Check for React 18+ root containers
|
101
|
+
const rootContainers = Array.from(doc.querySelectorAll('body > div'));
|
102
|
+
const hasReactRoot = rootContainers.some(container => {
|
103
|
+
const keys = Object.keys(container);
|
104
|
+
return keys.some(key => key.startsWith('__reactContainer'));
|
105
|
+
});
|
106
|
+
if (hasReactRoot) {
|
107
|
+
frameworkCache = 'React';
|
108
|
+
return frameworkCache;
|
109
|
+
}
|
110
|
+
}
|
111
|
+
// Angular detection
|
112
|
+
if (win.ng || win.getAllAngularRootElements) {
|
113
|
+
frameworkCache = 'Angular';
|
114
|
+
return frameworkCache;
|
115
|
+
}
|
116
|
+
if (isDOMReady && doc.querySelector('[ng-version], [ng-app]')) {
|
117
|
+
frameworkCache = 'Angular';
|
118
|
+
return frameworkCache;
|
119
|
+
}
|
120
|
+
// Vue detection
|
121
|
+
if (win.Vue || win.__VUE__) {
|
122
|
+
frameworkCache = 'Vue';
|
123
|
+
return frameworkCache;
|
124
|
+
}
|
125
|
+
if (isDOMReady && doc.querySelector('[data-v-app]')) {
|
126
|
+
frameworkCache = 'Vue';
|
127
|
+
return frameworkCache;
|
128
|
+
}
|
129
|
+
// Default to Vanilla
|
130
|
+
if (isDOMReady) {
|
131
|
+
frameworkCache = 'Vanilla';
|
132
|
+
return frameworkCache;
|
133
|
+
}
|
134
|
+
frameworkCache = 'pending';
|
135
|
+
return frameworkCache;
|
136
|
+
}
|
137
|
+
catch (e) {
|
138
|
+
frameworkCache = 'error';
|
139
|
+
return frameworkCache;
|
140
|
+
}
|
141
|
+
};
|
142
|
+
|
143
|
+
export { detectFramework as d, trackComponent as t };
|
144
|
+
|
145
|
+
//# sourceMappingURL=framework-detection-22e0b561.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"file":"framework-detection-22e0b561.js","mappings":"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","names":[],"sources":["src/global/utils/tracking.ts","src/global/utils/framework-detection.ts"],"sourcesContent":["declare global {\n interface Window {\n btntConfig?: any;\n btntQueue?: any[];\n btnt?: (data: object) => void;\n }\n}\n\nconst isTestEnvironment = typeof process !== 'undefined' &&\n process.env &&\n process.env.NODE_ENV === 'test';\n\nfunction initializeTracking() {\n if (isTestEnvironment) {\n if (!window.btnt) { \n window.btnt = () => { };\n }\n return;\n }\n\n (function (t, r, _kk, n, pp) {\n if (typeof window.btntConfig !== \"object\") {\n window.btntConfig = {\n domain: \"https://ssgtm.infineon.com\",\n withCookies: true,\n maxBatchSize: 10\n };\n }\n\n if (window[\"btnt\"]) return;\n\n window[\"btnt\"] = function (z) {\n if (typeof z !== \"object\") {\n z = {};\n }\n if (typeof window.btntQueue !== \"object\") {\n window.btntQueue = [];\n }\n window.btntQueue.push(z);\n };\n\n n = t.createElement(r);\n\n // Add safety check for test environments\n pp = t.getElementsByTagName(r)[0];\n if (pp && pp.parentNode) {\n n.async = 1;\n n.src = window.btntConfig.domain + \"/btnt.js\";\n pp.parentNode.insertBefore(n, pp);\n }\n })(document, \"script\");\n}\n\nexport function trackComponent(componentName: string, environment: string) {\n const skipEnvironments = ['jest', 'localhost', 'error', 'pending'];\n if (skipEnvironments.includes(environment)) {\n return;\n }\n\n if (!window.btnt) initializeTracking();\n\n window.btnt({\n event_name: \"component_initialized\",\n component_name: componentName,\n environment: environment\n });\n}\n\nexport default trackComponent;","let frameworkCache: string | null = null;\n\nexport const detectFramework = (): string => {\n if (frameworkCache) return frameworkCache;\n \n // Check for non-browser environments\n if (typeof window === 'undefined' || typeof document === 'undefined') {\n frameworkCache = 'non-browser';\n return frameworkCache;\n }\n\n const win = window as any;\n const doc = document;\n\n const isJest = typeof process !== 'undefined' && \n process.env && \n process.env.NODE_ENV === 'test';\n if (isJest) {\n frameworkCache = 'jest';\n return frameworkCache;\n }\n\n const isStorybook = win.location.search.includes('viewMode') || \n win.location.href.includes('viewMode') ||\n win.__STORYBOOK_ENV__;\n \n if (isStorybook) {\n frameworkCache = 'Storybook';\n return frameworkCache;\n }\n\n const isLocalhost = ['localhost', '127.0.0.1'].includes(win.location.hostname);\n if (isLocalhost) {\n frameworkCache = 'localhost';\n return frameworkCache;\n }\n\n // 5. Framework detection logic with timing safeguards\n try {\n // Universal timing-safe checks\n const isDOMReady = document.readyState === 'complete';\n \n // React detection\n if (win.React || win.ReactDOM) {\n frameworkCache = 'React';\n return frameworkCache;\n }\n \n if(isDOMReady) { \n // Check for React 16+ roots\n const reactRoots = doc.querySelector('[data-reactroot], [data-reactid]');\n if (reactRoots) {\n frameworkCache = 'React';\n return frameworkCache;\n }\n \n // Check for React 18+ root containers\n const rootContainers = Array.from(doc.querySelectorAll('body > div'));\n const hasReactRoot = rootContainers.some(container => {\n const keys = Object.keys(container);\n return keys.some(key => key.startsWith('__reactContainer'));\n });\n \n if (hasReactRoot) {\n frameworkCache = 'React';\n return frameworkCache;\n }\n }\n \n // Angular detection\n if (win.ng || win.getAllAngularRootElements) {\n frameworkCache = 'Angular';\n return frameworkCache;\n }\n \n if (isDOMReady && doc.querySelector('[ng-version], [ng-app]')) {\n frameworkCache = 'Angular';\n return frameworkCache;\n }\n \n // Vue detection\n if (win.Vue || win.__VUE__) {\n frameworkCache = 'Vue';\n return frameworkCache;\n }\n \n if (isDOMReady && doc.querySelector('[data-v-app]')) {\n frameworkCache = 'Vue';\n return frameworkCache;\n }\n\n // Default to Vanilla\n if (isDOMReady) {\n frameworkCache = 'Vanilla';\n return frameworkCache;\n }\n \n frameworkCache = 'pending';\n return frameworkCache;\n } catch (e) {\n frameworkCache = 'error';\n return frameworkCache;\n }\n};"],"version":3}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { r as registerInstance, h, g as getElement, c as createEvent } from './index-6c9eba32.js';
|
2
|
-
import { d as detectFramework, t as trackComponent } from './framework-detection-
|
2
|
+
import { d as detectFramework, t as trackComponent } from './framework-detection-22e0b561.js';
|
3
3
|
import { i as isNestedInIfxComponent } from './dom-utils-1988cdf1.js';
|
4
4
|
|
5
5
|
const accordionCss = ":root{--ifx-font-family:\"Source Sans 3\", \"Arial, sans-serif\"}:host{display:block}.accordion-wrapper{display:flex;flex-direction:column;gap:8px;font-family:var(--ifx-font-family)}";
|
@@ -10,7 +10,7 @@ const Accordion = class {
|
|
10
10
|
registerInstance(this, hostRef);
|
11
11
|
this.autoCollapse = false;
|
12
12
|
}
|
13
|
-
|
13
|
+
componentDidLoad() {
|
14
14
|
if (!isNestedInIfxComponent(this.el)) {
|
15
15
|
const framework = detectFramework();
|
16
16
|
trackComponent('ifx-accordion', framework);
|
@@ -28,7 +28,7 @@ const Accordion = class {
|
|
28
28
|
}
|
29
29
|
}
|
30
30
|
render() {
|
31
|
-
return (h("div", { key: '
|
31
|
+
return (h("div", { key: '97d3c07083a4e92ddd3b511c1cdfc5224c024908', class: "accordion-wrapper" }, h("slot", { key: 'b90c60d5f9ecec11d8f63801d0d6434ac4e868fc' })));
|
32
32
|
}
|
33
33
|
static get delegatesFocus() { return true; }
|
34
34
|
get el() { return getElement(this); }
|
@@ -1 +1 @@
|
|
1
|
-
{"file":"ifx-accordion.ifx-accordion-item.entry.js","mappings":"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","names":[],"sources":["src/components/accordion/accordion.scss?tag=ifx-accordion&encapsulation=shadow","src/components/accordion/accordion.tsx","src/components/accordion/accordionItem.scss?tag=ifx-accordion-item&encapsulation=shadow","src/components/accordion/accordionItem.tsx"],"sourcesContent":["// ifxAccordion.scss\n@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n display: block;\n}\n\n.accordion-wrapper {\n display: flex;\n flex-direction: column;\n gap: tokens.$ifxSpace100;\n font-family: var(--ifx-font-family) // tokens.$ifxFontFamilyBody;\n}","import { Component, h, Listen, Element, Prop } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\n\n@Component({\n tag: 'ifx-accordion',\n styleUrl: 'accordion.scss',\n shadow: { delegatesFocus: true },\n})\nexport class Accordion {\n @Element() el: HTMLElement;\n @Prop() autoCollapse: boolean = false;\n\n componentWillLoad() { \n if(!isNestedInIfxComponent(this.el)) { \n const framework = detectFramework();\n trackComponent('ifx-accordion', framework)\n }\n }\n\n @Listen('ifxOpen')\n async onItemOpen(event: CustomEvent) {\n if (this.autoCollapse) {\n const items = Array.from(this.el.querySelectorAll('ifx-accordion-item'));\n for (const item of items) {\n const itemElement = item as HTMLIfxAccordionItemElement;\n if (itemElement !== event.target && (await itemElement.open)) {\n itemElement.open = false;\n }\n }\n }\n }\n\n render() {\n return (\n <div class=\"accordion-wrapper\">\n <slot />\n </div>\n );\n }\n}\n","// ifxAccordionItem.scss\n@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n\n.accordion-item {\n border-radius: 3px;\n transition: all 0.3s;\n font-family: var(--ifx-font-family) // tokens.$ifxFontFamilyBody;\n\n}\n\n.accordion-title:focus {\n outline: none;\n}\n\n// workaround to add corner radius to outline\n.accordion-title:focus::after {\n content: '';\n display: block;\n position: absolute;\n top: -4px;\n bottom: -4px;\n left: -4px;\n right: -4px;\n border-radius: 5px;\n border: 2px solid tokens.$ifxColorOcean500;\n box-sizing: border-box;\n}\n\n.accordion-title:hover {\n border: 1px solid tokens.$ifxColorEngineering200;\n color: tokens.$ifxColorOcean600;\n}\n\n.accordion-title {\n display: flex;\n align-items: center;\n position: relative;\n padding: tokens.$ifxSpace150 tokens.$ifxSpace200;\n gap: tokens.$ifxSpace150;\n color: tokens.$ifxColorOcean500;\n background-color: tokens.$ifxColorBaseWhite;\n border: 1px solid tokens.$ifxColorEngineering200;\n cursor: pointer;\n margin: 4px;\n}\n\n.accordion-caption {\n font-weight: tokens.$ifxFontWeightSemibold;\n font-size: tokens.$ifxFontSizeL;\n}\n\n.accordion-content {\n gap: tokens.$ifxSpace100;\n //transition: max-height 0.3s ease-in-out;\n line-height: 24px;\n font-size: tokens.$ifxFontSizeM;\n font-weight: 400;\n}\n\n.inner-content {\n background-color: tokens.$ifxColorBaseWhite;\n padding: tokens.$ifxSpace300;\n // white-space: pre-wrap;\n /* wraps text at spaces and within words */\n word-wrap: break-word;\n /* breaks text within a word if necessary */\n overflow-wrap: anywhere;\n align-self: stretch;\n\n /* breaks text at arbitrary points when needed */\n}\n\n.accordion-icon {\n font-weight: bold;\n display: flex;\n transition: transform 0.3s;\n\n &:hover {\n color: tokens.$ifxColorOcean600;\n\n }\n}\n\n\n\n.accordion-item.open .accordion-icon {\n transform: rotate(-180deg);\n}","//ifxAccordionItem\nimport { Component, Prop, h, State, Event, EventEmitter, Watch, Listen, Element } from '@stencil/core';\n\n@Component({\n tag: 'ifx-accordion-item',\n styleUrl: 'accordionItem.scss',\n shadow: true,\n})\nexport class IfxAccordionItem {\n @Element() el;\n @Prop() caption: string;\n @Prop({\n mutable: true,\n }) open: boolean = false;\n @Prop() AriaLevel = 3;\n @State() internalOpen: boolean = false;\n @Event() ifxOpen: EventEmitter;\n @Event() ifxClose: EventEmitter;\n private contentEl!: HTMLElement;\n private titleEl!: HTMLElement;\n private resizeObserver!: ResizeObserver;\n\n componentWillLoad() {\n this.internalOpen = this.open;\n }\n\n componentDidLoad() {\n this.openAccordionItem()\n\n this.contentEl = this.el.shadowRoot.querySelector('#accordion-content');\n if (this.contentEl) {\n this.attachResizeObserver();\n }\n }\n\n componentDidUpdate() {\n this.openAccordionItem()\n }\n\n @Watch('open')\n openChanged(newValue: boolean) {\n this.internalOpen = newValue;\n }\n\n toggleOpen() {\n this.internalOpen = !this.internalOpen;\n this.open = this.internalOpen;\n\n if (this.internalOpen) {\n this.ifxOpen.emit({ isOpen: this.internalOpen });\n } else {\n this.ifxClose.emit({ isClosed: !this.internalOpen });\n }\n }\n\n openAccordionItem() {\n if (this.contentEl) {\n if (this.internalOpen) {\n this.contentEl.style.height = 'auto'; \n const updatedHeight = this.contentEl.scrollHeight; \n this.contentEl.style.height = `${updatedHeight}px`; \n this.contentEl.style.overflow = 'visible';\n } else {\n this.contentEl.style.height = '0';\n this.contentEl.style.overflow = 'hidden';\n }\n }\n }\n\n attachResizeObserver() { \n const innerContentEl = this.el.shadowRoot.querySelector('.inner-content');\n\n if (innerContentEl) {\n this.resizeObserver = new ResizeObserver(() => {\n if (this.internalOpen) {\n this.openAccordionItem();\n }\n });\n\n this.resizeObserver.observe(innerContentEl); \n }\n }\n\n @Listen('keydown')\n handleKeydown(ev: KeyboardEvent) {\n const path = ev.composedPath();\n\n if(!path.includes(this.titleEl)) { \n return;\n }\n\n switch (ev.key) {\n case 'Enter': // fallthrough\n case ' ': // space\n ev.preventDefault();\n this.toggleOpen();\n break;\n }\n }\n\n\n render() {\n return (\n <div class={`accordion-item ${this.internalOpen ? 'open' : ''}`}>\n <div role=\"button\" aria-expanded={this.internalOpen} aria-controls=\"accordion-content\" class=\"accordion-title\" onClick={() => this.toggleOpen()} tabindex='0' ref={(el) => (this.titleEl = el as HTMLElement)}>\n <span aria-hidden=\"true\" role=\"heading\" aria-level={String(this.AriaLevel) as string} class=\"accordion-icon\">\n <ifx-icon icon=\"chevron-down-16\"/>\n </span>\n <span id=\"accordion-caption\" class=\"accordion-caption\">{this.caption}</span>\n </div>\n <div id=\"accordion-content\" class=\"accordion-content\" ref={(el) => (this.contentEl = el as HTMLElement)} role=\"region\" aria-labelledby=\"accordion-caption\">\n <div class=\"inner-content\">\n <slot />\n </div>\n </div>\n </div>\n );\n }\n}"],"version":3}
|
1
|
+
{"file":"ifx-accordion.ifx-accordion-item.entry.js","mappings":"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","names":[],"sources":["src/components/accordion/accordion.scss?tag=ifx-accordion&encapsulation=shadow","src/components/accordion/accordion.tsx","src/components/accordion/accordionItem.scss?tag=ifx-accordion-item&encapsulation=shadow","src/components/accordion/accordionItem.tsx"],"sourcesContent":["// ifxAccordion.scss\n@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n display: block;\n}\n\n.accordion-wrapper {\n display: flex;\n flex-direction: column;\n gap: tokens.$ifxSpace100;\n font-family: var(--ifx-font-family) // tokens.$ifxFontFamilyBody;\n}","import { Component, h, Listen, Element, Prop } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\n\n@Component({\n tag: 'ifx-accordion',\n styleUrl: 'accordion.scss',\n shadow: { delegatesFocus: true },\n})\nexport class Accordion {\n @Element() el: HTMLElement;\n @Prop() autoCollapse: boolean = false;\n\n componentDidLoad() { \n if(!isNestedInIfxComponent(this.el)) { \n const framework = detectFramework();\n trackComponent('ifx-accordion', framework)\n }\n }\n\n @Listen('ifxOpen')\n async onItemOpen(event: CustomEvent) {\n if (this.autoCollapse) {\n const items = Array.from(this.el.querySelectorAll('ifx-accordion-item'));\n for (const item of items) {\n const itemElement = item as HTMLIfxAccordionItemElement;\n if (itemElement !== event.target && (await itemElement.open)) {\n itemElement.open = false;\n }\n }\n }\n }\n\n render() {\n return (\n <div class=\"accordion-wrapper\">\n <slot />\n </div>\n );\n }\n}\n","// ifxAccordionItem.scss\n@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n\n.accordion-item {\n border-radius: 3px;\n transition: all 0.3s;\n font-family: var(--ifx-font-family) // tokens.$ifxFontFamilyBody;\n\n}\n\n.accordion-title:focus {\n outline: none;\n}\n\n// workaround to add corner radius to outline\n.accordion-title:focus::after {\n content: '';\n display: block;\n position: absolute;\n top: -4px;\n bottom: -4px;\n left: -4px;\n right: -4px;\n border-radius: 5px;\n border: 2px solid tokens.$ifxColorOcean500;\n box-sizing: border-box;\n}\n\n.accordion-title:hover {\n border: 1px solid tokens.$ifxColorEngineering200;\n color: tokens.$ifxColorOcean600;\n}\n\n.accordion-title {\n display: flex;\n align-items: center;\n position: relative;\n padding: tokens.$ifxSpace150 tokens.$ifxSpace200;\n gap: tokens.$ifxSpace150;\n color: tokens.$ifxColorOcean500;\n background-color: tokens.$ifxColorBaseWhite;\n border: 1px solid tokens.$ifxColorEngineering200;\n cursor: pointer;\n margin: 4px;\n}\n\n.accordion-caption {\n font-weight: tokens.$ifxFontWeightSemibold;\n font-size: tokens.$ifxFontSizeL;\n}\n\n.accordion-content {\n gap: tokens.$ifxSpace100;\n //transition: max-height 0.3s ease-in-out;\n line-height: 24px;\n font-size: tokens.$ifxFontSizeM;\n font-weight: 400;\n}\n\n.inner-content {\n background-color: tokens.$ifxColorBaseWhite;\n padding: tokens.$ifxSpace300;\n // white-space: pre-wrap;\n /* wraps text at spaces and within words */\n word-wrap: break-word;\n /* breaks text within a word if necessary */\n overflow-wrap: anywhere;\n align-self: stretch;\n\n /* breaks text at arbitrary points when needed */\n}\n\n.accordion-icon {\n font-weight: bold;\n display: flex;\n transition: transform 0.3s;\n\n &:hover {\n color: tokens.$ifxColorOcean600;\n\n }\n}\n\n\n\n.accordion-item.open .accordion-icon {\n transform: rotate(-180deg);\n}","//ifxAccordionItem\nimport { Component, Prop, h, State, Event, EventEmitter, Watch, Listen, Element } from '@stencil/core';\n\n@Component({\n tag: 'ifx-accordion-item',\n styleUrl: 'accordionItem.scss',\n shadow: true,\n})\nexport class IfxAccordionItem {\n @Element() el;\n @Prop() caption: string;\n @Prop({\n mutable: true,\n }) open: boolean = false;\n @Prop() AriaLevel = 3;\n @State() internalOpen: boolean = false;\n @Event() ifxOpen: EventEmitter;\n @Event() ifxClose: EventEmitter;\n private contentEl!: HTMLElement;\n private titleEl!: HTMLElement;\n private resizeObserver!: ResizeObserver;\n\n componentWillLoad() {\n this.internalOpen = this.open;\n }\n\n componentDidLoad() {\n this.openAccordionItem()\n\n this.contentEl = this.el.shadowRoot.querySelector('#accordion-content');\n if (this.contentEl) {\n this.attachResizeObserver();\n }\n }\n\n componentDidUpdate() {\n this.openAccordionItem()\n }\n\n @Watch('open')\n openChanged(newValue: boolean) {\n this.internalOpen = newValue;\n }\n\n toggleOpen() {\n this.internalOpen = !this.internalOpen;\n this.open = this.internalOpen;\n\n if (this.internalOpen) {\n this.ifxOpen.emit({ isOpen: this.internalOpen });\n } else {\n this.ifxClose.emit({ isClosed: !this.internalOpen });\n }\n }\n\n openAccordionItem() {\n if (this.contentEl) {\n if (this.internalOpen) {\n this.contentEl.style.height = 'auto'; \n const updatedHeight = this.contentEl.scrollHeight; \n this.contentEl.style.height = `${updatedHeight}px`; \n this.contentEl.style.overflow = 'visible';\n } else {\n this.contentEl.style.height = '0';\n this.contentEl.style.overflow = 'hidden';\n }\n }\n }\n\n attachResizeObserver() { \n const innerContentEl = this.el.shadowRoot.querySelector('.inner-content');\n\n if (innerContentEl) {\n this.resizeObserver = new ResizeObserver(() => {\n if (this.internalOpen) {\n this.openAccordionItem();\n }\n });\n\n this.resizeObserver.observe(innerContentEl); \n }\n }\n\n @Listen('keydown')\n handleKeydown(ev: KeyboardEvent) {\n const path = ev.composedPath();\n\n if(!path.includes(this.titleEl)) { \n return;\n }\n\n switch (ev.key) {\n case 'Enter': // fallthrough\n case ' ': // space\n ev.preventDefault();\n this.toggleOpen();\n break;\n }\n }\n\n\n render() {\n return (\n <div class={`accordion-item ${this.internalOpen ? 'open' : ''}`}>\n <div role=\"button\" aria-expanded={this.internalOpen} aria-controls=\"accordion-content\" class=\"accordion-title\" onClick={() => this.toggleOpen()} tabindex='0' ref={(el) => (this.titleEl = el as HTMLElement)}>\n <span aria-hidden=\"true\" role=\"heading\" aria-level={String(this.AriaLevel) as string} class=\"accordion-icon\">\n <ifx-icon icon=\"chevron-down-16\"/>\n </span>\n <span id=\"accordion-caption\" class=\"accordion-caption\">{this.caption}</span>\n </div>\n <div id=\"accordion-content\" class=\"accordion-content\" ref={(el) => (this.contentEl = el as HTMLElement)} role=\"region\" aria-labelledby=\"accordion-caption\">\n <div class=\"inner-content\">\n <slot />\n </div>\n </div>\n </div>\n );\n }\n}"],"version":3}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-6c9eba32.js';
|
2
|
-
import { d as detectFramework, t as trackComponent } from './framework-detection-
|
2
|
+
import { d as detectFramework, t as trackComponent } from './framework-detection-22e0b561.js';
|
3
3
|
import { i as isNestedInIfxComponent } from './dom-utils-1988cdf1.js';
|
4
4
|
|
5
5
|
const alertCss = ":root{--ifx-font-family:\"Source Sans 3\", \"Arial, sans-serif\"}:host{display:block}.alert__info-wrapper{display:flex;padding:16px 24px;font-family:var(--ifx-font-family);box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843)}.alert__info-wrapper .info__text-wrapper{display:flex;flex-direction:column;gap:8px;width:100%}.alert__info-wrapper .info__text-wrapper .info__headline-wrapper{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.alert__info-wrapper .info__text-wrapper .info__headline-wrapper,.alert__info-wrapper .info__text-wrapper .info__description-wrapper{color:#1D1D1D;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.alert__info-wrapper .info__text-wrapper .info__headline-wrapper ::slotted(p),.alert__info-wrapper .info__text-wrapper .info__description-wrapper ::slotted(p){padding:0;margin:0}.alert__info-wrapper .info__text-wrapper .info__description-wrapper{font-weight:400}.alert__info-wrapper .close-icon-wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.alert__info-wrapper .close-icon-wrapper button{all:unset;display:flex;align-items:center;justify-content:center;line-height:0;color:#1D1D1D;height:24px;width:24px}.alert__info-wrapper .close-icon-wrapper button:focus{outline:2px solid #0A8276;outline-offset:2px}.alert{display:flex;border:1px solid #0A8276;border-radius:1px;color:#1D1D1D;background-color:#FFFFFF;font-family:var(--ifx-font-family);box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843)}.alert .close-icon-wrapper{display:flex;align-items:center;justify-content:center;min-width:40px}.alert .close-icon-wrapper button{all:unset;display:flex;align-items:center;justify-content:center;line-height:0;color:#1D1D1D;height:24px;width:24px}.alert .close-icon-wrapper button:focus{outline:2px solid #0A8276;outline-offset:2px}.alert .icon-wrapper{position:relative;min-width:48px;display:flex;justify-content:center;align-items:center;background-color:#0A8276}.alert .alert-text{font-size:16px;width:100%;padding:12px 0px 12px 12px;color:#1D1D1D;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;}.alert.primary{border:1px solid #0A8276}.alert.primary .icon-wrapper{background-color:#0A8276;color:#FFFFFF}.alert.success{border:1px solid #4CA460}.alert.success .icon-wrapper{background-color:#4CA460;color:#FFFFFF}.alert.danger{border:1px solid #CD002F}.alert.danger .icon-wrapper{background-color:#CD002F;color:#FFFFFF}.alert.warning{border:1px solid #E16B25}.alert.warning .icon-wrapper{background-color:#E16B25;color:#FFFFFF}.close-icon-wrapper ifx-icon:hover{cursor:pointer}";
|
@@ -33,6 +33,8 @@ const Alert = class {
|
|
33
33
|
if (!this.uniqueId) {
|
34
34
|
this.uniqueId = this.generateUniqueId('alert');
|
35
35
|
}
|
36
|
+
}
|
37
|
+
componentDidLoad() {
|
36
38
|
if (!isNestedInIfxComponent(this.el)) {
|
37
39
|
const framework = detectFramework();
|
38
40
|
trackComponent('ifx-alert', framework);
|