@infineon/infineon-design-system-stencil 33.6.0--canary.1869.d4a14f1380c934d3841f5aec362228f12cbb51a0.0 → 33.6.1--canary.1866.428600850c22f501160ac4ac9e5b42c89513fc90.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 +1 -1
- 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-group.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-download.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-file-upload.cjs.entry.js +1 -1
- 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.cjs.entry.js +1 -1
- package/dist/cjs/ifx-modal.cjs.entry.js +24 -4
- package/dist/cjs/ifx-modal.cjs.entry.js.map +1 -1
- package/dist/cjs/ifx-multiselect.cjs.entry.js +1 -1
- 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-group.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 +1 -1
- 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 +1 -1
- package/dist/cjs/ifx-textarea.cjs.entry.js +1 -1
- package/dist/cjs/ifx-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/{index-7f4df11a.js → index-c9480f70.js} +6 -55
- package/dist/cjs/index-c9480f70.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 +0 -2
- package/dist/collection/components/modal/modal.css +7 -2
- package/dist/collection/components/modal/modal.js +22 -2
- package/dist/collection/components/modal/modal.js.map +1 -1
- package/dist/collection/stories/setup-and-installation/faq/faq.js +1 -1
- package/dist/components/ifx-accordion-item.js +1 -1
- package/dist/components/ifx-accordion.js +1 -1
- package/dist/components/ifx-alert.js +1 -1
- package/dist/components/ifx-badge.js +1 -1
- package/dist/components/ifx-basic-table.js +1 -1
- package/dist/components/ifx-breadcrumb-item-label.js +2 -2
- package/dist/components/ifx-breadcrumb-item.js +1 -1
- package/dist/components/ifx-breadcrumb.js +1 -1
- package/dist/components/ifx-button.js +1 -1
- package/dist/components/ifx-card-headline.js +1 -1
- package/dist/components/ifx-card-image.js +1 -1
- package/dist/components/ifx-card-links.js +1 -1
- package/dist/components/ifx-card-overline.js +1 -1
- package/dist/components/ifx-card-text.js +1 -1
- package/dist/components/ifx-card.js +1 -1
- package/dist/components/ifx-checkbox-group.js +2 -2
- package/dist/components/ifx-checkbox.js +1 -1
- package/dist/components/ifx-chip-item.js +1 -1
- package/dist/components/ifx-chip.js +1 -1
- package/dist/components/ifx-content-switcher-item.js +1 -1
- package/dist/components/ifx-content-switcher.js +1 -1
- package/dist/components/ifx-date-picker.js +2 -2
- package/dist/components/ifx-download.js +2 -2
- package/dist/components/ifx-dropdown-header.js +1 -1
- package/dist/components/ifx-dropdown-item.js +2 -2
- package/dist/components/ifx-dropdown-menu.js +1 -1
- package/dist/components/ifx-dropdown-separator.js +1 -1
- package/dist/components/ifx-dropdown-trigger-button.js +3 -3
- package/dist/components/ifx-dropdown-trigger.js +1 -1
- package/dist/components/ifx-dropdown.js +1 -1
- package/dist/components/ifx-faq.js +5 -5
- package/dist/components/ifx-file-upload.js +5 -5
- package/dist/components/ifx-filter-accordion.js +3 -3
- package/dist/components/ifx-filter-bar.js +3 -3
- package/dist/components/ifx-filter-search.js +3 -3
- package/dist/components/ifx-filter-type-group.js +1 -1
- package/dist/components/ifx-footer-column.js +1 -1
- package/dist/components/ifx-footer.js +1 -1
- package/dist/components/ifx-icon-button.js +1 -1
- package/dist/components/ifx-icon.js +1 -1
- package/dist/components/ifx-icons-preview.js +4 -4
- package/dist/components/ifx-link.js +1 -1
- package/dist/components/ifx-list-entry.js +4 -4
- package/dist/components/ifx-list.js +3 -3
- package/dist/components/ifx-modal.js +26 -6
- package/dist/components/ifx-modal.js.map +1 -1
- package/dist/components/ifx-multiselect.js +1 -1
- package/dist/components/ifx-navbar-item.js +3 -3
- package/dist/components/ifx-navbar-profile.js +1 -1
- package/dist/components/ifx-navbar.js +2 -2
- package/dist/components/ifx-notification.js +1 -1
- package/dist/components/ifx-number-indicator.js +1 -1
- package/dist/components/ifx-overview-table.js +4 -4
- package/dist/components/ifx-pagination.js +1 -1
- package/dist/components/ifx-progress-bar.js +1 -1
- package/dist/components/ifx-radio-button-group.js +2 -2
- package/dist/components/ifx-radio-button.js +1 -1
- package/dist/components/ifx-search-bar.js +3 -3
- package/dist/components/ifx-search-field.js +1 -1
- package/dist/components/ifx-segment.js +2 -2
- package/dist/components/ifx-segmented-control.js +2 -2
- package/dist/components/ifx-select.js +1 -1
- package/dist/components/ifx-set-filter.js +7 -7
- package/dist/components/ifx-sidebar-item.js +3 -3
- package/dist/components/ifx-sidebar-title.js +1 -1
- package/dist/components/ifx-sidebar.js +1 -1
- package/dist/components/ifx-slider.js +2 -2
- package/dist/components/ifx-spinner.js +1 -1
- package/dist/components/ifx-status.js +1 -1
- package/dist/components/ifx-step.js +2 -2
- package/dist/components/ifx-stepper.js +1 -1
- package/dist/components/ifx-switch.js +1 -1
- package/dist/components/ifx-tab.js +1 -1
- package/dist/components/ifx-table.js +10 -10
- package/dist/components/ifx-tabs.js +2 -2
- package/dist/components/ifx-tag.js +2 -2
- package/dist/components/ifx-template.js +1 -1
- package/dist/components/ifx-templates-ui.js +9 -9
- package/dist/components/ifx-text-field.js +1 -1
- package/dist/components/ifx-textarea.js +1 -1
- package/dist/components/ifx-tooltip.js +2 -2
- package/dist/components/index.js +1 -1
- package/dist/components/{p-ab5c15bf.js → p-04cfc587.js} +3 -3
- package/dist/components/{p-ab5c15bf.js.map → p-04cfc587.js.map} +1 -1
- package/dist/components/{p-3b6a432e.js → p-0aee2554.js} +2 -2
- package/dist/components/{p-3b6a432e.js.map → p-0aee2554.js.map} +1 -1
- package/dist/components/{p-236bf70f.js → p-18ad1165.js} +3 -3
- package/dist/components/{p-236bf70f.js.map → p-18ad1165.js.map} +1 -1
- package/dist/components/{p-e73e6dce.js → p-23a993bc.js} +4 -4
- package/dist/components/{p-e73e6dce.js.map → p-23a993bc.js.map} +1 -1
- package/dist/components/{p-11e95622.js → p-2a46b223.js} +2 -2
- package/dist/components/{p-11e95622.js.map → p-2a46b223.js.map} +1 -1
- package/dist/components/{p-f8e6a4ef.js → p-2cc378b8.js} +3 -43
- package/dist/components/p-2cc378b8.js.map +1 -0
- package/dist/components/{p-68016aea.js → p-42dca0c9.js} +2 -2
- package/dist/components/{p-68016aea.js.map → p-42dca0c9.js.map} +1 -1
- package/dist/components/{p-3ec421ea.js → p-4d7b13e3.js} +3 -3
- package/dist/components/{p-3ec421ea.js.map → p-4d7b13e3.js.map} +1 -1
- package/dist/components/{p-e3cd5556.js → p-52c9a12e.js} +3 -3
- package/dist/components/{p-e3cd5556.js.map → p-52c9a12e.js.map} +1 -1
- package/dist/components/{p-2bd941eb.js → p-5b5399c2.js} +2 -2
- package/dist/components/{p-2bd941eb.js.map → p-5b5399c2.js.map} +1 -1
- package/dist/components/{p-162a9364.js → p-5fd6328a.js} +2 -2
- package/dist/components/{p-162a9364.js.map → p-5fd6328a.js.map} +1 -1
- package/dist/components/{p-c88b4b7c.js → p-681bd5b1.js} +4 -4
- package/dist/components/{p-c88b4b7c.js.map → p-681bd5b1.js.map} +1 -1
- package/dist/components/{p-f511219b.js → p-8824ca83.js} +2 -2
- package/dist/components/{p-f511219b.js.map → p-8824ca83.js.map} +1 -1
- package/dist/components/{p-0ba7b063.js → p-bfae6ae0.js} +2 -2
- package/dist/components/{p-0ba7b063.js.map → p-bfae6ae0.js.map} +1 -1
- package/dist/components/{p-6e579eb5.js → p-ca6c8507.js} +3 -3
- package/dist/components/{p-6e579eb5.js.map → p-ca6c8507.js.map} +1 -1
- package/dist/components/{p-dcecb226.js → p-cc9cb040.js} +2 -2
- package/dist/components/{p-dcecb226.js.map → p-cc9cb040.js.map} +1 -1
- package/dist/components/{p-b5256810.js → p-cefd9f73.js} +4 -4
- package/dist/components/{p-b5256810.js.map → p-cefd9f73.js.map} +1 -1
- package/dist/components/{p-a9289acb.js → p-d64e5297.js} +7 -7
- package/dist/components/{p-a9289acb.js.map → p-d64e5297.js.map} +1 -1
- package/dist/components/{p-a957f7ad.js → p-f41c84fa.js} +5 -5
- package/dist/components/{p-a957f7ad.js.map → p-f41c84fa.js.map} +1 -1
- package/dist/components/{p-26dfe620.js → p-f69a7795.js} +5 -5
- package/dist/components/{p-26dfe620.js.map → p-f69a7795.js.map} +1 -1
- package/dist/components/{p-75572595.js → p-f76b674f.js} +3 -3
- package/dist/components/{p-75572595.js.map → p-f76b674f.js.map} +1 -1
- package/dist/components/{p-817e9528.js → p-f7a8339d.js} +3 -3
- package/dist/components/{p-817e9528.js.map → p-f7a8339d.js.map} +1 -1
- package/dist/components/{p-108c28cb.js → p-f8ce0088.js} +2 -2
- package/dist/components/{p-108c28cb.js.map → p-f8ce0088.js.map} +1 -1
- package/dist/esm/ifx-accordion_2.entry.js +1 -1
- package/dist/esm/ifx-alert_2.entry.js +1 -1
- 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-group.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-download.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-file-upload.entry.js +1 -1
- 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.entry.js +1 -1
- package/dist/esm/ifx-modal.entry.js +24 -4
- package/dist/esm/ifx-modal.entry.js.map +1 -1
- package/dist/esm/ifx-multiselect.entry.js +1 -1
- 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-group.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 +1 -1
- 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 +1 -1
- package/dist/esm/ifx-textarea.entry.js +1 -1
- package/dist/esm/ifx-tooltip.entry.js +1 -1
- package/dist/esm/{index-6c9eba32.js → index-c77e25a0.js} +7 -55
- package/dist/esm/index-c77e25a0.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-b1332d35.entry.js → p-007f032b.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-2281b467.entry.js → p-00fd53b9.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-20de8fb7.entry.js → p-0333c09a.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-d5c87934.entry.js → p-040dfe3a.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-03c9d3fe.entry.js → p-0474c62d.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-f0233249.entry.js → p-063dc766.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-b892a205.entry.js → p-0a69604b.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-f0c2e188.entry.js → p-0d11b881.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-3a7f32df.entry.js → p-1218cd67.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-741ee6fd.entry.js → p-1958f029.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-1d8518f1.entry.js → p-1a29bbb2.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-dd50c9cc.entry.js → p-22615332.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-dd28f3a1.entry.js → p-29984af2.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-c0c148ec.entry.js → p-2fa26bf7.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-7c06a6bd.entry.js → p-2fb84e5d.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-9b94e2ae.entry.js → p-33f48cf1.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-6bd0690d.entry.js → p-3469adb7.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-62303f57.entry.js → p-3545f2d5.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-7001bc7d.entry.js → p-361d1e31.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-d4eff9d8.entry.js → p-3ff188be.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-406b00eb.entry.js +2 -0
- package/dist/infineon-design-system-stencil/{p-fb7fbe44.entry.js → p-41846fb5.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-4b1e700d.entry.js → p-41f245f6.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-5efc38d5.entry.js → p-47893f7e.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-5fc8cf08.entry.js → p-4d0da3de.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-4ddb3e72.entry.js +2 -0
- package/dist/infineon-design-system-stencil/{p-f9364479.entry.js → p-53411f03.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-527afe1e.entry.js → p-53abaa78.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-87e684d5.entry.js → p-59036c10.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-676e0a62.entry.js → p-5a5df7de.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-bf7bb869.entry.js → p-61117bda.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-62a04d45.entry.js → p-65d5e257.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-07ecc076.entry.js → p-661a7c0b.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-ad4305fd.entry.js → p-6693fddc.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-af1be17e.entry.js → p-6a8bfce7.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-30503cdf.entry.js → p-723cace7.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-9b6f98a6.entry.js → p-7355c5fe.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-a3c0eb25.entry.js → p-7e55680a.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-800704ec.entry.js → p-88ae2d37.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-a2615d6f.entry.js → p-8a733ad7.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-202a39ff.entry.js → p-964e15d1.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-50252b28.entry.js → p-99461b11.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-715070f7.entry.js → p-9da1f8b9.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-96244232.entry.js → p-a25618fd.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-fe38ca7b.entry.js → p-a3ece62e.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-e014d22e.entry.js → p-a8241d5d.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-a92465d1.entry.js +2 -0
- package/dist/infineon-design-system-stencil/{p-1a82e21d.entry.js → p-ac4aaa18.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-1f24970a.entry.js → p-b0c402e0.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-eb5e154d.entry.js → p-b26d054b.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-0262de1d.entry.js → p-b2ff6914.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-6bb224ed.entry.js → p-b39303be.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-5fb32319.entry.js → p-b44360ea.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-28de8581.entry.js → p-b8e74ad3.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-cbd79068.entry.js → p-ba4f65f1.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-e913b4bc.entry.js → p-c172e015.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-82d372b4.entry.js → p-c2cc54c0.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-d73913fd.entry.js → p-c4eac5cd.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-8dad964c.entry.js → p-c6b76d4a.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-fa81a54a.entry.js → p-ce448991.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-cb81ea29.entry.js → p-d04dbacf.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-00a1ec40.entry.js → p-d2dfe109.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-d3a86d82.entry.js +2 -0
- package/dist/infineon-design-system-stencil/p-d3a86d82.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/{p-e11f02e9.entry.js → p-d4da0515.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-bab776f1.entry.js → p-d5936509.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-571e0df8.entry.js → p-d928585e.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-f41db87c.entry.js → p-de733e32.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-9d4b5f5a.entry.js → p-e5df823b.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-e6edf72d.js +3 -0
- package/dist/infineon-design-system-stencil/p-e6edf72d.js.map +1 -0
- package/dist/infineon-design-system-stencil/{p-30bd18de.entry.js → p-e93396ed.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-3bd9ec1c.entry.js → p-edc77e53.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-37c45825.entry.js → p-f22dad77.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-a74c4f55.entry.js → p-f4866ad9.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-1772ef7d.entry.js → p-f88b928c.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-2e900240.entry.js → p-fdad4729.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-45ac2698.entry.js → p-fe2d60b9.entry.js} +2 -2
- package/dist/types/components/modal/modal.d.ts +3 -0
- package/dist/types/components.d.ts +0 -84
- package/package.json +1 -1
- package/dist/cjs/ifx-tree-view-item.cjs.entry.js +0 -382
- package/dist/cjs/ifx-tree-view-item.cjs.entry.js.map +0 -1
- package/dist/cjs/ifx-tree-view.cjs.entry.js +0 -52
- package/dist/cjs/ifx-tree-view.cjs.entry.js.map +0 -1
- package/dist/cjs/index-7f4df11a.js.map +0 -1
- package/dist/collection/components/tree-view/tree-view-item.css +0 -112
- package/dist/collection/components/tree-view/tree-view-item.js +0 -549
- package/dist/collection/components/tree-view/tree-view-item.js.map +0 -1
- package/dist/collection/components/tree-view/tree-view.css +0 -18
- package/dist/collection/components/tree-view/tree-view.js +0 -169
- package/dist/collection/components/tree-view/tree-view.js.map +0 -1
- package/dist/collection/components/tree-view/tree-view.stories.js +0 -293
- package/dist/collection/components/tree-view/tree-view.stories.js.map +0 -1
- package/dist/components/ifx-tree-view-item.d.ts +0 -11
- package/dist/components/ifx-tree-view-item.js +0 -423
- package/dist/components/ifx-tree-view-item.js.map +0 -1
- package/dist/components/ifx-tree-view.d.ts +0 -11
- package/dist/components/ifx-tree-view.js +0 -74
- package/dist/components/ifx-tree-view.js.map +0 -1
- package/dist/components/p-f8e6a4ef.js.map +0 -1
- package/dist/esm/ifx-tree-view-item.entry.js +0 -378
- package/dist/esm/ifx-tree-view-item.entry.js.map +0 -1
- package/dist/esm/ifx-tree-view.entry.js +0 -48
- package/dist/esm/ifx-tree-view.entry.js.map +0 -1
- package/dist/esm/index-6c9eba32.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-09b12ecd.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-09b12ecd.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-34930b99.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-488408d3.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-60ee12c3.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-60ee12c3.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-8e599ad3.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-8e599ad3.entry.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-b7a462e5.js +0 -3
- package/dist/infineon-design-system-stencil/p-b7a462e5.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-c1caa426.entry.js +0 -2
- package/dist/types/components/tree-view/tree-view-item.d.ts +0 -58
- package/dist/types/components/tree-view/tree-view.d.ts +0 -13
- package/dist/types/components/tree-view/tree-view.stories.d.ts +0 -6
- /package/dist/infineon-design-system-stencil/{p-b1332d35.entry.js.map → p-007f032b.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-2281b467.entry.js.map → p-00fd53b9.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-20de8fb7.entry.js.map → p-0333c09a.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-d5c87934.entry.js.map → p-040dfe3a.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-03c9d3fe.entry.js.map → p-0474c62d.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-f0233249.entry.js.map → p-063dc766.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-b892a205.entry.js.map → p-0a69604b.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-f0c2e188.entry.js.map → p-0d11b881.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-3a7f32df.entry.js.map → p-1218cd67.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-741ee6fd.entry.js.map → p-1958f029.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-1d8518f1.entry.js.map → p-1a29bbb2.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-dd50c9cc.entry.js.map → p-22615332.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-dd28f3a1.entry.js.map → p-29984af2.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-c0c148ec.entry.js.map → p-2fa26bf7.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-7c06a6bd.entry.js.map → p-2fb84e5d.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-9b94e2ae.entry.js.map → p-33f48cf1.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-6bd0690d.entry.js.map → p-3469adb7.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-62303f57.entry.js.map → p-3545f2d5.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-7001bc7d.entry.js.map → p-361d1e31.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-d4eff9d8.entry.js.map → p-3ff188be.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-34930b99.entry.js.map → p-406b00eb.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-fb7fbe44.entry.js.map → p-41846fb5.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-4b1e700d.entry.js.map → p-41f245f6.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-5efc38d5.entry.js.map → p-47893f7e.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-5fc8cf08.entry.js.map → p-4d0da3de.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-c1caa426.entry.js.map → p-4ddb3e72.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-f9364479.entry.js.map → p-53411f03.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-527afe1e.entry.js.map → p-53abaa78.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-87e684d5.entry.js.map → p-59036c10.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-676e0a62.entry.js.map → p-5a5df7de.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-bf7bb869.entry.js.map → p-61117bda.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-62a04d45.entry.js.map → p-65d5e257.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-07ecc076.entry.js.map → p-661a7c0b.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-ad4305fd.entry.js.map → p-6693fddc.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-af1be17e.entry.js.map → p-6a8bfce7.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-30503cdf.entry.js.map → p-723cace7.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-9b6f98a6.entry.js.map → p-7355c5fe.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-a3c0eb25.entry.js.map → p-7e55680a.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-800704ec.entry.js.map → p-88ae2d37.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-a2615d6f.entry.js.map → p-8a733ad7.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-202a39ff.entry.js.map → p-964e15d1.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-50252b28.entry.js.map → p-99461b11.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-715070f7.entry.js.map → p-9da1f8b9.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-96244232.entry.js.map → p-a25618fd.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-fe38ca7b.entry.js.map → p-a3ece62e.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-e014d22e.entry.js.map → p-a8241d5d.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-488408d3.entry.js.map → p-a92465d1.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-1a82e21d.entry.js.map → p-ac4aaa18.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-1f24970a.entry.js.map → p-b0c402e0.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-eb5e154d.entry.js.map → p-b26d054b.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-0262de1d.entry.js.map → p-b2ff6914.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-6bb224ed.entry.js.map → p-b39303be.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-5fb32319.entry.js.map → p-b44360ea.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-28de8581.entry.js.map → p-b8e74ad3.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-cbd79068.entry.js.map → p-ba4f65f1.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-e913b4bc.entry.js.map → p-c172e015.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-82d372b4.entry.js.map → p-c2cc54c0.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-d73913fd.entry.js.map → p-c4eac5cd.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-8dad964c.entry.js.map → p-c6b76d4a.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-fa81a54a.entry.js.map → p-ce448991.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-cb81ea29.entry.js.map → p-d04dbacf.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-00a1ec40.entry.js.map → p-d2dfe109.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-e11f02e9.entry.js.map → p-d4da0515.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-bab776f1.entry.js.map → p-d5936509.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-571e0df8.entry.js.map → p-d928585e.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-f41db87c.entry.js.map → p-de733e32.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-9d4b5f5a.entry.js.map → p-e5df823b.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-30bd18de.entry.js.map → p-e93396ed.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-3bd9ec1c.entry.js.map → p-edc77e53.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-37c45825.entry.js.map → p-f22dad77.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-a74c4f55.entry.js.map → p-f4866ad9.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-1772ef7d.entry.js.map → p-f88b928c.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-2e900240.entry.js.map → p-fdad4729.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-45ac2698.entry.js.map → p-fe2d60b9.entry.js.map} +0 -0
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"tree-view-item.js","sourceRoot":"","sources":["../../../src/components/tree-view/tree-view-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, State, Element, Fragment, Event, EventEmitter, Watch } from '@stencil/core';\n\nexport interface TreeViewCheckChangeEvent {\n checked: boolean;\n indeterminate: boolean;\n affectedChildItems?: Array<{ label: string; checked: boolean; indeterminate: boolean }>;\n}\n\ninterface TreeState {\n isChecked: boolean;\n partialChecked: boolean;\n}\n\ntype HTMLIfxTreeViewItemElement = HTMLElement & { componentOnReady: () => Promise<unknown> };\n\n@Component({\n tag: 'ifx-tree-view-item',\n styleUrl: 'tree-view-item.scss',\n shadow: true,\n})\nexport class TreeViewItem {\n @Element() host: HTMLElement;\n @Prop() label: string;\n @Prop({ reflect: true, mutable: true }) expanded: boolean = false;\n @Prop() initiallyExpanded: boolean = false;\n @Prop() disableItem: boolean = false;\n @Prop() ariaLabel: string | null;\n\n @Event() ifxTreeViewItemExpandChange: EventEmitter<boolean>;\n @Event() ifxTreeViewItemCheckChange: EventEmitter<TreeViewCheckChangeEvent>;\n @Event() ifxTreeViewItemDisableChange: EventEmitter<boolean>;\n\n @State() private hasChildren: boolean = false;\n @State() private isChecked: boolean = false;\n @State() private partialChecked: boolean = false;\n @State() private level: number = 0;\n @State() private disableAllItems: boolean = false;\n @State() private expandAllItems: boolean = false;\n\n private get disabled() {\n return this.disableAllItems || this.disableItem;\n }\n\n private get isExpanded() {\n return this.expandAllItems || this.expanded;\n }\n\n private findChildren = () => Array.from(this.host.children)\n .filter((child): child is HTMLElement =>\n child instanceof HTMLElement && child.tagName === 'IFX-TREE-VIEW-ITEM'\n );\n\n private calculateNodeLevel = (): number => {\n let level = 0, parent = this.host.parentElement;\n while (parent) {\n if (parent.tagName === 'IFX-TREE-VIEW-ITEM') level++;\n parent = parent.parentElement;\n }\n return level;\n };\n\n componentWillLoad() {\n this.initializeNode();\n this.setupEventListeners();\n }\n\n componentDidLoad() {\n this.observeDisableAllItems();\n this.observeExpandAllItems();\n if (this.shouldExpandFromParent()) {\n this.expandAllDescendants();\n }\n (this.host as any)['__stencil_instance'] = this;\n }\n\n private shouldExpandFromParent(): boolean {\n let parent = this.host.parentElement;\n while (parent) {\n if (\n parent.tagName === 'IFX-TREE-VIEW' &&\n (parent.hasAttribute('expand-all-items') || parent.hasAttribute('data-expand-all-items'))\n ) {\n return true;\n }\n parent = parent.parentElement;\n }\n return false;\n }\n\n private expandAllDescendants() {\n this.expanded = true;\n const children = this.findChildren();\n for (const child of children) {\n if (typeof (child as any).expanded !== 'undefined') {\n (child as any).expanded = true;\n }\n if (typeof (child as any).expandAllDescendants === 'function') {\n (child as any).expandAllDescendants();\n }\n }\n }\n\n private observeDisableAllItems() {\n let parent = this.host.parentElement;\n while (parent) {\n if (parent.tagName === 'IFX-TREE-VIEW') {\n const observer = new MutationObserver(mutations => {\n for (const mutation of mutations) {\n if (\n mutation.type === 'attributes' &&\n mutation.attributeName === 'disable-all-items'\n ) {\n const disableAll = (parent as any).disableAllItems;\n this.disableAllItems = !!disableAll || parent.hasAttribute('disable-all-items');\n }\n }\n });\n observer.observe(parent, { attributes: true });\n const disableAll = (parent as any).disableAllItems;\n this.disableAllItems = !!disableAll || parent.hasAttribute('disable-all-items');\n break;\n }\n parent = parent.parentElement;\n }\n }\n\n private observeExpandAllItems() {\n let parent = this.host.parentElement;\n while (parent) {\n if (parent.tagName === 'IFX-TREE-VIEW' || parent.hasAttribute('data-expand-all-items')) {\n const observer = new MutationObserver(mutations => {\n for (const mutation of mutations) {\n if (\n mutation.type === 'attributes' &&\n mutation.attributeName === 'data-expand-all-items'\n ) {\n this.expandAllItems = parent.hasAttribute('data-expand-all-items');\n }\n }\n });\n observer.observe(parent, { attributes: true });\n this.expandAllItems = parent.hasAttribute('data-expand-all-items');\n break;\n }\n parent = parent.parentElement;\n }\n }\n\n private initializeNode() {\n this.expanded = this.initiallyExpanded;\n this.hasChildren = this.findChildren().length > 0;\n this.level = this.calculateNodeLevel();\n this.host.setAttribute('data-level', this.level.toString());\n }\n\n private setupEventListeners() {\n this.host.addEventListener('internal-check-state-change', this.handleStateChange);\n }\n\n private handleStateChange = (event: CustomEvent) => {\n if (this.disabled) return;\n event.stopPropagation();\n this.updateCheckState(event.detail.checked);\n };\n\n private handleCheckboxChange = (event: CustomEvent) => {\n if (this.disabled) return;\n this.updateCheckState(event.detail?.checked ?? !this.isChecked);\n };\n\n private handleHeaderClick = ({ target }: MouseEvent) => {\n if (this.disabled) return;\n if (!(target as HTMLElement).closest('.tree-item__checkbox-container, .tree-item__chevron-container')) {\n this.updateCheckState(!this.isChecked);\n }\n };\n\n private async updateCheckState(checked: boolean, fromParent = false) {\n if (this.disabled) return;\n\n if (!fromParent && this.hasChildren) {\n const affected = this.collectDescendantStates(checked);\n this.setNodeState({ isChecked: checked, partialChecked: false }, false);\n await this.updateChildrenSilently(checked);\n this.ifxTreeViewItemCheckChange.emit({\n checked,\n indeterminate: false,\n affectedChildItems: affected,\n });\n this.updateParentState();\n } else if (fromParent) {\n this.setNodeState({ isChecked: checked, partialChecked: false }, false);\n } else {\n this.setNodeState({ isChecked: checked, partialChecked: false });\n await this.updateChildrenState(checked);\n this.updateParentState();\n }\n }\n\n private async updateChildrenSilently(checked: boolean) {\n const children = this.findChildren();\n for (const child of children) {\n const childInstance = (child as any)['__stencil_instance'];\n if (childInstance) {\n childInstance.setNodeState({ isChecked: checked, partialChecked: false }, false);\n await childInstance.updateChildrenSilently(checked);\n }\n }\n }\n\n @Watch('expanded')\n handleExpandedChange(newValue: boolean) {\n this.ifxTreeViewItemExpandChange.emit(newValue);\n }\n\n @Watch('disableItem')\n handleDisableItemChange(newValue: boolean) {\n this.ifxTreeViewItemDisableChange.emit(newValue);\n }\n\n private setNodeState(state: TreeState, emitEvent = true) {\n this.isChecked = state.isChecked;\n this.partialChecked = state.partialChecked;\n if (emitEvent) {\n this.ifxTreeViewItemCheckChange.emit({\n checked: this.isChecked,\n indeterminate: this.partialChecked,\n });\n }\n }\n\n private collectDescendantStates(checked: boolean) {\n const descendants: Array<{ label: string; checked: boolean; indeterminate: boolean }> = [];\n const collect = (el: Element) => {\n let instance: any = null;\n if (el === this.host) {\n instance = this;\n } else if ((el as any)['__stencil_instance']) {\n instance = (el as any)['__stencil_instance'];\n }\n const label = instance?.label ?? (el as any).label ?? '';\n descendants.push({\n label,\n checked,\n indeterminate: false,\n });\n Array.from(el.children)\n .forEach(child => {\n if (child.tagName === 'IFX-TREE-VIEW-ITEM') {\n collect(child);\n }\n });\n };\n collect(this.host);\n return descendants;\n }\n\n private async updateChildrenState(checked: boolean) {\n const children = this.findChildren();\n for (const child of children) {\n await (child as HTMLIfxTreeViewItemElement).componentOnReady();\n child.dispatchEvent(new CustomEvent('internal-check-state-change', {\n detail: { checked },\n bubbles: false,\n composed: true\n }));\n }\n }\n\n private findSiblingNodes(parent: HTMLElement): HTMLIfxTreeViewItemElement[] {\n const parentEl = parent.parentElement;\n if (!parentEl) return [];\n return Array.from(\n parentEl.querySelectorAll('ifx-tree-view-item')\n ).map(el => el as HTMLIfxTreeViewItemElement);\n }\n\n private updateParentState() {\n const parent = this.host.parentElement?.closest('ifx-tree-view-item') as HTMLIfxTreeViewItemElement;\n if (!parent) return;\n parent.componentOnReady().then(resolved => {\n const parentNode = resolved as unknown as TreeViewItem;\n if (!parentNode?.updateParentState) return;\n const siblings = this.findSiblingNodes(parent);\n const states = this.calculateSiblingStates(siblings);\n parentNode.setNodeState({\n isChecked: states.allChecked,\n partialChecked: !states.allChecked && states.someChecked\n });\n parentNode.updateParentState();\n });\n }\n\n private calculateSiblingStates(siblings: HTMLIfxTreeViewItemElement[]) {\n return {\n allChecked: siblings.every(sib => (sib as unknown as TreeViewItem).isChecked),\n someChecked: siblings.some(sib => {\n const node = sib as unknown as TreeViewItem;\n return node.isChecked || node.partialChecked;\n })\n };\n }\n\n private toggleExpand = () => {\n if (this.disabled) return;\n this.hasChildren && (this.expanded = !this.expanded);\n };\n\n private handleKeyDown = (event: KeyboardEvent) => {\n\n const allItems = Array.from(\n this.host\n .closest('ifx-tree-view')\n ?.querySelectorAll('ifx-tree-view-item') || []\n );\n\n const visibleItems = allItems.filter(item => {\n let parent = item.parentElement?.closest('ifx-tree-view-item');\n while (parent) {\n const parentCmp = parent as any;\n if (!(parentCmp.expandAllItems || parentCmp.expanded)) {\n return false;\n }\n parent = parent.parentElement?.closest('ifx-tree-view-item');\n }\n return true;\n });\n\n const currentIndex = visibleItems.findIndex(el => el === this.host);\n\n function focusLabelIcon(el: Element | null) {\n (el as HTMLElement | null)?.focus();\n }\n\n switch (event.key) {\n case 'ArrowDown': {\n event.preventDefault();\n let nextIndex = currentIndex + 1;\n while (nextIndex < visibleItems.length) {\n const next = visibleItems[nextIndex] as any;\n if (!next.disabled) {\n focusLabelIcon(next.shadowRoot?.querySelector('.tree-item__label-icon-container'));\n break;\n }\n nextIndex++;\n }\n break;\n }\n case 'ArrowUp': {\n event.preventDefault();\n let prevIndex = currentIndex - 1;\n while (prevIndex >= 0) {\n const prev = visibleItems[prevIndex] as any;\n if (!prev.disabled) {\n focusLabelIcon(prev.shadowRoot?.querySelector('.tree-item__label-icon-container'));\n break;\n }\n prevIndex--;\n }\n break;\n }\n case 'ArrowRight': {\n event.preventDefault();\n if (!this.isExpanded && this.hasChildren) {\n this.expanded = true;\n } else if (this.isExpanded && this.hasChildren) {\n const firstChild = this.host.querySelector('ifx-tree-view-item');\n if (firstChild && !(firstChild as any).disabled) {\n focusLabelIcon((firstChild as HTMLElement).shadowRoot?.querySelector('.tree-item__label-icon-container'));\n }\n }\n break;\n }\n case 'ArrowLeft': {\n event.preventDefault();\n if (this.isExpanded && this.hasChildren) {\n this.expanded = false;\n } else {\n const parent = this.host.parentElement?.closest('ifx-tree-view-item');\n if (parent && !(parent as any).disabled) {\n focusLabelIcon((parent as HTMLElement).shadowRoot?.querySelector('.tree-item__label-icon-container'));\n }\n }\n break;\n }\n case ' ':\n case 'Enter': {\n event.preventDefault();\n this.updateCheckState(!this.isChecked);\n break;\n }\n }\n };\n\n render() {\n return (\n <div\n class={{\n 'tree-item': true,\n 'tree-item--expanded': this.isExpanded,\n 'tree-item--has-children': this.hasChildren,\n 'tree-item--disabled': this.disabled,\n }}\n role=\"treeitem\"\n aria-expanded={this.isExpanded ? 'true' : 'false'}\n data-level={this.level}\n aria-disabled={this.disabled ? 'true' : undefined}\n aria-label={this.ariaLabel}\n >\n <div class=\"tree-item__content\">\n {this.renderCheckbox()}\n {this.renderHeader()}\n </div>\n {this.isExpanded && <div class=\"tree-item__children\"><slot/></div>}\n </div>\n );\n }\n\n private renderHeader() {\n return (\n <div\n class=\"tree-item__header\"\n style={{ paddingLeft: `${this.level * 24 + 10}px` }}\n onClick={this.handleHeaderClick}\n tabIndex={-1}\n aria-disabled={this.disabled ? 'true' : undefined}\n >\n {this.renderControls()}\n </div>\n );\n }\n\n private renderCheckbox() {\n return (\n <div class=\"tree-item__checkbox-container\" onClick={e => e.stopPropagation()}>\n <ifx-checkbox\n size='s'\n checked={this.isChecked}\n indeterminate={this.partialChecked}\n onIfxChange={this.handleCheckboxChange}\n disabled={this.disabled}\n />\n </div>\n );\n }\n\n private renderControls() {\n return [\n this.hasChildren && (\n <div class=\"tree-item__chevron-container\" onClick={this.toggleExpand}>\n <ifx-icon class={`tree-item__chevron ${this.isExpanded ? 'chevron-down' : 'chevron-right'}`}\n icon=\"chevron-right-16\"/>\n <div class=\"tree-item__line\"/>\n </div>\n ),\n <div\n class=\"tree-item__label-icon-container\"\n tabIndex={this.disabled ? -1 : 0}\n onKeyDown={this.handleKeyDown}\n >\n <div class=\"tree-item__icon-container\">\n {\n this.hasChildren ? (\n <Fragment>\n <ifx-icon class={{'icon--hidden': this.isExpanded}} icon=\"folder-16\"/>\n <ifx-icon class={{'icon--hidden': !this.isExpanded}} icon=\"folder-open-16\"/>\n </Fragment>\n ) : (\n <ifx-icon icon=\"file-16\"/>\n )\n }\n </div>\n <span class=\"tree-item__label\">{this.label}</span>\n </div>\n ];\n }\n}\n"]}
|
@@ -1,18 +0,0 @@
|
|
1
|
-
:host {
|
2
|
-
display: block;
|
3
|
-
}
|
4
|
-
|
5
|
-
.tree-view {
|
6
|
-
font-family: var(--ifx-font-family, sans-serif);
|
7
|
-
font-size: 14px;
|
8
|
-
color: var(--ifx-color-text, #1a1a1a);
|
9
|
-
display: flex;
|
10
|
-
flex-wrap: wrap;
|
11
|
-
flex-direction: column;
|
12
|
-
overflow-x: auto;
|
13
|
-
overflow-y: hidden;
|
14
|
-
}
|
15
|
-
.tree-view__label {
|
16
|
-
font: 600 1.125rem/1.625rem "Source Sans 3";
|
17
|
-
margin-bottom: 8px;
|
18
|
-
}
|
@@ -1,169 +0,0 @@
|
|
1
|
-
import { h } from "@stencil/core";
|
2
|
-
export class TreeView {
|
3
|
-
constructor() {
|
4
|
-
this.disableAllItems = false;
|
5
|
-
this.expandAllItems = false;
|
6
|
-
this.handleSlotRef = (el) => {
|
7
|
-
if (el) {
|
8
|
-
if (this.disableAllItems) {
|
9
|
-
el.setAttribute('data-disable-all-items', 'true');
|
10
|
-
}
|
11
|
-
else {
|
12
|
-
el.removeAttribute('data-disable-all-items');
|
13
|
-
}
|
14
|
-
if (this.expandAllItems) {
|
15
|
-
el.setAttribute('data-expand-all-items', 'true');
|
16
|
-
}
|
17
|
-
else {
|
18
|
-
el.removeAttribute('data-expand-all-items');
|
19
|
-
}
|
20
|
-
}
|
21
|
-
};
|
22
|
-
}
|
23
|
-
handleExpandAllItemsChange(newValue) {
|
24
|
-
this.ifxTreeViewExpandAllChange.emit(newValue);
|
25
|
-
}
|
26
|
-
handleDisableAllItemsChange(newValue) {
|
27
|
-
this.ifxTreeViewDisableAllChange.emit(newValue);
|
28
|
-
}
|
29
|
-
render() {
|
30
|
-
return (h("div", { key: 'e4008bca00cc0ed1517a8ca27a64ac94dec0d694', class: `tree-view ${this.disableAllItems ? ' tree-view--disabled' : ''}`, role: "tree", "aria-label": this.ariaLabel }, this.label && this.label.trim() !== '' && h("div", { key: '654d40e84aadd93ff83ec1401fbf99ac46ae06e3', class: "tree-view__label" }, this.label), h("slot", { key: '1a5a28cec9dde5cdfc100ab97cdfe99ffddc886b', ref: this.handleSlotRef })));
|
31
|
-
}
|
32
|
-
static get is() { return "ifx-tree-view"; }
|
33
|
-
static get encapsulation() { return "shadow"; }
|
34
|
-
static get originalStyleUrls() {
|
35
|
-
return {
|
36
|
-
"$": ["tree-view.scss"]
|
37
|
-
};
|
38
|
-
}
|
39
|
-
static get styleUrls() {
|
40
|
-
return {
|
41
|
-
"$": ["tree-view.css"]
|
42
|
-
};
|
43
|
-
}
|
44
|
-
static get properties() {
|
45
|
-
return {
|
46
|
-
"label": {
|
47
|
-
"type": "string",
|
48
|
-
"mutable": false,
|
49
|
-
"complexType": {
|
50
|
-
"original": "string",
|
51
|
-
"resolved": "string",
|
52
|
-
"references": {}
|
53
|
-
},
|
54
|
-
"required": false,
|
55
|
-
"optional": true,
|
56
|
-
"docs": {
|
57
|
-
"tags": [],
|
58
|
-
"text": ""
|
59
|
-
},
|
60
|
-
"getter": false,
|
61
|
-
"setter": false,
|
62
|
-
"attribute": "label",
|
63
|
-
"reflect": false
|
64
|
-
},
|
65
|
-
"disableAllItems": {
|
66
|
-
"type": "boolean",
|
67
|
-
"mutable": false,
|
68
|
-
"complexType": {
|
69
|
-
"original": "boolean",
|
70
|
-
"resolved": "boolean",
|
71
|
-
"references": {}
|
72
|
-
},
|
73
|
-
"required": false,
|
74
|
-
"optional": false,
|
75
|
-
"docs": {
|
76
|
-
"tags": [],
|
77
|
-
"text": ""
|
78
|
-
},
|
79
|
-
"getter": false,
|
80
|
-
"setter": false,
|
81
|
-
"attribute": "disable-all-items",
|
82
|
-
"reflect": false,
|
83
|
-
"defaultValue": "false"
|
84
|
-
},
|
85
|
-
"expandAllItems": {
|
86
|
-
"type": "boolean",
|
87
|
-
"mutable": false,
|
88
|
-
"complexType": {
|
89
|
-
"original": "boolean",
|
90
|
-
"resolved": "boolean",
|
91
|
-
"references": {}
|
92
|
-
},
|
93
|
-
"required": false,
|
94
|
-
"optional": false,
|
95
|
-
"docs": {
|
96
|
-
"tags": [],
|
97
|
-
"text": ""
|
98
|
-
},
|
99
|
-
"getter": false,
|
100
|
-
"setter": false,
|
101
|
-
"attribute": "expand-all-items",
|
102
|
-
"reflect": false,
|
103
|
-
"defaultValue": "false"
|
104
|
-
},
|
105
|
-
"ariaLabel": {
|
106
|
-
"type": "string",
|
107
|
-
"mutable": false,
|
108
|
-
"complexType": {
|
109
|
-
"original": "string | null",
|
110
|
-
"resolved": "string",
|
111
|
-
"references": {}
|
112
|
-
},
|
113
|
-
"required": false,
|
114
|
-
"optional": false,
|
115
|
-
"docs": {
|
116
|
-
"tags": [],
|
117
|
-
"text": ""
|
118
|
-
},
|
119
|
-
"getter": false,
|
120
|
-
"setter": false,
|
121
|
-
"attribute": "aria-label",
|
122
|
-
"reflect": false
|
123
|
-
}
|
124
|
-
};
|
125
|
-
}
|
126
|
-
static get events() {
|
127
|
-
return [{
|
128
|
-
"method": "ifxTreeViewExpandAllChange",
|
129
|
-
"name": "ifxTreeViewExpandAllChange",
|
130
|
-
"bubbles": true,
|
131
|
-
"cancelable": true,
|
132
|
-
"composed": true,
|
133
|
-
"docs": {
|
134
|
-
"tags": [],
|
135
|
-
"text": ""
|
136
|
-
},
|
137
|
-
"complexType": {
|
138
|
-
"original": "boolean",
|
139
|
-
"resolved": "boolean",
|
140
|
-
"references": {}
|
141
|
-
}
|
142
|
-
}, {
|
143
|
-
"method": "ifxTreeViewDisableAllChange",
|
144
|
-
"name": "ifxTreeViewDisableAllChange",
|
145
|
-
"bubbles": true,
|
146
|
-
"cancelable": true,
|
147
|
-
"composed": true,
|
148
|
-
"docs": {
|
149
|
-
"tags": [],
|
150
|
-
"text": ""
|
151
|
-
},
|
152
|
-
"complexType": {
|
153
|
-
"original": "boolean",
|
154
|
-
"resolved": "boolean",
|
155
|
-
"references": {}
|
156
|
-
}
|
157
|
-
}];
|
158
|
-
}
|
159
|
-
static get watchers() {
|
160
|
-
return [{
|
161
|
-
"propName": "expandAllItems",
|
162
|
-
"methodName": "handleExpandAllItemsChange"
|
163
|
-
}, {
|
164
|
-
"propName": "disableAllItems",
|
165
|
-
"methodName": "handleDisableAllItemsChange"
|
166
|
-
}];
|
167
|
-
}
|
168
|
-
}
|
169
|
-
//# sourceMappingURL=tree-view.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"tree-view.js","sourceRoot":"","sources":["../../../src/components/tree-view/tree-view.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAgB,KAAK,EAAE,MAAM,eAAe,CAAC;AAO/E,MAAM,OAAO,QAAQ;IALrB;QAOU,oBAAe,GAAY,KAAK,CAAC;QACjC,mBAAc,GAAY,KAAK,CAAC;QAgBhC,kBAAa,GAAG,CAAC,EAA0B,EAAE,EAAE;YACrD,IAAI,EAAE,EAAE,CAAC;gBACP,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;oBACzB,EAAE,CAAC,YAAY,CAAC,wBAAwB,EAAE,MAAM,CAAC,CAAC;gBACpD,CAAC;qBAAM,CAAC;oBACN,EAAE,CAAC,eAAe,CAAC,wBAAwB,CAAC,CAAC;gBAC/C,CAAC;gBACD,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;oBACxB,EAAE,CAAC,YAAY,CAAC,uBAAuB,EAAE,MAAM,CAAC,CAAC;gBACnD,CAAC;qBAAM,CAAC;oBACN,EAAE,CAAC,eAAe,CAAC,uBAAuB,CAAC,CAAC;gBAC9C,CAAC;YACH,CAAC;QACH,CAAC,CAAC;KAcH;IApCC,0BAA0B,CAAC,QAAiB;QAC1C,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACjD,CAAC;IAGD,2BAA2B,CAAC,QAAiB;QAC3C,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAClD,CAAC;IAiBD,MAAM;QACJ,OAAO,CACL,4DACE,KAAK,EAAE,aAAa,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,EAAE,EACxE,IAAI,EAAC,MAAM,gBACC,IAAI,CAAC,SAAS;YAEzB,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,4DAAK,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,KAAK,CAAO;YAC3F,6DAAM,GAAG,EAAE,IAAI,CAAC,aAAa,GAAS,CAClC,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, Event, EventEmitter, Watch } from '@stencil/core';\n\n@Component({\n tag: 'ifx-tree-view',\n styleUrl: 'tree-view.scss',\n shadow: true,\n})\nexport class TreeView {\n @Prop() label?: string;\n @Prop() disableAllItems: boolean = false;\n @Prop() expandAllItems: boolean = false;\n @Prop() ariaLabel: string | null;\n\n @Event() ifxTreeViewExpandAllChange: EventEmitter<boolean>;\n @Event() ifxTreeViewDisableAllChange: EventEmitter<boolean>;\n\n @Watch('expandAllItems')\n handleExpandAllItemsChange(newValue: boolean) {\n this.ifxTreeViewExpandAllChange.emit(newValue);\n }\n\n @Watch('disableAllItems')\n handleDisableAllItemsChange(newValue: boolean) {\n this.ifxTreeViewDisableAllChange.emit(newValue);\n }\n\n private handleSlotRef = (el: HTMLSlotElement | null) => {\n if (el) {\n if (this.disableAllItems) {\n el.setAttribute('data-disable-all-items', 'true');\n } else {\n el.removeAttribute('data-disable-all-items');\n }\n if (this.expandAllItems) {\n el.setAttribute('data-expand-all-items', 'true');\n } else {\n el.removeAttribute('data-expand-all-items');\n }\n }\n };\n\n render() {\n return (\n <div\n class={`tree-view ${this.disableAllItems ? ' tree-view--disabled' : ''}`}\n role=\"tree\"\n aria-label={this.ariaLabel}\n >\n {this.label && this.label.trim() !== '' && <div class=\"tree-view__label\">{this.label}</div>}\n <slot ref={this.handleSlotRef}></slot>\n </div>\n );\n }\n}\n"]}
|
@@ -1,293 +0,0 @@
|
|
1
|
-
import { action } from "@storybook/addon-actions";
|
2
|
-
const hideAllControlsExcept = (allowedKeys) => {
|
3
|
-
const allProps = [
|
4
|
-
'label', 'disableAllItems', 'expandAllItems', 'ariaLabel'
|
5
|
-
];
|
6
|
-
const argTypes = {};
|
7
|
-
for (const prop of allProps) {
|
8
|
-
if (!allowedKeys.includes(prop)) {
|
9
|
-
argTypes[prop] = { table: { disable: true } };
|
10
|
-
}
|
11
|
-
}
|
12
|
-
return argTypes;
|
13
|
-
};
|
14
|
-
const disableCustomEventControls = {
|
15
|
-
ifxTreeViewExpandAllChange: { table: { disable: true } },
|
16
|
-
ifxTreeViewDisableAllChange: { table: { disable: true } },
|
17
|
-
ifxTreeViewItemExpandChange: { table: { disable: true } },
|
18
|
-
ifxTreeViewItemCheckChange: { table: { disable: true } },
|
19
|
-
ifxTreeViewItemDisableChange: { table: { disable: true } }
|
20
|
-
};
|
21
|
-
const meta = {
|
22
|
-
title: 'Components/Tree View',
|
23
|
-
tags: ['autodocs'],
|
24
|
-
parameters: {
|
25
|
-
controls: { expanded: true },
|
26
|
-
docs: {
|
27
|
-
description: {
|
28
|
-
component: 'Tree View component with nested items, checkboxes, keyboard navigation, and accessibility.',
|
29
|
-
},
|
30
|
-
},
|
31
|
-
},
|
32
|
-
argTypes: {
|
33
|
-
// --- FUNCTION ---
|
34
|
-
disableAllItems: {
|
35
|
-
control: 'boolean',
|
36
|
-
description: 'Disables all tree items.',
|
37
|
-
table: { category: 'Function', defaultValue: { summary: 'false' } },
|
38
|
-
},
|
39
|
-
expandAllItems: {
|
40
|
-
control: 'boolean',
|
41
|
-
description: 'Expands all tree items.',
|
42
|
-
table: { category: 'Function', defaultValue: { summary: 'false' } },
|
43
|
-
},
|
44
|
-
initiallyExpanded: {
|
45
|
-
table: { category: 'Function', type: { summary: 'boolean' }, defaultValue: { summary: 'false' } },
|
46
|
-
description: 'Expands this tree item initially (set as attribute on the item). No interactive control.',
|
47
|
-
control: false,
|
48
|
-
},
|
49
|
-
disableItem: {
|
50
|
-
table: { category: 'Function', type: { summary: 'boolean' }, defaultValue: { summary: 'false' } },
|
51
|
-
description: 'Disables this tree item (set as attribute on the item). No interactive control.',
|
52
|
-
control: false,
|
53
|
-
},
|
54
|
-
// --- Label ---
|
55
|
-
label: {
|
56
|
-
control: 'text',
|
57
|
-
description: 'Label / Heading for tree view.',
|
58
|
-
table: { category: 'Label', defaultValue: { summary: 'false' } },
|
59
|
-
},
|
60
|
-
// --- ARIA LABELS ---
|
61
|
-
ariaLabel: {
|
62
|
-
control: 'text',
|
63
|
-
description: 'ARIA label for the tree view.',
|
64
|
-
table: { category: 'Aria Labels', defaultValue: { summary: 'Tree View' } },
|
65
|
-
},
|
66
|
-
ariaLabelItem: {
|
67
|
-
control: 'text',
|
68
|
-
description: 'ARIA label for all tree view items.',
|
69
|
-
table: { category: 'Aria Labels', defaultValue: { summary: 'Tree Item' } },
|
70
|
-
},
|
71
|
-
// --- CUSTOM EVENTS ---
|
72
|
-
ifxTreeViewExpandAllChange: {
|
73
|
-
action: 'ifxTreeViewExpandAllChange',
|
74
|
-
table: { category: 'Custom Events' },
|
75
|
-
description: 'Fired when expandAllItems changes.',
|
76
|
-
},
|
77
|
-
ifxTreeViewDisableAllChange: {
|
78
|
-
action: 'ifxTreeViewDisableAllChange',
|
79
|
-
table: { category: 'Custom Events' },
|
80
|
-
description: 'Fired when disableAllItems changes.',
|
81
|
-
},
|
82
|
-
ifxTreeViewItemExpandChange: {
|
83
|
-
action: 'ifxTreeViewItemExpandChange',
|
84
|
-
table: { category: 'Custom Events' },
|
85
|
-
description: 'Fired when a tree item is expanded/collapsed.',
|
86
|
-
},
|
87
|
-
ifxTreeViewItemCheckChange: {
|
88
|
-
action: 'ifxTreeViewItemCheckChange',
|
89
|
-
table: { category: 'Custom Events' },
|
90
|
-
description: 'Fired when a tree item is checked/unchecked. For parent items, includes affectedChildItems array with all affected descendants.',
|
91
|
-
},
|
92
|
-
ifxTreeViewItemDisableChange: {
|
93
|
-
action: 'ifxTreeViewItemDisableChange',
|
94
|
-
table: { category: 'Custom Events' },
|
95
|
-
description: 'Fired when a tree item is disabled/enabled.',
|
96
|
-
},
|
97
|
-
}
|
98
|
-
};
|
99
|
-
export default meta;
|
100
|
-
const BaseTemplate = (args) => {
|
101
|
-
const el = document.createElement('ifx-tree-view');
|
102
|
-
if (args.label)
|
103
|
-
el.setAttribute('label', args.label);
|
104
|
-
el.setAttribute('aria-label', args.ariaLabel);
|
105
|
-
if (args.disableAllItems)
|
106
|
-
el.setAttribute('disable-all-items', 'true');
|
107
|
-
else
|
108
|
-
el.removeAttribute('disable-all-items');
|
109
|
-
if (args.expandAllItems)
|
110
|
-
el.setAttribute('expand-all-items', 'true');
|
111
|
-
else
|
112
|
-
el.removeAttribute('expand-all-items');
|
113
|
-
const ariaLabelItemAttr = args.ariaLabelItem
|
114
|
-
? `aria-label="${args.ariaLabelItem}"`
|
115
|
-
: '';
|
116
|
-
el.innerHTML = `
|
117
|
-
<ifx-tree-view-item label="Root Folder" icon="folder" initially-expanded="true" ${ariaLabelItemAttr}>
|
118
|
-
<ifx-tree-view-item label="Subfolder 1" icon="folder" initially-expanded="true" ${ariaLabelItemAttr}>
|
119
|
-
<ifx-tree-view-item label="File 1-1.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
|
120
|
-
<ifx-tree-view-item label="File 1-2.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
|
121
|
-
<ifx-tree-view-item label="Subfolder 1-1" icon="folder" ${ariaLabelItemAttr}>
|
122
|
-
<ifx-tree-view-item label="File 1-1-1.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
|
123
|
-
<ifx-tree-view-item label="File 1-1-2.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
|
124
|
-
</ifx-tree-view-item>
|
125
|
-
</ifx-tree-view-item>
|
126
|
-
<ifx-tree-view-item label="Subfolder 2" icon="folder" ${ariaLabelItemAttr}>
|
127
|
-
<ifx-tree-view-item label="File 2-1.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
|
128
|
-
<ifx-tree-view-item label="Subfolder 2-1" icon="folder" ${ariaLabelItemAttr}>
|
129
|
-
<ifx-tree-view-item label="File 2-1-1.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
|
130
|
-
<ifx-tree-view-item label="Subfolder 2-1-1" icon="folder" ${ariaLabelItemAttr}>
|
131
|
-
<ifx-tree-view-item label="File 2-1-1-1.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
|
132
|
-
</ifx-tree-view-item>
|
133
|
-
</ifx-tree-view-item>
|
134
|
-
</ifx-tree-view-item>
|
135
|
-
<ifx-tree-view-item label="File at root.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
|
136
|
-
</ifx-tree-view-item>
|
137
|
-
<ifx-tree-view-item label="Another Root Folder" icon="folder" ${ariaLabelItemAttr}>
|
138
|
-
<ifx-tree-view-item label="File A.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
|
139
|
-
<ifx-tree-view-item label="File B.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
|
140
|
-
</ifx-tree-view-item>
|
141
|
-
<ifx-tree-view-item label="Single File" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
|
142
|
-
`;
|
143
|
-
el.addEventListener('ifxTreeViewExpandAllChange', action('ifxTreeViewExpandAllChange'));
|
144
|
-
el.addEventListener('ifxTreeViewDisableAllChange', action('ifxTreeViewDisableAllChange'));
|
145
|
-
el.addEventListener('ifxTreeViewItemExpandChange', action('ifxTreeViewItemExpandChange'));
|
146
|
-
el.addEventListener('ifxTreeViewItemCheckChange', (event) => {
|
147
|
-
const customEvent = event;
|
148
|
-
action('ifxTreeViewItemCheckChange')({
|
149
|
-
checked: customEvent.detail.checked,
|
150
|
-
indeterminate: customEvent.detail.indeterminate,
|
151
|
-
affectedChildItems: customEvent.detail.affectedChildItems || []
|
152
|
-
});
|
153
|
-
});
|
154
|
-
el.addEventListener('ifxTreeViewItemDisableChange', action('ifxTreeViewItemDisableChange'));
|
155
|
-
return el;
|
156
|
-
};
|
157
|
-
export const Default = BaseTemplate.bind({});
|
158
|
-
Default.args = {
|
159
|
-
disableAllItems: false,
|
160
|
-
expandAllItems: false,
|
161
|
-
label: 'Tree Example',
|
162
|
-
ariaLabel: 'Tree View',
|
163
|
-
ariaLabelItem: 'Tree Item',
|
164
|
-
};
|
165
|
-
Default.argTypes = Object.assign(Object.assign(Object.assign({}, hideAllControlsExcept(['label', 'disableAllItems', 'expandAllItems', 'ariaLabel'])), disableCustomEventControls), { ifxTreeViewExpandAllChange: {
|
166
|
-
action: 'ifxTreeViewExpandAllChange',
|
167
|
-
table: { category: 'Custom Events' },
|
168
|
-
description: 'Fired when expandAllItems changes.',
|
169
|
-
}, ifxTreeViewDisableAllChange: {
|
170
|
-
action: 'ifxTreeViewDisableAllChange',
|
171
|
-
table: { category: 'Custom Events' },
|
172
|
-
description: 'Fired when disableAllItems changes.',
|
173
|
-
}, ifxTreeViewItemExpandChange: {
|
174
|
-
action: 'ifxTreeViewItemExpandChange',
|
175
|
-
table: { category: 'Custom Events' },
|
176
|
-
description: 'Fired when a tree item is expanded/collapsed.',
|
177
|
-
}, ifxTreeViewItemCheckChange: {
|
178
|
-
action: 'ifxTreeViewItemCheckChange',
|
179
|
-
table: { category: 'Custom Events' },
|
180
|
-
description: 'Fired when a tree item is checked/unchecked. For parent items, includes affectedChildItems array with all affected descendants.',
|
181
|
-
}, ifxTreeViewItemDisableChange: {
|
182
|
-
action: 'ifxTreeViewItemDisableChange',
|
183
|
-
table: { category: 'Custom Events' },
|
184
|
-
description: 'Fired when a tree item is disabled/enabled.',
|
185
|
-
} });
|
186
|
-
export const ContainerDemo = (args) => {
|
187
|
-
const ariaLabelItemAttr = args.ariaLabelItem
|
188
|
-
? `aria-label="${args.ariaLabelItem}"`
|
189
|
-
: '';
|
190
|
-
const wrapper = document.createElement('div');
|
191
|
-
wrapper.style.maxWidth = '225px';
|
192
|
-
wrapper.style.border = '1px solid #ccc';
|
193
|
-
wrapper.style.padding = '8px';
|
194
|
-
wrapper.style.overflow = 'auto';
|
195
|
-
const el = document.createElement('ifx-tree-view');
|
196
|
-
el.setAttribute('label', args.label);
|
197
|
-
el.setAttribute('aria-label', args.ariaLabel);
|
198
|
-
if (args.disableAllItems)
|
199
|
-
el.setAttribute('disable-all-items', 'true');
|
200
|
-
if (args.expandAllItems)
|
201
|
-
el.setAttribute('expand-all-items', 'true');
|
202
|
-
el.innerHTML = `
|
203
|
-
<ifx-tree-view-item label="Root Folder" icon="folder" initially-expanded="true" ${ariaLabelItemAttr}>
|
204
|
-
<ifx-tree-view-item label="Subfolder 1" icon="folder" initially-expanded="true" ${ariaLabelItemAttr}>
|
205
|
-
<ifx-tree-view-item label="File 1-1.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
|
206
|
-
<ifx-tree-view-item label="File 1-2.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
|
207
|
-
<ifx-tree-view-item label="Subfolder 1-1" icon="folder" ${ariaLabelItemAttr}>
|
208
|
-
<ifx-tree-view-item label="File 1-1-1.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
|
209
|
-
<ifx-tree-view-item label="File 1-1-2.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
|
210
|
-
</ifx-tree-view-item>
|
211
|
-
</ifx-tree-view-item>
|
212
|
-
<ifx-tree-view-item label="Subfolder 2" icon="folder" ${ariaLabelItemAttr}>
|
213
|
-
<ifx-tree-view-item label="File 2-1.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
|
214
|
-
<ifx-tree-view-item label="Subfolder 2-1" icon="folder" ${ariaLabelItemAttr}>
|
215
|
-
<ifx-tree-view-item label="File 2-1-1.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
|
216
|
-
<ifx-tree-view-item label="Subfolder 2-1-1" icon="folder" ${ariaLabelItemAttr}>
|
217
|
-
<ifx-tree-view-item label="File 2-1-1-1.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
|
218
|
-
</ifx-tree-view-item>
|
219
|
-
</ifx-tree-view-item>
|
220
|
-
</ifx-tree-view-item>
|
221
|
-
<ifx-tree-view-item label="File at root.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
|
222
|
-
</ifx-tree-view-item>
|
223
|
-
<ifx-tree-view-item label="Another Root Folder" icon="folder" ${ariaLabelItemAttr}>
|
224
|
-
<ifx-tree-view-item label="File A.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
|
225
|
-
<ifx-tree-view-item label="File B.txt" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
|
226
|
-
</ifx-tree-view-item>
|
227
|
-
<ifx-tree-view-item label="Single File" icon="file" ${ariaLabelItemAttr}></ifx-tree-view-item>
|
228
|
-
`;
|
229
|
-
el.addEventListener('ifxTreeViewExpandAllChange', action('ifxTreeViewExpandAllChange'));
|
230
|
-
el.addEventListener('ifxTreeViewDisableAllChange', action('ifxTreeViewDisableAllChange'));
|
231
|
-
el.addEventListener('ifxTreeViewItemExpandChange', action('ifxTreeViewItemExpandChange'));
|
232
|
-
el.addEventListener('ifxTreeViewItemCheckChange', (event) => {
|
233
|
-
const customEvent = event;
|
234
|
-
action('ifxTreeViewItemCheckChange')({
|
235
|
-
checked: customEvent.detail.checked,
|
236
|
-
indeterminate: customEvent.detail.indeterminate,
|
237
|
-
affectedChildItems: customEvent.detail.affectedChildItems || []
|
238
|
-
});
|
239
|
-
});
|
240
|
-
el.addEventListener('ifxTreeViewItemDisableChange', action('ifxTreeViewItemDisableChange'));
|
241
|
-
wrapper.appendChild(el);
|
242
|
-
return wrapper;
|
243
|
-
};
|
244
|
-
ContainerDemo.args = {
|
245
|
-
disableAllItems: false,
|
246
|
-
expandAllItems: false,
|
247
|
-
label: 'Tree Example',
|
248
|
-
ariaLabel: 'Tree View',
|
249
|
-
ariaLabelItem: 'Tree Item',
|
250
|
-
};
|
251
|
-
ContainerDemo.storyName = 'TreeView with scrollbar';
|
252
|
-
ContainerDemo.parameters = {
|
253
|
-
controls: { disable: true }
|
254
|
-
};
|
255
|
-
export const SingleItemStates = (args) => {
|
256
|
-
const el = document.createElement('ifx-tree-view');
|
257
|
-
el.setAttribute('aria-label', args.ariaLabel);
|
258
|
-
const ariaLabelItemAttr = args.ariaLabelItem
|
259
|
-
? `aria-label="${args.ariaLabelItem}"`
|
260
|
-
: '';
|
261
|
-
el.innerHTML = `
|
262
|
-
<ifx-tree-view-item label="File" ${ariaLabelItemAttr}></ifx-tree-view-item>
|
263
|
-
<ifx-tree-view-item label="File disabled" ${ariaLabelItemAttr} disable-item="true"></ifx-tree-view-item>
|
264
|
-
<ifx-tree-view-item label="Folder initially expanded" initially-expanded="true" ${ariaLabelItemAttr}>
|
265
|
-
<ifx-tree-view-item label="File" ${ariaLabelItemAttr}></ifx-tree-view-item>
|
266
|
-
<ifx-tree-view-item label="File disabled" disable-item="true" ${ariaLabelItemAttr}></ifx-tree-view-item>
|
267
|
-
</ifx-tree-view-item>
|
268
|
-
<ifx-tree-view-item label="Normal Item" ${ariaLabelItemAttr}></ifx-tree-view-item>
|
269
|
-
<ifx-tree-view-item label="Normal Item" ${ariaLabelItemAttr}></ifx-tree-view-item>
|
270
|
-
`;
|
271
|
-
el.addEventListener('ifxTreeViewExpandAllChange', action('ifxTreeViewExpandAllChange'));
|
272
|
-
el.addEventListener('ifxTreeViewDisableAllChange', action('ifxTreeViewDisableAllChange'));
|
273
|
-
el.addEventListener('ifxTreeViewItemExpandChange', action('ifxTreeViewItemExpandChange'));
|
274
|
-
el.addEventListener('ifxTreeViewItemCheckChange', (event) => {
|
275
|
-
const customEvent = event;
|
276
|
-
action('ifxTreeViewItemCheckChange')({
|
277
|
-
checked: customEvent.detail.checked,
|
278
|
-
indeterminate: customEvent.detail.indeterminate,
|
279
|
-
affectedChildItems: customEvent.detail.affectedChildItems || []
|
280
|
-
});
|
281
|
-
});
|
282
|
-
el.addEventListener('ifxTreeViewItemDisableChange', action('ifxTreeViewItemDisableChange'));
|
283
|
-
return el;
|
284
|
-
};
|
285
|
-
SingleItemStates.args = {
|
286
|
-
ariaLabel: 'Tree View',
|
287
|
-
ariaLabelItem: 'Tree Item',
|
288
|
-
};
|
289
|
-
SingleItemStates.storyName = 'Single Item Expanded & disabled';
|
290
|
-
SingleItemStates.parameters = {
|
291
|
-
controls: { disable: true }
|
292
|
-
};
|
293
|
-
//# sourceMappingURL=tree-view.stories.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"tree-view.stories.js","sourceRoot":"","sources":["../../../src/components/tree-view/tree-view.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { action } from '@storybook/addon-actions';\nimport type { Meta, StoryFn } from '@storybook/html';\n\nconst hideAllControlsExcept = (allowedKeys: string[]) => {\n const allProps = [\n 'label', 'disableAllItems', 'expandAllItems', 'ariaLabel'\n ];\n const argTypes: Record<string, any> = {};\n for (const prop of allProps) {\n if (!allowedKeys.includes(prop)) {\n argTypes[prop] = { table: { disable: true } };\n }\n }\n return argTypes;\n};\n\nconst disableCustomEventControls = {\n ifxTreeViewExpandAllChange: { table: { disable: true } },\n ifxTreeViewDisableAllChange: { table: { disable: true } },\n ifxTreeViewItemExpandChange: { table: { disable: true } },\n ifxTreeViewItemCheckChange: { table: { disable: true } },\n ifxTreeViewItemDisableChange: { table: { disable: true } }\n};\n\nconst meta: Meta = {\n title: 'Components/Tree View',\n tags: ['autodocs'],\n parameters: {\n controls: { expanded: true },\n docs: {\n description: {\n component: 'Tree View component with nested items, checkboxes, keyboard navigation, and accessibility.',\n },\n },\n },\n argTypes: {\n // --- FUNCTION ---\n disableAllItems: {\n control: 'boolean',\n description: 'Disables all tree items.',\n table: { category: 'Function', defaultValue: { summary: 'false' } },\n },\n expandAllItems: {\n control: 'boolean',\n description: 'Expands all tree items.',\n table: { category: 'Function', defaultValue: { summary: 'false' } },\n },\n initiallyExpanded: {\n table: { category: 'Function', type: { summary: 'boolean' }, defaultValue: { summary: 'false' } },\n description: 'Expands this tree item initially (set as attribute on the item). No interactive control.',\n control: false,\n },\n disableItem: {\n table: { category: 'Function', type: { summary: 'boolean' }, defaultValue: { summary: 'false' } },\n description: 'Disables this tree item (set as attribute on the item). No interactive control.',\n control: false,\n },\n\n // --- Label ---\n label: {\n control: 'text',\n description: 'Label / Heading for tree view.',\n table: { category: 'Label', defaultValue: { summary: 'false' } },\n },\n\n // --- ARIA LABELS ---\n ariaLabel: {\n control: 'text',\n description: 'ARIA label for the tree view.',\n table: { category: 'Aria Labels', defaultValue: { summary: 'Tree View' } },\n },\n ariaLabelItem: {\n control: 'text',\n description: 'ARIA label for all tree view items.',\n table: { category: 'Aria Labels', defaultValue: { summary: 'Tree Item' } },\n },\n\n // --- CUSTOM EVENTS ---\n ifxTreeViewExpandAllChange: {\n action: 'ifxTreeViewExpandAllChange',\n table: { category: 'Custom Events' },\n description: 'Fired when expandAllItems changes.',\n },\n ifxTreeViewDisableAllChange: {\n action: 'ifxTreeViewDisableAllChange',\n table: { category: 'Custom Events' },\n description: 'Fired when disableAllItems changes.',\n },\n ifxTreeViewItemExpandChange: {\n action: 'ifxTreeViewItemExpandChange',\n table: { category: 'Custom Events' },\n description: 'Fired when a tree item is expanded/collapsed.',\n },\n ifxTreeViewItemCheckChange: {\n action: 'ifxTreeViewItemCheckChange',\n table: { category: 'Custom Events' },\n description: 'Fired when a tree item is checked/unchecked. For parent items, includes affectedChildItems array with all affected descendants.',\n },\n ifxTreeViewItemDisableChange: {\n action: 'ifxTreeViewItemDisableChange',\n table: { category: 'Custom Events' },\n description: 'Fired when a tree item is disabled/enabled.',\n },\n }\n};\n\nexport default meta;\n\nconst BaseTemplate: StoryFn = (args) => {\n const el = document.createElement('ifx-tree-view');\n if (args.label) el.setAttribute('label', args.label);\n el.setAttribute('aria-label', args.ariaLabel);\n\n if (args.disableAllItems) el.setAttribute('disable-all-items', 'true');\n else el.removeAttribute('disable-all-items');\n\n if (args.expandAllItems) el.setAttribute('expand-all-items', 'true');\n else el.removeAttribute('expand-all-items');\n\n const ariaLabelItemAttr = args.ariaLabelItem\n ? `aria-label=\"${args.ariaLabelItem}\"`\n : '';\n\n el.innerHTML = `\n <ifx-tree-view-item label=\"Root Folder\" icon=\"folder\" initially-expanded=\"true\" ${ariaLabelItemAttr}>\n <ifx-tree-view-item label=\"Subfolder 1\" icon=\"folder\" initially-expanded=\"true\" ${ariaLabelItemAttr}>\n <ifx-tree-view-item label=\"File 1-1.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n <ifx-tree-view-item label=\"File 1-2.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n <ifx-tree-view-item label=\"Subfolder 1-1\" icon=\"folder\" ${ariaLabelItemAttr}>\n <ifx-tree-view-item label=\"File 1-1-1.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n <ifx-tree-view-item label=\"File 1-1-2.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n </ifx-tree-view-item>\n </ifx-tree-view-item>\n <ifx-tree-view-item label=\"Subfolder 2\" icon=\"folder\" ${ariaLabelItemAttr}>\n <ifx-tree-view-item label=\"File 2-1.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n <ifx-tree-view-item label=\"Subfolder 2-1\" icon=\"folder\" ${ariaLabelItemAttr}>\n <ifx-tree-view-item label=\"File 2-1-1.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n <ifx-tree-view-item label=\"Subfolder 2-1-1\" icon=\"folder\" ${ariaLabelItemAttr}>\n <ifx-tree-view-item label=\"File 2-1-1-1.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n </ifx-tree-view-item>\n </ifx-tree-view-item>\n </ifx-tree-view-item>\n <ifx-tree-view-item label=\"File at root.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n </ifx-tree-view-item>\n <ifx-tree-view-item label=\"Another Root Folder\" icon=\"folder\" ${ariaLabelItemAttr}>\n <ifx-tree-view-item label=\"File A.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n <ifx-tree-view-item label=\"File B.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n </ifx-tree-view-item>\n <ifx-tree-view-item label=\"Single File\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n `;\n\n el.addEventListener('ifxTreeViewExpandAllChange', action('ifxTreeViewExpandAllChange'));\n el.addEventListener('ifxTreeViewDisableAllChange', action('ifxTreeViewDisableAllChange'));\n el.addEventListener('ifxTreeViewItemExpandChange', action('ifxTreeViewItemExpandChange'));\n el.addEventListener('ifxTreeViewItemCheckChange', (event) => {\n const customEvent = event as CustomEvent;\n action('ifxTreeViewItemCheckChange')({\n checked: customEvent.detail.checked,\n indeterminate: customEvent.detail.indeterminate,\n affectedChildItems: customEvent.detail.affectedChildItems || []\n });\n });\n el.addEventListener('ifxTreeViewItemDisableChange', action('ifxTreeViewItemDisableChange'));\n\n return el;\n};\n\nexport const Default = BaseTemplate.bind({});\nDefault.args = {\n disableAllItems: false,\n expandAllItems: false,\n label: 'Tree Example',\n ariaLabel: 'Tree View',\n ariaLabelItem: 'Tree Item',\n};\n\nDefault.argTypes = {\n ...hideAllControlsExcept(['label', 'disableAllItems', 'expandAllItems', 'ariaLabel']),\n ...disableCustomEventControls,\n\n ifxTreeViewExpandAllChange: {\n action: 'ifxTreeViewExpandAllChange',\n table: { category: 'Custom Events' },\n description: 'Fired when expandAllItems changes.',\n },\n ifxTreeViewDisableAllChange: {\n action: 'ifxTreeViewDisableAllChange',\n table: { category: 'Custom Events' },\n description: 'Fired when disableAllItems changes.',\n },\n ifxTreeViewItemExpandChange: {\n action: 'ifxTreeViewItemExpandChange',\n table: { category: 'Custom Events' },\n description: 'Fired when a tree item is expanded/collapsed.',\n },\n ifxTreeViewItemCheckChange: {\n action: 'ifxTreeViewItemCheckChange',\n table: { category: 'Custom Events' },\n description: 'Fired when a tree item is checked/unchecked. For parent items, includes affectedChildItems array with all affected descendants.',\n },\n ifxTreeViewItemDisableChange: {\n action: 'ifxTreeViewItemDisableChange',\n table: { category: 'Custom Events' },\n description: 'Fired when a tree item is disabled/enabled.',\n },\n};\n\nexport const ContainerDemo: StoryFn = (args) => {\n const ariaLabelItemAttr = args.ariaLabelItem\n ? `aria-label=\"${args.ariaLabelItem}\"`\n : '';\n\n\n const wrapper = document.createElement('div');\n wrapper.style.maxWidth = '225px';\n wrapper.style.border = '1px solid #ccc';\n wrapper.style.padding = '8px';\n wrapper.style.overflow = 'auto';\n\n const el = document.createElement('ifx-tree-view');\n el.setAttribute('label', args.label);\n el.setAttribute('aria-label', args.ariaLabel);\n\n if (args.disableAllItems) el.setAttribute('disable-all-items', 'true');\n if (args.expandAllItems) el.setAttribute('expand-all-items', 'true');\n\n el.innerHTML = `\n <ifx-tree-view-item label=\"Root Folder\" icon=\"folder\" initially-expanded=\"true\" ${ariaLabelItemAttr}>\n <ifx-tree-view-item label=\"Subfolder 1\" icon=\"folder\" initially-expanded=\"true\" ${ariaLabelItemAttr}>\n <ifx-tree-view-item label=\"File 1-1.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n <ifx-tree-view-item label=\"File 1-2.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n <ifx-tree-view-item label=\"Subfolder 1-1\" icon=\"folder\" ${ariaLabelItemAttr}>\n <ifx-tree-view-item label=\"File 1-1-1.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n <ifx-tree-view-item label=\"File 1-1-2.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n </ifx-tree-view-item>\n </ifx-tree-view-item>\n <ifx-tree-view-item label=\"Subfolder 2\" icon=\"folder\" ${ariaLabelItemAttr}>\n <ifx-tree-view-item label=\"File 2-1.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n <ifx-tree-view-item label=\"Subfolder 2-1\" icon=\"folder\" ${ariaLabelItemAttr}>\n <ifx-tree-view-item label=\"File 2-1-1.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n <ifx-tree-view-item label=\"Subfolder 2-1-1\" icon=\"folder\" ${ariaLabelItemAttr}>\n <ifx-tree-view-item label=\"File 2-1-1-1.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n </ifx-tree-view-item>\n </ifx-tree-view-item>\n </ifx-tree-view-item>\n <ifx-tree-view-item label=\"File at root.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n </ifx-tree-view-item>\n <ifx-tree-view-item label=\"Another Root Folder\" icon=\"folder\" ${ariaLabelItemAttr}>\n <ifx-tree-view-item label=\"File A.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n <ifx-tree-view-item label=\"File B.txt\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n </ifx-tree-view-item>\n <ifx-tree-view-item label=\"Single File\" icon=\"file\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n `;\n\n el.addEventListener('ifxTreeViewExpandAllChange', action('ifxTreeViewExpandAllChange'));\n el.addEventListener('ifxTreeViewDisableAllChange', action('ifxTreeViewDisableAllChange'));\n el.addEventListener('ifxTreeViewItemExpandChange', action('ifxTreeViewItemExpandChange'));\n el.addEventListener('ifxTreeViewItemCheckChange', (event) => {\n const customEvent = event as CustomEvent;\n action('ifxTreeViewItemCheckChange')({\n checked: customEvent.detail.checked,\n indeterminate: customEvent.detail.indeterminate,\n affectedChildItems: customEvent.detail.affectedChildItems || []\n });\n });\n el.addEventListener('ifxTreeViewItemDisableChange', action('ifxTreeViewItemDisableChange'));\n\n wrapper.appendChild(el);\n return wrapper;\n};\n\nContainerDemo.args = {\n disableAllItems: false,\n expandAllItems: false,\n label: 'Tree Example',\n ariaLabel: 'Tree View',\n ariaLabelItem: 'Tree Item',\n};\n\nContainerDemo.storyName = 'TreeView with scrollbar';\nContainerDemo.parameters = {\n controls: { disable: true }\n};\n\nexport const SingleItemStates: StoryFn = (args) => {\n const el = document.createElement('ifx-tree-view');\n el.setAttribute('aria-label', args.ariaLabel);\n\n const ariaLabelItemAttr = args.ariaLabelItem\n ? `aria-label=\"${args.ariaLabelItem}\"`\n : '';\n\n el.innerHTML = `\n <ifx-tree-view-item label=\"File\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n <ifx-tree-view-item label=\"File disabled\" ${ariaLabelItemAttr} disable-item=\"true\"></ifx-tree-view-item>\n <ifx-tree-view-item label=\"Folder initially expanded\" initially-expanded=\"true\" ${ariaLabelItemAttr}>\n <ifx-tree-view-item label=\"File\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n <ifx-tree-view-item label=\"File disabled\" disable-item=\"true\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n </ifx-tree-view-item>\n <ifx-tree-view-item label=\"Normal Item\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n <ifx-tree-view-item label=\"Normal Item\" ${ariaLabelItemAttr}></ifx-tree-view-item>\n `;\n\n el.addEventListener('ifxTreeViewExpandAllChange', action('ifxTreeViewExpandAllChange'));\n el.addEventListener('ifxTreeViewDisableAllChange', action('ifxTreeViewDisableAllChange'));\n el.addEventListener('ifxTreeViewItemExpandChange', action('ifxTreeViewItemExpandChange'));\n el.addEventListener('ifxTreeViewItemCheckChange', (event) => {\n const customEvent = event as CustomEvent;\n action('ifxTreeViewItemCheckChange')({\n checked: customEvent.detail.checked,\n indeterminate: customEvent.detail.indeterminate,\n affectedChildItems: customEvent.detail.affectedChildItems || []\n });\n });\n el.addEventListener('ifxTreeViewItemDisableChange', action('ifxTreeViewItemDisableChange'));\n\n return el;\n};\n\nSingleItemStates.args = {\n ariaLabel: 'Tree View',\n ariaLabelItem: 'Tree Item',\n};\n\nSingleItemStates.storyName = 'Single Item Expanded & disabled';\nSingleItemStates.parameters = {\n controls: { disable: true }\n};\n"]}
|
@@ -1,11 +0,0 @@
|
|
1
|
-
import type { Components, JSX } from "../types/components";
|
2
|
-
|
3
|
-
interface IfxTreeViewItem extends Components.IfxTreeViewItem, HTMLElement {}
|
4
|
-
export const IfxTreeViewItem: {
|
5
|
-
prototype: IfxTreeViewItem;
|
6
|
-
new (): IfxTreeViewItem;
|
7
|
-
};
|
8
|
-
/**
|
9
|
-
* Used to define this component and all nested components recursively.
|
10
|
-
*/
|
11
|
-
export const defineCustomElement: () => void;
|