@fabric-msft/fabric-web 4.0.0 → 5.0.1
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/CHANGELOG.json +334 -0
- package/CHANGELOG.md +108 -1
- package/dist/dts/components/accordion-menu/accordion-menu.d.ts +2 -2
- package/dist/dts/components/accordion-menu/accordion-menu.d.ts.map +1 -1
- package/dist/dts/components/accordion-menu/accordion-menu.template.d.ts +1 -1
- package/dist/dts/components/accordion-menu/accordion-menu.template.d.ts.map +1 -1
- package/dist/dts/components/accordion-menu-panel/accordion-menu-panel.d.ts +2 -2
- package/dist/dts/components/accordion-menu-panel/accordion-menu-panel.d.ts.map +1 -1
- package/dist/dts/components/accordion-menu-panel/accordion-menu-panel.template.d.ts +1 -1
- package/dist/dts/components/accordion-menu-panel/accordion-menu-panel.template.d.ts.map +1 -1
- package/dist/dts/components/button/button.d.ts +1 -1
- package/dist/dts/components/button/button.d.ts.map +1 -1
- package/dist/dts/components/card/card.template.d.ts +1 -1
- package/dist/dts/components/card/card.template.d.ts.map +1 -1
- package/dist/dts/components/card-footer/card-footer.template.d.ts +1 -1
- package/dist/dts/components/card-footer/card-footer.template.d.ts.map +1 -1
- package/dist/dts/components/card-header/card-header.template.d.ts +1 -1
- package/dist/dts/components/card-header/card-header.template.d.ts.map +1 -1
- package/dist/dts/components/card-preview/card-preview.template.d.ts +1 -1
- package/dist/dts/components/card-preview/card-preview.template.d.ts.map +1 -1
- package/dist/dts/components/carousel/carousel.template.d.ts +1 -1
- package/dist/dts/components/carousel/carousel.template.d.ts.map +1 -1
- package/dist/dts/components/component-register.d.ts +67 -0
- package/dist/dts/components/component-register.d.ts.map +1 -0
- package/dist/dts/components/compound-button/compound-button.d.ts +1 -1
- package/dist/dts/components/compound-button/compound-button.d.ts.map +1 -1
- package/dist/dts/components/compound-button/compound-button.options.d.ts +1 -1
- package/dist/dts/components/compound-button/compound-button.options.d.ts.map +1 -1
- package/dist/dts/components/counter-badge/counter-badge.definition.d.ts +1 -1
- package/dist/dts/components/counter-badge/counter-badge.definition.d.ts.map +1 -1
- package/dist/dts/components/counter-badge/counter-badge.options.d.ts +64 -0
- package/dist/dts/components/counter-badge/counter-badge.options.d.ts.map +1 -0
- package/dist/dts/components/counter-badge/index.d.ts +4 -3
- package/dist/dts/components/counter-badge/index.d.ts.map +1 -1
- package/dist/dts/components/field/field.d.ts +32 -1
- package/dist/dts/components/field/field.d.ts.map +1 -1
- package/dist/dts/components/filter-pill/filter-pill.d.ts +2 -2
- package/dist/dts/components/filter-pill/filter-pill.d.ts.map +1 -1
- package/dist/dts/components/filter-pill/filter-pill.styles.d.ts.map +1 -1
- package/dist/dts/components/filter-pill/filter-pill.template.d.ts +1 -1
- package/dist/dts/components/filter-pill/filter-pill.template.d.ts.map +1 -1
- package/dist/dts/components/listbox/listbox.d.ts +1 -1
- package/dist/dts/components/listbox/listbox.d.ts.map +1 -1
- package/dist/dts/components/loading-button/loading-button.template.d.ts +1 -1
- package/dist/dts/components/loading-button/loading-button.template.d.ts.map +1 -1
- package/dist/dts/components/menu/menu.d.ts +71 -83
- package/dist/dts/components/menu/menu.d.ts.map +1 -1
- package/dist/dts/components/menu/menu.positioning.d.ts +26 -67
- package/dist/dts/components/menu/menu.positioning.d.ts.map +1 -1
- package/dist/dts/components/menu/menu.styles.d.ts.map +1 -1
- package/dist/dts/components/menu/menu.template.d.ts +1 -1
- package/dist/dts/components/menu/menu.template.d.ts.map +1 -1
- package/dist/dts/components/menu-item/menu-item.d.ts +4 -4
- package/dist/dts/components/menu-item/menu-item.d.ts.map +1 -1
- package/dist/dts/components/menu-list/menu-list.d.ts +1 -1
- package/dist/dts/components/menu-list/menu-list.d.ts.map +1 -1
- package/dist/dts/components/multi-view/multi-view.template.d.ts +1 -1
- package/dist/dts/components/multi-view/multi-view.template.d.ts.map +1 -1
- package/dist/dts/components/multi-view-controller/multi-view-controller.styles.d.ts.map +1 -1
- package/dist/dts/components/multi-view-controller/multi-view-controller.template.d.ts +1 -1
- package/dist/dts/components/multi-view-controller/multi-view-controller.template.d.ts.map +1 -1
- package/dist/dts/components/multi-view-group/multi-view-group.template.d.ts +1 -1
- package/dist/dts/components/multi-view-group/multi-view-group.template.d.ts.map +1 -1
- package/dist/dts/components/option-group/option-group.d.ts +1 -1
- package/dist/dts/components/option-group/option-group.d.ts.map +1 -1
- package/dist/dts/components/option-group/option-group.template.d.ts +1 -1
- package/dist/dts/components/option-group/option-group.template.d.ts.map +1 -1
- package/dist/dts/components/popover/index.d.ts +1 -1
- package/dist/dts/components/popover/index.d.ts.map +1 -1
- package/dist/dts/components/popover/popover.d.ts +53 -74
- package/dist/dts/components/popover/popover.d.ts.map +1 -1
- package/dist/dts/components/popover/popover.definition.d.ts +1 -1
- package/dist/dts/components/popover/popover.definition.d.ts.map +1 -1
- package/dist/dts/components/popover/popover.options.d.ts +25 -10
- package/dist/dts/components/popover/popover.options.d.ts.map +1 -1
- package/dist/dts/components/popover/popover.positioning.d.ts +92 -0
- package/dist/dts/components/popover/popover.positioning.d.ts.map +1 -0
- package/dist/dts/components/popover/popover.styles.d.ts.map +1 -1
- package/dist/dts/components/popover/popover.template.d.ts +1 -1
- package/dist/dts/components/popover/popover.template.d.ts.map +1 -1
- package/dist/dts/components/search-box/index.d.ts +1 -1
- package/dist/dts/components/search-box/index.d.ts.map +1 -1
- package/dist/dts/components/search-box/search-box.d.ts +1 -1
- package/dist/dts/components/search-box/search-box.d.ts.map +1 -1
- package/dist/dts/components/search-box/search-box.options.d.ts.map +1 -1
- package/dist/dts/components/search-box/search-box.template.d.ts +1 -1
- package/dist/dts/components/search-box/search-box.template.d.ts.map +1 -1
- package/dist/dts/components/svg-icon/scripts/sprite-builder.d.ts +1 -1
- package/dist/dts/components/svg-icon/scripts/sprite-builder.d.ts.map +1 -1
- package/dist/dts/components/svg-icon/svg-icon.styles.d.ts.map +1 -1
- package/dist/dts/components/table/index.d.ts +6 -5
- package/dist/dts/components/table/index.d.ts.map +1 -1
- package/dist/dts/components/table/table.d.ts +2 -2
- package/dist/dts/components/table/table.d.ts.map +1 -1
- package/dist/dts/components/table/table.options.d.ts +4 -4
- package/dist/dts/components/table/table.options.d.ts.map +1 -1
- package/dist/dts/components/table/table.styles.d.ts.map +1 -1
- package/dist/dts/components/table/table.template.d.ts +1 -1
- package/dist/dts/components/table/table.template.d.ts.map +1 -1
- package/dist/dts/components/table-cell/index.d.ts +6 -5
- package/dist/dts/components/table-cell/index.d.ts.map +1 -1
- package/dist/dts/components/table-cell/table-cell.options.d.ts +2 -2
- package/dist/dts/components/table-cell/table-cell.options.d.ts.map +1 -1
- package/dist/dts/components/table-cell/table-cell.template.d.ts +1 -1
- package/dist/dts/components/table-cell/table-cell.template.d.ts.map +1 -1
- package/dist/dts/components/tag/tag.d.ts +1 -1
- package/dist/dts/components/tag/tag.d.ts.map +1 -1
- package/dist/dts/components/tag/tag.styles.d.ts.map +1 -1
- package/dist/dts/components/tag/tag.template.d.ts +1 -1
- package/dist/dts/components/tag/tag.template.d.ts.map +1 -1
- package/dist/dts/components/teaching-bubble/index.d.ts +2 -0
- package/dist/dts/components/teaching-bubble/index.d.ts.map +1 -1
- package/dist/dts/components/teaching-bubble/teaching-bubble.d.ts +1 -12
- package/dist/dts/components/teaching-bubble/teaching-bubble.d.ts.map +1 -1
- package/dist/dts/components/teaching-bubble/teaching-bubble.styles.d.ts.map +1 -1
- package/dist/dts/components/teaching-bubble/teaching-bubble.template.d.ts +1 -1
- package/dist/dts/components/teaching-bubble/teaching-bubble.template.d.ts.map +1 -1
- package/dist/dts/components/text/index.d.ts +4 -3
- package/dist/dts/components/text/index.d.ts.map +1 -1
- package/dist/dts/components/text/text.d.ts +3 -3
- package/dist/dts/components/text/text.options.d.ts +35 -0
- package/dist/dts/components/text/text.options.d.ts.map +1 -0
- package/dist/dts/components/text-input/index.d.ts +1 -1
- package/dist/dts/components/text-input/index.d.ts.map +1 -1
- package/dist/dts/components/text-input/text-input.base.d.ts +3 -3
- package/dist/dts/components/text-input/text-input.base.d.ts.map +1 -1
- package/dist/dts/components/text-input/text-input.d.ts.map +1 -1
- package/dist/dts/components/text-input/text-input.styles.d.ts.map +1 -1
- package/dist/dts/components/text-input/text-input.template.d.ts +1 -2
- package/dist/dts/components/text-input/text-input.template.d.ts.map +1 -1
- package/dist/dts/components/textarea/index.d.ts +5 -3
- package/dist/dts/components/textarea/index.d.ts.map +1 -1
- package/dist/dts/components/textarea/textarea.options.d.ts +39 -0
- package/dist/dts/components/textarea/textarea.options.d.ts.map +1 -0
- package/dist/dts/components/tooltip/tooltip.d.ts +27 -0
- package/dist/dts/components/tooltip/tooltip.d.ts.map +1 -1
- package/dist/dts/components/tooltip/tooltip.template.d.ts +13 -0
- package/dist/dts/components/tooltip/tooltip.template.d.ts.map +1 -0
- package/dist/dts/components/tree/tree.d.ts +16 -0
- package/dist/dts/components/tree/tree.d.ts.map +1 -1
- package/dist/dts/components/tree-item/index.d.ts +2 -1
- package/dist/dts/components/tree-item/index.d.ts.map +1 -1
- package/dist/dts/components/tree-item/tree-item.definition.d.ts.map +1 -1
- package/dist/dts/components/tree-item/tree-item.styles.d.ts +2 -0
- package/dist/dts/components/tree-item/tree-item.styles.d.ts.map +1 -0
- package/dist/dts/components/tree-item/tree-item.template.d.ts +4 -0
- package/dist/dts/components/tree-item/tree-item.template.d.ts.map +1 -0
- package/dist/dts/components/wizard/index.d.ts +1 -1
- package/dist/dts/components/wizard/index.d.ts.map +1 -1
- package/dist/dts/components/wizard/wizard.d.ts +1 -1
- package/dist/dts/components/wizard/wizard.d.ts.map +1 -1
- package/dist/dts/components/wizard/wizard.template.d.ts +1 -1
- package/dist/dts/components/wizard/wizard.template.d.ts.map +1 -1
- package/dist/dts/components/wizard-panel/wizard-panel.template.d.ts +1 -1
- package/dist/dts/components/wizard-panel/wizard-panel.template.d.ts.map +1 -1
- package/dist/dts/components/wizard-step/index.d.ts +1 -1
- package/dist/dts/components/wizard-step/index.d.ts.map +1 -1
- package/dist/dts/components/wizard-step/wizard-step.d.ts +1 -1
- package/dist/dts/components/wizard-step/wizard-step.d.ts.map +1 -1
- package/dist/dts/components/wizard-step/wizard-step.styles.d.ts.map +1 -1
- package/dist/dts/components/wizard-step/wizard-step.template.d.ts +1 -1
- package/dist/dts/components/wizard-step/wizard-step.template.d.ts.map +1 -1
- package/dist/dts/index.d.ts +20 -13
- package/dist/dts/index.d.ts.map +1 -1
- package/dist/dts/util/accessibility-utilities.d.ts +23 -0
- package/dist/dts/util/accessibility-utilities.d.ts.map +1 -0
- package/dist/dts/util/attribute-utilities.d.ts +9 -0
- package/dist/dts/util/attribute-utilities.d.ts.map +1 -0
- package/dist/dts/util/debounce.d.ts.map +1 -0
- package/dist/dts/util/debug.d.ts +32 -0
- package/dist/dts/util/debug.d.ts.map +1 -0
- package/dist/dts/util/direction.d.ts +193 -0
- package/dist/dts/util/direction.d.ts.map +1 -1
- package/dist/dts/util/dom.d.ts +2 -0
- package/dist/dts/util/dom.d.ts.map +1 -0
- package/dist/dts/util/element-internal-mocks.d.ts +67 -0
- package/dist/dts/util/element-internal-mocks.d.ts.map +1 -0
- package/dist/dts/util/focus-management.d.ts +132 -0
- package/dist/dts/util/focus-management.d.ts.map +1 -0
- package/dist/dts/util/hash-utilities.d.ts +8 -0
- package/dist/dts/util/hash-utilities.d.ts.map +1 -0
- package/dist/dts/util/index.d.ts +13 -6
- package/dist/dts/util/index.d.ts.map +1 -1
- package/dist/dts/util/positioning/flexible-position-strategy.d.ts +87 -0
- package/dist/dts/util/positioning/flexible-position-strategy.d.ts.map +1 -0
- package/dist/dts/util/positioning/index.d.ts +9 -0
- package/dist/dts/util/positioning/index.d.ts.map +1 -0
- package/dist/dts/util/positioning/position-calculator.d.ts +46 -0
- package/dist/dts/util/positioning/position-calculator.d.ts.map +1 -0
- package/dist/dts/util/positioning/types.d.ts +181 -0
- package/dist/dts/util/positioning/types.d.ts.map +1 -0
- package/dist/dts/util/template-helpers.d.ts +2 -1
- package/dist/dts/util/template-helpers.d.ts.map +1 -1
- package/dist/esm/components/accordion-menu/accordion-menu.js +1 -1
- package/dist/esm/components/accordion-menu/accordion-menu.js.map +1 -1
- package/dist/esm/components/accordion-menu/accordion-menu.styles.js +1 -1
- package/dist/esm/components/accordion-menu/accordion-menu.template.js.map +1 -1
- package/dist/esm/components/accordion-menu-panel/accordion-menu-panel.js +3 -2
- package/dist/esm/components/accordion-menu-panel/accordion-menu-panel.js.map +1 -1
- package/dist/esm/components/accordion-menu-panel/accordion-menu-panel.styles.js +3 -2
- package/dist/esm/components/accordion-menu-panel/accordion-menu-panel.styles.js.map +1 -1
- package/dist/esm/components/accordion-menu-panel/accordion-menu-panel.template.js.map +1 -1
- package/dist/esm/components/button/button.js.map +1 -1
- package/dist/esm/components/card/card.js.map +1 -1
- package/dist/esm/components/card/card.styles.js +1 -1
- package/dist/esm/components/card/card.template.js.map +1 -1
- package/dist/esm/components/card-footer/card-footer.styles.js +1 -1
- package/dist/esm/components/card-footer/card-footer.template.js.map +1 -1
- package/dist/esm/components/card-header/card-header.styles.js +1 -1
- package/dist/esm/components/card-header/card-header.template.js.map +1 -1
- package/dist/esm/components/card-preview/card-preview.styles.js +1 -1
- package/dist/esm/components/card-preview/card-preview.template.js.map +1 -1
- package/dist/esm/components/carousel/carousel.js +1 -1
- package/dist/esm/components/carousel/carousel.js.map +1 -1
- package/dist/esm/components/carousel/carousel.styles.js +1 -1
- package/dist/esm/components/carousel/carousel.template.js.map +1 -1
- package/dist/esm/components/component-register.js +67 -0
- package/dist/esm/components/component-register.js.map +1 -0
- package/dist/esm/components/compound-button/compound-button.js.map +1 -1
- package/dist/esm/components/compound-button/compound-button.options.js +1 -1
- package/dist/esm/components/counter-badge/counter-badge.definition.js.map +1 -1
- package/dist/esm/components/counter-badge/counter-badge.options.js +32 -0
- package/dist/esm/components/counter-badge/counter-badge.options.js.map +1 -0
- package/dist/esm/components/counter-badge/define.js +2 -2
- package/dist/esm/components/counter-badge/define.js.map +1 -1
- package/dist/esm/components/counter-badge/index.js +3 -3
- package/dist/esm/components/counter-badge/index.js.map +1 -1
- package/dist/esm/components/field/field.js +68 -1
- package/dist/esm/components/field/field.js.map +1 -1
- package/dist/esm/components/filter-pill/filter-pill.js +1 -1
- package/dist/esm/components/filter-pill/filter-pill.js.map +1 -1
- package/dist/esm/components/filter-pill/filter-pill.options.js +1 -1
- package/dist/esm/components/filter-pill/filter-pill.styles.js +5 -3
- package/dist/esm/components/filter-pill/filter-pill.styles.js.map +1 -1
- package/dist/esm/components/filter-pill/filter-pill.template.js.map +1 -1
- package/dist/esm/components/listbox/listbox.js +1 -1
- package/dist/esm/components/listbox/listbox.js.map +1 -1
- package/dist/esm/components/loading-button/loading-button.js.map +1 -1
- package/dist/esm/components/loading-button/loading-button.template.js +3 -5
- package/dist/esm/components/loading-button/loading-button.template.js.map +1 -1
- package/dist/esm/components/menu/menu.js +159 -230
- package/dist/esm/components/menu/menu.js.map +1 -1
- package/dist/esm/components/menu/menu.options.js +1 -1
- package/dist/esm/components/menu/menu.options.js.map +1 -1
- package/dist/esm/components/menu/menu.positioning.js +98 -201
- package/dist/esm/components/menu/menu.positioning.js.map +1 -1
- package/dist/esm/components/menu/menu.styles.js +2 -2
- package/dist/esm/components/menu/menu.styles.js.map +1 -1
- package/dist/esm/components/menu/menu.template.js.map +1 -1
- package/dist/esm/components/menu-item/menu-item.js +4 -4
- package/dist/esm/components/menu-item/menu-item.js.map +1 -1
- package/dist/esm/components/menu-item/menu-item.styles.js +4 -3
- package/dist/esm/components/menu-item/menu-item.styles.js.map +1 -1
- package/dist/esm/components/menu-item/menu-item.template.js +1 -0
- package/dist/esm/components/menu-item/menu-item.template.js.map +1 -1
- package/dist/esm/components/menu-list/menu-list.js +1 -1
- package/dist/esm/components/menu-list/menu-list.js.map +1 -1
- package/dist/esm/components/menu-list/menu-list.styles.js +1 -1
- package/dist/esm/components/multi-view/multi-view.styles.js +1 -1
- package/dist/esm/components/multi-view/multi-view.template.js +1 -0
- package/dist/esm/components/multi-view/multi-view.template.js.map +1 -1
- package/dist/esm/components/multi-view-controller/multi-view-controller.styles.js +3 -2
- package/dist/esm/components/multi-view-controller/multi-view-controller.styles.js.map +1 -1
- package/dist/esm/components/multi-view-controller/multi-view-controller.template.js.map +1 -1
- package/dist/esm/components/multi-view-group/multi-view-group.js +1 -0
- package/dist/esm/components/multi-view-group/multi-view-group.js.map +1 -1
- package/dist/esm/components/multi-view-group/multi-view-group.styles.js +1 -1
- package/dist/esm/components/multi-view-group/multi-view-group.template.js.map +1 -1
- package/dist/esm/components/option-group/option-group.js +1 -1
- package/dist/esm/components/option-group/option-group.js.map +1 -1
- package/dist/esm/components/option-group/option-group.template.js.map +1 -1
- package/dist/esm/components/popover/define.js +2 -2
- package/dist/esm/components/popover/define.js.map +1 -1
- package/dist/esm/components/popover/index.js +1 -1
- package/dist/esm/components/popover/index.js.map +1 -1
- package/dist/esm/components/popover/popover.definition.js.map +1 -1
- package/dist/esm/components/popover/popover.js +88 -127
- package/dist/esm/components/popover/popover.js.map +1 -1
- package/dist/esm/components/popover/popover.options.js +13 -10
- package/dist/esm/components/popover/popover.options.js.map +1 -1
- package/dist/esm/components/popover/popover.positioning.js +314 -0
- package/dist/esm/components/popover/popover.positioning.js.map +1 -0
- package/dist/esm/components/popover/popover.styles.js +26 -4
- package/dist/esm/components/popover/popover.styles.js.map +1 -1
- package/dist/esm/components/popover/popover.template.js +1 -2
- package/dist/esm/components/popover/popover.template.js.map +1 -1
- package/dist/esm/components/search-box/index.js +1 -1
- package/dist/esm/components/search-box/index.js.map +1 -1
- package/dist/esm/components/search-box/search-box.js +1 -1
- package/dist/esm/components/search-box/search-box.js.map +1 -1
- package/dist/esm/components/search-box/search-box.options.js +8 -2
- package/dist/esm/components/search-box/search-box.options.js.map +1 -1
- package/dist/esm/components/search-box/search-box.styles.js +3 -2
- package/dist/esm/components/search-box/search-box.styles.js.map +1 -1
- package/dist/esm/components/search-box/search-box.template.js.map +1 -1
- package/dist/esm/components/simple-table/simple-table.styles.js +2 -1
- package/dist/esm/components/svg-icon/scripts/sprite-builder.js.map +1 -1
- package/dist/esm/components/svg-icon/svg-icon.js.map +1 -1
- package/dist/esm/components/svg-icon/svg-icon.styles.js +3 -2
- package/dist/esm/components/svg-icon/svg-icon.styles.js.map +1 -1
- package/dist/esm/components/svg-icon/svg-icon.template.js +1 -0
- package/dist/esm/components/svg-icon/svg-icon.template.js.map +1 -1
- package/dist/esm/components/table/index.js +5 -5
- package/dist/esm/components/table/index.js.map +1 -1
- package/dist/esm/components/table/table.js +1 -1
- package/dist/esm/components/table/table.js.map +1 -1
- package/dist/esm/components/table/table.options.js +2 -2
- package/dist/esm/components/table/table.options.js.map +1 -1
- package/dist/esm/components/table/table.styles.js +3 -2
- package/dist/esm/components/table/table.styles.js.map +1 -1
- package/dist/esm/components/table/table.template.js +3 -3
- package/dist/esm/components/table/table.template.js.map +1 -1
- package/dist/esm/components/table-cell/index.js +5 -5
- package/dist/esm/components/table-cell/index.js.map +1 -1
- package/dist/esm/components/table-cell/table-cell.options.js +2 -2
- package/dist/esm/components/table-cell/table-cell.options.js.map +1 -1
- package/dist/esm/components/table-cell/table-cell.styles.js +2 -2
- package/dist/esm/components/table-cell/table-cell.styles.js.map +1 -1
- package/dist/esm/components/table-cell/table-cell.template.js.map +1 -1
- package/dist/esm/components/tag/tag.js.map +1 -1
- package/dist/esm/components/tag/tag.styles.js +3 -2
- package/dist/esm/components/tag/tag.styles.js.map +1 -1
- package/dist/esm/components/tag/tag.template.js.map +1 -1
- package/dist/esm/components/teaching-bubble/index.js +2 -0
- package/dist/esm/components/teaching-bubble/index.js.map +1 -1
- package/dist/esm/components/teaching-bubble/teaching-bubble.js +7 -22
- package/dist/esm/components/teaching-bubble/teaching-bubble.js.map +1 -1
- package/dist/esm/components/teaching-bubble/teaching-bubble.styles.js +3 -2
- package/dist/esm/components/teaching-bubble/teaching-bubble.styles.js.map +1 -1
- package/dist/esm/components/teaching-bubble/teaching-bubble.template.js +1 -0
- package/dist/esm/components/teaching-bubble/teaching-bubble.template.js.map +1 -1
- package/dist/esm/components/text/define.js +2 -2
- package/dist/esm/components/text/define.js.map +1 -1
- package/dist/esm/components/text/index.js +3 -3
- package/dist/esm/components/text/index.js.map +1 -1
- package/dist/esm/components/text/text.definition.js.map +1 -1
- package/dist/esm/components/text/text.js +3 -3
- package/dist/esm/components/text/text.options.js +16 -0
- package/dist/esm/components/text/text.options.js.map +1 -0
- package/dist/esm/components/text-input/index.js +1 -1
- package/dist/esm/components/text-input/index.js.map +1 -1
- package/dist/esm/components/text-input/text-input.base.js +3 -3
- package/dist/esm/components/text-input/text-input.base.js.map +1 -1
- package/dist/esm/components/text-input/text-input.js +1 -0
- package/dist/esm/components/text-input/text-input.js.map +1 -1
- package/dist/esm/components/text-input/text-input.styles.js +3 -2
- package/dist/esm/components/text-input/text-input.styles.js.map +1 -1
- package/dist/esm/components/text-input/text-input.template.js +2 -3
- package/dist/esm/components/text-input/text-input.template.js.map +1 -1
- package/dist/esm/components/textarea/index.js +4 -3
- package/dist/esm/components/textarea/index.js.map +1 -1
- package/dist/esm/components/textarea/textarea.options.js +22 -0
- package/dist/esm/components/textarea/textarea.options.js.map +1 -0
- package/dist/esm/components/tooltip/tooltip.js +82 -1
- package/dist/esm/components/tooltip/tooltip.js.map +1 -1
- package/dist/esm/components/tooltip/tooltip.template.js +16 -0
- package/dist/esm/components/tooltip/tooltip.template.js.map +1 -0
- package/dist/esm/components/tree/tree.js +38 -1
- package/dist/esm/components/tree/tree.js.map +1 -1
- package/dist/esm/components/tree-item/index.js +2 -1
- package/dist/esm/components/tree-item/index.js.map +1 -1
- package/dist/esm/components/tree-item/tree-item.definition.js +4 -3
- package/dist/esm/components/tree-item/tree-item.definition.js.map +1 -1
- package/dist/esm/components/tree-item/tree-item.styles.js +9 -0
- package/dist/esm/components/tree-item/tree-item.styles.js.map +1 -0
- package/dist/esm/components/tree-item/tree-item.template.js +6 -0
- package/dist/esm/components/tree-item/tree-item.template.js.map +1 -0
- package/dist/esm/components/wizard/index.js.map +1 -1
- package/dist/esm/components/wizard/wizard.js +5 -3
- package/dist/esm/components/wizard/wizard.js.map +1 -1
- package/dist/esm/components/wizard/wizard.styles.js +1 -1
- package/dist/esm/components/wizard/wizard.template.js +2 -1
- package/dist/esm/components/wizard/wizard.template.js.map +1 -1
- package/dist/esm/components/wizard-panel/wizard-panel.styles.js +1 -1
- package/dist/esm/components/wizard-panel/wizard-panel.template.js +1 -0
- package/dist/esm/components/wizard-panel/wizard-panel.template.js.map +1 -1
- package/dist/esm/components/wizard-step/wizard-step.js +1 -1
- package/dist/esm/components/wizard-step/wizard-step.js.map +1 -1
- package/dist/esm/components/wizard-step/wizard-step.styles.js +3 -2
- package/dist/esm/components/wizard-step/wizard-step.styles.js.map +1 -1
- package/dist/esm/components/wizard-step/wizard-step.template.js +1 -0
- package/dist/esm/components/wizard-step/wizard-step.template.js.map +1 -1
- package/dist/esm/components/wizard-step/wizard-step.unit.component.js +1 -0
- package/dist/esm/components/wizard-step/wizard-step.unit.component.js.map +1 -1
- package/dist/esm/index.js +27 -12
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/util/accessibility-utilities.js +40 -0
- package/dist/esm/util/accessibility-utilities.js.map +1 -0
- package/dist/esm/util/attribute-utilities.js +12 -0
- package/dist/esm/util/attribute-utilities.js.map +1 -0
- package/dist/esm/util/debounce.js.map +1 -0
- package/dist/esm/util/debug.js +74 -0
- package/dist/esm/util/debug.js.map +1 -0
- package/dist/esm/util/direction.js +240 -8
- package/dist/esm/util/direction.js.map +1 -1
- package/dist/esm/util/dom.js +3 -0
- package/dist/esm/util/dom.js.map +1 -0
- package/dist/esm/util/element-internal-mocks.js +114 -0
- package/dist/esm/util/element-internal-mocks.js.map +1 -0
- package/dist/esm/util/focus-management.js +247 -0
- package/dist/esm/util/focus-management.js.map +1 -0
- package/dist/esm/util/hash-utilities.js +12 -0
- package/dist/esm/util/hash-utilities.js.map +1 -0
- package/dist/esm/util/index.js +13 -6
- package/dist/esm/util/index.js.map +1 -1
- package/dist/esm/util/positioning/flexible-position-strategy.js +232 -0
- package/dist/esm/util/positioning/flexible-position-strategy.js.map +1 -0
- package/dist/esm/util/positioning/index.js +10 -0
- package/dist/esm/util/positioning/index.js.map +1 -0
- package/dist/esm/util/positioning/position-calculator.js +196 -0
- package/dist/esm/util/positioning/position-calculator.js.map +1 -0
- package/dist/esm/util/positioning/types.js +30 -0
- package/dist/esm/util/positioning/types.js.map +1 -0
- package/dist/esm/util/template-helpers.js.map +1 -1
- package/dist/index.d.ts +904 -270
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +15978 -14624
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +137 -112
- package/dist/index.min.js.map +1 -1
- package/package.json +9 -11
- package/dist/component-utilities.js +0 -43
- package/dist/dts/components/popover/positioning.d.ts +0 -51
- package/dist/dts/components/popover/positioning.d.ts.map +0 -1
- package/dist/dts/util/positioning.d.ts +0 -129
- package/dist/dts/util/positioning.d.ts.map +0 -1
- package/dist/dts/utils/debounce.d.ts.map +0 -1
- package/dist/esm/component-utilities.js +0 -13
- package/dist/esm/components/popover/positioning.js +0 -189
- package/dist/esm/components/popover/positioning.js.map +0 -1
- package/dist/esm/util/positioning.js +0 -130
- package/dist/esm/util/positioning.js.map +0 -1
- package/dist/esm/utils/debounce.js.map +0 -1
- /package/dist/dts/{utils → util}/debounce.d.ts +0 -0
- /package/dist/esm/{utils → util}/debounce.js +0 -0
package/dist/index.min.js
CHANGED
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
import{display as e,spacingHorizontalXL as t,spacingHorizontalL as o,spacingVerticalXXS as n,borderRadiusMedium as i,colorStrokeFocus2 as r,spacingVerticalXXXL as s,spacingHorizontalS as a,fontFamilyBase as l,fontSizeBase300 as d,fontWeightRegular as c,lineHeightBase300 as h,spacingHorizontalMNudge as u,spacingHorizontalXS as p,colorNeutralForeground1 as m,colorTransparentBackground as g,colorNeutralBackground1Hover as f,colorNeutralForeground2Hover as b,colorNeutralBackground1Pressed as v,colorNeutralForeground2Pressed as w,colorNeutralForegroundDisabled as y,fontSizeBase200 as x,lineHeightBase200 as $,fontSizeBase400 as k,lineHeightBase400 as C,fontSizeBase500 as S,lineHeightBase500 as B,spacingHorizontalXXS as I,spacingHorizontalSNudge as E,shadow4 as L,colorBrandBackground2 as M,strokeWidthThick as P,colorTransparentStroke as R,colorNeutralBackground1 as O,strokeWidthThin as A,colorNeutralBackground2 as N,colorNeutralStroke1 as D,colorSubtleBackground as F,colorTransparentStrokeInteractive as T,shadow8 as z,colorNeutralBackground2Hover as H,colorNeutralBackground2Pressed as V,colorTransparentBackgroundHover as _,colorNeutralStroke1Hover as j,colorTransparentBackgroundPressed as W,colorNeutralStroke1Pressed as K,colorSubtleBackgroundHover as q,colorSubtleBackgroundPressed as G,colorNeutralBackground1Selected as U,colorSubtleBackgroundSelected as X,colorNeutralStroke1Selected as Z,colorTransparentBackgroundSelected as Y,colorNeutralBackground2Selected as Q,colorNeutralBackgroundDisabled as J,colorTransparentStrokeDisabled as ee,shadow2 as te,spacingHorizontalM as oe,spacingVerticalS as ne,fontWeightBold as ie,spacingVerticalM as re,BaseButton as se,ButtonType as ae,ButtonFormTarget as le,ButtonAppearance as de,ButtonShape as ce,ButtonSize as he,ButtonStyles as ue,colorBrandBackground as pe,colorNeutralForegroundOnBrand as me,colorNeutralStrokeOnBrand as ge,colorBrandBackgroundHover as fe,colorBrandBackgroundPressed as be,ButtonTemplate as ve,colorNeutralBackground4 as we,spacingHorizontalXXXL as ye,fontWeightSemibold as xe,durationFaster as $e,curveEasyEase as ke,colorNeutralForeground1Hover as Ce,colorNeutralForeground1Pressed as Se,fontSizeBase600 as Be,spacingVerticalXL as Ie,spacingVerticalXXL as Ee,borderRadiusSmall as Le,borderRadiusLarge as Me,spacingHorizontalXXL as Pe,borderRadiusCircular as Re,borderRadiusNone as Oe,colorNeutralBackground4Hover as Ae,colorNeutralStroke2 as Ne,colorNeutralBackgroundInverted as De,colorNeutralForeground2 as Fe,colorNeutralForeground2BrandHover as Te,colorNeutralForeground2BrandPressed as ze,colorNeutralStrokeDisabled as He,colorNeutralForegroundInverted as Ve,colorNeutralForeground2Selected as _e,colorNeutralForeground2BrandSelected as je,CompoundButtonStyles as We,CompoundButtonTemplate as Ke,Button as qe,startSlotTemplate as Ge,endSlotTemplate as Ue,forcedColorsStylesheetBehavior as Xe,ButtonDefinition as Ze,typographyCaption1Styles as Ye,typographyCaption2Styles as Qe,typographyBody1Styles as Je,colorNeutralBackground3 as et,colorBrandForeground1 as tt,spacingHorizontalNone as ot,spacingVerticalL as nt,spacingVerticalXS as it,shadow16 as rt,colorNeutralForeground3 as st,colorBrandForeground2 as at,colorPaletteRedForeground3 as lt,AccordionItem as dt,AccordionItemMarkerPosition as ct,AccordionItemSize as ht,accordionItemStyles as ut,accordionItemTemplate as pt,Accordion as mt,accordionStyles as gt,accordionTemplate as ft,AccordionExpandMode as bt,Link as vt,LinkAppearance as wt,LinkTarget as yt,AnchorTarget as xt,LinkStyles as $t,LinkTemplate as kt,Avatar as Ct,AvatarActive as St,AvatarAppearance as Bt,AvatarColor as It,AvatarNamedColor as Et,AvatarShape as Lt,AvatarSize as Mt,AvatarStyles as Pt,AvatarTemplate as Rt,Badge as Ot,BadgeAppearance as At,BadgeColor as Nt,BadgeShape as Dt,BadgeSize as Ft,BadgeStyles as Tt,BadgeTemplate as zt,Checkbox as Ht,CheckboxShape as Vt,CheckboxSize as _t,CheckboxStyles as jt,CheckboxTemplate as Wt,CounterBadge as Kt,CounterBadgeStyles as qt,CounterBadgeTemplate as Gt,Dialog as Ut,DialogStyles as Xt,DialogTemplate as Zt,DialogBody as Yt,DialogBodyStyles as Qt,DialogBodyTemplate as Jt,Divider as eo,DividerAlignContent as to,DividerAppearance as oo,DividerOrientation as no,DividerRole as io,DividerStyles as ro,DividerTemplate as so,Drawer as ao,DrawerPosition as lo,DrawerSize as co,DrawerType as ho,DrawerStyles as uo,DrawerTemplate as po,DrawerBody as mo,DrawerBodyStyles as go,DrawerBodyTemplate as fo,Dropdown as bo,DropdownAppearance as vo,DropdownSize as wo,DropdownType as yo,DropdownStyles as xo,DropdownTemplate as $o,DropdownOption as ko,DropdownOptionStyles as Co,DropdownOptionTemplate as So,isDropdownOption as Bo,Listbox as Io,ListboxStyles as Eo,ListboxTemplate as Lo,Field as Mo,FieldStyles as Po,FieldTemplate as Ro,Image as Oo,ImageFit as Ao,ImageShape as No,ImageStyles as Do,ImageTemplate as Fo,Label as To,LabelStyles as zo,LabelTemplate as Ho,LabelSize as Vo,LabelWeight as _o,AnchorButton as jo,AnchorButtonAppearance as Wo,AnchorButtonShape as Ko,AnchorButtonSize as qo,ToggleButtonStyles as Go,AnchorButtonTemplate as Uo,MessageBar as Xo,MessageBarStyles as Zo,MessageBarTemplate as Yo,MenuButton as Qo,MenuButtonStyles as Jo,MenuButtonTemplate as en,colorCompoundBrandForeground1Pressed as tn,ProgressBar as on,ProgressBarStyles as nn,ProgressBarTemplate as rn,ProgressBarShape as sn,ProgressBarThickness as an,ProgressBarValidationState as ln,RadioGroup as dn,RadioGroupOrientation as cn,RadioGroupStyles as hn,RadioGroupTemplate as un,Radio as pn,RadioStyles as mn,RadioTemplate as gn,RatingDisplay as fn,RatingDisplayStyles as bn,RatingDisplayTemplate as vn,RatingDisplayColor as wn,RatingDisplaySize as yn,StartEnd as xn,colorNeutralStrokeAccessible as $n,colorPaletteRedBorder2 as kn,colorCompoundBrandStroke as Cn,durationUltraFast as Sn,curveAccelerateMid as Bn,colorNeutralForeground4 as In,colorNeutralStrokeAccessibleHover as En,durationNormal as Ln,curveDecelerateMid as Mn,colorCompoundBrandStrokePressed as Pn,colorNeutralStrokeAccessiblePressed as Rn,Slider as On,SliderMode as An,SliderOrientation as Nn,SliderSize as Dn,SliderStyles as Fn,SliderTemplate as Tn,Spinner as zn,SpinnerAppearance as Hn,SpinnerSize as Vn,SpinnerStyles as _n,SpinnerTemplate as jn,Switch as Wn,SwitchStyles as Kn,SwitchTemplate as qn,Tab as Gn,TabStyles as Un,TabTemplate as Xn,TablistAppearance as Zn,TablistOrientation as Yn,TablistSize as Qn,Tablist as Jn,TablistStyles as ei,TablistTemplate as ti,TextArea as oi,TextAreaStyles as ni,TextAreaTemplate as ii,Text as ri,TextStyles as si,TextTemplate as ai,Tree as li,TreeStyles as di,TreeTemplate as ci,TreeItem as hi,TreeItemStyles as ui,TreeItemTemplate as pi,ToggleButton as mi,ToggleButtonAppearance as gi,ToggleButtonShape as fi,ToggleButtonSize as bi,ToggleButtonTemplate as vi,Tooltip as wi,TooltipStyles as yi,TooltipTemplate as xi,TooltipPositioningOption as $i}from"@fluentui/web-components";export{AnchorButtonTemplate,AvatarStyles,AvatarTemplate,BadgeStyles,BadgeTemplate,BaseAccordionItem,BaseAnchor,BaseAvatar,BaseButton,BaseCheckbox,BaseDivider,BaseField,BaseProgressBar,BaseRatingDisplay,BaseSpinner,BaseTablist,BaseTextArea,BaseTextInput,CheckboxStyles,CheckboxTemplate,CounterBadgeAppearance,CounterBadgeColor,CounterBadgeShape,CounterBadgeSize,CounterBadgeStyles,CounterBadgeTemplate,DialogBodyStyles,DialogBodyTemplate,DialogTemplate,ListboxStyles,ListboxTemplate,MessageBarIntent,MessageBarLayout,MessageBarShape,MessageBarStyles,MessageBarTemplate,SwitchStyles,SwitchTemplate,TextAlign,TextAreaAppearance,TextAreaAppearancesForDisplayShadow,TextAreaAutocomplete,TextAreaResize,TextAreaSize,TextAreaStyles,TextAreaTemplate,TextFont,TextSize,TextStyles,TextTemplate,TextWeight,TreeItemStyles,TreeItemTemplate,TreeStyles,TreeTemplate,isDropdownOption,isListbox}from"@fluentui/web-components";import{FASTElement as ki,Updates as Ci,observable as Si,attr as Bi,Observable as Ii,slotted as Ei,html as Li,css as Mi,ref as Pi,elements as Ri,InlineTemplateDirective as Oi,AttributeConfiguration as Ai,nullableNumberConverter as Ni,when as Di}from"@microsoft/fast-element";function Fi(...e){return e.every(e=>e instanceof HTMLElement)}const Ti="ArrowDown",zi="ArrowUp",Hi="End",Vi="Enter",_i="Escape",ji="Home",Wi=" ",Ki="Tab";let qi=0;function Gi(e=""){return`${e}${qi++}`}CSS.supports("anchor-name: --a");const Ui=CSS.supports("selector(:state(g))"),Xi=new Map;function Zi(e){var t;return null!==(t=Xi.get(e))&&void 0!==t?t:Xi.set(e,Ui?`:state(${e})`:`[state--${e}]`).get(e)}function Yi(e,t,o){t&&e&&(Ui?(null!=o?!o:e.states.has(t))?e.states.delete(t):e.states.add(t):e.shadowRoot.host.toggleAttribute(`state--${t}`,o))}function Qi(e,t,o,n){t&&n(e,t,!1),o&&n(e,o,!0)}var Ji=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class er extends ki{constructor(){super(),this.elementInternals=this.attachInternals(),this.menuList=[],this.handleClick=e=>{this.disabled?e.preventDefault():this.expanded=!this.expanded},this.handleKeyDown=e=>{var t;if(!e.defaultPrevented){if("Tab"===e.key)return!0;switch(e.key){case Vi:case Wi:e.preventDefault(),this.expanded=!this.expanded;break;case _i:this.expanded&&(e.preventDefault(),this.expanded=!1,null===(t=this.headingElement)||void 0===t||t.focus());break;default:return}}},this.expanded=!1,this.disabled=!1,this.id=Gi("accordion-"),this.block=!1,this.elementInternals.role="button"}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}focusFirstMenuItem(){this.menuList&&Ci.enqueue(()=>{var e;if(this.menuList){const t=this.menuList;if(null===(e=t[0])||void 0===e?void 0:e.menuItems){t[0].menuItems[0].focus()}}})}expandedChanged(e,t){t!==e&&(Yi(this.elementInternals,"expanded",t),this.$emit("expanded-change",{expanded:t}),t&&this.focusFirstMenuItem())}disabledChanged(e,t){Yi(this.elementInternals,"disabled",t)}sizeChanged(e,t){e&&Yi(this.elementInternals,e,!1),t&&Yi(this.elementInternals,t,!0)}blockChanged(e,t){Yi(this.elementInternals,"block",t)}markerPositionChanged(e,t){e&&Yi(this.elementInternals,`align-${e}`,!1),t&&Yi(this.elementInternals,`align-${t}`,!0)}}Ji([Si],er.prototype,"menuList",void 0),Ji([Bi({mode:"boolean"})],er.prototype,"expanded",void 0),Ji([Bi({mode:"boolean"})],er.prototype,"disabled",void 0),Ji([Bi],er.prototype,"id",void 0),Ji([Bi],er.prototype,"size",void 0),Ji([Bi({mode:"boolean"})],er.prototype,"block",void 0),Ji([Bi({attribute:"marker-position"})],er.prototype,"markerPosition",void 0);const tr={single:"single",multi:"multi"},or={menuitem:"menuitem",menuitemcheckbox:"menuitemcheckbox",menuitemradio:"menuitemradio"},nr={[or.menuitem]:"menuitem",[or.menuitemcheckbox]:"menuitemcheckbox",[or.menuitemradio]:"menuitemradio"},ir={group:"group"},rr={group:ir.group};var sr,ar,lr,dr=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s},cr=window&&window.__classPrivateFieldGet||function(e,t,o,n){if("a"===o&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?n:"a"===o?n.call(e):n?n.value:t.get(e)};class hr extends ki{constructor(){super(...arguments),sr.add(this),this.elementInternals=this.attachInternals(),this.role=or.menuitem,this.checked=!1,this.handleMenuItemKeyDown=e=>{var t;if(e.defaultPrevented)return!1;switch(e.key){case Vi:case Wi:return this.invoke(),!1;case"ArrowRight":return!this.disabled&&ur(this.submenu)&&(this.submenu.togglePopover(!0),this.submenu.focus()),!1;case"ArrowLeft":{const e=this.parentElement;return ur(e)&&(e.togglePopover(!1),null===(t=e.parentElement)||void 0===t||t.focus()),!1}}return!0},this.handleMenuItemClick=e=>(e.defaultPrevented||this.disabled||this.invoke(),!1),this.handleMouseOver=()=>{var e;return this.disabled||null===(e=this.submenu)||void 0===e||e.togglePopover(!0),!1},this.handleMouseOut=()=>{var e;return this.contains(document.activeElement)||null===(e=this.submenu)||void 0===e||e.togglePopover(!1),!1},this.toggleHandler=e=>{"newState"in e&&"open"===e.newState&&(this.setAttribute("tabindex","-1"),this.elementInternals.ariaExpanded="true",this.setSubmenuPosition()),"newState"in e&&"closed"===e.newState&&(this.elementInternals.ariaExpanded="false",this.setAttribute("tabindex","0"))},this.invoke=()=>{if(!this.disabled)switch(this.role){case or.menuitemcheckbox:this.checked=!this.checked;break;case or.menuitem:if(this.submenu){this.submenu.togglePopover(!0),this.submenu.focus();break}this.$emit("change");break;case or.menuitemradio:this.checked||(this.checked=!0)}},this.setSubmenuPosition=()=>{if(!CSS.supports("anchor-name","--anchor")&&this.submenu){const e=this.getBoundingClientRect(),t=this.submenu.getBoundingClientRect(),o="ltr"===getComputedStyle(this).direction?"right":"left";if(e.width+t.width>.75*window.innerWidth)return void(this.submenu.style.translate="0 -100%");if(e[o]+t.width>window.innerWidth)return void(this.submenu.style.translate="-100% 0");this.submenu.style.translate=e.width-8+"px 0"}}}disabledChanged(e,t){this.elementInternals.ariaDisabled=t?`${t}`:null,Yi(this.elementInternals,"disabled",t)}roleChanged(e,t){this.elementInternals.role=null!=t?t:or.menuitem;const o=(null!=t?t:or.menuitem)!==or.menuitem;this.elementInternals.ariaChecked=o?`${!!this.checked}`:null,Yi(this.elementInternals,"checked",!!o&&this.checked)}checkedChanged(e,t){const o=this.role!==or.menuitem;this.elementInternals.ariaChecked=o?`${!!t}`:null,Yi(this.elementInternals,"checked",!!o&&t),this.$fastController.isConnected&&this.$emit("change",t,{bubbles:!0})}slottedSubmenuChanged(e,t){var o;null===(o=this.submenu)||void 0===o||o.removeEventListener("toggle",this.toggleHandler),t.length?(this.submenu=t[0],this.submenu.toggleAttribute("popover",!0),this.submenu.addEventListener("toggle",this.toggleHandler),this.elementInternals.ariaHasPopup="menu",Yi(this.elementInternals,"submenu",!0)):(this.elementInternals.ariaHasPopup=null,Yi(this.elementInternals,"submenu",!1))}connectedCallback(){var e;super.connectedCallback(),this.elementInternals.role=null!==(e=this.role)&&void 0!==e?e:or.menuitem,cr(this,sr,"m",ar).call(this)}disconnectedCallback(){super.disconnectedCallback(),cr(this,sr,"m",lr).call(this)}}function ur(e){return"object"==typeof e&&null!==e&&"togglePopover"in e&&"function"==typeof e.togglePopover}sr=new WeakSet,ar=function(){this.addEventListener("keydown",this.handleMenuItemKeyDown),this.addEventListener("click",this.handleMenuItemClick),this.addEventListener("mouseover",this.handleMouseOver),this.addEventListener("mouseout",this.handleMouseOut),this.addEventListener("toggle",this.toggleHandler)},lr=function(){this.removeEventListener("keydown",this.handleMenuItemKeyDown),this.removeEventListener("click",this.handleMenuItemClick),this.removeEventListener("mouseover",this.handleMouseOver),this.removeEventListener("mouseout",this.handleMouseOut),this.removeEventListener("toggle",this.toggleHandler)},dr([Bi({mode:"boolean"})],hr.prototype,"disabled",void 0),dr([Bi],hr.prototype,"role",void 0),dr([Bi({mode:"boolean"})],hr.prototype,"checked",void 0),dr([Bi({mode:"boolean"})],hr.prototype,"hidden",void 0),dr([Si],hr.prototype,"slottedSubmenu",void 0),dr([Si],hr.prototype,"submenu",void 0);var pr=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class mr extends ki{itemsChanged(e,t){this.$fastController.isConnected&&e!==t&&this.setItems()}constructor(){super(),this.elementInternals=this.attachInternals(),this.focusIndex=-1,this.isNestedMenu=()=>null!==this.parentElement&&Fi(this.parentElement)&&"menuitem"===this.parentElement.getAttribute("role"),this.handleFocusOut=e=>{if(!this.contains(e.relatedTarget)&&void 0!==this.menuItems){const e=this.menuItems.findIndex(this.isFocusableElement);this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.menuItems[e].setAttribute("tabindex","0"),this.focusIndex=e}},this.handleItemFocus=e=>{const t=e.target;void 0!==this.menuItems&&t!==this.menuItems[this.focusIndex]&&(this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=this.menuItems.indexOf(t),t.setAttribute("tabindex","0"))},this.changedMenuItemHandler=e=>{if(void 0===this.menuItems)return;const t=e.target,o=this.menuItems.indexOf(t);if(-1!==o&&"menuitemradio"===t.role&&!0===t.checked){for(let e=o-1;e>=0;--e){const t=this.menuItems[e],o=t.getAttribute("role");if(o===or.menuitemradio&&(t.checked=!1),"separator"===o)break}const e=this.menuItems.length-1;for(let t=o+1;t<=e;++t){const e=this.menuItems[t],o=e.getAttribute("role");if(o===or.menuitemradio&&(e.checked=!1),"separator"===o)break}}},this.isMenuItemElement=e=>e instanceof hr||Fi(e)&&e.getAttribute("role")in mr.focusableElementRoles,this.isFocusableElement=e=>this.isMenuItemElement(e),this.elementInternals.role="menu"}connectedCallback(){super.connectedCallback(),Ci.enqueue(()=>{this.setItems()}),this.addEventListener("change",this.changedMenuItemHandler)}disconnectedCallback(){super.disconnectedCallback(),this.removeItemListeners(),this.menuItems=void 0,this.removeEventListener("change",this.changedMenuItemHandler)}focus(){super.focus()}handleMenuKeyDown(e){if(!e.defaultPrevented&&void 0!==this.menuItems)switch(e.key){case Ti:return void this.setFocus(this.focusIndex+1,1);case zi:return void this.setFocus(this.focusIndex-1,-1);case Hi:return void this.setFocus(this.menuItems.length-1,-1);case ji:return void this.setFocus(0,1);default:return!0}}removeItemListeners(e=this.items){e.forEach(e=>{e.removeEventListener("focus",this.handleItemFocus),Ii.getNotifier(e).unsubscribe(this,"hidden")})}static elementIndent(e){const t=e.getAttribute("role"),o=e.querySelector("[slot=start]");return t&&t!==or.menuitem?o?2:1:o?1:0}setItems(){var e;const t=Array.from(this.children);this.removeItemListeners(t),t.forEach(e=>Ii.getNotifier(e).subscribe(this,"hidden"));const o=t.filter(e=>!e.hasAttribute("hidden"));this.menuItems=o;const n=this.menuItems.filter(this.isMenuItemElement);n.length&&(this.focusIndex=0),n.forEach((e,t)=>{e.setAttribute("tabindex",0===t?"0":"-1"),e.addEventListener("focus",this.handleItemFocus)});const i=null===(e=this.menuItems)||void 0===e?void 0:e.filter(this.isMenuItemElement),r=null==i?void 0:i.reduce((e,t)=>{const o=mr.elementIndent(t);return Math.max(e,o)},0);null==i||i.forEach(e=>{e instanceof hr&&e.setAttribute("data-indent",`${r}`)})}handleChange(e,t){"hidden"===t&&this.setItems()}setFocus(e,t){if(void 0!==this.menuItems)for(;e>=0&&e<this.menuItems.length;){const o=this.menuItems[e];if(this.isFocusableElement(o)){this.focusIndex>-1&&this.menuItems.length>=this.focusIndex-1&&this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=e,o.setAttribute("tabindex","0"),o.focus();break}e+=t}}}mr.focusableElementRoles=or,pr([Si],mr.prototype,"items",void 0);var gr=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class fr extends ki{constructor(){super(),this.elementInternals=this.attachInternals(),this.expandmode=tr.multi,this.slottedElements=[],this.isMenuItemElement=e=>e instanceof hr||Fi(e)&&e.getAttribute("role")in mr.focusableElementRoles,this.removeItemListeners=e=>{e.forEach(e=>{Ii.getNotifier(e).unsubscribe(this,"disabled"),Ii.getNotifier(e).unsubscribe(this,"expanded")})},this.elementInternals.role="menu"}connectedCallback(){super.connectedCallback(),Ci.enqueue(()=>{this.setItems()})}disconnectedCallback(){super.disconnectedCallback(),this.removeItemListeners(this.slottedElements),this.slottedElements=[]}expandmodeChanged(e,t){if(!this.$fastController.isConnected)return;const o=this.findExpandedItem();o&&(t===tr.single?this.setSingleExpandMode(o):null==o||o.removeAttribute("aria-disabled"))}handleChange(e,t){if("disabled"===t)this.setItems();else if("expanded"===t){const t=e;t.expanded&&this.isSingleExpandMode()&&this.setSingleExpandMode(t)}}clearSelections(){void 0!==this.slottedElements&&this.slottedElements.forEach(e=>{e instanceof er&&e.menuList&&e.menuList.forEach(e=>{var t;null===(t=e.menuItems)||void 0===t||t.forEach(e=>{e instanceof hr&&(e.checked=!1)})})})}findExpandedItem(){var e;return 0===this.slottedElements.length?null:null!==(e=this.slottedElements.find(e=>e instanceof er&&e.expanded))&&void 0!==e?e:this.slottedElements[0]}setItems(){var e;if(0===this.slottedElements.length)return;const t=Array.from(this.children);if(this.removeItemListeners(t),t.forEach(e=>Ii.getNotifier(e).subscribe(this,"disabled")),this.slottedElements=t.filter(e=>!e.hasAttribute("disabled")),this.slottedElements.forEach(e=>{e instanceof er&&Ii.getNotifier(e).subscribe(this,"expanded")}),this.isSingleExpandMode()){const e=this.findExpandedItem();this.setSingleExpandMode(e)}const o=null===(e=this.slottedElements)||void 0===e?void 0:e.filter(this.isMenuItemElement),n=null==o?void 0:o.reduce((e,t)=>{const o=fr.elementIndent(t);return Math.max(e,o)},0);null==o||o.forEach(e=>{e instanceof hr&&e.setAttribute("data-indent",`${n}`)})}static elementIndent(e){const t=e.getAttribute("role"),o=e.querySelector("[slot=start]");return t&&t!==or.menuitem?o?2:1:o?1:0}isSingleExpandMode(){return this.expandmode===tr.single}setSingleExpandMode(e){if(0===this.slottedElements.length)return;Array.from(this.slottedElements).forEach(t=>{t instanceof er&&(t===e?(t.expanded=!0,this.setAttribute("aria-disabled","true")):(t.expanded=!1,t.hasAttribute("disabled")||this.removeAttribute("aria-disabled")))})}}gr([Bi({attribute:"expand-mode"})],fr.prototype,"expandmode",void 0),gr([Si],fr.prototype,"slottedElements",void 0);const br=Li`<template class="accordion-menu"><slot ${Ei({property:"slottedElements"})}></slot></template>`,vr=Mi`
|
|
2
|
-
${
|
|
1
|
+
import{spacingHorizontalXL as e,spacingHorizontalL as t,spacingVerticalXXS as o,display as n,borderRadiusMedium as i,colorStrokeFocus2 as r,spacingHorizontalS as s,fontFamilyBase as a,fontSizeBase300 as l,fontWeightRegular as d,lineHeightBase300 as c,spacingHorizontalMNudge as h,spacingHorizontalXS as u,colorNeutralForeground1 as p,colorTransparentBackground as m,colorNeutralBackground1Hover as g,colorNeutralForeground2Hover as f,colorNeutralBackground1Pressed as b,colorNeutralForeground2Pressed as v,colorNeutralForegroundDisabled as w,fontSizeBase200 as y,lineHeightBase200 as x,fontSizeBase400 as $,lineHeightBase400 as k,fontSizeBase500 as C,lineHeightBase500 as S,spacingHorizontalXXS as I,spacingHorizontalSNudge as B,shadow4 as E,colorBrandBackground2 as L,strokeWidthThick as M,colorTransparentStroke as R,colorNeutralBackground1 as A,strokeWidthThin as P,colorNeutralBackground2 as O,colorNeutralStroke1 as z,colorSubtleBackground as N,colorTransparentStrokeInteractive as T,shadow8 as D,colorNeutralBackground2Hover as F,colorNeutralBackground2Pressed as H,colorTransparentBackgroundHover as V,colorNeutralStroke1Hover as _,colorTransparentBackgroundPressed as j,colorNeutralStroke1Pressed as X,colorSubtleBackgroundHover as W,colorSubtleBackgroundPressed as K,colorNeutralBackground1Selected as q,colorSubtleBackgroundSelected as G,colorNeutralStroke1Selected as Y,colorTransparentBackgroundSelected as U,colorNeutralBackground2Selected as Z,colorNeutralBackgroundDisabled as Q,colorTransparentStrokeDisabled as J,shadow2 as ee,spacingHorizontalM as te,spacingVerticalS as oe,fontWeightBold as ne,spacingVerticalM as ie,BaseButton as re,ButtonAppearance as se,ButtonFormTarget as ae,ButtonShape as le,ButtonSize as de,ButtonType as ce,ButtonStyles as he,colorBrandBackground as ue,colorNeutralForegroundOnBrand as pe,colorNeutralStrokeOnBrand as me,colorBrandBackgroundHover as ge,colorBrandBackgroundPressed as fe,ButtonTemplate as be,colorNeutralBackground4 as ve,spacingHorizontalXXXL as we,fontWeightSemibold as ye,durationFaster as xe,curveEasyEase as $e,colorNeutralForeground1Hover as ke,colorNeutralForeground1Pressed as Ce,fontSizeBase600 as Se,borderRadiusSmall as Ie,spacingVerticalXXXL as Be,borderRadiusLarge as Ee,borderRadiusCircular as Le,borderRadiusNone as Me,colorNeutralBackground4Hover as Re,colorNeutralStroke2 as Ae,colorNeutralBackgroundInverted as Pe,colorNeutralForeground2 as Oe,colorNeutralForeground2BrandHover as ze,colorNeutralForeground2BrandPressed as Ne,colorNeutralStrokeDisabled as Te,colorNeutralForegroundInverted as De,colorNeutralForeground2Selected as Fe,colorNeutralForeground2BrandSelected as He,CompoundButtonStyles as Ve,CompoundButtonTemplate as _e,Button as je,forcedColorsStylesheetBehavior as Xe,spacingVerticalL as We,ButtonDefinition as Ke,typographyCaption1Styles as qe,typographyCaption2Styles as Ge,typographyBody1Styles as Ye,colorNeutralBackground3 as Ue,colorBrandForeground1 as Ze,spacingHorizontalNone as Qe,spacingVerticalXXL as Je,spacingVerticalXS as et,shadow16 as tt,spacingHorizontalXXL as ot,colorNeutralForeground3 as nt,colorBrandForeground2 as it,colorPaletteRedForeground3 as rt,AccordionItem as st,AccordionItemMarkerPosition as at,AccordionItemSize as lt,accordionItemStyles as dt,accordionItemTemplate as ct,Accordion as ht,accordionStyles as ut,accordionTemplate as pt,AccordionExpandMode as mt,Link as gt,AnchorTarget as ft,LinkAppearance as bt,LinkTarget as vt,LinkStyles as wt,LinkTemplate as yt,Avatar as xt,AvatarActive as $t,AvatarAppearance as kt,AvatarColor as Ct,AvatarNamedColor as St,AvatarShape as It,AvatarSize as Bt,AvatarStyles as Et,AvatarTemplate as Lt,Badge as Mt,BadgeAppearance as Rt,BadgeColor as At,BadgeShape as Pt,BadgeSize as Ot,BadgeStyles as zt,BadgeTemplate as Nt,Checkbox as Tt,CheckboxShape as Dt,CheckboxSize as Ft,CheckboxStyles as Ht,CheckboxTemplate as Vt,CounterBadge as _t,CounterBadgeAppearance as jt,CounterBadgeColor as Xt,CounterBadgeShape as Wt,CounterBadgeSize as Kt,CounterBadgeStyles as qt,CounterBadgeTemplate as Gt,Dialog as Yt,DialogStyles as Ut,DialogTemplate as Zt,DialogBody as Qt,DialogBodyStyles as Jt,DialogBodyTemplate as eo,Divider as to,DividerAlignContent as oo,DividerAppearance as no,DividerOrientation as io,DividerRole as ro,DividerStyles as so,DividerTemplate as ao,Drawer as lo,DrawerPosition as co,DrawerSize as ho,DrawerType as uo,DrawerStyles as po,DrawerTemplate as mo,DrawerBody as go,DrawerBodyStyles as fo,DrawerBodyTemplate as bo,Dropdown as vo,DropdownAppearance as wo,DropdownSize as yo,DropdownType as xo,DropdownStyles as $o,DropdownTemplate as ko,DropdownOption as Co,DropdownOptionStyles as So,DropdownOptionTemplate as Io,isDropdownOption as Bo,Listbox as Eo,ListboxStyles as Lo,ListboxTemplate as Mo,Field as Ro,FieldStyles as Ao,FieldTemplate as Po,Image as Oo,ImageFit as zo,ImageShape as No,ImageStyles as To,ImageTemplate as Do,Label as Fo,LabelStyles as Ho,LabelTemplate as Vo,LabelSize as _o,LabelWeight as jo,AnchorButton as Xo,AnchorButtonAppearance as Wo,AnchorButtonShape as Ko,AnchorButtonSize as qo,ToggleButtonStyles as Go,AnchorButtonTemplate as Yo,MessageBar as Uo,MessageBarStyles as Zo,MessageBarTemplate as Qo,MenuButton as Jo,MenuButtonStyles as en,MenuButtonTemplate as tn,colorCompoundBrandForeground1Pressed as on,ProgressBar as nn,ProgressBarStyles as rn,ProgressBarTemplate as sn,ProgressBarShape as an,ProgressBarThickness as ln,ProgressBarValidationState as dn,RadioGroup as cn,RadioGroupOrientation as hn,RadioGroupStyles as un,RadioGroupTemplate as pn,Radio as mn,RadioStyles as gn,RadioTemplate as fn,RatingDisplay as bn,RatingDisplayStyles as vn,RatingDisplayTemplate as wn,RatingDisplayColor as yn,RatingDisplaySize as xn,StartEnd as $n,colorNeutralStrokeAccessible as kn,colorPaletteRedBorder2 as Cn,colorCompoundBrandStroke as Sn,durationUltraFast as In,curveAccelerateMid as Bn,colorNeutralForeground4 as En,colorNeutralStrokeAccessibleHover as Ln,durationNormal as Mn,curveDecelerateMid as Rn,colorCompoundBrandStrokePressed as An,colorNeutralStrokeAccessiblePressed as Pn,Slider as On,SliderMode as zn,SliderOrientation as Nn,SliderSize as Tn,SliderStyles as Dn,SliderTemplate as Fn,Spinner as Hn,SpinnerAppearance as Vn,SpinnerSize as _n,SpinnerStyles as jn,SpinnerTemplate as Xn,Switch as Wn,SwitchStyles as Kn,SwitchTemplate as qn,Tab as Gn,TabStyles as Yn,TabTemplate as Un,TablistAppearance as Zn,TablistOrientation as Qn,TablistSize as Jn,Tablist as ei,TablistStyles as ti,TablistTemplate as oi,TextArea as ni,TextAreaStyles as ii,TextAreaTemplate as ri,TextAreaAppearance as si,TextAreaAppearancesForDisplayShadow as ai,TextAreaAutocomplete as li,TextAreaResize as di,TextAreaSize as ci,Text as hi,TextStyles as ui,TextTemplate as pi,TextAlign as mi,TextFont as gi,TextSize as fi,TextWeight as bi,Tree as vi,TreeStyles as wi,TreeTemplate as yi,TreeItem as xi,TreeItemStyles as $i,ToggleButton as ki,ToggleButtonAppearance as Ci,ToggleButtonShape as Si,ToggleButtonSize as Ii,ToggleButtonTemplate as Bi,Tooltip as Ei,TooltipStyles as Li,TooltipTemplate as Mi,TooltipPositioningOption as Ri}from"@fluentui/web-components";export{AnchorButtonTemplate,AvatarStyles,AvatarTemplate,BadgeStyles,BadgeTemplate,BaseAccordionItem,BaseAnchor,BaseAvatar,BaseButton,BaseCheckbox,BaseDivider,BaseField,BaseProgressBar,BaseRatingDisplay,BaseSpinner,BaseTablist,BaseTextArea,BaseTextInput,CheckboxStyles,CheckboxTemplate,DialogBodyStyles,DialogBodyTemplate,DialogTemplate,ListboxStyles,ListboxTemplate,MessageBarIntent,MessageBarLayout,MessageBarShape,MessageBarStyles,MessageBarTemplate,SwitchStyles,SwitchTemplate,TextAreaStyles,TextAreaTemplate,TreeStyles,TreeTemplate,isDropdownOption,isListbox}from"@fluentui/web-components";import{FASTElement as Ai,attr as Pi,observable as Oi,Updates as zi,Observable as Ni,slotted as Ti,html as Di,css as Fi,ref as Hi,elements as Vi,AttributeConfiguration as _i,InlineTemplateDirective as ji,nullableNumberConverter as Xi,when as Wi}from"@microsoft/fast-element";function Ki(...e){return e.every(e=>e instanceof HTMLElement)}const qi="ArrowDown",Gi="ArrowLeft",Yi="ArrowRight",Ui="ArrowUp",Zi="End",Qi="Enter",Ji="Escape",er="Home",tr=" ",or="Tab";var nr;!function(e){e.ltr="ltr",e.rtl="rtl"}(nr||(nr={}));let ir=0;function rr(e=""){return`${e}${ir++}`}CSS.supports("anchor-name: --a");const sr=CSS.supports("selector(:state(g))"),ar=new Map;function lr(e){var t;return null!==(t=ar.get(e))&&void 0!==t?t:ar.set(e,sr?`:state(${e})`:`[state--${e}]`).get(e)}function dr(e,t,o){t&&e&&(sr?(null!=o?!o:e.states.has(t))?e.states.delete(t):e.states.add(t):e.shadowRoot.host.toggleAttribute(`state--${t}`,o))}function cr(e,t,o,n){t&&n(e,t,!1),o&&n(e,o,!0)}const hr={menuitem:"menuitem",menuitemcheckbox:"menuitemcheckbox",menuitemradio:"menuitemradio"},ur={[hr.menuitem]:"menuitem",[hr.menuitemcheckbox]:"menuitemcheckbox",[hr.menuitemradio]:"menuitemradio"},pr={group:"group"},mr={group:pr.group};var gr,fr,br,vr=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s},wr=window&&window.__classPrivateFieldGet||function(e,t,o,n){if("a"===o&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?n:"a"===o?n.call(e):n?n.value:t.get(e)};class yr extends Ai{constructor(){super(...arguments),gr.add(this),this.elementInternals=this.attachInternals(),this.role=hr.menuitem,this.checked=!1,this.handleMenuItemKeyDown=e=>{var t;if(e.defaultPrevented)return!1;switch(e.key){case Qi:case tr:return this.invoke(),!1;case Yi:return!this.disabled&&xr(this.submenu)&&(this.submenu.togglePopover(!0),this.submenu.focus()),!1;case Gi:{const e=this.parentElement;return xr(e)&&(e.togglePopover(!1),null===(t=e.parentElement)||void 0===t||t.focus()),!1}}return!0},this.handleMenuItemClick=e=>(e.defaultPrevented||this.disabled||this.invoke(),!1),this.handleMouseOver=()=>{var e;return this.disabled||null===(e=this.submenu)||void 0===e||e.togglePopover(!0),!1},this.handleMouseOut=()=>{var e;return this.contains(document.activeElement)||null===(e=this.submenu)||void 0===e||e.togglePopover(!1),!1},this.toggleHandler=e=>{"newState"in e&&"open"===e.newState&&(this.setAttribute("tabindex","-1"),this.elementInternals.ariaExpanded="true",this.setSubmenuPosition()),"newState"in e&&"closed"===e.newState&&(this.elementInternals.ariaExpanded="false",this.setAttribute("tabindex","0"))},this.invoke=()=>{if(!this.disabled)switch(this.role){case hr.menuitemcheckbox:this.checked=!this.checked;break;case hr.menuitem:if(this.submenu){this.submenu.togglePopover(!0),this.submenu.focus();break}this.$emit("change");break;case hr.menuitemradio:this.checked||(this.checked=!0)}},this.setSubmenuPosition=()=>{if(!CSS.supports("anchor-name","--anchor")&&this.submenu){const e=this.getBoundingClientRect(),t=this.submenu.getBoundingClientRect(),o="ltr"===getComputedStyle(this).direction?"right":"left";if(e.width+t.width>.75*window.innerWidth)return void(this.submenu.style.translate="0 -100%");if(e[o]+t.width>window.innerWidth)return void(this.submenu.style.translate="-100% 0");this.submenu.style.translate=e.width-8+"px 0"}}}disabledChanged(e,t){this.elementInternals.ariaDisabled=t?`${t}`:null,dr(this.elementInternals,"disabled",t)}roleChanged(e,t){this.elementInternals.role=null!=t?t:hr.menuitem;const o=(null!=t?t:hr.menuitem)!==hr.menuitem;this.elementInternals.ariaChecked=o?`${!!this.checked}`:null,dr(this.elementInternals,"checked",!!o&&this.checked)}checkedChanged(e,t){const o=this.role!==hr.menuitem;this.elementInternals.ariaChecked=o?`${!!t}`:null,dr(this.elementInternals,"checked",!!o&&t),this.$fastController.isConnected&&this.$emit("change",t,{bubbles:!0})}slottedSubmenuChanged(e,t){var o;null===(o=this.submenu)||void 0===o||o.removeEventListener("toggle",this.toggleHandler),t.length?(this.submenu=t[0],this.submenu.toggleAttribute("popover",!0),this.submenu.addEventListener("toggle",this.toggleHandler),this.elementInternals.ariaHasPopup="menu",dr(this.elementInternals,"submenu",!0)):(this.elementInternals.ariaHasPopup=null,dr(this.elementInternals,"submenu",!1))}connectedCallback(){var e;super.connectedCallback(),this.elementInternals.role=null!==(e=this.role)&&void 0!==e?e:hr.menuitem,wr(this,gr,"m",fr).call(this)}disconnectedCallback(){super.disconnectedCallback(),wr(this,gr,"m",br).call(this)}}function xr(e){return"object"==typeof e&&null!==e&&"togglePopover"in e&&"function"==typeof e.togglePopover}gr=new WeakSet,fr=function(){this.addEventListener("keydown",this.handleMenuItemKeyDown),this.addEventListener("click",this.handleMenuItemClick),this.addEventListener("mouseover",this.handleMouseOver),this.addEventListener("mouseout",this.handleMouseOut),this.addEventListener("toggle",this.toggleHandler)},br=function(){this.removeEventListener("keydown",this.handleMenuItemKeyDown),this.removeEventListener("click",this.handleMenuItemClick),this.removeEventListener("mouseover",this.handleMouseOver),this.removeEventListener("mouseout",this.handleMouseOut),this.removeEventListener("toggle",this.toggleHandler)},vr([Pi({mode:"boolean"})],yr.prototype,"disabled",void 0),vr([Pi],yr.prototype,"role",void 0),vr([Pi({mode:"boolean"})],yr.prototype,"checked",void 0),vr([Pi({mode:"boolean"})],yr.prototype,"hidden",void 0),vr([Oi],yr.prototype,"slottedSubmenu",void 0),vr([Oi],yr.prototype,"submenu",void 0);var $r=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class kr extends Ai{itemsChanged(e,t){this.$fastController.isConnected&&e!==t&&this.setItems()}constructor(){super(),this.elementInternals=this.attachInternals(),this.focusIndex=-1,this.isNestedMenu=()=>null!==this.parentElement&&Ki(this.parentElement)&&"menuitem"===this.parentElement.getAttribute("role"),this.handleFocusOut=e=>{if(!this.contains(e.relatedTarget)&&void 0!==this.menuItems){const e=this.menuItems.findIndex(this.isFocusableElement);this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.menuItems[e].setAttribute("tabindex","0"),this.focusIndex=e}},this.handleItemFocus=e=>{const t=e.target;void 0!==this.menuItems&&t!==this.menuItems[this.focusIndex]&&(this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=this.menuItems.indexOf(t),t.setAttribute("tabindex","0"))},this.changedMenuItemHandler=e=>{if(void 0===this.menuItems)return;const t=e.target,o=this.menuItems.indexOf(t);if(-1!==o&&"menuitemradio"===t.role&&!0===t.checked){for(let e=o-1;e>=0;--e){const t=this.menuItems[e],o=t.getAttribute("role");if(o===hr.menuitemradio&&(t.checked=!1),"separator"===o)break}const e=this.menuItems.length-1;for(let t=o+1;t<=e;++t){const e=this.menuItems[t],o=e.getAttribute("role");if(o===hr.menuitemradio&&(e.checked=!1),"separator"===o)break}}},this.isMenuItemElement=e=>e instanceof yr||Ki(e)&&e.getAttribute("role")in kr.focusableElementRoles,this.isFocusableElement=e=>this.isMenuItemElement(e),this.elementInternals.role="menu"}connectedCallback(){super.connectedCallback(),zi.enqueue(()=>{this.setItems()}),this.addEventListener("change",this.changedMenuItemHandler)}disconnectedCallback(){super.disconnectedCallback(),this.removeItemListeners(),this.menuItems=void 0,this.removeEventListener("change",this.changedMenuItemHandler)}focus(){super.focus()}handleMenuKeyDown(e){if(!e.defaultPrevented&&void 0!==this.menuItems)switch(e.key){case qi:return void this.setFocus(this.focusIndex+1,1);case Ui:return void this.setFocus(this.focusIndex-1,-1);case Zi:return void this.setFocus(this.menuItems.length-1,-1);case er:return void this.setFocus(0,1);default:return!0}}removeItemListeners(e=this.items){e.forEach(e=>{e.removeEventListener("focus",this.handleItemFocus),Ni.getNotifier(e).unsubscribe(this,"hidden")})}static elementIndent(e){const t=e.getAttribute("role"),o=e.querySelector("[slot=start]");return t&&t!==hr.menuitem?o?2:1:o?1:0}setItems(){var e;const t=Array.from(this.children);this.removeItemListeners(t),t.forEach(e=>Ni.getNotifier(e).subscribe(this,"hidden"));const o=t.filter(e=>!e.hasAttribute("hidden"));this.menuItems=o;const n=this.menuItems.filter(this.isMenuItemElement);n.length&&(this.focusIndex=0),n.forEach((e,t)=>{e.setAttribute("tabindex",0===t?"0":"-1"),e.addEventListener("focus",this.handleItemFocus)});const i=null===(e=this.menuItems)||void 0===e?void 0:e.filter(this.isMenuItemElement),r=null==i?void 0:i.reduce((e,t)=>{const o=kr.elementIndent(t);return Math.max(e,o)},0);null==i||i.forEach(e=>{e instanceof yr&&e.setAttribute("data-indent",`${r}`)})}handleChange(e,t){"hidden"===t&&this.setItems()}setFocus(e,t){if(void 0!==this.menuItems)for(;e>=0&&e<this.menuItems.length;){const o=this.menuItems[e];if(this.isFocusableElement(o)){this.focusIndex>-1&&this.menuItems.length>=this.focusIndex-1&&this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=e,o.setAttribute("tabindex","0"),o.focus();break}e+=t}}}kr.focusableElementRoles=hr,$r([Oi],kr.prototype,"items",void 0);var Cr=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Sr extends Ai{constructor(){super(),this.elementInternals=this.attachInternals(),this.menuList=[],this.handleClick=e=>{this.disabled?e.preventDefault():this.expanded=!this.expanded},this.handleKeyDown=e=>{var t;if(!e.defaultPrevented){if("Tab"===e.key)return!0;switch(e.key){case Qi:case tr:e.preventDefault(),this.expanded=!this.expanded;break;case Ji:this.expanded&&(e.preventDefault(),this.expanded=!1,null===(t=this.headingElement)||void 0===t||t.focus());break;default:return}}},this.expanded=!1,this.disabled=!1,this.id=rr("accordion-"),this.block=!1,this.elementInternals.role="button"}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}focusFirstMenuItem(){this.menuList&&zi.enqueue(()=>{var e;if(this.menuList){const t=this.menuList;if(null===(e=t[0])||void 0===e?void 0:e.menuItems){t[0].menuItems[0].focus()}}})}expandedChanged(e,t){t!==e&&(dr(this.elementInternals,"expanded",t),this.$emit("expanded-change",{expanded:t}),t&&this.focusFirstMenuItem())}disabledChanged(e,t){dr(this.elementInternals,"disabled",t)}sizeChanged(e,t){e&&dr(this.elementInternals,e,!1),t&&dr(this.elementInternals,t,!0)}blockChanged(e,t){dr(this.elementInternals,"block",t)}markerPositionChanged(e,t){e&&dr(this.elementInternals,`align-${e}`,!1),t&&dr(this.elementInternals,`align-${t}`,!0)}}Cr([Oi],Sr.prototype,"menuList",void 0),Cr([Pi({mode:"boolean"})],Sr.prototype,"expanded",void 0),Cr([Pi({mode:"boolean"})],Sr.prototype,"disabled",void 0),Cr([Pi],Sr.prototype,"id",void 0),Cr([Pi],Sr.prototype,"size",void 0),Cr([Pi({mode:"boolean"})],Sr.prototype,"block",void 0),Cr([Pi({attribute:"marker-position"})],Sr.prototype,"markerPosition",void 0);const Ir={single:"single",multi:"multi"};var Br=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Er extends Ai{constructor(){super(),this.elementInternals=this.attachInternals(),this.expandmode=Ir.multi,this.slottedElements=[],this.isMenuItemElement=e=>e instanceof yr||Ki(e)&&e.getAttribute("role")in kr.focusableElementRoles,this.removeItemListeners=e=>{e.forEach(e=>{Ni.getNotifier(e).unsubscribe(this,"disabled"),Ni.getNotifier(e).unsubscribe(this,"expanded")})},this.elementInternals.role="menu"}connectedCallback(){super.connectedCallback(),zi.enqueue(()=>{this.setItems()})}disconnectedCallback(){super.disconnectedCallback(),this.removeItemListeners(this.slottedElements),this.slottedElements=[]}expandmodeChanged(e,t){if(!this.$fastController.isConnected)return;const o=this.findExpandedItem();o&&(t===Ir.single?this.setSingleExpandMode(o):null==o||o.removeAttribute("aria-disabled"))}handleChange(e,t){if("disabled"===t)this.setItems();else if("expanded"===t){const t=e;t.expanded&&this.isSingleExpandMode()&&this.setSingleExpandMode(t)}}clearSelections(){void 0!==this.slottedElements&&this.slottedElements.forEach(e=>{e instanceof Sr&&e.menuList&&e.menuList.forEach(e=>{var t;null===(t=e.menuItems)||void 0===t||t.forEach(e=>{e instanceof yr&&(e.checked=!1)})})})}findExpandedItem(){var e;return 0===this.slottedElements.length?null:null!==(e=this.slottedElements.find(e=>e instanceof Sr&&e.expanded))&&void 0!==e?e:this.slottedElements[0]}setItems(){var e;if(0===this.slottedElements.length)return;const t=Array.from(this.children);if(this.removeItemListeners(t),t.forEach(e=>Ni.getNotifier(e).subscribe(this,"disabled")),this.slottedElements=t.filter(e=>!e.hasAttribute("disabled")),this.slottedElements.forEach(e=>{e instanceof Sr&&Ni.getNotifier(e).subscribe(this,"expanded")}),this.isSingleExpandMode()){const e=this.findExpandedItem();this.setSingleExpandMode(e)}const o=null===(e=this.slottedElements)||void 0===e?void 0:e.filter(this.isMenuItemElement),n=null==o?void 0:o.reduce((e,t)=>{const o=Er.elementIndent(t);return Math.max(e,o)},0);null==o||o.forEach(e=>{e instanceof yr&&e.setAttribute("data-indent",`${n}`)})}static elementIndent(e){const t=e.getAttribute("role"),o=e.querySelector("[slot=start]");return t&&t!==hr.menuitem?o?2:1:o?1:0}isSingleExpandMode(){return this.expandmode===Ir.single}setSingleExpandMode(e){if(0===this.slottedElements.length)return;Array.from(this.slottedElements).forEach(t=>{t instanceof Sr&&(t===e?(t.expanded=!0,this.setAttribute("aria-disabled","true")):(t.expanded=!1,t.hasAttribute("disabled")||this.removeAttribute("aria-disabled")))})}}Br([Pi({attribute:"expand-mode"})],Er.prototype,"expandmode",void 0),Br([Oi],Er.prototype,"slottedElements",void 0);const Lr=Di`<template class="accordion-menu"><slot ${Ti({property:"slottedElements"})}></slot></template>`,Mr=Fi`
|
|
2
|
+
${n("flex")}
|
|
3
3
|
|
|
4
|
-
:host{contain:content;flex-direction:column;height:fit-content;max-width:calc(${t} * 15);min-width:calc(${o} * 10);width:auto;background-color:var(--colorNeutralBackground1);border:1px solid var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);box-shadow:var(--shadow16);row-gap:${n}}`,wr=Object.freeze({prefix:"fabric",shadowRootMode:"open",registry:customElements}),yr=fr.compose({name:`${wr.prefix}-accordion-menu`,template:br,styles:vr,shadowOptions:{mode:wr.shadowRootMode}}),xr={small:"small",medium:"medium",large:"large",extraLarge:"extra-large"},$r={start:"start",end:"end"},kr=Li.partial('<svg class="default-marker-collapsed" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M5.74 3.2a.75.75 0 00-.04 1.06L9.23 8 5.7 11.74a.75.75 0 101.1 1.02l4-4.25a.75.75 0 000-1.02l-4-4.25a.75.75 0 00-1.06-.04z" fill="currentColor"></path></svg>'),Cr=Li.partial('<svg\n width="20"\n height="20"\n viewBox="0 0 20 20"\n fill="none"\n xmlns="http://www.w3.org/2000/svg"\n class="default-marker-expanded"\n aria-hidden="true"\n>\n <path\n d="M15.794 7.73271C16.0797 8.03263 16.0681 8.50737 15.7682 8.79306L10.5178 13.7944C10.2281 14.0703 9.77285 14.0703 9.48318 13.7944L4.23271 8.79306C3.93279 8.50737 3.92125 8.03263 4.20694 7.73271C4.49264 7.43279 4.96737 7.42125 5.26729 7.70694L10.0005 12.2155L14.7336 7.70694C15.0336 7.42125 15.5083 7.43279 15.794 7.73271Z"\n fill="currentColor"\n />\n</svg>');const Sr=Li`<template @keydown="${(e,t)=>e.handleKeyDown(t.event)}"><div ${Pi("headingElement")} class="heading" part="heading" role="button" tabindex="0" aria-expanded="${e=>e.expanded}" aria-controls="${e=>e.id}-panel" aria-disabled="${e=>e.disabled}" id="${e=>e.id}" @click="${(e,t)=>e.handleClick(t.event)}" @keydown="${(e,t)=>e.handleKeyDown(t.event)}"><slot name="start"></slot><div class="heading-content" part="heading-content"><slot name="heading"></slot></div><div class="markers" part="markers"><slot name="marker-expanded">${Cr}</slot><slot name="marker-collapsed">${kr}</slot></div></div><div class="content" part="content" id="${e=>e.id}-panel" ?hidden="${e=>!e.expanded}"><slot ${Ei("menuList")}></slot></div></template>`;Zi("active");const Br=Zi("align-end");Zi("align-start"),Zi("anchor"),Zi("auto-resize"),Zi("bad-input"),Zi("beige"),Zi("block"),Zi("blue"),Zi("bold"),Zi("bordered"),Zi("brand"),Zi("brass"),Zi("brown"),Zi("center");const Ir=Zi("checked"),Er=Zi("circular");Zi("cornflower"),Zi("cranberry"),Zi("custom-error"),Zi("danger"),Zi("dark-green"),Zi("dark-red"),Zi("description");const Lr=Zi("disabled");Zi("display-shadow"),Zi("dot"),Zi("end"),Zi("error");const Mr=Zi("expanded"),Pr=Zi("extra-large");Zi("extra-small"),Zi("filled-darker"),Zi("filled-lighter"),Zi("fit-center"),Zi("fit-contain"),Zi("fit-cover"),Zi("fit-none"),Zi("flip-block"),Zi("focus-visible"),Zi("forest"),Zi("ghost"),Zi("gold"),Zi("grape"),Zi("has-message"),Zi("huge");const Rr=Zi("icon");Zi("important"),Zi("indeterminate"),Zi("informative"),Zi("inline"),Zi("inset"),Zi("inverted"),Zi("italic"),Zi("justify");const Or=Zi("large");Zi("lavender"),Zi("light-teal"),Zi("lilac"),Zi("magenta"),Zi("marigold");const Ar=Zi("medium");Zi("mink"),Zi("monospace"),Zi("multiline"),Zi("multiple"),Zi("navy"),Zi("neutral"),Zi("nowrap"),Zi("numeric"),Zi("open");const Nr=Zi("outline");Zi("pattern-mismatch"),Zi("peach"),Zi("pink"),Zi("placeholder-shown"),Zi("platinum"),Zi("plum");const Dr=Zi("pressed"),Fr=Zi("primary");Zi("pumpkin"),Zi("purple"),Zi("range-overflow"),Zi("range-underflow"),Zi("red"),Zi("resize-both"),Zi("resize-horizontal"),Zi("resize-vertical"),Zi("rounded"),Zi("royal-blue"),Zi("seafoam"),Zi("selected"),Zi("semibold"),Zi("severe"),Zi("shadow"),Zi("size-1000"),Zi("size-100"),Zi("size-200"),Zi("size-400"),Zi("size-500"),Zi("size-600"),Zi("size-700"),Zi("size-800"),Zi("size-900");const Tr=Zi("small"),zr=Zi("square");Zi("steel"),Zi("step-mismatch"),Zi("strikethrough"),Zi("strong");const Hr=Zi("submenu"),Vr=Zi("subtle");Zi("success"),Zi("teal"),Zi("tint"),Zi("tiny"),Zi("too-long"),Zi("too-short");const _r=Zi("transparent");Zi("truncate"),Zi("type-mismatch"),Zi("underline"),Zi("user-invalid"),Zi("valid"),Zi("value-missing"),Zi("vertical"),Zi("warning");const jr=Mi`
|
|
5
|
-
${
|
|
4
|
+
:host{contain:content;flex-direction:column;height:fit-content;max-width:calc(${e} * 15);min-width:calc(${t} * 10);width:auto;background-color:var(--colorNeutralBackground1);border:1px solid var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);box-shadow:var(--shadow16);row-gap:${o}}`,Rr=Object.freeze({prefix:"fabric",shadowRootMode:"open",registry:customElements}),Ar=Er.compose({name:`${Rr.prefix}-accordion-menu`,template:Lr,styles:Mr,shadowOptions:{mode:Rr.shadowRootMode}}),Pr={small:"small",medium:"medium",large:"large",extraLarge:"extra-large"},Or={start:"start",end:"end"},zr=Di.partial('<svg class="default-marker-collapsed" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M5.74 3.2a.75.75 0 00-.04 1.06L9.23 8 5.7 11.74a.75.75 0 101.1 1.02l4-4.25a.75.75 0 000-1.02l-4-4.25a.75.75 0 00-1.06-.04z" fill="currentColor"></path></svg>'),Nr=Di.partial('<svg\n width="20"\n height="20"\n viewBox="0 0 20 20"\n fill="none"\n xmlns="http://www.w3.org/2000/svg"\n class="default-marker-expanded"\n aria-hidden="true"\n>\n <path\n d="M15.794 7.73271C16.0797 8.03263 16.0681 8.50737 15.7682 8.79306L10.5178 13.7944C10.2281 14.0703 9.77285 14.0703 9.48318 13.7944L4.23271 8.79306C3.93279 8.50737 3.92125 8.03263 4.20694 7.73271C4.49264 7.43279 4.96737 7.42125 5.26729 7.70694L10.0005 12.2155L14.7336 7.70694C15.0336 7.42125 15.5083 7.43279 15.794 7.73271Z"\n fill="currentColor"\n />\n</svg>');const Tr=Di`<template @keydown="${(e,t)=>e.handleKeyDown(t.event)}"><div ${Hi("headingElement")} class="heading" part="heading" role="button" tabindex="0" aria-expanded="${e=>e.expanded}" aria-controls="${e=>e.id}-panel" aria-disabled="${e=>e.disabled}" id="${e=>e.id}" @click="${(e,t)=>e.handleClick(t.event)}" @keydown="${(e,t)=>e.handleKeyDown(t.event)}"><slot name="start"></slot><div class="heading-content" part="heading-content"><slot name="heading"></slot></div><div class="markers" part="markers"><slot name="marker-expanded">${Nr}</slot><slot name="marker-collapsed">${zr}</slot></div></div><div class="content" part="content" id="${e=>e.id}-panel" ?hidden="${e=>!e.expanded}"><slot ${Ti("menuList")}></slot></div></template>`;lr("active");const Dr=lr("align-end");lr("align-start"),lr("anchor"),lr("auto-resize"),lr("bad-input"),lr("beige"),lr("block"),lr("blue"),lr("bold"),lr("bordered"),lr("brand"),lr("brass"),lr("brown"),lr("center");const Fr=lr("checked"),Hr=lr("circular");lr("cornflower"),lr("cranberry"),lr("custom-error"),lr("danger"),lr("dark-green"),lr("dark-red"),lr("description");const Vr=lr("disabled");lr("display-shadow"),lr("dot"),lr("end"),lr("error");const _r=lr("expanded"),jr=lr("extra-large");lr("extra-small"),lr("filled-darker"),lr("filled-lighter"),lr("fit-center"),lr("fit-contain"),lr("fit-cover"),lr("fit-none"),lr("flip-block"),lr("focus-visible"),lr("forest"),lr("ghost"),lr("gold"),lr("grape"),lr("has-message"),lr("huge");const Xr=lr("icon");lr("important"),lr("indeterminate"),lr("informative"),lr("inline"),lr("inset"),lr("inverted"),lr("italic"),lr("justify");const Wr=lr("large");lr("lavender"),lr("light-teal"),lr("lilac"),lr("magenta"),lr("marigold");const Kr=lr("medium");lr("mink"),lr("monospace"),lr("multiline"),lr("multiple"),lr("navy"),lr("neutral"),lr("nowrap"),lr("numeric"),lr("open");const qr=lr("outline");lr("pattern-mismatch"),lr("peach"),lr("pink"),lr("placeholder-shown"),lr("platinum"),lr("plum");const Gr=lr("pressed"),Yr=lr("primary");lr("pumpkin"),lr("purple"),lr("range-overflow"),lr("range-underflow"),lr("red"),lr("resize-both"),lr("resize-horizontal"),lr("resize-vertical"),lr("rounded"),lr("royal-blue"),lr("seafoam"),lr("selected"),lr("semibold"),lr("severe"),lr("shadow"),lr("size-1000"),lr("size-100"),lr("size-200"),lr("size-400"),lr("size-500"),lr("size-600"),lr("size-700"),lr("size-800"),lr("size-900");const Ur=lr("small"),Zr=lr("square");lr("steel"),lr("step-mismatch"),lr("strikethrough"),lr("strong");const Qr=lr("submenu"),Jr=lr("subtle");lr("success"),lr("teal"),lr("tint"),lr("tiny"),lr("too-long"),lr("too-short");const es=lr("transparent");lr("truncate"),lr("type-mismatch"),lr("underline"),lr("user-invalid"),lr("valid"),lr("value-missing"),lr("vertical"),lr("warning");const ts="#050505",os="#0a0a0a",ns="#0f0f0f",is="#141414",rs="#1a1a1a",ss="#1f1f1f",as="#242424",ls="#292929",ds="#2e2e2e",cs="#333333",hs="#383838",us="#3d3d3d",ps="#424242",ms="#4d4d4d",gs="#525252",fs="#575757",bs="#5c5c5c",vs="#616161",ws="#666666",ys="#6b6b6b",xs="#707070",$s="#757575",ks="#999999",Cs="#adadad",Ss="#b3b3b3",Is="#bdbdbd",Bs="#c7c7c7",Es="#d1d1d1",Ls="#d6d6d6",Ms="#dbdbdb",Rs="#e0e0e0",As="#e6e6e6",Ps="#ebebeb",Os="#f0f0f0",zs="#f5f5f5",Ns="#fafafa",Ts="#fcfcfc",Ds="rgba(255, 255, 255, 0.05)",Fs="rgba(255, 255, 255, 0.1)",Hs="rgba(255, 255, 255, 0.2)",Vs="rgba(255, 255, 255, 0.4)",_s="rgba(255, 255, 255, 0.5)",js="rgba(255, 255, 255, 0.6)",Xs="rgba(255, 255, 255, 0.7)",Ws="rgba(255, 255, 255, 0.8)",Ks="rgba(0, 0, 0, 0.05)",qs="rgba(0, 0, 0, 0.1)",Gs="rgba(0, 0, 0, 0.2)",Ys="rgba(0, 0, 0, 0.3)",Us="rgba(0, 0, 0, 0.4)",Zs="rgba(0, 0, 0, 0.5)",Qs="rgba(26, 26, 26, 0.5)",Js="rgba(31, 31, 31, 0.7)",ea="rgba(36, 36, 36, 0.5)",ta="rgba(36, 36, 36, 0.8)",oa="#ffffff",na="#000000",ia={shade50:"#200205",shade40:"#3b0509",shade30:"#6e0811",shade20:"#960b18",shade10:"#b10e1c",primary:"#c50f1f",tint10:"#cc2635",tint20:"#d33f4c",tint30:"#dc626d",tint40:"#eeacb2",tint50:"#f6d1d5",tint60:"#fdf3f4"},ra={shade50:"#031403",shade40:"#052505",shade30:"#094509",shade20:"#0c5e0c",shade10:"#0e700e",primary:"#107c10",tint10:"#218c21",tint20:"#359b35",tint30:"#54b054",tint40:"#9fd89f",tint50:"#c9eac9",tint60:"#f1faf1"},sa={red:{shade50:"#210809",shade40:"#3f1011",shade30:"#751d1f",shade20:"#9f282b",shade10:"#bc2f32",primary:"#d13438",tint10:"#d7494c",tint20:"#dc5e62",tint30:"#e37d80",tint40:"#f1bbbc",tint50:"#f8dadb",tint60:"#fdf6f6"},green:ra,darkOrange:{shade50:"#230900",shade40:"#411200",shade30:"#7a2101",shade20:"#a62d01",shade10:"#c43501",primary:"#da3b01",tint10:"#de501c",tint20:"#e36537",tint30:"#e9835e",tint40:"#f4bfab",tint50:"#f9dcd1",tint60:"#fdf6f3"},yellow:{shade50:"#282400",shade40:"#4c4400",shade30:"#817400",shade20:"#c0ad00",shade10:"#e4cc00",primary:"#fde300",tint10:"#fde61e",tint20:"#fdea3d",tint30:"#feee66",tint40:"#fef7b2",tint50:"#fffad6",tint60:"#fffef5"},berry:{shade50:"#1f091d",shade40:"#3a1136",shade30:"#6d2064",shade20:"#932b88",shade10:"#af33a1",primary:"#c239b3",tint10:"#c94cbc",tint20:"#d161c4",tint30:"#da7ed0",tint40:"#edbbe7",tint50:"#f5daf2",tint60:"#fdf5fc"},lightGreen:{shade50:"#031a02",shade40:"#063004",shade30:"#0b5a08",shade20:"#0e7a0b",shade10:"#11910d",primary:"#13a10e",tint10:"#27ac22",tint20:"#3db838",tint30:"#5ec75a",tint40:"#a7e3a5",tint50:"#cef0cd",tint60:"#f2fbf2"},marigold:{shade50:"#251a00",shade40:"#463100",shade30:"#835b00",shade20:"#b27c00",shade10:"#d39300",primary:"#eaa300",tint10:"#edad1c",tint20:"#efb839",tint30:"#f2c661",tint40:"#f9e2ae",tint50:"#fcefd3",tint60:"#fefbf4"}},aa={darkRed:{shade50:"#130204",shade40:"#230308",shade30:"#420610",shade20:"#590815",shade10:"#690a19",primary:"#750b1c",tint10:"#861b2c",tint20:"#962f3f",tint30:"#ac4f5e",tint40:"#d69ca5",tint50:"#e9c7cd",tint60:"#f9f0f2"},cranberry:ia,pumpkin:{shade50:"#200d03",shade40:"#3d1805",shade30:"#712d09",shade20:"#9a3d0c",shade10:"#b6480e",primary:"#ca5010",tint10:"#d06228",tint20:"#d77440",tint30:"#df8e64",tint40:"#efc4ad",tint50:"#f7dfd2",tint60:"#fdf7f4"},peach:{shade50:"#291600",shade40:"#4d2a00",shade30:"#8f4e00",shade20:"#c26a00",shade10:"#e67e00",primary:"#ff8c00",tint10:"#ff9a1f",tint20:"#ffa83d",tint30:"#ffba66",tint40:"#ffddb3",tint50:"#ffedd6",tint60:"#fffaf5"},gold:{shade50:"#1f1900",shade40:"#3a2f00",shade30:"#6c5700",shade20:"#937700",shade10:"#ae8c00",primary:"#c19c00",tint10:"#c8a718",tint20:"#d0b232",tint30:"#dac157",tint40:"#ecdfa5",tint50:"#f5eece",tint60:"#fdfbf2"},brass:{shade50:"#181202",shade40:"#2e2103",shade30:"#553e06",shade20:"#745408",shade10:"#89640a",primary:"#986f0b",tint10:"#a47d1e",tint20:"#b18c34",tint30:"#c1a256",tint40:"#e0cea2",tint50:"#efe4cb",tint60:"#fbf8f2"},brown:{shade50:"#170e07",shade40:"#2b1a0e",shade30:"#50301a",shade20:"#6c4123",shade10:"#804d29",primary:"#8e562e",tint10:"#9c663f",tint20:"#a97652",tint30:"#bb8f6f",tint40:"#ddc3b0",tint50:"#edded3",tint60:"#faf7f4"},forest:{shade50:"#0c1501",shade40:"#162702",shade30:"#294903",shade20:"#376304",shade10:"#427505",primary:"#498205",tint10:"#599116",tint20:"#6ba02b",tint30:"#85b44c",tint40:"#bdd99b",tint50:"#dbebc7",tint60:"#f6faf0"},seafoam:{shade50:"#002111",shade40:"#003d20",shade30:"#00723b",shade20:"#009b51",shade10:"#00b85f",primary:"#00cc6a",tint10:"#19d279",tint20:"#34d889",tint30:"#5ae0a0",tint40:"#a8f0cd",tint50:"#cff7e4",tint60:"#f3fdf8"},darkGreen:{shade50:"#021102",shade40:"#032003",shade30:"#063b06",shade20:"#085108",shade10:"#0a5f0a",primary:"#0b6a0b",tint10:"#1a7c1a",tint20:"#2d8e2d",tint30:"#4da64d",tint40:"#9ad29a",tint50:"#c6e7c6",tint60:"#f0f9f0"},lightTeal:{shade50:"#001d1f",shade40:"#00373a",shade30:"#00666d",shade20:"#008b94",shade10:"#00a5af",primary:"#00b7c3",tint10:"#18bfca",tint20:"#32c8d1",tint30:"#58d3db",tint40:"#a6e9ed",tint50:"#cef3f5",tint60:"#f2fcfd"},teal:{shade50:"#001516",shade40:"#012728",shade30:"#02494c",shade20:"#026467",shade10:"#037679",primary:"#038387",tint10:"#159195",tint20:"#2aa0a4",tint30:"#4cb4b7",tint40:"#9bd9db",tint50:"#c7ebec",tint60:"#f0fafa"},steel:{shade50:"#000f12",shade40:"#001b22",shade30:"#00333f",shade20:"#004555",shade10:"#005265",primary:"#005b70",tint10:"#0f6c81",tint20:"#237d92",tint30:"#4496a9",tint40:"#94c8d4",tint50:"#c3e1e8",tint60:"#eff7f9"},blue:{shade50:"#001322",shade40:"#002440",shade30:"#004377",shade20:"#005ba1",shade10:"#006cbf",primary:"#0078d4",tint10:"#1a86d9",tint20:"#3595de",tint30:"#5caae5",tint40:"#a9d3f2",tint50:"#d0e7f8",tint60:"#f3f9fd"},royalBlue:{shade50:"#000c16",shade40:"#00172a",shade30:"#002c4e",shade20:"#003b6a",shade10:"#00467e",primary:"#004e8c",tint10:"#125e9a",tint20:"#286fa8",tint30:"#4a89ba",tint40:"#9abfdc",tint50:"#c7dced",tint60:"#f0f6fa"},cornflower:{shade50:"#0d1126",shade40:"#182047",shade30:"#2c3c85",shade20:"#3c51b4",shade10:"#4760d5",primary:"#4f6bed",tint10:"#637cef",tint20:"#778df1",tint30:"#93a4f4",tint40:"#c8d1fa",tint50:"#e1e6fc",tint60:"#f7f9fe"},navy:{shade50:"#00061d",shade40:"#000c36",shade30:"#001665",shade20:"#001e89",shade10:"#0023a2",primary:"#0027b4",tint10:"#173bbd",tint20:"#3050c6",tint30:"#546fd2",tint40:"#a3b2e8",tint50:"#ccd5f3",tint60:"#f2f4fc"},lavender:{shade50:"#120f25",shade40:"#221d46",shade30:"#3f3682",shade20:"#5649b0",shade10:"#6656d1",primary:"#7160e8",tint10:"#8172eb",tint20:"#9184ee",tint30:"#a79cf1",tint40:"#d2ccf8",tint50:"#e7e4fb",tint60:"#f9f8fe"},purple:{shade50:"#0f0717",shade40:"#1c0e2b",shade30:"#341a51",shade20:"#46236e",shade10:"#532982",primary:"#5c2e91",tint10:"#6b3f9e",tint20:"#7c52ab",tint30:"#9470bd",tint40:"#c6b1de",tint50:"#e0d3ed",tint60:"#f7f4fb"},grape:{shade50:"#160418",shade40:"#29072e",shade30:"#4c0d55",shade20:"#671174",shade10:"#7a1589",primary:"#881798",tint10:"#952aa4",tint20:"#a33fb1",tint30:"#b55fc1",tint40:"#d9a7e0",tint50:"#eaceef",tint60:"#faf2fb"},lilac:{shade50:"#1c0b1f",shade40:"#35153a",shade30:"#63276d",shade20:"#863593",shade10:"#9f3faf",primary:"#b146c2",tint10:"#ba58c9",tint20:"#c36bd1",tint30:"#cf87da",tint40:"#e6bfed",tint50:"#f2dcf5",tint60:"#fcf6fd"},pink:{shade50:"#24091b",shade40:"#441232",shade30:"#80215d",shade20:"#ad2d7e",shade10:"#cd3595",primary:"#e43ba6",tint10:"#e750b0",tint20:"#ea66ba",tint30:"#ef85c8",tint40:"#f7c0e3",tint50:"#fbddf0",tint60:"#fef6fb"},magenta:{shade50:"#1f0013",shade40:"#390024",shade30:"#6b0043",shade20:"#91005a",shade10:"#ac006b",primary:"#bf0077",tint10:"#c71885",tint20:"#ce3293",tint30:"#d957a8",tint40:"#eca5d1",tint50:"#f5cee6",tint60:"#fcf2f9"},plum:{shade50:"#13000c",shade40:"#240017",shade30:"#43002b",shade20:"#5a003b",shade10:"#6b0045",primary:"#77004d",tint10:"#87105d",tint20:"#98246f",tint30:"#ad4589",tint40:"#d696c0",tint50:"#e9c4dc",tint60:"#faf0f6"},beige:{shade50:"#141313",shade40:"#252323",shade30:"#444241",shade20:"#5d5958",shade10:"#6e6968",primary:"#7a7574",tint10:"#8a8584",tint20:"#9a9594",tint30:"#afabaa",tint40:"#d7d4d4",tint50:"#eae8e8",tint60:"#faf9f9"},mink:{shade50:"#0f0e0e",shade40:"#1c1b1a",shade30:"#343231",shade20:"#474443",shade10:"#54514f",primary:"#5d5a58",tint10:"#706d6b",tint20:"#84817e",tint30:"#9e9b99",tint40:"#cecccb",tint50:"#e5e4e3",tint60:"#f8f8f8"},platinum:{shade50:"#111314",shade40:"#1f2426",shade30:"#3b4447",shade20:"#505c60",shade10:"#5f6d71",primary:"#69797e",tint10:"#79898d",tint20:"#89989d",tint30:"#a0adb2",tint40:"#cdd6d8",tint50:"#e4e9ea",tint60:"#f8f9fa"},anchor:{shade50:"#090a0b",shade40:"#111315",shade30:"#202427",shade20:"#2b3135",shade10:"#333a3f",primary:"#394146",tint10:"#4d565c",tint20:"#626c72",tint30:"#808a90",tint40:"#bcc3c7",tint50:"#dbdfe1",tint60:"#f6f7f8"}},la={cranberry:ia,green:ra,orange:{shade50:"#271002",shade40:"#4a1e04",shade30:"#8a3707",shade20:"#bc4b09",shade10:"#de590b",primary:"#f7630c",tint10:"#f87528",tint20:"#f98845",tint30:"#faa06b",tint40:"#fdcfb4",tint50:"#fee5d7",tint60:"#fff9f5"}},da=["red","green","darkOrange","yellow","berry","lightGreen","marigold"],ca=["darkRed","cranberry","pumpkin","peach","gold","brass","brown","forest","seafoam","darkGreen","lightTeal","teal","steel","blue","royalBlue","cornflower","navy","lavender","purple","grape","lilac","pink","magenta","plum","beige","mink","platinum","anchor"],ha={success:"green",warning:"orange",danger:"cranberry"},ua=da.reduce((e,t)=>{const o=t.slice(0,1).toUpperCase()+t.slice(1),n={[`colorPalette${o}Background1`]:sa[t].tint60,[`colorPalette${o}Background2`]:sa[t].tint40,[`colorPalette${o}Background3`]:sa[t].primary,[`colorPalette${o}Foreground1`]:sa[t].shade10,[`colorPalette${o}Foreground2`]:sa[t].shade30,[`colorPalette${o}Foreground3`]:sa[t].primary,[`colorPalette${o}BorderActive`]:sa[t].primary,[`colorPalette${o}Border1`]:sa[t].tint40,[`colorPalette${o}Border2`]:sa[t].primary};return Object.assign(e,n)},{});ua.colorPaletteYellowForeground1=sa.yellow.shade30,ua.colorPaletteRedForegroundInverted=sa.red.tint20,ua.colorPaletteGreenForegroundInverted=sa.green.tint20,ua.colorPaletteYellowForegroundInverted=sa.yellow.tint40;const pa=ca.reduce((e,t)=>{const o=t.slice(0,1).toUpperCase()+t.slice(1),n={[`colorPalette${o}Background2`]:aa[t].tint40,[`colorPalette${o}Foreground2`]:aa[t].shade30,[`colorPalette${o}BorderActive`]:aa[t].primary};return Object.assign(e,n)},{}),ma={...ua,...pa},ga=Object.entries(ha).reduce((e,[t,o])=>{const n=t.slice(0,1).toUpperCase()+t.slice(1),i={[`colorStatus${n}Background1`]:la[o].tint60,[`colorStatus${n}Background2`]:la[o].tint40,[`colorStatus${n}Background3`]:la[o].primary,[`colorStatus${n}Foreground1`]:la[o].shade10,[`colorStatus${n}Foreground2`]:la[o].shade30,[`colorStatus${n}Foreground3`]:la[o].primary,[`colorStatus${n}ForegroundInverted`]:la[o].tint30,[`colorStatus${n}BorderActive`]:la[o].primary,[`colorStatus${n}Border1`]:la[o].tint40,[`colorStatus${n}Border2`]:la[o].primary};return Object.assign(e,i)},{});ga.colorStatusDangerBackground3Hover=la[ha.danger].shade10,ga.colorStatusDangerBackground3Pressed=la[ha.danger].shade20,ga.colorStatusWarningForeground1=la[ha.warning].shade20,ga.colorStatusWarningForeground3=la[ha.warning].shade20,ga.colorStatusWarningBorder2=la[ha.warning].shade20;const fa={borderRadiusNone:"0",borderRadiusSmall:"2px",borderRadiusMedium:"4px",borderRadiusLarge:"6px",borderRadiusXLarge:"8px",borderRadius2XLarge:"12px",borderRadius3XLarge:"16px",borderRadius4XLarge:"24px",borderRadius5XLarge:"32px",borderRadius6XLarge:"40px",borderRadiusCircular:"10000px"},ba={curveAccelerateMax:"cubic-bezier(0.9,0.1,1,0.2)",curveAccelerateMid:"cubic-bezier(1,0,1,1)",curveAccelerateMin:"cubic-bezier(0.8,0,0.78,1)",curveDecelerateMax:"cubic-bezier(0.1,0.9,0.2,1)",curveDecelerateMid:"cubic-bezier(0,0,0,1)",curveDecelerateMin:"cubic-bezier(0.33,0,0.1,1)",curveEasyEaseMax:"cubic-bezier(0.8,0,0.2,1)",curveEasyEase:"cubic-bezier(0.33,0,0.67,1)",curveLinear:"cubic-bezier(0,0,1,1)"},va={durationUltraFast:"50ms",durationFaster:"100ms",durationFast:"150ms",durationNormal:"200ms",durationGentle:"250ms",durationSlow:"300ms",durationSlower:"400ms",durationUltraSlow:"500ms"},wa={fontSizeBase100:"10px",fontSizeBase200:"12px",fontSizeBase300:"14px",fontSizeBase400:"16px",fontSizeBase500:"20px",fontSizeBase600:"24px",fontSizeHero700:"28px",fontSizeHero800:"32px",fontSizeHero900:"40px",fontSizeHero1000:"68px"},ya={lineHeightBase100:"14px",lineHeightBase200:"16px",lineHeightBase300:"20px",lineHeightBase400:"22px",lineHeightBase500:"28px",lineHeightBase600:"32px",lineHeightHero700:"36px",lineHeightHero800:"40px",lineHeightHero900:"52px",lineHeightHero1000:"92px"},xa={fontWeightRegular:400,fontWeightMedium:500,fontWeightSemibold:600,fontWeightBold:700},$a={fontFamilyBase:"'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif",fontFamilyMonospace:"Consolas, 'Courier New', Courier, monospace",fontFamilyNumeric:"Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif"},ka="0",Ca="2px",Sa="4px",Ia="6px",Ba="8px",Ea="10px",La="12px",Ma="16px",Ra="20px",Aa="24px",Pa="32px",Oa={spacingHorizontalNone:ka,spacingHorizontalXXS:Ca,spacingHorizontalXS:Sa,spacingHorizontalSNudge:Ia,spacingHorizontalS:Ba,spacingHorizontalMNudge:Ea,spacingHorizontalM:La,spacingHorizontalL:Ma,spacingHorizontalXL:Ra,spacingHorizontalXXL:Aa,spacingHorizontalXXXL:Pa},za={spacingVerticalNone:ka,spacingVerticalXXS:Ca,spacingVerticalXS:Sa,spacingVerticalSNudge:Ia,spacingVerticalS:Ba,spacingVerticalMNudge:Ea,spacingVerticalM:La,spacingVerticalL:Ma,spacingVerticalXL:Ra,spacingVerticalXXL:Aa,spacingVerticalXXXL:Pa},Na={strokeWidthThin:"1px",strokeWidthThick:"2px",strokeWidthThicker:"3px",strokeWidthThickest:"4px"};function Ta(e,t,o=""){return{[`shadow2${o}`]:`0 0 2px ${e}, 0 1px 2px ${t}`,[`shadow4${o}`]:`0 0 2px ${e}, 0 2px 4px ${t}`,[`shadow8${o}`]:`0 0 2px ${e}, 0 4px 8px ${t}`,[`shadow16${o}`]:`0 0 2px ${e}, 0 8px 16px ${t}`,[`shadow28${o}`]:`0 0 8px ${e}, 0 14px 28px ${t}`,[`shadow64${o}`]:`0 0 8px ${e}, 0 32px 64px ${t}`}}const Da=e=>{const t=(e=>({colorNeutralForeground1:as,colorNeutralForeground1Hover:as,colorNeutralForeground1Pressed:as,colorNeutralForeground1Selected:as,colorNeutralForeground2:ps,colorNeutralForeground2Hover:as,colorNeutralForeground2Pressed:as,colorNeutralForeground2Selected:as,colorNeutralForeground2BrandHover:e[80],colorNeutralForeground2BrandPressed:e[70],colorNeutralForeground2BrandSelected:e[80],colorNeutralForeground3:vs,colorNeutralForeground3Hover:ps,colorNeutralForeground3Pressed:ps,colorNeutralForeground3Selected:ps,colorNeutralForeground3BrandHover:e[80],colorNeutralForeground3BrandPressed:e[70],colorNeutralForeground3BrandSelected:e[80],colorNeutralForeground4:xs,colorNeutralForeground5:vs,colorNeutralForeground5Hover:as,colorNeutralForeground5Pressed:as,colorNeutralForeground5Selected:as,colorNeutralForegroundDisabled:Is,colorNeutralForegroundInvertedDisabled:Vs,colorBrandForegroundLink:e[70],colorBrandForegroundLinkHover:e[60],colorBrandForegroundLinkPressed:e[40],colorBrandForegroundLinkSelected:e[70],colorNeutralForeground2Link:ps,colorNeutralForeground2LinkHover:as,colorNeutralForeground2LinkPressed:as,colorNeutralForeground2LinkSelected:as,colorCompoundBrandForeground1:e[80],colorCompoundBrandForeground1Hover:e[70],colorCompoundBrandForeground1Pressed:e[60],colorBrandForeground1:e[80],colorBrandForeground2:e[70],colorBrandForeground2Hover:e[60],colorBrandForeground2Pressed:e[30],colorNeutralForeground1Static:as,colorNeutralForegroundStaticInverted:oa,colorNeutralForegroundInverted:oa,colorNeutralForegroundInvertedHover:oa,colorNeutralForegroundInvertedPressed:oa,colorNeutralForegroundInvertedSelected:oa,colorNeutralForegroundInverted2:oa,colorNeutralForegroundOnBrand:oa,colorNeutralForegroundInvertedLink:oa,colorNeutralForegroundInvertedLinkHover:oa,colorNeutralForegroundInvertedLinkPressed:oa,colorNeutralForegroundInvertedLinkSelected:oa,colorBrandForegroundInverted:e[100],colorBrandForegroundInvertedHover:e[110],colorBrandForegroundInvertedPressed:e[100],colorBrandForegroundOnLight:e[80],colorBrandForegroundOnLightHover:e[70],colorBrandForegroundOnLightPressed:e[50],colorBrandForegroundOnLightSelected:e[60],colorNeutralBackground1:oa,colorNeutralBackground1Hover:zs,colorNeutralBackground1Pressed:Rs,colorNeutralBackground1Selected:Ps,colorNeutralBackground2:Ns,colorNeutralBackground2Hover:Os,colorNeutralBackground2Pressed:Ms,colorNeutralBackground2Selected:As,colorNeutralBackground3:zs,colorNeutralBackground3Hover:Ps,colorNeutralBackground3Pressed:Ls,colorNeutralBackground3Selected:Rs,colorNeutralBackground4:Os,colorNeutralBackground4Hover:Ns,colorNeutralBackground4Pressed:zs,colorNeutralBackground4Selected:oa,colorNeutralBackground5:Ps,colorNeutralBackground5Hover:zs,colorNeutralBackground5Pressed:Os,colorNeutralBackground5Selected:Ns,colorNeutralBackground6:As,colorNeutralBackground7:"#00000000",colorNeutralBackground7Hover:Ps,colorNeutralBackground7Pressed:Ls,colorNeutralBackground7Selected:"#00000000",colorNeutralBackground8:Ts,colorNeutralBackgroundInverted:ls,colorNeutralBackgroundInvertedHover:us,colorNeutralBackgroundInvertedPressed:ss,colorNeutralBackgroundInvertedSelected:hs,colorNeutralBackgroundStatic:cs,colorNeutralBackgroundAlpha:_s,colorNeutralBackgroundAlpha2:Ws,colorSubtleBackground:"transparent",colorSubtleBackgroundHover:zs,colorSubtleBackgroundPressed:Rs,colorSubtleBackgroundSelected:Ps,colorSubtleBackgroundLightAlphaHover:Xs,colorSubtleBackgroundLightAlphaPressed:_s,colorSubtleBackgroundLightAlphaSelected:"transparent",colorSubtleBackgroundInverted:"transparent",colorSubtleBackgroundInvertedHover:qs,colorSubtleBackgroundInvertedPressed:Ys,colorSubtleBackgroundInvertedSelected:Gs,colorTransparentBackground:"transparent",colorTransparentBackgroundHover:"transparent",colorTransparentBackgroundPressed:"transparent",colorTransparentBackgroundSelected:"transparent",colorNeutralBackgroundDisabled:Os,colorNeutralBackgroundDisabled2:oa,colorNeutralBackgroundInvertedDisabled:Fs,colorNeutralStencil1:As,colorNeutralStencil2:Ns,colorNeutralStencil1Alpha:qs,colorNeutralStencil2Alpha:Ks,colorBackgroundOverlay:Us,colorScrollbarOverlay:Zs,colorBrandBackground:e[80],colorBrandBackgroundHover:e[70],colorBrandBackgroundPressed:e[40],colorBrandBackgroundSelected:e[60],colorCompoundBrandBackground:e[80],colorCompoundBrandBackgroundHover:e[70],colorCompoundBrandBackgroundPressed:e[60],colorBrandBackgroundStatic:e[80],colorBrandBackground2:e[160],colorBrandBackground2Hover:e[150],colorBrandBackground2Pressed:e[130],colorBrandBackground3Static:e[60],colorBrandBackground4Static:e[40],colorBrandBackgroundInverted:oa,colorBrandBackgroundInvertedHover:e[160],colorBrandBackgroundInvertedPressed:e[140],colorBrandBackgroundInvertedSelected:e[150],colorNeutralCardBackground:Ns,colorNeutralCardBackgroundHover:oa,colorNeutralCardBackgroundPressed:zs,colorNeutralCardBackgroundSelected:Ps,colorNeutralCardBackgroundDisabled:Os,colorNeutralStrokeAccessible:vs,colorNeutralStrokeAccessibleHover:fs,colorNeutralStrokeAccessiblePressed:ms,colorNeutralStrokeAccessibleSelected:e[80],colorNeutralStroke1:Es,colorNeutralStroke1Hover:Bs,colorNeutralStroke1Pressed:Ss,colorNeutralStroke1Selected:Is,colorNeutralStroke2:Rs,colorNeutralStroke3:Os,colorNeutralStroke4:Ps,colorNeutralStroke4Hover:Rs,colorNeutralStroke4Pressed:Ls,colorNeutralStroke4Selected:Ps,colorNeutralStrokeSubtle:Rs,colorNeutralStrokeOnBrand:oa,colorNeutralStrokeOnBrand2:oa,colorNeutralStrokeOnBrand2Hover:oa,colorNeutralStrokeOnBrand2Pressed:oa,colorNeutralStrokeOnBrand2Selected:oa,colorBrandStroke1:e[80],colorBrandStroke2:e[140],colorBrandStroke2Hover:e[120],colorBrandStroke2Pressed:e[80],colorBrandStroke2Contrast:e[140],colorCompoundBrandStroke:e[80],colorCompoundBrandStrokeHover:e[70],colorCompoundBrandStrokePressed:e[60],colorNeutralStrokeDisabled:Rs,colorNeutralStrokeDisabled2:Ps,colorNeutralStrokeInvertedDisabled:Vs,colorTransparentStroke:"transparent",colorTransparentStrokeInteractive:"transparent",colorTransparentStrokeDisabled:"transparent",colorNeutralStrokeAlpha:Ks,colorNeutralStrokeAlpha2:Hs,colorStrokeFocus1:oa,colorStrokeFocus2:na,colorNeutralShadowAmbient:"rgba(0,0,0,0.12)",colorNeutralShadowKey:"rgba(0,0,0,0.14)",colorNeutralShadowAmbientLighter:"rgba(0,0,0,0.06)",colorNeutralShadowKeyLighter:"rgba(0,0,0,0.07)",colorNeutralShadowAmbientDarker:"rgba(0,0,0,0.20)",colorNeutralShadowKeyDarker:"rgba(0,0,0,0.24)",colorBrandShadowAmbient:"rgba(0,0,0,0.30)",colorBrandShadowKey:"rgba(0,0,0,0.25)"}))(e);return{...fa,...wa,...ya,...$a,...xa,...Na,...Oa,...za,...va,...ba,...t,...ma,...ga,...Ta(t.colorNeutralShadowAmbient,t.colorNeutralShadowKey),...Ta(t.colorBrandShadowAmbient,t.colorBrandShadowKey,"Brand")}},Fa={10:"#061724",20:"#082338",30:"#0a2e4a",40:"#0c3b5e",50:"#0e4775",60:"#0f548c",70:"#115ea3",80:"#0f6cbd",90:"#2886de",100:"#479ef5",110:"#62abf5",120:"#77b7f7",130:"#96c6fa",140:"#b4d6fa",150:"#cfe4fa",160:"#ebf3fc"},Ha=da.reduce((e,t)=>{const o=t.slice(0,1).toUpperCase()+t.slice(1),n={[`colorPalette${o}Background1`]:sa[t].shade40,[`colorPalette${o}Background2`]:sa[t].shade30,[`colorPalette${o}Background3`]:sa[t].primary,[`colorPalette${o}Foreground1`]:sa[t].tint30,[`colorPalette${o}Foreground2`]:sa[t].tint40,[`colorPalette${o}Foreground3`]:sa[t].tint20,[`colorPalette${o}BorderActive`]:sa[t].tint30,[`colorPalette${o}Border1`]:sa[t].primary,[`colorPalette${o}Border2`]:sa[t].tint20};return Object.assign(e,n)},{});Ha.colorPaletteRedForeground3=sa.red.tint30,Ha.colorPaletteRedBorder2=sa.red.tint30,Ha.colorPaletteGreenForeground3=sa.green.tint40,Ha.colorPaletteGreenBorder2=sa.green.tint40,Ha.colorPaletteDarkOrangeForeground3=sa.darkOrange.tint30,Ha.colorPaletteDarkOrangeBorder2=sa.darkOrange.tint30,Ha.colorPaletteRedForegroundInverted=sa.red.primary,Ha.colorPaletteGreenForegroundInverted=sa.green.primary,Ha.colorPaletteYellowForegroundInverted=sa.yellow.shade30;const Va=ca.reduce((e,t)=>{const o=t.slice(0,1).toUpperCase()+t.slice(1),n={[`colorPalette${o}Background2`]:aa[t].shade30,[`colorPalette${o}Foreground2`]:aa[t].tint40,[`colorPalette${o}BorderActive`]:aa[t].tint30};return Object.assign(e,n)},{});Va.colorPaletteDarkRedBackground2=aa.darkRed.shade20,Va.colorPalettePlumBackground2=aa.plum.shade20;const _a={...Ha,...Va},ja=Object.entries(ha).reduce((e,[t,o])=>{const n=t.slice(0,1).toUpperCase()+t.slice(1),i={[`colorStatus${n}Background1`]:la[o].shade40,[`colorStatus${n}Background2`]:la[o].shade30,[`colorStatus${n}Background3`]:la[o].primary,[`colorStatus${n}Foreground1`]:la[o].tint30,[`colorStatus${n}Foreground2`]:la[o].tint40,[`colorStatus${n}Foreground3`]:la[o].tint20,[`colorStatus${n}BorderActive`]:la[o].tint30,[`colorStatus${n}ForegroundInverted`]:la[o].shade10,[`colorStatus${n}Border1`]:la[o].primary,[`colorStatus${n}Border2`]:la[o].tint20};return Object.assign(e,i)},{});ja.colorStatusDangerBackground3Hover=la[ha.danger].shade10,ja.colorStatusDangerBackground3Pressed=la[ha.danger].shade20,ja.colorStatusDangerForeground3=la[ha.danger].tint40,ja.colorStatusDangerBorder2=la[ha.danger].tint30,ja.colorStatusSuccessForeground3=la[ha.success].tint40,ja.colorStatusSuccessBorder2=la[ha.success].tint40,ja.colorStatusWarningForegroundInverted=la[ha.warning].shade20;const Xa=Da(Fa),Wa=e=>{const t=(e=>({colorNeutralForeground1:oa,colorNeutralForeground1Hover:oa,colorNeutralForeground1Pressed:oa,colorNeutralForeground1Selected:oa,colorNeutralForeground2:Ls,colorNeutralForeground2Hover:oa,colorNeutralForeground2Pressed:oa,colorNeutralForeground2Selected:oa,colorNeutralForeground2BrandHover:e[100],colorNeutralForeground2BrandPressed:e[90],colorNeutralForeground2BrandSelected:e[100],colorNeutralForeground3:Cs,colorNeutralForeground3Hover:Ls,colorNeutralForeground3Pressed:Ls,colorNeutralForeground3Selected:Ls,colorNeutralForeground3BrandHover:e[100],colorNeutralForeground3BrandPressed:e[90],colorNeutralForeground3BrandSelected:e[100],colorNeutralForeground4:ks,colorNeutralForeground5:Cs,colorNeutralForeground5Hover:oa,colorNeutralForeground5Pressed:oa,colorNeutralForeground5Selected:oa,colorNeutralForegroundDisabled:bs,colorNeutralForegroundInvertedDisabled:Vs,colorBrandForegroundLink:e[100],colorBrandForegroundLinkHover:e[110],colorBrandForegroundLinkPressed:e[90],colorBrandForegroundLinkSelected:e[100],colorNeutralForeground2Link:Ls,colorNeutralForeground2LinkHover:oa,colorNeutralForeground2LinkPressed:oa,colorNeutralForeground2LinkSelected:oa,colorCompoundBrandForeground1:e[100],colorCompoundBrandForeground1Hover:e[110],colorCompoundBrandForeground1Pressed:e[90],colorBrandForeground1:e[100],colorBrandForeground2:e[110],colorBrandForeground2Hover:e[130],colorBrandForeground2Pressed:e[160],colorNeutralForeground1Static:as,colorNeutralForegroundStaticInverted:oa,colorNeutralForegroundInverted:as,colorNeutralForegroundInvertedHover:as,colorNeutralForegroundInvertedPressed:as,colorNeutralForegroundInvertedSelected:as,colorNeutralForegroundInverted2:as,colorNeutralForegroundOnBrand:oa,colorNeutralForegroundInvertedLink:oa,colorNeutralForegroundInvertedLinkHover:oa,colorNeutralForegroundInvertedLinkPressed:oa,colorNeutralForegroundInvertedLinkSelected:oa,colorBrandForegroundInverted:e[80],colorBrandForegroundInvertedHover:e[70],colorBrandForegroundInvertedPressed:e[60],colorBrandForegroundOnLight:e[80],colorBrandForegroundOnLightHover:e[70],colorBrandForegroundOnLightPressed:e[50],colorBrandForegroundOnLightSelected:e[60],colorNeutralBackground1:ls,colorNeutralBackground1Hover:us,colorNeutralBackground1Pressed:ss,colorNeutralBackground1Selected:hs,colorNeutralBackground2:ss,colorNeutralBackground2Hover:cs,colorNeutralBackground2Pressed:is,colorNeutralBackground2Selected:ds,colorNeutralBackground3:is,colorNeutralBackground3Hover:ls,colorNeutralBackground3Pressed:os,colorNeutralBackground3Selected:as,colorNeutralBackground4:os,colorNeutralBackground4Hover:ss,colorNeutralBackground4Pressed:na,colorNeutralBackground4Selected:rs,colorNeutralBackground5:na,colorNeutralBackground5Hover:is,colorNeutralBackground5Pressed:ts,colorNeutralBackground5Selected:ns,colorNeutralBackground6:cs,colorNeutralBackground7:"#00000000",colorNeutralBackground7Hover:rs,colorNeutralBackground7Pressed:os,colorNeutralBackground7Selected:"#00000000",colorNeutralBackground8:ls,colorNeutralBackgroundInverted:oa,colorNeutralBackgroundInvertedHover:zs,colorNeutralBackgroundInvertedPressed:Rs,colorNeutralBackgroundInvertedSelected:Ps,colorNeutralBackgroundStatic:us,colorNeutralBackgroundAlpha:Qs,colorNeutralBackgroundAlpha2:Js,colorSubtleBackground:"transparent",colorSubtleBackgroundHover:hs,colorSubtleBackgroundPressed:ds,colorSubtleBackgroundSelected:cs,colorSubtleBackgroundLightAlphaHover:ta,colorSubtleBackgroundLightAlphaPressed:ea,colorSubtleBackgroundLightAlphaSelected:"transparent",colorSubtleBackgroundInverted:"transparent",colorSubtleBackgroundInvertedHover:qs,colorSubtleBackgroundInvertedPressed:Ys,colorSubtleBackgroundInvertedSelected:Gs,colorTransparentBackground:"transparent",colorTransparentBackgroundHover:"transparent",colorTransparentBackgroundPressed:"transparent",colorTransparentBackgroundSelected:"transparent",colorNeutralBackgroundDisabled:is,colorNeutralBackgroundDisabled2:ls,colorNeutralBackgroundInvertedDisabled:Fs,colorNeutralStencil1:fs,colorNeutralStencil2:cs,colorNeutralStencil1Alpha:Fs,colorNeutralStencil2Alpha:Ds,colorBackgroundOverlay:Zs,colorScrollbarOverlay:js,colorBrandBackground:e[70],colorBrandBackgroundHover:e[80],colorBrandBackgroundPressed:e[40],colorBrandBackgroundSelected:e[60],colorCompoundBrandBackground:e[100],colorCompoundBrandBackgroundHover:e[110],colorCompoundBrandBackgroundPressed:e[90],colorBrandBackgroundStatic:e[80],colorBrandBackground2:e[20],colorBrandBackground2Hover:e[40],colorBrandBackground2Pressed:e[10],colorBrandBackground3Static:e[60],colorBrandBackground4Static:e[40],colorBrandBackgroundInverted:oa,colorBrandBackgroundInvertedHover:e[160],colorBrandBackgroundInvertedPressed:e[140],colorBrandBackgroundInvertedSelected:e[150],colorNeutralCardBackground:cs,colorNeutralCardBackgroundHover:us,colorNeutralCardBackgroundPressed:ds,colorNeutralCardBackgroundSelected:hs,colorNeutralCardBackgroundDisabled:is,colorNeutralStrokeAccessible:Cs,colorNeutralStrokeAccessibleHover:Is,colorNeutralStrokeAccessiblePressed:Ss,colorNeutralStrokeAccessibleSelected:e[100],colorNeutralStroke1:ws,colorNeutralStroke1Hover:$s,colorNeutralStroke1Pressed:ys,colorNeutralStroke1Selected:xs,colorNeutralStroke2:gs,colorNeutralStroke3:us,colorNeutralStroke4:us,colorNeutralStroke4Hover:ds,colorNeutralStroke4Pressed:as,colorNeutralStroke4Selected:us,colorNeutralStrokeSubtle:os,colorNeutralStrokeOnBrand:ls,colorNeutralStrokeOnBrand2:oa,colorNeutralStrokeOnBrand2Hover:oa,colorNeutralStrokeOnBrand2Pressed:oa,colorNeutralStrokeOnBrand2Selected:oa,colorBrandStroke1:e[100],colorBrandStroke2:e[50],colorBrandStroke2Hover:e[50],colorBrandStroke2Pressed:e[30],colorBrandStroke2Contrast:e[50],colorCompoundBrandStroke:e[100],colorCompoundBrandStrokeHover:e[110],colorCompoundBrandStrokePressed:e[90],colorNeutralStrokeDisabled:ps,colorNeutralStrokeDisabled2:us,colorNeutralStrokeInvertedDisabled:Vs,colorTransparentStroke:"transparent",colorTransparentStrokeInteractive:"transparent",colorTransparentStrokeDisabled:"transparent",colorNeutralStrokeAlpha:Fs,colorNeutralStrokeAlpha2:Hs,colorStrokeFocus1:na,colorStrokeFocus2:oa,colorNeutralShadowAmbient:"rgba(0,0,0,0.24)",colorNeutralShadowKey:"rgba(0,0,0,0.28)",colorNeutralShadowAmbientLighter:"rgba(0,0,0,0.12)",colorNeutralShadowKeyLighter:"rgba(0,0,0,0.14)",colorNeutralShadowAmbientDarker:"rgba(0,0,0,0.40)",colorNeutralShadowKeyDarker:"rgba(0,0,0,0.48)",colorBrandShadowAmbient:"rgba(0,0,0,0.30)",colorBrandShadowKey:"rgba(0,0,0,0.25)"}))(e);return{...fa,...wa,...ya,...$a,...xa,...Na,...Oa,...za,...va,...ba,...t,..._a,...ja,...Ta(t.colorNeutralShadowAmbient,t.colorNeutralShadowKey),...Ta(t.colorBrandShadowAmbient,t.colorBrandShadowKey,"Brand")}},Ka=Wa(Fa),qa={iconErrorColor:Xa.colorStatusDangerForeground1,iconValidationColor:Xa.colorStatusSuccessForeground1,iconSystemColor:Xa.colorPaletteBlueForeground2,iconContentManagementColor:Xa.colorPaletteGrapeBorderActive,iconMonitoringColor:Xa.colorPaletteMarigoldForeground2,iconMiscColor:Xa.colorNeutralForeground2,colorRibbonIconError:Xa.colorStatusDangerForeground1,colorRibbonIconErrorDisabled:Xa.colorPaletteCranberryBackground2,colorRibbonIconValidation:Xa.colorStatusSuccessForeground1,colorRibbonIconValidationDisabled:Xa.colorPaletteGreenBackground2,colorRibbonIconSysconfig:Xa.colorPaletteBlueForeground2,colorRibbonIconSysconfigDisabled:Xa.colorPaletteBlueBackground2,colorRibbonIconContentMgt:Xa.colorPaletteGrapeBorderActive,colorRibbonIconContentMgtDisabled:Xa.colorPaletteGrapeBackground2,colorRibbonIconMonitoring:Xa.colorPaletteMarigoldForeground2,colorRibbonIconMonitoringDisabled:Xa.colorPaletteGoldBackground2,colorRibbonIconMisc:Xa.colorNeutralForeground2,colorRibbonIconMiscDisabled:Xa.colorNeutralForegroundDisabled},Ga={iconErrorColor:Ka.colorStatusDangerBackground3,iconValidationColor:Ka.colorPaletteLightGreenBorder1,iconSystemColor:Xa.colorPaletteBlueBorderActive,iconContentManagementColor:Xa.colorPaletteLilacBorderActive,iconMonitoringColor:Xa.colorPaletteGoldBorderActive,iconMiscColor:Ka.colorNeutralForeground1,colorRibbonIconError:Ka.colorStatusDangerBackground3,colorRibbonIconErrorDisabled:Ka.colorPaletteCranberryBackground2,colorRibbonIconValidation:Ka.colorPaletteLightGreenBackground3,colorRibbonIconValidationDisabled:Ka.colorPaletteGreenBackground2,colorRibbonIconSysconfig:Xa.colorPaletteBlueBorderActive,colorRibbonIconSysconfigDisabled:Ka.colorPaletteBlueBackground2,colorRibbonIconContentMgt:Xa.colorPaletteLilacBorderActive,colorRibbonIconContentMgtDisabled:Ka.colorPaletteLilacBackground2,colorRibbonIconMonitoring:Xa.colorPaletteGoldBorderActive,colorRibbonIconMonitoringDisabled:Ka.colorPaletteGoldBackground2,colorRibbonIconMisc:Ka.colorNeutralForeground1,colorRibbonIconMiscDisabled:Ka.colorNeutralForegroundDisabled},Ya="var(--sizeVerticalNone)",Ua="var(--sizeVerticalXXS)",Za="var(--sizeVerticalXS)",Qa="var(--sizeVerticalSNudge)",Ja="var(--sizeVerticalS)",el="var(--sizeVerticalMNudge)",tl="var(--sizeVerticalM)",ol="var(--sizeVerticalL)",nl="var(--sizeVerticalXL)",il="var(--sizeVerticalXXL)",rl="var(--sizeVerticalXXXL)",sl="var(--sizeHorizontalNone)",al="var(--sizeHorizontalXXS)",ll="var(--sizeHorizontalXS)",dl="var(--sizeHorizontalSNudge)",cl="var(--sizeHorizontalS)",hl="var(--sizeHorizontalMNudge)",ul="var(--sizeHorizontalM)",pl="var(--sizeHorizontalL)",ml="var(--sizeHorizontalXL)",gl="var(--sizeHorizontalXXL)",fl="var(--sizeHorizontalXXXL)",bl={sizeVerticalNone:"0",sizeVerticalXXS:"2px",sizeVerticalXS:"4px",sizeVerticalSNudge:"6px",sizeVerticalS:"8px",sizeVerticalMNudge:"10px",sizeVerticalM:"12px",sizeVerticalL:"16px",sizeVerticalXL:"20px",sizeVerticalXXL:"24px",sizeVerticalXXXL:"32px",sizeHorizontalNone:"0",sizeHorizontalXXS:"2px",sizeHorizontalXS:"4px",sizeHorizontalSNudge:"6px",sizeHorizontalS:"8px",sizeHorizontalMNudge:"10px",sizeHorizontalM:"12px",sizeHorizontalL:"16px",sizeHorizontalXL:"20px",sizeHorizontalXXL:"24px",sizeHorizontalXXXL:"32px"},vl={10:"#001919",20:"#012826",30:"#01322E",40:"#033F38",50:"#054D43",60:"#0A5C50",70:"#0C695A",80:"#117865",90:"#1F937E",100:"#2AAC94",110:"#3ABB9F",120:"#52C7AA",130:"#78D3B9",140:"#9EE0CB",150:"#C0ECDD",160:"#E3F7Ef"},wl=Da(vl),yl=Wa(vl),xl={...wl,...qa,...bl},$l={...yl,...Ga,...bl};async function kl(e,t,o){let n=null;const i=document.querySelector("[data-theme='fabric-theme']");if(i&&i.remove(),t)if("root"===t){const t=Object.entries(e).map(([e,t])=>`--${e}: ${t};`).join(" "),o=document.createElement("style");o.innerHTML=`:root { ${t} }`,o.dataset.theme="fabric-theme",o.id="fabric-ux-theme",document.head.appendChild(o)}else n=document.querySelector(t);else n=document.documentElement;return n&&Object.entries(e).forEach(([e,t])=>{n.style.setProperty(`--${e}`,t)}),document.dispatchEvent(new CustomEvent("themeLoaded",{detail:{target:n?.tagName||"root"},bubbles:!0})),o&&"function"==typeof o?new Promise(e=>{setTimeout(()=>{o(),e()},0)}):Promise.resolve()}const Cl=Fi`
|
|
5
|
+
${n("block")}
|
|
6
6
|
|
|
7
|
-
:host{contain:content;position:relative}:host(:focus-visible){outline:none}:host(:focus-visible) .heading{border-radius:${i};outline:2px solid ${r}}:host([marker-position="start"]) .heading{flex-direction:row-reverse}:host([marker-position="end"]) .heading{flex-direction:row}.heading{display:flex;justify-content:space-between;height:${
|
|
8
|
-
brightness(88%) contrast(87%)}:host(${
|
|
9
|
-
:is(.default-marker-collapsed,.default-marker-expanded){padding-inline-start:${
|
|
7
|
+
:host{contain:content;position:relative}:host(:focus-visible){outline:none}:host(:focus-visible) .heading{border-radius:${i};outline:2px solid ${r}}:host([marker-position="start"]) .heading{flex-direction:row-reverse}:host([marker-position="end"]) .heading{flex-direction:row}.heading{display:flex;justify-content:space-between;height:${rl};align-items:center;position:relative;padding-inline:${s} ${s};border-radius:${i};font-family:${a};font-size:${l};font-weight:${d};line-height:${c};grid-template-columns:auto auto 1fr auto;padding:0px ${h};margin:1px;gap:${u};cursor:pointer;color:${p};background:${m};transition:background-color 0.2s ease-in-out}.heading *{pointer-events:none}.heading:hover{background:${g};color:${f}}.heading:active{background:${b};color:${v}}.heading-content{flex:1;display:flex;align-items:center}.content{display:none}:where(.default-marker-collapsed,.default-marker-expanded),::slotted(:is([slot="marker-collapsed"],[slot="marker-expanded"])){display:flex;align-items:center;justify-content:center;pointer-events:none;position:relative;height:100%;transition:transform 0.2s ease-in-out}::slotted([slot="start"]){display:flex;justify-content:center;align-items:center;padding-inline-end:${s}}:host(${Vr}) .heading{color:${w};cursor:not-allowed}:host(${Vr}) svg{filter:invert(89%) sepia(0%) saturate(569%) hue-rotate(155deg)
|
|
8
|
+
brightness(88%) contrast(87%)}:host(${_r}) .content{display:block}:host(${_r}) .default-marker-collapsed,:host(${_r}) ::slotted([slot="marker-collapsed"]),:host(:not(${_r})) :is(.default-marker-expanded,.content),:host(:not(${_r})) ::slotted([slot="marker-expanded"]){display:none}:host(${_r}) ::slotted([slot="marker-expanded"]),:host(:not(${_r})) ::slotted([slot="marker-collapsed"]){display:flex}:host(${Ur}) .heading{font-size:${y};line-height:${x}}:host(${Wr}) .heading{font-size:${$};line-height:${k}}:host(${jr}) .heading{font-size:${C};line-height:${S}}:host(${Dr}) :slotted([slot="start"]){grid-column:1 / span 1}:host(${Dr})
|
|
9
|
+
:is(.default-marker-collapsed,.default-marker-expanded){padding-inline-start:${s};padding-inline-end:${I}}:host([block]){max-width:100%}:host(${Dr}) .heading{padding-inline:${s}}:host(${Dr}:has([slot='start'])) .heading{padding-inline:${B} ${s}}`,Sl=Sr.compose({name:`${Rr.prefix}-accordion-menu-panel`,template:Tr,styles:Cl,shadowOptions:{mode:Rr.shadowRootMode}}),Il={filled:"filled",filledAlternative:"filled-alternative",outline:"outline",subtle:"subtle"},Bl={horizontal:"horizontal",vertical:"vertical"},El={off:"off",noTab:"no-tab",tabExit:"tab-exit",tabOnly:"tab-only"},Ll=El,Ml={interactiveChanged:"interactive-changed",click:"click"};
|
|
10
10
|
/*!
|
|
11
|
-
* tabbable 6.
|
|
11
|
+
* tabbable 6.4.0
|
|
12
12
|
* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
|
|
13
13
|
*/
|
|
14
|
-
var
|
|
15
|
-
${
|
|
16
|
-
:host{font-family:${
|
|
17
|
-
${
|
|
18
|
-
:host{display:grid;grid-template-columns:1fr min-content}.content{display:flex;column-gap:var(--card-size,${
|
|
19
|
-
${
|
|
20
|
-
:host{position:relative;display:grid;grid-template-columns:min-content 1fr auto;padding:6px;justify-content:flex-start}::slotted([slot="icon"]){align-self:center}::slotted([slot="header"]){font-size:${
|
|
21
|
-
${
|
|
22
|
-
:host{position:relative;overflow:hidden}::slotted([slot="badge"]){position:absolute;inset-inline-start:${
|
|
23
|
-
${
|
|
24
|
-
:host{display:flex;flex-direction:column;align-items:center;width:100%;overflow:hidden;padding:${
|
|
25
|
-
${
|
|
26
|
-
${
|
|
14
|
+
var Rl=["input:not([inert]):not([inert] *)","select:not([inert]):not([inert] *)","textarea:not([inert]):not([inert] *)","a[href]:not([inert]):not([inert] *)","button:not([inert]):not([inert] *)","[tabindex]:not(slot):not([inert]):not([inert] *)","audio[controls]:not([inert]):not([inert] *)","video[controls]:not([inert]):not([inert] *)",'[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)',"details>summary:first-of-type:not([inert]):not([inert] *)","details:not([inert]):not([inert] *)"].join(","),Al="undefined"==typeof Element,Pl=Al?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,Ol=!Al&&Element.prototype.getRootNode?function(e){var t;return null==e||null===(t=e.getRootNode)||void 0===t?void 0:t.call(e)}:function(e){return null==e?void 0:e.ownerDocument},zl=function(e){if(!e)throw new Error("No node provided");return e.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName)||function(e){var t,o=null==e||null===(t=e.getAttribute)||void 0===t?void 0:t.call(e,"contenteditable");return""===o||"true"===o}(e))&&!function(e){return!isNaN(parseInt(e.getAttribute("tabindex"),10))}(e)?0:e.tabIndex},Nl=function(e){return"INPUT"===e.tagName},Tl=function(e){return function(e){return Nl(e)&&"radio"===e.type}(e)&&!function(e){if(!e.name)return!0;var t,o=e.form||Ol(e),n=function(e){return o.querySelectorAll('input[type="radio"][name="'+e+'"]')};if("undefined"!=typeof window&&void 0!==window.CSS&&"function"==typeof window.CSS.escape)t=n(window.CSS.escape(e.name));else try{t=n(e.name)}catch(e){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",e.message),!1}var i=function(e,t){for(var o=0;o<e.length;o++)if(e[o].checked&&e[o].form===t)return e[o]}(t,e.form);return!i||i===e}(e)},Dl=function(e){var t=e.getBoundingClientRect(),o=t.width,n=t.height;return 0===o&&0===n},Fl=function(e,t){var o=t.displayCheck,n=t.getShadowRoot;if("full-native"===o&&"checkVisibility"in e)return!e.checkVisibility({checkOpacity:!1,opacityProperty:!1,contentVisibilityAuto:!0,visibilityProperty:!0,checkVisibilityCSS:!0});if("hidden"===getComputedStyle(e).visibility)return!0;var i=Pl.call(e,"details>summary:first-of-type")?e.parentElement:e;if(Pl.call(i,"details:not([open]) *"))return!0;if(o&&"full"!==o&&"full-native"!==o&&"legacy-full"!==o){if("non-zero-area"===o)return Dl(e)}else{if("function"==typeof n){for(var r=e;e;){var s=e.parentElement,a=Ol(e);if(s&&!s.shadowRoot&&!0===n(s))return Dl(e);e=e.assignedSlot?e.assignedSlot:s||a===e.ownerDocument?s:a.host}e=r}if(function(e){var t,o,n,i,r=e&&Ol(e),s=null===(t=r)||void 0===t?void 0:t.host,a=!1;if(r&&r!==e)for(a=!!(null!==(o=s)&&void 0!==o&&null!==(n=o.ownerDocument)&&void 0!==n&&n.contains(s)||null!=e&&null!==(i=e.ownerDocument)&&void 0!==i&&i.contains(e));!a&&s;){var l,d,c;a=!(null===(d=s=null===(l=r=Ol(s))||void 0===l?void 0:l.host)||void 0===d||null===(c=d.ownerDocument)||void 0===c||!c.contains(s))}return a}(e))return!e.getClientRects().length;if("legacy-full"!==o)return!0}return!1},Hl=function(e,t){return!(t.disabled||function(e){return Nl(e)&&"hidden"===e.type}(t)||Fl(t,e)||function(e){return"DETAILS"===e.tagName&&Array.prototype.slice.apply(e.children).some(function(e){return"SUMMARY"===e.tagName})}(t)||function(e){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName))for(var t=e.parentElement;t;){if("FIELDSET"===t.tagName&&t.disabled){for(var o=0;o<t.children.length;o++){var n=t.children.item(o);if("LEGEND"===n.tagName)return!!Pl.call(t,"fieldset[disabled] *")||!n.contains(e)}return!0}t=t.parentElement}return!1}(t))},Vl=function(e,t){if(t=t||{},!e)throw new Error("No node provided");return!1!==Pl.call(e,Rl)&&function(e,t){return!(Tl(t)||zl(t)<0||!Hl(e,t))}(t,e)},_l=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class jl extends Ai{constructor(){super(...arguments),this.focusMode=Ll.off,this.role="group",this.disabled=!1,this.interactive=!1,this.focusElementAtIndex=e=>{this.bounds.length>0?this.bounds[e].focus():this.card.focus()},this.focusFirstElement=()=>{this.focusElementAtIndex(0)},this.focusLastElement=()=>{this.bounds.length>0&&this.focusElementAtIndex(this.bounds.length-1)},this.interactiveChanged=()=>{this.role=this.interactive?"button":"group",this.emitInteractiveChangedEvent()},this.getTabQueueBounds=e=>jl.reduceTabbableItems([],e)}connectedCallback(){super.connectedCallback(),this.requestInertUpdate()}disconnectedCallback(){super.disconnectedCallback()}focusModeChanged(){this.requestInertUpdate()}disabledChanged(){this.requestInertUpdate()}clickHandler(e){this.disabled||e.defaultPrevented||!this.interactive||(e.preventDefault(),this.emitClickEvent())}keydownHandler(e){if(this.disabled||e.defaultPrevented)return!0;const{key:t,target:o,currentTarget:n,shiftKey:i}=e,r=o===n,s=this.focusMode===Ll.off||this.focusMode===Ll.tabOnly,a=this.focusMode===Ll.off,l=this.isBoundsLastIndexFocused,d=this.isBoundsZeroIndexFocused;switch(t){case Qi:if(!r)return!0;this.interactive?this.emitClickEvent():a||zi.enqueue(()=>{this.root.inert=!1,this.focusFirstElement()}),e.preventDefault();break;case or:return this.shouldTrapFocus?((l&&!i||d&&i)&&(e.preventDefault(),l?this.focusFirstElement():this.focusLastElement()),!0):this.focusMode!==Ll.tabExit||((l&&!i||d&&i||document.activeElement===this.card)&&(this.root.inert=!this.root.inert),!0);case Ji:this.focusMode!==Ll.off&&this.card.focus(),s||(this.root.inert=!0),e.preventDefault();break;default:return!0}}get isFocusable(){return!this.disabled&&(this.interactive||this.focusMode!==Ll.off)}get bounds(){return this.getTabQueueBounds(this)}get isBoundsZeroIndexFocused(){if(this.bounds.length>0)return document.activeElement===this.bounds[0]}get isBoundsLastIndexFocused(){if(this.bounds.length>0)return document.activeElement===this.bounds[this.bounds.length-1]}get shouldTrapFocus(){return this.focusMode===Ll.noTab}emitClickEvent(){this.dispatchEvent(new CustomEvent(Ml.click,{detail:{interactive:this.interactive,value:this.value,href:this.href},bubbles:!0,composed:!0,cancelable:!1}))}emitInteractiveChangedEvent(){this.dispatchEvent(new CustomEvent(Ml.interactiveChanged,{detail:{interactive:this.interactive},bubbles:!0,composed:!0,cancelable:!1}))}updateInertState(){if(!this.root)return;const e=this.disabled||this.focusMode!==Ll.off&&this.focusMode!==Ll.tabOnly;this.root.inert=e}requestInertUpdate(){var e;(null===(e=this.$fastController)||void 0===e?void 0:e.isConnected)&&zi.enqueue(()=>this.updateInertState())}static reduceTabbableItems(e,t){return"-1"===t.getAttribute("tabindex")?e:Vl(t)||jl.isFocusableFastElement(t)&&jl.hasTabbableShadow(t)?(e.push(t),e):Array.from(t.children).reduce((e,t)=>jl.reduceTabbableItems(e,t),e)}static isFocusableFastElement(e){var t,o;return!!(null===(o=null===(t=e.$fastController)||void 0===t?void 0:t.definition.shadowOptions)||void 0===o?void 0:o.delegatesFocus)}static hasTabbableShadow(e){var t,o;return Array.from(null!==(o=null===(t=e.shadowRoot)||void 0===t?void 0:t.querySelectorAll("*"))&&void 0!==o?o:[]).some(e=>Vl(e))}}_l([Pi({attribute:"focus-mode"})],jl.prototype,"focusMode",void 0),_l([Pi],jl.prototype,"appearance",void 0),_l([Pi],jl.prototype,"role",void 0),_l([Pi],jl.prototype,"value",void 0),_l([Pi],jl.prototype,"href",void 0),_l([Pi],jl.prototype,"orientation",void 0),_l([Pi({mode:"boolean"})],jl.prototype,"disabled",void 0),_l([Oi,Pi({mode:"boolean"})],jl.prototype,"interactive",void 0),_l([Pi({attribute:"aria-describedby"})],jl.prototype,"ariaDescribedby",void 0),_l([Pi({attribute:"aria-labelledby"})],jl.prototype,"ariaLabelledby",void 0);const Xl=Fi`
|
|
15
|
+
${n("inline-block")}
|
|
16
|
+
:host{font-family:${a};background:${m};border-radius:${i};position:relative;max-width:100%;height:fit-content;overflow:hidden;box-shadow:${E};box-sizing:border-box;width:var(--card-width,320px);height:var(--card-height,fit-content);z-index:var(--card-elevation,1);flex-shrink:0}.card:focus-visible::after{content:"";position:absolute;inset:-1px;border-color:${L};outline:${M} solid ${R};box-shadow:${E},0 0 0 2px ${r}}.control{position:absolute;z-index:2;top:5px;inset-inline-end:5px}.content{display:grid;padding:var(--card-padding,0)}.card{background:${A};border:${P} solid ${R};border-radius:${i}}:host([orientation="horizontal"]) .content{grid-template-rows:unset;row-gap:unset;grid-template-columns:auto 1fr;align-items:center}:host([appearance="filled-alternative"]) .card{background:${O}}:host([appearance="outline"]){box-shadow:none}:host([appearance="outline"]) .card{background:${m};border-color:${z};box-shadow:none}:host([appearance="subtle"]) .card{background:${N};border-color:${R};box-shadow:none}:host([interactive]){cursor:pointer;user-select:none}:host([interactive]:hover) .card{background:${g};border-color:${T};box-shadow:${D}}:host([interactive]:active) .card{background:${b};border-color:${T}}:host([interactive][appearance="filled-alternative"]:hover) .card{background:${F}}:host([interactive][appearance="filled-alternative"]:active) .card{background:${H}}:host([interactive][appearance="outline"]:hover) .card{background:${V};border-color:${_};box-shadow:none}:host([interactive][appearance="outline"]:active) .card{background:${j};border-color:${X}}:host([interactive][appearance="subtle"]:hover) .card{background:${W};border-color:${T};box-shadow:none}:host([interactive][appearance="subtle"]:active) .card{background:${K}}.card[aria-selected="true"]{background:${q};border-color:${T};cursor:pointer}:host([appearance="subtle"]) .card[aria-selected="true"]{background:${G};border-color:${Y}}:host([appearance="outline"]) .card[aria-selected="true"]{background:${U};border-color:${Y}}:host([appearance="filled-alternative"]) .card[aria-selected="true"]{background:${Z}}:host([aria-disabled="true"]) .card{background:${Q};border-color:${J};cursor:not-allowed;pointer-events:none;box-shadow:${ee}}:host([appearance="subtle"]) .card[aria-disabled="true"],:host([appearance="outline"]) .card[aria-disabled="true"]{box-shadow:none}:host([appearance="outline"]) .card[aria-disabled="true"]{background:${m}}`;const Wl=Di`<template orientation="${e=>e.orientation}" appearance="${e=>e.appearance}" ?interactive="${e=>e.interactive}"><div role="${e=>e.interactive?"button":"group"}" class="card" tabindex="${e=>e.isFocusable?"0":null}" @click="${(e,t)=>e.clickHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}" aria-label="${e=>e.ariaLabel}" aria-labelledby="${e=>e.ariaLabelledby}" aria-describedby="${e=>e.ariaDescribedby}" aria-disabled="${e=>e.interactive?e.disabled?"true":"false":null}" ${Hi("card")}><div class="root" ${Hi("root")}><div class="content"><slot></slot></div></div></div></template>`,Kl=jl.compose({name:`${Rr.prefix}-card`,template:Wl,styles:Xl,shadowOptions:{mode:Rr.shadowRootMode}});class ql extends Ai{}const Gl=Fi`
|
|
17
|
+
${n("flex")}
|
|
18
|
+
:host{display:grid;grid-template-columns:1fr min-content}.content{display:flex;column-gap:var(--card-size,${te});padding:${oe} ${s}}`;const Yl=Di`<template><div class="content" part="content"><slot></slot></div><div class="action"><slot name="action"></slot></div></template>`,Ul=ql.compose({name:`${Rr.prefix}-card-footer`,template:Yl,styles:Gl,shadowOptions:{mode:Rr.shadowRootMode}});class Zl extends Ai{}const Ql=Fi`
|
|
19
|
+
${n("flex")}
|
|
20
|
+
:host{position:relative;display:grid;grid-template-columns:min-content 1fr auto;padding:6px;justify-content:flex-start}::slotted([slot="icon"]){align-self:center}::slotted([slot="header"]){font-size:${l};font-weight:${ne}}::slotted([slot="action"]){grid-column:3;justify-self:flex-end}::slotted([slot="subtitle"]){font-size:${y};font-weight:${d}}.header{justify-self:flex-start;display:flex;flex-direction:column;gap:${o}}.image{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-inline-end:${s}}.row{display:flex;align-items:center;gap:${u}}`;const Jl=Di`<template><slot name="start"></slot><div class="image" part="image"><slot name="image"></slot></div><div class="header" part="header"><div class="row" part="row"><slot name="header"></slot></div><div class="row" part="row"><slot name="subtitle"></slot></div></div><slot></slot><slot name="action"></slot><slot name="end"></slot></template>`,ed=Zl.compose({name:`${Rr.prefix}-card-header`,template:Jl,styles:Ql,shadowOptions:{mode:Rr.shadowRootMode}});class td extends Ai{}const od=Fi`
|
|
21
|
+
${n("flex")}
|
|
22
|
+
:host{position:relative;overflow:hidden}::slotted([slot="badge"]){position:absolute;inset-inline-start:${te};bottom:${ie}}::slotted(img){overflow:hidden}`;const nd=Di`<template><slot></slot><slot name="badge"></slot></template>`,id=td.compose({name:`${Rr.prefix}-card-preview`,template:nd,styles:od,shadowOptions:{mode:Rr.shadowRootMode}});function rd(e){return"true"===e.getAttribute("aria-disabled")}function sd(e){return"true"===e.getAttribute("aria-hidden")}function ad(e){return!rd(e)&&!sd(e)&&null!==e.offsetParent}function ld(e,t){e.querySelectorAll('a[href], button, input, select, textarea, [tabindex]:not([tabindex="-1"]), fabric-button, fabric-link, fabric-input, fabric-card-footer button').forEach(e=>{const o=e;o.tabIndex=t?0:-1})}var dd,cd=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s},hd=window&&window.__classPrivateFieldSet||function(e,t,o,n,i){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!i)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!i:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?i.call(e,o):i?i.value=o:t.set(e,o),o},ud=window&&window.__classPrivateFieldGet||function(e,t,o,n){if("a"===o&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?n:"a"===o?n.call(e):n?n.value:t.get(e)};class pd extends Ai{constructor(){super(...arguments),dd.set(this,void 0),this.slottedCarouselItems=[],this.slottedCarouselItemsLoaded=!1,this.currentIndex=0,this.gapWidth=16,this.handleNext=()=>{this.next()},this.handlePrev=()=>{this.prev()},this.cachedContainerWidth=0,this.shouldRecalculateLayout=!0,this.resizeObserver=void 0,this.itemMeasurements=[],this.lastVisibleItemIndex=-1}slottedCarouselItemsChanged(e,t){e&&t&&t.length!==e.length&&(this.slottedCarouselItemsLoaded=!0),this.updateButtonStates()}currentIndexChanged(){this.updateButtonStates()}updateButtonStates(){var e,t;(null===(e=this.nextButton)||void 0===e?void 0:e[0])&&(null===(t=this.prevButton)||void 0===t?void 0:t[0])&&(this.prevButton[0].toggleAttribute("disabled",0===this.currentIndex),this.nextButton[0].toggleAttribute("disabled",this.isAtEnd()))}setEventListeners(){this.nextButton&&this.nextButton.length>0&&this.nextButton[0].addEventListener("click",this.handleNext),this.prevButton&&this.prevButton.length>0&&this.prevButton[0].addEventListener("click",this.handlePrev)}removeEventListeners(){this.nextButton&&this.nextButton.length>0&&this.nextButton[0].removeEventListener("click",this.handleNext),this.prevButton&&this.prevButton.length>0&&this.prevButton[0].removeEventListener("click",this.handlePrev)}connectedCallback(){super.connectedCallback(),this.updateDirection();const e=`fabric-carousel-header-${rr()}`;this.header&&(this.header.id=e),this.viewportRef&&this.viewportRef.setAttribute("aria-labelledby",e),this.style.setProperty("--gap-width",`${this.gapWidth}px`),zi.enqueue(()=>{this.updateVisibleItems(),this.updateButtonStates(),this.setEventListeners()}),this.setupResizeObserver()}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=void 0),this.removeEventListeners()}next(){if(!this.isAtEnd()){const e=this.visibleItemsCount,t=Math.max(0,this.slottedCarouselItems.length-e);this.currentIndex=Math.min(this.currentIndex+this.getNextVisibleItemsCount("next"),t),this.updateVisibleItems()}}prev(){if(this.currentIndex>0){const e=this.getNextVisibleItemsCount("prev");this.currentIndex-=e,this.updateVisibleItems()}}scrollToIndex(e,t=0){if(!this.slottedCarouselItemsLoaded)return t>=10?void console.warn("carousel:scrollToIndex -- scroll overflow exceeded: 10. No slotted carousel elements.",e):void requestAnimationFrame(()=>this.scrollToIndex(e));e<0||e>=this.slottedCarouselItems.length?console.warn(`Invalid index ${e}. Must be between 0 and ${this.slottedCarouselItems.length-1}`):(this.currentIndex=e,this.updateVisibleItems(),this.updateButtonStates())}setupResizeObserver(){this.resizeObserver=new ResizeObserver(()=>{this.cachedContainerWidth=0,this.measureItems(),this.updateVisibleItems()}),this.resizeObserver.observe(this)}measureItems(){this.shouldRecalculateLayout&&(this.itemMeasurements=this.slottedCarouselItems.map(e=>e.getBoundingClientRect().width+this.gapWidth),this.shouldRecalculateLayout=!1)}get visibleItemsCount(){this.cachedContainerWidth&&!this.shouldRecalculateLayout||(this.cachedContainerWidth=this.clientWidth,this.measureItems());let e=0,t=0,o=this.currentIndex,n=!1;for(;!n;)e+this.itemMeasurements[o]<=this.cachedContainerWidth?(e+=this.itemMeasurements[o],o++,o>=this.currentIndex&&t++):n=!0;return this.lastVisibleItemIndex=o-1,t}isAtEnd(){const e=this.slottedCarouselItems.length,t=this.visibleItemsCount,o=Math.max(0,e-t);return this.currentIndex>=o}getNextVisibleItemsCount(e){let t=0,o=0;this.cachedContainerWidth&&!this.shouldRecalculateLayout||(this.cachedContainerWidth=this.clientWidth,this.measureItems());const n=this.itemMeasurements.slice("next"===e?this.currentIndex:0,"next"===e?this.slottedCarouselItems.length:this.currentIndex);for(const e of n){if(!(t+e<=this.cachedContainerWidth))break;t+=e,o++}return o}updateDirection(){var e;const t=getComputedStyle(this).direction,o=document.documentElement.dir,n=null===(e=document.querySelector("html"))||void 0===e?void 0:e.getAttribute("dir");hd(this,dd,"rtl"===t||"rtl"===o||"rtl"===n,"f")}getTransform(e){void 0===ud(this,dd,"f")&&this.updateDirection();return`translateX(${ud(this,dd,"f")?e:-e}px)`}updateVisibleItems(){zi.enqueue(()=>{let e=0;this.itemMeasurements.length>0&&(this.slottedCarouselItems.forEach((t,o)=>{o>this.lastVisibleItemIndex||o<this.currentIndex?(t.setAttribute("aria-hidden","true"),t.tabIndex=-1,ld(t,!1)):(t.setAttribute("aria-hidden","false"),t.tabIndex=0,ld(t,!0)),o<this.currentIndex&&(e+=this.itemMeasurements[o])}),this.viewportRef&&(this.disableAnimation?this.viewportRef.style.transition="none":this.viewportRef.style.transition="",this.viewportRef.style.transform=this.getTransform(e)))})}}dd=new WeakMap,cd([Pi({mode:"boolean",attribute:"disable-animation"})],pd.prototype,"disableAnimation",void 0),cd([Oi],pd.prototype,"slottedCarouselItems",void 0),cd([Oi],pd.prototype,"header",void 0),cd([Oi],pd.prototype,"viewportRef",void 0),cd([Oi],pd.prototype,"currentIndex",void 0),cd([Oi],pd.prototype,"nextButton",void 0),cd([Oi],pd.prototype,"prevButton",void 0);const md=Fi`
|
|
23
|
+
${n("block")}
|
|
24
|
+
:host{display:flex;flex-direction:column;align-items:center;width:100%;overflow:hidden;padding:${ie} ${s} ${oe}
|
|
25
|
+
${s}}.navigation{display:flex;justify-content:space-between;align-items:center;width:100%;margin:${ie} 0}.header{font-size:${$};font-family:${a};font-weight:${ne};line-height:${k}}.viewport{display:flex;flex-direction:row;justify-content:flex-start;transition:transform 0.3s ease-in-out;will-change:transform;width:100%;padding-block-start:${ie};padding-inline:0;padding-block-end:${oe}}.viewport ::slotted(*){display:inline-block;margin-inline-end:var(--gap-width,16px)}`;const gd=Di`<template ?no-animation="${e=>e.disableAnimation}"><div class="navigation"><div class="header" ${Hi("header")}><slot name="header"></slot></div><div class="button-container"><slot name="prev-button" ${Ti("prevButton")}></slot><slot name="next-button" ${Ti("nextButton")}></slot></div></div><div class="viewport" role="region" ${Hi("viewportRef")}><slot ${Ti({property:"slottedCarouselItems",filter:Vi()})}></slot></div></template>`,fd=pd.compose({name:`${Rr.prefix}-carousel`,template:gd,styles:md,shadowOptions:{mode:Rr.shadowRootMode}});var bd=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class vd extends re{constructor(){super(...arguments),this.iconOnly=!1}}bd([Pi],vd.prototype,"appearance",void 0),bd([Pi],vd.prototype,"shape",void 0),bd([Pi],vd.prototype,"size",void 0),bd([Pi({attribute:"icon-only",mode:"boolean"})],vd.prototype,"iconOnly",void 0);const wd={...se,primaryOnBrand:"primary-on-brand"},yd={...le},xd={...de},$d={...ae},kd={...ce},Cd=Fi`
|
|
26
|
+
${he}:host([size="small"]:not([shape="circular"]):not([shape="square"])){border-radius:${i}}:host([appearance="primary-on-brand"]){background-color:${ue};color:${pe};border-color:${me}}:host(
|
|
27
27
|
[appearance="primary-on-brand"]:is(:hover,:hover:active):not(
|
|
28
28
|
:focus-visible
|
|
29
29
|
)
|
|
30
|
-
){border-color:${ge}}:host([appearance="primary-on-brand"]:is(:hover,:hover:active)){color:${me};background-color:${fe}}:host([appearance="primary-on-brand"]:hover:active){background-color:${be}}:host([appearance="primary-on-brand"]:focus-visible){border-color:${me};box-shadow:${te},0 0 0 2px ${r}}`,_s=Ns.compose({name:`${wr.prefix}-button`,template:ve,styles:Vs,shadowOptions:{mode:wr.shadowRootMode}}),js={...Hs},Ws={...zs},Ks={primary:"primary",subtle:"subtle",transparent:"transparent",outline:"outline",primaryOnBrand:"primary-on-brand"},qs={circular:"circular",square:"square"},Gs={small:"small",medium:"medium",large:"large"},Us={pressedChange:"pressed-change"};var Xs=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Zs extends Ns{constructor(){super(),this.appearance=Ks.primary,this.shape=qs.circular,this.size=Gs.medium,this.iconOnly=!1,this.pressed=!1,this.mixed=!1,this.elementInternals.role="button"}attachEventListeners(){var e;null===(e=this.events)||void 0===e||e.abort(),this.events=new AbortController;const{signal:t}=this.events;this.addEventListener("click",this.clickHandler,{signal:t}),this.addEventListener("keypress",this.keypressHandler,{signal:t})}iconOnlyChanged(e,t){Yi(this.elementInternals,"icon",t)}appearanceChanged(e,t){Qi(this.elementInternals,e,t,Yi)}shapeChanged(e,t){Qi(this.elementInternals,e,t,Yi)}sizeChanged(e,t){Qi(this.elementInternals,e,t,Yi)}pressedChanged(){this.setPressedState()}mixedChanged(){this.setPressedState()}press(){this.pressed=!this.pressed}setPressedState(){const e=`${this.mixed?"mixed":!!this.pressed}`;this.elementInternals.ariaPressed=e,Yi(this.elementInternals,"pressed",this.pressed||this.mixed),this.$emit(Us.pressedChange,this.pressed)}connectedCallback(){super.connectedCallback(),this.attachEventListeners()}disconnectedCallback(){var e;null===(e=this.events)||void 0===e||e.abort(),this.events=void 0,super.disconnectedCallback()}}function Ys(e){return e?"string"==typeof e?new Oi(e):"inline"in e?e.inline():e:Oi.empty}Xs([Bi],Zs.prototype,"appearance",void 0),Xs([Bi],Zs.prototype,"shape",void 0),Xs([Bi],Zs.prototype,"size",void 0),Xs([Bi({attribute:"icon-only",mode:"boolean"})],Zs.prototype,"iconOnly",void 0),Xs([Bi({mode:"boolean"})],Zs.prototype,"pressed",void 0),Xs([Bi({mode:"boolean"})],Zs.prototype,"mixed",void 0);class Qs{constructor(e){this.listenerCache=new WeakMap,this.query=e}connectedCallback(e){const{query:t}=this;let o=this.listenerCache.get(e);o||(o=this.constructListener(e),this.listenerCache.set(e,o)),o.bind(t)(),t.addEventListener("change",o)}disconnectedCallback(e){const t=this.listenerCache.get(e);t&&this.query.removeEventListener("change",t)}}class Js extends Qs{constructor(e,t){super(e),this.styles=t}static with(e){return t=>new Js(e,t)}constructListener(e){let t=!1;const o=this.styles;return function(){const{matches:n}=this;n&&!t?(e.addStyles(o),t=n):!n&&t&&(e.removeStyles(o),t=n)}}removedCallback(e){e.removeStyles(this.styles)}}const ea=Js.with(window.matchMedia("(forced-colors)"));function ta(e,...t){const o=Ai.locate(e);t.forEach(t=>{Object.getOwnPropertyNames(t.prototype).forEach(o=>{"constructor"!==o&&Object.defineProperty(e.prototype,o,Object.getOwnPropertyDescriptor(t.prototype,o))});Ai.locate(t).forEach(e=>o.push(e))})}Js.with(window.matchMedia("(prefers-color-scheme: dark)")),Js.with(window.matchMedia("(prefers-color-scheme: light)"));const oa=e=>{var t;return e.nodeType!==Node.TEXT_NODE||!!(null===(t=e.nodeValue)||void 0===t?void 0:t.trim().length)},na={top:"top",right:"right",bottom:"bottom",left:"left"},ia="auto",ra="flip",sa="none";function aa(e){if(e){const t=e.getBoundingClientRect();return{top:t.top,bottom:t.bottom,left:t.left,right:t.right}}return{top:0,bottom:window.innerHeight,left:0,right:window.innerWidth}}function la(e,t,o=15){return{above:e.top-t.top-o,below:t.bottom-e.bottom-o,start:e.left-t.left-o,end:t.right-e.right-o}}function da(e){const t=e.boundingClientRect,o=e.rootBounds;if(o)return t.bottom>o.bottom?na.bottom:t.top<o.top?na.top:t.left<o.left?na.left:t.right>o.right?na.right:void 0}const ca=Mi`
|
|
31
|
-
${
|
|
30
|
+
){border-color:${me}}:host([appearance="primary-on-brand"]:is(:hover,:hover:active)){color:${pe};background-color:${ge}}:host([appearance="primary-on-brand"]:hover:active){background-color:${fe}}:host([appearance="primary-on-brand"]:focus-visible){border-color:${pe};box-shadow:${ee},0 0 0 2px ${r}}`,Sd=vd.compose({name:`${Rr.prefix}-button`,template:be,styles:Cd,shadowOptions:{mode:Rr.shadowRootMode}}),Id={...kd},Bd={...$d},Ed={primary:"primary",subtle:"subtle",transparent:"transparent",outline:"outline",primaryOnBrand:"primary-on-brand"},Ld={circular:"circular",square:"square"},Md={small:"small",medium:"medium",large:"large"},Rd={pressedChange:"pressed-change"};var Ad=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Pd extends vd{constructor(){super(),this.appearance=Ed.primary,this.shape=Ld.circular,this.size=Md.medium,this.iconOnly=!1,this.pressed=!1,this.mixed=!1,this.elementInternals.role="button"}attachEventListeners(){var e;null===(e=this.events)||void 0===e||e.abort(),this.events=new AbortController;const{signal:t}=this.events;this.addEventListener("click",this.clickHandler,{signal:t}),this.addEventListener("keypress",this.keypressHandler,{signal:t})}iconOnlyChanged(e,t){dr(this.elementInternals,"icon",t)}appearanceChanged(e,t){cr(this.elementInternals,e,t,dr)}shapeChanged(e,t){cr(this.elementInternals,e,t,dr)}sizeChanged(e,t){cr(this.elementInternals,e,t,dr)}pressedChanged(){this.setPressedState()}mixedChanged(){this.setPressedState()}press(){this.pressed=!this.pressed}setPressedState(){const e=`${this.mixed?"mixed":!!this.pressed}`;this.elementInternals.ariaPressed=e,dr(this.elementInternals,"pressed",this.pressed||this.mixed),this.$emit(Rd.pressedChange,this.pressed)}connectedCallback(){super.connectedCallback(),this.attachEventListeners()}disconnectedCallback(){var e;null===(e=this.events)||void 0===e||e.abort(),this.events=void 0,super.disconnectedCallback()}}function Od(e,...t){const o=_i.locate(e);t.forEach(t=>{Object.getOwnPropertyNames(t.prototype).forEach(o=>{"constructor"!==o&&Object.defineProperty(e.prototype,o,Object.getOwnPropertyDescriptor(t.prototype,o))});_i.locate(t).forEach(e=>o.push(e))})}function zd(e,t){Object.entries(t).forEach(([t,o])=>{e.setAttribute(t,o)})}function Nd(e,t){let o;return function(...n){clearTimeout(o),o=window.setTimeout(()=>e.apply(this,n),t)}}Ad([Pi],Pd.prototype,"appearance",void 0),Ad([Pi],Pd.prototype,"shape",void 0),Ad([Pi],Pd.prototype,"size",void 0),Ad([Pi({attribute:"icon-only",mode:"boolean"})],Pd.prototype,"iconOnly",void 0),Ad([Pi({mode:"boolean"})],Pd.prototype,"pressed",void 0),Ad([Pi({mode:"boolean"})],Pd.prototype,"mixed",void 0);class Td{static setAssertFailFunction(e){Td.assertFailFunction=e}static assert(e,t){if(!this.enabled)return;const o=e();t=null!=t?t:"condition: "+o,!0!==o&&Td.assertFail(t)}static assertDefined(e,t){this.enabled&&Td.assert(()=>null!=e,t)}static assertNonEmpty(e,t){this.enabled&&Td.assert(()=>null!=e&&e.length>0,t)}static assertNever(e){this.enabled&&Td.assertFail("Expected to never have value "+e)}static assertFail(e){this.enabled&&(Td.assertFailFunction||alert)(`Debug Assert failed: ${e}`)}static log(e,...t){this.enabled&&console.log(e,...t||[])}static logDebug(e,...t){this.enabled&&console.debug(e,...t||[])}static warn(e,...t){this.enabled&&console&&console.warn&&console.warn(e,...t||[])}static execute(e){this.enabled&&e()}static enable(){this.enabled=!0}}Td.enabled=!1;const Dd=e=>{var t;return"rtl"===(null===(t=e.closest("[dir]"))||void 0===t?void 0:t.dir)?nr.rtl:nr.ltr};function Fd(){return Wd().value===nr.rtl}class Hd{constructor(e){this.elements=e}getDirection(){var e;for(const t of this.elements){const o=(null!==(e=t.getAttribute("dir"))&&void 0!==e?e:"").trim().toLowerCase();if(o===nr.rtl||o===nr.ltr)return o;if("auto"===o)return null}return null}}class Vd{constructor(e="html",t=document){this.mo=null,this.target=e,this.doc=t}start(e){var t;if(this.mo)return;const o="string"==typeof this.target?null!==(t=this.doc.querySelector(this.target))&&void 0!==t?t:this.doc.documentElement:this.target;o&&(this.mo=new MutationObserver(()=>e()),this.mo.observe(o,{attributes:!0,attributeFilter:["dir"]}))}stop(){var e;null===(e=this.mo)||void 0===e||e.disconnect(),this.mo=null}}class _d{constructor(e){var t;this.rafId=null,this._value=null,this.observing=!1,this.strategies=e.strategies,this.observers=null!==(t=e.observers)&&void 0!==t?t:[],this.onChange=e.onChange,this._value=this.computeDirection(),this.observers.length>0&&this.start()}get value(){var e;return null!==(e=this._value)&&void 0!==e?e:nr.ltr}start(){if(this.observing)return;this.observing=!0;const e=()=>{null==this.rafId&&("undefined"!=typeof requestAnimationFrame?this.rafId=requestAnimationFrame(()=>{this.rafId=null,this.refresh()}):this.refresh())};for(const t of this.observers)t.start(e);this.refresh()}stop(){null!=this.rafId&&"undefined"!=typeof cancelAnimationFrame&&cancelAnimationFrame(this.rafId),this.rafId=null;for(const e of this.observers)e.stop();this.observing=!1}stable(){return null==this.rafId}refresh(){var e;const t=this._value,o=this.computeDirection();if(o!==t){this._value=o;try{null===(e=this.onChange)||void 0===e||e.call(this,o,{previous:t})}catch{}}return this._value}computeDirection(){for(const e of this.strategies){const t=e.getDirection();if(t)return t}return null}}let jd=null;function Xd(e){jd=e}function Wd(){return jd||(jd=new _d({strategies:[new Hd([document.documentElement])],observers:[new Vd("html")]})),jd}const Kd=["blur","click","focus","select","setSelectionRange","setRangeText","setCustomValidity","showPicker","checkValidity","reportValidity","stepUp","stepDown"];class qd{constructor(e){this.ariaDescription=null,this.ariaBrailleLabel=null,this.ariaBrailleRoleDescription=null,this._form=null,this._labels=document.createDocumentFragment().childNodes,this.role="",this.ariaAtomic="",this.ariaAutoComplete="",this.ariaBusy="",this.ariaChecked="",this.ariaColCount="",this.ariaColIndex="",this.ariaColIndexText="",this.ariaColSpan="",this.ariaCurrent="",this.ariaDisabled="",this.ariaExpanded="",this.ariaHasPopup="",this.ariaHidden="",this.ariaInvalid="",this.ariaKeyShortcuts="",this.ariaLabel="",this.ariaLevel="",this.ariaLive="",this.ariaModal="",this.ariaMultiLine="",this.ariaMultiSelectable="",this.ariaOrientation="",this.ariaPlaceholder="",this.ariaPosInSet="",this.ariaPressed="",this.ariaReadOnly="",this.ariaRelevant="",this.ariaRequired="",this.ariaRoleDescription="",this.ariaRowCount="",this.ariaRowIndex="",this.ariaRowIndexText="",this.ariaRowSpan="",this.ariaSelected="",this.ariaSetSize="",this.ariaSort="",this.ariaValueMax="",this.ariaValueMin="",this.ariaValueNow="",this.ariaValueText="",this._element=e}get form(){return this._form||(this._form=this._element.closest("form")),this._form}get labels(){return this._labels}get shadowRoot(){return null}get states(){return new Set}get validationMessage(){return""}get validity(){return{badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:!0,valueMissing:!1}}get willValidate(){return!0}checkValidity(){return!0}reportValidity(){return!0}setFormValue(e,t){}setValidity(e,t,o){}}function Gd(){HTMLElement.prototype.attachInternals||(HTMLElement.prototype.attachInternals=function(){return new qd(this)})}const Yd=e=>e.matches('[disabled], [aria-disabled="true"], [inert]');function Ud(e){const{items:t,isDisabled:o=Yd,orientation:n="vertical",enableHomeEnd:i=!0,wrap:r=!0,preventDefault:s=!0,focusItem:a,onFocusChange:l,isRtl:d}=e,c=()=>{var e;return null!==(e=t().find(e=>"0"===e.getAttribute("tabindex")))&&void 0!==e?e:null},h=(e,n)=>{const i=null!=n?n:t();for(const t of i){const n=t===e&&!o(t);t.tabIndex=n?0:-1,t.setAttribute("tabindex",n?"0":"-1")}},u=(e,t,o,n)=>{h(e,n),o&&(e=>{a?a(e):e.focus()})(e),null!==t&&(null==l||l(e,t))},p=e=>{const n=t(),i=n.filter(e=>!o(e));if(0===i.length)return!1;if(1===i.length)return!1;const s=c();let a=s?i.indexOf(s):-1;-1===a&&(a=0);let l=a+e;if(r)l=(l+i.length)%i.length;else if(l<0||l>=i.length)return!1;const d=i[l];return u(d,l,!0,n),!0},m=()=>{const e=t(),n=e.filter(e=>!o(e));return 0!==n.length&&(u(n[0],0,!0,e),!0)},g=()=>{const e=t(),n=e.filter(e=>!o(e));if(0===n.length)return!1;const i=n.length-1;return u(n[i],i,!0,e),!0},f=(e,t)=>{const o=d();if("prev"===t){if(("vertical"===n||"both"===n)&&e===Ui)return!0;if(("horizontal"===n||"both"===n)&&(o?e===Yi:e===Gi))return!0}else{if(("vertical"===n||"both"===n)&&e===qi)return!0;if(("horizontal"===n||"both"===n)&&(o?e===Gi:e===Yi))return!0}return!1};return{applyTabindex:()=>{const e=t();if(0===e.length)return;const n=e.filter(e=>!o(e));if(0===n.length)return void h(null,e);const i=c();i&&n.includes(i)?h(i,e):h(n[0],e)},move:p,focusFirst:m,focusLast:g,focus:e=>{const n=t();if(!n.includes(e))return!1;if(o(e))return!1;const i=n.filter(e=>!o(e)).indexOf(e);return u(e,-1!==i?i:null,!0,n),!0},sync:e=>{if(!(e&&e instanceof HTMLElement))return!1;const n=t(),i=n.find(t=>t===e||t.contains(e));if(!i)return!1;if(o(i))return!1;const r=n.filter(e=>!o(e)).indexOf(i);return u(i,-1!==r?r:null,!1,n),!0},handleKeydown:e=>{const{key:t}=e;let o=!1;return f(t,"prev")?o=p(-1):f(t,"next")?o=p(1):i&&t===er?o=m():i&&t===Zi&&(o=g()),o&&s&&e.preventDefault(),o},destroy:()=>{}}}function Zd(e,t=0){return`${e}${t}-${Math.round(65536*(Math.random()+t)).toString(16).slice(0,8)}`}class Qd{constructor(e){this.listenerCache=new WeakMap,this.query=e}connectedCallback(e){const{query:t}=this;let o=this.listenerCache.get(e);o||(o=this.constructListener(e),this.listenerCache.set(e,o)),o.bind(t)(),t.addEventListener("change",o)}disconnectedCallback(e){const t=this.listenerCache.get(e);t&&this.query.removeEventListener("change",t)}}class Jd extends Qd{constructor(e,t){super(e),this.styles=t}static with(e){return t=>new Jd(e,t)}constructListener(e){let t=!1;const o=this.styles;return function(){const{matches:n}=this;n&&!t?(e.addStyles(o),t=n):!n&&t&&(e.removeStyles(o),t=n)}}removedCallback(e){e.removeStyles(this.styles)}}const ec=Jd.with(window.matchMedia("(forced-colors)"));function tc(e){return e?"string"==typeof e?new ji(e):"inline"in e?e.inline():e:ji.empty}Jd.with(window.matchMedia("(prefers-color-scheme: dark)")),Jd.with(window.matchMedia("(prefers-color-scheme: light)"));const oc=e=>{var t;return e.nodeType!==Node.TEXT_NODE||!!(null===(t=e.nodeValue)||void 0===t?void 0:t.trim().length)},nc=Fi`
|
|
31
|
+
${n("inline-flex")}
|
|
32
32
|
|
|
33
|
-
:host{--icon-spacing:${
|
|
33
|
+
:host{--icon-spacing:${B};position:relative;contain:layout style;vertical-align:middle;align-items:center;box-sizing:border-box;justify-content:center;text-align:center;text-decoration-line:none;margin:0;min-height:${rl};outline-style:none;background-color:${ve};color:${p};border:${P} solid ${z};padding:0 ${te};min-width:calc(${we} * 3);border-radius:${i};font-size:${l};font-family:${a};font-weight:${ye};line-height:${c};transition-duration:${xe};transition-property:background,border,color;transition-timing-function:${$e};cursor:pointer;user-select:none;width:fit-content}.content{display:inherit;padding:0 ${B}}:host(${Kr}) .content{padding:0 ${h}}:host(${Wr}) .content{padding:0 ${te}}:host(:hover){background-color:${g};color:${ke};border-color:${_}}:host(:hover:active){background-color:${b};border-color:${X};color:${Ce};outline-style:none}:host(:focus-visible){border-color:${R};outline:${M} solid ${R};box-shadow:${E},0 0 0 ${M} ${r}}@media screen and (prefers-reduced-motion:reduce){transition-duration:0.01ms}::slotted(svg){font-size:${Se};height:${nl};width:${ml}}:is([slot="start"],::slotted([slot="start"])){margin-inline-end:var(--icon-spacing);display:flex;justify-content:center;align-items:center}:is([slot="end"],::slotted([slot="end"])){margin-inline-start:var(--icon-spacing);display:flex;justify-content:center;align-items:center}:host(${Xr}){width:${rl};height:${rl};min-width:${rl};min-height:${rl};max-width:${rl};max-height:${rl}}:host(${Ur}){--icon-spacing:${u};min-height:${il};min-width:calc(${we} * 2);padding:0 ${s};border-radius:${Ie};font-size:${y};line-height:${x};font-weight:${d}}:host(${Ur}${Xr}){width:${il};height:${il};min-width:${il};min-height:${il};max-width:${il};max-height:${il}}:host(${Wr}){min-height:calc(${Be} + ${oe});border-radius:${Ee};padding:0 ${t};font-size:${$};line-height:${k}}:host(${Wr}${Xr}){min-width:calc(${Be} + ${oe});max-width:calc(${Be} + ${oe});max-height:calc(${Be} + ${oe});min-height:calc(${Be} + ${oe});width:calc(${Be} + ${oe});height:calc(${Be} + ${oe})}:host(${Wr}) ::slotted(svg){font-size:${Se};height:${il};width:${gl}}:host(:is(${Hr},${Hr}:focus-visible)){border-radius:${Le}}:host(:is(${Zr},${Zr}:focus-visible)){border-radius:${Me}}:host(${Yr}){background-color:${ve};color:${p};border-color:transparent}:host(${Yr}:hover){background-color:${Re};color:${p}}:host(${Yr}:is(:hover,:hover:active)){border-color:${Ae}}:host(${Yr}:hover:active){border-color:${R};background-color:${Pe};color:${pe}}:host(${Yr}:focus-visible){border-color:${pe};box-shadow:${ee},0 0 0 ${M} ${r}}:host(${qr}){background-color:${m};color:${Oe}}:host(${qr}:hover){background-color:${V}}:host(${qr}:hover:active){background-color:${j}}:host(${Jr}){background-color:${N};color:${Oe};border-color:transparent}:host(${Jr}:hover){background-color:${W};color:${f};border-color:transparent}:host(${Jr}:hover:active){background-color:${K};color:${v};border-color:transparent}:host(${Jr}:hover) ::slotted(svg){fill:${ze}}:host(${Jr}:hover:active) ::slotted(svg){fill:${Ne}}:host(${es}){background-color:${m};color:${Oe}}:host(${es}:hover){background-color:${V};color:${ze}}:host(${es}:hover:active){background-color:${j};color:${Ne}}:host(:is(${es},${es}:is(:hover,:active))){border-color:transparent}:host([appearance="primary-on-brand"]){background-color:${ue};color:${pe};border-color:${me}}:host(
|
|
34
34
|
[appearance="primary-on-brand"]:is(:hover,:hover:active):not(
|
|
35
35
|
:focus-visible
|
|
36
36
|
)
|
|
37
|
-
){border-color:${
|
|
37
|
+
){border-color:${me}}:host([appearance="primary-on-brand"]:is(:hover,:hover:active)){color:${pe};background-color:${ge}}:host([appearance="primary-on-brand"]:hover:active){background-color:${fe}}:host([appearance="primary-on-brand"]:focus-visible){border-color:${pe};box-shadow:${ee},0 0 0 ${M} ${r}}:host(
|
|
38
38
|
:is(
|
|
39
39
|
:disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable]
|
|
40
40
|
)
|
|
@@ -46,104 +46,129 @@ var Zr=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[hr
|
|
|
46
46
|
:is(
|
|
47
47
|
:disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable]
|
|
48
48
|
):hover:active
|
|
49
|
-
){background-color:${
|
|
50
|
-
${
|
|
49
|
+
){background-color:${Q};border-color:${Te};color:${w};cursor:not-allowed}:host(${Yr}:is(:disabled,[disabled-focusable])),:host(
|
|
50
|
+
${Yr}:is(:disabled,[disabled-focusable]):is(
|
|
51
51
|
:hover,:hover:active
|
|
52
52
|
)
|
|
53
|
-
){border-color:transparent}:host(${
|
|
54
|
-
${
|
|
53
|
+
){border-color:transparent}:host(${qr}:is(:disabled,[disabled-focusable])),:host(
|
|
54
|
+
${qr}:is(:disabled,[disabled-focusable]):is(
|
|
55
55
|
:hover,:hover:active
|
|
56
56
|
)
|
|
57
|
-
){background-color:${
|
|
58
|
-
${
|
|
59
|
-
){background-color:${
|
|
60
|
-
${
|
|
57
|
+
){background-color:${m}}:host(${Jr}:is(:disabled,[disabled-focusable])),:host(
|
|
58
|
+
${Jr}:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)
|
|
59
|
+
){background-color:${m};border-color:transparent}:host(${es}:is(:disabled,[disabled-focusable])),:host(
|
|
60
|
+
${es}:is(:disabled,[disabled-focusable]):is(
|
|
61
61
|
:hover,:hover:active
|
|
62
62
|
)
|
|
63
|
-
){border-color:transparent;background-color:${
|
|
64
|
-
:host(${
|
|
65
|
-
${
|
|
66
|
-
:host([appearance='primary-on-brand']){background-color:${
|
|
63
|
+
){border-color:transparent;background-color:${m}}:host(${Gr}){border-color:${R};background-color:${Pe};color:${De};border-width:${P}}:host(${Gr}:hover){border-color:${_};background-color:${g};color:${ke}}:host(${Gr}:active){border-color:${X};background-color:${b};color:${Ce}}:host(${Gr}${Yr}){border-color:${R};background-color:${Pe};color:${De}}:host(${Gr}${Yr}:hover){background-color:${p};color:${De}}:host(${Gr}${Yr}:active){border-color:${R};background-color:${Pe};color:${De}}:host(${Gr}${Jr}){border-color:transparent;background-color:${G};color:${Fe}}:host(${Gr}${Jr}:hover){background-color:${W};color:${f}}:host(${Gr}${Jr}:active){background-color:${K};color:${v}}:host(${Gr}${qr}),:host(${Gr}${es}){background-color:${U};color:${p};border-color:${X}}:host(${Gr}${qr}){border-width:${M}}:host(${Gr}${qr}:hover),:host(${Gr}${es}:hover){background-color:${V}}:host(${Gr}${qr}:active),:host(${Gr}${es}:active){background-color:${j};border-width:${M}}:host(${Gr}${es}){border-color:transparent;color:${He}}:host(${Gr}${es}:hover){color:${ze}}:host(${Gr}${es}:active){color:${Ne}}`.withBehaviors(ec(Fi`
|
|
64
|
+
:host(${Gr}),:host(${Gr}${Yr}),:host(${Gr}${Jr}),:host(${Gr}${qr}),:host(${Gr}${es}){background:SelectedItem;color:SelectedItemText}`));const ic=Di`<template tabindex="${e=>e.disabled?-1:0}" appearance="${e=>e.appearance}" shape="${e=>e.shape}" size="${e=>e.size}" icon-only="${e=>e.iconOnly}" aria-label="${e=>e.ariaLabel}" ?pressed="${e=>e.pressed}" ?disabled="${e=>e.disabled}"><slot name="start"></slot><span class="content" part="content"><slot ${Ti("defaultSlottedContent")}></slot></span><slot name="end"></slot></template>`,rc=Pd.compose({name:`${Rr.prefix}-filter-pill`,template:ic,styles:nc,shadowOptions:{mode:Rr.shadowRootMode}}),sc={...wd},ac={...yd},lc={...xd},dc={...$d},cc={...kd};var hc=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class uc extends re{constructor(){super(...arguments),this.appearance=sc.primary,this.iconOnly=!1}}hc([Pi],uc.prototype,"appearance",void 0),hc([Pi],uc.prototype,"shape",void 0),hc([Pi],uc.prototype,"size",void 0),hc([Pi({attribute:"icon-only",mode:"boolean"})],uc.prototype,"iconOnly",void 0);const pc=Fi`
|
|
65
|
+
${Ve}
|
|
66
|
+
:host([appearance='primary-on-brand']){background-color:${ue};color:${pe};border-color:${me}}:host([appearance="primary-on-brand"]) ::slotted([slot="description"]){color:${pe}}:host(
|
|
67
67
|
[appearance="primary-on-brand"]:is(:hover,:hover:active):not(
|
|
68
68
|
:focus-visible
|
|
69
69
|
)
|
|
70
|
-
){border-color:${
|
|
71
|
-
${
|
|
72
|
-
${
|
|
73
|
-
|
|
74
|
-
:host{display:block;position:relative;overflow-y:auto}:host([hidden]){display:none}:host([data-flexposition="2"]){order:2}:host(:focus-visible)::after{content:"";position:absolute;inset:1px;border-color:${R};outline:${
|
|
75
|
-
${
|
|
76
|
-
:host{position:relative;display:flex;justify-content:center;align-items:center;align-items:center;box-sizing:border-box;justify-content:center;text-decoration-line:none;margin:0px;min-height:${
|
|
77
|
-
:host(:focus-visible)::after{border:1px solid Highlight !important;box-shadow:inset 0 0 0 1px Highlight !important}`));const Na=Li`<template slot="controller" role="tab"><slot></slot></template>`,Da=Oa.compose({name:`${wr.prefix}-multi-view-controller`,template:Na,styles:Aa});var Fa=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Ta extends ki{constructor(){super(...arguments),this.multiViews=[],this.controllers=[],this.openedMultiViews=[],this.previouslyOpenedMultiView=null,this.activeid="",this.prevActiveControllerIndex=0,this.activeControllerIndex=0,this.controllerIds=[],this.multiViewsIds=[],this.openMultiView=e=>{e.hidden&&(this.closeAllMultiViews(),e.hidden=!1,this.manageOpenedMultiViews(e))},this.manageOpenedMultiViews=e=>{this.addMultiViewToOpenedMultiViews(e),this.openedMultiViews.length>=2&&this.limitNumberOfOpenMultiViews(),Ci.enqueue(()=>e.focus()),this.setComponent()},this.manageOpeningSecondMultiView=e=>{e.setAttribute("data-flexposition","2"),this.openedMultiViews.length>=2&&this.limitNumberOfOpenMultiViews();const t=this.multiViews[this.activeControllerIndex];t.hidden&&(this.addMultiViewToOpenedMultiViews(t),this.previouslyOpenedMultiView&&this.previouslyOpenedMultiView.removeAttribute("data-flexposition"),t.setAttribute("data-flexposition","2"))},this.openSecondMultiView=e=>{e.hidden&&(this.manageOpeningSecondMultiView(e),e.hidden=!1,Ci.enqueue(()=>e.focus()),this.previouslyOpenedMultiView=e)},this.closeMultiView=e=>{e.hidden||(this.manageClosedMultiViews(e),e.hidden=!0,this.change())},this.manageClosedMultiViews=e=>{e.hasAttribute("data-flexposition")&&e.removeAttribute("data-flexposition"),this.openedMultiViews=this.openedMultiViews.filter(t=>t!==e);const t=this.multiViews.indexOf(e),o=this.controllers[t];o instanceof HTMLElement&&(this.activeController&&this.activeController!==o&&(this.activeController.tabIndex=-1),this.prevActiveControllerIndex=this.activeControllerIndex,this.activeControllerIndex=t,o.tabIndex=0,o.focus(),this.activeController=o),this.removeMultiViewFromOpenedMultiViews(e)},this.closeAllMultiViews=()=>{this.openedMultiViews.forEach(e=>{const t=e;this.closeMultiView(t)})},this.toggleMultiView=e=>{e.hidden?this.openMultiView(e):this.closeMultiView(e),this.change()},this.removeMultiViewFromOpenedMultiViews=e=>{const t=this.openedMultiViews.indexOf(e);t>-1&&this.openedMultiViews.splice(t,1)},this.addMultiViewToOpenedMultiViews=e=>{this.openedMultiViews.includes(e)||(this.openedMultiViews=[...this.openedMultiViews,e])},this.change=()=>{this.$emit("change",this.openedMultiViews)},this.isDisabledElement=e=>"true"===e.getAttribute("aria-disabled"),this.isHiddenElement=e=>"true"===e.getAttribute("aria-hidden"),this.isFocusableElement=e=>!this.isDisabledElement(e)&&!this.isHiddenElement(e)&&null!==e.offsetParent,this.setMultiViews=()=>{this.multiViews.forEach((e,t)=>{if(e instanceof La){const o=this.controllerIds[t],n=this.multiViewsIds[t];this.setAttributes(e,{id:n,"aria-labelledby":o}),e.hidden?this.removeMultiViewFromOpenedMultiViews(e):this.addMultiViewToOpenedMultiViews(e)}})},this.focusFirstController=()=>{this.activeControllerIndex=0,this.activeController=this.controllers[this.activeControllerIndex],this.activeController.tabIndex=0,this.activeController.focus()},this.makeControllerUnfocusable=()=>{this.activeController=void 0,this.controllers.forEach(e=>{e.tabIndex=-1})},this.handleControllerClick=e=>{const t=e.currentTarget;if(1!==t.nodeType||!this.isFocusableElement(t))return;this.prevActiveControllerIndex=this.activeControllerIndex,this.activeControllerIndex=this.controllers.indexOf(t);const o=this.multiViews[this.activeControllerIndex];e.ctrlKey?this.openSecondMultiView(o):this.toggleMultiView(o)},this.handleControllerKeyDown=e=>{const t=this.multiViews[this.activeControllerIndex],o=e.currentTarget;switch(e.key){case zi:e.preventDefault(),this.adjustBackward();break;case Ki:e.preventDefault(),this.makeControllerUnfocusable(),this.controllersContainer.focus();break;case Ti:e.preventDefault(),this.adjustForward();break;case ji:e.preventDefault(),this.adjust(-this.activeControllerIndex);break;case Hi:e.preventDefault(),this.adjust(this.controllers.length-this.activeControllerIndex-1);break;case Vi:case Wi:e.ctrlKey?(e.preventDefault(),this.openSecondMultiView(t)):(e.preventDefault(),this.toggleMultiView(t));break;case _i:e.preventDefault(),o.blur()}},this.handleMultiViewKeyDown=e=>{const t=e.currentTarget;if(e.key===_i)e.preventDefault(),this.closeMultiView(t)},this.handleToggleButtonContainerKeyDown=e=>{if(e.key===Vi)e.preventDefault(),e.target===this.controllersContainer&&this.focusFirstController()},this.adjustForward=()=>{const e=this.controllers;let t=0;for(t=this.activeController?e.indexOf(this.activeController)+1:1,t===e.length&&(t=0);t<e.length&&e.length>1;){if(this.isFocusableElement(e[t])){this.moveToToggleButtonByIndex(e,t);break}if(this.activeController&&t===e.indexOf(this.activeController))break;t+1>=e.length?t=0:t+=1}},this.adjustBackward=()=>{const e=this.controllers;let t=0;for(t=this.activeController?e.indexOf(this.activeController)-1:0,t=t<0?e.length-1:t;t>=0&&e.length>1;){if(this.isFocusableElement(e[t])){this.moveToToggleButtonByIndex(e,t);break}t-1<0?t=e.length-1:t-=1}},this.moveToToggleButtonByIndex=(e,t)=>{const o=e[t];this.activeController=o,this.activeController.tabIndex=0,this.prevActiveControllerIndex=this.activeControllerIndex,this.controllers[this.prevActiveControllerIndex].tabIndex=-1,this.activeControllerIndex=t,o.focus(),this.setComponent()}}connectedCallback(){super.connectedCallback(),this.initialize()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListeners()}initialize(){this.controllerIds=this.getControllerIds(),this.multiViewsIds=this.getMultiViewIds(),this.activeControllerIndex=this.getActiveIndex(),Ci.enqueue(()=>this.setControllers()),Ci.enqueue(()=>this.setMultiViews()),Ci.enqueue(()=>this.addEventListeners())}limitNumberOfOpenMultiViews(){const e=this.openedMultiViews.shift();e&&(e.removeAttribute("data-flexposition"),e.hidden=!0)}activeidChanged(e,t){this.$fastController.isConnected&&this.controllers.length<=this.multiViews.length&&(this.prevActiveControllerIndex=this.controllers.findIndex(t=>t.id===e),this.activeControllerIndex=this.controllers.findIndex(e=>e.id===t),this.controllers[this.activeControllerIndex].tabIndex=0,this.controllers[this.prevActiveControllerIndex].tabIndex=-1,this.setControllers(),this.setMultiViews())}controllersChanged(){this.isValidMultiViewState()&&(this.controllerIds=this.getControllerIds(),this.multiViewsIds=this.getMultiViewIds(),this.setControllers(),this.setMultiViews())}multiViewsChanged(){this.isValidMultiViewState()&&(this.controllerIds=this.getControllerIds(),this.multiViewsIds=this.getMultiViewIds(),this.setControllers(),this.setMultiViews())}openedMultiViewsChanged(){this.controllers.forEach((e,t)=>{const o=this.multiViews[t];this.openedMultiViews.includes(o)?(e.setAttribute("aria-expanded","true"),e.setAttribute("aria-selected","true")):(e.setAttribute("aria-expanded","false"),e.setAttribute("aria-selected","false"))})}isValidMultiViewState(){return this.$fastController.isConnected&&this.controllers.length<=this.multiViews.length}getActiveIndex(){if(void 0!==this.activeid){let e=this.controllerIds.indexOf(this.activeid);for(;-1!==e;){const t=document.getElementById(this.controllerIds[e]);if(t&&"true"!==t.getAttribute("aria-hidden"))return e;e=this.controllerIds.indexOf(this.activeid,e+1)}}for(let e=0;e<this.controllerIds.length;e++){const t=document.getElementById(this.controllerIds[e]);if(t&&"true"!==t.getAttribute("aria-hidden"))return e}return 0}setControllers(){this.activeController=this.controllers[this.activeControllerIndex],this.controllers.forEach((e,t)=>{if(!(e instanceof HTMLElement))return;const o=this.activeControllerIndex===t&&this.isFocusableElement(e),n=this.controllerIds[t],i=this.multiViewsIds[t];this.setAttributes(e,{id:n,"aria-controls":i}),o&&(this.activeController=e,this.activeid=n)})}getControllerIds(){return this.controllers.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`controller-${Gi()}`})}getMultiViewIds(){return this.multiViews.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`multiView-${Gi()}`})}setComponent(){this.activeControllerIndex!==this.prevActiveControllerIndex&&(this.activeid=this.controllerIds[this.activeControllerIndex],this.change())}handleControllerBlur(e){e.currentTarget.tabIndex=-1}adjust(e){const t=this.controllers.filter(e=>!this.isDisabledElement(e));if(this.activeController){const o=t.indexOf(this.activeController),n=function(e,t,o){return Math.min(Math.max(o,e),t)}(0,t.length-1,o+e),i=this.controllers.indexOf(t[n]);i>-1&&this.moveToToggleButtonByIndex(this.controllers,i)}}setAttributes(e,t){Object.entries(t).forEach(([t,o])=>{e.setAttribute(t,o)})}addEventListeners(){this.controllersContainer&&this.controllersContainer.addEventListener("keydown",this.handleToggleButtonContainerKeyDown),this.controllers.forEach(e=>{e.addEventListener("click",this.handleControllerClick),e.addEventListener("keydown",this.handleControllerKeyDown),e.addEventListener("blur",this.handleControllerBlur)}),this.multiViews.forEach(e=>{e.addEventListener("keydown",e=>this.handleMultiViewKeyDown(e))})}removeEventListeners(){this.controllers.forEach(e=>{e.removeEventListener("click",this.handleControllerClick),e.removeEventListener("keydown",this.handleControllerKeyDown),e.removeEventListener("blur",this.handleControllerBlur)}),this.multiViews.forEach(e=>{e.removeEventListener("keydown",e=>this.handleMultiViewKeyDown(e))})}}Fa([Si],Ta.prototype,"multiViews",void 0),Fa([Si],Ta.prototype,"controllers",void 0),Fa([Si],Ta.prototype,"controllersContainer",void 0),Fa([Si],Ta.prototype,"openedMultiViews",void 0);const za=Mi`
|
|
78
|
-
${
|
|
79
|
-
:host{flex-direction:column;position:absolute;z-index:10;inset-inline-end:0;top:0;height:100%}.root{display:flex;flex-direction:row;height:100%}.views{display:flex}.controllers{display:flex;flex-direction:column;background:var(--colorNeutralBackground1);position:relative}.controllers:focus-visible::after{content:"";position:absolute;inset:1px;border-color:${R};outline:${P} solid ${R};box-shadow:${L},0 0 0 2px ${r}}`;const Ha=Li`<template><div class="root"><div class="views" part="views"><slot name="multi-view" ${Ei("multiViews")}></slot></div><div class="controllers" part="controllers" role="tablist" aria-label="${e=>e.ariaLabel}" tabindex="${e=>e.hidden?"-1":"0"}" ${Pi("controllersContainer")}><slot name="controller" ${Ei("controllers")}></slot></div></div></template>`,Va=Ta.compose({name:`${wr.prefix}-multi-view-group`,template:Ha,styles:za,shadowOptions:{mode:wr.shadowRootMode}}),_a={right:"right",left:"left"};function ja(e,t){let o;return function(...n){clearTimeout(o),o=window.setTimeout(()=>e.apply(this,n),t)}}const Wa={aboveEnd:"above-end",aboveCenter:"above-center",aboveStart:"above-start",endBottom:"end-bottom",endMiddle:"end-middle",endTop:"end-top",belowEnd:"below-end",belowCenter:"below-center",belowStart:"below-start",startBottom:"start-bottom",startTop:"start-top",startMiddle:"start-middle"},Ka=Object.values(Wa),qa={auto:ia,flip:ra,none:sa},Ga={hide:"hidePopover",show:"showPopover",toggle:"togglePopover",mouseEnter:"mouseEnterPopover",mouseLeave:"mouseLeavePopover"};class Ua{set repositionMode(e){this._repositionMode=e}get repositionMode(){return this._repositionMode}set popoverReference(e){this._popoverReference=e}get popoverReference(){return this._popoverReference}set position(e){this._position=e}get position(){return this._position}get openPositions(){return this.getOpenPositions()}constructor(e){this.rootMargin=15,this.overflowBoundaryReference=null,this._position=Wa.aboveEnd,this._openPositions=[],this.checkPosition=e=>{var t,o,n;const i=null===(t=this._popoverReference)||void 0===t?void 0:t.getBoundingClientRect(),r=null===(o=this.anchorReference)||void 0===o?void 0:o.getBoundingClientRect();if(i&&r){const t=la(r,aa(this.overflowBoundaryReference),this.rootMargin),o=i.height<t.above,s=i.height<t.below,a=i.width<t.start,l=i.width<t.end,d=(i.width-r.width)/2,c=d<t.start&&d<t.end,h=i.width<t.start+r.width&&t.end>0,u=i.width<t.end+r.width&&t.start>0,p=(i.height-r.height)/2,m=p<t.above&&p<t.below,g=i.height-r.height<t.above,f=t.above>0;return null!==(n={[Wa.aboveStart]:o&&u,[Wa.aboveCenter]:o&&c,[Wa.aboveEnd]:o&&h,[Wa.belowStart]:s&&u,[Wa.belowCenter]:s&&c,[Wa.belowEnd]:s&&h,[Wa.startTop]:a&&f,[Wa.startMiddle]:a&&m,[Wa.startBottom]:a&&g,[Wa.endTop]:l&&f,[Wa.endMiddle]:l&&m,[Wa.endBottom]:l&&g}[e])&&void 0!==n&&n}return!1},this.getOpenPositions=()=>(this._openPositions=Ka.filter(e=>this.checkPosition(e)),this._openPositions),this.oppositePosition=e=>{switch(e){case na.top:return this.position===Wa.aboveStart?[Wa.belowStart]:this.position===Wa.aboveCenter?[Wa.belowCenter]:this.position===Wa.aboveEnd?[Wa.belowEnd]:[Wa.belowCenter];case na.right:return this.position===Wa.endBottom?[Wa.startBottom]:this.position===Wa.endMiddle?[Wa.startMiddle]:this.position===Wa.endTop?[Wa.startTop]:[Wa.startMiddle];case na.bottom:return this.position===Wa.belowStart?[Wa.aboveStart]:this.position===Wa.belowCenter?[Wa.aboveCenter]:this.position===Wa.belowEnd?[Wa.aboveEnd]:[Wa.aboveCenter];case na.left:return this.position===Wa.startTop?[Wa.endTop]:this.position===Wa.startMiddle?[Wa.endMiddle]:this.position===Wa.startBottom?[Wa.endBottom]:[Wa.endMiddle]}},this.getOpenPositionsFromEdge=e=>{if("auto"===this.repositionMode)return Ka.filter(e=>this.checkPosition(e));if("flip"===this.repositionMode&&e){const t=this.oppositePosition(e).filter(e=>this.checkPosition(e));return t.length>0?t:[this.position]}return e?this.oppositePosition(e):[this.position]},this.findOpenPositionsFromCollision=e=>{const t=da(e);return this.getOpenPositionsFromEdge(t)};const{repositionMode:t,popoverReference:o,anchorReference:n,overflowBoundaryReference:i}=e;this._repositionMode=t,this._popoverReference=o,this.anchorReference=n,i&&(this.overflowBoundaryReference=i)}}var Xa=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Za extends ki{constructor(){super(...arguments),this.beak=!1,this.nonClickable=!1,this.size="medium",this.mode="manual",this.position=Wa.belowCenter,this.refsLoaded=!1,this.refsLoadedChanged=()=>{this.addTransitionStyles()},this.transitionDuration=100,this.transitionDelay=0,this.transitionComplete=!0,this.onTransitionEnd=()=>{this.transitionComplete||(this.transitionComplete=!0)},this.onTransitionStart=()=>{this.transitionComplete&&(this.transitionComplete=!1)},this.repositionMode=qa.flip,this.openPositions=[],this.open=!1,this.hidePopover=()=>{this.open=!1,this.emitHideEvent()},this.showPopover=()=>{this.open=!0,this.emitShowEvent()},this.togglePopover=()=>(this.open=!this.open,this.emitToggleEvent(),this.open),this.emitHideEvent=()=>{var e;null===(e=this.popoverReference)||void 0===e||e.dispatchEvent(new CustomEvent(Ga.hide,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"closed"}}))},this.emitShowEvent=()=>{var e;null===(e=this.popoverReference)||void 0===e||e.dispatchEvent(new CustomEvent(Ga.show,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"open"}}))},this.emitMouseEnterEvent=()=>{this.dispatchEvent(new CustomEvent(Ga.mouseEnter,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"open"}}))},this.emitMouseLeaveEvent=()=>{this.dispatchEvent(new CustomEvent(Ga.mouseLeave,{bubbles:!0,detail:{target:this,open:this.open,newState:"closed"}}))},this.addMouseOverEventListeners=()=>{var e,t,o,n;null===(e=this.popoverReference)||void 0===e||e.addEventListener("transitionstart",this.onTransitionStart),null===(t=this.popoverReference)||void 0===t||t.addEventListener("transitionend",this.onTransitionEnd),null===(o=this.popoverReference)||void 0===o||o.addEventListener("mouseenter",this.emitMouseEnterEvent),null===(n=this.popoverReference)||void 0===n||n.addEventListener("mouseleave",this.emitMouseLeaveEvent)},this.removeMouseOverEventListeners=()=>{var e,t,o,n;null===(e=this.popoverReference)||void 0===e||e.removeEventListener("transitionstart",this.onTransitionStart),null===(t=this.popoverReference)||void 0===t||t.removeEventListener("transitionend",this.onTransitionEnd),null===(o=this.popoverReference)||void 0===o||o.removeEventListener("mouseenter",this.emitMouseEnterEvent),null===(n=this.popoverReference)||void 0===n||n.removeEventListener("mouseleave",this.emitMouseLeaveEvent)},this.updatePopoverPosition=()=>{this.observePopoverOverflow()},this.handleWindowChanges=ja(()=>{var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".popover");t&&this.removeTransitionStyles(),this.updatePopoverPosition(),setTimeout(()=>{t&&this.addTransitionStyles()},1e3)},50),this.handleWindowClick=e=>{const t=e.composedPath();this.anchorReferences&&this.anchorReferences[0]&&t.includes(this.anchorReferences[0])||this.open&&this.hidePopover()},this.createOverflowHandler=()=>{const e={root:document};this.overflowBoundary&&(e.root=this.overflowBoundary),this.intersectionObserver=new IntersectionObserver(this.handleOverflow,e)},this.handleOverflow=e=>{this.positioning&&(this.positioning.position=this.originalPopoverPosition||this.position),e.forEach(e=>{var t,o;e.intersectionRatio<1&&this.positioning?(this.openPositions=this.positioning.findOpenPositionsFromCollision(e),(null===(t=this.openPositions)||void 0===t?void 0:t.length)>0&&this.repositionPopover(this.openPositions)):(null===(o=this.openPositions)||void 0===o?void 0:o.length)>0&&this.releasePositions()})},this.repositionPopover=e=>{this.position=e[0],this.positioning&&(this.positioning.position=this.position)}}nonClickableChanged(){this.processAnchorEventListeners()}anchorReferencesChanged(){this.initializeTargetId(),this.processAnchorEventListeners(),this.checkAllLoaded()}checkAllLoaded(){this.popoverReference&&this.anchorReferences&&this.anchorReferences.length>0&&void 0!==this.transitionDuration&&void 0!==this.transitionDelay&&(this.refsLoaded=!0)}transitionDurationChanged(){this.addTransitionStyles()}transitionDelayChanged(){this.addTransitionStyles()}addTransitionStyles(){var e;if(void 0!==this.transitionDelay&&void 0!==this.transitionDuration){const t=Mi`
|
|
80
|
-
:host{--popoverTransition:${this.transitionDuration.toString()}ms;--popoverTransitionDelay:${this.transitionDelay.toString()}ms}`;t.styles[0]!==(null===(e=this.styles)||void 0===e?void 0:e.styles[0])&&(this.styles=t,this.$fastController.addStyles(this.styles))}}removeTransitionStyles(){this.styles=
|
|
81
|
-
:host{--popoverTransition:0ms;--popoverTransitionDelay:0ms}`,this.$fastController.addStyles(this.styles)}repositionModeChanged(){this.positioning&&(this.positioning.repositionMode=this.repositionMode)}openChanged(){var e;
|
|
82
|
-
${
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
);transform:rotate(180deg);filter:blur(4px)}:host([position="above-start"][beak]) .beak{left:16px;top:100%;transform:rotate(180deg)}:host([position="above-center"]) .popover{left:calc(50% + var(--popoverHorizontalNudge,0px));top:calc(0% + var(--popoverVerticalNudge,0px));transform:translate(-50%,-90%)}:host([position="above-center"]) .popover.popover-open{transform:translate(-50%,-100%)}:host([position="above-center"][beak]) .popover.popover-open{transform:translate(-50%,-100%);top:-12px}:host([position="above-center"][beak]) .beak-shadow:after{left:calc(50% - 8px + var(--beakShadowHorizontalNudge,0px));top:calc(-8px + var(--beakShadowVerticalNudge,0px));transform:rotate(180deg)}:host([position="above-center"][beak]) .beak{left:calc(50% - 8px);top:100%;transform:rotate(180deg)}:host([position="above-end"]) .popover{left:calc(100% + var(--popoverHorizontalNudge,0px));top:calc(0% + var(--popoverVerticalNudge,0px));transform:translate(-100%,-90%)}:host([position="above-end"]) .popover.popover-open{transform:translate(-100%,-100%)}:host([position="above-end"][beak]) .popover.popover-open{transform:translate(-100%,-100%);top:-12px}:host([position="above-end"][beak]) .beak-shadow:after{right:calc(16px + var(--beakShadowHorizontalNudge,0px));top:calc(-8px + var(--beakShadowVerticalNudge,0px));transform:rotate(180deg)}:host([position="above-end"][beak]) .beak{right:16px;top:100%;transform:rotate(180deg)}:host([position="end-top"]) .popover{left:calc(100% + var(--popoverHorizontalNudge,0px));top:calc(0% + var(--popoverVerticalNudge,0px));transform:translate(-10%,0%)}:host([position="end-top"]) .popover.popover-open{transform:translate(0%,0%)}:host([position="end-top"][beak]) .popover.popover-open{left:calc(100% + 12px)}:host([position="end-top"][beak]) .beak-shadow:after{left:calc(100% - 1px + var(--beakShadowHorizontalNudge,0px));top:calc(18px + var(--beakShadowVerticalNudge,0px));transform:rotate(270deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([position="end-top"][beak]) .beak{left:-12px;top:16px;transform:rotate(270deg)}:host([position="end-middle"]) .popover{left:calc(100% + var(--popoverHorizontalNudge,0px));top:calc(50% + var(--popoverVerticalNudge,0px));transform:translate(-10%,-50%)}:host([position="end-middle"]) .popover.popover-open{transform:translate(0%,-50%)}:host([position="end-middle"][beak]) .popover.popover-open{left:calc(100% + 12px)}:host([position="end-middle"][beak]) .beak-shadow:after{left:calc(100% - 1px + var(--beakShadowHorizontalNudge,0px));top:calc(50% - 2px + var(--beakShadowVerticalNudge,0px));transform:rotate(270deg);border-bottom:8px solid rgba(0,0,0,0.11);filter:blur(2px)}:host([position="end-middle"][beak]) .beak{left:-12px;top:calc(50% - 4px);transform:rotate(270deg)}:host([position="end-bottom"]) .popover{left:calc(100% + var(--popoverHorizontalNudge,0px));top:unset;bottom:calc(0% + var(--popoverVerticalNudge,0px));transform:translate(-10%,0%)}:host([position="end-bottom"]) .popover.popover-open{transform:translate(0%,0%)}:host([position="end-bottom"][beak]) .popover.popover-open{left:calc(100% + 12px)}:host([position="end-bottom"][beak]) .beak-shadow:after{left:calc(100% - 1px + var(--beakShadowHorizontalNudge,0px));top:unset;bottom:calc(17px + var(--beakShadowVerticalNudge,0px));transform:rotate(270deg);filter:blur(3px)}:host([position="end-bottom"][beak]) .beak{left:-12px;top:unset;bottom:16px;transform:rotate(270deg)}:host([position="below-start"]) .popover{left:calc(0% + var(--popoverHorizontalNudge,0px));top:calc(100% + var(--popoverVerticalNudge,0px));transform:translate(0%,-10%)}:host([position="below-start"]) .popover.popover-open{transform:translate(0%,0%)}:host([position="below-start"][beak]) .popover.popover-open{top:calc(100% + 12px)}:host([position="below-start"][beak]) .beak-shadow:after{left:calc(16px + var(--beakShadowHorizontalNudge,0px));top:unset;bottom:-12px;transform:rotate(0deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([position="below-start"][beak]) .beak{left:16px;top:-8px;transform:rotate(0deg)}:host([position="below-center"]) .popover{left:calc(50% + var(--popoverHorizontalNudge,0px));top:calc(100% + var(--popoverVerticalNudge,0px));transform:translate(-50%,-10%)}:host([position="below-center"]) .popover.popover-open{transform:translate(-50%,0%)}:host([position="below-center"][beak]) .popover.popover-open{top:calc(100% + 8px)}:host([position="below-center"][beak]) .beak-shadow:after{left:calc(50% - 8px + var(--beakShadowHorizontalNudge,0px));top:unset;bottom:-8px;transform:rotate(0deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([position="below-center"][beak]) .beak{left:calc(50% - 8px);top:-8px;transform:rotate(0deg)}:host([position="below-end"]) .popover{left:calc(100% + var(--popoverHorizontalNudge,0px));top:calc(100% + var(--popoverVerticalNudge,0px));transform:translate(-100%,-10%)}:host([position="below-end"]) .popover.popover-open{transform:translate(-100%,0%)}:host([position="below-end"][beak]) .popover.popover-open{top:calc(100% + 12px)}:host([position="below-end"][beak]) .beak-shadow:after{right:calc(16px + var(--beakShadowHorizontalNudge,0px));top:unset;bottom:-12px;transform:rotate(0deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([position="below-end"][beak]) .beak{right:16px;top:-8px;transform:rotate(0deg)}:host([position="start-top"]) .popover{left:calc(0% + var(--popoverHorizontalNudge,0px));top:calc(0% + var(--popoverVerticalNudge,0px));transform:translate(-90%,0%)}:host([position="start-top"]) .popover.popover-open{transform:translate(-100%,0%)}:host([position="start-top"][beak]) .popover.popover-open{left:-12px}:host([position="start-top"][beak]) .beak-shadow:after{left:calc(-15px + var(--beakShadowHorizontalNudge,0px));top:calc(18px + var(--beakShadowVerticalNudge,0px));transform:rotate(90deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([position="start-top"][beak]) .beak{right:-12px;top:16px;transform:rotate(90deg)}:host([position="start-middle"]) .popover{left:calc(0% + var(--popoverHorizontalNudge,0px));top:calc(50% + var(--popoverVerticalNudge,0px));transform:translate(-90%,-50%)}:host([position="start-middle"]) .popover.popover-open{transform:translate(-100%,-50%)}:host([position="start-middle"][beak]) .popover.popover-open{left:-12px}:host([position="start-middle"][beak]) .beak-shadow:after{left:calc(-15px + var(--beakShadowHorizontalNudge,0px));top:calc(50% - 2px + var(--beakShadowVerticalNudge,0px));transform:rotate(90deg);border-bottom:8px solid rgba(0,0,0,0.11);filter:blur(2px)}:host([position="start-middle"][beak]) .beak{right:-12px;top:calc(50% - 4px);transform:rotate(90deg)}:host([position="start-bottom"]) .popover{left:calc(0% + var(--popoverHorizontalNudge,0px));top:unset;bottom:calc(0% + var(--popoverVerticalNudge,0px));transform:translate(-90%,0%)}:host([position="start-bottom"]) .popover.popover-open{transform:translate(-100%,0%)}:host([position="start-bottom"][beak]) .popover.popover-open{left:-12px}:host([position="start-bottom"][beak]) .beak-shadow:after{left:calc(-15px + var(--beakShadowHorizontalNudge,0px));top:unset;bottom:calc(17px + var(--beakShadowVerticalNudge,0px));transform:rotate(90deg);filter:blur(3px)}:host([position="start-bottom"][beak]) .beak{right:-12px;top:unset;bottom:16px;transform:rotate(90deg)}`;const Qa=Li` ${Ge({})}<div class="popover-container" role="dialog"><slot name="popover-trigger" ${Ei("anchorReferences")}></slot><div role="${e=>e.popoverRole}" aria-label="${e=>e.ariaLabel}" class="popover" part="popover" id="${e=>e.targetId}" ${Pi("popoverReference")}><slot name="popover-content" part="popover-content"></slot>${Di(e=>e.beak,Li`<div part="beak" class="beak"></div>`)}</div>${Di(e=>e.beak,Li`<div part="beak-shadow" class="beak-shadow"></div>`)}</div>${Ue({})} `,Ja=Za.compose({name:`${wr.prefix}-popover`,template:Qa,styles:Ya,shadowOptions:{mode:wr.shadowRootMode}}),el=["base","embed","form","frame","iframe","link","meta","object","script","style"],tl=["data","formaction","onclick","onerror","onload","onmouseover","src"];class ol{static sanitize(e){if(!this.isWellFormedSVG(e))return"";try{const t=this.parser.parseFromString(e,"image/svg+xml");return this.removeBlockedElementsAndAttributes(t,el,tl),(new XMLSerializer).serializeToString(t)}catch(e){return console.error("SVG parsing error",e),""}}static isWellFormedSVG(e){try{const t=this.parser.parseFromString(e,"image/svg+xml").documentElement;return t&&"svg"===t.tagName.toLowerCase()}catch(e){return console.error("Error while validating SVG:",e),!1}}static removeBlockedElementsAndAttributes(e,t,o){e.querySelectorAll("*").forEach(e=>{var n;const i=e.tagName.toLowerCase();t.includes(i)?(console.warn(`Custom SVG Sanitizer: Found and removed blocked tag: <${i}>`),null===(n=e.parentNode)||void 0===n||n.removeChild(e)):e.getAttributeNames().forEach(t=>{(o.includes(t.toLowerCase())||/^on[a-z]+/.test(t.toLowerCase()))&&(console.warn(`Custom SVG Sanitizer: Found and removed blocked attribute: ${t} from <${e.tagName.toLowerCase()}>`),e.removeAttribute(t))})})}}ol.parser=new DOMParser,ol.sanitize.bind(ol);class nl{static async loadIconOrSprite(e,t){try{const o=await this.fetchAndCacheSVG(e);return o.includes("<symbol")?this.getIconFromSprite(o,t):o}catch(t){throw console.error(`Failed to load SVG from path ${e}:`,t),t}}static async fetchAndCacheSVG(e){if(!this.cache.has(e))try{const t=fetch(e).then(e=>{if(!e.ok)throw new Error(`Network error: ${e.status} ${e.statusText}`);return e.text()}).then(e=>{if(!/<svg[\s\S]+<\/svg>/.test(e))throw new Error("Invalid SVG format");return ol.sanitize(e)});return this.cache.set(e,t),await t}catch(t){throw console.error(`Failed to fetch and cache SVG from path ${e}:`,t),t}return await this.cache.get(e)}static getIconFromSprite(e,t){const o=this.parser.parseFromString(e,"image/svg+xml"),n=o.querySelector(`symbol[id="${t}"]`);if(!n)return console.error(`Icon with ID ${t} not found in sprite.`),"";const i="http://www.w3.org/2000/svg",r=o.createElementNS(i,"svg");return e.includes(`xmlns="${i}"`)||r.setAttribute("xmlns",i),r.setAttribute("viewBox",n.getAttribute("viewBox")||""),Array.from(n.childNodes).forEach(e=>{r.appendChild(e.cloneNode(!0))}),il(r),r.outerHTML}static async getPreparedSVG(e,t){try{const o=await this.loadIconOrSprite(e,t),n=this.parseSVG(o),i=n.querySelector("symbol");return i?this.getSVGDetailsFromSymbol(i):this.getSVGDetailsFromSVGElement(n)}catch(t){throw console.error(`Failed to prepare SVG from path ${e}:`,t),t}}static parseSVG(e){return this.parser.parseFromString(e,"image/svg+xml")}static getSVGDetailsFromSymbol(e){const t=e.getAttribute("viewBox"),o=(new DOMParser).parseFromString("<svg></svg>","image/svg+xml").createElementNS("http://www.w3.org/2000/svg","svg");for(o.setAttribute("viewBox",t||"");e.firstChild;)o.appendChild(e.firstChild.cloneNode(!0));il(o);const n=e.getAttribute("width")||void 0,i=e.getAttribute("height")||void 0;return{content:o.outerHTML,width:n,height:i}}static getSVGDetailsFromSVGElement(e){const t=e.querySelector("svg");let o,n;return t&&(o=t.getAttribute("width")||void 0,n=t.getAttribute("height")||void 0),{content:(null==t?void 0:t.outerHTML)||"",width:o,height:n}}}function il(e){e.querySelectorAll("*").forEach(e=>{e.hasAttribute("xmlns")&&e.removeAttribute("xmlns")})}nl.cache=new Map,nl.parser=new DOMParser;var rl=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class sl extends ki{constructor(){super(...arguments),this.isLoading=!0,this.isError=!1,this.ariaHidden="true",this.focusable="false",this.renderResolver=()=>{},this.renderPromise=new Promise(e=>{this.renderResolver=e})}nameChanged(){this.checkAndResolveRenderPromise()}sizeChanged(){this.checkAndResolveRenderPromise()}pathChanged(){this.checkAndResolveRenderPromise()}get role(){return this.getAttribute("role")}set role(e){null==e?this.removeAttribute("role"):this.setAttribute("role",e)}connectedCallback(){super.connectedCallback(),this.renderPromise.then(()=>this.renderIcon())}checkAndResolveRenderPromise(){this.renderResolver&&this.path&&(!this.name||this.name&&""!==this.name)&&(this.renderResolver(),this.renderResolver=()=>{})}renderIcon(){this.isLoading=!0,nl.getPreparedSVG(this.path,this.name).then(({content:e,width:t,height:o})=>{this.isLoading=!1,this.shadowRoot.innerHTML=e,this.updateComputedStylesheet(t,o);const n=this.shadowRoot.querySelector("svg");n&&this.updateSvgAttributes(n)}).catch(e=>{this.isLoading=!1,this.isError=!0,console.error(`Failed to load icon: ${this.path}`,e),this.renderErrorIcon()})}renderErrorIcon(){const e=document.createElementNS("http://www.w3.org/2000/svg","svg");e.style.width=`var(--icon-width, ${t})`,e.style.height=`var(--icon-height, ${t})`,e.setAttribute("viewBox","0 0 20 20"),e.setAttribute("aria-hidden","false"),e.setAttribute("alt","broken image");const o=document.createElementNS("http://www.w3.org/2000/svg","line");o.setAttribute("x1","0"),o.setAttribute("y1","0"),o.setAttribute("x2","20"),o.setAttribute("y2","20"),o.setAttribute("stroke","var(--colorPaletteRedForeground1)"),o.setAttribute("stroke-width","var(--strokeWidthThick)");const n=document.createElementNS("http://www.w3.org/2000/svg","line");n.setAttribute("x1","20"),n.setAttribute("y1","0"),n.setAttribute("x2","0"),n.setAttribute("y2","20"),n.setAttribute("stroke","var(--colorPaletteRedForeground1)"),n.setAttribute("stroke-width","var(--strokeWidthThick)"),e.appendChild(o),e.appendChild(n),this.shadowRoot.innerHTML="",this.shadowRoot.appendChild(e)}updateComputedStylesheet(e,t){this.size?["12","16","20","24","28","32","48"].includes(this.size)&&(this.computedStylesheet=Mi`
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
.caption1{${Ye}}.caption2{${Qe}}.body1{${Je}}:host{height:${s};width:fit-content;display:inline-flex;align-items:center;background-color:${et};color:${Fe};border-radius:${i};border:none}:host([size="extraSmall"]){height:${Ie}}:host([size="small"]){height:${Ee}}:host([shape="circular"]){border-radius:${Re}}:host([appearance="outline"]){border:${A} solid ${D};background-color:unset}:host([appearance="brand"]){background-color:${M};color:${tt}}:host([appearance="brand"]) fluent-button.dismissButton{color:${tt}}:host([disabled]){color:${y}}:host([disabled]) ::slotted(*){color:${y}}fluent-button.dismissButton{min-width:unset;padding:${ot};min-height:unset;margin-inline-start:${ot};margin-inline-end:${E}}:host([disabled]) fluent-button.dismissButton{color:${y}}:host([size="extraSmall"]) fluent-button.dismissButton{width:${oe}}:host([size="extraSmall"]) fluent-button.dismissButton svg{height:${re}}:host([size="small"]) fluent-button.dismissButton{width:${o}}:host([size="small"]) fluent-button.dismissButton svg{height:${nt}}.container{display:flex;align-items:center}.content{display:flex;flex-direction:row;align-items:center}.textContent{display:flex;flex-direction:column;padding:0 ${I};padding-bottom:${n};margin:${n} ${a}}:host(.hasLeadingIcon) .textContent{margin-inline-start:${p}}:host([dismissButton]) .textContent{margin-inline-end:${p}}::slotted([slot="leadingIcon"]){margin-inline-end:${ot};margin-inline-start:${a};display:flex;align-items:center}:host([size="small"]) ::slotted([slot="leadingIcon"]),:host([size="extraSmall"]) ::slotted([slot="leadingIcon"]){margin-inline-start:${E}}::slotted([slot="image"]){margin:${I};margin-inline-end:${ot};display:flex;align-items:center;height:calc(${Ee} + ${it})}:host([size="small"]) ::slotted([slot="image"]){height:${Ie}}:host([size="extraSmall"]) ::slotted([slot="image"]){height:${nt}}:host([appearance="brand"]) ::slotted([slot="image"]){background-color:${tt};color:${O}}:host([disabled][appearance="brand"]) ::slotted([slot="image"]){background-color:${y};color:${J}}`,Rl=Li`<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.58859 4.21569L4.64645 4.14645C4.82001 3.97288 5.08944 3.9536 5.28431 4.08859L5.35355 4.14645L10.5 9.293L15.6464 4.14645C15.82 3.97288 16.0894 3.9536 16.2843 4.08859L16.3536 4.14645C16.5271 4.32001 16.5464 4.58944 16.4114 4.78431L16.3536 4.85355L11.207 10L16.3536 15.1464C16.5271 15.32 16.5464 15.5894 16.4114 15.7843L16.3536 15.8536C16.18 16.0271 15.9106 16.0464 15.7157 15.9114L15.6464 15.8536L10.5 10.707L5.35355 15.8536C5.17999 16.0271 4.91056 16.0464 4.71569 15.9114L4.64645 15.8536C4.47288 15.68 4.4536 15.4106 4.58859 15.2157L4.64645 15.1464L9.793 10L4.64645 4.85355C4.47288 4.67999 4.4536 4.41056 4.58859 4.21569L4.64645 4.14645L4.58859 4.21569Z" fill="currentColor" /></svg>`;const Ol=Li`<template><div class="container" part="container" aria-disabled=${e=>e.disabled}><slot name="image" class="image" part="image"></slot><div class="content" part="content"><slot name="leadingIcon" ${Ei("leadingIconSlotted")}></slot><div class="textContent" part="textContent"><slot name="text" class="textPrimary ${e=>e.textSizePrimary}" ${Ei("textPrimarySlotted")}></slot><slot name="textSecondary" class="textSecondary caption2" ${Ei("textSecondarySlotted")}></slot><slot></slot></div>${Di(e=>e.dismissButton,Li`<fluent-button class="dismissButton" part="dismissButton" ${Pi("dismissButtonRef")} appearance="subtle" ?disabled=${e=>e.disabled} aria-label="${e=>e.textPrimaryContent}"><slot name="dismissIcon">${Rl}</slot></fluent-button>`)}</div></div></template>`,Al=Ml.compose({name:`${wr.prefix}-tag`,template:Ol,styles:Pl,shadowOptions:{mode:wr.shadowRootMode}}),Nl=["start","end"],Dl=["top","right","bottom","left"].reduce((e,t)=>e.concat(t,t+"-"+Nl[0],t+"-"+Nl[1]),[]),Fl=Math.min,Tl=Math.max,zl=Math.round,Hl=Math.floor,Vl=e=>({x:e,y:e}),_l={left:"right",right:"left",bottom:"top",top:"bottom"},jl={start:"end",end:"start"};function Wl(e,t,o){return Tl(e,Fl(t,o))}function Kl(e,t){return"function"==typeof e?e(t):e}function ql(e){return e.split("-")[0]}function Gl(e){return e.split("-")[1]}function Ul(e){return"y"===e?"height":"width"}const Xl=new Set(["top","bottom"]);function Zl(e){return Xl.has(ql(e))?"y":"x"}function Yl(e){return"x"===Zl(e)?"y":"x"}function Ql(e){return e.replace(/left|right|bottom|top/g,e=>_l[e])}function Jl(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}function ed(e){const{x:t,y:o,width:n,height:i}=e;return{width:n,height:i,top:o,left:t,right:t+n,bottom:o+i,x:t,y:o}}function td(e,t,o){let{reference:n,floating:i}=e;const r=Zl(t),s=Yl(t),a=Ul(s),l=ql(t),d="y"===r,c=n.x+n.width/2-i.width/2,h=n.y+n.height/2-i.height/2,u=n[a]/2-i[a]/2;let p;switch(l){case"top":p={x:c,y:n.y-i.height};break;case"bottom":p={x:c,y:n.y+n.height};break;case"right":p={x:n.x+n.width,y:h};break;case"left":p={x:n.x-i.width,y:h};break;default:p={x:n.x,y:n.y}}switch(Gl(t)){case"start":p[s]-=u*(o&&d?-1:1);break;case"end":p[s]+=u*(o&&d?-1:1)}return p}function od(e,t,o){return(e?[...o.filter(t=>Gl(t)===e),...o.filter(t=>Gl(t)!==e)]:o.filter(e=>ql(e)===e)).filter(o=>!e||(Gl(o)===e||!!t&&function(e){return e.replace(/start|end/g,e=>jl[e])}(o)!==o))}const nd=new Set(["left","top"]);function id(){return"undefined"!=typeof window}function rd(e){return ld(e)?(e.nodeName||"").toLowerCase():"#document"}function sd(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function ad(e){var t;return null==(t=(ld(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function ld(e){return!!id()&&(e instanceof Node||e instanceof sd(e).Node)}function dd(e){return!!id()&&(e instanceof Element||e instanceof sd(e).Element)}function cd(e){return!!id()&&(e instanceof HTMLElement||e instanceof sd(e).HTMLElement)}function hd(e){return!(!id()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof sd(e).ShadowRoot)}const ud=new Set(["inline","contents"]);function pd(e){const{overflow:t,overflowX:o,overflowY:n,display:i}=Sd(e);return/auto|scroll|overlay|hidden|clip/.test(t+n+o)&&!ud.has(i)}const md=new Set(["table","td","th"]);function gd(e){return md.has(rd(e))}const fd=[":popover-open",":modal"];function bd(e){return fd.some(t=>{try{return e.matches(t)}catch(e){return!1}})}const vd=["transform","translate","scale","rotate","perspective"],wd=["transform","translate","scale","rotate","perspective","filter"],yd=["paint","layout","strict","content"];function xd(e){const t=$d(),o=dd(e)?Sd(e):e;return vd.some(e=>!!o[e]&&"none"!==o[e])||!!o.containerType&&"normal"!==o.containerType||!t&&!!o.backdropFilter&&"none"!==o.backdropFilter||!t&&!!o.filter&&"none"!==o.filter||wd.some(e=>(o.willChange||"").includes(e))||yd.some(e=>(o.contain||"").includes(e))}function $d(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const kd=new Set(["html","body","#document"]);function Cd(e){return kd.has(rd(e))}function Sd(e){return sd(e).getComputedStyle(e)}function Bd(e){return dd(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function Id(e){if("html"===rd(e))return e;const t=e.assignedSlot||e.parentNode||hd(e)&&e.host||ad(e);return hd(t)?t.host:t}function Ed(e){const t=Id(e);return Cd(t)?e.ownerDocument?e.ownerDocument.body:e.body:cd(t)&&pd(t)?t:Ed(t)}function Ld(e,t,o){var n;void 0===t&&(t=[]),void 0===o&&(o=!0);const i=Ed(e),r=i===(null==(n=e.ownerDocument)?void 0:n.body),s=sd(i);if(r){const e=Md(s);return t.concat(s,s.visualViewport||[],pd(i)?i:[],e&&o?Ld(e):[])}return t.concat(i,Ld(i,[],o))}function Md(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function Pd(e){const t=Sd(e);let o=parseFloat(t.width)||0,n=parseFloat(t.height)||0;const i=cd(e),r=i?e.offsetWidth:o,s=i?e.offsetHeight:n,a=zl(o)!==r||zl(n)!==s;return a&&(o=r,n=s),{width:o,height:n,$:a}}function Rd(e){return dd(e)?e:e.contextElement}function Od(e){const t=Rd(e);if(!cd(t))return Vl(1);const o=t.getBoundingClientRect(),{width:n,height:i,$:r}=Pd(t);let s=(r?zl(o.width):o.width)/n,a=(r?zl(o.height):o.height)/i;return s&&Number.isFinite(s)||(s=1),a&&Number.isFinite(a)||(a=1),{x:s,y:a}}const Ad=Vl(0);function Nd(e){const t=sd(e);return $d()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:Ad}function Dd(e,t,o,n){void 0===t&&(t=!1),void 0===o&&(o=!1);const i=e.getBoundingClientRect(),r=Rd(e);let s=Vl(1);t&&(n?dd(n)&&(s=Od(n)):s=Od(e));const a=function(e,t,o){return void 0===t&&(t=!1),!(!o||t&&o!==sd(e))&&t}(r,o,n)?Nd(r):Vl(0);let l=(i.left+a.x)/s.x,d=(i.top+a.y)/s.y,c=i.width/s.x,h=i.height/s.y;if(r){const e=sd(r),t=n&&dd(n)?sd(n):n;let o=e,i=Md(o);for(;i&&n&&t!==o;){const e=Od(i),t=i.getBoundingClientRect(),n=Sd(i),r=t.left+(i.clientLeft+parseFloat(n.paddingLeft))*e.x,s=t.top+(i.clientTop+parseFloat(n.paddingTop))*e.y;l*=e.x,d*=e.y,c*=e.x,h*=e.y,l+=r,d+=s,o=sd(i),i=Md(o)}}return ed({width:c,height:h,x:l,y:d})}function Fd(e,t){const o=Bd(e).scrollLeft;return t?t.left+o:Dd(ad(e)).left+o}function Td(e,t){const o=e.getBoundingClientRect();return{x:o.left+t.scrollLeft-Fd(e,o),y:o.top+t.scrollTop}}const zd=new Set(["absolute","fixed"]);function Hd(e,t,o){let n;if("viewport"===t)n=function(e,t){const o=sd(e),n=ad(e),i=o.visualViewport;let r=n.clientWidth,s=n.clientHeight,a=0,l=0;if(i){r=i.width,s=i.height;const e=$d();(!e||e&&"fixed"===t)&&(a=i.offsetLeft,l=i.offsetTop)}const d=Fd(n);if(d<=0){const e=n.ownerDocument,t=e.body,o=getComputedStyle(t),i="CSS1Compat"===e.compatMode&&parseFloat(o.marginLeft)+parseFloat(o.marginRight)||0,s=Math.abs(n.clientWidth-t.clientWidth-i);s<=25&&(r-=s)}else d<=25&&(r+=d);return{width:r,height:s,x:a,y:l}}(e,o);else if("document"===t)n=function(e){const t=ad(e),o=Bd(e),n=e.ownerDocument.body,i=Tl(t.scrollWidth,t.clientWidth,n.scrollWidth,n.clientWidth),r=Tl(t.scrollHeight,t.clientHeight,n.scrollHeight,n.clientHeight);let s=-o.scrollLeft+Fd(e);const a=-o.scrollTop;return"rtl"===Sd(n).direction&&(s+=Tl(t.clientWidth,n.clientWidth)-i),{width:i,height:r,x:s,y:a}}(ad(e));else if(dd(t))n=function(e,t){const o=Dd(e,!0,"fixed"===t),n=o.top+e.clientTop,i=o.left+e.clientLeft,r=cd(e)?Od(e):Vl(1);return{width:e.clientWidth*r.x,height:e.clientHeight*r.y,x:i*r.x,y:n*r.y}}(t,o);else{const o=Nd(e);n={x:t.x-o.x,y:t.y-o.y,width:t.width,height:t.height}}return ed(n)}function Vd(e,t){const o=Id(e);return!(o===t||!dd(o)||Cd(o))&&("fixed"===Sd(o).position||Vd(o,t))}function _d(e,t,o){const n=cd(t),i=ad(t),r="fixed"===o,s=Dd(e,!0,r,t);let a={scrollLeft:0,scrollTop:0};const l=Vl(0);function d(){l.x=Fd(i)}if(n||!n&&!r)if(("body"!==rd(t)||pd(i))&&(a=Bd(t)),n){const e=Dd(t,!0,r,t);l.x=e.x+t.clientLeft,l.y=e.y+t.clientTop}else i&&d();r&&!n&&i&&d();const c=!i||n||r?Vl(0):Td(i,a);return{x:s.left+a.scrollLeft-l.x-c.x,y:s.top+a.scrollTop-l.y-c.y,width:s.width,height:s.height}}function jd(e){return"static"===Sd(e).position}function Wd(e,t){if(!cd(e)||"fixed"===Sd(e).position)return null;if(t)return t(e);let o=e.offsetParent;return ad(e)===o&&(o=o.ownerDocument.body),o}function Kd(e,t){const o=sd(e);if(bd(e))return o;if(!cd(e)){let t=Id(e);for(;t&&!Cd(t);){if(dd(t)&&!jd(t))return t;t=Id(t)}return o}let n=Wd(e,t);for(;n&&gd(n)&&jd(n);)n=Wd(n,t);return n&&Cd(n)&&jd(n)&&!xd(n)?o:n||function(e){let t=Id(e);for(;cd(t)&&!Cd(t);){if(xd(t))return t;if(bd(t))return null;t=Id(t)}return null}(e)||o}const qd={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:o,offsetParent:n,strategy:i}=e;const r="fixed"===i,s=ad(n),a=!!t&&bd(t.floating);if(n===s||a&&r)return o;let l={scrollLeft:0,scrollTop:0},d=Vl(1);const c=Vl(0),h=cd(n);if((h||!h&&!r)&&(("body"!==rd(n)||pd(s))&&(l=Bd(n)),cd(n))){const e=Dd(n);d=Od(n),c.x=e.x+n.clientLeft,c.y=e.y+n.clientTop}const u=!s||h||r?Vl(0):Td(s,l);return{width:o.width*d.x,height:o.height*d.y,x:o.x*d.x-l.scrollLeft*d.x+c.x+u.x,y:o.y*d.y-l.scrollTop*d.y+c.y+u.y}},getDocumentElement:ad,getClippingRect:function(e){let{element:t,boundary:o,rootBoundary:n,strategy:i}=e;const r=[..."clippingAncestors"===o?bd(t)?[]:function(e,t){const o=t.get(e);if(o)return o;let n=Ld(e,[],!1).filter(e=>dd(e)&&"body"!==rd(e)),i=null;const r="fixed"===Sd(e).position;let s=r?Id(e):e;for(;dd(s)&&!Cd(s);){const t=Sd(s),o=xd(s);o||"fixed"!==t.position||(i=null),(r?!o&&!i:!o&&"static"===t.position&&i&&zd.has(i.position)||pd(s)&&!o&&Vd(e,s))?n=n.filter(e=>e!==s):i=t,s=Id(s)}return t.set(e,n),n}(t,this._c):[].concat(o),n],s=r[0],a=r.reduce((e,o)=>{const n=Hd(t,o,i);return e.top=Tl(n.top,e.top),e.right=Fl(n.right,e.right),e.bottom=Fl(n.bottom,e.bottom),e.left=Tl(n.left,e.left),e},Hd(t,s,i));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},getOffsetParent:Kd,getElementRects:async function(e){const t=this.getOffsetParent||Kd,o=this.getDimensions,n=await o(e.floating);return{reference:_d(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:n.width,height:n.height}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){const{width:t,height:o}=Pd(e);return{width:t,height:o}},getScale:Od,isElement:dd,isRTL:function(e){return"rtl"===Sd(e).direction}};function Gd(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function Ud(e,t,o,n){void 0===n&&(n={});const{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:s="function"==typeof ResizeObserver,layoutShift:a="function"==typeof IntersectionObserver,animationFrame:l=!1}=n,d=Rd(e),c=i||r?[...d?Ld(d):[],...Ld(t)]:[];c.forEach(e=>{i&&e.addEventListener("scroll",o,{passive:!0}),r&&e.addEventListener("resize",o)});const h=d&&a?function(e,t){let o,n=null;const i=ad(e);function r(){var e;clearTimeout(o),null==(e=n)||e.disconnect(),n=null}return function s(a,l){void 0===a&&(a=!1),void 0===l&&(l=1),r();const d=e.getBoundingClientRect(),{left:c,top:h,width:u,height:p}=d;if(a||t(),!u||!p)return;const m={rootMargin:-Hl(h)+"px "+-Hl(i.clientWidth-(c+u))+"px "+-Hl(i.clientHeight-(h+p))+"px "+-Hl(c)+"px",threshold:Tl(0,Fl(1,l))||1};let g=!0;function f(t){const n=t[0].intersectionRatio;if(n!==l){if(!g)return s();n?s(!1,n):o=setTimeout(()=>{s(!1,1e-7)},1e3)}1!==n||Gd(d,e.getBoundingClientRect())||s(),g=!1}try{n=new IntersectionObserver(f,{...m,root:i.ownerDocument})}catch(e){n=new IntersectionObserver(f,m)}n.observe(e)}(!0),r}(d,o):null;let u,p=-1,m=null;s&&(m=new ResizeObserver(e=>{let[n]=e;n&&n.target===d&&m&&(m.unobserve(t),cancelAnimationFrame(p),p=requestAnimationFrame(()=>{var e;null==(e=m)||e.observe(t)})),o()}),d&&!l&&m.observe(d),m.observe(t));let g=l?Dd(e):null;return l&&function t(){const n=Dd(e);g&&!Gd(g,n)&&o();g=n,u=requestAnimationFrame(t)}(),o(),()=>{var e;c.forEach(e=>{i&&e.removeEventListener("scroll",o),r&&e.removeEventListener("resize",o)}),null==h||h(),null==(e=m)||e.disconnect(),m=null,l&&cancelAnimationFrame(u)}}const Xd=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var o,n;const{x:i,y:r,placement:s,middlewareData:a}=t,l=await async function(e,t){const{placement:o,platform:n,elements:i}=e,r=await(null==n.isRTL?void 0:n.isRTL(i.floating)),s=ql(o),a=Gl(o),l="y"===Zl(o),d=nd.has(s)?-1:1,c=r&&l?-1:1,h=Kl(t,e);let{mainAxis:u,crossAxis:p,alignmentAxis:m}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return a&&"number"==typeof m&&(p="end"===a?-1*m:m),l?{x:p*c,y:u*d}:{x:u*d,y:p*c}}(t,e);return s===(null==(o=a.offset)?void 0:o.placement)&&null!=(n=a.arrow)&&n.alignmentOffset?{}:{x:i+l.x,y:r+l.y,data:{...l,placement:s}}}}},Zd=function(e){return void 0===e&&(e={}),{name:"autoPlacement",options:e,async fn(t){var o,n,i;const{rects:r,middlewareData:s,placement:a,platform:l,elements:d}=t,{crossAxis:c=!1,alignment:h,allowedPlacements:u=Dl,autoAlignment:p=!0,...m}=Kl(e,t),g=void 0!==h||u===Dl?od(h||null,p,u):u,f=await async function(e,t){var o;void 0===t&&(t={});const{x:n,y:i,platform:r,rects:s,elements:a,strategy:l}=e,{boundary:d="clippingAncestors",rootBoundary:c="viewport",elementContext:h="floating",altBoundary:u=!1,padding:p=0}=Kl(t,e),m=Jl(p),g=a[u?"floating"===h?"reference":"floating":h],f=ed(await r.getClippingRect({element:null==(o=await(null==r.isElement?void 0:r.isElement(g)))||o?g:g.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(a.floating)),boundary:d,rootBoundary:c,strategy:l})),b="floating"===h?{x:n,y:i,width:s.floating.width,height:s.floating.height}:s.reference,v=await(null==r.getOffsetParent?void 0:r.getOffsetParent(a.floating)),w=await(null==r.isElement?void 0:r.isElement(v))&&await(null==r.getScale?void 0:r.getScale(v))||{x:1,y:1},y=ed(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:b,offsetParent:v,strategy:l}):b);return{top:(f.top-y.top+m.top)/w.y,bottom:(y.bottom-f.bottom+m.bottom)/w.y,left:(f.left-y.left+m.left)/w.x,right:(y.right-f.right+m.right)/w.x}}(t,m),b=(null==(o=s.autoPlacement)?void 0:o.index)||0,v=g[b];if(null==v)return{};const w=function(e,t,o){void 0===o&&(o=!1);const n=Gl(e),i=Yl(e),r=Ul(i);let s="x"===i?n===(o?"end":"start")?"right":"left":"start"===n?"bottom":"top";return t.reference[r]>t.floating[r]&&(s=Ql(s)),[s,Ql(s)]}(v,r,await(null==l.isRTL?void 0:l.isRTL(d.floating)));if(a!==v)return{reset:{placement:g[0]}};const y=[f[ql(v)],f[w[0]],f[w[1]]],x=[...(null==(n=s.autoPlacement)?void 0:n.overflows)||[],{placement:v,overflows:y}],$=g[b+1];if($)return{data:{index:b+1,overflows:x},reset:{placement:$}};const k=x.map(e=>{const t=Gl(e.placement);return[e.placement,t&&c?e.overflows.slice(0,2).reduce((e,t)=>e+t,0):e.overflows[0],e.overflows]}).sort((e,t)=>e[1]-t[1]),C=(null==(i=k.filter(e=>e[2].slice(0,Gl(e[0])?2:3).every(e=>e<=0))[0])?void 0:i[0])||k[0][0];return C!==a?{data:{index:b+1,overflows:x},reset:{placement:C}}:{}}}},Yd=e=>({name:"arrow",options:e,async fn(t){const{x:o,y:n,placement:i,rects:r,platform:s,elements:a,middlewareData:l}=t,{element:d,padding:c=0}=Kl(e,t)||{};if(null==d)return{};const h=Jl(c),u={x:o,y:n},p=Yl(i),m=Ul(p),g=await s.getDimensions(d),f="y"===p,b=f?"top":"left",v=f?"bottom":"right",w=f?"clientHeight":"clientWidth",y=r.reference[m]+r.reference[p]-u[p]-r.floating[m],x=u[p]-r.reference[p],$=await(null==s.getOffsetParent?void 0:s.getOffsetParent(d));let k=$?$[w]:0;k&&await(null==s.isElement?void 0:s.isElement($))||(k=a.floating[w]||r.floating[m]);const C=y/2-x/2,S=k/2-g[m]/2-1,B=Fl(h[b],S),I=Fl(h[v],S),E=B,L=k-g[m]-I,M=k/2-g[m]/2+C,P=Wl(E,M,L),R=!l.arrow&&null!=Gl(i)&&M!==P&&r.reference[m]/2-(M<E?B:I)-g[m]/2<0,O=R?M<E?M-E:M-L:0;return{[p]:u[p]+O,data:{[p]:P,centerOffset:M-P-O,...R&&{alignmentOffset:O}},reset:R}}}),Qd=(e,t,o)=>{const n=new Map,i={platform:qd,...o},r={...i.platform,_c:n};return(async(e,t,o)=>{const{placement:n="bottom",strategy:i="absolute",middleware:r=[],platform:s}=o,a=r.filter(Boolean),l=await(null==s.isRTL?void 0:s.isRTL(t));let d=await s.getElementRects({reference:e,floating:t,strategy:i}),{x:c,y:h}=td(d,n,l),u=n,p={},m=0;for(let o=0;o<a.length;o++){const{name:r,fn:g}=a[o],{x:f,y:b,data:v,reset:w}=await g({x:c,y:h,initialPlacement:n,placement:u,strategy:i,middlewareData:p,rects:d,platform:s,elements:{reference:e,floating:t}});c=null!=f?f:c,h=null!=b?b:h,p={...p,[r]:{...p[r],...v}},w&&m<=50&&(m++,"object"==typeof w&&(w.placement&&(u=w.placement),w.rects&&(d=!0===w.rects?await s.getElementRects({reference:e,floating:t,strategy:i}):w.rects),({x:c,y:h}=td(d,u,l))),o=-1)}return{x:c,y:h,placement:u,strategy:i,middlewareData:p}})(e,t,{...i,platform:r})},Jd={small:"small",medium:"medium",large:"large"},ec={top:"top",topStart:"top-start",topEnd:"top-end",bottom:"bottom",bottomStart:"bottom-start",bottomEnd:"bottom-end",left:"left",leftStart:"left-start",leftEnd:"left-end",right:"right",rightStart:"right-start",rightEnd:"right-end"},tc={openChange:"open-change",dismiss:"dismiss"};var oc=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class nc extends ki{constructor(){super(...arguments),this.target="",this.disableTrapFocus=!1,this.elementInternals=this.attachInternals(),this.isTrappingFocus=!1,this.focusInProgress=!1,this.trapFocus=!1,this.cleanAutoUpdate=null,this.show=()=>{var e,t;if(this.setElements(),!this.targetEl){if("undefined"!=typeof console&&console.assert){""===(null!==(t=null===(e=this.target)||void 0===e?void 0:e.trim())&&void 0!==t?t:"")?console.assert(!1,"TeachingBubble.show(): target attribute is empty or missing. Expected a valid element ID."):console.assert(!1,`TeachingBubble.show(): target element with ID "${this.target}" not found in DOM. Ensure the target element exists before calling show().`)}return}this.removeAttribute("hidden"),this.updatePosition(),this.cleanAutoUpdate||(this.cleanAutoUpdate=Ud(this.targetEl,this,this.updatePosition)),this.open||(this.open=!0),nc.openInstances.add(this);const o=!this.disableTrapFocus;this.trapFocus=o,this.updateTrapFocus(o)},this.hide=(e=!1)=>{this.open=!1,this.cleanAutoUpdate&&(this.cleanAutoUpdate(),this.cleanAutoUpdate=null),nc.openInstances.delete(this),this.updateTrapFocus(!1),this.setAttribute("hidden",""),e&&this.emitDismiss()},this.setElements=()=>{var e;const t=(null!==(e=this.target)&&void 0!==e?e:"").trim();this.targetEl=t?document.getElementById(t):null},this.updatePosition=()=>{this.setElements();const e=this.arrowEl?[Yd({element:this.arrowEl,padding:4})]:[],t=this.placement?{placement:this.placement,middleware:[Xd(10),...e]}:{middleware:[Zd({autoAlignment:!0}),Xd(10),...e]};this.targetEl&&Qd(this.targetEl,this,t).then(({x:e,y:t,placement:o,middlewareData:n})=>{var i;Object.assign(this.style,{left:`${e}px`,top:`${t}px`});const r=null!==(i=n.arrow)&&void 0!==i?i:void 0;if(this.arrowEl&&r){const{x:e,y:t}=r,n={top:"bottom",right:"left",bottom:"top",left:"right"}[o.split("-")[0]];Object.assign(this.arrowEl.style,{left:null!=e?`${e}px`:"",top:null!=t?`${t}px`:"",right:"",bottom:"",[n]:"-8px"})}})},this.handleDocumentKeydown=e=>{if(!e.defaultPrevented&&this.open)switch(e.key){case Ki:this.handleTabKeyDown(e);break;case _i:this.hide(!0)}},this.handleTabKeyDown=e=>{if(!this.trapFocus||!this.open)return;const t=this.getTabQueueBounds();if(1===t.length)return t[0].focus(),void e.preventDefault();e.shiftKey&&e.target===t[0]?(t[t.length-1].focus(),e.preventDefault()):e.shiftKey||e.target!==t[t.length-1]||(t[0].focus(),e.preventDefault())},this.getTabQueueBounds=()=>this.reduceTabbableItems([],this),this.updateTrapFocus=e=>{const t=void 0===e?this.shouldTrapFocus():e,o=1===nc.openInstances.size,n=t&&o;n&&!this.isTrappingFocus?(this.isTrappingFocus=!0,this.addEventListener("focusout",this.handleFocusOut,!0),Ci.enqueue(()=>{const e=this.getRootNode()||document,t="activeElement"in e?e.activeElement:null,o=null!=t?t:document.activeElement;this.shouldForceFocus(o)&&this.focusFirstElement()})):!n&&this.isTrappingFocus&&(this.isTrappingFocus=!1,this.removeEventListener("focusout",this.handleFocusOut,!0))},this.handleFocusOut=e=>{if(!this.isTrappingFocus)return;const t=e.relatedTarget;t&&this.contains(t)||queueMicrotask(()=>{this.focusFirstElement()})},this.focusFirstElement=()=>{if(this.focusInProgress)return!1;this.focusInProgress=!0;try{const e=this.getTabQueueBounds();return!(nc.openInstances.size>1)&&(e.length>0?(e[0].focus(),!0):(this.focus(),!0))}finally{this.focusInProgress=!1}},this.shouldForceFocus=e=>this.isTrappingFocus&&!this.contains(e),this.shouldTrapFocus=()=>this.trapFocus&&this.open}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.hasAttribute("role")||(this.elementInternals.role="dialog"),this.setElements(),this.initializePosition(),this.addEventListener("keydown",this.handleDocumentKeydown),Ci.enqueue(()=>{this.disableTrapFocusHandler(),this.updateTrapFocus()})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleDocumentKeydown),this.removeEventListener("focusout",this.handleFocusOut,!0),this.updateTrapFocus(!1),this.cleanAutoUpdate&&this.cleanAutoUpdate(),nc.openInstances.delete(this)}openChanged(){this.initializePosition(),Ci.enqueue(()=>{this.disableTrapFocusHandler(),this.updateTrapFocus()}),this.emitOpenChange(),this.elementInternals.ariaModal=this.open?"true":"false"}emitDismiss(){this.dispatchEvent(new CustomEvent(tc.dismiss,{bubbles:!0,composed:!0}))}emitOpenChange(){this.dispatchEvent(new CustomEvent(tc.openChange,{detail:{open:this.open},bubbles:!0,composed:!0}))}reduceTabbableItems(e,t){const o=t;(as(o)||nc.isFocusableFastElement(t))&&e.push(o),e=Array.from(t.children).reduce((e,t)=>this.reduceTabbableItems(e,t),e);const n=o.shadowRoot;return n&&(e=Array.from(n.children).reduce((e,t)=>this.reduceTabbableItems(e,t),e)),e}static isFocusableFastElement(e){var t,o;return!!(null===(o=null===(t=e.$fastController)||void 0===t?void 0:t.definition.shadowOptions)||void 0===o?void 0:o.delegatesFocus)}disableTrapFocusHandler(){this.disableTrapFocus?this.trapFocus=!1:this.trapFocus=!0}initializePosition(){this.setElements(),this.open?this.show():this.hide()}}nc.openInstances=new Set,oc([Bi({mode:"fromView"})],nc.prototype,"target",void 0),oc([Bi({mode:"reflect"})],nc.prototype,"placement",void 0),oc([Bi({mode:"boolean"})],nc.prototype,"open",void 0),oc([Bi({mode:"boolean",attribute:"disable-trap-focus"})],nc.prototype,"disableTrapFocus",void 0),oc([Bi({mode:"reflect"})],nc.prototype,"size",void 0);const ic=Mi`
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
:host{position:absolute;border:1px solid ${pe};border-radius:${i};background-color:${pe};color:${O};padding:${o};box-shadow:${rt};max-width:calc(${ye} * 9);z-index:var(--fabric-layer-teaching-bubble,1000)}::slotted(*){font-family:${l};font-size:unset;font-weight:${c};line-height:${h};margin:0;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}:host([size="small"]) ::slotted(*){font-size:${x}}:host([size="medium"]) ::slotted(*){font-size:${d}}:host([size="large"]) ::slotted(*){font-size:${k}}slot[name="close"]::slotted(*){position:absolute;top:0;inset-inline-end:0}.content{position:relative}.heading{margin-bottom:${a}}.arrow{position:absolute;background:${pe};width:${o};height:${o};transform:rotate(45deg);border-radius:${Le};pointer-events:none}slot[name="image"]::slotted(*){display:block;margin-bottom:${oe}}slot[name="image"]::slotted(img),slot[name="image"]::slotted(picture),slot[name="image"]::slotted(video){max-width:100%;height:auto}slot[name="heading"]::slotted(*){font-weight:${xe};line-height:${C}}:host([size="small"]) slot[name="heading"]::slotted(*){font-size:${d}}:host([size="medium"]) slot[name="heading"]::slotted(*){font-size:${k}}:host([size="large"]) slot[name="heading"]::slotted(*){font-size:${S}}slot[name="footer"]::slotted(*){line-height:${$};margin-top:${oe};padding-top:${oe}}`;const rc=Li`<template ?hidden="${e=>!e.open}"><div class="image"><slot name="image"></slot></div><div class="content"><div class="close"><slot name="close"></slot></div><div class="heading"><slot name="heading"></slot></div><slot></slot><div class="footer"><slot name="footer"></slot></div></div><div id="arrow" class="arrow" ${Pi("arrowEl")}></div></template>`,sc=nc.compose({name:`${wr.prefix}-teaching-bubble`,template:rc,styles:ic,shadowOptions:{mode:wr.shadowRootMode}}),ac={incomplete:"incomplete",complete:"complete",error:"error"},lc={stepChange:"step-change",stepSelect:"step-select"},dc={wizardChange:"wizard-change",wizardComplete:"wizard-complete"};var cc=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class hc extends ki{constructor(){super(...arguments),this.numbered=!1,this.disableOnComplete=!1,this.currentIndex=0,this.slottedsteps=[],this.slottedactions=[],this.slottedpanels=[],this.stepIds=[],this.panelIds=[],this.isDisabledElement=e=>"true"===e.getAttribute("aria-disabled"),this.isHiddenElement=e=>e.hasAttribute("hidden"),this.isFocusableElement=e=>!this.isDisabledElement(e)&&!this.isHiddenElement(e),this.handleStepSelect=e=>{const t=e.currentTarget;t.disabled||this.setActiveStep(t)},this.handleStepContainerFocus=e=>{this.setAllStepTabIndex(-1)},this.handleStepContainerBlur=e=>{const t=e.relatedTarget;t&&this.slottedsteps.some(e=>e===t)||this.setAllStepTabIndex(-1)}}connectedCallback(){super.connectedCallback(),Ci.enqueue(()=>{this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds(),this.currentIndex=this.getActiveIndex(),this.addListeners(),this.stepcontainer&&(this.stepcontainer.addEventListener("focus",this.handleStepContainerFocus),this.stepcontainer.addEventListener("blur",this.handleStepContainerBlur,!0))})}disconnectedCallback(){super.disconnectedCallback(),this.removeListeners(),this.stepcontainer&&(this.stepcontainer.removeEventListener("focus",this.handleStepContainerFocus),this.stepcontainer.removeEventListener("blur",this.handleStepContainerBlur,!0))}activeidChanged(e,t){this.$fastController.isConnected&&(this.prevActiveStepIndex=this.slottedsteps.findIndex(t=>t.id===e),this.setSteps())}slottedpanelsChanged(e,t){this.$fastController.isConnected&&e!==t&&(this.panelIds=this.getPanelIds(),this.setSteps())}slottedstepsChanged(e,t){this.$fastController.isConnected&&e!==t&&(this.stepIds=this.getStepIds(),this.setSteps())}currentIndexChanged(e,t){e!==t&&Ci.enqueue(()=>{this.prevActiveStepIndex=e,this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds(),this.setComponent()})}next(){this.currentIndex=this.slottedsteps.indexOf(this.activestep);const e=this.currentIndex+1;if(e>=this.slottedsteps.length)return;const t=this.slottedsteps[e];t.disabled||(this.moveToStepByIndex(e,!1),this.setActiveStep(t))}previous(){this.currentIndex=this.slottedsteps.indexOf(this.activestep);const e=this.currentIndex-1;if(e<0)return;const t=this.slottedsteps[e];t.disabled||(this.moveToStepByIndex(e,!1),this.setActiveStep(t))}show(){this.hidden=!1}hide(){this.hidden=!0}enableStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].disabled=!1)}disableStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].disabled=!0)}errorStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].state=ac.error)}completeStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].state=ac.complete,this.disableOnComplete&&this.disableStep(e))}incompleteStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].state=ac.incomplete)}getStepStatus(){const e=[];return this.slottedsteps.length>0&&this.slottedsteps.forEach((t,o)=>{e.push({id:t.id,state:t.state,index:o,active:t.active})}),e}reset(){this.slottedsteps.length>0&&(this.slottedsteps.forEach((e,t)=>{e.state=ac.incomplete}),this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds(),this.currentIndex=0,this.activeid=void 0,this.prevActiveStepIndex=-1)}setActiveStep(e){var t;const o=e,n=o.index;null!==(t=o.disabled)&&void 0!==t&&t||(o.active=!0,this.activestep=o,this.activeid=this.stepIds[n],this.currentIndex=n,this.setComponent())}focusNextStep(e=!1){const t=this.slottedsteps;let o=this.currentIndex+1;if(t.length<=1)return;o>=t.length&&(o=0);const n=o;for(;!t[o]||t[o].disabled;)if(o=(o+1)%t.length,o===n)return;this.moveToStepByIndex(o,!0),e&&t[o]&&!this.isDisabledElement(t[o])&&!t[o].disabled&&this.setActiveStep(t[o])}focusPreviousStep(e=!1){const t=this.slottedsteps;let o=this.currentIndex-1;if(t.length<=1)return;o<0&&(o=t.length-1);const n=o;for(;!t[o]||t[o].disabled;)if(o=(o-1+t.length)%t.length,o===n)return;this.moveToStepByIndex(o,!0),e&&t[o]&&!this.isDisabledElement(t[o])&&!t[o].disabled&&this.setActiveStep(t[o])}moveToStepByIndex(e,t=!0){const o=this.slottedsteps[e];this.currentIndex=e,t&&o.focus(),this.setComponent()}handleStepContainerKeydown(e){if(!e.defaultPrevented)switch(e.key){case Vi:case" ":e.preventDefault(),document.activeElement===this&&this.focusFirstEnabledStep();break;default:return!0}}handleStepKeyDown(e){switch(e.key){case _i:e.preventDefault(),this.stepcontainer.focus();break;case Vi:e.preventDefault(),this.handleStepSelect(e);break;case zi:e.preventDefault(),this.focusPreviousStep();break;case Ti:e.preventDefault(),this.focusNextStep();break;case ji:e.preventDefault(),this.moveToStepByIndex(-this.currentIndex,!0);break;case Hi:e.preventDefault(),this.moveToStepByIndex(this.slottedsteps.length-this.currentIndex-1,!0)}}setSteps(){-1===this.currentIndex?this.getActiveIndex():this.currentIndex,this.slottedsteps.forEach((e,t)=>{if("step"===e.slot){const o=e,n=this.currentIndex===t&&this.isFocusableElement(o),i=this.stepIds[t];if(document.activeElement===o?o.setAttribute("tabindex","0"):o.setAttribute("tabindex","-1"),o.setAttribute("id",i),o.setAttribute("role","tab"),o.active=n,o.index=t,this.numbered&&(o.numbered=!0),this.disableOnComplete&&o.state===ac.complete)o.disabled=!0;else if(this.linear)if(0===t)o.disabled=!1;else{const e=this.slottedsteps[t-1];o.disabled=e.state!==ac.complete}n&&(this.activestep=o,this.activeid=i,this.currentIndex=t),t===this.slottedsteps.length-1&&(o.hideConnector=!0),this.slottedsteps.length>=7&&o.classList.add("overflow")}}),this.slottedsteps.every(e=>"complete"===e.state)&&this.emitComplete(),this.slottedsteps.length>=7&&this.setAttribute("class","overflow"),this.setPanels()}setPanels(){this.slottedpanels.forEach((e,t)=>{if("panel"===e.slot){const o=e,n=this.stepIds[t],i=this.panelIds[t];o.setAttribute("id",i),o.setAttribute("aria-labelledby",n),o.setAttribute("role","tabpanel"),o.index=t;const r=this.currentIndex===t&&this.isFocusableElement(o);o.active=r,this.currentIndex!==t?o.hide():o.show()}}),this.emitChange()}addListeners(){this.slottedsteps.forEach(e=>{e.addEventListener("step-change",e=>this.handleWizardStepStateChange(e))}),this.slottedsteps.forEach(e=>{e.addEventListener("step-select",e=>this.handleStepSelect(e))}),this.slottedsteps.forEach(e=>{e.addEventListener("keydown",e=>this.handleStepKeyDown(e))}),this.slottedpanels.forEach(e=>{e.addEventListener("panel-change",e=>this.handlePanelStateChange(e))})}removeListeners(){this.slottedsteps.forEach(e=>{e.removeEventListener("step-change",e=>this.handleWizardStepStateChange(e))}),this.slottedsteps.forEach(e=>{e.removeEventListener("step-select",e=>this.handleStepSelect(e))}),this.slottedsteps.forEach(e=>{e.removeEventListener("keydown",e=>this.handleStepKeyDown(e))}),this.slottedpanels.forEach(e=>{e.removeEventListener("panel-change",e=>this.handlePanelStateChange(e))})}setComponent(){this.currentIndex&&this.currentIndex!==this.prevActiveStepIndex&&Ci.enqueue(()=>{this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds()})}getActiveIndex(){var e;const t=null!==(e=this.activeid)&&void 0!==e?e:"";return void 0!==t?-1===this.stepIds.indexOf(t)?0:this.stepIds.indexOf(t):0}getStepIds(){return this.slottedsteps.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`fabric-wizard-step-${parseInt(Gi())}`})}getPanelIds(){return this.slottedpanels.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`fabric-wizard-panel-${parseInt(Gi())}`})}handleWizardStepStateChange(e){const t=e.detail.index;e.detail.active&&(this.currentIndex=t),this.slottedpanels[t].state=e.detail.state,this.setSteps()}handlePanelStateChange(e){const t=e.detail.index;e.detail.active&&(this.currentIndex=t),this.slottedsteps[t].state=e.detail.state,this.setSteps()}emitChange(){this.$emit("wizard-change",{currentIndex:this.currentIndex,activeid:this.activeid})}emitComplete(){this.dispatchEvent(new CustomEvent(dc.wizardComplete,{bubbles:!0,composed:!0}))}setAllStepTabIndex(e){this.slottedsteps.forEach(t=>{t.setAttribute("tabindex",String(e))})}focusFirstEnabledStep(){const e=this.slottedsteps.find(e=>!e.disabled);e&&(this.setAllStepTabIndex(-1),e.setAttribute("tabindex","0"),e.focus())}}cc([Bi({mode:"boolean"})],hc.prototype,"numbered",void 0),cc([Bi({mode:"boolean"})],hc.prototype,"linear",void 0),cc([Bi({mode:"boolean",attribute:"disable-on-complete"})],hc.prototype,"disableOnComplete",void 0),cc([Bi({attribute:"current-index",converter:Ni})],hc.prototype,"currentIndex",void 0),cc([Si],hc.prototype,"stepcontainer",void 0),cc([Si],hc.prototype,"panelcontainer",void 0),cc([Si],hc.prototype,"slottedsteps",void 0),cc([Si],hc.prototype,"slottedactions",void 0),cc([Si],hc.prototype,"slottedpanels",void 0),cc([Si],hc.prototype,"activeid",void 0);const uc=Mi`
|
|
105
|
-
|
|
70
|
+
){border-color:${me}}:host([appearance="primary-on-brand"]:is(:hover,:hover:active)){color:${pe};background-color:${ge}}:host([appearance="primary-on-brand"]:hover:active){background-color:${fe}}:host([appearance="primary-on-brand"]:focus-visible){border-color:${pe};box-shadow:${ee},0 0 0 2px ${r}}`,mc=uc.compose({name:`${Rr.prefix}-compound-button`,template:_e,styles:pc,shadowOptions:{mode:Rr.shadowRootMode}});var gc=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class fc extends je{constructor(){super(...arguments),this.loading=!1}}gc([Pi({mode:"boolean"})],fc.prototype,"loading",void 0);const bc=Fi`
|
|
71
|
+
${he}:host([size="small"]:not([shape="circular"]):not([shape="square"])){border-radius:${i}}:host([size="small"]) fluent-button{gap:${u}}fabric-spinner{display:none}.content{gap:${s}}:host([size="large"]) .content{gap:${te}}:host([loading]){cursor:not-allowed}:host([loading]) fabric-spinner{display:block}`;const vc=Di`<template tabindex="${e=>{var t;return e.disabled?null:null!==(t=e.tabIndex)&&void 0!==t?t:0}}" @click="${(e,t)=>e.clickHandler(t.event)}" @keypress="${(e,t)=>e.keypressHandler(t.event)}" ?loading="${e=>e.loading}"><slot name="start"></slot><span class="content" part="content"><fabric-spinner appearance="${e=>"primary"==e.appearance?"inverted":"primary"}" size="tiny" slot="start" ?hidden=${e=>!e.loading}></fabric-spinner><slot ${Ti("defaultSlottedContent")}></slot></span><slot name="end"></slot></template>`,wc=fc.compose({name:`${Rr.prefix}-loading-button`,template:vc,styles:bc,shadowOptions:{mode:Rr.shadowRootMode}}),yc={hiddenChange:"hidden-change"};var xc=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class $c extends Ai{constructor(){super(...arguments),this.hidden=!0}hiddenChanged(e,t){e!==t&&this.$emit(yc.hiddenChange,this.hidden)}}xc([Pi({mode:"boolean"})],$c.prototype,"hidden",void 0);const kc=Fi`
|
|
72
|
+
${n("block")}
|
|
73
|
+
|
|
74
|
+
:host{display:block;position:relative;overflow-y:auto}:host([hidden]){display:none}:host([data-flexposition="2"]){order:2}:host(:focus-visible)::after{content:"";position:absolute;inset:1px;border-color:${R};outline:${M} solid ${R};box-shadow:${E},0 0 0 2px ${r}}`;const Cc=Di`<template slot="multi-view" role="tabpanel" ?hidden="${e=>e.hidden}" aria-hidden="${e=>e.hidden}" tabindex="${e=>e.hidden?"-1":"0"}"><div class="multi-view" part="multi-view"><slot></slot></div></template>`,Sc=$c.compose({name:`${Rr.prefix}-multi-view`,template:Cc,styles:kc,shadowOptions:{mode:Rr.shadowRootMode}});class Ic extends Ai{}const Bc=Fi`
|
|
75
|
+
${n("flex")}
|
|
76
|
+
:host{position:relative;display:flex;justify-content:center;align-items:center;align-items:center;box-sizing:border-box;justify-content:center;text-decoration-line:none;margin:0px;min-height:${rl};min-width:${fl};outline-style:none;background-color:${A};color:${p};border:${P} solid ${z};font-size:${l};font-family:${a};font-weight:${ye};line-height:${c};transition-duration:${xe};transition-property:background,border,color;transition-timing-function:${$e};cursor:pointer}:host([aria-hidden="true"]){display:none}:host([aria-expanded="true"])::before{content:"";z-index:3;position:absolute;inset-inline-start:0;height:${rl};width:3px;background:${ue}}:host(:focus-visible)::after{content:"";position:absolute;inset:0px;cursor:pointer;border-radius:${Ie};outline:none;box-shadow:inset 0 0 0 1px ${r}}`.withBehaviors(Xe(Fi`
|
|
77
|
+
:host(:focus-visible)::after{border:1px solid Highlight !important;box-shadow:inset 0 0 0 1px Highlight !important}`));const Ec=Di`<template slot="controller" role="tab"><slot></slot></template>`,Lc=Ic.compose({name:`${Rr.prefix}-multi-view-controller`,template:Ec,styles:Bc});var Mc=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Rc extends Ai{constructor(){super(...arguments),this.multiViews=[],this.controllers=[],this.openedMultiViews=[],this.previouslyOpenedMultiView=null,this.activeid="",this.prevActiveControllerIndex=0,this.activeControllerIndex=0,this.controllerIds=[],this.multiViewsIds=[],this.openMultiView=e=>{e.hidden&&(this.closeAllMultiViews(),e.hidden=!1,this.manageOpenedMultiViews(e))},this.manageOpenedMultiViews=e=>{this.addMultiViewToOpenedMultiViews(e),this.openedMultiViews.length>=2&&this.limitNumberOfOpenMultiViews(),zi.enqueue(()=>e.focus()),this.setComponent()},this.manageOpeningSecondMultiView=e=>{e.setAttribute("data-flexposition","2"),this.openedMultiViews.length>=2&&this.limitNumberOfOpenMultiViews();const t=this.multiViews[this.activeControllerIndex];t.hidden&&(this.addMultiViewToOpenedMultiViews(t),this.previouslyOpenedMultiView&&this.previouslyOpenedMultiView.removeAttribute("data-flexposition"),t.setAttribute("data-flexposition","2"))},this.openSecondMultiView=e=>{e.hidden&&(this.manageOpeningSecondMultiView(e),e.hidden=!1,zi.enqueue(()=>e.focus()),this.previouslyOpenedMultiView=e)},this.closeMultiView=e=>{e.hidden||(this.manageClosedMultiViews(e),e.hidden=!0,this.change())},this.manageClosedMultiViews=e=>{e.hasAttribute("data-flexposition")&&e.removeAttribute("data-flexposition"),this.openedMultiViews=this.openedMultiViews.filter(t=>t!==e);const t=this.multiViews.indexOf(e),o=this.controllers[t];o instanceof HTMLElement&&(this.activeController&&this.activeController!==o&&(this.activeController.tabIndex=-1),this.prevActiveControllerIndex=this.activeControllerIndex,this.activeControllerIndex=t,o.tabIndex=0,o.focus(),this.activeController=o),this.removeMultiViewFromOpenedMultiViews(e)},this.closeAllMultiViews=()=>{this.openedMultiViews.forEach(e=>{const t=e;this.closeMultiView(t)})},this.toggleMultiView=e=>{e.hidden?this.openMultiView(e):this.closeMultiView(e),this.change()},this.removeMultiViewFromOpenedMultiViews=e=>{const t=this.openedMultiViews.indexOf(e);t>-1&&this.openedMultiViews.splice(t,1)},this.addMultiViewToOpenedMultiViews=e=>{this.openedMultiViews.includes(e)||(this.openedMultiViews=[...this.openedMultiViews,e])},this.change=()=>{this.$emit("change",this.openedMultiViews)},this.isDisabledElement=e=>"true"===e.getAttribute("aria-disabled"),this.isHiddenElement=e=>"true"===e.getAttribute("aria-hidden"),this.isFocusableElement=e=>!this.isDisabledElement(e)&&!this.isHiddenElement(e)&&null!==e.offsetParent,this.setMultiViews=()=>{this.multiViews.forEach((e,t)=>{if(e instanceof $c){const o=this.controllerIds[t],n=this.multiViewsIds[t];this.setAttributes(e,{id:n,"aria-labelledby":o}),e.hidden?this.removeMultiViewFromOpenedMultiViews(e):this.addMultiViewToOpenedMultiViews(e)}})},this.focusFirstController=()=>{this.activeControllerIndex=0,this.activeController=this.controllers[this.activeControllerIndex],this.activeController.tabIndex=0,this.activeController.focus()},this.makeControllerUnfocusable=()=>{this.activeController=void 0,this.controllers.forEach(e=>{e.tabIndex=-1})},this.handleControllerClick=e=>{const t=e.currentTarget;if(1!==t.nodeType||!this.isFocusableElement(t))return;this.prevActiveControllerIndex=this.activeControllerIndex,this.activeControllerIndex=this.controllers.indexOf(t);const o=this.multiViews[this.activeControllerIndex];e.ctrlKey?this.openSecondMultiView(o):this.toggleMultiView(o)},this.handleControllerKeyDown=e=>{const t=this.multiViews[this.activeControllerIndex],o=e.currentTarget;switch(e.key){case Ui:e.preventDefault(),this.adjustBackward();break;case or:e.preventDefault(),this.makeControllerUnfocusable(),this.controllersContainer.focus();break;case qi:e.preventDefault(),this.adjustForward();break;case er:e.preventDefault(),this.adjust(-this.activeControllerIndex);break;case Zi:e.preventDefault(),this.adjust(this.controllers.length-this.activeControllerIndex-1);break;case Qi:case tr:e.ctrlKey?(e.preventDefault(),this.openSecondMultiView(t)):(e.preventDefault(),this.toggleMultiView(t));break;case Ji:e.preventDefault(),o.blur()}},this.handleMultiViewKeyDown=e=>{const t=e.currentTarget;if(e.key===Ji)e.preventDefault(),this.closeMultiView(t)},this.handleToggleButtonContainerKeyDown=e=>{if(e.key===Qi)e.preventDefault(),e.target===this.controllersContainer&&this.focusFirstController()},this.adjustForward=()=>{const e=this.controllers;let t=0;for(t=this.activeController?e.indexOf(this.activeController)+1:1,t===e.length&&(t=0);t<e.length&&e.length>1;){if(this.isFocusableElement(e[t])){this.moveToToggleButtonByIndex(e,t);break}if(this.activeController&&t===e.indexOf(this.activeController))break;t+1>=e.length?t=0:t+=1}},this.adjustBackward=()=>{const e=this.controllers;let t=0;for(t=this.activeController?e.indexOf(this.activeController)-1:0,t=t<0?e.length-1:t;t>=0&&e.length>1;){if(this.isFocusableElement(e[t])){this.moveToToggleButtonByIndex(e,t);break}t-1<0?t=e.length-1:t-=1}},this.moveToToggleButtonByIndex=(e,t)=>{const o=e[t];this.activeController=o,this.activeController.tabIndex=0,this.prevActiveControllerIndex=this.activeControllerIndex,this.controllers[this.prevActiveControllerIndex].tabIndex=-1,this.activeControllerIndex=t,o.focus(),this.setComponent()}}connectedCallback(){super.connectedCallback(),this.initialize()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListeners()}initialize(){this.controllerIds=this.getControllerIds(),this.multiViewsIds=this.getMultiViewIds(),this.activeControllerIndex=this.getActiveIndex(),zi.enqueue(()=>this.setControllers()),zi.enqueue(()=>this.setMultiViews()),zi.enqueue(()=>this.addEventListeners())}limitNumberOfOpenMultiViews(){const e=this.openedMultiViews.shift();e&&(e.removeAttribute("data-flexposition"),e.hidden=!0)}activeidChanged(e,t){this.$fastController.isConnected&&this.controllers.length<=this.multiViews.length&&(this.prevActiveControllerIndex=this.controllers.findIndex(t=>t.id===e),this.activeControllerIndex=this.controllers.findIndex(e=>e.id===t),this.controllers[this.activeControllerIndex].tabIndex=0,this.controllers[this.prevActiveControllerIndex].tabIndex=-1,this.setControllers(),this.setMultiViews())}controllersChanged(){this.isValidMultiViewState()&&(this.controllerIds=this.getControllerIds(),this.multiViewsIds=this.getMultiViewIds(),this.setControllers(),this.setMultiViews())}multiViewsChanged(){this.isValidMultiViewState()&&(this.controllerIds=this.getControllerIds(),this.multiViewsIds=this.getMultiViewIds(),this.setControllers(),this.setMultiViews())}openedMultiViewsChanged(){this.controllers.forEach((e,t)=>{const o=this.multiViews[t];this.openedMultiViews.includes(o)?(e.setAttribute("aria-expanded","true"),e.setAttribute("aria-selected","true")):(e.setAttribute("aria-expanded","false"),e.setAttribute("aria-selected","false"))})}isValidMultiViewState(){return this.$fastController.isConnected&&this.controllers.length<=this.multiViews.length}getActiveIndex(){if(void 0!==this.activeid){let e=this.controllerIds.indexOf(this.activeid);for(;-1!==e;){const t=document.getElementById(this.controllerIds[e]);if(t&&"true"!==t.getAttribute("aria-hidden"))return e;e=this.controllerIds.indexOf(this.activeid,e+1)}}for(let e=0;e<this.controllerIds.length;e++){const t=document.getElementById(this.controllerIds[e]);if(t&&"true"!==t.getAttribute("aria-hidden"))return e}return 0}setControllers(){this.activeController=this.controllers[this.activeControllerIndex],this.controllers.forEach((e,t)=>{if(!(e instanceof HTMLElement))return;const o=this.activeControllerIndex===t&&this.isFocusableElement(e),n=this.controllerIds[t],i=this.multiViewsIds[t];this.setAttributes(e,{id:n,"aria-controls":i}),o&&(this.activeController=e,this.activeid=n)})}getControllerIds(){return this.controllers.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`controller-${rr()}`})}getMultiViewIds(){return this.multiViews.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`multiView-${rr()}`})}setComponent(){this.activeControllerIndex!==this.prevActiveControllerIndex&&(this.activeid=this.controllerIds[this.activeControllerIndex],this.change())}handleControllerBlur(e){e.currentTarget.tabIndex=-1}adjust(e){const t=this.controllers.filter(e=>!this.isDisabledElement(e));if(this.activeController){const o=t.indexOf(this.activeController),n=function(e,t,o){return Math.min(Math.max(o,e),t)}(0,t.length-1,o+e),i=this.controllers.indexOf(t[n]);i>-1&&this.moveToToggleButtonByIndex(this.controllers,i)}}setAttributes(e,t){Object.entries(t).forEach(([t,o])=>{e.setAttribute(t,o)})}addEventListeners(){this.controllersContainer&&this.controllersContainer.addEventListener("keydown",this.handleToggleButtonContainerKeyDown),this.controllers.forEach(e=>{e.addEventListener("click",this.handleControllerClick),e.addEventListener("keydown",this.handleControllerKeyDown),e.addEventListener("blur",this.handleControllerBlur)}),this.multiViews.forEach(e=>{e.addEventListener("keydown",e=>this.handleMultiViewKeyDown(e))})}removeEventListeners(){this.controllers.forEach(e=>{e.removeEventListener("click",this.handleControllerClick),e.removeEventListener("keydown",this.handleControllerKeyDown),e.removeEventListener("blur",this.handleControllerBlur)}),this.multiViews.forEach(e=>{e.removeEventListener("keydown",e=>this.handleMultiViewKeyDown(e))})}}Mc([Oi],Rc.prototype,"multiViews",void 0),Mc([Oi],Rc.prototype,"controllers",void 0),Mc([Oi],Rc.prototype,"controllersContainer",void 0),Mc([Oi],Rc.prototype,"openedMultiViews",void 0);const Ac=Fi`
|
|
78
|
+
${n("flex")}
|
|
79
|
+
:host{flex-direction:column;position:absolute;z-index:10;inset-inline-end:0;top:0;height:100%}.root{display:flex;flex-direction:row;height:100%}.views{display:flex}.controllers{display:flex;flex-direction:column;background:var(--colorNeutralBackground1);position:relative}.controllers:focus-visible::after{content:"";position:absolute;inset:1px;border-color:${R};outline:${M} solid ${R};box-shadow:${E},0 0 0 2px ${r}}`;const Pc=Di`<template><div class="root"><div class="views" part="views"><slot name="multi-view" ${Ti("multiViews")}></slot></div><div class="controllers" part="controllers" role="tablist" aria-label="${e=>e.ariaLabel}" tabindex="${e=>e.hidden?"-1":"0"}" ${Hi("controllersContainer")}><slot name="controller" ${Ti("controllers")}></slot></div></div></template>`,Oc=Rc.compose({name:`${Rr.prefix}-multi-view-group`,template:Pc,styles:Ac,shadowOptions:{mode:Rr.shadowRootMode}}),zc={right:"right",left:"left"},Nc="auto",Tc="flip",Dc="none",Fc={top:"top",right:"right",bottom:"bottom",left:"left"};class Hc{constructor(e){var t,o,n,i;this.origin=e.origin,this.overlay=e.overlay,this.positions=e.positions,this.boundaryElement=null!==(t=e.boundaryElement)&&void 0!==t?t:null,this.offsetParent=null!==(o=e.offsetParent)&&void 0!==o?o:null,this.viewportMargin=null!==(n=e.viewportMargin)&&void 0!==n?n:0,this.resize=null!==(i=e.resize)&&void 0!==i&&i,this.resizeMinHeight=e.resizeMinHeight}getBoundary(){return function(e,t=0){var o,n,i,r,s,a,l,d;return"number"==typeof t?{top:e.top+t,left:e.left+t,bottom:e.bottom-t,right:e.right-t,width:e.width?e.width-2*t:void 0,height:e.height?e.height-2*t:void 0}:{top:e.top+(null!==(o=t.top)&&void 0!==o?o:0),left:e.left+(null!==(n=t.left)&&void 0!==n?n:0),bottom:e.bottom-(null!==(i=t.bottom)&&void 0!==i?i:0),right:e.right-(null!==(r=t.right)&&void 0!==r?r:0),width:e.width?e.width-(null!==(s=t.left)&&void 0!==s?s:0)-(null!==(a=t.right)&&void 0!==a?a:0):void 0,height:e.height?e.height-(null!==(l=t.top)&&void 0!==l?l:0)-(null!==(d=t.bottom)&&void 0!==d?d:0):void 0}}(this.boundaryElement?function(e){const t=e.getBoundingClientRect();return{top:t.top,left:t.left,bottom:t.bottom,right:t.right,width:t.width,height:t.height}}(this.boundaryElement):{top:0,left:0,bottom:window.innerHeight,right:window.innerWidth,width:window.innerWidth,height:window.innerHeight},this.viewportMargin)}getCandidates(){return[...this.positions]}evaluatePosition(e){const t=this.origin.getBoundingClientRect(),o=this.overlay.getBoundingClientRect(),n=this.getBoundary(),i=function(e,t){let o,n;return o="center"===t.originX?e.left+e.width/2:"start"===t.originX?e.left:e.right,n="center"===t.originY?e.top+e.height/2:"top"===t.originY?e.top:e.bottom,{x:o,y:n}}(t,e),r=function(e,t,o){var n,i;let r,s;r="center"===o.overlayX?-t.width/2:"start"===o.overlayX?0:-t.width,s="center"===o.overlayY?-t.height/2:"top"===o.overlayY?0:-t.height;const a=null!==(n=o.offsetX)&&void 0!==n?n:0,l=null!==(i=o.offsetY)&&void 0!==i?i:0;return{x:e.x+r+a,y:e.y+s+l}}(i,o,e),s=function(e,t,o){const n=e.x+t.width,i=e.y+t.height,r=e.x>=o.left,s=n<=o.right,a=e.y>=o.top,l=i<=o.bottom,d=r&&s,c=a&&l,h=d&&c;let u=t.width,p=t.height;return r?s||(u=Math.max(0,o.right-e.x)):u=Math.max(0,n-o.left),a?l||(p=Math.max(0,o.bottom-e.y)):p=Math.max(0,i-o.top),{isCompletelyWithinViewport:h,fitsInViewportHorizontally:d,fitsInViewportVertically:c,visibleArea:u*p}}(r,o,n);return{position:e,originPoint:i,overlayPoint:r,fit:s}}selectBestPosition(){const e=this.getCandidates();let t=this.evaluatePosition(e[0]),o=t.fit.visibleArea;if(t.fit.isCompletelyWithinViewport)return t;for(let n=1;n<e.length;n++){const i=this.evaluatePosition(e[n]);if(i.fit.isCompletelyWithinViewport)return i;i.fit.visibleArea>o&&(t=i,o=i.fit.visibleArea)}if(this.resize&&e.length>1){let o=this.getAvailableSpace(e[0]),n=e[0];for(let t=1;t<e.length;t++){const i=this.getAvailableSpace(e[t]);i>o&&(o=i,n=e[t])}if(n!==t.position)return this.evaluatePosition(n)}return t}applyPositionResult(e){!function(e,t,o,n){const i="bottom"===o.overlayY,r="end"===o.overlayX,s=null==n?void 0:n.getBoundingClientRect(),a=i||r?e.getBoundingClientRect():null;if(r&&a){const o=(s?s.right:window.innerWidth)-(t.x+a.width);e.style.right=`${Math.round(o)}px`,e.style.left="auto"}else{const o=s?t.x-s.left:t.x;e.style.left=`${Math.round(o)}px`,e.style.right="auto"}if(i&&a){const o=(s?s.bottom:window.innerHeight)-(t.y+a.height);e.style.bottom=`${Math.round(o)}px`,e.style.top="auto"}else{const o=s?t.y-s.top:t.y;e.style.top=`${Math.round(o)}px`,e.style.bottom="auto"}}(this.overlay,e.overlayPoint,e.position,this.offsetParent)}getAvailableSpace(e){var t;const o=this.origin.getBoundingClientRect(),n=this.getBoundary();return"bottom"===e.overlayY&&"top"===e.originY?Math.max(0,o.top-n.top):"top"===e.overlayY&&"bottom"===e.originY?Math.max(0,n.bottom-o.bottom):"end"===e.overlayX&&"start"===e.originX?Math.max(0,o.left-n.left):"start"===e.overlayX&&"end"===e.originX?Math.max(0,n.right-o.right):Math.max(0,(null!==(t=n.height)&&void 0!==t?t:n.bottom-n.top)||0)}tryResize(e){if(!this.resize)return{resized:!1,maxHeight:null};const t=this.overlay.getBoundingClientRect().height,o=this.getAvailableSpace(e);return t<=o||void 0!==this.resizeMinHeight&&o<this.resizeMinHeight?{resized:!1,maxHeight:null}:(this.overlay.style.maxHeight=`${o}px`,this.overlay.style.overflow="auto",{resized:!0,maxHeight:o})}reposition(){if(0===this.getCandidates().length&&!this.resize)return null;this.clearResize();let e=this.selectBestPosition(),t=!1,o=null;return this.resize&&(({resized:t,maxHeight:o}=this.tryResize(e.position)),t&&(e=this.evaluatePosition(e.position))),this.applyPositionResult(e),{resized:t,maxHeight:o,positionResult:e}}clearResize(){this.resize&&(this.overlay.style.maxHeight="",this.overlay.style.overflow="")}}const Vc={aboveEnd:"above-end",aboveCenter:"above-center",aboveStart:"above-start",endBottom:"end-bottom",endMiddle:"end-middle",endTop:"end-top",belowEnd:"below-end",belowCenter:"below-center",belowStart:"below-start",startBottom:"start-bottom",startTop:"start-top",startMiddle:"start-middle"},_c=Vc,jc=Object.values(Vc),Xc={auto:Nc,flip:Tc,none:Dc},Wc={hide:"hide-popover",show:"show-popover",toggle:"toggle-popover",mouseEnter:"mouse-enter-popover",mouseLeave:"mouse-leave-popover"},Kc={[_c.aboveStart]:_c.belowStart,[_c.aboveCenter]:_c.belowCenter,[_c.aboveEnd]:_c.belowEnd,[_c.belowStart]:_c.aboveStart,[_c.belowCenter]:_c.aboveCenter,[_c.belowEnd]:_c.aboveEnd,[_c.startTop]:_c.endTop,[_c.startMiddle]:_c.endMiddle,[_c.startBottom]:_c.endBottom,[_c.endTop]:_c.startTop,[_c.endMiddle]:_c.startMiddle,[_c.endBottom]:_c.startBottom};function qc(e){switch(e){case _c.aboveStart:return{originX:"start",originY:"top",overlayX:"start",overlayY:"bottom"};case _c.aboveCenter:return{originX:"center",originY:"top",overlayX:"center",overlayY:"bottom"};case _c.aboveEnd:return{originX:"end",originY:"top",overlayX:"end",overlayY:"bottom"};case _c.belowStart:return{originX:"start",originY:"bottom",overlayX:"start",overlayY:"top"};case _c.belowCenter:return{originX:"center",originY:"bottom",overlayX:"center",overlayY:"top"};case _c.belowEnd:return{originX:"end",originY:"bottom",overlayX:"end",overlayY:"top"};case _c.startTop:return{originX:"start",originY:"top",overlayX:"end",overlayY:"top"};case _c.startMiddle:return{originX:"start",originY:"center",overlayX:"end",overlayY:"center"};case _c.startBottom:return{originX:"start",originY:"bottom",overlayX:"end",overlayY:"bottom"};case _c.endTop:return{originX:"end",originY:"top",overlayX:"start",overlayY:"top"};case _c.endMiddle:return{originX:"end",originY:"center",overlayX:"start",overlayY:"center"};case _c.endBottom:return{originX:"end",originY:"bottom",overlayX:"start",overlayY:"bottom"};default:return{originX:"start",originY:"bottom",overlayX:"start",overlayY:"top"}}}class Gc{set repositionMode(e){this._repositionMode=e}get repositionMode(){return this._repositionMode}set position(e){this._position=e}get position(){return this._position}constructor(e){var t,o;this.positionStrategy=null,this.rootMargin=15,this._position=_c.aboveEnd,this._repositionMode=e.repositionMode,this.popoverReference=e.popoverReference,this.anchorReference=e.anchorReference,this.hasBeak=null!==(t=e.hasBeak)&&void 0!==t&&t,this.overflowBoundaryReference=null!==(o=e.overflowBoundaryReference)&&void 0!==o?o:null}toConnectedPosition(e){let t=qc(e);var o,n;return this.hasBeak&&(t=(o=[t],n=8,o.map(e=>{var t,o;let i=null!==(t=e.offsetX)&&void 0!==t?t:0,r=null!==(o=e.offsetY)&&void 0!==o?o:0;return e.originY!==e.overlayY&&"center"!==e.originY&&"center"!==e.overlayY&&(r+="bottom"===e.originY?n:-n),e.originX!==e.overlayX&&"center"!==e.originX&&"center"!==e.overlayX&&(i+="end"===e.originX?n:-n),{...e,offsetX:i,offsetY:r}}))[0]),t}buildPositionCandidates(){const e=this._position;let t;return t=this._repositionMode===Xc.flip?[Kc[e]]:this._repositionMode===Xc.auto?jc.filter(t=>t!==e):[],[this.toConnectedPosition(e),...t.map(e=>this.toConnectedPosition(e))]}createPositionStrategy(){var e;if(!this.popoverReference||!this.anchorReference)return null;const t=null!==(e=this.popoverReference.parentElement)&&void 0!==e?e:null;return new Hc({origin:this.anchorReference,overlay:this.popoverReference,positions:this.buildPositionCandidates(),boundaryElement:this.overflowBoundaryReference,offsetParent:t,viewportMargin:this.rootMargin})}reposition(){if(this.positionStrategy=null,this.positionStrategy=this.createPositionStrategy(),!this.positionStrategy)return null;const e=this.positionStrategy.reposition();if(!e)return null;const t=function(e){const{originX:t,originY:o,overlayX:n,overlayY:i}=e;for(const e of jc){const r=qc(e);if(r.originX===t&&r.originY===o&&r.overlayX===n&&r.overlayY===i)return e}return null}(e.positionResult.position);return t&&(this._position=t),e}}var Yc=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Uc extends Ai{constructor(){super(...arguments),this.positioning=null,this.beak=!1,this.nonClickable=!1,this.size="medium",this.mode="manual",this.position=_c.belowCenter,this.refsLoaded=!1,this.refsLoadedChanged=()=>{this.addTransitionStyles()},this.transitionDuration=100,this.transitionDelay=0,this.transitionComplete=!0,this.onTransitionEnd=()=>{this.transitionComplete||(this.transitionComplete=!0)},this.onTransitionStart=()=>{this.transitionComplete&&(this.transitionComplete=!1)},this.repositionMode=Xc.flip,this.open=!1,this.hidePopover=()=>{this.open=!1,this.emitHideEvent()},this.showPopover=()=>{this.open=!0,this.emitShowEvent()},this.togglePopover=()=>(this.open=!this.open,this.emitToggleEvent(),this.open),this.emitHideEvent=()=>{var e;null===(e=this.popoverReference)||void 0===e||e.dispatchEvent(new CustomEvent(Wc.hide,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"closed"}}))},this.emitShowEvent=()=>{var e;null===(e=this.popoverReference)||void 0===e||e.dispatchEvent(new CustomEvent(Wc.show,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"open"}}))},this.emitMouseEnterEvent=()=>{this.dispatchEvent(new CustomEvent(Wc.mouseEnter,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"open"}}))},this.emitMouseLeaveEvent=()=>{this.dispatchEvent(new CustomEvent(Wc.mouseLeave,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"closed"}}))},this.addMouseOverEventListeners=()=>{var e,t,o,n;null===(e=this.popoverReference)||void 0===e||e.addEventListener("transitionstart",this.onTransitionStart),null===(t=this.popoverReference)||void 0===t||t.addEventListener("transitionend",this.onTransitionEnd),null===(o=this.popoverReference)||void 0===o||o.addEventListener("mouseenter",this.emitMouseEnterEvent),null===(n=this.popoverReference)||void 0===n||n.addEventListener("mouseleave",this.emitMouseLeaveEvent)},this.removeMouseOverEventListeners=()=>{var e,t,o,n;null===(e=this.popoverReference)||void 0===e||e.removeEventListener("transitionstart",this.onTransitionStart),null===(t=this.popoverReference)||void 0===t||t.removeEventListener("transitionend",this.onTransitionEnd),null===(o=this.popoverReference)||void 0===o||o.removeEventListener("mouseenter",this.emitMouseEnterEvent),null===(n=this.popoverReference)||void 0===n||n.removeEventListener("mouseleave",this.emitMouseLeaveEvent)},this.handleWindowChanges=Nd(()=>{var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".popover");t&&this.removeTransitionStyles(),this.observePopoverOverflow(),setTimeout(()=>{t&&this.addTransitionStyles()},1e3)},50),this.handleWindowClick=e=>{const t=e.composedPath();this.anchorReferences&&this.anchorReferences[0]&&t.includes(this.anchorReferences[0])||this.open&&this.hidePopover()}}nonClickableChanged(){this.processAnchorEventListeners()}positionChanged(){this.positioning&&(this.positioning.position=this.position),this.open&&this.observePopoverOverflow()}anchorReferencesChanged(){this.initializeTargetId(),this.processAnchorEventListeners(),this.checkAllLoaded(),this.observePopoverOverflow()}checkAllLoaded(){this.popoverReference&&this.anchorReferences&&this.anchorReferences.length>0&&void 0!==this.transitionDuration&&void 0!==this.transitionDelay&&(this.refsLoaded=!0)}transitionDurationChanged(){this.addTransitionStyles()}transitionDelayChanged(){this.addTransitionStyles()}addTransitionStyles(){var e;if(void 0!==this.transitionDelay&&void 0!==this.transitionDuration){const t=Fi`
|
|
80
|
+
:host{--popoverTransition:${this.transitionDuration.toString()}ms;--popoverTransitionDelay:${this.transitionDelay.toString()}ms}`;t.styles[0]!==(null===(e=this.styles)||void 0===e?void 0:e.styles[0])&&(this.styles=t,this.$fastController.addStyles(this.styles))}}removeTransitionStyles(){this.styles=Fi`
|
|
81
|
+
:host{--popoverTransition:0ms;--popoverTransitionDelay:0ms}`,this.$fastController.addStyles(this.styles)}repositionModeChanged(){this.positioning&&(this.positioning.repositionMode=this.repositionMode)}openChanged(){var e;this.popoverReference&&(this.open?(this.addActiveHandlers(),this.observePopoverOverflow(),this.popoverReference.classList.add("popover-open")):(null===(e=this.popoverReference)||void 0===e||e.classList.remove("popover-open"),this.removeEventListeners()))}addActiveHandlers(){this.addRepositioningHandlers(),this.addOverlayEventListeners(),this.addMouseOverEventListeners(),this.createPositioningManager()}popoverReferenceChanged(){this.checkAllLoaded(),this.observePopoverOverflow()}initializeTargetId(){if(!this.targetId){const e=rr("popover-target-");this.targetId=e}this.anchorReferences&&this.anchorReferences.length>0&&this.anchorReferences[0].setAttribute("aria-describedby",this.targetId)}overflowBoundaryChanged(){this.addOverflowBoundaryEventListeners()}emitToggleEvent(){var e;null===(e=this.popoverReference)||void 0===e||e.dispatchEvent(new CustomEvent(Wc.toggle,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:this.open?"open":"closed"}}))}processAnchorEventListeners(){this.anchorReferences&&this.anchorReferences.length&&(!1===this.nonClickable?this.anchorReferences[0].addEventListener("click",this.togglePopover):this.anchorReferences[0].removeEventListener("click",this.togglePopover))}addOverflowBoundaryEventListeners(){this.overflowBoundary&&this.overflowBoundary.addEventListener("scroll",this.handleWindowChanges)}addWindowEventListeners(){window.addEventListener("resize",this.handleWindowChanges),window.addEventListener("scroll",this.handleWindowChanges)}removeWindowEventListeners(){window.removeEventListener("resize",this.handleWindowChanges),window.removeEventListener("scroll",this.handleWindowChanges)}addOverlayEventListeners(){this.overflowBoundary&&"auto"===this.mode?this.overflowBoundary.addEventListener("click",this.handleWindowClick):"auto"===this.mode&&document.addEventListener("click",this.handleWindowClick)}removeOverlayEventListeners(){this.overflowBoundary&&"auto"===this.mode?this.overflowBoundary.removeEventListener("click",this.handleWindowClick):"auto"===this.mode&&document.removeEventListener("click",this.handleWindowClick)}checkOverflow(){if(!this.positioning||!this.popoverReference)return;this.positioning.position=this.position;this.positioning.reposition()&&(this.popoverReference.dataset.position=this.positioning.position)}addRepositioningHandlers(){"none"!==this.repositionMode&&this.addWindowEventListeners()}createPositioningManager(){var e;this.popoverReference&&(this.positioning=null,this.positioning=new Gc({repositionMode:this.repositionMode,popoverReference:this.popoverReference,anchorReference:null===(e=this.anchorReferences)||void 0===e?void 0:e[0],overflowBoundaryReference:this.overflowBoundary,hasBeak:this.beak}))}removeEventListeners(){this.popoverReference&&(this.removeWindowEventListeners(),this.removeOverlayEventListeners(),this.removeMouseOverEventListeners())}observePopoverOverflow(){zi.enqueue(()=>{this.checkOverflow()})}connectedCallback(){var e;super.connectedCallback(),this.open&&(null===(e=this.popoverReference)||void 0===e||e.classList.add("popover-open"))}}Yc([Pi({mode:"boolean"})],Uc.prototype,"beak",void 0),Yc([Pi({mode:"boolean",attribute:"non-clickable"})],Uc.prototype,"nonClickable",void 0),Yc([Pi],Uc.prototype,"size",void 0),Yc([Pi],Uc.prototype,"mode",void 0),Yc([Pi],Uc.prototype,"position",void 0),Yc([Pi({attribute:"target-id"})],Uc.prototype,"targetId",void 0),Yc([Oi],Uc.prototype,"anchorReferences",void 0),Yc([Oi],Uc.prototype,"refsLoaded",void 0),Yc([Pi({attribute:"transition-duration",converter:Xi})],Uc.prototype,"transitionDuration",void 0),Yc([Pi({attribute:"transition-delay",converter:Xi})],Uc.prototype,"transitionDelay",void 0),Yc([Pi({attribute:"reposition-mode"})],Uc.prototype,"repositionMode",void 0),Yc([Pi({mode:"boolean"})],Uc.prototype,"open",void 0),Yc([Oi],Uc.prototype,"popoverReference",void 0),Yc([Oi],Uc.prototype,"popoverRole",void 0),Yc([Oi],Uc.prototype,"overflowBoundary",void 0);const Zc=Fi`
|
|
82
|
+
${n("block")}
|
|
83
|
+
|
|
84
|
+
.popover-container{position:relative;width:fit-content}.popover{font-family:${a};background-color:${A};border-radius:${i};border:1px solid ${T};box-shadow:${D};visibility:hidden;opacity:0;z-index:0;position:absolute;margin:0;min-width:50px;min-height:68px;max-width:var(--popoverMaxWidth,260px);width:max-content;height:max-content;padding:${t};transition-property:opacity,visibility;transition-duration:var(--popoverTransition,0ms);transition-delay:var(--popoverTransitionDelay,0ms)}.popover.popover-open{visibility:visible;display:block;opacity:1;z-index:1000}:host([size="small"]) .popover{padding:${te};max-width:var(--popoverMaxWidth,214px)}:host([size="large"]) .popover{padding:${e};max-width:var(--popoverMaxWidth,317px)}.beak{position:absolute;top:0;width:0;height:0;border-inline-start:8px solid transparent;border-inline-end:8px solid transparent;border-bottom:8px solid ${A};z-index:1}:host([beak]) .beak-shadow::after{content:"";position:absolute;width:0;height:0;border-inline-start:8px solid transparent;border-inline-end:9px solid transparent;border-bottom:8px solid rgba(0,0,0,0.14);filter:blur(8px);z-index:0;opacity:0;transition:all var(--popoverTransition,0ms);transition-delay:var(--popoverTransitionDelay,0ms)}:host([open][beak]) .beak-shadow:after{opacity:1}:host([beak]) .popover[data-position="above-start"] ~ .beak-shadow:after{start:calc(
|
|
85
|
+
16px + var(--beakShadowHorizontalNudge,0px)
|
|
86
|
+
);top:calc(
|
|
87
|
+
-8px + var(--beakShadowVerticalNudge,0px)
|
|
88
|
+
);transform:rotate(180deg)}:host([beak]) .popover[data-position="above-start"] .beak{start:16px;top:100%;transform:rotate(180deg)}:host([beak]) .popover[data-position="above-center"] ~ .beak-shadow:after{inset-inline-start:calc(50% - 8px + var(--beakShadowHorizontalNudge,0px));top:calc(-8px + var(--beakShadowVerticalNudge,0px));transform:rotate(180deg)}:host([beak]) .popover[data-position="above-center"] .beak{inset-inline-start:calc(50% - 8px);top:100%;transform:rotate(180deg)}:host([beak]) .popover[data-position="above-end"] ~ .beak-shadow:after{inset-inline-end:calc(
|
|
89
|
+
${t} + var(--beakShadowHorizontalNudge,0px)
|
|
90
|
+
);top:calc(-8px + var(--beakShadowVerticalNudge,0px));transform:rotate(180deg)}:host([beak]) .popover[data-position="above-end"] .beak{inset-inline-end:${t};top:100%;transform:rotate(180deg)}:host([beak]) .popover[data-position="end-top"] ~ .beak-shadow:after{inset-inline-start:calc(
|
|
91
|
+
100% - 1px + var(--beakShadowHorizontalNudge,0px)
|
|
92
|
+
);top:calc(18px + var(--beakShadowVerticalNudge,0px));transform:rotate(270deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([beak]) .popover[data-position="end-top"] .beak{inset-inline-start:-12px;top:${We};transform:rotate(270deg)}:host([beak]) .popover[data-position="end-middle"] ~ .beak-shadow:after{inset-inline-start:calc(
|
|
93
|
+
100% - 1px + var(--beakShadowHorizontalNudge,0px)
|
|
94
|
+
);top:calc(50% - 2px + var(--beakShadowVerticalNudge,0px));transform:rotate(270deg);border-bottom:8px solid rgba(0,0,0,0.11);filter:blur(2px)}:host([beak]) .popover[data-position="end-middle"] .beak{inset-inline-start:-12px;top:calc(50% - 4px);transform:rotate(270deg)}:host([beak]) .popover[data-position="end-bottom"] ~ .beak-shadow:after{inset-inline-start:calc(
|
|
95
|
+
100% - 1px + var(--beakShadowHorizontalNudge,0px)
|
|
96
|
+
);top:unset;bottom:calc(18px + var(--beakShadowVerticalNudge,0px));transform:rotate(270deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([beak]) .popover[data-position="end-bottom"] .beak{inset-inline-start:-12px;top:unset;bottom:${We};transform:rotate(270deg)}:host([beak]) .popover[data-position="below-start"] ~ .beak-shadow:after{inset-inline-start:calc(
|
|
97
|
+
${t} + var(--beakShadowHorizontalNudge,0px)
|
|
98
|
+
);top:unset;bottom:-12px;transform:rotate(0deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([beak]) .popover[data-position="below-start"] .beak{inset-inline-start:${t};top:-8px;transform:rotate(0deg)}:host([beak]) .popover[data-position="below-center"] ~ .beak-shadow:after{inset-inline-start:calc(50% - 8px + var(--beakShadowHorizontalNudge,0px));top:unset;bottom:-8px;transform:rotate(0deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([beak]) .popover[data-position="below-center"] .beak{inset-inline-start:calc(50% - 8px);top:-8px;transform:rotate(0deg)}:host([beak]) .popover[data-position="below-end"] ~ .beak-shadow:after{inset-inline-end:calc(
|
|
99
|
+
${t} + var(--beakShadowHorizontalNudge,0px)
|
|
100
|
+
);top:unset;bottom:-12px;transform:rotate(0deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([beak]) .popover[data-position="below-end"] .beak{inset-inline-end:${t};top:-8px;transform:rotate(0deg)}:host([beak]) .popover[data-position="start-top"] ~ .beak-shadow:after{inset-inline-start:calc(
|
|
101
|
+
-15px + var(--beakShadowHorizontalNudge,0px)
|
|
102
|
+
);top:calc(
|
|
103
|
+
18px + var(--beakShadowVerticalNudge,0px)
|
|
104
|
+
);transform:rotate(90deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([beak]) .popover[data-position="start-top"] .beak{inset-inline-end:-12px;top:${We};transform:rotate(90deg)}:host([beak]) .popover[data-position="start-middle"] ~ .beak-shadow:after{inset-inline-start:calc(
|
|
105
|
+
-15px + var(--beakShadowHorizontalNudge,0px)
|
|
106
|
+
);top:calc(50% - 2px + var(--beakShadowVerticalNudge,0px));transform:rotate(90deg);border-bottom:8px solid rgba(0,0,0,0.11);filter:blur(2px)}:host([beak]) .popover[data-position="start-middle"] .beak{inset-inline-end:-12px;top:calc(50% - 4px);transform:rotate(90deg)}:host([beak]) .popover[data-position="start-bottom"] ~ .beak-shadow:after{inset-inline-start:calc(
|
|
107
|
+
-15px + var(--beakShadowHorizontalNudge,0px)
|
|
108
|
+
);top:unset;bottom:calc(18px + var(--beakShadowVerticalNudge,0px));transform:rotate(90deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([beak]) .popover[data-position="start-bottom"] .beak{inset-inline-end:-12px;top:unset;bottom:${We};transform:rotate(90deg)}`;const Qc=Di`<slot name="start"></slot><div class="popover-container" role="dialog"><slot name="popover-trigger" ${Ti("anchorReferences")}></slot><div role="${e=>e.popoverRole}" aria-label="${e=>e.ariaLabel}" class="popover" part="popover" id="${e=>e.targetId}" ${Hi("popoverReference")}><slot name="popover-content" part="popover-content"></slot>${Wi(e=>e.beak,Di`<div part="beak" class="beak"></div>`)}</div>${Wi(e=>e.beak,Di`<div part="beak-shadow" class="beak-shadow"></div>`)}</div><slot name="end"></slot>`,Jc=Uc.compose({name:`${Rr.prefix}-popover`,template:Qc,styles:Zc,shadowOptions:{mode:Rr.shadowRootMode}}),eh=["base","embed","form","frame","iframe","link","meta","object","script","style"],th=["data","formaction","onclick","onerror","onload","onmouseover","src"];class oh{static sanitize(e){if(!this.isWellFormedSVG(e))return"";try{const t=this.parser.parseFromString(e,"image/svg+xml");return this.removeBlockedElementsAndAttributes(t,eh,th),(new XMLSerializer).serializeToString(t)}catch(e){return console.error("SVG parsing error",e),""}}static isWellFormedSVG(e){try{const t=this.parser.parseFromString(e,"image/svg+xml").documentElement;return t&&"svg"===t.tagName.toLowerCase()}catch(e){return console.error("Error while validating SVG:",e),!1}}static removeBlockedElementsAndAttributes(e,t,o){e.querySelectorAll("*").forEach(e=>{var n;const i=e.tagName.toLowerCase();t.includes(i)?(console.warn(`Custom SVG Sanitizer: Found and removed blocked tag: <${i}>`),null===(n=e.parentNode)||void 0===n||n.removeChild(e)):e.getAttributeNames().forEach(t=>{(o.includes(t.toLowerCase())||/^on[a-z]+/.test(t.toLowerCase()))&&(console.warn(`Custom SVG Sanitizer: Found and removed blocked attribute: ${t} from <${e.tagName.toLowerCase()}>`),e.removeAttribute(t))})})}}oh.parser=new DOMParser,oh.sanitize.bind(oh);class nh{static async loadIconOrSprite(e,t){try{const o=await this.fetchAndCacheSVG(e);return o.includes("<symbol")?this.getIconFromSprite(o,t):o}catch(t){throw console.error(`Failed to load SVG from path ${e}:`,t),t}}static async fetchAndCacheSVG(e){if(!this.cache.has(e))try{const t=fetch(e).then(e=>{if(!e.ok)throw new Error(`Network error: ${e.status} ${e.statusText}`);return e.text()}).then(e=>{if(!/<svg[\s\S]+<\/svg>/.test(e))throw new Error("Invalid SVG format");return oh.sanitize(e)});return this.cache.set(e,t),await t}catch(t){throw console.error(`Failed to fetch and cache SVG from path ${e}:`,t),t}return await this.cache.get(e)}static getIconFromSprite(e,t){const o=this.parser.parseFromString(e,"image/svg+xml"),n=o.querySelector(`symbol[id="${t}"]`);if(!n)return console.error(`Icon with ID ${t} not found in sprite.`),"";const i="http://www.w3.org/2000/svg",r=o.createElementNS(i,"svg");return e.includes(`xmlns="${i}"`)||r.setAttribute("xmlns",i),r.setAttribute("viewBox",n.getAttribute("viewBox")||""),Array.from(n.childNodes).forEach(e=>{r.appendChild(e.cloneNode(!0))}),ih(r),r.outerHTML}static async getPreparedSVG(e,t){try{const o=await this.loadIconOrSprite(e,t),n=this.parseSVG(o),i=n.querySelector("symbol");return i?this.getSVGDetailsFromSymbol(i):this.getSVGDetailsFromSVGElement(n)}catch(t){throw console.error(`Failed to prepare SVG from path ${e}:`,t),t}}static parseSVG(e){return this.parser.parseFromString(e,"image/svg+xml")}static getSVGDetailsFromSymbol(e){const t=e.getAttribute("viewBox"),o=(new DOMParser).parseFromString("<svg></svg>","image/svg+xml").createElementNS("http://www.w3.org/2000/svg","svg");for(o.setAttribute("viewBox",t||"");e.firstChild;)o.appendChild(e.firstChild.cloneNode(!0));ih(o);const n=e.getAttribute("width")||void 0,i=e.getAttribute("height")||void 0;return{content:o.outerHTML,width:n,height:i}}static getSVGDetailsFromSVGElement(e){const t=e.querySelector("svg");let o,n;return t&&(o=t.getAttribute("width")||void 0,n=t.getAttribute("height")||void 0),{content:(null==t?void 0:t.outerHTML)||"",width:o,height:n}}}function ih(e){e.querySelectorAll("*").forEach(e=>{e.hasAttribute("xmlns")&&e.removeAttribute("xmlns")})}nh.cache=new Map,nh.parser=new DOMParser;var rh=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class sh extends Ai{constructor(){super(...arguments),this.isLoading=!0,this.isError=!1,this.ariaHidden="true",this.focusable="false",this.renderResolver=()=>{},this.renderPromise=new Promise(e=>{this.renderResolver=e})}nameChanged(){this.checkAndResolveRenderPromise()}sizeChanged(){this.checkAndResolveRenderPromise()}pathChanged(){this.checkAndResolveRenderPromise()}get role(){return this.getAttribute("role")}set role(e){null==e?this.removeAttribute("role"):this.setAttribute("role",e)}connectedCallback(){super.connectedCallback(),this.renderPromise.then(()=>this.renderIcon())}checkAndResolveRenderPromise(){this.renderResolver&&this.path&&(!this.name||this.name&&""!==this.name)&&(this.renderResolver(),this.renderResolver=()=>{})}renderIcon(){this.isLoading=!0,nh.getPreparedSVG(this.path,this.name).then(({content:e,width:t,height:o})=>{this.isLoading=!1,this.shadowRoot.innerHTML=e,this.updateComputedStylesheet(t,o);const n=this.shadowRoot.querySelector("svg");n&&this.updateSvgAttributes(n)}).catch(e=>{this.isLoading=!1,this.isError=!0,console.error(`Failed to load icon: ${this.path}`,e),this.renderErrorIcon()})}renderErrorIcon(){const t=document.createElementNS("http://www.w3.org/2000/svg","svg");t.style.width=`var(--icon-width, ${e})`,t.style.height=`var(--icon-height, ${e})`,t.setAttribute("viewBox","0 0 20 20"),t.setAttribute("aria-hidden","false"),t.setAttribute("alt","broken image");const o=document.createElementNS("http://www.w3.org/2000/svg","line");o.setAttribute("x1","0"),o.setAttribute("y1","0"),o.setAttribute("x2","20"),o.setAttribute("y2","20"),o.setAttribute("stroke","var(--colorPaletteRedForeground1)"),o.setAttribute("stroke-width","var(--strokeWidthThick)");const n=document.createElementNS("http://www.w3.org/2000/svg","line");n.setAttribute("x1","20"),n.setAttribute("y1","0"),n.setAttribute("x2","0"),n.setAttribute("y2","20"),n.setAttribute("stroke","var(--colorPaletteRedForeground1)"),n.setAttribute("stroke-width","var(--strokeWidthThick)"),t.appendChild(o),t.appendChild(n),this.shadowRoot.innerHTML="",this.shadowRoot.appendChild(t)}updateComputedStylesheet(e,t){this.size?["12","16","20","24","28","32","48"].includes(this.size)&&(this.computedStylesheet=Fi`
|
|
109
|
+
:host{--icon-height:${this.size}px;--icon-width:${this.size}px}`):e&&t&&(this.computedStylesheet=Fi`
|
|
110
|
+
:host{--icon-height:${t}px;--icon-width:${e}px}`),this.computedStylesheet&&this.$fastController.addStyles(this.computedStylesheet)}updateSvgAttributes(e){var t,o;if(void 0!==this.name){if(e.setAttribute("name",this.name),!this.size&&this.name.includes("_")){const e=this.name.split("_").find(e=>/^\d+$/.test(e));e&&(this.size=e)}}else e.removeAttribute("name");let n;if(this.size){const e=null===(t=this.size.split("_")[0].match(/\d+/))||void 0===t?void 0:t[0];e&&["12","16","20","24","28","32","48"].includes(e)?n=e:console.warn(`Invalid size "${this.size}" for SVG icon "${this.name}". Falling back to the default size token.`)}if(!n){const e=null===(o=getComputedStyle(this).getPropertyValue("--icon-width").trim().match(/\d+(?:\.\d+)?/))||void 0===o?void 0:o[0];e&&(n=e)}n&&(e.setAttribute("width",n),e.setAttribute("height",n)),this.ariaLabel?e.setAttribute("aria-label",this.ariaLabel):e.removeAttribute("aria-label"),e.setAttribute("aria-hidden",this.ariaHidden),e.setAttribute("focusable",this.focusable||"false"),this.role&&""!==this.role.trim()?e.setAttribute("role",this.role):e.removeAttribute("role")}}rh([Pi],sh.prototype,"name",void 0),rh([Pi],sh.prototype,"size",void 0),rh([Pi],sh.prototype,"path",void 0),rh([Pi({attribute:"aria-hidden"})],sh.prototype,"ariaHidden",void 0),rh([Pi],sh.prototype,"focusable",void 0);const ah=Fi`
|
|
111
|
+
${n("inline-flex")}
|
|
112
|
+
|
|
113
|
+
:host,:host svg{height:var(--icon-height,${ml});width:var(--icon-width,${ml})}:host svg:not([role="img"]){fill:currentcolor}`,lh=Di`<template></template>`,dh=sh.compose({name:`${Rr.prefix}-svg-icon`,template:lh,styles:ah,shadowOptions:{mode:Rr.shadowRootMode}});dh.define(Rr.registry);class ch extends Ai{connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}}const hh={small:"small",medium:"medium",large:"large"},uh=Fi`
|
|
114
|
+
${n("table-cell")}
|
|
115
|
+
|
|
116
|
+
:host{vertical-align:inherit;unicode-bidi:isolate}.cell-content{display:flex;align-items:center}::slotted([slot="before"]){margin-inline-end:${s}}`;const ph=Di`<template class="table-cell" part="table-cell"><div part="cell-content" class="cell-content" role="cell"><slot name="before"></slot><slot></slot><slot name="after"></slot></div></template>`,mh=ch.compose({name:`${Rr.prefix}-table-cell`,template:ph,styles:uh,shadowOptions:{mode:Rr.shadowRootMode}});var gh=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class fh extends Ai{constructor(){super(...arguments),this.tableHeadRef=null,this.tableBodyRef=null,this.rows=[],this.columns=[],this.tableRendered=!1,this.sortDirection="ascending",this.activeColumnKey="",this.sortAnnouncer=null}sortableChanged(){this.sortable&&this.renderTableHead()}rowsChanged(){this.rows&&this.rows.length>0&&this.renderTableRows()}columnsChanged(){this.columns&&this.columns.length>0&&this.renderTableHead()}renderTable(){this.renderTableHead(),this.renderTableRows()}tableRenderedChanged(){this.tableRendered&&this.$emit("tableRendered",this),this.tableRendered=!1}toggleSortDirection(){this.sortDirection="ascending"===this.sortDirection?"descending":"ascending"}sortRows(e){this.rows.sort((t,o)=>{var n,i,r,s,a,l,d,c,h,u,p,m;return"descending"===e?(null!==(r=null===(i=null===(n=t[this.activeColumnKey])||void 0===n?void 0:n.label)||void 0===i?void 0:i[0])&&void 0!==r?r:"")<(null!==(l=null===(a=null===(s=o[this.activeColumnKey])||void 0===s?void 0:s.label)||void 0===a?void 0:a[0])&&void 0!==l?l:"")?1:-1:(null!==(h=null===(c=null===(d=t[this.activeColumnKey])||void 0===d?void 0:d.label)||void 0===c?void 0:c[0])&&void 0!==h?h:"")>(null!==(m=null===(p=null===(u=o[this.activeColumnKey])||void 0===u?void 0:u.label)||void 0===p?void 0:p[0])&&void 0!==m?m:"")?1:-1})}initializeSortAnnouncer(){const e=document.createElement("div");e.style.cssText="\n position: absolute;\n top: 0;\n left: 0;\n width: 0;\n height: 0;\n overflow: hidden;\n pointer-events: none;\n ",this.sortAnnouncer=document.createElement("div"),this.sortAnnouncer.setAttribute("aria-live","assertive"),this.sortAnnouncer.setAttribute("aria-atomic","true"),this.sortAnnouncer.setAttribute("role","status"),this.sortAnnouncer.setAttribute("class","visually-hidden"),e.appendChild(this.sortAnnouncer),this.shadowRoot?this.shadowRoot.insertBefore(e,this.shadowRoot.firstChild):this.insertBefore(e,this.firstChild)}announceSortChange(e,t){this.sortAnnouncer&&(this.sortAnnouncer.textContent="",this.sortAnnouncer.offsetWidth,setTimeout(()=>{if(this.sortAnnouncer){const o=`Table sorted by ${e} in ${t} order`;this.sortAnnouncer.textContent=o}},50))}sortByColumn(e,t){this.activeColumnKey=t;const o=this.columns.find(e=>e.columnKey===t);o&&this.announceSortChange(o.label,this.sortDirection),this.sortRows(this.sortDirection),this.renderTableHead(),this.renderTableRows(),this.$emit("sortChanged",{direction:this.sortDirection,columnKey:t})}createSVGIcon(e){return(new DOMParser).parseFromString(e,"image/svg+xml").documentElement}renderSortableColumn(e,t){if(t.setAttribute("role","columnheader"),t.setAttribute("aria-sort",this.activeColumnKey===e.columnKey?this.sortDirection:"none"),this.sortable){const o=document.createElement("button");if(o.type="button",o.className="table-sort-button",o.textContent=e.label,this.activeColumnKey===e.columnKey){const e="ascending"===this.sortDirection?'<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8.99792 4.70981L6.35355 7.35418C6.15829 7.54944 5.84171 7.54944 5.64645 7.35418C5.45118 7.15891 5.45118 6.84233 5.64645 6.64707L9.11477 3.17874C9.20649 3.06947 9.3441 3 9.49792 3L9.49959 3C9.57828 2.99998 9.65697 3.01841 9.72861 3.05531C9.77374 3.07847 9.81608 3.10895 9.85387 3.14675L9.86386 3.15701L13.3539 6.64709C13.5492 6.84235 13.5492 7.15893 13.3539 7.3542C13.1587 7.54946 12.8421 7.54946 12.6468 7.3542L9.99792 4.7053V16.5C9.99792 16.7761 9.77407 17 9.49792 17C9.22178 17 8.99792 16.7761 8.99792 16.5V4.70981Z" fill="#242424"/>\n</svg>\n':'<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M10.0025 15.2902L12.6468 12.6458C12.8421 12.4506 13.1587 12.4506 13.3539 12.6458C13.5492 12.8411 13.5492 13.1577 13.3539 13.3529L9.8856 16.8213C9.79388 16.9305 9.65628 17 9.50245 17L9.50079 17C9.4221 17 9.34341 16.9816 9.27177 16.9447C9.22664 16.9215 9.1843 16.891 9.1465 16.8533L9.13652 16.843L5.64645 13.3529C5.45118 13.1577 5.45118 12.8411 5.64645 12.6458C5.84171 12.4505 6.15829 12.4505 6.35355 12.6458L9.00245 15.2947L9.00245 3.5C9.00245 3.22386 9.22631 3 9.50245 3C9.77859 3 10.0025 3.22386 10.0025 3.5L10.0025 15.2902Z" fill="#242424"/>\n</svg>\n',t=this.createSVGIcon(e);o.appendChild(t)}o.addEventListener("click",t=>{this.activeColumnKey!==e.columnKey?this.sortDirection="ascending":this.toggleSortDirection(),this.sortByColumn(t,e.columnKey)}),t.innerHTML="",t.appendChild(o)}else t.textContent=e.label}addHeaderCellEventHandlers(e,t){e.addEventListener("focus",()=>{e.setAttribute("data-table-cell-focus","true")}),e.addEventListener("blur",()=>{e.setAttribute("data-table-cell-focus","false")}),e.addEventListener("click",e=>{this.toggleSortDirection(),this.sortByColumn(e,t.columnKey)}),e.addEventListener("keydown",e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.toggleSortDirection(),this.sortByColumn(e,t.columnKey))})}renderTableHead(){if(this.tableHeadRef&&this.columns){const e=document.createDocumentFragment();this.columns.forEach(t=>{const o=document.createElement("th");this.renderSortableColumn(t,o),e.appendChild(o)}),this.tableHeadRef.innerHTML="",this.tableHeadRef.appendChild(e)}}async appendContent(e){"string"==typeof e.content?e.dest.innerHTML+=e.content:(e.content instanceof HTMLElement||e.content instanceof SVGElement)&&e.dest.appendChild(e.content)}async renderCustomContent(e){var t,o;if(e.column.render&&e.column.render.length>0)for(const[n,i]of e.column.render.entries()){const r=await i(null===(o=null===(t=e.row[e.column.columnKey])||void 0===t?void 0:t.renderData)||void 0===o?void 0:o[n]);await this.appendContent({content:r,dest:e.cell})}}async renderTextContent(e){const t=document.createElement("span");t.textContent=e.row[e.column.columnKey].label,await this.appendContent({dest:e.cell,content:t})}async renderRow(e){const t=document.createElement("fabric-table-cell");await this.renderCustomContent({column:e.column,cell:t,row:e.row}),await this.renderTextContent({column:e.column,cell:t,row:e.row}),e.dest.appendChild(t)}async renderTableRows(){var e;if(this.tableBodyRef&&this.rows){const t=document.createDocumentFragment();for(const e of this.rows){const o=document.createElement("tr");o.setAttribute("role","row");for(const t of this.columns)await this.renderRow({column:t,row:e,dest:o});t.appendChild(o)}this.tableBodyRef.innerHTML="",null===(e=this.tableBodyRef)||void 0===e||e.appendChild(t)}}connectedCallback(){super.connectedCallback(),this.initializeSortAnnouncer(),mh.define(customElements)}disconnectedCallback(){super.disconnectedCallback(),this.sortAnnouncer&&(this.sortAnnouncer.remove(),this.sortAnnouncer=null)}}gh([Oi],fh.prototype,"tableHeadRef",void 0),gh([Oi],fh.prototype,"tableBodyRef",void 0),gh([Oi],fh.prototype,"rows",void 0),gh([Oi],fh.prototype,"columns",void 0),gh([Pi({mode:"boolean"})],fh.prototype,"sortable",void 0),gh([Oi],fh.prototype,"tableRendered",void 0),gh([Pi({attribute:"sort-direction"})],fh.prototype,"sortDirection",void 0),gh([Oi],fh.prototype,"activeColumnKey",void 0);const bh={ascending:"ascending",descending:"descending"},vh=Fi`
|
|
117
|
+
${n("table")}
|
|
118
|
+
|
|
119
|
+
table{border-collapse:collapse;min-width:510px;table-layout:fixed;display:table;width:100%;font-size:${l};line-height:${c}}.table-sort-button{all:unset;align-items:center;cursor:pointer;font:inherit;color:inherit;outline-style:none;min-height:${rl};box-sizing:content-box;display:flex;justify-content:space-between;align-items:center;color:${p};font-weight:${d};text-align:start}tr{display:table-row;box-sizing:border-box;color:${p};border-bottom:${P} solid ${Ae}}tbody tr:hover{color:${ke};background-color:${W}}th{color:${p};text-align:start;font-weight:${d};vertical-align:middle;padding:0px ${s};border-collapse:collapse}th div{outline-style:none;min-height:32px;box-sizing:content-box;display:flex;align-items:center}th[data-table-cell-focus="true"]{outline:-webkit-focus-ring-color auto 1px}:host([sortable]) th:hover{cursor:pointer;background-color:${g}}td,fabric-table-cell{height:44px;padding:0px ${s};vertical-align:middle;color:${p}}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}`;const wh=Di`<slot name="start"></slot><table part="table" role="table" aria-label="${e=>e.sortable?"table with sort":"table"}" ?sortable="${e=>e.sortable}"><thead role="rowgroup"><tr ${Hi("tableHeadRef")} role="row"><slot name="table-head-row"></slot></tr></thead><tbody ${Hi("tableBodyRef")} role="rowgroup"><slot name="table-body"></slot></tbody></table><slot name="end"></slot>`,yh=fh.compose({name:`${Rr.prefix}-table`,template:wh,styles:vh,shadowOptions:{mode:Rr.shadowRootMode}});class xh extends Ai{connectedCallback(){super.connectedCallback(),this.applyTableClass()}applyTableClass(){const e=this.querySelector(":scope > table");e?e.classList.add("microsoft-fabric-ux-fabric-simple-table"):console.warn("fabric-simple-table: No direct child <table> element found. This component requires a <table> as a direct child.")}}const $h=Fi`
|
|
120
|
+
fabric-simple-table{display:block;font-family:${a}}.microsoft-fabric-ux-fabric-simple-table{border-collapse:collapse;width:100%;font-size:${l};line-height:${c}}.microsoft-fabric-ux-fabric-simple-table tr{box-sizing:border-box;color:${p}}.microsoft-fabric-ux-fabric-simple-table tbody tr{border-block-end:${P} solid ${Ae}}.microsoft-fabric-ux-fabric-simple-table th{color:${p};text-align:start;font-weight:${ye};vertical-align:middle;padding-block:${ie};padding-inline:${s}}.microsoft-fabric-ux-fabric-simple-table td{padding-block:${ie};padding-inline:${s};vertical-align:middle;color:${p}}`.withBehaviors(ec(Fi`
|
|
121
|
+
.microsoft-fabric-ux-fabric-simple-table{color:CanvasText;background-color:Canvas}.microsoft-fabric-ux-fabric-simple-table tr{border-color:CanvasText}.microsoft-fabric-ux-fabric-simple-table th{color:CanvasText;border-color:CanvasText}.microsoft-fabric-ux-fabric-simple-table td{color:CanvasText}`)),kh=xh.compose({name:`${Rr.prefix}-simple-table`,styles:$h,shadowOptions:null}),Ch={extraSmall:"extraSmall",small:"small",medium:"medium"},Sh={caption1:"caption1",body1:"body1"},Ih={rounded:"rounded",circular:"circular"},Bh={filled:"filled",outline:"outline",brand:"brand"},Eh={dismiss:"dismiss"};var Lh=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Mh extends Ai{constructor(){super(...arguments),this.dismissButton=!1,this.disabled=!1,this.size="medium",this.shape="rounded",this.appearance="filled",this.textPrimarySlotted=[],this.textSecondarySlotted=[],this.textSizePrimary="body1",this.leadingIconSlotted=[]}dismissButtonRefChanged(){this.attachEventListeners()}sizeChanged(){this.handleTextSize()}textPrimarySlottedChanged(){var e;this.textPrimarySlotted.length>0&&(this.textPrimaryContent=`Dismiss button for ${(null===(e=this.textPrimarySlotted[0])||void 0===e?void 0:e.textContent)||"untitled"} tag`)}textSecondarySlottedChanged(){this.handleTextSize()}handleTextSize(){var e;switch(this.size){case"extraSmall":case"small":this.textSizePrimary="caption1";break;default:(null===(e=this.textSecondarySlotted)||void 0===e?void 0:e.length)>0?this.textSizePrimary="caption1":this.textSizePrimary="body1"}}compensateSVGSize(){var e;let t,o;"small"===this.size?(t=16,o=16):"extraSmall"===this.size?(t=12,o=12):(t=20,o=20);const n=null===(e=this.leadingIconSlotted[0])||void 0===e?void 0:e.querySelector("svg");null==n||n.setAttribute("height",o.toString()),null==n||n.setAttribute("width",t.toString())}leadingIconSlottedChanged(){this.leadingIconSlotted.length>0?(this.classList.add("hasLeadingIcon"),this.compensateSVGSize()):this.classList.remove("hasLeadingIcon")}emitDismissEvent(){this.emitDismiss()}attachEventListeners(){var e;null===(e=this.events)||void 0===e||e.abort(),this.events=new AbortController;const{signal:t}=this.events;this.dismissButtonRef&&this.dismissButtonRef.addEventListener("click",this.emitDismissEvent.bind(this),{signal:t})}emitDismiss(){this.dispatchEvent(new CustomEvent(Eh.dismiss,{bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),customElements.get("fluent-button")||Ke.define(customElements),this.attachEventListeners()}disconnectedCallback(){var e;null===(e=this.events)||void 0===e||e.abort(),this.events=void 0,super.disconnectedCallback()}}Lh([Oi],Mh.prototype,"dismissButtonRef",void 0),Lh([Pi({mode:"boolean",attribute:"dismiss-button"})],Mh.prototype,"dismissButton",void 0),Lh([Pi({mode:"boolean"})],Mh.prototype,"disabled",void 0),Lh([Pi],Mh.prototype,"size",void 0),Lh([Pi],Mh.prototype,"shape",void 0),Lh([Pi],Mh.prototype,"appearance",void 0),Lh([Oi],Mh.prototype,"textPrimaryContent",void 0),Lh([Oi],Mh.prototype,"textPrimarySlotted",void 0),Lh([Oi],Mh.prototype,"textSecondarySlotted",void 0),Lh([Oi],Mh.prototype,"textSizePrimary",void 0),Lh([Oi],Mh.prototype,"leadingIconSlotted",void 0);const Rh=Fi`
|
|
122
|
+
${n("block")}
|
|
123
|
+
.caption1{${qe}}.caption2{${Ge}}.body1{${Ye}}:host{height:${rl};width:fit-content;display:inline-flex;align-items:center;background-color:${Ue};color:${Oe};border-radius:${i};border:none}:host([size="extraSmall"]){height:${nl}}:host([size="small"]){height:${il}}:host([shape="circular"]){border-radius:${Le}}:host([appearance="outline"]){border:${P} solid ${z};background-color:unset}:host([appearance="brand"]){background-color:${L};color:${Ze}}:host([appearance="brand"]) fluent-button.dismissButton{color:${Ze}}:host([disabled]){color:${w}}:host([disabled]) ::slotted(*){color:${w}}fluent-button.dismissButton{min-width:unset;padding:${Qe};min-height:unset;margin-inline-start:${Qe};margin-inline-end:${B}}:host([disabled]) fluent-button.dismissButton{color:${w}}:host([size="extraSmall"]) fluent-button.dismissButton{width:${ul}}:host([size="extraSmall"]) fluent-button.dismissButton svg{height:${tl}}:host([size="small"]) fluent-button.dismissButton{width:${pl}}:host([size="small"]) fluent-button.dismissButton svg{height:${ol}}.container{display:flex;align-items:center}.content{display:flex;flex-direction:row;align-items:center}.textContent{display:flex;flex-direction:column;padding:0 ${I};padding-bottom:${o};margin:${o} ${s}}:host(.hasLeadingIcon) .textContent{margin-inline-start:${u}}:host([dismissButton]) .textContent{margin-inline-end:${u}}::slotted([slot="leadingIcon"]){margin-inline-end:${Qe};margin-inline-start:${s};display:flex;align-items:center}:host([size="small"]) ::slotted([slot="leadingIcon"]),:host([size="extraSmall"]) ::slotted([slot="leadingIcon"]){margin-inline-start:${B}}::slotted([slot="image"]){margin:${I};margin-inline-end:${Qe};display:flex;align-items:center;height:calc(${Je} + ${et})}:host([size="small"]) ::slotted([slot="image"]){height:${nl}}:host([size="extraSmall"]) ::slotted([slot="image"]){height:${ol}}:host([appearance="brand"]) ::slotted([slot="image"]){background-color:${Ze};color:${A}}:host([disabled][appearance="brand"]) ::slotted([slot="image"]){background-color:${w};color:${Q}}`,Ah=Di`<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.58859 4.21569L4.64645 4.14645C4.82001 3.97288 5.08944 3.9536 5.28431 4.08859L5.35355 4.14645L10.5 9.293L15.6464 4.14645C15.82 3.97288 16.0894 3.9536 16.2843 4.08859L16.3536 4.14645C16.5271 4.32001 16.5464 4.58944 16.4114 4.78431L16.3536 4.85355L11.207 10L16.3536 15.1464C16.5271 15.32 16.5464 15.5894 16.4114 15.7843L16.3536 15.8536C16.18 16.0271 15.9106 16.0464 15.7157 15.9114L15.6464 15.8536L10.5 10.707L5.35355 15.8536C5.17999 16.0271 4.91056 16.0464 4.71569 15.9114L4.64645 15.8536C4.47288 15.68 4.4536 15.4106 4.58859 15.2157L4.64645 15.1464L9.793 10L4.64645 4.85355C4.47288 4.67999 4.4536 4.41056 4.58859 4.21569L4.64645 4.14645L4.58859 4.21569Z" fill="currentColor" /></svg>`;const Ph=Di`<template><div class="container" part="container" aria-disabled=${e=>e.disabled}><slot name="image" class="image" part="image"></slot><div class="content" part="content"><slot name="leadingIcon" ${Ti("leadingIconSlotted")}></slot><div class="textContent" part="textContent"><slot name="text" class="textPrimary ${e=>e.textSizePrimary}" ${Ti("textPrimarySlotted")}></slot><slot name="textSecondary" class="textSecondary caption2" ${Ti("textSecondarySlotted")}></slot><slot></slot></div>${Wi(e=>e.dismissButton,Di`<fluent-button class="dismissButton" part="dismissButton" ${Hi("dismissButtonRef")} appearance="subtle" ?disabled=${e=>e.disabled} aria-label="${e=>e.textPrimaryContent}"><slot name="dismissIcon">${Ah}</slot></fluent-button>`)}</div></div></template>`,Oh=Mh.compose({name:`${Rr.prefix}-tag`,template:Ph,styles:Rh,shadowOptions:{mode:Rr.shadowRootMode}}),zh=["start","end"],Nh=["top","right","bottom","left"].reduce((e,t)=>e.concat(t,t+"-"+zh[0],t+"-"+zh[1]),[]),Th=Math.min,Dh=Math.max,Fh=Math.round,Hh=Math.floor,Vh=e=>({x:e,y:e}),_h={left:"right",right:"left",bottom:"top",top:"bottom"},jh={start:"end",end:"start"};function Xh(e,t,o){return Dh(e,Th(t,o))}function Wh(e,t){return"function"==typeof e?e(t):e}function Kh(e){return e.split("-")[0]}function qh(e){return e.split("-")[1]}function Gh(e){return"y"===e?"height":"width"}const Yh=new Set(["top","bottom"]);function Uh(e){return Yh.has(Kh(e))?"y":"x"}function Zh(e){return"x"===Uh(e)?"y":"x"}function Qh(e){return e.replace(/left|right|bottom|top/g,e=>_h[e])}function Jh(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}function eu(e){const{x:t,y:o,width:n,height:i}=e;return{width:n,height:i,top:o,left:t,right:t+n,bottom:o+i,x:t,y:o}}function tu(e,t,o){let{reference:n,floating:i}=e;const r=Uh(t),s=Zh(t),a=Gh(s),l=Kh(t),d="y"===r,c=n.x+n.width/2-i.width/2,h=n.y+n.height/2-i.height/2,u=n[a]/2-i[a]/2;let p;switch(l){case"top":p={x:c,y:n.y-i.height};break;case"bottom":p={x:c,y:n.y+n.height};break;case"right":p={x:n.x+n.width,y:h};break;case"left":p={x:n.x-i.width,y:h};break;default:p={x:n.x,y:n.y}}switch(qh(t)){case"start":p[s]-=u*(o&&d?-1:1);break;case"end":p[s]+=u*(o&&d?-1:1)}return p}async function ou(e,t){var o;void 0===t&&(t={});const{x:n,y:i,platform:r,rects:s,elements:a,strategy:l}=e,{boundary:d="clippingAncestors",rootBoundary:c="viewport",elementContext:h="floating",altBoundary:u=!1,padding:p=0}=Wh(t,e),m=Jh(p),g=a[u?"floating"===h?"reference":"floating":h],f=eu(await r.getClippingRect({element:null==(o=await(null==r.isElement?void 0:r.isElement(g)))||o?g:g.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(a.floating)),boundary:d,rootBoundary:c,strategy:l})),b="floating"===h?{x:n,y:i,width:s.floating.width,height:s.floating.height}:s.reference,v=await(null==r.getOffsetParent?void 0:r.getOffsetParent(a.floating)),w=await(null==r.isElement?void 0:r.isElement(v))&&await(null==r.getScale?void 0:r.getScale(v))||{x:1,y:1},y=eu(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:b,offsetParent:v,strategy:l}):b);return{top:(f.top-y.top+m.top)/w.y,bottom:(y.bottom-f.bottom+m.bottom)/w.y,left:(f.left-y.left+m.left)/w.x,right:(y.right-f.right+m.right)/w.x}}function nu(e,t,o){return(e?[...o.filter(t=>qh(t)===e),...o.filter(t=>qh(t)!==e)]:o.filter(e=>Kh(e)===e)).filter(o=>!e||(qh(o)===e||!!t&&function(e){return e.replace(/start|end/g,e=>jh[e])}(o)!==o))}const iu=new Set(["left","top"]);function ru(){return"undefined"!=typeof window}function su(e){return du(e)?(e.nodeName||"").toLowerCase():"#document"}function au(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function lu(e){var t;return null==(t=(du(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function du(e){return!!ru()&&(e instanceof Node||e instanceof au(e).Node)}function cu(e){return!!ru()&&(e instanceof Element||e instanceof au(e).Element)}function hu(e){return!!ru()&&(e instanceof HTMLElement||e instanceof au(e).HTMLElement)}function uu(e){return!(!ru()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof au(e).ShadowRoot)}const pu=new Set(["inline","contents"]);function mu(e){const{overflow:t,overflowX:o,overflowY:n,display:i}=Iu(e);return/auto|scroll|overlay|hidden|clip/.test(t+n+o)&&!pu.has(i)}const gu=new Set(["table","td","th"]);function fu(e){return gu.has(su(e))}const bu=[":popover-open",":modal"];function vu(e){return bu.some(t=>{try{return e.matches(t)}catch(e){return!1}})}const wu=["transform","translate","scale","rotate","perspective"],yu=["transform","translate","scale","rotate","perspective","filter"],xu=["paint","layout","strict","content"];function $u(e){const t=ku(),o=cu(e)?Iu(e):e;return wu.some(e=>!!o[e]&&"none"!==o[e])||!!o.containerType&&"normal"!==o.containerType||!t&&!!o.backdropFilter&&"none"!==o.backdropFilter||!t&&!!o.filter&&"none"!==o.filter||yu.some(e=>(o.willChange||"").includes(e))||xu.some(e=>(o.contain||"").includes(e))}function ku(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const Cu=new Set(["html","body","#document"]);function Su(e){return Cu.has(su(e))}function Iu(e){return au(e).getComputedStyle(e)}function Bu(e){return cu(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function Eu(e){if("html"===su(e))return e;const t=e.assignedSlot||e.parentNode||uu(e)&&e.host||lu(e);return uu(t)?t.host:t}function Lu(e){const t=Eu(e);return Su(t)?e.ownerDocument?e.ownerDocument.body:e.body:hu(t)&&mu(t)?t:Lu(t)}function Mu(e,t,o){var n;void 0===t&&(t=[]),void 0===o&&(o=!0);const i=Lu(e),r=i===(null==(n=e.ownerDocument)?void 0:n.body),s=au(i);if(r){const e=Ru(s);return t.concat(s,s.visualViewport||[],mu(i)?i:[],e&&o?Mu(e):[])}return t.concat(i,Mu(i,[],o))}function Ru(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function Au(e){const t=Iu(e);let o=parseFloat(t.width)||0,n=parseFloat(t.height)||0;const i=hu(e),r=i?e.offsetWidth:o,s=i?e.offsetHeight:n,a=Fh(o)!==r||Fh(n)!==s;return a&&(o=r,n=s),{width:o,height:n,$:a}}function Pu(e){return cu(e)?e:e.contextElement}function Ou(e){const t=Pu(e);if(!hu(t))return Vh(1);const o=t.getBoundingClientRect(),{width:n,height:i,$:r}=Au(t);let s=(r?Fh(o.width):o.width)/n,a=(r?Fh(o.height):o.height)/i;return s&&Number.isFinite(s)||(s=1),a&&Number.isFinite(a)||(a=1),{x:s,y:a}}const zu=Vh(0);function Nu(e){const t=au(e);return ku()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:zu}function Tu(e,t,o,n){void 0===t&&(t=!1),void 0===o&&(o=!1);const i=e.getBoundingClientRect(),r=Pu(e);let s=Vh(1);t&&(n?cu(n)&&(s=Ou(n)):s=Ou(e));const a=function(e,t,o){return void 0===t&&(t=!1),!(!o||t&&o!==au(e))&&t}(r,o,n)?Nu(r):Vh(0);let l=(i.left+a.x)/s.x,d=(i.top+a.y)/s.y,c=i.width/s.x,h=i.height/s.y;if(r){const e=au(r),t=n&&cu(n)?au(n):n;let o=e,i=Ru(o);for(;i&&n&&t!==o;){const e=Ou(i),t=i.getBoundingClientRect(),n=Iu(i),r=t.left+(i.clientLeft+parseFloat(n.paddingLeft))*e.x,s=t.top+(i.clientTop+parseFloat(n.paddingTop))*e.y;l*=e.x,d*=e.y,c*=e.x,h*=e.y,l+=r,d+=s,o=au(i),i=Ru(o)}}return eu({width:c,height:h,x:l,y:d})}function Du(e,t){const o=Bu(e).scrollLeft;return t?t.left+o:Tu(lu(e)).left+o}function Fu(e,t){const o=e.getBoundingClientRect();return{x:o.left+t.scrollLeft-Du(e,o),y:o.top+t.scrollTop}}const Hu=new Set(["absolute","fixed"]);function Vu(e,t,o){let n;if("viewport"===t)n=function(e,t){const o=au(e),n=lu(e),i=o.visualViewport;let r=n.clientWidth,s=n.clientHeight,a=0,l=0;if(i){r=i.width,s=i.height;const e=ku();(!e||e&&"fixed"===t)&&(a=i.offsetLeft,l=i.offsetTop)}const d=Du(n);if(d<=0){const e=n.ownerDocument,t=e.body,o=getComputedStyle(t),i="CSS1Compat"===e.compatMode&&parseFloat(o.marginLeft)+parseFloat(o.marginRight)||0,s=Math.abs(n.clientWidth-t.clientWidth-i);s<=25&&(r-=s)}else d<=25&&(r+=d);return{width:r,height:s,x:a,y:l}}(e,o);else if("document"===t)n=function(e){const t=lu(e),o=Bu(e),n=e.ownerDocument.body,i=Dh(t.scrollWidth,t.clientWidth,n.scrollWidth,n.clientWidth),r=Dh(t.scrollHeight,t.clientHeight,n.scrollHeight,n.clientHeight);let s=-o.scrollLeft+Du(e);const a=-o.scrollTop;return"rtl"===Iu(n).direction&&(s+=Dh(t.clientWidth,n.clientWidth)-i),{width:i,height:r,x:s,y:a}}(lu(e));else if(cu(t))n=function(e,t){const o=Tu(e,!0,"fixed"===t),n=o.top+e.clientTop,i=o.left+e.clientLeft,r=hu(e)?Ou(e):Vh(1);return{width:e.clientWidth*r.x,height:e.clientHeight*r.y,x:i*r.x,y:n*r.y}}(t,o);else{const o=Nu(e);n={x:t.x-o.x,y:t.y-o.y,width:t.width,height:t.height}}return eu(n)}function _u(e,t){const o=Eu(e);return!(o===t||!cu(o)||Su(o))&&("fixed"===Iu(o).position||_u(o,t))}function ju(e,t,o){const n=hu(t),i=lu(t),r="fixed"===o,s=Tu(e,!0,r,t);let a={scrollLeft:0,scrollTop:0};const l=Vh(0);function d(){l.x=Du(i)}if(n||!n&&!r)if(("body"!==su(t)||mu(i))&&(a=Bu(t)),n){const e=Tu(t,!0,r,t);l.x=e.x+t.clientLeft,l.y=e.y+t.clientTop}else i&&d();r&&!n&&i&&d();const c=!i||n||r?Vh(0):Fu(i,a);return{x:s.left+a.scrollLeft-l.x-c.x,y:s.top+a.scrollTop-l.y-c.y,width:s.width,height:s.height}}function Xu(e){return"static"===Iu(e).position}function Wu(e,t){if(!hu(e)||"fixed"===Iu(e).position)return null;if(t)return t(e);let o=e.offsetParent;return lu(e)===o&&(o=o.ownerDocument.body),o}function Ku(e,t){const o=au(e);if(vu(e))return o;if(!hu(e)){let t=Eu(e);for(;t&&!Su(t);){if(cu(t)&&!Xu(t))return t;t=Eu(t)}return o}let n=Wu(e,t);for(;n&&fu(n)&&Xu(n);)n=Wu(n,t);return n&&Su(n)&&Xu(n)&&!$u(n)?o:n||function(e){let t=Eu(e);for(;hu(t)&&!Su(t);){if($u(t))return t;if(vu(t))return null;t=Eu(t)}return null}(e)||o}const qu={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:o,offsetParent:n,strategy:i}=e;const r="fixed"===i,s=lu(n),a=!!t&&vu(t.floating);if(n===s||a&&r)return o;let l={scrollLeft:0,scrollTop:0},d=Vh(1);const c=Vh(0),h=hu(n);if((h||!h&&!r)&&(("body"!==su(n)||mu(s))&&(l=Bu(n)),hu(n))){const e=Tu(n);d=Ou(n),c.x=e.x+n.clientLeft,c.y=e.y+n.clientTop}const u=!s||h||r?Vh(0):Fu(s,l);return{width:o.width*d.x,height:o.height*d.y,x:o.x*d.x-l.scrollLeft*d.x+c.x+u.x,y:o.y*d.y-l.scrollTop*d.y+c.y+u.y}},getDocumentElement:lu,getClippingRect:function(e){let{element:t,boundary:o,rootBoundary:n,strategy:i}=e;const r=[..."clippingAncestors"===o?vu(t)?[]:function(e,t){const o=t.get(e);if(o)return o;let n=Mu(e,[],!1).filter(e=>cu(e)&&"body"!==su(e)),i=null;const r="fixed"===Iu(e).position;let s=r?Eu(e):e;for(;cu(s)&&!Su(s);){const t=Iu(s),o=$u(s);o||"fixed"!==t.position||(i=null),(r?!o&&!i:!o&&"static"===t.position&&i&&Hu.has(i.position)||mu(s)&&!o&&_u(e,s))?n=n.filter(e=>e!==s):i=t,s=Eu(s)}return t.set(e,n),n}(t,this._c):[].concat(o),n],s=r[0],a=r.reduce((e,o)=>{const n=Vu(t,o,i);return e.top=Dh(n.top,e.top),e.right=Th(n.right,e.right),e.bottom=Th(n.bottom,e.bottom),e.left=Dh(n.left,e.left),e},Vu(t,s,i));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},getOffsetParent:Ku,getElementRects:async function(e){const t=this.getOffsetParent||Ku,o=this.getDimensions,n=await o(e.floating);return{reference:ju(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:n.width,height:n.height}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){const{width:t,height:o}=Au(e);return{width:t,height:o}},getScale:Ou,isElement:cu,isRTL:function(e){return"rtl"===Iu(e).direction}};function Gu(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function Yu(e,t,o,n){void 0===n&&(n={});const{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:s="function"==typeof ResizeObserver,layoutShift:a="function"==typeof IntersectionObserver,animationFrame:l=!1}=n,d=Pu(e),c=i||r?[...d?Mu(d):[],...Mu(t)]:[];c.forEach(e=>{i&&e.addEventListener("scroll",o,{passive:!0}),r&&e.addEventListener("resize",o)});const h=d&&a?function(e,t){let o,n=null;const i=lu(e);function r(){var e;clearTimeout(o),null==(e=n)||e.disconnect(),n=null}return function s(a,l){void 0===a&&(a=!1),void 0===l&&(l=1),r();const d=e.getBoundingClientRect(),{left:c,top:h,width:u,height:p}=d;if(a||t(),!u||!p)return;const m={rootMargin:-Hh(h)+"px "+-Hh(i.clientWidth-(c+u))+"px "+-Hh(i.clientHeight-(h+p))+"px "+-Hh(c)+"px",threshold:Dh(0,Th(1,l))||1};let g=!0;function f(t){const n=t[0].intersectionRatio;if(n!==l){if(!g)return s();n?s(!1,n):o=setTimeout(()=>{s(!1,1e-7)},1e3)}1!==n||Gu(d,e.getBoundingClientRect())||s(),g=!1}try{n=new IntersectionObserver(f,{...m,root:i.ownerDocument})}catch(e){n=new IntersectionObserver(f,m)}n.observe(e)}(!0),r}(d,o):null;let u,p=-1,m=null;s&&(m=new ResizeObserver(e=>{let[n]=e;n&&n.target===d&&m&&(m.unobserve(t),cancelAnimationFrame(p),p=requestAnimationFrame(()=>{var e;null==(e=m)||e.observe(t)})),o()}),d&&!l&&m.observe(d),m.observe(t));let g=l?Tu(e):null;return l&&function t(){const n=Tu(e);g&&!Gu(g,n)&&o();g=n,u=requestAnimationFrame(t)}(),o(),()=>{var e;c.forEach(e=>{i&&e.removeEventListener("scroll",o),r&&e.removeEventListener("resize",o)}),null==h||h(),null==(e=m)||e.disconnect(),m=null,l&&cancelAnimationFrame(u)}}const Uu=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var o,n;const{x:i,y:r,placement:s,middlewareData:a}=t,l=await async function(e,t){const{placement:o,platform:n,elements:i}=e,r=await(null==n.isRTL?void 0:n.isRTL(i.floating)),s=Kh(o),a=qh(o),l="y"===Uh(o),d=iu.has(s)?-1:1,c=r&&l?-1:1,h=Wh(t,e);let{mainAxis:u,crossAxis:p,alignmentAxis:m}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return a&&"number"==typeof m&&(p="end"===a?-1*m:m),l?{x:p*c,y:u*d}:{x:u*d,y:p*c}}(t,e);return s===(null==(o=a.offset)?void 0:o.placement)&&null!=(n=a.arrow)&&n.alignmentOffset?{}:{x:i+l.x,y:r+l.y,data:{...l,placement:s}}}}},Zu=function(e){return void 0===e&&(e={}),{name:"autoPlacement",options:e,async fn(t){var o,n,i;const{rects:r,middlewareData:s,placement:a,platform:l,elements:d}=t,{crossAxis:c=!1,alignment:h,allowedPlacements:u=Nh,autoAlignment:p=!0,...m}=Wh(e,t),g=void 0!==h||u===Nh?nu(h||null,p,u):u,f=await l.detectOverflow(t,m),b=(null==(o=s.autoPlacement)?void 0:o.index)||0,v=g[b];if(null==v)return{};const w=function(e,t,o){void 0===o&&(o=!1);const n=qh(e),i=Zh(e),r=Gh(i);let s="x"===i?n===(o?"end":"start")?"right":"left":"start"===n?"bottom":"top";return t.reference[r]>t.floating[r]&&(s=Qh(s)),[s,Qh(s)]}(v,r,await(null==l.isRTL?void 0:l.isRTL(d.floating)));if(a!==v)return{reset:{placement:g[0]}};const y=[f[Kh(v)],f[w[0]],f[w[1]]],x=[...(null==(n=s.autoPlacement)?void 0:n.overflows)||[],{placement:v,overflows:y}],$=g[b+1];if($)return{data:{index:b+1,overflows:x},reset:{placement:$}};const k=x.map(e=>{const t=qh(e.placement);return[e.placement,t&&c?e.overflows.slice(0,2).reduce((e,t)=>e+t,0):e.overflows[0],e.overflows]}).sort((e,t)=>e[1]-t[1]),C=(null==(i=k.filter(e=>e[2].slice(0,qh(e[0])?2:3).every(e=>e<=0))[0])?void 0:i[0])||k[0][0];return C!==a?{data:{index:b+1,overflows:x},reset:{placement:C}}:{}}}},Qu=e=>({name:"arrow",options:e,async fn(t){const{x:o,y:n,placement:i,rects:r,platform:s,elements:a,middlewareData:l}=t,{element:d,padding:c=0}=Wh(e,t)||{};if(null==d)return{};const h=Jh(c),u={x:o,y:n},p=Zh(i),m=Gh(p),g=await s.getDimensions(d),f="y"===p,b=f?"top":"left",v=f?"bottom":"right",w=f?"clientHeight":"clientWidth",y=r.reference[m]+r.reference[p]-u[p]-r.floating[m],x=u[p]-r.reference[p],$=await(null==s.getOffsetParent?void 0:s.getOffsetParent(d));let k=$?$[w]:0;k&&await(null==s.isElement?void 0:s.isElement($))||(k=a.floating[w]||r.floating[m]);const C=y/2-x/2,S=k/2-g[m]/2-1,I=Th(h[b],S),B=Th(h[v],S),E=I,L=k-g[m]-B,M=k/2-g[m]/2+C,R=Xh(E,M,L),A=!l.arrow&&null!=qh(i)&&M!==R&&r.reference[m]/2-(M<E?I:B)-g[m]/2<0,P=A?M<E?M-E:M-L:0;return{[p]:u[p]+P,data:{[p]:R,centerOffset:M-R-P,...A&&{alignmentOffset:P}},reset:A}}}),Ju=(e,t,o)=>{const n=new Map,i={platform:qu,...o},r={...i.platform,_c:n};return(async(e,t,o)=>{const{placement:n="bottom",strategy:i="absolute",middleware:r=[],platform:s}=o,a=r.filter(Boolean),l=await(null==s.isRTL?void 0:s.isRTL(t));let d=await s.getElementRects({reference:e,floating:t,strategy:i}),{x:c,y:h}=tu(d,n,l),u=n,p={},m=0;for(let o=0;o<a.length;o++){var g;const{name:r,fn:f}=a[o],{x:b,y:v,data:w,reset:y}=await f({x:c,y:h,initialPlacement:n,placement:u,strategy:i,middlewareData:p,rects:d,platform:{...s,detectOverflow:null!=(g=s.detectOverflow)?g:ou},elements:{reference:e,floating:t}});c=null!=b?b:c,h=null!=v?v:h,p={...p,[r]:{...p[r],...w}},y&&m<=50&&(m++,"object"==typeof y&&(y.placement&&(u=y.placement),y.rects&&(d=!0===y.rects?await s.getElementRects({reference:e,floating:t,strategy:i}):y.rects),({x:c,y:h}=tu(d,u,l))),o=-1)}return{x:c,y:h,placement:u,strategy:i,middlewareData:p}})(e,t,{...i,platform:r})},ep={small:"small",medium:"medium",large:"large"},tp={top:"top",topStart:"top-start",topEnd:"top-end",bottom:"bottom",bottomStart:"bottom-start",bottomEnd:"bottom-end",left:"left",leftStart:"left-start",leftEnd:"left-end",right:"right",rightStart:"right-start",rightEnd:"right-end"},op={openChange:"open-change",dismiss:"dismiss"};var np=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class ip extends Ai{constructor(){super(...arguments),this.target="",this.disableTrapFocus=!1,this.elementInternals=this.attachInternals(),this.isTrappingFocus=!1,this.focusInProgress=!1,this.trapFocus=!1,this.cleanAutoUpdate=null,this.show=()=>{var e,t;if(this.setElements(),!this.targetEl){if("undefined"!=typeof console&&console.assert){""===(null!==(t=null===(e=this.target)||void 0===e?void 0:e.trim())&&void 0!==t?t:"")?console.assert(!1,"TeachingBubble.show(): target attribute is empty or missing. Expected a valid element ID."):console.assert(!1,`TeachingBubble.show(): target element with ID "${this.target}" not found in DOM. Ensure the target element exists before calling show().`)}return}this.removeAttribute("hidden"),this.updatePosition(),this.cleanAutoUpdate||(this.cleanAutoUpdate=Yu(this.targetEl,this,this.updatePosition)),this.open||(this.open=!0),ip.openInstances.add(this);const o=!this.disableTrapFocus;this.trapFocus=o,this.updateTrapFocus(o)},this.hide=(e=!1)=>{this.open=!1,this.cleanAutoUpdate&&(this.cleanAutoUpdate(),this.cleanAutoUpdate=null),ip.openInstances.delete(this),this.updateTrapFocus(!1),this.setAttribute("hidden",""),e&&this.dispatchEvent(new CustomEvent(op.dismiss,{bubbles:!0,composed:!0}))},this.setElements=()=>{var e;const t=(null!==(e=this.target)&&void 0!==e?e:"").trim();this.targetEl=t?document.getElementById(t):null},this.updatePosition=()=>{this.setElements();const e=this.arrowEl?[Qu({element:this.arrowEl,padding:4})]:[],t=this.placement?{placement:this.placement,middleware:[Uu(10),...e]}:{middleware:[Zu({autoAlignment:!0}),Uu(10),...e]};this.targetEl&&Ju(this.targetEl,this,t).then(({x:e,y:t,placement:o,middlewareData:n})=>{var i;Object.assign(this.style,{left:`${e}px`,top:`${t}px`});const r=null!==(i=n.arrow)&&void 0!==i?i:void 0;if(this.arrowEl&&r){const{x:e,y:t}=r,n={top:"bottom",right:"left",bottom:"top",left:"right"}[o.split("-")[0]];Object.assign(this.arrowEl.style,{left:null!=e?`${e}px`:"",top:null!=t?`${t}px`:"",right:"",bottom:"",[n]:"-8px"})}})},this.handleDocumentKeydown=e=>{if(!e.defaultPrevented&&this.open)switch(e.key){case or:this.handleTabKeyDown(e);break;case Ji:this.hide(!0)}},this.handleTabKeyDown=e=>{if(!this.trapFocus||!this.open)return;const t=this.getTabQueueBounds();if(1===t.length)return t[0].focus(),void e.preventDefault();e.shiftKey&&e.target===t[0]?(t[t.length-1].focus(),e.preventDefault()):e.shiftKey||e.target!==t[t.length-1]||(t[0].focus(),e.preventDefault())},this.getTabQueueBounds=()=>this.reduceTabbableItems([],this),this.updateTrapFocus=e=>{const t=void 0===e?this.shouldTrapFocus():e,o=1===ip.openInstances.size,n=t&&o;n&&!this.isTrappingFocus?(this.isTrappingFocus=!0,this.addEventListener("focusout",this.handleFocusOut,!0),zi.enqueue(()=>{const e=this.getRootNode()||document,t="activeElement"in e?e.activeElement:null,o=null!=t?t:document.activeElement;this.shouldForceFocus(o)&&this.focusFirstElement()})):!n&&this.isTrappingFocus&&(this.isTrappingFocus=!1,this.removeEventListener("focusout",this.handleFocusOut,!0))},this.handleFocusOut=e=>{if(!this.isTrappingFocus)return;const t=e.relatedTarget;t&&this.contains(t)||queueMicrotask(()=>{this.focusFirstElement()})},this.focusFirstElement=()=>{if(this.focusInProgress)return!1;this.focusInProgress=!0;try{const e=this.getTabQueueBounds();return!(ip.openInstances.size>1)&&(e.length>0?(e[0].focus(),!0):(this.focus(),!0))}finally{this.focusInProgress=!1}},this.shouldForceFocus=e=>this.isTrappingFocus&&!this.contains(e),this.shouldTrapFocus=()=>this.trapFocus&&this.open}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.hasAttribute("role")||(this.elementInternals.role="dialog"),this.setElements(),this.initializePosition(),this.addEventListener("keydown",this.handleDocumentKeydown),zi.enqueue(()=>{this.disableTrapFocusHandler(),this.updateTrapFocus()})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleDocumentKeydown),this.removeEventListener("focusout",this.handleFocusOut,!0),this.updateTrapFocus(!1),this.cleanAutoUpdate&&this.cleanAutoUpdate(),ip.openInstances.delete(this)}openChanged(){this.initializePosition(),zi.enqueue(()=>{this.disableTrapFocusHandler(),this.updateTrapFocus()}),this.dispatchEvent(new CustomEvent(op.openChange,{detail:{open:this.open},bubbles:!0,composed:!0})),this.elementInternals.ariaModal=this.open?"true":"false"}reduceTabbableItems(e,t){const o=t;(Vl(o)||ip.isFocusableFastElement(t))&&e.push(o),e=Array.from(t.children).reduce((e,t)=>this.reduceTabbableItems(e,t),e);const n=o.shadowRoot;return n&&(e=Array.from(n.children).reduce((e,t)=>this.reduceTabbableItems(e,t),e)),e}static isFocusableFastElement(e){var t,o;return!!(null===(o=null===(t=e.$fastController)||void 0===t?void 0:t.definition.shadowOptions)||void 0===o?void 0:o.delegatesFocus)}disableTrapFocusHandler(){this.disableTrapFocus?this.trapFocus=!1:this.trapFocus=!0}initializePosition(){this.setElements(),this.open?this.show():this.hide()}}ip.openInstances=new Set,np([Pi({mode:"fromView"})],ip.prototype,"target",void 0),np([Pi({mode:"reflect"})],ip.prototype,"placement",void 0),np([Pi({mode:"boolean"})],ip.prototype,"open",void 0),np([Pi({mode:"boolean",attribute:"disable-trap-focus"})],ip.prototype,"disableTrapFocus",void 0),np([Pi({mode:"reflect"})],ip.prototype,"size",void 0);const rp=Fi`
|
|
124
|
+
${n("block")}
|
|
125
|
+
|
|
126
|
+
:host{position:absolute;border:1px solid ${ue};border-radius:${i};background-color:${ue};color:${A};padding:${t};box-shadow:${tt};max-width:calc(${we} * 9);z-index:var(--fabric-layer-teaching-bubble,1000)}::slotted(*){font-family:${a};font-size:unset;font-weight:${d};line-height:${c};margin:0;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}:host([size="small"]) ::slotted(*){font-size:${y}}:host([size="medium"]) ::slotted(*){font-size:${l}}:host([size="large"]) ::slotted(*){font-size:${$}}slot[name="close"]::slotted(*){position:absolute;top:0;inset-inline-end:0}.content{position:relative}.heading{margin-bottom:${s}}.arrow{position:absolute;background:${ue};width:${pl};height:${ol};transform:rotate(45deg);border-radius:${Ie};pointer-events:none}slot[name="image"]::slotted(*){display:block;margin-bottom:${te}}slot[name="image"]::slotted(img),slot[name="image"]::slotted(picture),slot[name="image"]::slotted(video){max-width:100%;height:auto}slot[name="heading"]::slotted(*){font-weight:${ye};line-height:${k}}:host([size="small"]) slot[name="heading"]::slotted(*){font-size:${l}}:host([size="medium"]) slot[name="heading"]::slotted(*){font-size:${$}}:host([size="large"]) slot[name="heading"]::slotted(*){font-size:${C}}slot[name="footer"]::slotted(*){line-height:${x};margin-top:${te};padding-top:${te}}`;const sp=Di`<template ?hidden="${e=>!e.open}"><div class="image"><slot name="image"></slot></div><div class="content"><div class="close"><slot name="close"></slot></div><div class="heading"><slot name="heading"></slot></div><slot></slot><div class="footer"><slot name="footer"></slot></div></div><div id="arrow" class="arrow" ${Hi("arrowEl")}></div></template>`,ap=ip.compose({name:`${Rr.prefix}-teaching-bubble`,template:sp,styles:rp,shadowOptions:{mode:Rr.shadowRootMode}}),lp={incomplete:"incomplete",complete:"complete",error:"error"},dp={stepChange:"step-change",stepSelect:"step-select"},cp={panelChange:"panel-change"},hp={...lp};var up=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class pp extends Ai{constructor(){super(...arguments),this.hidden=!0,this.state=hp.incomplete,this.active=!1}stateChanged(e,t){e!==t&&this.emitChange()}activeChanged(e,t){e!==t&&(t?this.show():this.hide(),this.emitChange())}hiddenChanged(e,t){e!==t&&this.emitChange()}show(){this.hidden=!1}hide(){this.hidden=!0}emitChange(){this.$emit(cp.panelChange,{id:this.id,state:this.state,active:this.active,index:this.index})}}up([Oi],pp.prototype,"index",void 0),up([Pi({mode:"boolean"})],pp.prototype,"hidden",void 0),up([Pi],pp.prototype,"state",void 0),up([Pi({mode:"boolean"})],pp.prototype,"active",void 0);var mp=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class gp extends Ai{constructor(){super(...arguments),this.active=!1,this.disabled=!1,this.state=lp.incomplete,this.index=0,this.details="",this.title=""}stateChanged(e,t){e!==t&&this.emitChange()}activeChanged(e,t){e!==t&&this.emitChange()}toggleActive(e){this.active=!this.active}setComplete(){this.state=lp.complete}setIncomplete(){this.state=lp.incomplete}setError(){this.state=lp.error}emitChange(){this.$emit(dp.stepChange,{id:this.id,state:this.state,active:this.active,index:this.index})}emitSelect(){this.$emit(dp.stepSelect,{id:this.id,state:this.state,active:this.active,index:this.index})}clickHandler(e){this.disabled?(null==e||e.preventDefault(),null==e||e.stopImmediatePropagation()):this.emitSelect()}keydownHandler(e){if(e.key===Qi)this.disabled?(e.preventDefault(),e.stopImmediatePropagation()):this.emitSelect()}}mp([Pi({mode:"boolean"})],gp.prototype,"numbered",void 0),mp([Pi({mode:"boolean",attribute:"hide-connector"})],gp.prototype,"hideConnector",void 0),mp([Pi({mode:"boolean"})],gp.prototype,"active",void 0),mp([Pi({mode:"boolean"})],gp.prototype,"disabled",void 0),mp([Pi({attribute:"aria-describedby"})],gp.prototype,"ariaDescribedby",void 0),mp([Pi({attribute:"aria-labelledby"})],gp.prototype,"ariaLabelledby",void 0),mp([Pi],gp.prototype,"state",void 0),mp([Oi],gp.prototype,"button",void 0),mp([Pi({converter:Xi})],gp.prototype,"index",void 0),mp([Oi],gp.prototype,"details",void 0),mp([Oi],gp.prototype,"title",void 0);const fp={wizardChange:"wizard-change",wizardComplete:"wizard-complete"};var bp=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class vp extends Ai{constructor(){super(...arguments),this.numbered=!1,this.disableOnComplete=!1,this.currentIndex=0,this.slottedsteps=[],this.slottedactions=[],this.slottedpanels=[],this.stepIds=[],this.panelIds=[],this.isDisabledElement=e=>"true"===e.getAttribute("aria-disabled"),this.isHiddenElement=e=>e.hasAttribute("hidden"),this.isFocusableElement=e=>!this.isDisabledElement(e)&&!this.isHiddenElement(e),this.handleStepSelect=e=>{const t=e.currentTarget;t.disabled||this.setActiveStep(t)},this.handleStepContainerFocus=e=>{this.setAllStepTabIndex(-1)},this.handleStepContainerBlur=e=>{const t=e.relatedTarget;t&&this.slottedsteps.some(e=>e===t)||this.setAllStepTabIndex(-1)}}connectedCallback(){super.connectedCallback(),zi.enqueue(()=>{this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds(),this.currentIndex=this.getActiveIndex(),this.addListeners(),this.stepcontainer&&(this.stepcontainer.addEventListener("focus",this.handleStepContainerFocus),this.stepcontainer.addEventListener("blur",this.handleStepContainerBlur,!0))})}disconnectedCallback(){super.disconnectedCallback(),this.removeListeners(),this.stepcontainer&&(this.stepcontainer.removeEventListener("focus",this.handleStepContainerFocus),this.stepcontainer.removeEventListener("blur",this.handleStepContainerBlur,!0))}activeidChanged(e,t){this.$fastController.isConnected&&(this.prevActiveStepIndex=this.slottedsteps.findIndex(t=>t.id===e),this.setSteps())}slottedpanelsChanged(e,t){this.$fastController.isConnected&&e!==t&&(this.panelIds=this.getPanelIds(),this.setSteps())}slottedstepsChanged(e,t){this.$fastController.isConnected&&e!==t&&(this.stepIds=this.getStepIds(),this.setSteps())}currentIndexChanged(e,t){e!==t&&zi.enqueue(()=>{this.prevActiveStepIndex=e,this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds(),this.setComponent()})}next(){this.currentIndex=this.slottedsteps.indexOf(this.activestep);const e=this.currentIndex+1;if(e>=this.slottedsteps.length)return;const t=this.slottedsteps[e];t.disabled||(this.moveToStepByIndex(e,!1),this.setActiveStep(t))}previous(){this.currentIndex=this.slottedsteps.indexOf(this.activestep);const e=this.currentIndex-1;if(e<0)return;const t=this.slottedsteps[e];t.disabled||(this.moveToStepByIndex(e,!1),this.setActiveStep(t))}show(){this.hidden=!1}hide(){this.hidden=!0}enableStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].disabled=!1)}disableStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].disabled=!0)}errorStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].state=lp.error)}completeStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].state=lp.complete,this.disableOnComplete&&this.disableStep(e))}incompleteStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].state=lp.incomplete)}getStepStatus(){const e=[];return this.slottedsteps.length>0&&this.slottedsteps.forEach((t,o)=>{e.push({id:t.id,state:t.state,index:o,active:t.active})}),e}reset(){this.slottedsteps.length>0&&(this.slottedsteps.forEach((e,t)=>{e.state=lp.incomplete}),this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds(),this.currentIndex=0,this.activeid=void 0,this.prevActiveStepIndex=-1)}setActiveStep(e){var t;const o=e,n=o.index;null!==(t=o.disabled)&&void 0!==t&&t||(o.active=!0,this.activestep=o,this.activeid=this.stepIds[n],this.currentIndex=n,this.setComponent())}focusNextStep(e=!1){const t=this.slottedsteps;let o=this.currentIndex+1;if(t.length<=1)return;o>=t.length&&(o=0);const n=o;for(;!t[o]||t[o].disabled;)if(o=(o+1)%t.length,o===n)return;this.moveToStepByIndex(o,!0),e&&t[o]&&!this.isDisabledElement(t[o])&&!t[o].disabled&&this.setActiveStep(t[o])}focusPreviousStep(e=!1){const t=this.slottedsteps;let o=this.currentIndex-1;if(t.length<=1)return;o<0&&(o=t.length-1);const n=o;for(;!t[o]||t[o].disabled;)if(o=(o-1+t.length)%t.length,o===n)return;this.moveToStepByIndex(o,!0),e&&t[o]&&!this.isDisabledElement(t[o])&&!t[o].disabled&&this.setActiveStep(t[o])}moveToStepByIndex(e,t=!0){const o=this.slottedsteps[e];this.currentIndex=e,t&&o.focus(),this.setComponent()}handleStepContainerKeydown(e){if(!e.defaultPrevented)switch(e.key){case Qi:case" ":e.preventDefault(),document.activeElement===this&&this.focusFirstEnabledStep();break;default:return!0}}handleStepKeyDown(e){switch(e.key){case Ji:e.preventDefault(),this.stepcontainer.focus();break;case Qi:e.preventDefault(),this.handleStepSelect(e);break;case Ui:e.preventDefault(),this.focusPreviousStep();break;case qi:e.preventDefault(),this.focusNextStep();break;case er:e.preventDefault(),this.moveToStepByIndex(-this.currentIndex,!0);break;case Zi:e.preventDefault(),this.moveToStepByIndex(this.slottedsteps.length-this.currentIndex-1,!0)}}setSteps(){-1===this.currentIndex?this.getActiveIndex():this.currentIndex,this.slottedsteps.forEach((e,t)=>{if("step"===e.slot){const o=e,n=this.currentIndex===t&&this.isFocusableElement(o),i=this.stepIds[t];if(document.activeElement===o?o.setAttribute("tabindex","0"):o.setAttribute("tabindex","-1"),o.setAttribute("id",i),o.setAttribute("role","tab"),o.active=n,o.index=t,this.numbered&&(o.numbered=!0),this.disableOnComplete&&o.state===lp.complete)o.disabled=!0;else if(this.linear)if(0===t)o.disabled=!1;else{const e=this.slottedsteps[t-1];o.disabled=e.state!==lp.complete}n&&(this.activestep=o,this.activeid=i,this.currentIndex=t),t===this.slottedsteps.length-1&&(o.hideConnector=!0),this.slottedsteps.length>=7&&o.classList.add("overflow")}}),this.slottedsteps.every(e=>"complete"===e.state)&&this.emitComplete(),this.slottedsteps.length>=7&&this.setAttribute("class","overflow"),this.setPanels()}setPanels(){this.slottedpanels.forEach((e,t)=>{if("panel"===e.slot){const o=e,n=this.stepIds[t],i=this.panelIds[t];o.setAttribute("id",i),o.setAttribute("aria-labelledby",n),o.setAttribute("role","tabpanel"),o.index=t;const r=this.currentIndex===t&&this.isFocusableElement(o);o.active=r,this.currentIndex!==t?o.hide():o.show()}}),this.emitChange()}addListeners(){this.slottedsteps.forEach(e=>{e.addEventListener("step-change",e=>this.handleWizardStepStateChange(e))}),this.slottedsteps.forEach(e=>{e.addEventListener("step-select",e=>this.handleStepSelect(e))}),this.slottedsteps.forEach(e=>{e.addEventListener("keydown",e=>this.handleStepKeyDown(e))}),this.slottedpanels.forEach(e=>{e.addEventListener("panel-change",e=>this.handlePanelStateChange(e))})}removeListeners(){this.slottedsteps.forEach(e=>{e.removeEventListener("step-change",e=>this.handleWizardStepStateChange(e))}),this.slottedsteps.forEach(e=>{e.removeEventListener("step-select",e=>this.handleStepSelect(e))}),this.slottedsteps.forEach(e=>{e.removeEventListener("keydown",e=>this.handleStepKeyDown(e))}),this.slottedpanels.forEach(e=>{e.removeEventListener("panel-change",e=>this.handlePanelStateChange(e))})}setComponent(){this.currentIndex&&this.currentIndex!==this.prevActiveStepIndex&&zi.enqueue(()=>{this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds()})}getActiveIndex(){var e;const t=null!==(e=this.activeid)&&void 0!==e?e:"";return void 0!==t?-1===this.stepIds.indexOf(t)?0:this.stepIds.indexOf(t):0}getStepIds(){return this.slottedsteps.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`fabric-wizard-step-${parseInt(rr())}`})}getPanelIds(){return this.slottedpanels.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`fabric-wizard-panel-${parseInt(rr())}`})}handleWizardStepStateChange(e){const t=e.detail.index;e.detail.active&&(this.currentIndex=t),this.slottedpanels[t].state=e.detail.state,this.setSteps()}handlePanelStateChange(e){const t=e.detail.index;e.detail.active&&(this.currentIndex=t),this.slottedsteps[t].state=e.detail.state,this.setSteps()}emitChange(){this.$emit("wizard-change",{currentIndex:this.currentIndex,activeid:this.activeid})}emitComplete(){this.dispatchEvent(new CustomEvent(fp.wizardComplete,{bubbles:!0,composed:!0}))}setAllStepTabIndex(e){this.slottedsteps.forEach(t=>{t.setAttribute("tabindex",String(e))})}focusFirstEnabledStep(){const e=this.slottedsteps.find(e=>!e.disabled);e&&(this.setAllStepTabIndex(-1),e.setAttribute("tabindex","0"),e.focus())}}bp([Pi({mode:"boolean"})],vp.prototype,"numbered",void 0),bp([Pi({mode:"boolean"})],vp.prototype,"linear",void 0),bp([Pi({mode:"boolean",attribute:"disable-on-complete"})],vp.prototype,"disableOnComplete",void 0),bp([Pi({attribute:"current-index",converter:Xi})],vp.prototype,"currentIndex",void 0),bp([Oi],vp.prototype,"stepcontainer",void 0),bp([Oi],vp.prototype,"panelcontainer",void 0),bp([Oi],vp.prototype,"slottedsteps",void 0),bp([Oi],vp.prototype,"slottedactions",void 0),bp([Oi],vp.prototype,"slottedpanels",void 0),bp([Oi],vp.prototype,"activeid",void 0);const wp=Fi`
|
|
127
|
+
${n("block")}
|
|
106
128
|
|
|
107
129
|
:host{height:100%;width:100%;--wizard-overflow-tablist-width:calc(
|
|
108
|
-
${
|
|
109
|
-
${
|
|
130
|
+
${we} + ${we} +
|
|
131
|
+
${we}
|
|
110
132
|
);--wizard-overflow-step-width:calc(
|
|
111
|
-
${
|
|
112
|
-
);--wizard-scrollbar-radius:${
|
|
133
|
+
${ot} + ${u}
|
|
134
|
+
);--wizard-scrollbar-radius:${u};--wizard-scrollbar-spacing:${u};--wizard-scrollbar-thumb-color:${nt};--wizard-scrollbar-track-color:${Ue}}:host(.overflow) .steps{justify-content:flex-start;overflow-x:auto;overflow-y:scroll;padding:${Je} ${ot}}.steps{background-color:${Ue};box-sizing:border-box;padding:${Je} ${ot};position:sticky;top:0;inset-inline:0;width:100%;z-index:9;display:flex;flex-direction:row}.wizard{display:flex;flex-direction:column;height:100%}.title{color:${nt}}.panels-container{background:${O}}.button-container{gap:${te};order:1;display:flex;width:100%;justify-self:flex-end;justify-self:self-end;justify-content:flex-end}.toolbar{display:var(--wizard-toolbar-display,flex);gap:${et};flex-direction:column;justify-content:space-between;padding-block-start:${ie};padding-inline:${ot};padding-block-end:0;margin-bottom:${oe}}.title{order:2}.steps::-webkit-scrollbar-track{background-color:var(--wizard-scrollbar-track-color);border-radius:var(--wizard-scrollbar-radius)}.steps::-webkit-scrollbar-thumb{background-color:var(--wizard-scrollbar-thumb-color);border-radius:var(--wizard-scrollbar-radius);margin-inline-end:var(--wizard-scrollbar-spacing)}.steps::-webkit-scrollbar-button{display:none;}@media (min-width:32.5rem){:host{padding-top:0}.toolbar{flex-direction:row;margin-bottom:0;gap:0}.panels-container{width:100%}.wizard{flex-direction:row}.title{order:1;flex-shrink:0}.buttons-container{order:2;width:fit-content}.steps{padding:${Je} ${ot};position:relative;max-width:var(--wizard-overflow-tablist-width)}.steps{flex-direction:column}:host(.overflow) .steps{width:fit-content;justify-content:flex-start;align-items:center;overflow-x:unset;overflow-y:unset;width:var(--wizard-overflow-step-width)}}@media (min-width:63.9375rem){.steps{max-width:var(
|
|
113
135
|
--wizard-tablist-width,var(--wizard-overflow-tablist-width)
|
|
114
|
-
);width:var(--wizard-tablist-width,var(--wizard-overflow-tablist-width));padding:${
|
|
115
|
-
${
|
|
116
|
-
${
|
|
117
|
-
:host{height:100%;background:${
|
|
118
|
-
${
|
|
119
|
-
|
|
120
|
-
.step{unset:all;background:transparent;color:${
|
|
121
|
-
${
|
|
122
|
-
dialog{max-width:var(--dialog-max-width,600px)}}`,
|
|
123
|
-
${
|
|
124
|
-
:host([orientation='vertical']){min-height:unset}`,
|
|
125
|
-
${
|
|
126
|
-
::slotted([popover]){position:fixed}`,
|
|
127
|
-
${
|
|
128
|
-
`,
|
|
129
|
-
${
|
|
130
|
-
|
|
131
|
-
:host{--indent:0;align-items:center;background:${
|
|
132
|
-
${
|
|
133
|
-
${
|
|
134
|
-
:host(${
|
|
135
|
-
${
|
|
136
|
-
|
|
137
|
-
:host{flex-direction:column;height:fit-content;min-width:calc(${ye} * 5);width:auto;background-color:${O};border:1px solid ${R};border-radius:${i};box-shadow:${rt};padding:${p};row-gap:${I}}`;const yu=Li`<template slot="${e=>e.slot?e.slot:e.isNestedMenu()?"submenu":void 0}" @keydown="${(e,t)=>e.handleMenuKeyDown(t.event)}" @focusout="${(e,t)=>e.handleFocusOut(t.event)}"><slot ${Ei("items")}></slot></template>`,xu=mr.compose({name:`${wr.prefix}-menu-list`,template:yu,styles:wu,shadowOptions:{mode:wr.shadowRootMode}}),$u={above:"above",below:"below"},ku={auto:ia,none:sa};class Cu{set position(e){this._position=e}get position(){return this._position}set repositionMode(e){this._repositionMode=e}get repositionMode(){return this._repositionMode}constructor(e){var t,o;this.rootMargin=15,this.minMenuHeight=100,this._position=$u.below,this._repositionMode=ku.auto,this.getBoundaryBounds=()=>aa(this.overflowBoundaryReference),this.checkPosition=e=>{var t,o,n;const i=null===(t=this.menuReference)||void 0===t?void 0:t.getBoundingClientRect(),r=null===(o=this.anchorReference)||void 0===o?void 0:o.getBoundingClientRect();if(i&&r){const t=la(r,this.getBoundaryBounds(),this.rootMargin);return null!==(n={[$u.above]:i.height<t.above,[$u.below]:i.height<t.below}[e])&&void 0!==n&&n}return!1},this.oppositePosition=e=>{switch(e){case na.top:return $u.below;case na.bottom:return $u.above;default:return this._position}},this.getOpenPositionsFromEdge=e=>{if(e){const t=this.oppositePosition(e);if(this.checkPosition(t))return[t]}return[this._position]},this.getOpenPositions=()=>{const e=[];for(const t in $u){const o=$u[t];this.checkPosition(o)&&e.push(o)}return e},this.findOpenPositionsFromCollision=e=>{const t=da(e);return this.getOpenPositionsFromEdge(t)},this.getMenuAvailableSpace=e=>{var t;const o=null===(t=this.anchorReference)||void 0===t?void 0:t.getBoundingClientRect();if(!o)return 0;const n=this.getBoundaryBounds(),i=la(o,n,this.rootMargin);switch(e){case $u.above:return i.above;case $u.below:return i.below;default:return n.bottom-n.top-this.rootMargin}},this.calculateConstrainedHeight=()=>{var e;const t=null===(e=this.menuReference)||void 0===e?void 0:e.getBoundingClientRect();if(!t)return{needsConstraint:!1,maxHeight:null};const o=this._position,n=this.getMenuAvailableSpace(o);if(t.height<=n)return{needsConstraint:!1,maxHeight:null};const i=o===$u.below?$u.above:$u.below,r=this.getMenuAvailableSpace(i);if(r>n&&t.height<=r)return{needsConstraint:!1,maxHeight:null};const s=Math.max(n,r);return s>=this.minMenuHeight?{needsConstraint:!0,maxHeight:s}:{needsConstraint:!1,maxHeight:null}},this.checkOverflowWithBoundary=()=>{var e;const t=null===(e=this.menuReference)||void 0===e?void 0:e.getBoundingClientRect();if(!t)return{hasOverflow:!1,collisionEdge:void 0,suggestedPosition:void 0};const o=this.getBoundaryBounds(),{hasOverflow:n,collisionEdge:i}=function(e,t){const o=e.bottom>t.bottom,n=e.top<t.top,i=e.left<t.left,r=e.right>t.right;if(!(o||n||i||r))return{hasOverflow:!1,collisionEdge:void 0};let s;return o?s=na.bottom:n?s=na.top:i?s=na.left:r&&(s=na.right),{hasOverflow:!0,collisionEdge:s}}(t,o);if(!n)return{hasOverflow:!1,collisionEdge:void 0,suggestedPosition:void 0};const r=this.oppositePosition(i);return{hasOverflow:!0,collisionEdge:i,suggestedPosition:this.checkPosition(r)?r:void 0}},this.menuReference=e.menuReference,this.anchorReference=e.anchorReference,this.overflowBoundaryReference=null!==(t=e.overflowBoundaryReference)&&void 0!==t?t:null,this._repositionMode=null!==(o=e.repositionMode)&&void 0!==o?o:ku.auto}}var Su=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Bu extends ki{constructor(){super(...arguments),this.openPositions=[],this.openOnHover=!1,this.openOnContext=!1,this.closeOnScroll=!1,this.persistOnItemClick=!1,this.split=!1,this.menuPosition=$u.below,this.repositionMode=ku.none,this.slottedMenuList=[],this.slottedTriggers=[],this._open=!1,this.createOverflowHandler=()=>{if(!this.overflowBoundary){const e={root:document};this.intersectionObserver=new IntersectionObserver(this.handleOverflow,e)}},this.checkOverflowWithBoundary=()=>{if(!this.positioning||!this._menuList||!this.overflowBoundary)return;const{hasOverflow:e,suggestedPosition:t}=this.positioning.checkOverflowWithBoundary();e?(t&&(this.openPositions=[t],this.repositionMenu(this.openPositions)),this.applyHeightConstraint()):this.openPositions.length>0&&(this.releasePositions(),this.clearHeightConstraint())},this.handleOverflow=e=>{this.positioning&&(this.positioning.position=this.originalMenuPosition||this.menuPosition||$u.below),e.forEach(e=>{e.intersectionRatio<1&&this.positioning?(this.openPositions=this.positioning.findOpenPositionsFromCollision(e),this.openPositions.length>0&&this.repositionMenu(this.openPositions),this.applyHeightConstraint()):this.openPositions.length>0&&(this.releasePositions(),this.clearHeightConstraint())})},this.repositionMenu=e=>{this.menuPosition=e[0],this.positioning&&(this.positioning.position=this.menuPosition)},this.updateMenuPosition=()=>{this._open&&this.observeMenuOverflow()},this.handleWindowChanges=ja(()=>{this.updateMenuPosition()},50),this.toggleMenu=()=>{var e;this.setComponent(),null===(e=this._menuList)||void 0===e||e.togglePopover(!this._open),this._open?this.focusMenuList():this.focusTrigger()},this.closeMenu=()=>{var e;this._open&&(null===(e=this._menuList)||void 0===e||e.togglePopover(!1)),this.closeOnScroll&&document.removeEventListener("scroll",this.closeMenu)},this.openMenu=e=>{var t;this._open||null===(t=this._menuList)||void 0===t||t.togglePopover(!0),e&&this.openOnContext&&e.preventDefault(),this.closeOnScroll&&document.addEventListener("scroll",this.closeMenu)},this.toggleHandler=e=>{var t;if("newState"in e){const o="open"===e.newState;null===(t=this._trigger)||void 0===t||t.setAttribute("aria-expanded",`${o}`),this._open=o,o?(this.originalMenuPosition||(this.originalMenuPosition=this.menuPosition),this.addRepositioningHandlers(),this.createPositioningManager(),this.observeMenuOverflow(),this.focusMenuList()):this.removeRepositioningListeners()}},this.triggerKeydownHandler=e=>{if(e.defaultPrevented)return;switch(e.key){case Wi:case Vi:e.preventDefault(),this.toggleMenu();break;default:return!0}},this.documentClickHandler=e=>{e.composedPath().some(e=>e===this._trigger||e===this._menuList)||this.closeMenu()}}applyHeightConstraint(){if(!this.positioning||!this._menuList)return;const{needsConstraint:e,maxHeight:t}=this.positioning.calculateConstrainedHeight();e&&null!==t?(this.style.setProperty("--menu-max-height",`${t}px`),this._menuList.style.overflow="auto"):this.clearHeightConstraint()}clearHeightConstraint(){this.style.removeProperty("--menu-max-height"),this._menuList&&(this._menuList.style.overflow="")}releasePositions(){if(this.openPositions=[],this.positioning)for(const e in $u){const t=$u[e];this.positioning.checkPosition(t)&&(this.openPositions.push(t),t===this.originalMenuPosition&&(this.menuPosition=this.originalMenuPosition))}}observeMenuOverflow(){var e,t;this.overflowBoundary?requestAnimationFrame(()=>{this.checkOverflowWithBoundary()}):(null===(e=this.intersectionObserver)||void 0===e||e.disconnect(),this._menuList&&(null===(t=this.intersectionObserver)||void 0===t||t.observe(this._menuList)))}addWindowEventListeners(){window.addEventListener("resize",this.handleWindowChanges),window.addEventListener("scroll",this.handleWindowChanges)}removeWindowEventListeners(){window.removeEventListener("resize",this.handleWindowChanges),window.removeEventListener("scroll",this.handleWindowChanges)}addOverflowBoundaryEventListeners(){this.overflowBoundary&&this.overflowBoundary.addEventListener("scroll",this.handleWindowChanges)}addRepositioningHandlers(){this.repositionMode!==ku.none&&(this.createOverflowHandler(),this.addWindowEventListeners(),this.addOverflowBoundaryEventListeners())}createPositioningManager(){this._menuList&&this._trigger&&this.repositionMode!==ku.none&&(this.positioning=new Cu({menuReference:this._menuList,anchorReference:this._trigger,overflowBoundaryReference:this.overflowBoundary,repositionMode:this.repositionMode}))}removeRepositioningListeners(){var e;this._menuList&&(this.removeWindowEventListeners(),null===(e=this.intersectionObserver)||void 0===e||e.unobserve(this._menuList),this.clearHeightConstraint())}connectedCallback(){super.connectedCallback(),Ci.enqueue(()=>{this.setComponent(),this.setMenuPosition()})}disconnectedCallback(){super.disconnectedCallback(),this.removeListeners(),this.removeRepositioningListeners()}setComponent(){this.$fastController.isConnected&&this.slottedMenuList.length&&this.slottedTriggers.length&&(this._trigger=this.slottedTriggers[0],this._menuList=this.slottedMenuList[0],this._trigger.setAttribute("aria-haspopup","true"),this._trigger.setAttribute("aria-expanded",`${this._open}`),this._menuList.setAttribute("popover",this.openOnContext?"manual":""),this.addListeners())}setMenuPosition(){this.$fastController.isConnected&&this.style.setProperty("--menu-position-area",this.menuPosition===$u.above?"block-start span-inline-end":"block-end span-inline-end")}focusMenuList(){Ci.enqueue(()=>{this._menuList.focus()})}focusTrigger(){Ci.enqueue(()=>{this._trigger.focus()})}openOnHoverChanged(e,t){var o,n;t?null===(o=this._trigger)||void 0===o||o.addEventListener("mouseover",this.openMenu):null===(n=this._trigger)||void 0===n||n.removeEventListener("mouseover",this.openMenu)}persistOnItemClickChanged(e,t){var o,n;t?null===(n=this._menuList)||void 0===n||n.removeEventListener("change",this.closeMenu):null===(o=this._menuList)||void 0===o||o.addEventListener("change",this.closeMenu)}menuPositionChanged(){this.setMenuPosition()}repositionModeChanged(e,t){this.positioning&&(this.positioning.repositionMode=t)}openOnContextChanged(e,t){var o,n;t?null===(o=this._trigger)||void 0===o||o.addEventListener("contextmenu",this.openMenu):null===(n=this._trigger)||void 0===n||n.removeEventListener("contextmenu",this.openMenu)}closeOnScrollChanged(e,t){t?document.addEventListener("scroll",this.closeMenu):document.removeEventListener("scroll",this.closeMenu)}addListeners(){var e,t,o,n,i,r;null===(e=this._menuList)||void 0===e||e.addEventListener("toggle",this.toggleHandler),null===(t=this._trigger)||void 0===t||t.addEventListener("keydown",this.triggerKeydownHandler),this.persistOnItemClick||null===(o=this._menuList)||void 0===o||o.addEventListener("change",this.closeMenu),this.openOnHover?null===(n=this._trigger)||void 0===n||n.addEventListener("mouseover",this.openMenu):this.openOnContext?(null===(i=this._trigger)||void 0===i||i.addEventListener("contextmenu",this.openMenu),document.addEventListener("click",this.documentClickHandler)):null===(r=this._trigger)||void 0===r||r.addEventListener("click",this.toggleMenu)}removeListeners(){var e,t,o,n,i,r;null===(e=this._menuList)||void 0===e||e.removeEventListener("toggle",this.toggleHandler),null===(t=this._trigger)||void 0===t||t.removeEventListener("keydown",this.triggerKeydownHandler),this.persistOnItemClick||null===(o=this._menuList)||void 0===o||o.removeEventListener("change",this.closeMenu),this.openOnHover&&(null===(n=this._trigger)||void 0===n||n.removeEventListener("mouseover",this.openMenu)),this.openOnContext?(null===(i=this._trigger)||void 0===i||i.removeEventListener("contextmenu",this.openMenu),document.removeEventListener("click",this.documentClickHandler)):null===(r=this._trigger)||void 0===r||r.removeEventListener("click",this.toggleMenu)}menuKeydownHandler(e){var t;if(e.defaultPrevented)return;if(e.key!==_i)return!0;e.preventDefault(),this._open&&(null===(t=this._menuList)||void 0===t||t.togglePopover(!1),this.focusTrigger())}}Su([Bi({attribute:"open-on-hover",mode:"boolean"})],Bu.prototype,"openOnHover",void 0),Su([Bi({attribute:"open-on-context",mode:"boolean"})],Bu.prototype,"openOnContext",void 0),Su([Bi({attribute:"close-on-scroll",mode:"boolean"})],Bu.prototype,"closeOnScroll",void 0),Su([Bi({attribute:"persist-on-item-click",mode:"boolean"})],Bu.prototype,"persistOnItemClick",void 0),Su([Bi({mode:"boolean"})],Bu.prototype,"split",void 0),Su([Bi({attribute:"menu-position"})],Bu.prototype,"menuPosition",void 0),Su([Bi({attribute:"reposition-mode"})],Bu.prototype,"repositionMode",void 0),Su([Si],Bu.prototype,"overflowBoundary",void 0),Su([Si],Bu.prototype,"slottedMenuList",void 0),Su([Si],Bu.prototype,"slottedTriggers",void 0);const Iu=Mi`
|
|
138
|
-
${
|
|
139
|
-
|
|
140
|
-
::slotted([
|
|
141
|
-
${
|
|
142
|
-
:host{display:block;font-family:${
|
|
143
|
-
${
|
|
144
|
-
|
|
145
|
-
:host{font-family:${
|
|
146
|
-
${
|
|
147
|
-
|
|
148
|
-
.root{padding-inline-end:0px}.search-icon{display:flex;box-sizing:border-box;color:${st}}fabric-button.clear-button{min-width:${t};min-height:${t};margin-inline-end:${p};padding:0px 2px;display:none}`,hp=Li`<svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M12.7291 13.4362C11.5924 14.411 10.115 15 8.5 15C4.91015 15 2 12.0899 2 8.5C2 4.91015 4.91015 2 8.5 2C12.0899 2 15 4.91015 15 8.5C15 10.115 14.411 11.5924 13.4361 12.7292L16.8535 16.1465C17.0487 16.3417 17.0487 16.6583 16.8535 16.8536C16.6799 17.0271 16.4105 17.0464 16.2156 16.9114L16.1464 16.8536L12.7291 13.4362ZM12.0196 12.7266C12.276 12.5128 12.5127 12.2761 12.7265 12.0197C13.5216 11.0659 14 9.83881 14 8.5C14 5.46243 11.5376 3 8.5 3C5.46243 3 3 5.46243 3 8.5C3 11.5376 5.46243 14 8.5 14C9.83877 14 11.0658 13.5217 12.0196 12.7266Z" fill="#616161" /></svg>`,up=Li`<svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M4.08859 4.21569L4.14645 4.14645C4.32001 3.97288 4.58944 3.9536 4.78431 4.08859L4.85355 4.14645L10 9.293L15.1464 4.14645C15.32 3.97288 15.5894 3.9536 15.7843 4.08859L15.8536 4.14645C16.0271 4.32001 16.0464 4.58944 15.9114 4.78431L15.8536 4.85355L10.707 10L15.8536 15.1464C16.0271 15.32 16.0464 15.5894 15.9114 15.7843L15.8536 15.8536C15.68 16.0271 15.4106 16.0464 15.2157 15.9114L15.1464 15.8536L10 10.707L4.85355 15.8536C4.67999 16.0271 4.41056 16.0464 4.21569 15.9114L4.14645 15.8536C3.97288 15.68 3.9536 15.4106 4.08859 15.2157L4.14645 15.1464L9.293 10L4.14645 4.85355C3.97288 4.67999 3.9536 4.41056 4.08859 4.21569L4.14645 4.14645L4.08859 4.21569Z" fill="#616161" /></svg>`;const pp=Li`<template @beforeinput="${(e,t)=>e.beforeinputHandler(t.event)}" @focusin="${(e,t)=>e.focusinHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}"><label for="control" class="label" ${Pi("controlLabel")}><slot ${Ei({property:"defaultSlottedNodes",filter:oa})}></slot></label><span class="root"><span class="search-icon">${hp}</span><input aria-label="${e=>e.ariaLabel}" class="control" id="control" @change="${(e,t)=>e.changeHandler(t.event)}" @input="${(e,t)=>e.inputHandler(t.event)}" ?autofocus="${e=>e.autofocus}" autocomplete="${e=>e.autocomplete}" ?disabled="${e=>e.disabled}" list="${e=>e.list}" maxlength="${e=>e.maxlength}" minlength="${e=>e.minlength}" ?multiple="${e=>e.multiple}" name="${e=>e.name}" pattern="${e=>e.pattern}" placeholder="${e=>e.placeholder}" ?readonly="${e=>e.readOnly}" ?required="${e=>e.required}" size="${e=>e.size}" spellcheck="${e=>e.spellcheck}" type="${e=>e.type}" value="${e=>e.initialValue}" ${Pi("control")} /><fabric-button aria-label="clear" appearance="transparent" class="clear-button" aria-hidden="true" ${Pi("clearButton")} @click="${e=>e.clear()}">${up}</fabric-button><slot name="end"></slot></span></template>`,mp=lp.compose({name:`${wr.prefix}-search-box`,template:pp,styles:cp,shadowOptions:{mode:wr.shadowRootMode}});class gp extends On{}const fp={...An},bp={...Nn},vp={...Dn},wp={change:"change"},yp=gp.compose({name:`${wr.prefix}-slider`,template:Tn,styles:Fn,shadowOptions:{mode:wr.shadowRootMode}});class xp extends zn{}const $p={...Hn},kp={...Vn},Cp=xp.compose({name:`${wr.prefix}-spinner`,template:jn,styles:_n,shadowOptions:{mode:wr.shadowRootMode}});class Sp extends Wn{}const Bp=Sp.compose({name:`${wr.prefix}-switch`,template:qn,styles:Kn,shadowOptions:{mode:wr.shadowRootMode}});class Ip extends Gn{}const Ep=Ip.compose({name:`${wr.prefix}-tab`,template:Xn,styles:Un,shadowOptions:{mode:wr.shadowRootMode}}),Lp={...Zn},Mp={...Yn},Pp={...Qn},Rp={activeIndexChange:"active-index-change",change:"change"};class Op extends Jn{get activeTabIndexPublic(){return this.tabs&&this.activeid?this.tabs.findIndex(e=>e.id===this.activeid):-1}emitActiveIndexChange(e){this.dispatchEvent(new CustomEvent(Rp.activeIndexChange,{detail:{activeTabIndex:e},bubbles:!0,composed:!0}))}activeidChanged(e,t){super.activeidChanged(e,t),this.emitActiveIndexChange(this.activeTabIndexPublic)}}const Ap=Op.compose({name:`${wr.prefix}-tablist`,template:ti,styles:ei,shadowOptions:{mode:wr.shadowRootMode}});class Np extends oi{}const Dp=Np.compose({name:`${wr.prefix}-textarea`,template:ii,styles:ni,shadowOptions:{mode:wr.shadowRootMode}});const Fp=function(e={}){return Li`<template @beforeinput="${(e,t)=>e.beforeinputHandler(t.event)}" @focusin="${(e,t)=>e.focusinHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}"><label part="label" for="control" class="label" ${Pi("controlLabel")}><slot ${Ei({property:"defaultSlottedNodes",filter:oa})}></slot></label><div class="root" part="root">${Ge(e)}<input class="control" part="control" id="control" @change="${(e,t)=>e.changeHandler(t.event)}" @input="${(e,t)=>e.inputHandler(t.event)}" ?autofocus="${e=>e.autofocus}" autocomplete="${e=>e.autocomplete}" ?disabled="${e=>e.disabled}" list="${e=>e.list}" maxlength="${e=>e.maxlength}" minlength="${e=>e.minlength}" ?multiple="${e=>e.multiple}" name="${e=>e.name}" pattern="${e=>e.pattern}" placeholder="${e=>e.placeholder}" ?readonly="${e=>e.readOnly}" ?required="${e=>e.required}" size="${e=>e.size}" spellcheck="${e=>e.spellcheck}" type="${e=>e.type}" value="${e=>e.initialValue}" ${Pi("control")} />${Ue(e)}</div></template>`}(),Tp=op.compose({name:`${wr.prefix}-text-input`,template:Fp,styles:dp,shadowOptions:{mode:wr.shadowRootMode}});class zp extends ri{}const Hp=zp.compose({name:`${wr.prefix}-text`,template:ai,styles:si,shadowOptions:{mode:wr.shadowRootMode}});class Vp extends li{}const _p=Vp.compose({name:`${wr.prefix}-tree`,template:ci,styles:di,shadowOptions:{mode:wr.shadowRootMode}});class jp extends hi{}const Wp=jp.compose({name:`${wr.prefix}-tree-item`,template:pi,styles:ui,shadowOptions:{mode:wr.shadowRootMode}}),Kp="#050505",qp="#0a0a0a",Gp="#0f0f0f",Up="#141414",Xp="#1a1a1a",Zp="#1f1f1f",Yp="#242424",Qp="#292929",Jp="#2e2e2e",em="#333333",tm="#383838",om="#3d3d3d",nm="#424242",im="#4d4d4d",rm="#525252",sm="#575757",am="#5c5c5c",lm="#616161",dm="#666666",cm="#6b6b6b",hm="#707070",um="#757575",pm="#999999",mm="#adadad",gm="#b3b3b3",fm="#bdbdbd",bm="#c7c7c7",vm="#d1d1d1",wm="#d6d6d6",ym="#dbdbdb",xm="#e0e0e0",$m="#e6e6e6",km="#ebebeb",Cm="#f0f0f0",Sm="#f5f5f5",Bm="#fafafa",Im="rgba(255, 255, 255, 0.05)",Em="rgba(255, 255, 255, 0.1)",Lm="rgba(255, 255, 255, 0.2)",Mm="rgba(255, 255, 255, 0.4)",Pm="rgba(255, 255, 255, 0.5)",Rm="rgba(255, 255, 255, 0.6)",Om="rgba(255, 255, 255, 0.7)",Am="rgba(255, 255, 255, 0.8)",Nm="rgba(0, 0, 0, 0.05)",Dm="rgba(0, 0, 0, 0.1)",Fm="rgba(0, 0, 0, 0.2)",Tm="rgba(0, 0, 0, 0.3)",zm="rgba(0, 0, 0, 0.4)",Hm="rgba(0, 0, 0, 0.5)",Vm="rgba(26, 26, 26, 0.5)",_m="rgba(31, 31, 31, 0.7)",jm="rgba(36, 36, 36, 0.5)",Wm="rgba(36, 36, 36, 0.8)",Km="#ffffff",qm="#000000",Gm={shade50:"#200205",shade40:"#3b0509",shade30:"#6e0811",shade20:"#960b18",shade10:"#b10e1c",primary:"#c50f1f",tint10:"#cc2635",tint20:"#d33f4c",tint30:"#dc626d",tint40:"#eeacb2",tint50:"#f6d1d5",tint60:"#fdf3f4"},Um={shade50:"#031403",shade40:"#052505",shade30:"#094509",shade20:"#0c5e0c",shade10:"#0e700e",primary:"#107c10",tint10:"#218c21",tint20:"#359b35",tint30:"#54b054",tint40:"#9fd89f",tint50:"#c9eac9",tint60:"#f1faf1"},Xm={red:{shade50:"#210809",shade40:"#3f1011",shade30:"#751d1f",shade20:"#9f282b",shade10:"#bc2f32",primary:"#d13438",tint10:"#d7494c",tint20:"#dc5e62",tint30:"#e37d80",tint40:"#f1bbbc",tint50:"#f8dadb",tint60:"#fdf6f6"},green:Um,darkOrange:{shade50:"#230900",shade40:"#411200",shade30:"#7a2101",shade20:"#a62d01",shade10:"#c43501",primary:"#da3b01",tint10:"#de501c",tint20:"#e36537",tint30:"#e9835e",tint40:"#f4bfab",tint50:"#f9dcd1",tint60:"#fdf6f3"},yellow:{shade50:"#282400",shade40:"#4c4400",shade30:"#817400",shade20:"#c0ad00",shade10:"#e4cc00",primary:"#fde300",tint10:"#fde61e",tint20:"#fdea3d",tint30:"#feee66",tint40:"#fef7b2",tint50:"#fffad6",tint60:"#fffef5"},berry:{shade50:"#1f091d",shade40:"#3a1136",shade30:"#6d2064",shade20:"#932b88",shade10:"#af33a1",primary:"#c239b3",tint10:"#c94cbc",tint20:"#d161c4",tint30:"#da7ed0",tint40:"#edbbe7",tint50:"#f5daf2",tint60:"#fdf5fc"},lightGreen:{shade50:"#031a02",shade40:"#063004",shade30:"#0b5a08",shade20:"#0e7a0b",shade10:"#11910d",primary:"#13a10e",tint10:"#27ac22",tint20:"#3db838",tint30:"#5ec75a",tint40:"#a7e3a5",tint50:"#cef0cd",tint60:"#f2fbf2"},marigold:{shade50:"#251a00",shade40:"#463100",shade30:"#835b00",shade20:"#b27c00",shade10:"#d39300",primary:"#eaa300",tint10:"#edad1c",tint20:"#efb839",tint30:"#f2c661",tint40:"#f9e2ae",tint50:"#fcefd3",tint60:"#fefbf4"}},Zm={darkRed:{shade50:"#130204",shade40:"#230308",shade30:"#420610",shade20:"#590815",shade10:"#690a19",primary:"#750b1c",tint10:"#861b2c",tint20:"#962f3f",tint30:"#ac4f5e",tint40:"#d69ca5",tint50:"#e9c7cd",tint60:"#f9f0f2"},cranberry:Gm,pumpkin:{shade50:"#200d03",shade40:"#3d1805",shade30:"#712d09",shade20:"#9a3d0c",shade10:"#b6480e",primary:"#ca5010",tint10:"#d06228",tint20:"#d77440",tint30:"#df8e64",tint40:"#efc4ad",tint50:"#f7dfd2",tint60:"#fdf7f4"},peach:{shade50:"#291600",shade40:"#4d2a00",shade30:"#8f4e00",shade20:"#c26a00",shade10:"#e67e00",primary:"#ff8c00",tint10:"#ff9a1f",tint20:"#ffa83d",tint30:"#ffba66",tint40:"#ffddb3",tint50:"#ffedd6",tint60:"#fffaf5"},gold:{shade50:"#1f1900",shade40:"#3a2f00",shade30:"#6c5700",shade20:"#937700",shade10:"#ae8c00",primary:"#c19c00",tint10:"#c8a718",tint20:"#d0b232",tint30:"#dac157",tint40:"#ecdfa5",tint50:"#f5eece",tint60:"#fdfbf2"},brass:{shade50:"#181202",shade40:"#2e2103",shade30:"#553e06",shade20:"#745408",shade10:"#89640a",primary:"#986f0b",tint10:"#a47d1e",tint20:"#b18c34",tint30:"#c1a256",tint40:"#e0cea2",tint50:"#efe4cb",tint60:"#fbf8f2"},brown:{shade50:"#170e07",shade40:"#2b1a0e",shade30:"#50301a",shade20:"#6c4123",shade10:"#804d29",primary:"#8e562e",tint10:"#9c663f",tint20:"#a97652",tint30:"#bb8f6f",tint40:"#ddc3b0",tint50:"#edded3",tint60:"#faf7f4"},forest:{shade50:"#0c1501",shade40:"#162702",shade30:"#294903",shade20:"#376304",shade10:"#427505",primary:"#498205",tint10:"#599116",tint20:"#6ba02b",tint30:"#85b44c",tint40:"#bdd99b",tint50:"#dbebc7",tint60:"#f6faf0"},seafoam:{shade50:"#002111",shade40:"#003d20",shade30:"#00723b",shade20:"#009b51",shade10:"#00b85f",primary:"#00cc6a",tint10:"#19d279",tint20:"#34d889",tint30:"#5ae0a0",tint40:"#a8f0cd",tint50:"#cff7e4",tint60:"#f3fdf8"},darkGreen:{shade50:"#021102",shade40:"#032003",shade30:"#063b06",shade20:"#085108",shade10:"#0a5f0a",primary:"#0b6a0b",tint10:"#1a7c1a",tint20:"#2d8e2d",tint30:"#4da64d",tint40:"#9ad29a",tint50:"#c6e7c6",tint60:"#f0f9f0"},lightTeal:{shade50:"#001d1f",shade40:"#00373a",shade30:"#00666d",shade20:"#008b94",shade10:"#00a5af",primary:"#00b7c3",tint10:"#18bfca",tint20:"#32c8d1",tint30:"#58d3db",tint40:"#a6e9ed",tint50:"#cef3f5",tint60:"#f2fcfd"},teal:{shade50:"#001516",shade40:"#012728",shade30:"#02494c",shade20:"#026467",shade10:"#037679",primary:"#038387",tint10:"#159195",tint20:"#2aa0a4",tint30:"#4cb4b7",tint40:"#9bd9db",tint50:"#c7ebec",tint60:"#f0fafa"},steel:{shade50:"#000f12",shade40:"#001b22",shade30:"#00333f",shade20:"#004555",shade10:"#005265",primary:"#005b70",tint10:"#0f6c81",tint20:"#237d92",tint30:"#4496a9",tint40:"#94c8d4",tint50:"#c3e1e8",tint60:"#eff7f9"},blue:{shade50:"#001322",shade40:"#002440",shade30:"#004377",shade20:"#005ba1",shade10:"#006cbf",primary:"#0078d4",tint10:"#1a86d9",tint20:"#3595de",tint30:"#5caae5",tint40:"#a9d3f2",tint50:"#d0e7f8",tint60:"#f3f9fd"},royalBlue:{shade50:"#000c16",shade40:"#00172a",shade30:"#002c4e",shade20:"#003b6a",shade10:"#00467e",primary:"#004e8c",tint10:"#125e9a",tint20:"#286fa8",tint30:"#4a89ba",tint40:"#9abfdc",tint50:"#c7dced",tint60:"#f0f6fa"},cornflower:{shade50:"#0d1126",shade40:"#182047",shade30:"#2c3c85",shade20:"#3c51b4",shade10:"#4760d5",primary:"#4f6bed",tint10:"#637cef",tint20:"#778df1",tint30:"#93a4f4",tint40:"#c8d1fa",tint50:"#e1e6fc",tint60:"#f7f9fe"},navy:{shade50:"#00061d",shade40:"#000c36",shade30:"#001665",shade20:"#001e89",shade10:"#0023a2",primary:"#0027b4",tint10:"#173bbd",tint20:"#3050c6",tint30:"#546fd2",tint40:"#a3b2e8",tint50:"#ccd5f3",tint60:"#f2f4fc"},lavender:{shade50:"#120f25",shade40:"#221d46",shade30:"#3f3682",shade20:"#5649b0",shade10:"#6656d1",primary:"#7160e8",tint10:"#8172eb",tint20:"#9184ee",tint30:"#a79cf1",tint40:"#d2ccf8",tint50:"#e7e4fb",tint60:"#f9f8fe"},purple:{shade50:"#0f0717",shade40:"#1c0e2b",shade30:"#341a51",shade20:"#46236e",shade10:"#532982",primary:"#5c2e91",tint10:"#6b3f9e",tint20:"#7c52ab",tint30:"#9470bd",tint40:"#c6b1de",tint50:"#e0d3ed",tint60:"#f7f4fb"},grape:{shade50:"#160418",shade40:"#29072e",shade30:"#4c0d55",shade20:"#671174",shade10:"#7a1589",primary:"#881798",tint10:"#952aa4",tint20:"#a33fb1",tint30:"#b55fc1",tint40:"#d9a7e0",tint50:"#eaceef",tint60:"#faf2fb"},lilac:{shade50:"#1c0b1f",shade40:"#35153a",shade30:"#63276d",shade20:"#863593",shade10:"#9f3faf",primary:"#b146c2",tint10:"#ba58c9",tint20:"#c36bd1",tint30:"#cf87da",tint40:"#e6bfed",tint50:"#f2dcf5",tint60:"#fcf6fd"},pink:{shade50:"#24091b",shade40:"#441232",shade30:"#80215d",shade20:"#ad2d7e",shade10:"#cd3595",primary:"#e43ba6",tint10:"#e750b0",tint20:"#ea66ba",tint30:"#ef85c8",tint40:"#f7c0e3",tint50:"#fbddf0",tint60:"#fef6fb"},magenta:{shade50:"#1f0013",shade40:"#390024",shade30:"#6b0043",shade20:"#91005a",shade10:"#ac006b",primary:"#bf0077",tint10:"#c71885",tint20:"#ce3293",tint30:"#d957a8",tint40:"#eca5d1",tint50:"#f5cee6",tint60:"#fcf2f9"},plum:{shade50:"#13000c",shade40:"#240017",shade30:"#43002b",shade20:"#5a003b",shade10:"#6b0045",primary:"#77004d",tint10:"#87105d",tint20:"#98246f",tint30:"#ad4589",tint40:"#d696c0",tint50:"#e9c4dc",tint60:"#faf0f6"},beige:{shade50:"#141313",shade40:"#252323",shade30:"#444241",shade20:"#5d5958",shade10:"#6e6968",primary:"#7a7574",tint10:"#8a8584",tint20:"#9a9594",tint30:"#afabaa",tint40:"#d7d4d4",tint50:"#eae8e8",tint60:"#faf9f9"},mink:{shade50:"#0f0e0e",shade40:"#1c1b1a",shade30:"#343231",shade20:"#474443",shade10:"#54514f",primary:"#5d5a58",tint10:"#706d6b",tint20:"#84817e",tint30:"#9e9b99",tint40:"#cecccb",tint50:"#e5e4e3",tint60:"#f8f8f8"},platinum:{shade50:"#111314",shade40:"#1f2426",shade30:"#3b4447",shade20:"#505c60",shade10:"#5f6d71",primary:"#69797e",tint10:"#79898d",tint20:"#89989d",tint30:"#a0adb2",tint40:"#cdd6d8",tint50:"#e4e9ea",tint60:"#f8f9fa"},anchor:{shade50:"#090a0b",shade40:"#111315",shade30:"#202427",shade20:"#2b3135",shade10:"#333a3f",primary:"#394146",tint10:"#4d565c",tint20:"#626c72",tint30:"#808a90",tint40:"#bcc3c7",tint50:"#dbdfe1",tint60:"#f6f7f8"}},Ym={cranberry:Gm,green:Um,orange:{shade50:"#271002",shade40:"#4a1e04",shade30:"#8a3707",shade20:"#bc4b09",shade10:"#de590b",primary:"#f7630c",tint10:"#f87528",tint20:"#f98845",tint30:"#faa06b",tint40:"#fdcfb4",tint50:"#fee5d7",tint60:"#fff9f5"}},Qm=["red","green","darkOrange","yellow","berry","lightGreen","marigold"],Jm=["darkRed","cranberry","pumpkin","peach","gold","brass","brown","forest","seafoam","darkGreen","lightTeal","teal","steel","blue","royalBlue","cornflower","navy","lavender","purple","grape","lilac","pink","magenta","plum","beige","mink","platinum","anchor"],eg={success:"green",warning:"orange",danger:"cranberry"},tg=Qm.reduce((e,t)=>{const o=t.slice(0,1).toUpperCase()+t.slice(1),n={[`colorPalette${o}Background1`]:Xm[t].tint60,[`colorPalette${o}Background2`]:Xm[t].tint40,[`colorPalette${o}Background3`]:Xm[t].primary,[`colorPalette${o}Foreground1`]:Xm[t].shade10,[`colorPalette${o}Foreground2`]:Xm[t].shade30,[`colorPalette${o}Foreground3`]:Xm[t].primary,[`colorPalette${o}BorderActive`]:Xm[t].primary,[`colorPalette${o}Border1`]:Xm[t].tint40,[`colorPalette${o}Border2`]:Xm[t].primary};return Object.assign(e,n)},{});tg.colorPaletteYellowForeground1=Xm.yellow.shade30,tg.colorPaletteRedForegroundInverted=Xm.red.tint20,tg.colorPaletteGreenForegroundInverted=Xm.green.tint20,tg.colorPaletteYellowForegroundInverted=Xm.yellow.tint40;const og=Jm.reduce((e,t)=>{const o=t.slice(0,1).toUpperCase()+t.slice(1),n={[`colorPalette${o}Background2`]:Zm[t].tint40,[`colorPalette${o}Foreground2`]:Zm[t].shade30,[`colorPalette${o}BorderActive`]:Zm[t].primary};return Object.assign(e,n)},{}),ng={...tg,...og},ig=Object.entries(eg).reduce((e,[t,o])=>{const n=t.slice(0,1).toUpperCase()+t.slice(1),i={[`colorStatus${n}Background1`]:Ym[o].tint60,[`colorStatus${n}Background2`]:Ym[o].tint40,[`colorStatus${n}Background3`]:Ym[o].primary,[`colorStatus${n}Foreground1`]:Ym[o].shade10,[`colorStatus${n}Foreground2`]:Ym[o].shade30,[`colorStatus${n}Foreground3`]:Ym[o].primary,[`colorStatus${n}ForegroundInverted`]:Ym[o].tint30,[`colorStatus${n}BorderActive`]:Ym[o].primary,[`colorStatus${n}Border1`]:Ym[o].tint40,[`colorStatus${n}Border2`]:Ym[o].primary};return Object.assign(e,i)},{});ig.colorStatusDangerBackground3Hover=Ym[eg.danger].shade10,ig.colorStatusDangerBackground3Pressed=Ym[eg.danger].shade20,ig.colorStatusWarningForeground1=Ym[eg.warning].shade20,ig.colorStatusWarningForeground3=Ym[eg.warning].shade20,ig.colorStatusWarningBorder2=Ym[eg.warning].shade20;const rg={borderRadiusNone:"0",borderRadiusSmall:"2px",borderRadiusMedium:"4px",borderRadiusLarge:"6px",borderRadiusXLarge:"8px",borderRadiusCircular:"10000px"},sg={curveAccelerateMax:"cubic-bezier(0.9,0.1,1,0.2)",curveAccelerateMid:"cubic-bezier(1,0,1,1)",curveAccelerateMin:"cubic-bezier(0.8,0,0.78,1)",curveDecelerateMax:"cubic-bezier(0.1,0.9,0.2,1)",curveDecelerateMid:"cubic-bezier(0,0,0,1)",curveDecelerateMin:"cubic-bezier(0.33,0,0.1,1)",curveEasyEaseMax:"cubic-bezier(0.8,0,0.2,1)",curveEasyEase:"cubic-bezier(0.33,0,0.67,1)",curveLinear:"cubic-bezier(0,0,1,1)"},ag={durationUltraFast:"50ms",durationFaster:"100ms",durationFast:"150ms",durationNormal:"200ms",durationGentle:"250ms",durationSlow:"300ms",durationSlower:"400ms",durationUltraSlow:"500ms"},lg={fontSizeBase100:"10px",fontSizeBase200:"12px",fontSizeBase300:"14px",fontSizeBase400:"16px",fontSizeBase500:"20px",fontSizeBase600:"24px",fontSizeHero700:"28px",fontSizeHero800:"32px",fontSizeHero900:"40px",fontSizeHero1000:"68px"},dg={lineHeightBase100:"14px",lineHeightBase200:"16px",lineHeightBase300:"20px",lineHeightBase400:"22px",lineHeightBase500:"28px",lineHeightBase600:"32px",lineHeightHero700:"36px",lineHeightHero800:"40px",lineHeightHero900:"52px",lineHeightHero1000:"92px"},cg={fontWeightRegular:400,fontWeightMedium:500,fontWeightSemibold:600,fontWeightBold:700},hg={fontFamilyBase:"'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif",fontFamilyMonospace:"Consolas, 'Courier New', Courier, monospace",fontFamilyNumeric:"Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif"},ug="0",pg="2px",mg="4px",gg="6px",fg="8px",bg="10px",vg="12px",wg="16px",yg="20px",xg="24px",$g="32px",kg={spacingHorizontalNone:ug,spacingHorizontalXXS:pg,spacingHorizontalXS:mg,spacingHorizontalSNudge:gg,spacingHorizontalS:fg,spacingHorizontalMNudge:bg,spacingHorizontalM:vg,spacingHorizontalL:wg,spacingHorizontalXL:yg,spacingHorizontalXXL:xg,spacingHorizontalXXXL:$g},Cg={spacingVerticalNone:ug,spacingVerticalXXS:pg,spacingVerticalXS:mg,spacingVerticalSNudge:gg,spacingVerticalS:fg,spacingVerticalMNudge:bg,spacingVerticalM:vg,spacingVerticalL:wg,spacingVerticalXL:yg,spacingVerticalXXL:xg,spacingVerticalXXXL:$g},Sg={strokeWidthThin:"1px",strokeWidthThick:"2px",strokeWidthThicker:"3px",strokeWidthThickest:"4px"};function Bg(e,t,o=""){return{[`shadow2${o}`]:`0 0 2px ${e}, 0 1px 2px ${t}`,[`shadow4${o}`]:`0 0 2px ${e}, 0 2px 4px ${t}`,[`shadow8${o}`]:`0 0 2px ${e}, 0 4px 8px ${t}`,[`shadow16${o}`]:`0 0 2px ${e}, 0 8px 16px ${t}`,[`shadow28${o}`]:`0 0 8px ${e}, 0 14px 28px ${t}`,[`shadow64${o}`]:`0 0 8px ${e}, 0 32px 64px ${t}`}}const Ig=e=>{const t=(e=>({colorNeutralForeground1:Yp,colorNeutralForeground1Hover:Yp,colorNeutralForeground1Pressed:Yp,colorNeutralForeground1Selected:Yp,colorNeutralForeground2:nm,colorNeutralForeground2Hover:Yp,colorNeutralForeground2Pressed:Yp,colorNeutralForeground2Selected:Yp,colorNeutralForeground2BrandHover:e[80],colorNeutralForeground2BrandPressed:e[70],colorNeutralForeground2BrandSelected:e[80],colorNeutralForeground3:lm,colorNeutralForeground3Hover:nm,colorNeutralForeground3Pressed:nm,colorNeutralForeground3Selected:nm,colorNeutralForeground3BrandHover:e[80],colorNeutralForeground3BrandPressed:e[70],colorNeutralForeground3BrandSelected:e[80],colorNeutralForeground4:hm,colorNeutralForegroundDisabled:fm,colorNeutralForegroundInvertedDisabled:Mm,colorBrandForegroundLink:e[70],colorBrandForegroundLinkHover:e[60],colorBrandForegroundLinkPressed:e[40],colorBrandForegroundLinkSelected:e[70],colorNeutralForeground2Link:nm,colorNeutralForeground2LinkHover:Yp,colorNeutralForeground2LinkPressed:Yp,colorNeutralForeground2LinkSelected:Yp,colorCompoundBrandForeground1:e[80],colorCompoundBrandForeground1Hover:e[70],colorCompoundBrandForeground1Pressed:e[60],colorBrandForeground1:e[80],colorBrandForeground2:e[70],colorBrandForeground2Hover:e[60],colorBrandForeground2Pressed:e[30],colorNeutralForeground1Static:Yp,colorNeutralForegroundStaticInverted:Km,colorNeutralForegroundInverted:Km,colorNeutralForegroundInvertedHover:Km,colorNeutralForegroundInvertedPressed:Km,colorNeutralForegroundInvertedSelected:Km,colorNeutralForegroundInverted2:Km,colorNeutralForegroundOnBrand:Km,colorNeutralForegroundInvertedLink:Km,colorNeutralForegroundInvertedLinkHover:Km,colorNeutralForegroundInvertedLinkPressed:Km,colorNeutralForegroundInvertedLinkSelected:Km,colorBrandForegroundInverted:e[100],colorBrandForegroundInvertedHover:e[110],colorBrandForegroundInvertedPressed:e[100],colorBrandForegroundOnLight:e[80],colorBrandForegroundOnLightHover:e[70],colorBrandForegroundOnLightPressed:e[50],colorBrandForegroundOnLightSelected:e[60],colorNeutralBackground1:Km,colorNeutralBackground1Hover:Sm,colorNeutralBackground1Pressed:xm,colorNeutralBackground1Selected:km,colorNeutralBackground2:Bm,colorNeutralBackground2Hover:Cm,colorNeutralBackground2Pressed:ym,colorNeutralBackground2Selected:$m,colorNeutralBackground3:Sm,colorNeutralBackground3Hover:km,colorNeutralBackground3Pressed:wm,colorNeutralBackground3Selected:xm,colorNeutralBackground4:Cm,colorNeutralBackground4Hover:Bm,colorNeutralBackground4Pressed:Sm,colorNeutralBackground4Selected:Km,colorNeutralBackground5:km,colorNeutralBackground5Hover:Sm,colorNeutralBackground5Pressed:Cm,colorNeutralBackground5Selected:Bm,colorNeutralBackground6:$m,colorNeutralBackgroundInverted:Qp,colorNeutralBackgroundStatic:em,colorNeutralBackgroundAlpha:Pm,colorNeutralBackgroundAlpha2:Am,colorSubtleBackground:"transparent",colorSubtleBackgroundHover:Sm,colorSubtleBackgroundPressed:xm,colorSubtleBackgroundSelected:km,colorSubtleBackgroundLightAlphaHover:Om,colorSubtleBackgroundLightAlphaPressed:Pm,colorSubtleBackgroundLightAlphaSelected:"transparent",colorSubtleBackgroundInverted:"transparent",colorSubtleBackgroundInvertedHover:Dm,colorSubtleBackgroundInvertedPressed:Tm,colorSubtleBackgroundInvertedSelected:Fm,colorTransparentBackground:"transparent",colorTransparentBackgroundHover:"transparent",colorTransparentBackgroundPressed:"transparent",colorTransparentBackgroundSelected:"transparent",colorNeutralBackgroundDisabled:Cm,colorNeutralBackgroundInvertedDisabled:Em,colorNeutralStencil1:$m,colorNeutralStencil2:Bm,colorNeutralStencil1Alpha:Dm,colorNeutralStencil2Alpha:Nm,colorBackgroundOverlay:zm,colorScrollbarOverlay:Hm,colorBrandBackground:e[80],colorBrandBackgroundHover:e[70],colorBrandBackgroundPressed:e[40],colorBrandBackgroundSelected:e[60],colorCompoundBrandBackground:e[80],colorCompoundBrandBackgroundHover:e[70],colorCompoundBrandBackgroundPressed:e[60],colorBrandBackgroundStatic:e[80],colorBrandBackground2:e[160],colorBrandBackground2Hover:e[150],colorBrandBackground2Pressed:e[130],colorBrandBackground3Static:e[60],colorBrandBackground4Static:e[40],colorBrandBackgroundInverted:Km,colorBrandBackgroundInvertedHover:e[160],colorBrandBackgroundInvertedPressed:e[140],colorBrandBackgroundInvertedSelected:e[150],colorNeutralCardBackground:Bm,colorNeutralCardBackgroundHover:Km,colorNeutralCardBackgroundPressed:Sm,colorNeutralCardBackgroundSelected:km,colorNeutralCardBackgroundDisabled:Cm,colorNeutralStrokeAccessible:lm,colorNeutralStrokeAccessibleHover:sm,colorNeutralStrokeAccessiblePressed:im,colorNeutralStrokeAccessibleSelected:e[80],colorNeutralStroke1:vm,colorNeutralStroke1Hover:bm,colorNeutralStroke1Pressed:gm,colorNeutralStroke1Selected:fm,colorNeutralStroke2:xm,colorNeutralStroke3:Cm,colorNeutralStrokeSubtle:xm,colorNeutralStrokeOnBrand:Km,colorNeutralStrokeOnBrand2:Km,colorNeutralStrokeOnBrand2Hover:Km,colorNeutralStrokeOnBrand2Pressed:Km,colorNeutralStrokeOnBrand2Selected:Km,colorBrandStroke1:e[80],colorBrandStroke2:e[140],colorBrandStroke2Hover:e[120],colorBrandStroke2Pressed:e[80],colorBrandStroke2Contrast:e[140],colorCompoundBrandStroke:e[80],colorCompoundBrandStrokeHover:e[70],colorCompoundBrandStrokePressed:e[60],colorNeutralStrokeDisabled:xm,colorNeutralStrokeInvertedDisabled:Mm,colorTransparentStroke:"transparent",colorTransparentStrokeInteractive:"transparent",colorTransparentStrokeDisabled:"transparent",colorNeutralStrokeAlpha:Nm,colorNeutralStrokeAlpha2:Lm,colorStrokeFocus1:Km,colorStrokeFocus2:qm,colorNeutralShadowAmbient:"rgba(0,0,0,0.12)",colorNeutralShadowKey:"rgba(0,0,0,0.14)",colorNeutralShadowAmbientLighter:"rgba(0,0,0,0.06)",colorNeutralShadowKeyLighter:"rgba(0,0,0,0.07)",colorNeutralShadowAmbientDarker:"rgba(0,0,0,0.20)",colorNeutralShadowKeyDarker:"rgba(0,0,0,0.24)",colorBrandShadowAmbient:"rgba(0,0,0,0.30)",colorBrandShadowKey:"rgba(0,0,0,0.25)"}))(e);return{...rg,...lg,...dg,...hg,...cg,...Sg,...kg,...Cg,...ag,...sg,...t,...ng,...ig,...Bg(t.colorNeutralShadowAmbient,t.colorNeutralShadowKey),...Bg(t.colorBrandShadowAmbient,t.colorBrandShadowKey,"Brand")}},Eg={10:"#061724",20:"#082338",30:"#0a2e4a",40:"#0c3b5e",50:"#0e4775",60:"#0f548c",70:"#115ea3",80:"#0f6cbd",90:"#2886de",100:"#479ef5",110:"#62abf5",120:"#77b7f7",130:"#96c6fa",140:"#b4d6fa",150:"#cfe4fa",160:"#ebf3fc"},Lg=Qm.reduce((e,t)=>{const o=t.slice(0,1).toUpperCase()+t.slice(1),n={[`colorPalette${o}Background1`]:Xm[t].shade40,[`colorPalette${o}Background2`]:Xm[t].shade30,[`colorPalette${o}Background3`]:Xm[t].primary,[`colorPalette${o}Foreground1`]:Xm[t].tint30,[`colorPalette${o}Foreground2`]:Xm[t].tint40,[`colorPalette${o}Foreground3`]:Xm[t].tint20,[`colorPalette${o}BorderActive`]:Xm[t].tint30,[`colorPalette${o}Border1`]:Xm[t].primary,[`colorPalette${o}Border2`]:Xm[t].tint20};return Object.assign(e,n)},{});Lg.colorPaletteRedForeground3=Xm.red.tint30,Lg.colorPaletteRedBorder2=Xm.red.tint30,Lg.colorPaletteGreenForeground3=Xm.green.tint40,Lg.colorPaletteGreenBorder2=Xm.green.tint40,Lg.colorPaletteDarkOrangeForeground3=Xm.darkOrange.tint30,Lg.colorPaletteDarkOrangeBorder2=Xm.darkOrange.tint30,Lg.colorPaletteRedForegroundInverted=Xm.red.primary,Lg.colorPaletteGreenForegroundInverted=Xm.green.primary,Lg.colorPaletteYellowForegroundInverted=Xm.yellow.shade30;const Mg=Jm.reduce((e,t)=>{const o=t.slice(0,1).toUpperCase()+t.slice(1),n={[`colorPalette${o}Background2`]:Zm[t].shade30,[`colorPalette${o}Foreground2`]:Zm[t].tint40,[`colorPalette${o}BorderActive`]:Zm[t].tint30};return Object.assign(e,n)},{});Mg.colorPaletteDarkRedBackground2=Zm.darkRed.shade20,Mg.colorPalettePlumBackground2=Zm.plum.shade20;const Pg={...Lg,...Mg},Rg=Object.entries(eg).reduce((e,[t,o])=>{const n=t.slice(0,1).toUpperCase()+t.slice(1),i={[`colorStatus${n}Background1`]:Ym[o].shade40,[`colorStatus${n}Background2`]:Ym[o].shade30,[`colorStatus${n}Background3`]:Ym[o].primary,[`colorStatus${n}Foreground1`]:Ym[o].tint30,[`colorStatus${n}Foreground2`]:Ym[o].tint40,[`colorStatus${n}Foreground3`]:Ym[o].tint20,[`colorStatus${n}BorderActive`]:Ym[o].tint30,[`colorStatus${n}ForegroundInverted`]:Ym[o].shade10,[`colorStatus${n}Border1`]:Ym[o].primary,[`colorStatus${n}Border2`]:Ym[o].tint20};return Object.assign(e,i)},{});Rg.colorStatusDangerBackground3Hover=Ym[eg.danger].shade10,Rg.colorStatusDangerBackground3Pressed=Ym[eg.danger].shade20,Rg.colorStatusDangerForeground3=Ym[eg.danger].tint40,Rg.colorStatusDangerBorder2=Ym[eg.danger].tint30,Rg.colorStatusSuccessForeground3=Ym[eg.success].tint40,Rg.colorStatusSuccessBorder2=Ym[eg.success].tint40,Rg.colorStatusWarningForegroundInverted=Ym[eg.warning].shade20;const Og=Ig(Eg),Ag=e=>{const t=(e=>({colorNeutralForeground1:Km,colorNeutralForeground1Hover:Km,colorNeutralForeground1Pressed:Km,colorNeutralForeground1Selected:Km,colorNeutralForeground2:wm,colorNeutralForeground2Hover:Km,colorNeutralForeground2Pressed:Km,colorNeutralForeground2Selected:Km,colorNeutralForeground2BrandHover:e[100],colorNeutralForeground2BrandPressed:e[90],colorNeutralForeground2BrandSelected:e[100],colorNeutralForeground3:mm,colorNeutralForeground3Hover:wm,colorNeutralForeground3Pressed:wm,colorNeutralForeground3Selected:wm,colorNeutralForeground3BrandHover:e[100],colorNeutralForeground3BrandPressed:e[90],colorNeutralForeground3BrandSelected:e[100],colorNeutralForeground4:pm,colorNeutralForegroundDisabled:am,colorNeutralForegroundInvertedDisabled:Mm,colorBrandForegroundLink:e[100],colorBrandForegroundLinkHover:e[110],colorBrandForegroundLinkPressed:e[90],colorBrandForegroundLinkSelected:e[100],colorNeutralForeground2Link:wm,colorNeutralForeground2LinkHover:Km,colorNeutralForeground2LinkPressed:Km,colorNeutralForeground2LinkSelected:Km,colorCompoundBrandForeground1:e[100],colorCompoundBrandForeground1Hover:e[110],colorCompoundBrandForeground1Pressed:e[90],colorBrandForeground1:e[100],colorBrandForeground2:e[110],colorBrandForeground2Hover:e[130],colorBrandForeground2Pressed:e[160],colorNeutralForeground1Static:Yp,colorNeutralForegroundStaticInverted:Km,colorNeutralForegroundInverted:Yp,colorNeutralForegroundInvertedHover:Yp,colorNeutralForegroundInvertedPressed:Yp,colorNeutralForegroundInvertedSelected:Yp,colorNeutralForegroundInverted2:Yp,colorNeutralForegroundOnBrand:Km,colorNeutralForegroundInvertedLink:Km,colorNeutralForegroundInvertedLinkHover:Km,colorNeutralForegroundInvertedLinkPressed:Km,colorNeutralForegroundInvertedLinkSelected:Km,colorBrandForegroundInverted:e[80],colorBrandForegroundInvertedHover:e[70],colorBrandForegroundInvertedPressed:e[60],colorBrandForegroundOnLight:e[80],colorBrandForegroundOnLightHover:e[70],colorBrandForegroundOnLightPressed:e[50],colorBrandForegroundOnLightSelected:e[60],colorNeutralBackground1:Qp,colorNeutralBackground1Hover:om,colorNeutralBackground1Pressed:Zp,colorNeutralBackground1Selected:tm,colorNeutralBackground2:Zp,colorNeutralBackground2Hover:em,colorNeutralBackground2Pressed:Up,colorNeutralBackground2Selected:Jp,colorNeutralBackground3:Up,colorNeutralBackground3Hover:Qp,colorNeutralBackground3Pressed:qp,colorNeutralBackground3Selected:Yp,colorNeutralBackground4:qp,colorNeutralBackground4Hover:Zp,colorNeutralBackground4Pressed:qm,colorNeutralBackground4Selected:Xp,colorNeutralBackground5:qm,colorNeutralBackground5Hover:Up,colorNeutralBackground5Pressed:Kp,colorNeutralBackground5Selected:Gp,colorNeutralBackground6:em,colorNeutralBackgroundInverted:Km,colorNeutralBackgroundStatic:om,colorNeutralBackgroundAlpha:Vm,colorNeutralBackgroundAlpha2:_m,colorSubtleBackground:"transparent",colorSubtleBackgroundHover:tm,colorSubtleBackgroundPressed:Jp,colorSubtleBackgroundSelected:em,colorSubtleBackgroundLightAlphaHover:Wm,colorSubtleBackgroundLightAlphaPressed:jm,colorSubtleBackgroundLightAlphaSelected:"transparent",colorSubtleBackgroundInverted:"transparent",colorSubtleBackgroundInvertedHover:Dm,colorSubtleBackgroundInvertedPressed:Tm,colorSubtleBackgroundInvertedSelected:Fm,colorTransparentBackground:"transparent",colorTransparentBackgroundHover:"transparent",colorTransparentBackgroundPressed:"transparent",colorTransparentBackgroundSelected:"transparent",colorNeutralBackgroundDisabled:Up,colorNeutralBackgroundInvertedDisabled:Em,colorNeutralStencil1:sm,colorNeutralStencil2:em,colorNeutralStencil1Alpha:Em,colorNeutralStencil2Alpha:Im,colorBackgroundOverlay:Hm,colorScrollbarOverlay:Rm,colorBrandBackground:e[70],colorBrandBackgroundHover:e[80],colorBrandBackgroundPressed:e[40],colorBrandBackgroundSelected:e[60],colorCompoundBrandBackground:e[100],colorCompoundBrandBackgroundHover:e[110],colorCompoundBrandBackgroundPressed:e[90],colorBrandBackgroundStatic:e[80],colorBrandBackground2:e[20],colorBrandBackground2Hover:e[40],colorBrandBackground2Pressed:e[10],colorBrandBackground3Static:e[60],colorBrandBackground4Static:e[40],colorBrandBackgroundInverted:Km,colorBrandBackgroundInvertedHover:e[160],colorBrandBackgroundInvertedPressed:e[140],colorBrandBackgroundInvertedSelected:e[150],colorNeutralCardBackground:em,colorNeutralCardBackgroundHover:om,colorNeutralCardBackgroundPressed:Jp,colorNeutralCardBackgroundSelected:tm,colorNeutralCardBackgroundDisabled:Up,colorNeutralStrokeAccessible:mm,colorNeutralStrokeAccessibleHover:fm,colorNeutralStrokeAccessiblePressed:gm,colorNeutralStrokeAccessibleSelected:e[100],colorNeutralStroke1:dm,colorNeutralStroke1Hover:um,colorNeutralStroke1Pressed:cm,colorNeutralStroke1Selected:hm,colorNeutralStroke2:rm,colorNeutralStroke3:om,colorNeutralStrokeSubtle:qp,colorNeutralStrokeOnBrand:Qp,colorNeutralStrokeOnBrand2:Km,colorNeutralStrokeOnBrand2Hover:Km,colorNeutralStrokeOnBrand2Pressed:Km,colorNeutralStrokeOnBrand2Selected:Km,colorBrandStroke1:e[100],colorBrandStroke2:e[50],colorBrandStroke2Hover:e[50],colorBrandStroke2Pressed:e[30],colorBrandStroke2Contrast:e[50],colorCompoundBrandStroke:e[100],colorCompoundBrandStrokeHover:e[110],colorCompoundBrandStrokePressed:e[90],colorNeutralStrokeDisabled:nm,colorNeutralStrokeInvertedDisabled:Mm,colorTransparentStroke:"transparent",colorTransparentStrokeInteractive:"transparent",colorTransparentStrokeDisabled:"transparent",colorNeutralStrokeAlpha:Em,colorNeutralStrokeAlpha2:Lm,colorStrokeFocus1:qm,colorStrokeFocus2:Km,colorNeutralShadowAmbient:"rgba(0,0,0,0.24)",colorNeutralShadowKey:"rgba(0,0,0,0.28)",colorNeutralShadowAmbientLighter:"rgba(0,0,0,0.12)",colorNeutralShadowKeyLighter:"rgba(0,0,0,0.14)",colorNeutralShadowAmbientDarker:"rgba(0,0,0,0.40)",colorNeutralShadowKeyDarker:"rgba(0,0,0,0.48)",colorBrandShadowAmbient:"rgba(0,0,0,0.30)",colorBrandShadowKey:"rgba(0,0,0,0.25)"}))(e);return{...rg,...lg,...dg,...hg,...cg,...Sg,...kg,...Cg,...ag,...sg,...t,...Pg,...Rg,...Bg(t.colorNeutralShadowAmbient,t.colorNeutralShadowKey),...Bg(t.colorBrandShadowAmbient,t.colorBrandShadowKey,"Brand")}},Ng=Ag(Eg),Dg={iconErrorColor:Og.colorStatusDangerForeground1,iconValidationColor:Og.colorStatusSuccessForeground1,iconSystemColor:Og.colorPaletteBlueForeground2,iconContentManagementColor:Og.colorPaletteGrapeBorderActive,iconMonitoringColor:Og.colorPaletteMarigoldForeground2,iconMiscColor:Og.colorNeutralForeground2,colorRibbonIconError:Og.colorStatusDangerForeground1,colorRibbonIconErrorDisabled:Og.colorPaletteCranberryBackground2,colorRibbonIconValidation:Og.colorStatusSuccessForeground1,colorRibbonIconValidationDisabled:Og.colorPaletteGreenBackground2,colorRibbonIconSysconfig:Og.colorPaletteBlueForeground2,colorRibbonIconSysconfigDisabled:Og.colorPaletteBlueBackground2,colorRibbonIconContentMgt:Og.colorPaletteGrapeBorderActive,colorRibbonIconContentMgtDisabled:Og.colorPaletteGrapeBackground2,colorRibbonIconMonitoring:Og.colorPaletteMarigoldForeground2,colorRibbonIconMonitoringDisabled:Og.colorPaletteGoldBackground2,colorRibbonIconMisc:Og.colorNeutralForeground2,colorRibbonIconMiscDisabled:Og.colorNeutralForegroundDisabled},Fg={iconErrorColor:Ng.colorStatusDangerBackground3,iconValidationColor:Ng.colorPaletteLightGreenBorder1,iconSystemColor:Og.colorPaletteBlueBorderActive,iconContentManagementColor:Og.colorPaletteLilacBorderActive,iconMonitoringColor:Og.colorPaletteGoldBorderActive,iconMiscColor:Ng.colorNeutralForeground1,colorRibbonIconError:Ng.colorStatusDangerBackground3,colorRibbonIconErrorDisabled:Ng.colorPaletteCranberryBackground2,colorRibbonIconValidation:Ng.colorPaletteLightGreenBackground3,colorRibbonIconValidationDisabled:Ng.colorPaletteGreenBackground2,colorRibbonIconSysconfig:Og.colorPaletteBlueBorderActive,colorRibbonIconSysconfigDisabled:Ng.colorPaletteBlueBackground2,colorRibbonIconContentMgt:Og.colorPaletteLilacBorderActive,colorRibbonIconContentMgtDisabled:Ng.colorPaletteLilacBackground2,colorRibbonIconMonitoring:Og.colorPaletteGoldBorderActive,colorRibbonIconMonitoringDisabled:Ng.colorPaletteGoldBackground2,colorRibbonIconMisc:Ng.colorNeutralForeground1,colorRibbonIconMiscDisabled:Ng.colorNeutralForegroundDisabled},Tg={10:"#001919",20:"#012826",30:"#01322E",40:"#033F38",50:"#054D43",60:"#0A5C50",70:"#0C695A",80:"#117865",90:"#1F937E",100:"#2AAC94",110:"#3ABB9F",120:"#52C7AA",130:"#78D3B9",140:"#9EE0CB",150:"#C0ECDD",160:"#E3F7Ef"},zg={...Ig(Tg),...Dg},Hg={...Ag(Tg),...Fg};async function Vg(e,t,o){let n=null;const i=document.querySelector("[data-theme='fabric-theme']");if(i&&i.remove(),t)if("root"===t){const t=Object.entries(e).map(([e,t])=>`--${e}: ${t};`).join(" "),o=document.createElement("style");o.innerHTML=`:root { ${t} }`,o.dataset.theme="fabric-theme",o.id="fabric-ux-theme",document.head.appendChild(o)}else n=document.querySelector(t);else n=document.documentElement;return n&&Object.entries(e).forEach(([e,t])=>{n.style.setProperty(`--${e}`,t)}),document.dispatchEvent(new CustomEvent("themeLoaded",{detail:{target:n?.tagName||"root"},bubbles:!0})),o&&"function"==typeof o?new Promise(e=>{setTimeout(()=>{o(),e()},0)}):Promise.resolve()}class _g extends mi{}const jg={...gi},Wg={...fi},Kg={...bi},qg={...ae},Gg={...le},Ug=_g.compose({name:`${wr.prefix}-toggle-button`,template:vi,styles:Go,shadowOptions:{mode:wr.shadowRootMode}});class Xg extends wi{}const Zg=Xg.compose({name:`${wr.prefix}-tooltip`,template:xi,styles:yi,shadowOptions:{mode:wr.shadowRootMode}}),Yg={...$i};export{Oc as Accordion,Ac as AccordionDefinition,Nc as AccordionExpandModes,Lc as AccordionItem,Rc as AccordionItemDefinition,Pc as AccordionItemMarkerPositions,Mc as AccordionItemSizes,fr as AccordionMenu,yr as AccordionMenuDefinition,tr as AccordionMenuExpandModes,er as AccordionMenuPanel,Wr as AccordionMenuPanelDefinition,$r as AccordionMenuPanelMarkerPositions,xr as AccordionMenuPanelSizes,jr as AccordionMenuPanelStyles,Sr as AccordionMenuPanelTemplate,vr as AccordionMenuStyles,br as AccordionMenuTemplate,ou as AnchorButton,nu as AnchorButtonAppearances,su as AnchorButtonDefinition,iu as AnchorButtonShapes,ru as AnchorButtonSizes,zc as AnchorTargets,Vc as Avatar,_c as AvatarActives,jc as AvatarAppearances,Wc as AvatarColors,Uc as AvatarDefinition,Kc as AvatarNamedColors,qc as AvatarShapes,Gc as AvatarSizes,Xc as Badge,Zc as BadgeAppearances,Yc as BadgeColors,eh as BadgeDefinition,Qc as BadgeShapes,Jc as BadgeSizes,Ns as Button,Ds as ButtonAppearances,_s as ButtonDefinition,zs as ButtonFormTargets,Fs as ButtonShapes,Ts as ButtonSizes,Vs as ButtonStyles,Hs as ButtonTypes,ds as Card,Kr as CardAppearances,us as CardDefinition,Xr as CardEventNames,Gr as CardFocusModes,ps as CardFooter,fs as CardFooterDefinition,bs as CardHeader,ys as CardHeaderDefinition,qr as CardOrientations,xs as CardPreview,Cs as CardPreviewDefinition,cs as CardStyles,hs as CardTemplate,Ms as Carousel,Os as CarouselDefinition,Ps as CarouselStyles,Rs as CarouselTemplate,th as Checkbox,ih as CheckboxDefinition,oh as CheckboxShapes,nh as CheckboxSizes,na as CollisionEdges,wa as CompoundButton,pa as CompoundButtonAppearances,xa as CompoundButtonDefinition,fa as CompoundButtonFormTargets,ma as CompoundButtonShapes,ga as CompoundButtonSizes,ba as CompoundButtonTypes,rh as CounterBadge,sh as CounterBadgeDefinition,ah as Dialog,hh as DialogBody,uh as DialogBodyDefinition,dh as DialogDefinition,lh as DialogStyles,ch as DialogTypes,ph as Divider,mh as DividerAlignContents,gh as DividerAppearances,yh as DividerDefinition,fh as DividerOrientations,bh as DividerRoles,vh as DividerStyles,wh as DividerTemplate,xh as Drawer,Bh as DrawerBody,Ih as DrawerBodyDefinition,Sh as DrawerDefinition,$h as DrawerPositions,kh as DrawerSizes,Ch as DrawerTypes,Eh as Dropdown,Lh as DropdownAppearances,Oh as DropdownDefinition,Ah as DropdownOption,Nh as DropdownOptionDefinition,Mh as DropdownSizes,Ph as DropdownTypes,wr as FabricDesignSystem,Hh as Field,Gh as FieldDefinition,Wh as FieldLabelPosition,jh as FieldLabelPositions,Vh as FieldStyles,Zs as FilterPill,Ks as FilterPillAppearances,ua as FilterPillDefinition,Us as FilterPillEventNames,Ws as FilterPillFormTargets,qs as FilterPillShapes,Gs as FilterPillSizes,js as FilterPillTypes,Uh as Image,Yh as ImageDefinition,Xh as ImageFits,Zh as ImageShapes,Qh as Label,Jh as LabelDefinition,_h as LabelPositions,eu as LabelSizes,tu as LabelWeights,Dc as Link,Fc as LinkAppearances,Hc as LinkDefinition,Tc as LinkTargets,Th as Listbox,zh as ListboxDefinition,ka as LoadingButton,Ba as LoadingButtonDefinition,Bu as Menu,du as MenuButton,cu as MenuButtonAppearances,pu as MenuButtonDefinition,hu as MenuButtonShapes,uu as MenuButtonSizes,Lu as MenuDefinition,ir as MenuGroupRoles,hr as MenuItem,vu as MenuItemDefinition,or as MenuItemRoles,mu as MenuItemStyles,bu as MenuItemTemplate,mr as MenuList,xu as MenuListDefinition,wu as MenuListStyles,yu as MenuListTemplate,$u as MenuPositions,ku as MenuRepositionModes,Iu as MenuStyles,Eu as MenuTemplate,au as MessageBar,lu as MessageBarDefinition,La as MultiView,Oa as MultiViewController,Da as MultiViewControllerDefinition,Ra as MultiViewDefinition,Ia as MultiViewEventNames,Ta as MultiViewGroup,Va as MultiViewGroupDefinition,_a as MultiViewGroupPositions,Pu as OptionGroup,Au as OptionGroupDefinition,Za as Popover,Ja as PopoverDefinition,Ga as PopoverEventNames,Ka as PopoverPositions,qa as PopoverRepositionModes,Ya as PopoverStyles,Qa as PopoverTemplate,Wa as PositioningShorthand,Nu as ProgressBar,Du as ProgressBarDefinition,Fu as ProgressBarShapes,Tu as ProgressBarThicknesses,zu as ProgressBarValidationStates,ju as Radio,Wu as RadioDefinition,Hu as RadioGroup,_u as RadioGroupDefinition,Vu as RadioGroupOrientations,Ku as RatingDisplay,Gu as RatingDisplayColors,qu as RatingDisplayDefinition,Uu as RatingDisplaySizes,lp as SearchBox,ip as SearchBoxAppearances,np as SearchBoxControlSizes,mp as SearchBoxDefinition,sp as SearchBoxEventNames,rp as SearchBoxTypes,xl as SimpleTable,kl as SimpleTableDefinition,gp as Slider,yp as SliderDefinition,wp as SliderEventNames,fp as SliderModes,bp as SliderOrientations,vp as SliderSizes,qh as SlottableInputs,bl as SortDirection,xp as Spinner,$p as SpinnerAppearances,Cp as SpinnerDefinition,kp as SpinnerSizes,sl as SvgIcon,dl as SvgIconDefinition,Sp as Switch,Bp as SwitchDefinition,Ip as Tab,Ep as TabDefinition,fl as Table,cl as TableCell,ml as TableCellDefinition,hl as TableCellSize,ul as TableCellStyles,pl as TableCellTemplate,yl as TableDefinition,vl as TableStyles,wl as TableTemplate,Op as Tablist,Lp as TablistAppearances,Ap as TablistDefinition,Rp as TablistEventNames,Mp as TablistOrientations,Pp as TablistSizes,Ml as Tag,Il as TagAppearances,Al as TagDefinition,El as TagEventNames,Bl as TagShapes,Cl as TagSizes,Sl as TagTextSizes,nc as TeachingBubble,sc as TeachingBubbleDefinition,tc as TeachingBubbleEventNames,ec as TeachingBubblePlacements,Jd as TeachingBubbleSizes,zp as Text,Np as TextArea,Dp as TextAreaDefinition,Hp as TextDefinition,op as TextInput,Zu as TextInputAppearances,Xu as TextInputControlSizes,Tp as TextInputDefinition,dp as TextInputStyles,Fp as TextInputTemplate,Yu as TextInputTypes,_g as ToggleButton,jg as ToggleButtonAppearances,Ug as ToggleButtonDefinition,Gg as ToggleButtonFormTargets,Wg as ToggleButtonShapes,Kg as ToggleButtonSizes,qg as ToggleButtonTypes,Xg as Tooltip,Zg as TooltipDefinition,Yg as TooltipPositioningOptions,Vp as Tree,_p as TreeDefinition,jp as TreeItem,Wp as TreeItemDefinition,Kh as ValidationFlags,hc as Wizard,mc as WizardDefinition,dc as WizardEvents,vc as WizardPanel,xc as WizardPanelDefinition,gc as WizardPanelEventNames,fc as WizardPanelStates,kc as WizardStep,Ec as WizardStepDefinition,lc as WizardStepEvents,ac as WizardStepStates,ta as applyMixins,Lr as disabledState,Mr as expandedState,Hg as fabricDarkTheme,zg as fabricLightTheme,Fh as getOptionsFromElement,Dh as isOptionGroup,Ru as optionGroupStyles,Ou as optionGroupTemplate,rr as roleForMenuGroup,nr as roleForMenuItem,Vg as setTheme,Ys as staticallyCompose,Yi as toggleState,Ng as webDarkTheme,Og as webLightTheme,oa as whitespaceFilter};
|
|
136
|
+
);width:var(--wizard-tablist-width,var(--wizard-overflow-tablist-width));padding:${Je} ${we}
|
|
137
|
+
${Je} ${ot}}:host(.overflow) .steps{width:fit-content}}`;const yp=Di`<template ?hidden="${e=>e.hidden}" ?numbered="${e=>e.numbered}" ?linear="${e=>e.linear}" ?disable-on-complete="${e=>e.disableOnComplete}" current-index="${e=>e.currentIndex}" aria-hidden="${e=>e.hidden?"true":"false"}"><div class="wizard" part="wizard"><slot name="start"></slot><nav role="tablist" class="steps" part="steps" tabindex="0" @keydown="${(e,t)=>e.handleStepContainerKeydown(t.event)}" ${Hi("stepcontainer")}><slot name="step" ${Ti("slottedsteps")}></slot></nav><div class="panels-container" part="panels-container" ${Hi("panelcontainer")}><div class="toolbar" part="toolbar"><div class="title" part="title"><slot name="title"></slot></div><div class="button-container" part="button-container"><slot name="actions" ${Ti("slottedactions")}></slot></div></div><div class="panels" part="panels"><slot name="panel" ${Ti("slottedpanels")}></slot></div><slot name="end"></slot></div></div></template>`,xp=vp.compose({name:`${Rr.prefix}-wizard`,template:yp,styles:wp,shadowOptions:{mode:Rr.shadowRootMode}}),$p=Fi`
|
|
138
|
+
${n("block")}
|
|
139
|
+
:host{height:100%;background:${O}}:host([active]){display:block}.content{padding-block-start:${Je};padding-inline:${ot};padding-block-end:0}.title{padding-block-start:0;padding-inline:${ot};padding-block-end:${et};color:${p}}.footer{padding-block:${We};padding-inline:${ot};border-top:1px solid ${z}}`;const kp=Di`<template aria-hidden="${e=>e.hidden}" state="${e=>e.state}" ?active="${e=>e.active}" ?hidden="${e=>e.hidden}" slot="panel"><div class="panel" part="panel"><slot name="start"></slot><div class="title" part="title"><slot name="title"></slot></div><div class="content" part="content"><slot></slot></div><div class="footer" part="footer"><slot name="footer"></slot></div><slot name="end"></slot></div></template>`,Cp=pp.compose({name:`${Rr.prefix}-wizard-panel`,template:kp,styles:$p,shadowOptions:{mode:Rr.shadowRootMode}}),Sp=Fi`
|
|
140
|
+
${n("block")}
|
|
141
|
+
|
|
142
|
+
.step{unset:all;background:transparent;color:${p};text-align:start;border:0 none;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:${a};position:relative;align-items:flex-start;column-gap:${te};flex-shrink:0;flex-grow:1}:host([hide-connector]) .step-connector,.summary,.title,.details{display:none}:host([disabled]) .step{cursor:not-allowed;pointer-events:none;color:${w}}:host([disabled]) .step-connector{background:${Te}}:host([disabled]) .icon{background:${ve};border-color:${Te}}:host(.overflow){flex-shrink:0;flex-grow:0;width:36px;}:host(.first){padding-inline-start:${ot}}:host(.first) .step-connector{inset-inline-start:28px;}:host(.last){padding-inline-end:${ot}}.state-indicator{width:${gl};height:${il};display:flex;justify-content:center;align-items:center;padding:${o};box-sizing:border-box}.icon{position:relative;z-index:9;display:flex;justify-content:center;align-items:center;width:${ml};height:${nl};font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase100);font-size:var(--fontSizeBase200);border-radius:var(--borderRadiusCircular);border:${M} solid var(--colorNeutralForeground2);background:var(--colorNeutralBackground4);flex-shrink:0;box-sizing:border-box}.order{font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);margin-bottom:1px;}.step-connector{position:absolute;top:${ie};inset-inline-start:${s};height:${M};width:100%;background:var(--colorNeutralForegroundDisabled)}.title{font-weight:${d};font-size:${l};line-height:${c}}.details{font-weight:${d};font-size:${y};line-height:${x}}.icon svg{color:${pe};fill:${pe};width:${ul};height:${tl};box-sizing:border-box;vertical-align:middle}:host([hide-connector]) .step{width:fit-content;flex-grow:0;min-width:unset}:host([aria-current="step"]) .title{font-weight:${ye}}:host([state="complete"]) .icon,:host([state="complete"]) .step-connector,:host([state="complete"].first) .step-connector,:host([active]) .icon{background:${it};border-color:${it};color:${pe}}:host([state="complete"]) .icon svg{margin-top:${o}}:host([state="error"]) .icon{background:${rt};border-color:${rt}}@media (min-width:32.5rem){:host(.overflow) .step,:host .step,:host(.first) .step{display:flex;align-items:flex-start;width:fit-content;height:fit-content;max-width:268px;padding:0 0 ${We} 0;column-gap:${te};flex-grow:0}:host(.first) .step-connector,.step-connector{position:absolute;width:${M};inset-inline-start:11px;height:100%;background:var(--colorNeutralForegroundDisabled);min-height:22px;}}@media (min-width:calc(${ot} * 43 - ${s} - ${P})){:host .step,:host(.first) .step{flex-direction:row}.step-connector{inset-inline-start:11px;}:host([aria-current="step"]) .details,.title{display:block}.order{display:none}.summary{display:flex;flex-direction:column;width:fit-content;gap:${o}}}:host(:hover) .step{cursor:pointer}:host([disabled]) .step{cursor:not-allowed}`,Ip=Di`<svg fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M13.86 3.66a.5.5 0 0 1-.02.7l-7.93 7.48a.6.6 0 0 1-.84-.02L2.4 9.1a.5.5 0 0 1 .72-.7l2.4 2.44 7.65-7.2a.5.5 0 0 1 .7.02Z" fill="currentColor"></path></svg>`,Bp=Di`<svg fill="currentColor" aria-hidden="true" width="12" height="12" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="m2.4 2.55.07-.08a.75.75 0 0 1 .98-.07l.08.07L8 6.94l4.47-4.47a.75.75 0 1 1 1.06 1.06L9.06 8l4.47 4.47c.27.27.3.68.07.98l-.07.08a.75.75 0 0 1-.98.07l-.08-.07L8 9.06l-4.47 4.47a.75.75 0 0 1-1.06-1.06L6.94 8 2.47 3.53a.75.75 0 0 1-.07-.98l.07-.08-.07.08Z" fill="currentColor"></path></svg>`;const Ep=Di`<button ?hide-connector="${e=>e.hideConnector}" ?active="${e=>e.active}" ?disabled="${e=>e.disabled}" ?numbered="${e=>e.numbered}" slot="step" class="step" part="step" role="tab" aria-label="${e=>e.ariaLabel}" aria-current="${e=>e.active?"step":null}" @click="${(e,t)=>e.clickHandler(t.event)}"><slot name="start"></slot><div class="state-indicator" part="state-indicator"><div class="icon" part="icon">${e=>"incomplete"===e.state?Di`<slot name="incomplete"><span class="order" part="order">${e=>e.numbered?e.index+1:""}</span></slot>`:""} ${e=>"complete"===e.state?Di`<slot name="complete">${Ip}</slot>`:""} ${e=>"error"===e.state?Di`<slot name="error">${Bp}</slot>`:""}</div></div><div class="summary" part="summary"><div class="title" part="title"><slot name="title">${e=>e.title}</slot></div><div class="details" part="details"><slot name="details"></slot></div></div><div part="step-connector" class="step-connector"></div><slot name="end"></slot></button>`,Lp=gp.compose({name:`${Rr.prefix}-wizard-step`,template:Ep,styles:Sp,shadowOptions:{mode:Rr.shadowRootMode}});class Mp extends st{}const Rp={...lt},Ap={...at},Pp=Mp.compose({name:`${Rr.prefix}-accordion-item`,template:ct,styles:dt,shadowOptions:{mode:Rr.shadowRootMode}});class Op extends ht{}const zp=Op.compose({name:`${Rr.prefix}-accordion`,template:pt,styles:ut,shadowOptions:{mode:Rr.shadowRootMode}}),Np={...mt};class Tp extends gt{}const Dp={...bt},Fp={...vt},Hp={...ft},Vp=Tp.compose({name:`${Rr.prefix}-link`,template:yt,styles:wt,shadowOptions:{mode:Rr.shadowRootMode}});class _p extends xt{}const jp={...$t},Xp={...kt},Wp={...Ct},Kp={...St},qp={...It},Gp={...Bt},Yp=_p.compose({name:`${Rr.prefix}-avatar`,template:Lt,styles:Et,shadowOptions:{mode:Rr.shadowRootMode}});class Up extends Mt{}const Zp={...Rt},Qp={...At},Jp={...Pt},em={...Ot},tm=Up.compose({name:`${Rr.prefix}-badge`,template:Nt,styles:zt,shadowOptions:{mode:Rr.shadowRootMode}});class om extends Tt{}const nm={...Dt},im={...Ft},rm=om.compose({name:`${Rr.prefix}-checkbox`,template:Vt,styles:Ht,shadowOptions:{mode:Rr.shadowRootMode}});class sm extends _t{}const am={...jt},lm={...Xt},dm={...Wt},cm={...Kt},hm=sm.compose({name:`${Rr.prefix}-counter-badge`,template:Gt,styles:qt,shadowOptions:{mode:Rr.shadowRootMode}});class um extends Yt{}const pm=Fi`
|
|
143
|
+
${Ut}
|
|
144
|
+
dialog{max-width:var(--dialog-max-width,600px)}}`,mm=um.compose({name:`${Rr.prefix}-dialog`,template:Zt,styles:pm,shadowOptions:{mode:Rr.shadowRootMode}}),gm={modal:"modal",nonModal:"non-modal",alert:"alert"};class fm extends Qt{}const bm=fm.compose({name:`${Rr.prefix}-dialog-body`,template:eo,styles:Jt,shadowOptions:{mode:Rr.shadowRootMode}});class vm extends to{}const wm={...oo},ym={...no},xm={...io},$m={...ro},km=Fi`
|
|
145
|
+
${so}
|
|
146
|
+
:host([orientation='vertical']){min-height:unset}`,Cm=ao,Sm=vm.compose({name:`${Rr.prefix}-divider`,template:ao,styles:km,shadowOptions:{mode:Rr.shadowRootMode}});class Im extends lo{}const Bm={...co},Em={...ho},Lm={...uo},Mm=Im.compose({name:`${Rr.prefix}-drawer`,template:mo,styles:po,shadowOptions:{mode:Rr.shadowRootMode}});class Rm extends go{}const Am=Rm.compose({name:`${Rr.prefix}-drawer-body`,template:bo,styles:fo,shadowOptions:{mode:Rr.shadowRootMode}});class Pm extends vo{}const Om={...wo},zm={...yo},Nm={...xo},Tm=Fi`
|
|
147
|
+
${$o}
|
|
148
|
+
::slotted([popover]){position:fixed}`,Dm=Pm.compose({name:`${Rr.prefix}-dropdown`,template:ko,styles:Tm,shadowOptions:{delegatesFocus:!0}});class Fm extends Co{}const Hm=Fm.compose({name:`${Rr.prefix}-option`,template:Io,styles:So,shadowOptions:{delegatesFocus:!0}});function Vm(e){return(null==e?void 0:e.nodeType)===Node.ELEMENT_NODE&&("options"in e&&Array.isArray(e.options))}function _m(e){return Vm(e)?e.options:Bo(e)?[e]:[]}class jm extends Eo{isOptionInDisabledGroup(e){return Vm(e.parentElement)&&!!e.parentElement.disabled}clickHandler(e){if(this.dropdown)return!0;const t=e.target;return!(!Bo(t)||!this.isOptionInDisabledGroup(t))||super.clickHandler(e)}selectOption(e){const t=this.enabledOptions[null!=e?e:this.selectedIndex];t&&this.isOptionInDisabledGroup(t)||super.selectOption(e)}slotchangeHandler(e){const t=e.target;!function(e,t){const o=50,n=":not(:defined)",i=e.querySelectorAll(n);if(0===i.length)return void t();const r=new Set;for(const e of i)r.add(e.localName);const s=Promise.all([...r].map(e=>customElements.whenDefined(e)));let a=!1;const l=()=>{a||(a=!0,t())};s.then(l),o>0&&setTimeout(l,o)}(this,()=>{zi.enqueue(()=>{const e=t.assignedElements(),o=[];for(const t of e)if(Vm(t)){const e=t;o.push(...e.options)}else Bo(t)&&o.push(t);this.options=o})})}optionsChanged(e,t){var o;null===(o=super.optionsChanged)||void 0===o||o.call(this,e,t),t&&this.applyGroupScopedAria(t)}setOptionGroups(e,t){for(const o of e){const e=o.parentElement,n=Vm(e)?e:null;t.has(n)||t.set(n,[]),t.get(n).push(o)}}applyGroupScopedAria(e){const t=new Map;this.setOptionGroups(e,t);for(const[e,o]of t){const t=o.length;o.forEach((o,n)=>{o.elementInternals.ariaPosInSet=`${n+1}`,o.elementInternals.ariaSetSize=`${t}`,e&&Vm(e)&&e.label?o.elementInternals.ariaDescription=e.label:o.elementInternals.ariaDescription=null})}}multipleChanged(e,t){this.elementInternals.ariaMultiSelectable=t?"true":"false",dr(this.elementInternals,"multiple",t),zi.enqueue(()=>{var e;null===(e=this.options)||void 0===e||e.forEach(e=>{e.multiple=!!t})})}}const Xm=jm.compose({name:`${Rr.prefix}-listbox`,template:Mo,styles:Lo,shadowOptions:{delegatesFocus:!0}});class Wm extends Ro{setLabelPropertiesExtended(){var e;if(!this.$fastController.isConnected||!this.input)return;this.input.id=this.input.id||rr("input");const t=[];null===(e=this.labelSlot)||void 0===e||e.forEach((e,o)=>{if(e instanceof HTMLElement){const n=0===o?`${this.input.id}--label`:`${this.input.id}--label-${o}`;e.id=e.id||n,t.push(e.id),e instanceof HTMLLabelElement&&(e.htmlFor=e.htmlFor||this.input.id)}}),t.length&&this.input.setAttribute("aria-labelledby",t.join(" "))}labelSlotChanged(e,t){super.labelSlotChanged(e,t),t&&this.input&&this.setLabelPropertiesExtended()}inputChanged(e,t){super.inputChanged(e,t),t&&this.setLabelPropertiesExtended()}}const Km=Fi`
|
|
149
|
+
${Ao}
|
|
150
|
+
`,qm={above:"above",after:"after",before:"before"},Gm=qm,Ym=qm,Um={badInput:"bad-input",customError:"custom-error",patternMismatch:"pattern-mismatch",rangeOverflow:"range-overflow",rangeUnderflow:"range-underflow",stepMismatch:"step-mismatch",tooLong:"too-long",tooShort:"too-short",typeMismatch:"type-mismatch",valueMissing:"value-missing",valid:"valid"},Zm={structural:void 0},Qm=Wm.compose({name:`${Rr.prefix}-field`,template:Po,styles:Km,shadowOptions:{mode:Rr.shadowRootMode}});class Jm extends Oo{}const eg={...zo},tg={...No},og=Jm.compose({name:`${Rr.prefix}-image`,template:Do,styles:To,shadowOptions:{mode:Rr.shadowRootMode}});class ng extends Fo{}const ig=ng.compose({name:`${Rr.prefix}-label`,template:Vo,styles:Ho,shadowOptions:{mode:Rr.shadowRootMode}}),rg={..._o},sg={...jo};class ag extends Xo{}const lg={...Wo},dg={...Ko},cg={...qo},hg=ag.compose({name:`${Rr.prefix}-anchor-button`,template:Yo,styles:Go,shadowOptions:{mode:Rr.shadowRootMode}});class ug extends Uo{}const pg=ug.compose({name:`${Rr.prefix}-message-bar`,template:Qo,styles:Zo,shadowOptions:{mode:Rr.shadowRootMode}});class mg extends Jo{}const gg=se,fg=le,bg=de,vg=mg.compose({name:`${Rr.prefix}-menu-button`,template:tn,styles:en,shadowOptions:{mode:Rr.shadowRootMode}}),wg=Fi`
|
|
151
|
+
${n("grid")}
|
|
152
|
+
|
|
153
|
+
:host{--indent:0;align-items:center;background:${A};border-radius:${i};color:${Oe};contain:layout;cursor:pointer;flex-shrink:0;font:${d} ${l} / ${c}
|
|
154
|
+
${a};grid-gap:${u};grid-template-columns:${e} ${e} auto ${e};height:${rl};overflow:visible;padding:0 ${h}}:host(:hover){background:${g};color:${f}}:host(:active){background-color:${q};color:${v}}:host(:active) ::slotted([slot="start"]){color:${on}}:host(${Vr}){background-color:${Q};color:${w}}:host(${Vr}) ::slotted([slot="start"]),:host(${Vr}) ::slotted([slot="end"]){color:${w}}:host(:focus-visible){border-radius:${i};outline:${M} solid ${r}}.content{white-space:nowrap;flex-grow:1;grid-column:auto / span 2;padding:0 ${I}}:host(:not(${Fr})) .indicator,:host(:not(${Fr})) ::slotted([slot="indicator"]),:host(:not(${Qr})) .submenu-glyph,:host(:not(${Qr})) ::slotted([slot="submenu-glyph"]){display:none}::slotted([slot="end"]){color:${nt};font:${d} ${y} / ${x}
|
|
155
|
+
${a};white-space:nowrap;}:host([data-indent="1"]){--indent:1}:host([data-indent="2"]){--indent:2;grid-template-columns:${e} ${e} auto auto}:host(${Qr}){grid-template-columns:${e} auto auto ${e}}:host([data-indent="2"]${Qr}){grid-template-columns:${e} ${e} auto auto ${e}}.indicator,::slotted([slot="indicator"]){grid-column:1 / span 1;width:${ml}}::slotted([slot="start"]){display:inline-flex;grid-column:calc(var(--indent)) / span 1}.content{grid-column:calc(var(--indent) + 1) / span 1}::slotted([slot="end"]){grid-column:calc(var(--indent) + 2) / span 1;justify-self:end}.submenu-glyph,::slotted([slot="submenu-glyph"]){grid-column:-2 / span 1;justify-self:end}@layer popover{:host{anchor-name:--menu-trigger;position:relative}::slotted([popover]){margin:0;max-height:var(--menu-max-height,auto);position:absolute;position-anchor:--menu-trigger;position-area:inline-end span-block-end;position-try-fallbacks:flip-inline;z-index:1}::slotted([popover]:not(:popover-open)){display:none}::slotted([popover]:popover-open){inset:unset}@supports not (anchor-name:--menu-trigger){::slotted([popover]){align-self:start}}}`.withBehaviors(Xe(Fi`
|
|
156
|
+
:host(${Vr}),:host(${Vr}) ::slotted([slot="start"]),:host(${Vr}) ::slotted([slot="end"]){color:GrayText}`)),yg=Di.partial('<svg class="indicator" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.05 3.49c.28.3.27.77-.04 1.06l-7.93 7.47A.85.85 0 014.9 12L2.22 9.28a.75.75 0 111.06-1.06l2.24 2.27 7.47-7.04a.75.75 0 011.06.04z" fill="currentColor"></path></svg>'),xg=Di.partial('<svg class="submenu-glyph" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M5.74 3.2a.75.75 0 00-.04 1.06L9.23 8 5.7 11.74a.75.75 0 101.1 1.02l4-4.25a.75.75 0 000-1.02l-4-4.25a.75.75 0 00-1.06-.04z" fill="currentColor"></path></svg>');const $g=Di`<template><slot name="indicator">${yg}</slot><slot name="start"></slot><div part="content" class="content"><slot></slot></div><slot name="end"></slot><slot name="submenu-glyph">${xg}</slot><slot name="submenu" ${Ti({property:"slottedSubmenu"})}></slot></template>`,kg=yr.compose({name:`${Rr.prefix}-menu-item`,template:$g,styles:wg,shadowOptions:{mode:Rr.shadowRootMode}});kg.define(Rr.registry);const Cg=Fi`
|
|
157
|
+
${n("flex")}
|
|
158
|
+
|
|
159
|
+
:host{flex-direction:column;height:fit-content;min-width:calc(${we} * 5);width:auto;background-color:${A};border:1px solid ${R};border-radius:${i};box-shadow:${tt};padding:${u};row-gap:${I}}`;const Sg=Di`<template slot="${e=>e.slot?e.slot:e.isNestedMenu()?"submenu":void 0}" @keydown="${(e,t)=>e.handleMenuKeyDown(t.event)}" @focusout="${(e,t)=>e.handleFocusOut(t.event)}"><slot ${Ti("items")}></slot></template>`,Ig=kr.compose({name:`${Rr.prefix}-menu-list`,template:Sg,styles:Cg,shadowOptions:{mode:Rr.shadowRootMode}}),Bg={above:"above",below:"below"},Eg={auto:Nc,none:Dc};function Lg(e){return e===Bg.above?{originX:"start",originY:"top",overlayX:"start",overlayY:"bottom"}:{originX:"start",originY:"bottom",overlayX:"start",overlayY:"top"}}class Mg{set position(e){this._position=e}get position(){return this._position}setOverflowBoundaryReference(e){this.overflowBoundaryReference=null!=e?e:null}constructor(e){var t;this.positionStrategy=null,this._position=Bg.below,this.menuReference=e.menuReference,this.anchorReference=e.anchorReference,this.overflowBoundaryReference=null!==(t=e.overflowBoundaryReference)&&void 0!==t?t:null}buildPositionCandidates(){const e=this._position,t=Object.values(Bg);return[Lg(e),...t.filter(t=>t!==e).map(e=>Lg(e))]}createPositionStrategy(){var e;if(!this.menuReference||!this.anchorReference)return null;const t=null!==(e=this.menuReference.parentElement)&&void 0!==e?e:null;return new Hc({origin:this.anchorReference,overlay:this.menuReference,positions:this.buildPositionCandidates(),boundaryElement:this.overflowBoundaryReference,viewportMargin:15,offsetParent:t,resize:!0})}reposition(){if(this.positionStrategy=null,this.positionStrategy=this.createPositionStrategy(),!this.positionStrategy)return null;const e=this.positionStrategy.reposition();if(!e)return null;const t=e.positionResult.position,o="top"===t.originY&&"bottom"===t.overlayY;return this._position=o?Bg.above:Bg.below,e}}var Rg=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Ag extends Ai{constructor(){super(...arguments),this.positioning=null,this.openOnHover=!1,this.openOnContext=!1,this.closeOnScroll=!1,this.persistOnItemClick=!1,this.split=!1,this.menuPosition=Bg.below,this.repositionMode=Eg.none,this.slottedMenuList=[],this.slottedTriggers=[],this._open=!1,this.openMenuInternal=e=>{this._open||(this.repositionMode==Eg.auto&&(this.addRepositioningHandlers(),this.createPositioningManager(),this.scheduleReposition()),this.setMenuOpenState(!0),this.focusMenuList(),e&&this.openOnContext&&e.preventDefault(),document.addEventListener("click",this.documentClickHandler),this.closeOnScroll&&document.addEventListener("scroll",this.closeMenu))},this.closeMenuInternal=()=>{this._open&&(this.setMenuOpenState(!1),this.removeRepositioningListeners(),document.removeEventListener("click",this.documentClickHandler),this.closeOnScroll&&document.removeEventListener("scroll",this.closeMenu))},this.repositionMenu=()=>{var e;this.positioning&&this._menuList&&(this.positioning.position=null!==(e=this.menuPosition)&&void 0!==e?e:Bg.below,this.positioning.reposition())},this.handleWindowChanges=Nd(()=>{this._open&&this.scheduleReposition()},50),this.toggleMenu=()=>{this.setComponent(),this._open?(this.closeMenuInternal(),this.focusTrigger()):this.openMenuInternal()},this.closeMenu=()=>{this.closeMenuInternal()},this.openMenu=e=>{this.openMenuInternal(e)},this.triggerKeydownHandler=e=>{if(e.defaultPrevented)return;switch(e.key){case tr:case Qi:e.preventDefault(),this.toggleMenu();break;default:return!0}},this.documentClickHandler=e=>{this._open&&(e.composedPath().some(e=>e===this._trigger||e===this._menuList)||this.closeMenu())}}menuPositionChanged(){var e;this.positioning&&(this.positioning.position=null!==(e=this.menuPosition)&&void 0!==e?e:Bg.below),this._open&&this.scheduleReposition()}slottedMenuListChanged(){this.setComponent(),this._open&&this.scheduleReposition()}slottedTriggersChanged(){this.setComponent(),this._open&&this.scheduleReposition()}setMenuOpenState(e){var t;this._open=e,null===(t=this._trigger)||void 0===t||t.setAttribute("aria-expanded",`${e}`),this._menuList&&this._menuList.classList.toggle("menu-open",e)}scheduleReposition(){zi.enqueue(()=>{this.repositionMenu()})}addWindowEventListeners(){window.addEventListener("resize",this.handleWindowChanges),window.addEventListener("scroll",this.handleWindowChanges)}removeWindowEventListeners(){window.removeEventListener("resize",this.handleWindowChanges),window.removeEventListener("scroll",this.handleWindowChanges)}addOverflowBoundaryEventListeners(){this.overflowBoundary&&this.overflowBoundary.addEventListener("scroll",this.handleWindowChanges)}addRepositioningHandlers(){this.repositionMode!==Eg.none&&(this.addWindowEventListeners(),this.addOverflowBoundaryEventListeners())}createPositioningManager(){this._menuList&&this._trigger&&this.repositionMode!==Eg.none&&(this.positioning=null,this.positioning=new Mg({menuReference:this._menuList,anchorReference:this._trigger,overflowBoundaryReference:this.overflowBoundary}))}removeRepositioningListeners(){this._menuList&&this.removeWindowEventListeners()}connectedCallback(){super.connectedCallback(),zi.enqueue(()=>{this.setComponent()})}disconnectedCallback(){super.disconnectedCallback(),this.removeListeners(),this.removeRepositioningListeners(),document.removeEventListener("click",this.documentClickHandler),document.removeEventListener("scroll",this.closeMenu)}setComponent(){this.$fastController.isConnected&&this.slottedMenuList.length&&this.slottedTriggers.length&&(this._trigger=this.slottedTriggers[0],this._menuList=this.slottedMenuList[0],this._trigger.setAttribute("aria-haspopup","true"),this._trigger.setAttribute("aria-expanded",`${this._open}`),this._menuList.setAttribute("data-menu-list",""),this.addListeners())}focusMenuList(){zi.enqueue(()=>{this._menuList.focus()})}focusTrigger(){zi.enqueue(()=>{this._trigger.focus()})}openOnHoverChanged(e,t){var o,n;t?null===(o=this._trigger)||void 0===o||o.addEventListener("mouseover",this.openMenu):null===(n=this._trigger)||void 0===n||n.removeEventListener("mouseover",this.openMenu)}persistOnItemClickChanged(e,t){var o,n;t?null===(n=this._menuList)||void 0===n||n.removeEventListener("change",this.closeMenu):null===(o=this._menuList)||void 0===o||o.addEventListener("change",this.closeMenu)}repositionModeChanged(e,t){t===Eg.none?this.positioning=null:!this.positioning&&this._open&&this.createPositioningManager(),this._open&&this.scheduleReposition()}overflowBoundaryChanged(e,t){var o;e&&e.removeEventListener("scroll",this.handleWindowChanges),this._open&&this.repositionMode!==Eg.none?(t&&t.addEventListener("scroll",this.handleWindowChanges),null===(o=this.positioning)||void 0===o||o.setOverflowBoundaryReference(null!=t?t:null),this.scheduleReposition()):this.positioning&&this.positioning.setOverflowBoundaryReference(null!=t?t:null)}openOnContextChanged(e,t){var o,n;t?null===(o=this._trigger)||void 0===o||o.addEventListener("contextmenu",this.openMenu):null===(n=this._trigger)||void 0===n||n.removeEventListener("contextmenu",this.openMenu)}closeOnScrollChanged(e,t){t?document.addEventListener("scroll",this.closeMenu):document.removeEventListener("scroll",this.closeMenu)}addListeners(){var e,t,o,n,i;null===(e=this._trigger)||void 0===e||e.addEventListener("keydown",this.triggerKeydownHandler),this.persistOnItemClick||null===(t=this._menuList)||void 0===t||t.addEventListener("change",this.closeMenu),this.openOnHover?null===(o=this._trigger)||void 0===o||o.addEventListener("mouseover",this.openMenu):this.openOnContext?null===(n=this._trigger)||void 0===n||n.addEventListener("contextmenu",this.openMenu):null===(i=this._trigger)||void 0===i||i.addEventListener("click",this.toggleMenu)}removeListeners(){var e,t,o,n,i;null===(e=this._trigger)||void 0===e||e.removeEventListener("keydown",this.triggerKeydownHandler),this.persistOnItemClick||null===(t=this._menuList)||void 0===t||t.removeEventListener("change",this.closeMenu),this.openOnHover&&(null===(o=this._trigger)||void 0===o||o.removeEventListener("mouseover",this.openMenu)),this.openOnContext?null===(n=this._trigger)||void 0===n||n.removeEventListener("contextmenu",this.openMenu):null===(i=this._trigger)||void 0===i||i.removeEventListener("click",this.toggleMenu)}menuKeydownHandler(e){if(e.defaultPrevented)return;if(e.key!==Ji)return!0;e.preventDefault(),this._open&&(this.closeMenuInternal(),this.focusTrigger())}}Rg([Pi({attribute:"open-on-hover",mode:"boolean"})],Ag.prototype,"openOnHover",void 0),Rg([Pi({attribute:"open-on-context",mode:"boolean"})],Ag.prototype,"openOnContext",void 0),Rg([Pi({attribute:"close-on-scroll",mode:"boolean"})],Ag.prototype,"closeOnScroll",void 0),Rg([Pi({attribute:"persist-on-item-click",mode:"boolean"})],Ag.prototype,"persistOnItemClick",void 0),Rg([Pi({mode:"boolean"})],Ag.prototype,"split",void 0),Rg([Pi({attribute:"menu-position"})],Ag.prototype,"menuPosition",void 0),Rg([Pi({attribute:"reposition-mode"})],Ag.prototype,"repositionMode",void 0),Rg([Oi],Ag.prototype,"overflowBoundary",void 0),Rg([Oi],Ag.prototype,"slottedMenuList",void 0),Rg([Oi],Ag.prototype,"slottedTriggers",void 0);const Pg=Fi`
|
|
160
|
+
${n("inline-block")}
|
|
161
|
+
|
|
162
|
+
:host{position:relative}::slotted([data-menu-list]){margin:0;max-height:var(--menu-max-height,auto);overflow-y:auto;position:absolute;inset-block-start:100%;inset-inline-start:0;z-index:1}::slotted([data-menu-list]:not(.menu-open)){display:none}:host([split]){display:inline-flex}:host([split]) ::slotted([slot="primary-action"]){border-inline-end:${P} solid ${z};border-start-end-radius:0;border-end-end-radius:0;z-index:1}:host([split]) ::slotted([slot="primary-action"]:focus-visible){z-index:1}:host([split]) ::slotted([slot="primary-action"][appearance="primary"]){border-inline-end:${P} solid
|
|
163
|
+
${De}}:host([split]) ::slotted([slot="trigger"]){border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0}`;const Og=Di`<template ?open-on-hover="${e=>e.openOnHover}" ?open-on-context="${e=>e.openOnContext}" ?close-on-scroll="${e=>e.closeOnScroll}" ?persist-on-item-click="${e=>e.persistOnItemClick}" ?split="${e=>e.split}" menu-position="${e=>e.menuPosition}" @keydown="${(e,t)=>e.menuKeydownHandler(t.event)}"><slot name="primary-action"></slot><slot name="trigger" ${Ti({property:"slottedTriggers",filter:Vi()})}></slot><slot ${Ti({property:"slottedMenuList",filter:Vi()})}></slot></template>`,zg=Ag.compose({name:`${Rr.prefix}-menu`,template:Og,styles:Pg,shadowOptions:{mode:Rr.shadowRootMode}});var Ng=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Tg extends Ai{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.slottedOptions=[]}get options(){return this.slottedOptions.filter(e=>Bo(e))}disabledChanged(e,t){this.elementInternals.ariaDisabled=t?"true":"false"}connectedCallback(){super.connectedCallback(),this.elementInternals.role="group"}labelChanged(e,t){this.elementInternals.ariaLabel=null!=t?t:null}}Ng([Pi],Tg.prototype,"label",void 0),Ng([Pi({mode:"boolean"})],Tg.prototype,"disabled",void 0),Ng([Oi],Tg.prototype,"slottedOptions",void 0);const Dg=Fi`
|
|
164
|
+
:host{display:block;font-family:${a}}:host([hidden]){display:none}.label{color:${nt};font-size:${y};font-weight:${ye};line-height:${x};padding-block:${et};padding-inline:${te};user-select:none;cursor:default}:host([disabled]) .label{color:${w}}:host([disabled]) ::slotted(*){color:${w};background-color:${A};cursor:default}.options{display:flex;flex-direction:column;padding-block-end:${oe}}`;const Fg=Di`<template ?disabled="${e=>e.disabled}"><div class="label">${e=>e.label}</div><div class="options" role="presentation"><slot ${Ti("slottedOptions")}></slot></div></template>`,Hg=Tg.compose({name:`${Rr.prefix}-option-group`,template:Fg,styles:Dg,shadowOptions:{mode:Rr.shadowRootMode}});class Vg extends nn{}const _g=Vg.compose({name:`${Rr.prefix}-progress-bar`,template:sn,styles:rn,shadowOptions:{mode:Rr.shadowRootMode}}),jg={...an},Xg={...ln},Wg={...dn};class Kg extends cn{}const qg={...hn},Gg=Kg.compose({name:`${Rr.prefix}-radio-group`,template:pn,styles:un,shadowOptions:{mode:Rr.shadowRootMode}});class Yg extends mn{}const Ug=Yg.compose({name:`${Rr.prefix}-radio`,template:fn,styles:gn,shadowOptions:{mode:Rr.shadowRootMode}});class Zg extends bn{}const Qg=Zg.compose({name:`${Rr.prefix}-rating-display`,template:wn,styles:vn,shadowOptions:{mode:Rr.shadowRootMode}}),Jg={...yn},ef={...xn},tf={small:"small",medium:"medium",large:"large"},of={outline:"outline",underline:"underline",filledLighter:"filled-lighter",filledDarker:"filled-darker"},nf={email:"email",password:"password",number:"number",tel:"tel",text:"text",url:"url"},rf=["date","datetime-local","email","month","number","password","search","tel","text","time","url","week"];var sf=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class af extends Ai{constructor(){super(...arguments),this.type=nf.text,this.dirtyValue=!1,this.elementInternals=this.attachInternals()}currentValueChanged(e,t){this.value=t}defaultSlottedNodesChanged(e,t){this.$fastController.isConnected&&(this.controlLabel.hidden=!(null==t?void 0:t.length))}initialValueChanged(){this.dirtyValue||(this.value=this.initialValue)}readOnlyChanged(){this.$fastController.isConnected&&(this.elementInternals.ariaReadOnly=`${!!this.readOnly}`)}requiredChanged(e,t){this.$fastController.isConnected&&(this.elementInternals.ariaRequired=`${!!t}`)}controlChanged(e,t){this.setValidity()}get validity(){return this.elementInternals.validity}get validationMessage(){return this.elementInternals.validationMessage||this.control.validationMessage}get value(){return Ni.track(this,"value"),this.currentValue}set value(e){this.currentValue=e,this.$fastController.isConnected&&(this.control.value=null!=e?e:"",this.setFormValue(e),this.setValidity(),Ni.notify(this,"value"))}get willValidate(){return this.elementInternals.willValidate}get form(){return this.elementInternals.form}beforeinputHandler(e){return"insertLineBreak"===e.inputType&&this.implicitSubmit(),!0}changeHandler(e){return this.setValidity(),this.$emit("change",e,{bubbles:!0,composed:!0}),!0}checkValidity(){return this.elementInternals.checkValidity()}clickHandler(e){var t;return e.target===this&&(null===(t=this.control)||void 0===t||t.click()),!0}connectedCallback(){super.connectedCallback(),this.setFormValue(this.value),this.setValidity()}focusinHandler(e){var t;return e.target===this&&(null===(t=this.control)||void 0===t||t.focus()),!0}formResetCallback(){this.value=this.initialValue,this.dirtyValue=!1}implicitSubmit(){if(!this.elementInternals.form)return;if(1===this.elementInternals.form.elements.length)return void this.elementInternals.form.requestSubmit();const e=Array.from(this.elementInternals.form.elements),t=e.find(e=>"submit"===e.getAttribute("type"));if(t)return void t.click();e.filter(e=>{var t;return rf.includes(null!==(t=e.getAttribute("type"))&&void 0!==t?t:"")}).length>1||this.elementInternals.form.requestSubmit()}inputHandler(e){return this.dirtyValue=!0,this.value=this.control.value,!0}keydownHandler(e){return"Enter"===e.key&&this.implicitSubmit(),!0}select(){this.control.select(),this.$emit("select")}setCustomValidity(e){this.elementInternals.setValidity({customError:!0},e),this.reportValidity()}reportValidity(){return this.elementInternals.reportValidity()}setFormValue(e,t){this.elementInternals.setFormValue(e,null!=e?e:t)}setValidity(e,t,o){if(this.$fastController.isConnected&&this.control){if(this.disabled)return void this.elementInternals.setValidity({});this.elementInternals.setValidity(null!=e?e:this.control.validity,null!=t?t:this.validationMessage,null!=o?o:this.control)}}}af.formAssociated=!0,sf([Pi],af.prototype,"autocomplete",void 0),sf([Pi({mode:"boolean"})],af.prototype,"autofocus",void 0),sf([Pi({attribute:"current-value"})],af.prototype,"currentValue",void 0),sf([Oi],af.prototype,"defaultSlottedNodes",void 0),sf([Pi],af.prototype,"dirname",void 0),sf([Pi({mode:"boolean"})],af.prototype,"disabled",void 0),sf([Pi({attribute:"form"})],af.prototype,"formAttribute",void 0),sf([Pi({attribute:"value",mode:"fromView"})],af.prototype,"initialValue",void 0),sf([Pi],af.prototype,"list",void 0),sf([Pi({converter:Xi})],af.prototype,"maxlength",void 0),sf([Pi({converter:Xi})],af.prototype,"minlength",void 0),sf([Pi({mode:"boolean"})],af.prototype,"multiple",void 0),sf([Pi],af.prototype,"name",void 0),sf([Pi],af.prototype,"pattern",void 0),sf([Pi],af.prototype,"placeholder",void 0),sf([Pi({attribute:"readonly",mode:"boolean"})],af.prototype,"readOnly",void 0),sf([Pi({mode:"boolean"})],af.prototype,"required",void 0),sf([Pi({converter:Xi})],af.prototype,"size",void 0),sf([Pi({converter:{fromView:e=>"string"==typeof e?["true",""].includes(e.trim().toLowerCase()):null,toView:e=>e.toString()}})],af.prototype,"spellcheck",void 0),sf([Pi],af.prototype,"type",void 0),sf([Oi],af.prototype,"control",void 0),sf([Oi],af.prototype,"controlLabel",void 0);var lf=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class df extends af{}lf([Pi],df.prototype,"appearance",void 0),lf([Pi({attribute:"control-size"})],df.prototype,"controlSize",void 0),Od(df,$n);const cf={...tf},hf={...of},uf={...nf},pf=[...rf],mf={search:"search"};var gf=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class ff extends df{constructor(){super(...arguments),this.type=uf.text,this.clearButton=void 0}focus(){this.control.focus()}blur(){this.control.blur()}showClearButton(){this.clearButton&&(this.clearButton.style.display="inline-flex",this.clearButton.setAttribute("aria-hidden","false"))}hideClearButton(){this.clearButton&&(this.clearButton.style.display="none",this.clearButton.setAttribute("aria-hidden","true"))}currentValueChanged(e,t){this.value=t,this.clearButton&&this.value.length>0?this.showClearButton():this.hideClearButton()}clear(){this.value="",this.control.focus()}handleSubmit(){this.emitSearch()}emitSearch(){this.dispatchEvent(new CustomEvent(mf.search,{bubbles:!0,composed:!0,detail:{query:this.value}}))}handleKeydown(e){"Enter"===e.key&&this.currentValue&&this.handleSubmit()}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeydown),Sd.define(customElements)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeydown)}}gf([Oi],ff.prototype,"clearButton",void 0);const bf=Fi`
|
|
165
|
+
${n("block")}
|
|
166
|
+
|
|
167
|
+
:host{font-family:${a};font-size:${l};font-weight:${d};line-height:${c};max-width:400px;}.label{display:flex;color:${p};padding-bottom:${et};flex-shrink:0;padding-inline-end:${u}}.label[hidden],:host(:empty) .label{display:none}.root{align-items:center;background-color:${A};border:${P} solid ${z};border-bottom-color:${kn};border-radius:${i};box-sizing:border-box;height:${rl};display:inline-flex;flex-direction:row;gap:${I};padding:0 ${h};position:relative;width:100%;box-shadow:unset}:has(.control:user-invalid){border-color:${Cn}}.root::after{box-sizing:border-box;content:"";position:absolute;inset-inline-start:-1px;bottom:0px;inset-inline-end:-1px;height:max(2px,${i});border-radius:0 0 ${i} ${i};border-bottom:2px solid ${Sn};clip-path:inset(calc(100% - 2px) 1px 0px);transform:scaleX(0);transition-property:transform;transition-duration:${In};transition-delay:${Bn}}.control{width:100%;height:100%;box-sizing:border-box;color:${p};border-radius:${i};background:${m};font-family:${a};font-weight:${d};font-size:${l};border:none;vertical-align:center}.control:focus-visible{outline:0;border:0}.control::placeholder{color:${En}}:host ::slotted([slot="start"]),:host ::slotted([slot="end"]){display:flex;align-items:center;justify-content:center;color:${nt};font-size:${C}}:host ::slotted([slot="start"]){padding-inline-end:${I}}:host ::slotted([slot="end"]){padding-inline-start:${I};gap:${u}}:host(:hover) .root{border-color:${_};border-bottom-color:${Ln}}:host(:active) .root{border-color:${X}}:host(:focus-within) .root{outline:transparent solid 2px;border-bottom:0}:host(:focus-within) .root::after{transform:scaleX(1);transition-property:transform;transition-duration:${Mn};transition-delay:${Rn}}:host(:focus-within:active) .root:after{border-bottom-color:${An}}:host([appearance="outline"]:focus-within) .root{border:${P} solid ${z}}:host(:focus-within) .control{color:${p}}:host([disabled]) .root{background:${m};border:${P} solid ${Te}}:host([disabled]) .control::placeholder,:host([disabled]) ::slotted([slot="start"]),:host([disabled]) ::slotted([slot="end"]){color:${w}}::selection{color:${De};background-color:${Pe}}:host([control-size="small"]) .control{font-size:${y};font-weight:${d};line-height:${x}}:host([control-size="small"]) .root{height:${il};gap:${I};padding:0 ${B}}:host([control-size="small"]) ::slotted([slot="start"]),:host([control-size="small"]) ::slotted([slot="end"]){font-size:${$}}:host([control-size="large"]) .control{font-size:${$};font-weight:${d};line-height:${k}}:host([control-size="large"]) .root{height:40px;gap:${s};padding:0 ${te}}:host([control-size="large"]) ::slotted([slot="start"]),:host([control-size="large"]) ::slotted([slot="end"]){font-size:${Se}}:host([appearance="underline"]) .root{background:${m};border:0;border-radius:0;border-bottom:${P} solid ${kn}}:host([appearance="underline"]:hover) .root{border-bottom-color:${Ln}}:host([appearance="underline"]:active) .root{border-bottom-color:${Pn}}:host([appearance="underline"]:focus-within) .root{border:0;border-bottom-color:${Pn}}:host([appearance="underline"][disabled]) .root{border-bottom-color:${Te}}:host([appearance="filled-lighter"]) .root,:host([appearance="filled-darker"]) .root{border:${P} solid ${R}}:host([appearance="filled-lighter"]) .root{background:${A}}:host([appearance="filled-darker"]) .root{background:${Ue}}:host([appearance="filled-lighter"]:hover) .root,:host([appearance="filled-darker"]:hover) .root{border-color:${T}}:host([appearance="filled-lighter"]:active) .root,:host([appearance="filled-darker"]:active) .root{border-color:${T};background:${Ue}}`,vf=Fi`
|
|
168
|
+
${bf}
|
|
169
|
+
|
|
170
|
+
.root{padding-inline-end:0px}.search-icon{display:flex;box-sizing:border-box;color:${nt}}fabric-button.clear-button{min-width:${ml};min-height:${ml};margin-inline-end:${u};padding:0px 2px;display:none}`,wf=Di`<svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M12.7291 13.4362C11.5924 14.411 10.115 15 8.5 15C4.91015 15 2 12.0899 2 8.5C2 4.91015 4.91015 2 8.5 2C12.0899 2 15 4.91015 15 8.5C15 10.115 14.411 11.5924 13.4361 12.7292L16.8535 16.1465C17.0487 16.3417 17.0487 16.6583 16.8535 16.8536C16.6799 17.0271 16.4105 17.0464 16.2156 16.9114L16.1464 16.8536L12.7291 13.4362ZM12.0196 12.7266C12.276 12.5128 12.5127 12.2761 12.7265 12.0197C13.5216 11.0659 14 9.83881 14 8.5C14 5.46243 11.5376 3 8.5 3C5.46243 3 3 5.46243 3 8.5C3 11.5376 5.46243 14 8.5 14C9.83877 14 11.0658 13.5217 12.0196 12.7266Z" fill="#616161" /></svg>`,yf=Di`<svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M4.08859 4.21569L4.14645 4.14645C4.32001 3.97288 4.58944 3.9536 4.78431 4.08859L4.85355 4.14645L10 9.293L15.1464 4.14645C15.32 3.97288 15.5894 3.9536 15.7843 4.08859L15.8536 4.14645C16.0271 4.32001 16.0464 4.58944 15.9114 4.78431L15.8536 4.85355L10.707 10L15.8536 15.1464C16.0271 15.32 16.0464 15.5894 15.9114 15.7843L15.8536 15.8536C15.68 16.0271 15.4106 16.0464 15.2157 15.9114L15.1464 15.8536L10 10.707L4.85355 15.8536C4.67999 16.0271 4.41056 16.0464 4.21569 15.9114L4.14645 15.8536C3.97288 15.68 3.9536 15.4106 4.08859 15.2157L4.14645 15.1464L9.293 10L4.14645 4.85355C3.97288 4.67999 3.9536 4.41056 4.08859 4.21569L4.14645 4.14645L4.08859 4.21569Z" fill="#616161" /></svg>`;const xf=Di`<template @beforeinput="${(e,t)=>e.beforeinputHandler(t.event)}" @focusin="${(e,t)=>e.focusinHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}"><label for="control" class="label" ${Hi("controlLabel")}><slot ${Ti({property:"defaultSlottedNodes",filter:oc})}></slot></label><span class="root"><span class="search-icon">${wf}</span><input aria-label="${e=>e.ariaLabel}" class="control" id="control" @change="${(e,t)=>e.changeHandler(t.event)}" @input="${(e,t)=>e.inputHandler(t.event)}" ?autofocus="${e=>e.autofocus}" autocomplete="${e=>e.autocomplete}" ?disabled="${e=>e.disabled}" list="${e=>e.list}" maxlength="${e=>e.maxlength}" minlength="${e=>e.minlength}" ?multiple="${e=>e.multiple}" name="${e=>e.name}" pattern="${e=>e.pattern}" placeholder="${e=>e.placeholder}" ?readonly="${e=>e.readOnly}" ?required="${e=>e.required}" size="${e=>e.size}" spellcheck="${e=>e.spellcheck}" type="${e=>e.type}" value="${e=>e.initialValue}" ${Hi("control")} /><fabric-button aria-label="clear" appearance="transparent" class="clear-button" aria-hidden="true" ${Hi("clearButton")} @click="${e=>e.clear()}">${yf}</fabric-button><slot name="end"></slot></span></template>`,$f=ff.compose({name:`${Rr.prefix}-search-box`,template:xf,styles:vf,shadowOptions:{mode:Rr.shadowRootMode}});class kf extends On{}const Cf={...zn},Sf={...Nn},If={...Tn},Bf={change:"change"},Ef=kf.compose({name:`${Rr.prefix}-slider`,template:Fn,styles:Dn,shadowOptions:{mode:Rr.shadowRootMode}});class Lf extends Hn{}const Mf={...Vn},Rf={..._n},Af=Lf.compose({name:`${Rr.prefix}-spinner`,template:Xn,styles:jn,shadowOptions:{mode:Rr.shadowRootMode}});class Pf extends Wn{}const Of=Pf.compose({name:`${Rr.prefix}-switch`,template:qn,styles:Kn,shadowOptions:{mode:Rr.shadowRootMode}});class zf extends Gn{}const Nf=zf.compose({name:`${Rr.prefix}-tab`,template:Un,styles:Yn,shadowOptions:{mode:Rr.shadowRootMode}}),Tf={...Zn},Df={...Qn},Ff={...Jn},Hf={activeIndexChange:"active-index-change",change:"change"};class Vf extends ei{get activeTabIndexPublic(){return this.tabs&&this.activeid?this.tabs.findIndex(e=>e.id===this.activeid):-1}emitActiveIndexChange(e){this.dispatchEvent(new CustomEvent(Hf.activeIndexChange,{detail:{activeTabIndex:e},bubbles:!0,composed:!0}))}activeidChanged(e,t){super.activeidChanged(e,t),this.emitActiveIndexChange(this.activeTabIndexPublic)}}const _f=Vf.compose({name:`${Rr.prefix}-tablist`,template:oi,styles:ti,shadowOptions:{mode:Rr.shadowRootMode}});class jf extends ni{}const Xf=jf.compose({name:`${Rr.prefix}-textarea`,template:ri,styles:ii,shadowOptions:{mode:Rr.shadowRootMode}}),Wf={...si},Kf={...li},qf={...di},Gf={...ci},Yf=[...ai];const Uf=Di`<template @beforeinput="${(e,t)=>e.beforeinputHandler(t.event)}" @focusin="${(e,t)=>e.focusinHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}"><label part="label" for="control" class="label" ${Hi("controlLabel")}><slot ${Ti({property:"defaultSlottedNodes",filter:oc})}></slot></label><div class="root" part="root"><slot name="start"></slot><input class="control" part="control" id="control" @change="${(e,t)=>e.changeHandler(t.event)}" @input="${(e,t)=>e.inputHandler(t.event)}" ?autofocus="${e=>e.autofocus}" autocomplete="${e=>e.autocomplete}" ?disabled="${e=>e.disabled}" list="${e=>e.list}" maxlength="${e=>e.maxlength}" minlength="${e=>e.minlength}" ?multiple="${e=>e.multiple}" name="${e=>e.name}" pattern="${e=>e.pattern}" placeholder="${e=>e.placeholder}" ?readonly="${e=>e.readOnly}" ?required="${e=>e.required}" size="${e=>e.size}" spellcheck="${e=>e.spellcheck}" type="${e=>e.type}" value="${e=>e.initialValue}" ${Hi("control")} /><slot name="end"></slot></div></template>`,Zf=df.compose({name:`${Rr.prefix}-text-input`,template:Uf,styles:bf,shadowOptions:{mode:Rr.shadowRootMode}});class Qf extends hi{}const Jf=Qf.compose({name:`${Rr.prefix}-text`,template:pi,styles:ui,shadowOptions:{mode:Rr.shadowRootMode}}),eb={...mi},tb={...gi},ob={...fi},nb={...bi};class ib extends vi{clickHandler(e){if(e.defaultPrevented)return;const t=this.findClosestTreeItem(e.target);if(!t)return!0;t.toggleExpansion(),t.selected=!0}findClosestTreeItem(e){var t;let o=e;for(;o&&o!==this;){if(null===(t=o.tagName)||void 0===t?void 0:t.toLowerCase().endsWith("-tree-item"))return o;o=o.parentElement}}}const rb=ib.compose({name:`${Rr.prefix}-tree`,template:yi,styles:wi,shadowOptions:{mode:Rr.shadowRootMode}});class sb extends xi{}const ab=Di.partial('<svg viewBox="0 0 12 12" fill="currentColor"><path d="M4.65 2.15a.5.5 0 000 .7L7.79 6 4.65 9.15a.5.5 0 10.7.7l3.5-3.5a.5.5 0 000-.7l-3.5-3.5a.5.5 0 00-.7 0z"></path></svg>'),lb=Di`<template slot="${e=>e.isNestedItem?"item":void 0}"><div class="positioning-region" part="positioning-region"><div class="content" part="content"><span class="chevron" part="chevron" aria-hidden="true"><slot name="chevron">${ab}</slot></span><slot name="start"></slot><div class="text"><slot></slot></div><slot name="end"></slot></div><div class="aside" part="aside"><slot name="aside"></slot></div></div><div role="group" class="items" part="items"><slot name="item" ${Hi("itemSlot")} @slotchange="${e=>e.handleItemSlotChange()}"></slot></div></template>`,db=Fi`
|
|
171
|
+
${$i}
|
|
172
|
+
|
|
173
|
+
.content{min-inline-size:0}.text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}`,cb=sb.compose({name:`${Rr.prefix}-tree-item`,template:lb,styles:db,shadowOptions:{mode:Rr.shadowRootMode}});class hb extends ki{}const ub={...Ci},pb={...Si},mb={...Ii},gb={...ce},fb={...ae},bb=hb.compose({name:`${Rr.prefix}-toggle-button`,template:Bi,styles:Go,shadowOptions:{mode:Rr.shadowRootMode}});class vb extends Ei{constructor(){super(...arguments),this.handleKeydown=e=>{e.key===Ji&&(clearTimeout(this.showTimer),this.showTimer=void 0,clearTimeout(this.hideTimer),this.hideTimer=void 0,this.setAttribute("aria-hidden","true"),this.hidePopover(),document.removeEventListener("keydown",this.handleKeydown))}}get resolvedAnchorElement(){var e;const t=this.getRootNode();return(t instanceof ShadowRoot||t instanceof Document?t:document).getElementById(null!==(e=this.anchor)&&void 0!==e?e:"")}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.handleKeydown),clearTimeout(this.showTimer),this.showTimer=void 0,clearTimeout(this.hideTimer),this.hideTimer=void 0}showTooltip(e){var t;clearTimeout(this.hideTimer),this.hideTimer=void 0,clearTimeout(this.showTimer);const o=null!==(t=null!=e?e:this.delay)&&void 0!==t?t:vb.DEFAULT_DELAY;this.showTimer=setTimeout(()=>{this.showTimer=void 0,this.setAttribute("aria-hidden","false"),this.showPopover(),document.addEventListener("keydown",this.handleKeydown)},o)}hideTooltip(e){var t;clearTimeout(this.showTimer),this.showTimer=void 0,clearTimeout(this.hideTimer);const o=null!==(t=null!=e?e:this.delay)&&void 0!==t?t:vb.DEFAULT_DELAY;this.hideTimer=setTimeout(()=>{var e;this.hideTimer=void 0,this.matches(":hover")||(null===(e=this.resolvedAnchorElement)||void 0===e?void 0:e.matches(":hover"))?this.hideTooltip(o):(this.setAttribute("aria-hidden","true"),this.hidePopover(),document.removeEventListener("keydown",this.handleKeydown))},o)}}vb.DEFAULT_DELAY=250;const wb=vb.compose({name:`${Rr.prefix}-tooltip`,template:Mi,styles:Li,shadowOptions:{mode:Rr.shadowRootMode}}),yb={...Ri};export{Op as Accordion,zp as AccordionDefinition,Np as AccordionExpandModes,Mp as AccordionItem,Pp as AccordionItemDefinition,Ap as AccordionItemMarkerPositions,Rp as AccordionItemSizes,Er as AccordionMenu,Ar as AccordionMenuDefinition,Ir as AccordionMenuExpandModes,Sr as AccordionMenuPanel,Sl as AccordionMenuPanelDefinition,Or as AccordionMenuPanelMarkerPositions,Pr as AccordionMenuPanelSizes,Cl as AccordionMenuPanelStyles,Tr as AccordionMenuPanelTemplate,Mr as AccordionMenuStyles,Lr as AccordionMenuTemplate,ag as AnchorButton,lg as AnchorButtonAppearances,hg as AnchorButtonDefinition,dg as AnchorButtonShapes,cg as AnchorButtonSizes,Hp as AnchorTargets,_p as Avatar,jp as AvatarActives,Xp as AvatarAppearances,Wp as AvatarColors,Yp as AvatarDefinition,Kp as AvatarNamedColors,qp as AvatarShapes,Gp as AvatarSizes,Up as Badge,Zp as BadgeAppearances,Qp as BadgeColors,tm as BadgeDefinition,Jp as BadgeShapes,em as BadgeSizes,vd as Button,wd as ButtonAppearances,Sd as ButtonDefinition,$d as ButtonFormTargets,yd as ButtonShapes,xd as ButtonSizes,Cd as ButtonStyles,kd as ButtonTypes,jl as Card,Il as CardAppearances,Kl as CardDefinition,Ml as CardEventNames,El as CardFocusModes,ql as CardFooter,Ul as CardFooterDefinition,Zl as CardHeader,ed as CardHeaderDefinition,Bl as CardOrientations,td as CardPreview,id as CardPreviewDefinition,Xl as CardStyles,Wl as CardTemplate,pd as Carousel,fd as CarouselDefinition,md as CarouselStyles,gd as CarouselTemplate,om as Checkbox,rm as CheckboxDefinition,nm as CheckboxShapes,im as CheckboxSizes,Fc as CollisionEdges,uc as CompoundButton,sc as CompoundButtonAppearances,mc as CompoundButtonDefinition,dc as CompoundButtonFormTargets,ac as CompoundButtonShapes,lc as CompoundButtonSizes,cc as CompoundButtonTypes,sm as CounterBadge,am as CounterBadgeAppearances,lm as CounterBadgeColors,hm as CounterBadgeDefinition,dm as CounterBadgeShapes,cm as CounterBadgeSizes,um as Dialog,fm as DialogBody,bm as DialogBodyDefinition,mm as DialogDefinition,pm as DialogStyles,gm as DialogTypes,_d as DirectionDetector,vm as Divider,wm as DividerAlignContents,ym as DividerAppearances,Sm as DividerDefinition,xm as DividerOrientations,$m as DividerRoles,km as DividerStyles,Cm as DividerTemplate,Im as Drawer,Rm as DrawerBody,Am as DrawerBodyDefinition,Mm as DrawerDefinition,Bm as DrawerPositions,Em as DrawerSizes,Lm as DrawerTypes,Pm as Dropdown,Om as DropdownAppearances,Dm as DropdownDefinition,Fm as DropdownOption,Hm as DropdownOptionDefinition,zm as DropdownSizes,Nm as DropdownTypes,Rr as FabricDesignSystem,Wm as Field,Qm as FieldDefinition,Ym as FieldLabelPosition,Gm as FieldLabelPositions,Km as FieldStyles,Pd as FilterPill,Ed as FilterPillAppearances,rc as FilterPillDefinition,Rd as FilterPillEventNames,Bd as FilterPillFormTargets,Ld as FilterPillShapes,Md as FilterPillSizes,Id as FilterPillTypes,Jm as Image,og as ImageDefinition,eg as ImageFits,tg as ImageShapes,rf as ImplicitSubmissionBlockingTypes,ng as Label,ig as LabelDefinition,qm as LabelPositions,rg as LabelSizes,sg as LabelWeights,Tp as Link,Dp as LinkAppearances,Vp as LinkDefinition,Fp as LinkTargets,jm as Listbox,Xm as ListboxDefinition,fc as LoadingButton,wc as LoadingButtonDefinition,Ag as Menu,mg as MenuButton,gg as MenuButtonAppearances,vg as MenuButtonDefinition,fg as MenuButtonShapes,bg as MenuButtonSizes,zg as MenuDefinition,pr as MenuGroupRoles,yr as MenuItem,kg as MenuItemDefinition,hr as MenuItemRoles,wg as MenuItemStyles,$g as MenuItemTemplate,kr as MenuList,Ig as MenuListDefinition,Cg as MenuListStyles,Sg as MenuListTemplate,Bg as MenuPositions,Eg as MenuRepositionModes,Pg as MenuStyles,Og as MenuTemplate,ug as MessageBar,pg as MessageBarDefinition,qd as MockElementInternals,$c as MultiView,Ic as MultiViewController,Lc as MultiViewControllerDefinition,Sc as MultiViewDefinition,yc as MultiViewEventNames,Rc as MultiViewGroup,Oc as MultiViewGroupDefinition,zc as MultiViewGroupPositions,Tg as OptionGroup,Hg as OptionGroupDefinition,Uc as Popover,Jc as PopoverDefinition,Wc as PopoverEventNames,jc as PopoverPositions,Xc as PopoverRepositionModes,Zc as PopoverStyles,Qc as PopoverTemplate,_c as PositioningShorthand,Vg as ProgressBar,_g as ProgressBarDefinition,jg as ProgressBarShapes,Xg as ProgressBarThicknesses,Wg as ProgressBarValidationStates,Yg as Radio,Ug as RadioDefinition,Kg as RadioGroup,Gg as RadioGroupDefinition,qg as RadioGroupOrientations,Zg as RatingDisplay,Jg as RatingDisplayColors,Qg as RatingDisplayDefinition,ef as RatingDisplaySizes,ff as SearchBox,hf as SearchBoxAppearances,cf as SearchBoxControlSizes,$f as SearchBoxDefinition,mf as SearchBoxEventNames,pf as SearchBoxImplicitSubmissionBlockingTypes,uf as SearchBoxTypes,xh as SimpleTable,kh as SimpleTableDefinition,kf as Slider,Ef as SliderDefinition,Bf as SliderEventNames,Cf as SliderModes,Sf as SliderOrientations,If as SliderSizes,Zm as SlottableInputs,bh as SortDirections,Lf as Spinner,Mf as SpinnerAppearances,Af as SpinnerDefinition,Rf as SpinnerSizes,sh as SvgIcon,dh as SvgIconDefinition,Pf as Switch,Of as SwitchDefinition,zf as Tab,Nf as TabDefinition,fh as Table,ch as TableCell,mh as TableCellDefinition,hh as TableCellSizes,uh as TableCellStyles,ph as TableCellTemplate,yh as TableDefinition,vh as TableStyles,wh as TableTemplate,Vf as Tablist,Tf as TablistAppearances,_f as TablistDefinition,Hf as TablistEventNames,Df as TablistOrientations,Ff as TablistSizes,Mh as Tag,Bh as TagAppearances,Oh as TagDefinition,Eh as TagEventNames,Ih as TagShapes,Ch as TagSizes,Sh as TagTextSizes,ip as TeachingBubble,ap as TeachingBubbleDefinition,op as TeachingBubbleEventNames,tp as TeachingBubblePlacements,ep as TeachingBubbleSizes,Qf as Text,eb as TextAligns,jf as TextArea,Wf as TextAreaAppearances,Yf as TextAreaAppearancesForDisplayShadows,Kf as TextAreaAutocompletes,Xf as TextAreaDefinition,qf as TextAreaResizes,Gf as TextAreaSizes,Jf as TextDefinition,tb as TextFonts,df as TextInput,of as TextInputAppearances,tf as TextInputControlSizes,Zf as TextInputDefinition,bf as TextInputStyles,Uf as TextInputTemplate,nf as TextInputTypes,ob as TextSizes,nb as TextWeights,hb as ToggleButton,ub as ToggleButtonAppearances,bb as ToggleButtonDefinition,fb as ToggleButtonFormTargets,pb as ToggleButtonShapes,mb as ToggleButtonSizes,gb as ToggleButtonTypes,vb as Tooltip,wb as TooltipDefinition,yb as TooltipPositioningOptions,ib as Tree,rb as TreeDefinition,sb as TreeItem,cb as TreeItemDefinition,db as TreeItemStyles,lb as TreeItemTemplate,Um as ValidationFlags,vp as Wizard,xp as WizardDefinition,fp as WizardEvents,pp as WizardPanel,Cp as WizardPanelDefinition,cp as WizardPanelEventNames,hp as WizardPanelStates,gp as WizardStep,Lp as WizardStepDefinition,dp as WizardStepEvents,lp as WizardStepStates,Od as applyMixins,Gd as attachMockElementInternals,Ud as createRovingFocusController,Zd as createUniqueId,Nd as debounce,Td as debug,Vr as disabledState,_r as expandedState,$l as fabricDarkTheme,xl as fabricLightTheme,Dd as getDirection,_m as getOptionsFromElement,Wd as globalDirectionDetector,Kd as inputElementMethods,rd as isDisabledElement,ad as isFocusableElement,sd as isHiddenElement,Vm as isOptionGroup,Fd as isRtl,Dg as optionGroupStyles,Fg as optionGroupTemplate,mr as roleForMenuGroup,ur as roleForMenuItem,zd as setAttributes,ld as setChildrenFocusability,Xd as setGlobalDirectionDetector,kl as setTheme,pl as sizeHorizontalL,ul as sizeHorizontalM,hl as sizeHorizontalMNudge,sl as sizeHorizontalNone,cl as sizeHorizontalS,dl as sizeHorizontalSNudge,ml as sizeHorizontalXL,ll as sizeHorizontalXS,gl as sizeHorizontalXXL,al as sizeHorizontalXXS,fl as sizeHorizontalXXXL,ol as sizeVerticalL,tl as sizeVerticalM,el as sizeVerticalMNudge,Ya as sizeVerticalNone,Ja as sizeVerticalS,Qa as sizeVerticalSNudge,nl as sizeVerticalXL,Za as sizeVerticalXS,il as sizeVerticalXXL,Ua as sizeVerticalXXS,rl as sizeVerticalXXXL,tc as staticallyCompose,dr as toggleState,Ka as webDarkTheme,Xa as webLightTheme,oc as whitespaceFilter};
|
|
149
174
|
//# sourceMappingURL=index.min.js.map
|