@infineon/infineon-design-system-stencil 30.1.0 → 30.1.1--canary.1496.ada7ab553a087bc3fb372b950494343ccb1df41e.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/ifx-accordion_2.cjs.entry.js +1 -1
- package/dist/cjs/ifx-alert_2.cjs.entry.js +201 -0
- package/dist/cjs/ifx-alert_2.cjs.entry.js.map +1 -0
- package/dist/cjs/ifx-badge.cjs.entry.js +1 -1
- package/dist/cjs/ifx-basic-table.cjs.entry.js +1 -1
- package/dist/cjs/ifx-breadcrumb-item-label.cjs.entry.js +1 -1
- package/dist/cjs/ifx-breadcrumb-item.cjs.entry.js +1 -1
- package/dist/cjs/ifx-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/ifx-button.cjs.entry.js +1 -1
- package/dist/cjs/ifx-card-headline.cjs.entry.js +1 -1
- package/dist/cjs/ifx-card-image.cjs.entry.js +1 -1
- package/dist/cjs/ifx-card-links.cjs.entry.js +1 -1
- package/dist/cjs/ifx-card-overline.cjs.entry.js +1 -1
- package/dist/cjs/ifx-card-text.cjs.entry.js +1 -1
- package/dist/cjs/ifx-card.cjs.entry.js +1 -1
- package/dist/cjs/ifx-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/ifx-chip_3.cjs.entry.js +1 -1
- package/dist/cjs/ifx-content-switcher-item.cjs.entry.js +1 -1
- package/dist/cjs/ifx-content-switcher.cjs.entry.js +1 -1
- package/dist/cjs/ifx-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/ifx-dropdown-header.cjs.entry.js +1 -1
- package/dist/cjs/ifx-dropdown-item.cjs.entry.js +1 -1
- package/dist/cjs/ifx-dropdown-menu.cjs.entry.js +1 -1
- package/dist/cjs/ifx-dropdown-separator.cjs.entry.js +1 -1
- package/dist/cjs/ifx-dropdown-trigger-button.cjs.entry.js +1 -1
- package/dist/cjs/ifx-dropdown-trigger.cjs.entry.js +1 -1
- package/dist/cjs/ifx-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/ifx-faq.cjs.entry.js +2 -2
- package/dist/cjs/ifx-filter-accordion.cjs.entry.js +1 -1
- package/dist/cjs/ifx-filter-bar.cjs.entry.js +1 -1
- package/dist/cjs/ifx-filter-search.cjs.entry.js +1 -1
- package/dist/cjs/ifx-filter-type-group.cjs.entry.js +1 -1
- package/dist/cjs/ifx-footer-column.cjs.entry.js +1 -1
- package/dist/cjs/ifx-footer.cjs.entry.js +1 -1
- package/dist/cjs/ifx-icon-button.cjs.entry.js +1 -1
- package/dist/cjs/ifx-icon.cjs.entry.js +1 -1
- package/dist/cjs/ifx-icons-preview.cjs.entry.js +1 -1
- package/dist/cjs/ifx-link.cjs.entry.js +1 -1
- package/dist/cjs/ifx-list-entry.cjs.entry.js +1 -1
- package/dist/cjs/ifx-list-group.cjs.entry.js +1 -1
- package/dist/cjs/ifx-list-item.cjs.entry.js +1 -1
- package/dist/cjs/ifx-list-notification.cjs.entry.js +1 -1
- package/dist/cjs/ifx-list.cjs.entry.js +1 -1
- package/dist/cjs/ifx-modal.cjs.entry.js +1 -1
- package/dist/cjs/{ifx-multiselect_2.cjs.entry.js → ifx-multiselect.cjs.entry.js} +2 -70
- package/dist/cjs/ifx-multiselect.cjs.entry.js.map +1 -0
- package/dist/cjs/ifx-navbar-item.cjs.entry.js +1 -1
- package/dist/cjs/ifx-navbar-profile.cjs.entry.js +1 -1
- package/dist/cjs/ifx-navbar.cjs.entry.js +1 -1
- package/dist/cjs/ifx-notification.cjs.entry.js +1 -1
- package/dist/cjs/ifx-number-indicator.cjs.entry.js +1 -1
- package/dist/cjs/ifx-overview-table.cjs.entry.js +1 -1
- package/dist/cjs/ifx-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/ifx-radio-button.cjs.entry.js +1 -1
- package/dist/cjs/ifx-search-bar.cjs.entry.js +1 -1
- package/dist/cjs/ifx-search-field.cjs.entry.js +1 -1
- package/dist/cjs/ifx-segment.cjs.entry.js +1 -1
- package/dist/cjs/ifx-segmented-control.cjs.entry.js +1 -1
- package/dist/cjs/ifx-select.cjs.entry.js +1 -1
- package/dist/cjs/ifx-set-filter.cjs.entry.js +1 -1
- package/dist/cjs/ifx-sidebar-item.cjs.entry.js +1 -1
- package/dist/cjs/ifx-sidebar-title.cjs.entry.js +1 -1
- package/dist/cjs/ifx-sidebar.cjs.entry.js +1 -1
- package/dist/cjs/ifx-slider.cjs.entry.js +1 -1
- package/dist/cjs/ifx-spinner_2.cjs.entry.js +103 -0
- package/dist/cjs/ifx-spinner_2.cjs.entry.js.map +1 -0
- package/dist/cjs/ifx-status.cjs.entry.js +1 -1
- package/dist/cjs/ifx-step.cjs.entry.js +1 -1
- package/dist/cjs/ifx-stepper.cjs.entry.js +1 -1
- package/dist/cjs/ifx-switch.cjs.entry.js +1 -1
- package/dist/cjs/ifx-tab.cjs.entry.js +1 -1
- package/dist/cjs/ifx-table.cjs.entry.js +1 -1
- package/dist/cjs/ifx-tabs.cjs.entry.js +1 -1
- package/dist/cjs/ifx-tag.cjs.entry.js +1 -1
- package/dist/cjs/ifx-templates-ui.cjs.entry.js +61 -0
- package/dist/cjs/ifx-templates-ui.cjs.entry.js.map +1 -0
- package/dist/cjs/ifx-textarea.cjs.entry.js +3 -3
- package/dist/cjs/ifx-tooltip.cjs.entry.js +5 -5
- package/dist/cjs/{index-f6c58643.js → index-155a65a3.js} +30 -19
- package/dist/cjs/index-155a65a3.js.map +1 -0
- package/dist/cjs/infineon-design-system-stencil.cjs.js +2 -2
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/templates/template/template.css +76 -0
- package/dist/collection/components/templates/template/template.js +263 -0
- package/dist/collection/components/templates/template/template.js.map +1 -0
- package/dist/collection/components/templates/templates-ui/templates-ui.css +33 -0
- package/dist/collection/components/templates/templates-ui/templates-ui.js +75 -0
- package/dist/collection/components/templates/templates-ui/templates-ui.js.map +1 -0
- package/dist/collection/components/text-field/text-field.js +4 -4
- package/dist/collection/components/textarea/textarea.js +2 -2
- package/dist/collection/components/tooltip/tooltip.js +4 -4
- package/dist/collection/index.js.map +1 -1
- package/dist/collection/stories/setup-and-installation/faq/faq.js +1 -1
- package/dist/components/ifx-alert.js +1 -68
- package/dist/components/ifx-alert.js.map +1 -1
- package/dist/components/ifx-faq.js +1 -1
- package/dist/components/ifx-set-filter.js +1 -1
- package/dist/components/ifx-spinner.js +1 -46
- package/dist/components/ifx-spinner.js.map +1 -1
- package/dist/components/ifx-template.d.ts +11 -0
- package/dist/components/ifx-template.js +8 -0
- package/dist/components/ifx-template.js.map +1 -0
- package/dist/components/ifx-templates-ui.d.ts +11 -0
- package/dist/components/ifx-templates-ui.js +123 -0
- package/dist/components/ifx-templates-ui.js.map +1 -0
- package/dist/components/ifx-text-field.js +1 -1
- package/dist/components/ifx-textarea.js +2 -2
- package/dist/components/ifx-tooltip.js +4 -4
- package/dist/{esm/ifx-spinner.entry.js → components/p-53704c65.js} +28 -9
- package/dist/components/p-53704c65.js.map +1 -0
- package/dist/components/p-80d6c6e4.js +211 -0
- package/dist/components/p-80d6c6e4.js.map +1 -0
- package/dist/{esm/ifx-alert.entry.js → components/p-81263927.js} +35 -8
- package/dist/components/p-81263927.js.map +1 -0
- package/dist/components/{p-d5a199fb.js → p-b537c83a.js} +5 -5
- package/dist/components/{p-d5a199fb.js.map → p-b537c83a.js.map} +1 -1
- package/dist/esm/ifx-accordion_2.entry.js +1 -1
- package/dist/esm/ifx-alert_2.entry.js +196 -0
- package/dist/esm/ifx-alert_2.entry.js.map +1 -0
- package/dist/esm/ifx-badge.entry.js +1 -1
- package/dist/esm/ifx-basic-table.entry.js +1 -1
- package/dist/esm/ifx-breadcrumb-item-label.entry.js +1 -1
- package/dist/esm/ifx-breadcrumb-item.entry.js +1 -1
- package/dist/esm/ifx-breadcrumb.entry.js +1 -1
- package/dist/esm/ifx-button.entry.js +1 -1
- package/dist/esm/ifx-card-headline.entry.js +1 -1
- package/dist/esm/ifx-card-image.entry.js +1 -1
- package/dist/esm/ifx-card-links.entry.js +1 -1
- package/dist/esm/ifx-card-overline.entry.js +1 -1
- package/dist/esm/ifx-card-text.entry.js +1 -1
- package/dist/esm/ifx-card.entry.js +1 -1
- package/dist/esm/ifx-checkbox.entry.js +1 -1
- package/dist/esm/ifx-chip_3.entry.js +1 -1
- package/dist/esm/ifx-content-switcher-item.entry.js +1 -1
- package/dist/esm/ifx-content-switcher.entry.js +1 -1
- package/dist/esm/ifx-date-picker.entry.js +1 -1
- package/dist/esm/ifx-dropdown-header.entry.js +1 -1
- package/dist/esm/ifx-dropdown-item.entry.js +1 -1
- package/dist/esm/ifx-dropdown-menu.entry.js +1 -1
- package/dist/esm/ifx-dropdown-separator.entry.js +1 -1
- package/dist/esm/ifx-dropdown-trigger-button.entry.js +1 -1
- package/dist/esm/ifx-dropdown-trigger.entry.js +1 -1
- package/dist/esm/ifx-dropdown.entry.js +1 -1
- package/dist/esm/ifx-faq.entry.js +2 -2
- package/dist/esm/ifx-filter-accordion.entry.js +1 -1
- package/dist/esm/ifx-filter-bar.entry.js +1 -1
- package/dist/esm/ifx-filter-search.entry.js +1 -1
- package/dist/esm/ifx-filter-type-group.entry.js +1 -1
- package/dist/esm/ifx-footer-column.entry.js +1 -1
- package/dist/esm/ifx-footer.entry.js +1 -1
- package/dist/esm/ifx-icon-button.entry.js +1 -1
- package/dist/esm/ifx-icon.entry.js +1 -1
- package/dist/esm/ifx-icons-preview.entry.js +1 -1
- package/dist/esm/ifx-link.entry.js +1 -1
- package/dist/esm/ifx-list-entry.entry.js +1 -1
- package/dist/esm/ifx-list-group.entry.js +1 -1
- package/dist/esm/ifx-list-item.entry.js +1 -1
- package/dist/esm/ifx-list-notification.entry.js +1 -1
- package/dist/esm/ifx-list.entry.js +1 -1
- package/dist/esm/ifx-modal.entry.js +1 -1
- package/dist/esm/{ifx-multiselect_2.entry.js → ifx-multiselect.entry.js} +3 -70
- package/dist/esm/ifx-multiselect.entry.js.map +1 -0
- package/dist/esm/ifx-navbar-item.entry.js +1 -1
- package/dist/esm/ifx-navbar-profile.entry.js +1 -1
- package/dist/esm/ifx-navbar.entry.js +1 -1
- package/dist/esm/ifx-notification.entry.js +1 -1
- package/dist/esm/ifx-number-indicator.entry.js +1 -1
- package/dist/esm/ifx-overview-table.entry.js +1 -1
- package/dist/esm/ifx-progress-bar.entry.js +1 -1
- package/dist/esm/ifx-radio-button.entry.js +1 -1
- package/dist/esm/ifx-search-bar.entry.js +1 -1
- package/dist/esm/ifx-search-field.entry.js +1 -1
- package/dist/esm/ifx-segment.entry.js +1 -1
- package/dist/esm/ifx-segmented-control.entry.js +1 -1
- package/dist/esm/ifx-select.entry.js +1 -1
- package/dist/esm/ifx-set-filter.entry.js +1 -1
- package/dist/esm/ifx-sidebar-item.entry.js +1 -1
- package/dist/esm/ifx-sidebar-title.entry.js +1 -1
- package/dist/esm/ifx-sidebar.entry.js +1 -1
- package/dist/esm/ifx-slider.entry.js +1 -1
- package/dist/esm/ifx-spinner_2.entry.js +98 -0
- package/dist/esm/ifx-spinner_2.entry.js.map +1 -0
- package/dist/esm/ifx-status.entry.js +1 -1
- package/dist/esm/ifx-step.entry.js +1 -1
- package/dist/esm/ifx-stepper.entry.js +1 -1
- package/dist/esm/ifx-switch.entry.js +1 -1
- package/dist/esm/ifx-tab.entry.js +1 -1
- package/dist/esm/ifx-table.entry.js +1 -1
- package/dist/esm/ifx-tabs.entry.js +1 -1
- package/dist/esm/ifx-tag.entry.js +1 -1
- package/dist/esm/ifx-templates-ui.entry.js +57 -0
- package/dist/esm/ifx-templates-ui.entry.js.map +1 -0
- package/dist/esm/ifx-textarea.entry.js +3 -3
- package/dist/esm/ifx-tooltip.entry.js +5 -5
- package/dist/esm/{index-fc6a5751.js → index-d021b985.js} +30 -20
- package/dist/esm/index-d021b985.js.map +1 -0
- package/dist/esm/infineon-design-system-stencil.js +3 -3
- package/dist/esm/loader.js +3 -3
- 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-37654645.entry.js → p-005cee40.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-1d9e400c.entry.js → p-070a401c.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-d31a6167.entry.js → p-0b2330b1.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-fcf71895.entry.js → p-0c6417aa.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-b3fb648f.entry.js → p-10f2f4d2.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-c2e6cbdb.entry.js → p-15c2d91e.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-1a9b19fa.entry.js +2 -0
- package/dist/infineon-design-system-stencil/p-1a9b19fa.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/{p-37ecac74.entry.js → p-1e32dc46.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-47476fcb.entry.js → p-1f0a54f5.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-21ab54a8.entry.js +2 -0
- package/dist/infineon-design-system-stencil/p-21ab54a8.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/{p-c61a9185.entry.js → p-21f9efe3.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-4111bbdc.entry.js → p-22c3e2a6.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-7378190d.entry.js → p-23061813.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-39697853.entry.js → p-23fc1ac6.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-ea74d7ab.entry.js → p-2cde10eb.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-50e122c4.entry.js → p-2deacdfc.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-3419fe00.entry.js +2 -0
- package/dist/infineon-design-system-stencil/{p-2ae0a0d0.entry.js → p-3a64f78a.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-30640970.entry.js → p-3b597917.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-5edfe317.entry.js → p-3e313cf5.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-cb0ddc9b.entry.js → p-3f71f020.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-0b5ad497.entry.js → p-4082111f.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-0c570fa2.entry.js → p-4126ee6a.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-2d17e5b2.entry.js → p-4626a7a5.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-49872432.entry.js → p-4b7b93c4.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-31e9d4f8.entry.js → p-5269c5f6.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-a3c03169.entry.js → p-55e8c571.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-a10f9b3c.entry.js → p-577e735a.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-c22f8c81.entry.js → p-5a134c12.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-5992e272.entry.js → p-67efe96d.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-cdad5d2c.entry.js → p-6c3947ee.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-db4a364b.entry.js → p-6d82d306.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-951cf503.entry.js → p-6ff541a9.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-02be14a9.entry.js → p-716f6675.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-2e8c0115.entry.js → p-7973be1c.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-7aa4082c.js +3 -0
- package/dist/infineon-design-system-stencil/{p-80bb0959.js.map → p-7aa4082c.js.map} +1 -1
- package/dist/infineon-design-system-stencil/{p-79b4d359.entry.js → p-80d79ac2.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-3be58aa2.entry.js → p-8299d886.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-b30b66e5.entry.js → p-83a3c6d9.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-f3383274.entry.js → p-85b95a9b.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-b8f31dc3.entry.js → p-8822c055.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-2fbad873.entry.js → p-8bd1eb2e.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-e6427f2e.entry.js → p-8c0caf65.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-a29b6247.entry.js → p-8ccea8df.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-4349aa3a.entry.js → p-9256384e.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-d323e4ed.entry.js → p-95c0da4c.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-41b0849d.entry.js → p-95c56362.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-6ad287cf.entry.js → p-9c641115.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-666e0ea0.entry.js → p-9e68df13.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-4af08129.entry.js → p-a4205f38.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-a76a2ec0.entry.js +2 -0
- package/dist/infineon-design-system-stencil/p-a76a2ec0.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/{p-8b089cd1.entry.js → p-a7b721e4.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-bc40ad21.entry.js → p-a825eb1f.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-985c7bdc.entry.js → p-b10e3175.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-1b9317bd.entry.js → p-b1543f1d.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-ee68427e.entry.js → p-bbc7a00e.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-31889cb2.entry.js → p-c9211767.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-1175d112.entry.js → p-ca00d3c8.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-c9aca4b7.entry.js → p-cc49128c.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-ce9e5451.entry.js → p-d0afd036.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-8c9887e3.entry.js → p-d4432905.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-16348b9d.entry.js → p-d517ea6c.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-6e61295f.entry.js → p-d70843bb.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-b010bfcb.entry.js → p-d74b939d.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-f121e197.entry.js → p-d7b5242d.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-e8cde48d.entry.js → p-da42f326.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-1f329979.entry.js → p-e2c6464a.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-e3ce1662.entry.js +2 -0
- package/dist/infineon-design-system-stencil/p-e3ce1662.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/{p-16f9a47c.entry.js → p-e76c8cce.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-5cc523fb.entry.js → p-ec5fcb90.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-208b28b1.entry.js → p-f037e2e1.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-9c50bc3e.entry.js → p-f2ba1590.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-dba5e033.entry.js → p-f93d0e29.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-336778c3.entry.js → p-f98cae21.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-ff8f6ddc.entry.js +2 -0
- package/dist/types/components/templates/template/template.d.ts +33 -0
- package/dist/types/components/templates/templates-ui/templates-ui.d.ts +10 -0
- package/dist/types/components.d.ts +49 -0
- package/package.json +1 -1
- package/dist/cjs/ifx-alert.cjs.entry.js +0 -49
- package/dist/cjs/ifx-alert.cjs.entry.js.map +0 -1
- package/dist/cjs/ifx-multiselect_2.cjs.entry.js.map +0 -1
- package/dist/cjs/ifx-spinner.cjs.entry.js +0 -35
- package/dist/cjs/ifx-spinner.cjs.entry.js.map +0 -1
- package/dist/cjs/index-f6c58643.js.map +0 -1
- package/dist/esm/ifx-alert.entry.js.map +0 -1
- package/dist/esm/ifx-multiselect_2.entry.js.map +0 -1
- package/dist/esm/ifx-spinner.entry.js.map +0 -1
- package/dist/esm/index-fc6a5751.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-0ddf85fc.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-0ddf85fc.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-25bf54c9.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-492a9ab7.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-4aab4af4.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-4aab4af4.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-75436967.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-75436967.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-80bb0959.js +0 -3
- /package/dist/infineon-design-system-stencil/{p-37654645.entry.js.map → p-005cee40.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-1d9e400c.entry.js.map → p-070a401c.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-d31a6167.entry.js.map → p-0b2330b1.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-fcf71895.entry.js.map → p-0c6417aa.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-b3fb648f.entry.js.map → p-10f2f4d2.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-c2e6cbdb.entry.js.map → p-15c2d91e.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-37ecac74.entry.js.map → p-1e32dc46.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-47476fcb.entry.js.map → p-1f0a54f5.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-c61a9185.entry.js.map → p-21f9efe3.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-4111bbdc.entry.js.map → p-22c3e2a6.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-7378190d.entry.js.map → p-23061813.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-39697853.entry.js.map → p-23fc1ac6.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-ea74d7ab.entry.js.map → p-2cde10eb.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-50e122c4.entry.js.map → p-2deacdfc.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-25bf54c9.entry.js.map → p-3419fe00.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-2ae0a0d0.entry.js.map → p-3a64f78a.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-30640970.entry.js.map → p-3b597917.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-5edfe317.entry.js.map → p-3e313cf5.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-cb0ddc9b.entry.js.map → p-3f71f020.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-0b5ad497.entry.js.map → p-4082111f.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-0c570fa2.entry.js.map → p-4126ee6a.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-2d17e5b2.entry.js.map → p-4626a7a5.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-49872432.entry.js.map → p-4b7b93c4.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-31e9d4f8.entry.js.map → p-5269c5f6.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-a3c03169.entry.js.map → p-55e8c571.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-a10f9b3c.entry.js.map → p-577e735a.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-c22f8c81.entry.js.map → p-5a134c12.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-5992e272.entry.js.map → p-67efe96d.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-cdad5d2c.entry.js.map → p-6c3947ee.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-db4a364b.entry.js.map → p-6d82d306.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-951cf503.entry.js.map → p-6ff541a9.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-02be14a9.entry.js.map → p-716f6675.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-2e8c0115.entry.js.map → p-7973be1c.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-79b4d359.entry.js.map → p-80d79ac2.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-3be58aa2.entry.js.map → p-8299d886.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-b30b66e5.entry.js.map → p-83a3c6d9.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-f3383274.entry.js.map → p-85b95a9b.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-b8f31dc3.entry.js.map → p-8822c055.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-2fbad873.entry.js.map → p-8bd1eb2e.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-e6427f2e.entry.js.map → p-8c0caf65.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-a29b6247.entry.js.map → p-8ccea8df.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-4349aa3a.entry.js.map → p-9256384e.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-d323e4ed.entry.js.map → p-95c0da4c.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-41b0849d.entry.js.map → p-95c56362.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-6ad287cf.entry.js.map → p-9c641115.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-666e0ea0.entry.js.map → p-9e68df13.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-4af08129.entry.js.map → p-a4205f38.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-8b089cd1.entry.js.map → p-a7b721e4.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-bc40ad21.entry.js.map → p-a825eb1f.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-985c7bdc.entry.js.map → p-b10e3175.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-1b9317bd.entry.js.map → p-b1543f1d.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-ee68427e.entry.js.map → p-bbc7a00e.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-31889cb2.entry.js.map → p-c9211767.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-1175d112.entry.js.map → p-ca00d3c8.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-c9aca4b7.entry.js.map → p-cc49128c.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-ce9e5451.entry.js.map → p-d0afd036.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-8c9887e3.entry.js.map → p-d4432905.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-16348b9d.entry.js.map → p-d517ea6c.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-6e61295f.entry.js.map → p-d70843bb.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-b010bfcb.entry.js.map → p-d74b939d.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-f121e197.entry.js.map → p-d7b5242d.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-e8cde48d.entry.js.map → p-da42f326.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-1f329979.entry.js.map → p-e2c6464a.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-16f9a47c.entry.js.map → p-e76c8cce.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-5cc523fb.entry.js.map → p-ec5fcb90.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-208b28b1.entry.js.map → p-f037e2e1.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-9c50bc3e.entry.js.map → p-f2ba1590.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-dba5e033.entry.js.map → p-f93d0e29.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-336778c3.entry.js.map → p-f98cae21.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-492a9ab7.entry.js.map → p-ff8f6ddc.entry.js.map} +0 -0
@@ -1,2 +1,2 @@
|
|
1
|
-
import{r as o,h as i,g as t,c as e}from"./p-
|
2
|
-
//# sourceMappingURL=p-
|
1
|
+
import{r as o,h as i,g as t,c as e}from"./p-7aa4082c.js";const n=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:block}.accordion-wrapper{display:flex;flex-direction:column;gap:8px;font-family:var(--ifx-font-family)}';const a=n;const s=class{constructor(i){o(this,i);this.autoCollapse=false}async onItemOpen(o){if(this.autoCollapse){const i=Array.from(this.el.querySelectorAll("ifx-accordion-item"));for(const t of i){const i=t;if(i!==o.target&&await i.open){i.open=false}}}}render(){return i("div",{key:"a69a6bea9d5347c0e1808d4635d458ce16614000",class:"accordion-wrapper"},i("slot",{key:"389e9039f9272a88d95aca8b83efbb754736a5dd"}))}static get delegatesFocus(){return true}get el(){return t(this)}};s.style=a;const c=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.accordion-item{border-radius:3px;overflow:hidden;transition:all 0.3s;font-family:var(--ifx-font-family)}.accordion-title:focus{outline:none}.accordion-title:focus::after{content:"";display:block;position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px;border-radius:5px;border:2px solid #0A8276;box-sizing:border-box}.accordion-title:hover{border:1px solid #EEEDED;color:#08665C}.accordion-title{display:flex;align-items:center;position:relative;padding:12px 16px;gap:12px;color:#0A8276;background-color:#FFFFFF;border:1px solid #EEEDED;cursor:pointer;margin:4px}.accordion-caption{font-weight:600;font-size:1.125rem}.accordion-content{gap:8px;max-height:0;overflow:hidden;transition:max-height 0.3s ease-in-out;line-height:24px;font-size:1rem;font-weight:400}.inner-content{background-color:#FFFFFF;padding:24px;word-wrap:break-word;overflow-wrap:anywhere;align-self:stretch;}.accordion-icon{font-weight:bold;display:inline-block;transition:transform 0.3s}.accordion-icon:hover{color:#08665C}.accordion-item.open .accordion-icon{transform:rotate(-180deg)}';const r=c;const d=class{constructor(i){o(this,i);this.ifxItemOpen=e(this,"ifxItemOpen",7);this.ifxItemClose=e(this,"ifxItemClose",7);this.caption=undefined;this.open=false;this.AriaLive=3;this.internalOpen=false}componentWillLoad(){this.internalOpen=this.open}componentDidLoad(){this.openAccordionItem()}componentDidUpdate(){this.openAccordionItem()}openChanged(o){this.internalOpen=o}toggleOpen(){this.internalOpen=!this.internalOpen;this.open=this.internalOpen;if(this.internalOpen){this.ifxItemOpen.emit({isOpen:this.internalOpen})}else{this.ifxItemClose.emit({isClosed:!this.internalOpen})}}openAccordionItem(){if(this.internalOpen){this.contentEl.style.maxHeight=`${this.contentEl.scrollHeight}px`}else{this.contentEl.style.maxHeight="0"}}handleSlotChange(o){const i=o.target;const t=i.assignedNodes();if(t.length>0){t.forEach((o=>{const i=new MutationObserver(((o,i)=>{for(let i of o){if(i.type==="childList"){if(this.internalOpen){this.openAccordionItem()}}}}));i.observe(o,{attributes:true,childList:true,subtree:true})}))}if(this.internalOpen){this.openAccordionItem()}}handleKeydown(o){switch(o.key){case"Enter":case" ":o.preventDefault();this.toggleOpen();break}}render(){return i("div",{key:"1215772109c33556d626f4a7d40d6655684806a2",class:`accordion-item ${this.internalOpen?"open":""}`},i("div",{key:"30e7771bae93c213d9f95126886d7552ebe03b94",role:"button","aria-expanded":this.internalOpen,"aria-controls":"accordion-content",class:"accordion-title",onClick:()=>this.toggleOpen(),tabindex:"0"},i("span",{key:"7da5f484c41f9f01dd7eec5092ec8ad82947d481","aria-hidden":"true",role:"heading","aria-level":String(this.AriaLive),class:"accordion-icon"},i("ifx-icon",{key:"e64e478a66fd0dd2c3d3608294a6160aa4232952",icon:"chevron-down-12"})),i("span",{key:"7e1ff777da8ce68d6d5f1266512fbd05731169f5",id:"accordion-caption",class:"accordion-caption"},this.caption)),i("div",{key:"144fa8393da592e1d928b51d7b4ad48d6b06a100",id:"accordion-content",class:"accordion-content",ref:o=>this.contentEl=o,role:"region","aria-labelledby":"accordion-caption"},i("div",{key:"28702f514d9bd400499a49a3b1cd675f56d7fcad",class:"inner-content"},i("slot",{key:"e40109a457e4b1cc09c8234d5003361bb6c1c6fb",onSlotchange:o=>this.handleSlotChange(o)}))))}static get watchers(){return{open:["openChanged"]}}};d.style=r;export{s as ifx_accordion,d as ifx_accordion_item};
|
2
|
+
//# sourceMappingURL=p-80d79ac2.entry.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{r as t,h as n,a as e,g as o}from"./p-
|
2
|
-
//# sourceMappingURL=p-
|
1
|
+
import{r as t,h as n,a as e,g as o}from"./p-7aa4082c.js";import{c as i}from"./p-5cdc6210.js";const r=":host{display:inline-flex}.btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px;gap:8px;color:#FFFFFF;flex-direction:row;font-weight:600;border-radius:1px;line-height:1.5rem;outline:none;font-family:var(--ifx-font-family);text-decoration:none;user-select:none;border:1px solid rgba(0, 0, 0, 0);font-size:1rem;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}.btn:not(.disabled){cursor:pointer}.btn-primary{color:#FFFFFF;background-color:#0A8276}.btn-primary:disabled,.btn-primary.disabled{background-color:#BFBBBB;color:#FFFFFF;pointer-events:none}.btn-secondary{color:#0A8276;background-color:#FFFFFF;border-color:#0A8276}.btn-secondary:disabled,.btn-secondary.disabled{background-color:#FFFFFF;border:1px solid #BFBBBB;color:#BFBBBB;pointer-events:none}.btn-tertiary{background-color:transparent;color:#1D1D1D}.btn-tertiary:disabled,.btn-tertiary.disabled{color:#BFBBBB;pointer-events:none}.btn.icon-button{min-width:initial;min-height:initial;width:40px;height:40px;padding:0;justify-content:center}.btn.icon-button.btn-round{border-radius:100px}.btn.icon-button.btn-square{border-radius:1px}.btn.icon-button.btn-s{width:32px;height:32px;padding:8px}.btn.icon-button.btn-l{width:48px;height:48px;padding:8px}.btn.btn-primary:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.btn.btn-primary:not(:disabled,.disabled):hover{background-color:#08665C;border-color:#08665C}.btn.btn-primary:not(:disabled,.disabled):active,.btn.btn-primary:not(:disabled,.disabled).active{background-color:#06534B;border-color:#06534B}.btn.btn-secondary:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.btn.btn-secondary:not(:disabled,.disabled):hover{background-color:#08665C;border-color:#08665C;color:#FFFFFF}.btn.btn-secondary:not(:disabled,.disabled):active,.btn.btn-secondary:not(:disabled,.disabled).active{background-color:#06534B;border-color:#06534B}.btn.btn-tertiary:not(:disabled,.disabled):focus:not(:active,.active){outline:none;color:#1D1D1D;box-shadow:0 0 0 0px #FFFFFF, 0 0 0 2px #0A8276}.btn.btn-tertiary:not(:disabled,.disabled):hover{color:#0A8276}.btn.btn-tertiary:not(:disabled,.disabled):active,.btn.btn-tertiary:not(:disabled,.disabled).active{color:#08665C}";const s=r;const d=class{constructor(n){t(this,n);this.variant=undefined;this.size=undefined;this.disabled=undefined;this.icon=undefined;this.href=undefined;this.target="_self";this.shape="round"}handleClick(t){if(this.disabled){t.stopImmediatePropagation()}}async setFocus(){this.focusableElement.focus()}componentWillLoad(){if(this.shape===""){this.shape="round"}}render(){return n(e,{key:"a13463972d971f052edc7c7483283b9beb150955"},this.href?n("a",{"aria-disabled":this.disabled,"aria-label":"a clickable icon button",ref:t=>this.focusableElement=t,class:this.getClassNames(),href:!this.disabled?this.href:undefined,target:this.target,rel:this.target==="_blank"?"noopener noreferrer":undefined},n("ifx-icon",{icon:this.icon})):n("button",{class:this.getClassNames(),type:"button"},n("ifx-icon",{icon:this.icon})))}getVariantClass(){return`${this.variant}`==="secondary"?`secondary`:`${this.variant}`==="tertiary"?`tertiary`:`primary`}getSizeClass(){if(`${this.size}`==="xs"){return"xs"}else if(`${this.size}`==="s"){return"s"}else if(`${this.size}`==="l"){return"l"}else return""}getClassNames(){return i("btn icon-button",`btn-${this.shape}`,this.size&&`btn-${this.getSizeClass()}`,`btn-${this.getVariantClass()}`,this.disabled?"disabled":"")}get el(){return o(this)}};d.style=s;export{d as ifx_icon_button};
|
2
|
+
//# sourceMappingURL=p-8299d886.entry.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{r as e,h as o}from"./p-
|
2
|
-
//# sourceMappingURL=p-
|
1
|
+
import{r as e,h as o}from"./p-7aa4082c.js";const n=".container{padding-top:10px}";const t=n;const i=class{constructor(o){e(this,o)}render(){return o("div",{key:"940635ca96aed75993f653a115ca4e76e711e0c1",class:"container"},o("ifx-accordion",{key:"1560bc2603d0666ad6504b9f148e19c2934a730f"},o("ifx-accordion-item",{key:"63e5b09b25ce51683cfd6aa59318f7fdd45205a4",caption:"What is the Infineon DDS?"},"The Infineon Digital Design System consists of code components, design principles, tools and guidelines as well as a dedicated interdisciplinary team. Its purpose is to support internal and external colleagues create digital user interfaces with a high level of usability as well as a consistent expression of the Infineon brand. The DDS does not focus on the content of a web application but it describes how the design of the application’s structure should be."),o("ifx-accordion-item",{key:"a16615fa9a0d533decc568b476717b4550546065",caption:"How do I get access to the DDS?"},"You can use the provided Figma file as a foundation for mockups and prototypes, use Storybook to view what UI components and variants are available and use code components provided via Storybook or Github."),o("ifx-accordion-item",{key:"fe1464594ab2e24acc7869320b51b6fed951f438",caption:"Can I integrate the Infineon DDS into my project?"},"Yes, you can. We are happy to discuss with you which point in time and which scope of integration is bestsuited for updating your interface to the Infineon DDS. (To avoid that users get confused by a mixture of UI components, we recommend choosing larger updates or technology changes as opportunity to integrate the Infineon DDS.)"),o("ifx-accordion-item",{key:"4a3cb74604b6d73210d2da4004f8bcd9a37df0b8",caption:"Are Infineon DDS components accessable?"},"We have taken WCAG 2.0 Level AA as baseline level for all design decisions inside the Infineon Digital Design System. To make an online experience truly accessible you have to implement the specific code, content, and visual design according to the accessibility standard. Find an introduction to this topic here."),o("ifx-accordion-item",{key:"132a5a7b1b55ffc4213d0beddebf05cf58c8bcb1",caption:"How to request a new component?"},"Please contact us like described in the contribution section! We are planning to expand the number of components continually. If your component is also usable for multiple other projects, there is a good chance we might work together with you.")))}};i.style=t;export{i as ifx_faq};
|
2
|
+
//# sourceMappingURL=p-83a3c6d9.entry.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{r as e,h as o,g as i}from"./p-
|
2
|
-
//# sourceMappingURL=p-
|
1
|
+
import{r as e,h as o,g as i}from"./p-7aa4082c.js";const t=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.col{display:flex;flex-direction:column;gap:12px;padding-right:8px;color:#1D1D1D;font-family:var(--ifx-font-family)}.col ::slotted([slot=title]){box-sizing:border-box;font-weight:600;font-size:1rem;line-height:1.5rem;margin:0;padding:0}.col span{display:flex;flex-direction:column;gap:12px;color:#1D1D1D}.col span ::slotted([slot=link]){box-sizing:border-box;font-weight:400;font-size:1rem;line-height:1.5rem}';const a=t;const f=class{constructor(o){e(this,o)}render(){return o("div",{key:"4cad5415cae80dfff4e7d75e82163bd0ef71f648",class:"col"},o("slot",{key:"e884b90aadc3df6f4ec4ccff44a8e05589277b5c",name:"title"}),o("span",{key:"e29933f15be919b14ea765ccbcf75bcd8c8f19e7","aria-label":"navigation link"},o("slot",{key:"5ae8906786990bc1e0821982fa4f0d7bb9dadc9f",name:"link"})))}get el(){return i(this)}};f.style=a;export{f as ifx_footer_column};
|
2
|
+
//# sourceMappingURL=p-85b95a9b.entry.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{r as e,c as t,h as o,a as i,g as n}from"./p-
|
2
|
-
//# sourceMappingURL=p-
|
1
|
+
import{r as e,c as t,h as o,a as i,g as n}from"./p-7aa4082c.js";function a(e,t,o,i=20,n=0){const d=[];if(n>=i){return d}const s=e=>{const d=e.assignedNodes().filter((e=>e.nodeType===1));if(d.length>0){const e=d[0].parentElement;return a(e,t,o,i,n+1)}return[]};const r=Array.from(e.children||[]);for(const e of r){if(t(e)){continue}if(o(e)){d.push(e)}if(e.shadowRoot!=null){d.push(...a(e.shadowRoot,t,o,i,n+1))}else if(e.tagName==="SLOT"){d.push(...s(e))}else{d.push(...a(e,t,o,i,n+1))}}return d}function d(e){return e.hasAttribute("hidden")||e.hasAttribute("aria-hidden")&&e.getAttribute("aria-hidden")!=="false"||e.style.display===`none`||e.style.opacity===`0`||e.style.visibility===`hidden`||e.style.visibility===`collapse`}function s(e){return e.hasAttribute("disabled")||e.hasAttribute("aria-disabled")&&e.getAttribute("aria-disabled")!=="false"}function r(e){if(e.getAttribute("tabindex")==="-1"||d(e)||s(e)){return false}return e.hasAttribute("tabindex")||(e instanceof HTMLAnchorElement||e instanceof HTMLAreaElement)&&e.hasAttribute("href")||e instanceof HTMLButtonElement||e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement||e instanceof HTMLIFrameElement}function c(e,t,o){const i=e.animate(t,Object.assign(Object.assign({},o),{fill:"both"}));i.addEventListener("finish",(()=>{i.commitStyles();i.cancel()}));return i}const l={easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)"};const f={fadeIn:[Object.assign(Object.assign({offset:0},l),{opacity:0}),Object.assign(Object.assign({offset:1},l),{opacity:1})],fadeOut:[Object.assign(Object.assign({offset:0},l),{opacity:1}),Object.assign(Object.assign({offset:1},l),{opacity:0})]};const h=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:block}.modal-container{display:none;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1060;overflow-y:auto;font-family:var(--ifx-font-family)}.modal-container.open{display:flex}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1D1D1D;opacity:0.5;z-index:0}.modal-content-container{position:absolute;display:flex;justify-content:center;width:90%;min-height:218px;background-color:#fff;border-radius:0;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);overflow:hidden;box-sizing:border-box;align-items:stretch}@media screen and (min-width: 768px){.modal-content-container{width:540px;min-height:132px}.modal-content-container.m,.modal-content-container.l,.modal-content-container.s{width:90%}}@media screen and (min-width: 1024px){.modal-content-container.s{width:47vw}.modal-content-container.m{width:63vw}.modal-content-container.l{width:80%}}.modal-content{display:flex;flex-direction:column;width:100%;max-height:90vh}.modal-icon-container{display:flex;align-items:center;justify-content:center;width:32px;background-color:#0A8276;align-self:stretch}.modal-icon-container.danger{background-color:#CD002F}.modal-icon-container ifx-icon{color:#FFFFFF}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;min-height:76px;max-height:105px;box-sizing:border-box;border-radius:1px 1px 0px 0px;border-bottom:1px solid #EEEDED}.modal-caption{max-height:56px;display:-webkit-box;overflow:hidden;white-space:pre-wrap;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}.modal-header h2{margin:0;font-weight:600;font-size:1.25rem;line-height:28px}.modal-header button{background:none;border:none;font-size:1.5em;padding:0;cursor:pointer}.modal-close-button{align-self:flex-start;margin-right:-8px}.modal-body{padding:16px 24px;min-height:56px;box-sizing:border-box;flex:1;overflow-y:auto}.modal-footer.buttons-present ::slotted(*){display:flex;justify-content:flex-end;gap:16px;padding:16px 24px 32px 16px}.modal-border{display:flex;align-items:center;justify-content:center;width:100%;font-size:1.5em;flex-grow:1}.modal-border.primary{background-color:#0A8276}.modal-border.secondary{background-color:#575352}.modal-border.danger{background-color:#CD002F}.modal-border.success{background-color:#4CA460}.modal-border.warning{background-color:#E16B25}.modal-border.orange{background-color:#E16B25}.modal-border.ocean{background-color:#0A8276}.modal-border.grey{background-color:#575352}.modal-border.grey-200{background-color:#EEEDED}.modal-border.red{background-color:#CD002F}.modal-border.green{background-color:#4CA460}.modal-border.berry{background-color:#9C216E}';const b=h;const m=class{constructor(o){e(this,o);this.ifxModalOpen=t(this,"ifxModalOpen",7);this.ifxModalClose=t(this,"ifxModalClose",7);this.focusableElements=[];this.handleTopFocus=()=>{this.attemptFocus(this.getLastFocusableElement())};this.handleBottomFocus=()=>{this.attemptFocus(this.getFirstFocusableElement())};this.handleKeypress=e=>{if(!this.showModal){return}if(e.key==="Escape"){this.doBeforeClose("ESCAPE_KEY")}};this.opened=false;this.showModal=this.opened||false;this.caption="Modal Title";this.closeOnOverlayClick=true;this.variant="default";this.size="s";this.alertIcon="";this.okButtonLabel="OK";this.cancelButtonLabel="Cancel";this.slotButtonsPresent=false;this.showCloseButton=true}componentDidLoad(){this.focusableElements=a(this.hostElement.shadowRoot,(e=>d(e)||e.matches("[data-focus-trap-edge]")),r)}getFirstFocusableElement(){return this.focusableElements[0]}getLastFocusableElement(){return this.focusableElements[this.focusableElements.length-1]}attemptFocus(e){if(e==null){setTimeout((()=>{this.closeButton.focus()}));return}setTimeout((()=>{e.focus()}),0)}open(){this.showModal=true;try{const e=c(this.modalContainer,f.fadeIn,{duration:200});e.addEventListener("finish",(()=>{setTimeout((()=>{var e,t;(e=this.getLastFocusableElement())===null||e===void 0?void 0:e.focus();(t=this.getLastFocusableElement())===null||t===void 0?void 0:t.blur()}),0);this.ifxModalOpen.emit()}));this.hostElement.addEventListener("keydown",this.handleKeypress)}catch(e){this.ifxModalOpen.emit()}}close(){try{const e=c(this.modalContainer,f.fadeOut,{duration:200});e.addEventListener("finish",(()=>{this.showModal=false;this.ifxModalClose.emit()}));this.hostElement.removeEventListener("keydown",this.handleKeypress)}catch(e){this.showModal=false;this.ifxModalClose.emit()}}doBeforeClose(e){const t=[];t.push(e);const o=t.some((e=>e.defaultPrevented));if(!o){this.opened=false}}openedChanged(e){if(e===true){this.open()}else{this.close()}}handleOverlayClick(){if(this.closeOnOverlayClick){this.doBeforeClose("BACKDROP")}}handleButtonsSlotChange(e){var t;if(((t=e.currentTarget.assignedElements()[0])===null||t===void 0?void 0:t.childElementCount)>0){this.slotButtonsPresent=true}else{this.slotButtonsPresent=false}}render(){const e=this.variant!=="default";return o(i,{key:"3893200192cdf819f3e8948ce8d6ebf98fbef221"},o("div",{key:"213d3d958198aa5409f871ab4b2343c55a751507",ref:e=>this.modalContainer=e,class:`modal-container ${this.showModal?"open":""}`},o("div",{key:"8084553c70150a7d7a50498dab588811424f5a3e",class:"modal-overlay",onClick:()=>this.handleOverlayClick()}),o("div",{key:"34647afb94b66e6a9b228bc6d709b610ef570c58","data-focus-trap-edge":true,onFocus:this.handleTopFocus,tabindex:"0"}),o("div",{key:"80e6d955eb222ffee393c28e65c2d4478c3f8d06",class:`modal-content-container ${this.size}`,role:"dialog","aria-modal":"true","aria-label":this.caption},e?o("div",{class:`modal-icon-container ${this.variant==="alert-brand"?"":"danger"}`},this.alertIcon?o("ifx-icon",{icon:this.alertIcon}):null):null,o("div",{key:"83089df2d673dd6cdfd465e17fa265b72545c4b9",class:"modal-content"},o("div",{key:"7ef4a6b04b717f10b67e0780e5c6d8215c286fc5",class:"modal-header"},o("h2",{key:"53646fa326928739c9e46711fc73b819d0e4fe4b",class:"modal-caption"},this.caption),this.showCloseButton&&o("ifx-icon-button",{key:"eb8aadd8c35adff6a8f8e8da5aa835971f004078",class:"modal-close-button",ref:e=>this.closeButton=e,icon:"cross-24",variant:"tertiary",onClick:()=>this.doBeforeClose("CLOSE_BUTTON")})),o("div",{key:"c3de200d13a612a7067b4e96db09943a00429c30",class:"modal-body"},o("slot",{key:"82f7e007fabc1564b90ba66d81b86272a25f3636",name:"content"})),o("div",{key:"38187b73c1e4152f9207737b4b06b1a52b94d1ec",class:`modal-footer ${this.slotButtonsPresent?"buttons-present":""}`},o("slot",{key:"123d2035fe63e3d22df34826be23ba6b4b73b9ab",name:"buttons",onSlotchange:e=>this.handleButtonsSlotChange(e)})))),o("div",{key:"de980fdcbf75aee294911df411e7e810fdcc414a","data-focus-trap-edge":true,onFocus:this.handleBottomFocus,tabindex:"0"})))}get hostElement(){return n(this)}static get watchers(){return{opened:["openedChanged"]}}};m.style=b;export{m as ifx_modal};
|
2
|
+
//# sourceMappingURL=p-8822c055.entry.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{r as e,c as i,h as t,g as r}from"./p-
|
2
|
-
//# sourceMappingURL=p-
|
1
|
+
import{r as e,c as i,h as t,g as r}from"./p-7aa4082c.js";const a='.date__picker-container{display:flex;flex-direction:column}.date__picker-container .label__wrapper{color:#1D1D1D;font:400 1rem/1.5rem "Source Sans 3"}.date__picker-container.disabled .label__wrapper{color:#575352}.date__picker-container.error .caption__wrapper{color:#CD002F}.date__picker-container.disabled .caption__wrapper{color:#575352}.date__picker-container .caption__wrapper{margin-top:4px;color:#1D1D1D;font:400 0.75rem/1rem "Source Sans 3"}.date__picker-input{font-family:"Source Sans 3";outline:none;width:100%;cursor:pointer;border-radius:1px;border:1px solid #8D8786;height:100%}.date__picker-input.firefox__classes{padding:8px 16px;color:#8D8786;font-size:16px;text-transform:uppercase;font-style:normal;font-weight:400;line-height:24px;cursor:pointer}.date__picker-input:focus:not(.error,.success){border-color:#0A8276}.date__picker-input:hover:not(:disabled,:focus,.error,.success){border-color:#575352}.date__picker-input:disabled{border-color:#575352;background-color:#EEEDED}.date__picker-input.error{border-color:#CD002F}.date__picker-input.success:not(.error){border-color:#4CA460}.date__picker-input::-webkit-datetime-edit-text{color:#8D8786;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.date__picker-input.has-value::-webkit-datetime-edit-text{color:#1D1D1D}.date__picker-input.has-value::-webkit-datetime-edit{color:#1D1D1D}::-webkit-datetime-edit{color:#8D8786;font-size:16px;text-transform:uppercase;font-style:normal;font-weight:400;line-height:24px}::-webkit-datetime-edit-fields-wrapper{padding:8px 16px;padding-bottom:9px;transform:translateY(1px)}::-webkit-inner-spin-button{display:none}::-webkit-calendar-picker-indicator{position:absolute;right:15px;font-size:19px;cursor:pointer;border-radius:1px}::-webkit-calendar-picker-indicator:focus-within{outline:2px solid #0A8276;outline-offset:2px}.input__wrapper{display:flex;justify-content:space-between;align-items:center;align-self:stretch;background:#FFFFFF;position:relative}.input__wrapper.large{height:40px}.input__wrapper.small{height:36px}.input__wrapper.disabled .icon__wrapper{background-color:#EEEDED}.icon__wrapper{position:absolute;right:17px;padding:2px;display:flex;justify-content:flex-end;align-items:center;pointer-events:none;z-index:100;background-color:#FFFFFF;line-height:16px}.icon__wrapper ifx-icon{vertical-align:middle}';const n=a;const o=class{constructor(t){e(this,t);this.ifxDate=i(this,"ifxDate",7);if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.inputId=`ifx-date-picker-${++s}`;this.size="s";this.error=false;this.success=false;this.disabled=false;this.AriaLabel=undefined;this.value=undefined;this.max=undefined;this.min=undefined;this.required=false;this.label=undefined;this.caption=undefined}getDate(e){const i=e.target.value;const t=new Date(i);const r=t.getDate();const a=t.getMonth()+1;const n=t.getFullYear();if(!i){this.internals.setFormValue(null);this.ifxDate.emit({day:r,month:a,year:n});return}const o=this.el.shadowRoot.querySelector(".date__picker-input");o.classList.add("has-value");this.internals.setFormValue(t.toISOString().substring(0,10));this.ifxDate.emit({day:r,month:a,year:n})}handleInputFocusOnIconClick(){const e=this.el.shadowRoot.querySelector(".date__picker-input");if(e){e.focus()}}getBrowser(){if(navigator.userAgent.indexOf("Chrome")!=-1){return"Chrome"}else if(navigator.userAgent.indexOf("Opera")!=-1){return"Opera"}else if(navigator.userAgent.indexOf("MSIE")!=-1){return"IE"}else if(navigator.userAgent.indexOf("Firefox")!=-1){return"Firefox"}else{return"unknown"}}setFireFoxClasses(){const e=this.getBrowser();const i=this.el.shadowRoot.querySelector(".date__picker-input");if(e==="Firefox"){i.classList.add("firefox__classes")}else if(i.classList.contains("firefox__classes")){i.classList.remove("firefox__classes")}}componentDidLoad(){this.setFireFoxClasses();if(this.value){this.getDate({target:{value:this.value}})}}formResetCallback(){this.internals.setFormValue(null)}render(){var e,i;return t("div",{key:"8939525c9d1b6ca3d6d1d598f18c801eaa274925",class:`date__picker-container ${this.error?"error":""} ${this.disabled?"disabled":""}`},t("label",{key:"b6943a24e0b7b92826f8f0a951aa8ba07b07a602",class:"label__wrapper",htmlFor:this.inputId},(e=this.label)===null||e===void 0?void 0:e.trim()),t("div",{key:"dbb6810bec0365a771ee39feca14455d553f308f",class:`input__wrapper ${this.size==="l"?"large":"small"} ${this.disabled?"disabled":""}`},t("input",{key:"c4532643be4a7a29a9c8837787e997059bdaa7c1",type:"date",class:`date__picker-input ${this.error?"error":""} ${this.success?"success":""}`,disabled:this.disabled?true:undefined,"aria-invalid":this.error?true:undefined,"aria-label":this.AriaLabel,max:this.max,min:this.min,value:this.value,required:this.required,onChange:e=>this.getDate(e)}),t("div",{key:"401c972432d3c0a057a3fe812fa730372b12fcbe",class:"icon__wrapper",role:"button",onClick:()=>this.handleInputFocusOnIconClick()},t("ifx-icon",{key:"125529210997e8dd611e5bb394909a1cf08fc47b",icon:"calendar16","aria-hidden":"true"}))),((i=this.caption)===null||i===void 0?void 0:i.trim())&&t("div",{key:"1367a5dc715de1f7f0ea40a9995ce07a9030aae8",class:"caption__wrapper"},this.caption.trim()))}static get formAssociated(){return true}get el(){return r(this)}};let s=0;o.style=n;export{o as ifx_date_picker};
|
2
|
+
//# sourceMappingURL=p-8bd1eb2e.entry.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{r as e,h as t,g as
|
2
|
-
//# sourceMappingURL=p-
|
1
|
+
import{r as e,h as t,g as a}from"./p-7aa4082c.js";const r=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{position:relative}.sidebar__title{width:100%;height:fit-content;border-top:1px solid #EEEDED;padding:12px 0}.sidebar__title.no-top-border{border-top:none}.sidebar__title-label{height:20px;font:600 0.875rem/1.25rem "Source Sans 3";text-transform:uppercase;color:#575352;letter-spacing:3px}';const i=r;const s=class{constructor(t){e(this,t)}render(){return t("div",{key:"6a42cc97dadcab602872bda9d993f9bf7c12b199",class:"sidebar__title"},t("div",{key:"ebd8129870e6d9541b5053e194fe6e271aec9e3a",class:"sidebar__title-label"},t("slot",{key:"c27949801198f4eeb0495b8aebcbdda6576859a8"})))}get el(){return a(this)}};s.style=i;export{s as ifx_sidebar_title};
|
2
|
+
//# sourceMappingURL=p-8c0caf65.entry.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{r as e,c as i,h as t,g as s}from"./p-80bb0959.js";const n=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{position:relative}.sidebar__nav-item:focus,.sidebar__nav-item.header__section:focus{outline:none}.sidebar__nav-item:focus .sidebar__nav-item-icon-wrapper,.sidebar__nav-item.header__section:focus .sidebar__nav-item-icon-wrapper{color:#08665C}.sidebar__nav-item:focus .sidebar__nav-item-label,.sidebar__nav-item.header__section:focus .sidebar__nav-item-label{outline:none;color:#08665C}.sidebar__nav-item:focus .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon,.sidebar__nav-item.header__section:focus .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{color:#08665C}.sidebar__nav-item:hover,.sidebar__nav-item.header__section:hover{outline:none}.sidebar__nav-item:hover .sidebar__nav-item-icon-wrapper,.sidebar__nav-item.header__section:hover .sidebar__nav-item-icon-wrapper{color:#08665C}.sidebar__nav-item:hover .sidebar__nav-item-label,.sidebar__nav-item.header__section:hover .sidebar__nav-item-label{outline:none;color:#08665C}.sidebar__nav-item:hover .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon,.sidebar__nav-item.header__section:hover .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{color:#08665C}.sidebar__nav-item{display:flex;flex-direction:row;align-items:center;width:100%;padding:8px 0px;gap:4px;flex:none;order:0;flex-grow:0;text-decoration:none;color:#1D1D1D;cursor:pointer;font-family:var(--ifx-font-family)}.sidebar__nav-item.extra-padding__bottom{padding:8px 0px 16px 0px}.sidebar__nav-item.active{color:#0A8276}.sidebar__nav-item.active-section::before{content:"";position:absolute;left:-32px;height:40px;width:2px;background:#0A8276}.sidebar__nav-item.open{padding:8px 0px}.sidebar__nav-item.open .sidebar__nav-item-label{font-size:16px;font-style:normal;font-weight:400;line-height:24px}.sidebar__nav-item.open .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{transform:rotate(-180deg)}.sidebar__nav-item.header__section{box-sizing:padding-box;border-top:1px solid #EEEDED;padding:16px 0px;display:-webkit-flex;-webkit-line-clamp:1;-webkit-box-orient:horizontal;overflow:hidden;text-overflow:ellipsis}.sidebar__nav-item.header__section.no-top-border{border-top:none}.sidebar__nav-item.header__section.active-section::before{content:"";position:absolute;left:-32px;height:40px;width:2px;background:#0A8276}.sidebar__nav-item.header__section.open{padding:16px 0px 8px 0px}.sidebar__nav-item.header__section.open .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{transform:rotate(-180deg)}.sidebar__nav-item.header__section .sidebar__nav-item-label{color:#1D1D1D;font-family:Source Sans 3;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.sidebar__nav-item.submenu__item{padding:4px 0px}.sidebar__nav-item.submenu__item.extra-padding__bottom{padding:4px 0px 16px 0px}.sidebar__nav-item .sidebar__nav-item-icon-wrapper{display:flex;width:24px;height:24px;justify-content:center;align-items:center;gap:8px;flex-shrink:0}.sidebar__nav-item .sidebar__nav-item-icon-wrapper.noIcon{display:none}.sidebar__nav-item .sidebar__nav-item-icon-wrapper ifx-icon{width:16px;height:16px}.sidebar__nav-item .sidebar__nav-item-label{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;display:flex;align-items:center;flex:none;order:1;flex-grow:1;cursor:pointer}.sidebar__nav-item .sidebar__nav-item-indicator{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px 4px;flex:none;order:2;flex-grow:0}.expandable__submenu{display:none;list-style-type:none;flex-direction:column;padding:0;margin:0;padding-left:40px}.expandable__submenu.open{display:flex}.header__section+.expandable__submenu{padding-left:0}';const a=n;const r=class{constructor(t){e(this,t);this.ifxSidebarMenu=i(this,"ifxSidebarMenu",7);this.ifxSidebarNavigationItem=i(this,"ifxSidebarNavigationItem",7);this.ifxSidebarActionItem=i(this,"ifxSidebarActionItem",7);this.icon="";this.hasIcon=true;this.hasIconWrapper=false;this.href="";this.internalHref="";this.target="_self";this.isExpandable=false;this.isNested=true;this.isSubMenuItem=false;this.numberIndicator=undefined;this.active=false;this.isActionItem=false;this.internalActiveState=false;this.value="";this.handleItemClick=undefined}handleActiveChange(e,i){if(this.isActionItem){this.internalActiveState=false;return}this.internalActiveState=e;if(e!==i){let i=this.getNavItem(this.el.shadowRoot);if(!this.isExpandable&&!e){this.handleClassList(i,"remove","active")}if(!this.isExpandable&&e){this.handleClassList(i,"add","active")}}}handleConsoleError(e){if(e.detail){this.hasIcon=false}else{this.hasIcon=true}}handleEventEmission(){this.ifxSidebarMenu.emit(this.el)}handleClassList(e,i,t){e.classList[i](t);if(i==="contains"){return e.classList.contains(t)}}getExpandableMenu(){const e=this.el.shadowRoot.querySelector(".expandable__submenu");return e}getNavItem(e){return e===null||e===void 0?void 0:e.querySelector(".sidebar__nav-item")}getSidebarMenuItems(e=this.el){const i=e.querySelectorAll("ifx-sidebar-item");if(i.length===0){return e.shadowRoot.querySelectorAll("ifx-sidebar-item")}return i}getSidebarMenuItem(){const e=this.el.shadowRoot.querySelector(".sidebar__nav-item");return e}toggleSubmenu(){if(this.isExpandable){const e=this.getSidebarMenuItem();const i=this.getExpandableMenu();this.handleClassList(i,"toggle","open");this.handleClassList(e,"toggle","open");this.handleEventEmission()}else{if(this.isActionItem){this.ifxSidebarActionItem.emit(this.el);return}else{this.handleActiveChange(true,this.internalActiveState);this.ifxSidebarNavigationItem.emit(this.el)}if(this.handleItemClick){this.handleItemClick(this.el)}}}handleExpandableMenu(e){const i=this.getExpandableMenu();e.forEach((e=>{const t=document.createElement("li");t.appendChild(e);i.appendChild(t)}))}parentElementIsSidebar(){const e=this.el.parentElement;if(e.tagName.toUpperCase()==="IFX-SIDEBAR"){return true}else return false}checkIfMenuItemIsNested(){const e=this.parentElementIsSidebar();if(e){this.isNested=false}}checkIfMenuItemIsSubMenu(){const e=this.el.parentElement;const i=this.getNavItem(e.shadowRoot);if(e.tagName.toUpperCase()==="IFX-SIDEBAR-ITEM"&&!this.handleClassList(i,"contains","header__section")){this.isSubMenuItem=true}else{this.isSubMenuItem=false}}isActive(e){const i=e.getAttribute("active");const t=i==="true";return t}getParentSection(e){let i=e.parentElement;while(i&&i.tagName.toUpperCase()!=="IFX-SIDEBAR"){if(i.tagName.toUpperCase()==="IFX-SIDEBAR-ITEM"){return i}i=i.parentElement}return null}handleBorderIndicatorDisplacement(e){const i=(e,t)=>{const s=this.isActive(e);if(s){const e=this.handleClassList(t,"contains","open");const i=this.getActiveItemSection();if(!e){this.handleClassList(i,"add","active-section")}else{this.handleClassList(i,"remove","active-section")}}const n=this.getSidebarMenuItems(e);n.forEach((e=>i(e,t)))};const t=this.getSidebarMenuItems();t.forEach((t=>i(t,e)))}setHref(){if(this.href.toLowerCase().trim()===""){this.internalHref=undefined}else this.internalHref=this.href}getActiveItemSection(){const e=this.parentElementIsSidebar();if(e){const e=this.getNavItem(this.el.shadowRoot);return e}else{const e=this.getNavItem(this.el.shadowRoot);return e}}async setActiveClasses(){const e=this.getNavItem(this.el.shadowRoot);this.handleClassList(e,"add","active")}async expandMenu(e){const i=this.getSidebarMenuItem();const t=this.getExpandableMenu();this.handleClassList(t,"add","open");this.handleClassList(i,"add","open");if(e){this.handleClassList(t,"remove","active-section");this.handleClassList(i,"remove","active-section")}}async isItemExpandable(){return this.isExpandable}handleActiveState(){if(this.internalActiveState){this.setActiveClasses()}}handleKeyDown(e){if(e.key==="Enter"){this.toggleSubmenu()}}componentDidLoad(){this.handleActiveState();if(this.isExpandable){const e=this.getSidebarMenuItems();this.handleExpandableMenu(e)}}componentWillLoad(){this.internalActiveState=this.active;this.checkIfMenuItemIsNested();this.checkIfMenuItemIsSubMenu();this.setHref();const e=this.getSidebarMenuItems();if(e.length!==0){this.isExpandable=true}else{this.isExpandable=false}}componentWillUpdate(){if(this.active&&!this.internalActiveState){this.internalActiveState=this.active;this.ifxSidebarNavigationItem.emit(this.el)}}render(){var e,i;return t("div",{key:"300c33eb3478fd56763957338d35b71e10e7f051"},t("a",{key:"baec46c86811da4d99f462db822d0080128ba168",tabIndex:1,onKeyDown:e=>this.handleKeyDown(e),href:this.internalHref,onClick:()=>this.toggleSubmenu(),target:this.target,class:`sidebar__nav-item ${!this.isNested&&this.isExpandable?"header__section":""} ${this.isSubMenuItem?"submenu__item":""}`},this.icon&&t("div",{key:"25774f4e3389b73d1835bc96801d7c2671b57754",class:`sidebar__nav-item-icon-wrapper ${!this.hasIcon?"noIcon":""}`},t("ifx-icon",{key:"2598dbcaa212d27c687d2920b8a9e6a17b8ee1a0",icon:this.icon})),t("div",{key:"5e6567053aaf33af5b01bdf997f16fb176f76317",class:"sidebar__nav-item-label"},t("slot",{key:"624d78a76b5b87b31caf10d294299fe2b643785a"})),(this.isExpandable||((e=this.numberIndicator)===null||e===void 0?void 0:e.trim()))&&t("div",{key:"5e8afc60f5da57e00390e7f7982ef87c724cdde6",class:"sidebar__nav-item-indicator"},this.isExpandable&&t("span",{key:"321321f3ba9bda67d439c719776ae51cb1df172d",class:"item__arrow-wrapper"},t("ifx-icon",{key:"992934501145b6f641d23a4975c24ce4c8a39ef5",icon:"chevron-down-12"})),((i=this.numberIndicator)===null||i===void 0?void 0:i.trim())&&!this.isExpandable&&!this.isNested&&t("span",{key:"41ea0d96c7d1e87f92093570863218ef6240a285",class:"item__number-indicator"},t("ifx-number-indicator",{key:"2e45be1b110dfa845f36cc13e875f2712e7c9039"},this.numberIndicator)))),this.isExpandable&&t("ul",{key:"15674f7d3e5462fa11e6048737e3f865ac2b16b8",class:"expandable__submenu"}))}get el(){return s(this)}static get watchers(){return{active:["handleActiveChange"]}}};r.style=a;export{r as ifx_sidebar_item};
|
2
|
-
//# sourceMappingURL=p-
|
1
|
+
import{r as e,c as i,h as t,g as s}from"./p-7aa4082c.js";const n=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{position:relative}.sidebar__nav-item:focus,.sidebar__nav-item.header__section:focus{outline:none}.sidebar__nav-item:focus .sidebar__nav-item-icon-wrapper,.sidebar__nav-item.header__section:focus .sidebar__nav-item-icon-wrapper{color:#08665C}.sidebar__nav-item:focus .sidebar__nav-item-label,.sidebar__nav-item.header__section:focus .sidebar__nav-item-label{outline:none;color:#08665C}.sidebar__nav-item:focus .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon,.sidebar__nav-item.header__section:focus .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{color:#08665C}.sidebar__nav-item:hover,.sidebar__nav-item.header__section:hover{outline:none}.sidebar__nav-item:hover .sidebar__nav-item-icon-wrapper,.sidebar__nav-item.header__section:hover .sidebar__nav-item-icon-wrapper{color:#08665C}.sidebar__nav-item:hover .sidebar__nav-item-label,.sidebar__nav-item.header__section:hover .sidebar__nav-item-label{outline:none;color:#08665C}.sidebar__nav-item:hover .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon,.sidebar__nav-item.header__section:hover .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{color:#08665C}.sidebar__nav-item{display:flex;flex-direction:row;align-items:center;width:100%;padding:8px 0px;gap:4px;flex:none;order:0;flex-grow:0;text-decoration:none;color:#1D1D1D;cursor:pointer;font-family:var(--ifx-font-family)}.sidebar__nav-item.extra-padding__bottom{padding:8px 0px 16px 0px}.sidebar__nav-item.active{color:#0A8276}.sidebar__nav-item.active-section::before{content:"";position:absolute;left:-32px;height:40px;width:2px;background:#0A8276}.sidebar__nav-item.open{padding:8px 0px}.sidebar__nav-item.open .sidebar__nav-item-label{font-size:16px;font-style:normal;font-weight:400;line-height:24px}.sidebar__nav-item.open .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{transform:rotate(-180deg)}.sidebar__nav-item.header__section{box-sizing:padding-box;border-top:1px solid #EEEDED;padding:16px 0px;display:-webkit-flex;-webkit-line-clamp:1;-webkit-box-orient:horizontal;overflow:hidden;text-overflow:ellipsis}.sidebar__nav-item.header__section.no-top-border{border-top:none}.sidebar__nav-item.header__section.active-section::before{content:"";position:absolute;left:-32px;height:40px;width:2px;background:#0A8276}.sidebar__nav-item.header__section.open{padding:16px 0px 8px 0px}.sidebar__nav-item.header__section.open .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{transform:rotate(-180deg)}.sidebar__nav-item.header__section .sidebar__nav-item-label{color:#1D1D1D;font-family:Source Sans 3;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.sidebar__nav-item.submenu__item{padding:4px 0px}.sidebar__nav-item.submenu__item.extra-padding__bottom{padding:4px 0px 16px 0px}.sidebar__nav-item .sidebar__nav-item-icon-wrapper{display:flex;width:24px;height:24px;justify-content:center;align-items:center;gap:8px;flex-shrink:0}.sidebar__nav-item .sidebar__nav-item-icon-wrapper.noIcon{display:none}.sidebar__nav-item .sidebar__nav-item-icon-wrapper ifx-icon{width:16px;height:16px}.sidebar__nav-item .sidebar__nav-item-label{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;display:flex;align-items:center;flex:none;order:1;flex-grow:1;cursor:pointer}.sidebar__nav-item .sidebar__nav-item-indicator{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px 4px;flex:none;order:2;flex-grow:0}.expandable__submenu{display:none;list-style-type:none;flex-direction:column;padding:0;margin:0;padding-left:40px}.expandable__submenu.open{display:flex}.header__section+.expandable__submenu{padding-left:0}';const a=n;const r=class{constructor(t){e(this,t);this.ifxSidebarMenu=i(this,"ifxSidebarMenu",7);this.ifxSidebarNavigationItem=i(this,"ifxSidebarNavigationItem",7);this.ifxSidebarActionItem=i(this,"ifxSidebarActionItem",7);this.icon="";this.hasIcon=true;this.hasIconWrapper=false;this.href="";this.internalHref="";this.target="_self";this.isExpandable=false;this.isNested=true;this.isSubMenuItem=false;this.numberIndicator=undefined;this.active=false;this.isActionItem=false;this.internalActiveState=false;this.value="";this.handleItemClick=undefined}handleActiveChange(e,i){if(this.isActionItem){this.internalActiveState=false;return}this.internalActiveState=e;if(e!==i){let i=this.getNavItem(this.el.shadowRoot);if(!this.isExpandable&&!e){this.handleClassList(i,"remove","active")}if(!this.isExpandable&&e){this.handleClassList(i,"add","active")}}}handleConsoleError(e){if(e.detail){this.hasIcon=false}else{this.hasIcon=true}}handleEventEmission(){this.ifxSidebarMenu.emit(this.el)}handleClassList(e,i,t){e.classList[i](t);if(i==="contains"){return e.classList.contains(t)}}getExpandableMenu(){const e=this.el.shadowRoot.querySelector(".expandable__submenu");return e}getNavItem(e){return e===null||e===void 0?void 0:e.querySelector(".sidebar__nav-item")}getSidebarMenuItems(e=this.el){const i=e.querySelectorAll("ifx-sidebar-item");if(i.length===0){return e.shadowRoot.querySelectorAll("ifx-sidebar-item")}return i}getSidebarMenuItem(){const e=this.el.shadowRoot.querySelector(".sidebar__nav-item");return e}toggleSubmenu(){if(this.isExpandable){const e=this.getSidebarMenuItem();const i=this.getExpandableMenu();this.handleClassList(i,"toggle","open");this.handleClassList(e,"toggle","open");this.handleEventEmission()}else{if(this.isActionItem){this.ifxSidebarActionItem.emit(this.el);return}else{this.handleActiveChange(true,this.internalActiveState);this.ifxSidebarNavigationItem.emit(this.el)}if(this.handleItemClick){this.handleItemClick(this.el)}}}handleExpandableMenu(e){const i=this.getExpandableMenu();e.forEach((e=>{const t=document.createElement("li");t.appendChild(e);i.appendChild(t)}))}parentElementIsSidebar(){const e=this.el.parentElement;if(e.tagName.toUpperCase()==="IFX-SIDEBAR"){return true}else return false}checkIfMenuItemIsNested(){const e=this.parentElementIsSidebar();if(e){this.isNested=false}}checkIfMenuItemIsSubMenu(){const e=this.el.parentElement;const i=this.getNavItem(e.shadowRoot);if(e.tagName.toUpperCase()==="IFX-SIDEBAR-ITEM"&&!this.handleClassList(i,"contains","header__section")){this.isSubMenuItem=true}else{this.isSubMenuItem=false}}isActive(e){const i=e.getAttribute("active");const t=i==="true";return t}getParentSection(e){let i=e.parentElement;while(i&&i.tagName.toUpperCase()!=="IFX-SIDEBAR"){if(i.tagName.toUpperCase()==="IFX-SIDEBAR-ITEM"){return i}i=i.parentElement}return null}handleBorderIndicatorDisplacement(e){const i=(e,t)=>{const s=this.isActive(e);if(s){const e=this.handleClassList(t,"contains","open");const i=this.getActiveItemSection();if(!e){this.handleClassList(i,"add","active-section")}else{this.handleClassList(i,"remove","active-section")}}const n=this.getSidebarMenuItems(e);n.forEach((e=>i(e,t)))};const t=this.getSidebarMenuItems();t.forEach((t=>i(t,e)))}setHref(){if(this.href.toLowerCase().trim()===""){this.internalHref=undefined}else this.internalHref=this.href}getActiveItemSection(){const e=this.parentElementIsSidebar();if(e){const e=this.getNavItem(this.el.shadowRoot);return e}else{const e=this.getNavItem(this.el.shadowRoot);return e}}async setActiveClasses(){const e=this.getNavItem(this.el.shadowRoot);this.handleClassList(e,"add","active")}async expandMenu(e){const i=this.getSidebarMenuItem();const t=this.getExpandableMenu();this.handleClassList(t,"add","open");this.handleClassList(i,"add","open");if(e){this.handleClassList(t,"remove","active-section");this.handleClassList(i,"remove","active-section")}}async isItemExpandable(){return this.isExpandable}handleActiveState(){if(this.internalActiveState){this.setActiveClasses()}}handleKeyDown(e){if(e.key==="Enter"){this.toggleSubmenu()}}componentDidLoad(){this.handleActiveState();if(this.isExpandable){const e=this.getSidebarMenuItems();this.handleExpandableMenu(e)}}componentWillLoad(){this.internalActiveState=this.active;this.checkIfMenuItemIsNested();this.checkIfMenuItemIsSubMenu();this.setHref();const e=this.getSidebarMenuItems();if(e.length!==0){this.isExpandable=true}else{this.isExpandable=false}}componentWillUpdate(){if(this.active&&!this.internalActiveState){this.internalActiveState=this.active;this.ifxSidebarNavigationItem.emit(this.el)}}render(){var e,i;return t("div",{key:"300c33eb3478fd56763957338d35b71e10e7f051"},t("a",{key:"baec46c86811da4d99f462db822d0080128ba168",tabIndex:1,onKeyDown:e=>this.handleKeyDown(e),href:this.internalHref,onClick:()=>this.toggleSubmenu(),target:this.target,class:`sidebar__nav-item ${!this.isNested&&this.isExpandable?"header__section":""} ${this.isSubMenuItem?"submenu__item":""}`},this.icon&&t("div",{key:"25774f4e3389b73d1835bc96801d7c2671b57754",class:`sidebar__nav-item-icon-wrapper ${!this.hasIcon?"noIcon":""}`},t("ifx-icon",{key:"2598dbcaa212d27c687d2920b8a9e6a17b8ee1a0",icon:this.icon})),t("div",{key:"5e6567053aaf33af5b01bdf997f16fb176f76317",class:"sidebar__nav-item-label"},t("slot",{key:"624d78a76b5b87b31caf10d294299fe2b643785a"})),(this.isExpandable||((e=this.numberIndicator)===null||e===void 0?void 0:e.trim()))&&t("div",{key:"5e8afc60f5da57e00390e7f7982ef87c724cdde6",class:"sidebar__nav-item-indicator"},this.isExpandable&&t("span",{key:"321321f3ba9bda67d439c719776ae51cb1df172d",class:"item__arrow-wrapper"},t("ifx-icon",{key:"992934501145b6f641d23a4975c24ce4c8a39ef5",icon:"chevron-down-12"})),((i=this.numberIndicator)===null||i===void 0?void 0:i.trim())&&!this.isExpandable&&!this.isNested&&t("span",{key:"41ea0d96c7d1e87f92093570863218ef6240a285",class:"item__number-indicator"},t("ifx-number-indicator",{key:"2e45be1b110dfa845f36cc13e875f2712e7c9039"},this.numberIndicator)))),this.isExpandable&&t("ul",{key:"15674f7d3e5462fa11e6048737e3f865ac2b16b8",class:"expandable__submenu"}))}get el(){return s(this)}static get watchers(){return{active:["handleActiveChange"]}}};r.style=a;export{r as ifx_sidebar_item};
|
2
|
+
//# sourceMappingURL=p-8ccea8df.entry.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{r as e,c as r,h as i,g as o}from"./p-
|
2
|
-
//# sourceMappingURL=p-
|
1
|
+
import{r as e,c as r,h as i,g as o}from"./p-7aa4082c.js";const t=':host{display:inline-flex;vertical-align:top}.checkbox__container{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;padding:0px;gap:8px;font-family:var(--ifx-font-family)}.checkbox__container .checkbox__wrapper{box-sizing:border-box;display:flex;position:relative;justify-content:center;align-items:center;width:20px;height:20px;background-color:#FFFFFF;border:1px solid #575352;border-radius:1px;flex:none;order:0;flex-grow:0;align-self:flex-start}.checkbox__container .checkbox__wrapper.checkbox-m{height:24px;width:24px}.checkbox__container .checkbox__wrapper.error{border-color:#CD002F}.checkbox__container .checkbox__wrapper:focus-visible{border:1px solid #575352;outline:2px solid #0A8276;outline-offset:2px}.checkbox__container .checkbox__wrapper:hover{background-color:#EEEDED;border:1px solid #575352;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.disabled{background-color:#BFBBBB;border-color:#BFBBBB;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.checked{background-color:#0A8276;border-radius:1px;border-color:transparent;flex:none;order:0;flex-grow:0;color:#FFFFFF}.checkbox__container .checkbox__wrapper.checked.error{background-color:#CD002F}.checkbox__container .checkbox__wrapper.checked:focus-visible{border:1px solid transparent;outline:2px solid #0A8276;outline-offset:2px}.checkbox__container .checkbox__wrapper.checked:hover{background-color:#08665C;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.checked.disabled{background:#BFBBBB;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.indeterminate:before{content:"";display:block;width:70%;height:2px;background-color:#08665C;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.checkbox__container .label{font-style:normal;font-weight:400;font-size:0.875rem;line-height:1.25rem;color:#1D1D1D;overflow-wrap:break-word;word-wrap:break-word;word-break:break-all;max-width:100%}.checkbox__container .label.label-m{font-size:1rem;line-height:1.5rem}.checkbox__container .label.disabled{color:#BFBBBB}.checkbox__container .checkbox__wrapper:hover,.checkbox__container .label:hover{cursor:pointer}';const c=t;const n=class{constructor(i){e(this,i);this.ifxChange=r(this,"ifxChange",7);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.disabled=false;this.checked=false;this.error=false;this.size="m";this.indeterminate=false;this.value=undefined;this.internalChecked=undefined;this.internalIndeterminate=undefined}handleCheckbox(){if(!this.disabled){if(this.inputElement.indeterminate){this.internalChecked=true;this.internalIndeterminate=false}else{this.internalChecked=!this.internalChecked}if(this.internalChecked){if(this.value!==undefined){this.internals.setFormValue(this.value)}else{this.internals.setFormValue("on")}}else{this.internals.setFormValue(null)}this.ifxChange.emit(this.internalChecked)}}async isChecked(){return this.internalChecked}async toggleCheckedState(e){this.internalChecked=e}valueChanged(e,r){if(e!==r){this.internalChecked=e;this.inputElement.checked=this.internalChecked}}indeterminateChanged(e,r){if(e!==r){this.internalIndeterminate=e;this.inputElement.indeterminate=this.internalIndeterminate}}handleKeydown(e){if(e.keyCode===32||e.keyCode===13){this.handleCheckbox();e.preventDefault()}}componentWillLoad(){this.internalChecked=this.checked;this.internalIndeterminate=this.indeterminate}componentDidRender(){this.inputElement.indeterminate=this.internalIndeterminate}formResetCallback(){this.internals.setFormValue(null)}getCheckedClassName(){if(this.error){if(this.internalChecked){return"checked error"}else{return"error"}}else if(this.internalChecked){return"checked"}else return""}render(){const e=this.el.innerHTML;let r=false;if(e){r=true}return i("div",{key:"42d5a5b45e19edb9ad6885c2849ec4909fb587ea",class:"checkbox__container"},i("input",{key:"a924fc885614c78b86d396c50665470e1c281c2f",type:"checkbox",hidden:true,ref:e=>this.inputElement=e,checked:this.internalChecked,onChange:this.handleCheckbox.bind(this),id:"checkbox",value:`${this.value}`,disabled:this.disabled?true:undefined}),i("div",{key:"b39d40cdd76089d90ef783f971b3ff1eedddd16c",tabindex:"0",onClick:this.handleCheckbox.bind(this),onKeyDown:this.handleKeydown.bind(this),role:"checkbox","aria-checked":this.indeterminate?"mixed":this.internalChecked.toString(),"aria-disabled":this.disabled,"aria-labelledby":"label",class:`checkbox__wrapper \n ${this.getCheckedClassName()}\n ${this.size==="m"?"checkbox-m":""}\n ${this.indeterminate?"indeterminate":""}\n ${this.disabled?"disabled":""}`},this.internalChecked&&i("ifx-icon",{key:"c377c5f5a75b99a6b9b9e94b46f585e0957779bf",icon:"check-12","aria-hidden":"true"})),r&&i("div",{key:"eece08029794065f499efe28480f2fc2030dabd9",id:"label",class:`label ${this.size==="m"?"label-m":""} ${this.disabled?"disabled":""} `,onClick:this.handleCheckbox.bind(this)},i("slot",{key:"a317e5c7eedb34e245888b7f24df1cd5de633bf3"})))}static get formAssociated(){return true}get el(){return o(this)}static get watchers(){return{checked:["valueChanged"],indeterminate:["indeterminateChanged"]}}};n.style=c;export{n as ifx_checkbox};
|
2
|
+
//# sourceMappingURL=p-9256384e.entry.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{r as e,c as a,h as n,g as i}from"./p-
|
2
|
-
//# sourceMappingURL=p-
|
1
|
+
import{r as e,c as a,h as n,g as i}from"./p-7aa4082c.js";const r=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.breadcrumb-item-label-container{display:flex;align-items:center;gap:8px;text-decoration:none;color:#1D1D1D}.breadcrumb-item-label-container.margin{margin-left:16px}.breadcrumb-item-label-container ifx-icon:empty{display:none}.breadcrumb-item-label-container .label-icon-wrapper{display:inline-flex}.breadcrumb-item-label-container .menu-icon-wrapper{display:flex;justify-content:center;align-items:center;width:16px;height:16px}.breadcrumb-item-label-container .menu-icon-wrapper.hide{display:none}.breadcrumb-item-label-container .menu-icon-wrapper ifx-icon{transition:0.3s}.breadcrumb-item-label-container .menu-icon-wrapper.show ifx-icon{transition:0.3s;transform:rotate(180deg)}';const t=r;const c=class{constructor(n){e(this,n);this.breadcrumbMenuIconWrapper=a(this,"breadcrumbMenuIconWrapper",7);this.icon=undefined;this.url=undefined;this.target="_self"}componentDidLoad(){const e=this.el.shadowRoot.querySelector(".breadcrumb-item-label-container");const a=e.querySelector(".menu-icon-wrapper");this.breadcrumbMenuIconWrapper.emit(a)}render(){return n("a",{key:"16ddbc6dfce781d06c5e852423d1646426c6fb04",href:this.url,target:this.target,class:"breadcrumb-item-label-container",role:"link"},n("ifx-icon",{key:"6d62e4f854b7ea735c46a3849a92c09a8d222e54",icon:this.icon,"aria-hidden":"true"}),n("span",{key:"452dc64f08a93f4872f0f033b0b7016073818aab",class:"label-wrapper"},n("slot",{key:"0a522ff8d13c3133367e62b50480af2dc970961d"})),n("span",{key:"7f5d3a5305ad187e312ae20a59610c9cfe4b13cf",class:"menu-icon-wrapper","aria-hiden":"true"},n("ifx-icon",{key:"07dc7f9912e3d87f286273e5758490f39df31d0d",icon:"chevron-down-12"})))}get el(){return i(this)}};c.style=t;export{c as ifx_breadcrumb_item_label};
|
2
|
+
//# sourceMappingURL=p-95c0da4c.entry.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{r as i,h as f,a as o}from"./p-
|
2
|
-
//# sourceMappingURL=p-
|
1
|
+
import{r as i,h as f,a as o}from"./p-7aa4082c.js";const a=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.ifx-notification__wrapper{display:flex;flex-direction:row;align-items:center;padding:8px 16px;background-color:#FFFFFF;font-family:var(--ifx-font-family);color:#1D1D1D;border:1px solid #EEEDED}.ifx-notification__wrapper.ifx-notification__wrapper--success{border-left:4px solid #4CA460}.ifx-notification__wrapper.ifx-notification__wrapper--success .ifx-notification__icon{color:#4CA460}.ifx-notification__wrapper.ifx-notification__wrapper--warning{border-left:4px solid #E16B25}.ifx-notification__wrapper.ifx-notification__wrapper--warning .ifx-notification__icon{color:#E16B25}.ifx-notification__wrapper.ifx-notification__wrapper--error{border-left:4px solid #CD002F}.ifx-notification__wrapper.ifx-notification__wrapper--error .ifx-notification__icon{color:#CD002F}.ifx-notification__wrapper .ifx-notification__icon{margin-right:8px;display:flex;align-self:flex-start;padding-top:2px}.ifx-notification__wrapper .ifx-notification__body{display:flex;flex-direction:row;flex-grow:1}.ifx-notification__wrapper .ifx-notification__body .ifx-notification__slot{flex-grow:1}@media (max-width: 576px){.ifx-notification__wrapper .ifx-notification__icon{align-self:flex-start}.ifx-notification__wrapper .ifx-notification__body{flex-direction:column}.ifx-notification__wrapper .ifx-notification__link{margin-top:8px}}';const n=a;const t=class{constructor(f){i(this,f);this.icon=undefined;this.variant="success";this.linkText=undefined;this.linkHref=undefined;this.linkTarget="_blank"}getClassName(){switch(this.variant){case"success":return"ifx-notification__wrapper--success";case"warning":return"ifx-notification__wrapper--warning";case"error":return"ifx-notification__wrapper--error";default:return"ifx-notification__wrapper--success"}}render(){return f(o,{key:"0bd4234870363bd814985bc5d0583eed2be7db46"},f("div",{key:"f0f9263f865bf2698f7d82d839a47aa7d240defe",class:"ifx-notification__wrapper "+this.getClassName()},f("div",{key:"89a510add70e7136aebccd2f3448f4f2be993a8c",class:"ifx-notification__icon"},f("ifx-icon",{key:"9bc8cc4c1ef631a3c5f4031841e017ad56fb04d2",icon:this.icon})),f("div",{key:"11a30ba727a6da41b5f97e0c6d4d39c3f2d48fff",class:"ifx-notification__body"},f("div",{key:"ef61b07c3f07ee7e494725d972015119dcffce08",class:"ifx-notification__slot"},f("slot",{key:"068c2ec364d8bc30f53d4f236a556f6d1cfee4c6"})),this.linkText&&this.linkHref&&f("div",{key:"59ef023f93c24c84e40bacb2fe75e7d920d17768",class:"ifx-notification__link"},f("ifx-link",{key:"301c06577ad333a83be9c60caf3ce2a758747cbb",href:this.linkHref,target:this.linkTarget},this.linkText,f("ifx-icon",{key:"a00a577925fd5654f334e84dadd1a67aca462ace",icon:"arrow-right-16"}))))))}};t.style=n;export{t as ifx_notification};
|
2
|
+
//# sourceMappingURL=p-95c56362.entry.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{r as e,h as t,g as
|
2
|
-
//# sourceMappingURL=p-
|
1
|
+
import{r as e,h as t,g as a}from"./p-7aa4082c.js";const r=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:flex}.breadcrumb{list-style:none;padding:0px;margin:0px;display:flex;flex-direction:row;font-family:var(--ifx-font-family);font-size:0.875rem;align-items:flex-start}';const o=r;const n=class{constructor(t){e(this,t)}componentDidLoad(){const e=this.el.shadowRoot.firstChild;this.validateBreadcrumbItemStructure(e)}validateBreadcrumbItemStructure(e){if(!e){console.error("element not found");return}const t=e.querySelector("slot");if(t){const e=t.assignedNodes();for(let t=0;t<e.length;t++){const a=e[t];if(a.nodeName==="IFX-BREADCRUMB-ITEM"){const e=a;const t=e.querySelector("ifx-breadcrumb-item-label");const r=e.querySelector("ifx-dropdown-menu");if(t.hasAttribute("url")&&r){throw new Error("ifx-breadcrumb-item cannot have both a url and a dropdown menu.")}}}}}render(){return t("nav",{key:"82aec60bebf9a71d7cdcfc2916f91c0e36dee868","aria-label":"Page navigation breadcrumb"},t("ol",{key:"70bae75b26b5df4c509f16c0ab8e2b10333de8ac",class:"breadcrumb"},t("slot",{key:"1cb28e3640f20319349b4f6d3cb1568508d3b1ba"})))}get el(){return a(this)}};n.style=o;export{n as ifx_breadcrumb};
|
2
|
+
//# sourceMappingURL=p-9c641115.entry.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{r as o,c as r,h as t,g as e}from"./p-
|
2
|
-
//# sourceMappingURL=p-
|
1
|
+
import{r as o,c as r,h as t,g as e}from"./p-7aa4082c.js";const i=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.radioButton__container{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;padding:0px;gap:8px;cursor:pointer;font-family:var(--ifx-font-family)}.radioButton__container.m .radioButton__wrapper{width:24px;height:24px}.radioButton__container .radioButton__wrapper{width:20px;height:20px;position:relative;display:block;border-radius:50%;background-color:#FFFFFF;border:1px solid #575352}.radioButton__container .radioButton__wrapper:focus{outline:none}.radioButton__container .radioButton__wrapper:focus::before{content:"";position:absolute;width:calc(100% + 4px);height:calc(100% + 4px);top:50%;left:50%;transform:translate(-50%, -50%);border:2px solid #0A8276;border-radius:50%}.radioButton__container .radioButton__wrapper .radioButton__wrapper-mark{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#0A8276;border-radius:50%;display:flex;justify-content:center;align-items:center;border-color:transparent}.radioButton__container .radioButton__wrapper:hover{background-color:#EEEDED}.radioButton__container .radioButton__wrapper.disabled{background-color:#BFBBBB;border-color:#BFBBBB}.radioButton__container .radioButton__wrapper.disabled.error:hover,.radioButton__container .radioButton__wrapper.disabled.error:focus-visible{border-color:#CD002F}.radioButton__container .radioButton__wrapper.checked{border-color:#0A8276}.radioButton__container .radioButton__wrapper.checked::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:10px;height:10px;background-color:#0A8276;border-radius:50%}.radioButton__container .radioButton__wrapper.checked.disabled::after{background-color:#BFBBBB}.radioButton__container .radioButton__wrapper.checked:hover{border-color:#08665C}.radioButton__container .radioButton__wrapper.checked:hover .radioButton__wrapper-mark{background-color:#08665C}.radioButton__container .radioButton__wrapper.checked.disabled{background-color:#FFFFFF;border-color:#BFBBBB}.radioButton__container .radioButton__wrapper.checked.disabled.disabled::after{background-color:#BFBBBB}.radioButton__container .radioButton__wrapper.checked.disabled .radioButton__wrapper-mark{background-color:#BFBBBB}.radioButton__container .radioButton__wrapper.error:not(.disabled){border-color:#CD002F}.radioButton__container .radioButton__wrapper.error:not(.disabled):hover,.radioButton__container .radioButton__wrapper.error:not(.disabled):focus-visible{border-color:#CD002F}.radioButton__container .label{display:flex;align-items:center;height:20px;font-style:normal;font-weight:400;font-size:0.875rem;line-height:1.25rem;color:#1D1D1D;flex:none;order:1;flex-grow:0}.radioButton__container .label.label-m{height:24px;font-size:1rem;line-height:1.5rem}.radioButton__container .label.disabled{color:#BFBBBB}.radioButton__container .label:hover{cursor:pointer}';const a=i;const n=class{constructor(t){o(this,t);this.ifxChange=r(this,"ifxChange",7);this.disabled=false;this.value=undefined;this.error=false;this.size="s";this.name=undefined;this.checked=undefined;this.internalChecked=false;this.hasSlot=true;this.inputElement=undefined}async isChecked(){return this.internalChecked}componentWillLoad(){if(this.checked)this.internalChecked=this.checked;const o=this.el.innerHTML;if(o){this.hasSlot=true}else this.hasSlot=false}handleRadioButtonClick(o){if(this.disabled){o.stopPropagation();return}this.inputElement.click();this.internalChecked=this.inputElement.checked;this.ifxChange.emit(this.internalChecked)}handleChange(o){const r=o.target;if(r.name===this.name){this.internalChecked=this.inputElement.checked}}render(){return t("div",{key:"7539ce1d49d368b2058d560004414eff39dbf5bd","aria-label":"a radio button","aria-value":this.value,"aria-disabled":this.disabled,class:`radioButton__container ${this.size} ${this.disabled?"disabled":""}`,onClick:this.handleRadioButtonClick.bind(this)},t("div",{key:"62e50981447a6e61b2f5d04ff5800cb726350aa5",class:`radioButton__wrapper \n ${this.internalChecked?"checked":""} \n ${this.disabled?"disabled":""} \n ${this.error?"error":""}`,tabIndex:this.disabled?-1:0},this.internalChecked&&t("div",{key:"52ba94878760826c60d77860788732dbb854285b",class:"radioButton__wrapper-mark"})),this.hasSlot&&t("div",{key:"ea499531c8a51124d46146edf1e6c05cc06095ef",class:`label ${this.size==="m"?"label-m":""} ${this.disabled?"disabled":""}`},t("slot",{key:"84db2093fc6adf5f7f583fee18cabbe6cf078373"})),t("input",{key:"5a273fb554e67d8ac98c7bd2dc81effb24d18767",type:"radio",hidden:true,ref:o=>this.inputElement=o,name:this.name,value:this.value,checked:this.internalChecked,disabled:this.disabled,onClick:o=>o.stopPropagation()}))}get el(){return e(this)}};n.style=a;export{n as ifx_radio_button};
|
2
|
+
//# sourceMappingURL=p-9e68df13.entry.js.map
|