@patternfly/elements 3.0.0 → 3.0.2
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/custom-elements.json +490 -484
- package/package.json +1 -1
- package/pf-accordion/BaseAccordion.js +2 -1
- package/pf-accordion/BaseAccordion.js.map +1 -1
- package/pf-accordion/BaseAccordionHeader.js +4 -1
- package/pf-accordion/BaseAccordionHeader.js.map +1 -1
- package/pf-accordion/BaseAccordionPanel.d.ts +1 -1
- package/pf-accordion/pf-accordion-header.d.ts +1 -1
- package/pf-accordion/pf-accordion.d.ts +0 -5
- package/pf-accordion/pf-accordion.js +0 -5
- package/pf-accordion/pf-accordion.js.map +1 -1
- package/pf-accordion/test/pf-accordion.e2e.d.ts +1 -0
- package/pf-accordion/test/pf-accordion.e2e.js +11 -0
- package/pf-accordion/test/pf-accordion.e2e.js.map +1 -0
- package/pf-accordion/test/pf-accordion.spec.d.ts +1 -0
- package/pf-accordion/test/pf-accordion.spec.js +1222 -0
- package/pf-accordion/test/pf-accordion.spec.js.map +1 -0
- package/pf-avatar/BaseAvatar.d.ts +1 -1
- package/pf-avatar/test/pf-avatar.e2e.d.ts +1 -0
- package/pf-avatar/test/pf-avatar.e2e.js +11 -0
- package/pf-avatar/test/pf-avatar.e2e.js.map +1 -0
- package/pf-avatar/test/pf-avatar.spec.d.ts +1 -0
- package/pf-avatar/test/pf-avatar.spec.js +45 -0
- package/pf-avatar/test/pf-avatar.spec.js.map +1 -0
- package/pf-back-to-top/demo/demo.css +25 -0
- package/pf-back-to-top/pf-back-to-top.d.ts +1 -1
- package/pf-back-to-top/test/pf-back-to-top.e2e.d.ts +1 -0
- package/pf-back-to-top/test/pf-back-to-top.e2e.js +11 -0
- package/pf-back-to-top/test/pf-back-to-top.e2e.js.map +1 -0
- package/pf-back-to-top/test/pf-back-to-top.spec.d.ts +1 -0
- package/pf-back-to-top/test/pf-back-to-top.spec.js +267 -0
- package/pf-back-to-top/test/pf-back-to-top.spec.js.map +1 -0
- package/pf-background-image/pf-background-image.d.ts +1 -4
- package/pf-background-image/pf-background-image.js +1 -4
- package/pf-background-image/pf-background-image.js.map +1 -1
- package/pf-background-image/test/pf-background-image.e2e.d.ts +1 -0
- package/pf-background-image/test/pf-background-image.e2e.js +11 -0
- package/pf-background-image/test/pf-background-image.e2e.js.map +1 -0
- package/pf-background-image/test/pf-background-image.spec.d.ts +1 -0
- package/pf-background-image/test/pf-background-image.spec.js +89 -0
- package/pf-background-image/test/pf-background-image.spec.js.map +1 -0
- package/pf-badge/BaseBadge.d.ts +1 -1
- package/pf-badge/test/pf-badge.e2e.d.ts +1 -0
- package/pf-badge/test/pf-badge.e2e.js +11 -0
- package/pf-badge/test/pf-badge.e2e.js.map +1 -0
- package/pf-badge/test/pf-badge.spec.d.ts +1 -0
- package/pf-badge/test/pf-badge.spec.js +52 -0
- package/pf-badge/test/pf-badge.spec.js.map +1 -0
- package/pf-banner/pf-banner.d.ts +1 -10
- package/pf-banner/pf-banner.js +0 -9
- package/pf-banner/pf-banner.js.map +1 -1
- package/pf-banner/test/pf-banner.e2e.d.ts +1 -0
- package/pf-banner/test/pf-banner.e2e.js +11 -0
- package/pf-banner/test/pf-banner.e2e.js.map +1 -0
- package/pf-banner/test/pf-banner.spec.d.ts +1 -0
- package/pf-banner/test/pf-banner.spec.js +81 -0
- package/pf-banner/test/pf-banner.spec.js.map +1 -0
- package/pf-button/BaseButton.d.ts +7 -2
- package/pf-button/BaseButton.js +4 -1
- package/pf-button/BaseButton.js.map +1 -1
- package/pf-button/pf-button.d.ts +1 -17
- package/pf-button/pf-button.js +10 -18
- package/pf-button/pf-button.js.map +1 -1
- package/pf-button/test/pf-button.e2e.d.ts +1 -0
- package/pf-button/test/pf-button.e2e.js +11 -0
- package/pf-button/test/pf-button.e2e.js.map +1 -0
- package/pf-button/test/pf-button.spec.d.ts +1 -0
- package/pf-button/test/pf-button.spec.js +124 -0
- package/pf-button/test/pf-button.spec.js.map +1 -0
- package/pf-card/BaseCard.d.ts +1 -1
- package/pf-card/test/pf-card.e2e.d.ts +1 -0
- package/pf-card/test/pf-card.e2e.js +11 -0
- package/pf-card/test/pf-card.e2e.js.map +1 -0
- package/pf-card/test/pf-card.spec.d.ts +1 -0
- package/pf-card/test/pf-card.spec.js +160 -0
- package/pf-card/test/pf-card.spec.js.map +1 -0
- package/pf-chip/pf-chip-group.d.ts +8 -5
- package/pf-chip/pf-chip-group.js +10 -10
- package/pf-chip/pf-chip-group.js.map +1 -1
- package/pf-chip/pf-chip.d.ts +8 -5
- package/pf-chip/pf-chip.js +4 -4
- package/pf-chip/pf-chip.js.map +1 -1
- package/pf-chip/test/pf-chip-group.spec.d.ts +1 -0
- package/pf-chip/test/pf-chip-group.spec.js +189 -0
- package/pf-chip/test/pf-chip-group.spec.js.map +1 -0
- package/pf-chip/test/pf-chip.e2e.d.ts +1 -0
- package/pf-chip/test/pf-chip.e2e.js +11 -0
- package/pf-chip/test/pf-chip.e2e.js.map +1 -0
- package/pf-chip/test/pf-chip.spec.d.ts +1 -0
- package/pf-chip/test/pf-chip.spec.js +116 -0
- package/pf-chip/test/pf-chip.spec.js.map +1 -0
- package/pf-clipboard-copy/pf-clipboard-copy.css +4 -0
- package/pf-clipboard-copy/pf-clipboard-copy.d.ts +8 -3
- package/pf-clipboard-copy/pf-clipboard-copy.js +6 -4
- package/pf-clipboard-copy/pf-clipboard-copy.js.map +1 -1
- package/pf-clipboard-copy/test/pf-clipboard-copy.e2e.d.ts +1 -0
- package/pf-clipboard-copy/test/pf-clipboard-copy.e2e.js +11 -0
- package/pf-clipboard-copy/test/pf-clipboard-copy.e2e.js.map +1 -0
- package/pf-clipboard-copy/test/pf-clipboard-copy.spec.d.ts +1 -0
- package/pf-clipboard-copy/test/pf-clipboard-copy.spec.js +103 -0
- package/pf-clipboard-copy/test/pf-clipboard-copy.spec.js.map +1 -0
- package/pf-code-block/BaseCodeBlock.js +2 -2
- package/pf-code-block/BaseCodeBlock.js.map +1 -1
- package/pf-code-block/pf-code-block.d.ts +1 -1
- package/pf-code-block/test/pf-code-block.e2e.d.ts +1 -0
- package/pf-code-block/test/pf-code-block.e2e.js +11 -0
- package/pf-code-block/test/pf-code-block.e2e.js.map +1 -0
- package/pf-code-block/test/pf-code-block.spec.d.ts +1 -0
- package/pf-code-block/test/pf-code-block.spec.js +89 -0
- package/pf-code-block/test/pf-code-block.spec.js.map +1 -0
- package/pf-dropdown/pf-dropdown-group.d.ts +1 -1
- package/pf-dropdown/pf-dropdown-group.js +4 -1
- package/pf-dropdown/pf-dropdown-group.js.map +1 -1
- package/pf-dropdown/pf-dropdown-item.d.ts +1 -2
- package/pf-dropdown/pf-dropdown-item.js +4 -2
- package/pf-dropdown/pf-dropdown-item.js.map +1 -1
- package/pf-dropdown/pf-dropdown-menu.d.ts +1 -2
- package/pf-dropdown/pf-dropdown-menu.js +8 -6
- package/pf-dropdown/pf-dropdown-menu.js.map +1 -1
- package/pf-dropdown/pf-dropdown.d.ts +8 -6
- package/pf-dropdown/pf-dropdown.js +11 -11
- package/pf-dropdown/pf-dropdown.js.map +1 -1
- package/pf-dropdown/test/pf-dropdown.e2e.d.ts +1 -0
- package/pf-dropdown/test/pf-dropdown.e2e.js +11 -0
- package/pf-dropdown/test/pf-dropdown.e2e.js.map +1 -0
- package/pf-dropdown/test/pf-dropdown.spec.d.ts +1 -0
- package/pf-dropdown/test/pf-dropdown.spec.js +129 -0
- package/pf-dropdown/test/pf-dropdown.spec.js.map +1 -0
- package/pf-icon/BaseIcon.d.ts +1 -2
- package/pf-icon/BaseIcon.js +3 -4
- package/pf-icon/BaseIcon.js.map +1 -1
- package/pf-icon/demo/icons/rh/boba-tea.js +5 -0
- package/pf-icon/demo/icons/rh/lifecycle.js +3 -0
- package/pf-icon/test/pf-icon.e2e.d.ts +1 -0
- package/pf-icon/test/pf-icon.e2e.js +11 -0
- package/pf-icon/test/pf-icon.e2e.js.map +1 -0
- package/pf-icon/test/pf-icon.spec.d.ts +1 -0
- package/pf-icon/test/pf-icon.spec.js +130 -0
- package/pf-icon/test/pf-icon.spec.js.map +1 -0
- package/pf-icon/test/rh-icon-aed.js +2 -0
- package/pf-icon/test/rh-icon-api.js +2 -0
- package/pf-icon/test/rh-icon-atom.js +2 -0
- package/pf-icon/test/rh-icon-bike.js +2 -0
- package/pf-jump-links/pf-jump-links-item.d.ts +8 -2
- package/pf-jump-links/pf-jump-links-item.js +4 -1
- package/pf-jump-links/pf-jump-links-item.js.map +1 -1
- package/pf-jump-links/pf-jump-links-list.d.ts +1 -1
- package/pf-jump-links/pf-jump-links.d.ts +1 -7
- package/pf-jump-links/pf-jump-links.js +1 -7
- package/pf-jump-links/pf-jump-links.js.map +1 -1
- package/pf-jump-links/test/pf-jump-links.e2e.d.ts +1 -0
- package/pf-jump-links/test/pf-jump-links.e2e.js +11 -0
- package/pf-jump-links/test/pf-jump-links.e2e.js.map +1 -0
- package/pf-jump-links/test/pf-jump-links.spec.d.ts +1 -0
- package/pf-jump-links/test/pf-jump-links.spec.js +85 -0
- package/pf-jump-links/test/pf-jump-links.spec.js.map +1 -0
- package/pf-label/BaseLabel.d.ts +1 -1
- package/pf-label/pf-label.d.ts +10 -24
- package/pf-label/pf-label.js +4 -21
- package/pf-label/pf-label.js.map +1 -1
- package/pf-label/test/pf-label.e2e.d.ts +1 -0
- package/pf-label/test/pf-label.e2e.js +11 -0
- package/pf-label/test/pf-label.e2e.js.map +1 -0
- package/pf-label/test/pf-label.spec.d.ts +1 -0
- package/pf-label/test/pf-label.spec.js +111 -0
- package/pf-label/test/pf-label.spec.js.map +1 -0
- package/pf-modal/pf-modal.d.ts +1 -6
- package/pf-modal/pf-modal.js +6 -8
- package/pf-modal/pf-modal.js.map +1 -1
- package/pf-modal/test/pf-modal.e2e.d.ts +1 -0
- package/pf-modal/test/pf-modal.e2e.js +13 -0
- package/pf-modal/test/pf-modal.e2e.js.map +1 -0
- package/pf-modal/test/pf-modal.spec.d.ts +1 -0
- package/pf-modal/test/pf-modal.spec.js +197 -0
- package/pf-modal/test/pf-modal.spec.js.map +1 -0
- package/pf-panel/pf-panel.d.ts +1 -1
- package/pf-panel/test/pf-panel.e2e.d.ts +1 -0
- package/pf-panel/test/pf-panel.e2e.js +11 -0
- package/pf-panel/test/pf-panel.e2e.js.map +1 -0
- package/pf-panel/test/pf-panel.spec.d.ts +1 -0
- package/pf-panel/test/pf-panel.spec.js +22 -0
- package/pf-panel/test/pf-panel.spec.js.map +1 -0
- package/pf-popover/pf-popover.d.ts +1 -5
- package/pf-popover/pf-popover.js +12 -7
- package/pf-popover/pf-popover.js.map +1 -1
- package/pf-popover/test/pf-popover.e2e.d.ts +1 -0
- package/pf-popover/test/pf-popover.e2e.js +11 -0
- package/pf-popover/test/pf-popover.e2e.js.map +1 -0
- package/pf-popover/test/pf-popover.spec.d.ts +1 -0
- package/pf-popover/test/pf-popover.spec.js +233 -0
- package/pf-popover/test/pf-popover.spec.js.map +1 -0
- package/pf-progress/demo/kitchen-sink.css +4 -0
- package/pf-progress/pf-progress.d.ts +1 -22
- package/pf-progress/pf-progress.js +1 -22
- package/pf-progress/pf-progress.js.map +1 -1
- package/pf-progress/test/pf-progress.e2e.d.ts +1 -0
- package/pf-progress/test/pf-progress.e2e.js +11 -0
- package/pf-progress/test/pf-progress.e2e.js.map +1 -0
- package/pf-progress/test/pf-progress.spec.d.ts +1 -0
- package/pf-progress/test/pf-progress.spec.js +45 -0
- package/pf-progress/test/pf-progress.spec.js.map +1 -0
- package/pf-progress-stepper/pf-progress-step.d.ts +1 -1
- package/pf-progress-stepper/pf-progress-stepper.d.ts +1 -1
- package/pf-progress-stepper/test/pf-progress-stepper.e2e.d.ts +1 -0
- package/pf-progress-stepper/test/pf-progress-stepper.e2e.js +11 -0
- package/pf-progress-stepper/test/pf-progress-stepper.e2e.js.map +1 -0
- package/pf-progress-stepper/test/pf-progress-stepper.spec.d.ts +1 -0
- package/pf-progress-stepper/test/pf-progress-stepper.spec.js +18 -0
- package/pf-progress-stepper/test/pf-progress-stepper.spec.js.map +1 -0
- package/pf-select/pf-option-group.d.ts +1 -1
- package/pf-select/pf-option-group.js +2 -0
- package/pf-select/pf-option-group.js.map +1 -1
- package/pf-select/pf-option.d.ts +1 -2
- package/pf-select/pf-option.js +3 -4
- package/pf-select/pf-option.js.map +1 -1
- package/pf-select/pf-select.d.ts +8 -3
- package/pf-select/pf-select.js +51 -21
- package/pf-select/pf-select.js.map +1 -1
- package/pf-select/test/pf-select.e2e.d.ts +1 -0
- package/pf-select/test/pf-select.e2e.js +11 -0
- package/pf-select/test/pf-select.e2e.js.map +1 -0
- package/pf-select/test/pf-select.spec.d.ts +1 -0
- package/pf-select/test/pf-select.spec.js +866 -0
- package/pf-select/test/pf-select.spec.js.map +1 -0
- package/pf-spinner/BaseSpinner.d.ts +1 -2
- package/pf-spinner/BaseSpinner.js +2 -4
- package/pf-spinner/BaseSpinner.js.map +1 -1
- package/pf-spinner/pf-spinner.d.ts +2 -2
- package/pf-spinner/pf-spinner.js +8 -1
- package/pf-spinner/pf-spinner.js.map +1 -1
- package/pf-spinner/test/pf-spinner.e2e.d.ts +1 -0
- package/pf-spinner/test/pf-spinner.e2e.js +11 -0
- package/pf-spinner/test/pf-spinner.e2e.js.map +1 -0
- package/pf-spinner/test/pf-spinner.spec.d.ts +1 -0
- package/pf-spinner/test/pf-spinner.spec.js +64 -0
- package/pf-spinner/test/pf-spinner.spec.js.map +1 -0
- package/pf-switch/BaseSwitch.d.ts +1 -1
- package/pf-switch/BaseSwitch.js +3 -3
- package/pf-switch/BaseSwitch.js.map +1 -1
- package/pf-switch/test/pf-switch.e2e.d.ts +1 -0
- package/pf-switch/test/pf-switch.e2e.js +11 -0
- package/pf-switch/test/pf-switch.e2e.js.map +1 -0
- package/pf-switch/test/pf-switch.spec.d.ts +1 -0
- package/pf-switch/test/pf-switch.spec.js +191 -0
- package/pf-switch/test/pf-switch.spec.js.map +1 -0
- package/pf-table/pf-caption.d.ts +1 -1
- package/pf-table/pf-table.d.ts +1 -3
- package/pf-table/pf-table.js +2 -4
- package/pf-table/pf-table.js.map +1 -1
- package/pf-table/pf-tbody.d.ts +1 -1
- package/pf-table/pf-td.d.ts +1 -1
- package/pf-table/pf-th.d.ts +1 -1
- package/pf-table/pf-th.js +3 -3
- package/pf-table/pf-th.js.map +1 -1
- package/pf-table/pf-thead.d.ts +1 -1
- package/pf-table/pf-tr.d.ts +1 -1
- package/pf-table/pf-tr.js +4 -4
- package/pf-table/pf-tr.js.map +1 -1
- package/pf-table/test/pf-table.e2e.d.ts +1 -0
- package/pf-table/test/pf-table.e2e.js +11 -0
- package/pf-table/test/pf-table.e2e.js.map +1 -0
- package/pf-table/test/pf-table.spec.d.ts +1 -0
- package/pf-table/test/pf-table.spec.js +17 -0
- package/pf-table/test/pf-table.spec.js.map +1 -0
- package/pf-tabs/BaseTab.d.ts +2 -2
- package/pf-tabs/BaseTab.js +4 -1
- package/pf-tabs/BaseTab.js.map +1 -1
- package/pf-tabs/BaseTabPanel.d.ts +1 -1
- package/pf-tabs/BaseTabs.d.ts +1 -3
- package/pf-tabs/BaseTabs.js +11 -12
- package/pf-tabs/BaseTabs.js.map +1 -1
- package/pf-tabs/pf-tab-panel.d.ts +1 -1
- package/pf-tabs/pf-tab.d.ts +1 -17
- package/pf-tabs/pf-tab.js +0 -16
- package/pf-tabs/pf-tab.js.map +1 -1
- package/pf-tabs/pf-tabs.d.ts +1 -12
- package/pf-tabs/pf-tabs.js +2 -13
- package/pf-tabs/pf-tabs.js.map +1 -1
- package/pf-tabs/test/pf-tabs.e2e.d.ts +1 -0
- package/pf-tabs/test/pf-tabs.e2e.js +13 -0
- package/pf-tabs/test/pf-tabs.e2e.js.map +1 -0
- package/pf-tabs/test/pf-tabs.spec.d.ts +1 -0
- package/pf-tabs/test/pf-tabs.spec.js +285 -0
- package/pf-tabs/test/pf-tabs.spec.js.map +1 -0
- package/pf-text-area/pf-text-area.d.ts +1 -2
- package/pf-text-area/pf-text-area.js +5 -5
- package/pf-text-area/pf-text-area.js.map +1 -1
- package/pf-text-area/test/pf-text-area.e2e.d.ts +1 -0
- package/pf-text-area/test/pf-text-area.e2e.js +11 -0
- package/pf-text-area/test/pf-text-area.e2e.js.map +1 -0
- package/pf-text-area/test/pf-text-area.spec.d.ts +1 -0
- package/pf-text-area/test/pf-text-area.spec.js +89 -0
- package/pf-text-area/test/pf-text-area.spec.js.map +1 -0
- package/pf-text-input/demo/demo.css +6 -0
- package/pf-text-input/pf-text-input.d.ts +8 -3
- package/pf-text-input/pf-text-input.js +4 -2
- package/pf-text-input/pf-text-input.js.map +1 -1
- package/pf-text-input/test/pf-text-input.e2e.d.ts +1 -0
- package/pf-text-input/test/pf-text-input.e2e.js +11 -0
- package/pf-text-input/test/pf-text-input.e2e.js.map +1 -0
- package/pf-text-input/test/pf-text-input.spec.d.ts +1 -0
- package/pf-text-input/test/pf-text-input.spec.js +20 -0
- package/pf-text-input/test/pf-text-input.spec.js.map +1 -0
- package/pf-tile/BaseTile.d.ts +1 -1
- package/pf-tile/pf-tile.d.ts +0 -12
- package/pf-tile/pf-tile.js +0 -12
- package/pf-tile/pf-tile.js.map +1 -1
- package/pf-tile/test/pf-tile.e2e.d.ts +1 -0
- package/pf-tile/test/pf-tile.e2e.js +11 -0
- package/pf-tile/test/pf-tile.e2e.js.map +1 -0
- package/pf-tile/test/pf-tile.spec.d.ts +1 -0
- package/pf-tile/test/pf-tile.spec.js +54 -0
- package/pf-tile/test/pf-tile.spec.js.map +1 -0
- package/pf-timestamp/pf-timestamp.d.ts +1 -1
- package/pf-timestamp/pf-timestamp.js +5 -1
- package/pf-timestamp/pf-timestamp.js.map +1 -1
- package/pf-timestamp/test/pf-timestamp.e2e.d.ts +1 -0
- package/pf-timestamp/test/pf-timestamp.e2e.js +12 -0
- package/pf-timestamp/test/pf-timestamp.e2e.js.map +1 -0
- package/pf-timestamp/test/pf-timestamp.spec.d.ts +1 -0
- package/pf-timestamp/test/pf-timestamp.spec.js +156 -0
- package/pf-timestamp/test/pf-timestamp.spec.js.map +1 -0
- package/pf-tooltip/BaseTooltip.d.ts +1 -1
- package/pf-tooltip/pf-tooltip.d.ts +1 -4
- package/pf-tooltip/pf-tooltip.js +6 -7
- package/pf-tooltip/pf-tooltip.js.map +1 -1
- package/pf-tooltip/test/pf-tooltip.e2e.d.ts +1 -0
- package/pf-tooltip/test/pf-tooltip.e2e.js +11 -0
- package/pf-tooltip/test/pf-tooltip.e2e.js.map +1 -0
- package/pf-tooltip/test/pf-tooltip.spec.d.ts +1 -0
- package/pf-tooltip/test/pf-tooltip.spec.js +53 -0
- package/pf-tooltip/test/pf-tooltip.spec.js.map +1 -0
- package/pfe.min.js +273 -266
- package/pfe.min.js.map +3 -3
- package/pf-accordion/README.md +0 -44
- package/pf-avatar/README.md +0 -31
- package/pf-back-to-top/README.md +0 -32
- package/pf-background-image/README.md +0 -37
- package/pf-badge/README.md +0 -57
- package/pf-banner/README.md +0 -60
- package/pf-button/README.md +0 -61
- package/pf-card/README.md +0 -34
- package/pf-chip/README.md +0 -20
- package/pf-clipboard-copy/README.md +0 -8
- package/pf-code-block/README.md +0 -77
- package/pf-dropdown/README.md +0 -46
- package/pf-icon/README.md +0 -86
- package/pf-icon/icons/fab/readme.svg +0 -1
- package/pf-jump-links/README.md +0 -27
- package/pf-label/README.md +0 -61
- package/pf-modal/README.md +0 -63
- package/pf-panel/README.md +0 -10
- package/pf-popover/README.md +0 -48
- package/pf-progress/README.md +0 -33
- package/pf-progress-stepper/README.md +0 -41
- package/pf-select/README.md +0 -21
- package/pf-spinner/README.md +0 -46
- package/pf-switch/README.md +0 -91
- package/pf-table/README.md +0 -43
- package/pf-tabs/README.md +0 -40
- package/pf-text-area/README.md +0 -11
- package/pf-text-input/README.md +0 -9
- package/pf-tile/README.md +0 -12
- package/pf-timestamp/README.md +0 -64
- package/pf-tooltip/README.md +0 -64
package/pfe.min.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var
|
|
1
|
+
var wc=Object.defineProperty;var tf=Object.getOwnPropertyDescriptor;var oo=(i,t)=>()=>(i&&(t=i(i=0)),t);var Di=(i,t)=>{for(var o in t)wc(i,o,{get:t[o],enumerable:!0})};var r=(i,t,o,e)=>{for(var a=e>1?void 0:e?tf(t,o):t,c=i.length-1,p;c>=0;c--)(p=i[c])&&(a=(e?p(t,o,a):p(a))||a);return e&&a&&wc(t,o,a),a};var Ni=(i,t,o)=>{if(!t.has(i))throw TypeError("Cannot "+o)};var l=(i,t,o)=>(Ni(i,t,"read from private field"),o?o.call(i):t.get(i)),n=(i,t,o)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,o)},b=(i,t,o,e)=>(Ni(i,t,"write to private field"),e?e.call(i,o):t.set(i,o),o);var s=(i,t,o)=>(Ni(i,t,"access private method"),o);import{__classPrivateFieldGet as W,__classPrivateFieldSet as Eo}from"tslib";import{autoUpdate as ef,computePosition as rf,offset as af,shift as lf,flip as nf,arrow as cf}from"@floating-ui/dom";var Io,Ue,te,ee,Ea,Ta,Ra,je,Tt,Ui,ji,Sc,qi,To,qe=oo(()=>{"use strict";To=class{get alignment(){return W(this,Ta,"f")??"center"}get anchor(){return W(this,Ea,"f")??""}get open(){return W(this,Ue,"f")}get placement(){return W(this,je,"f")??"top"}get styles(){return W(this,Ra,"f")??{}}constructor(t,o){Io.add(this),this.host=t,Ue.set(this,!1),te.set(this,!1),ee.set(this,void 0),Ea.set(this,void 0),Ta.set(this,void 0),Ra.set(this,void 0),je.set(this,void 0),Tt.set(this,void 0),t.addController(this),Eo(this,Tt,{invoker:t instanceof HTMLElement?()=>t:()=>{},shift:!0,...o},"f")}hostDisconnected(){W(this,ee,"f")?.call(this)}async show({offset:t,placement:o,flip:e,fallbackPlacements:a}={}){let c=W(this,Io,"a",Ui),p=W(this,Io,"a",ji);if(!(!c||!p)){if(!W(this,te,"f")){Eo(this,te,!0,"f");let d=W(this,Io,"m",qi).call(this,o,t,e,a);Eo(this,ee,W(this,ee,"f")??ef(c,p,()=>W(this,Io,"m",qi).call(this,o,t,e,a)),"f"),await d,Eo(this,te,!1,"f")}Eo(this,Ue,!0,"f"),this.host.requestUpdate()}}async hide(){for(await this.host.updateComplete;W(this,te,"f")&&!this.open;)await new Promise(requestAnimationFrame);Eo(this,Ue,!1,"f"),W(this,ee,"f")?.call(this),this.host.requestUpdate(),await this.host.updateComplete}};Ue=new WeakMap,te=new WeakMap,ee=new WeakMap,Ea=new WeakMap,Ta=new WeakMap,Ra=new WeakMap,je=new WeakMap,Tt=new WeakMap,Io=new WeakSet,Ui=function(){let{invoker:t}=W(this,Tt,"f");return typeof t=="function"?t():t},ji=function(){let{content:t}=W(this,Tt,"f");return typeof t=="function"?t():t},Sc=function(){let{arrow:t}=W(this,Tt,"f");return typeof t=="function"?t():t},qi=async function(t="top",o,e=!0,a){var c,p;let{padding:d,shift:u}=W(this,Tt,"f"),B=W(this,Io,"a",Ui),L=W(this,Io,"a",ji),I=W(this,Io,"a",Sc);if(!B||!L)return;let{x:st,y:pt,placement:bo,middlewareData:Ai}=await rf(B,L,{strategy:"absolute",placement:t,middleware:[af(o),u&&lf({padding:d}),I&&cf({element:I,padding:I.offsetHeight/2}),e&&nf({padding:d,fallbackPlacements:a})].filter(Boolean)});if(I){let{x:dt,y:Ma}=Ai.arrow||{},Oi={top:"bottom",right:"left",bottom:"top",left:"right"}[bo.split("-")[0]]||"";Object.assign(I.style,{left:dt!=null?`${dt}px`:"",top:Ma!=null&&!["top"].includes(bo)?`${Ma}px`:"",right:"",bottom:"",[Oi]:`-${I.offsetHeight/2}px`})}Eo(this,je,bo,"f"),c=this,p=this,[{set value(dt){Eo(c,Ea,dt,"f")}}.value,{set value(dt){Eo(p,Ta,dt,"f")}}.value]=W(this,je,"f").split("-")??[],Eo(this,Ra,{"--_floating-content-translate":`${st}px ${pt}px`},"f"),this.host.requestUpdate()}});function A(i,t,o){if(typeof o?.value!="function")throw new TypeError(`Only methods can be decorated with @bound. <${t??i.name}> is not a method!`);return{configurable:!0,get(){let e=o.value.bind(this);return Object.defineProperty(this,t,{value:e,configurable:!0,writable:!0}),e}}}var Ve=oo(()=>{"use strict"});function Lc(i){return document.head.querySelector(`meta[name="${i}"]`)?.content}function zc(i){return{fromAttribute(t){return typeof t!="string"?null:t.split(",").map(i)},toAttribute(t){return t.join(",")}}}var nv,Mc,Fa,F,Wc,ft=oo(()=>{"use strict";nv=Symbol();Mc=zc(i=>parseInt(i?.trim(),10)),Fa=zc(i=>i.trim()),F=class extends Event{constructor(t,o){super(t,{bubbles:!0,composed:!0,...o})}},Wc=document.body.hasAttribute("no-auto-reveal");window.PfeConfig=Object.assign(window.PfeConfig??{},{trackPerformance:window.PfeConfig?.trackPerformance??Lc("pf-track-performance")==="true",autoReveal:window.PfeConfig?.autoReveal??(Wc?!Wc:Lc("pf-auto-reveal")==="true"),get log(){return!!localStorage.pfeLog},set log(i){i?localStorage.setItem("pfeLog","true"):localStorage.removeItem("pfeLog")}})});import{css as sf}from"lit";var pf,Ec,Tc=oo(()=>{"use strict";pf=sf`:host {
|
|
2
2
|
--_timestamp-text-decoration: underline dashed 1px;
|
|
3
3
|
--_timestamp-text-underline-offset: 4px;
|
|
4
4
|
display: inline;
|
|
@@ -96,20 +96,20 @@ var Cc=Object.defineProperty;var Qd=Object.getOwnPropertyDescriptor;var oo=(i,t)
|
|
|
96
96
|
.bottom.start #tooltip::after { left: var(--_floating-arrow-size); }
|
|
97
97
|
.bottom.end #tooltip::after { right: var(--_floating-arrow-size); }
|
|
98
98
|
|
|
99
|
-
`,
|
|
99
|
+
`,Ec=pf});var Hc={};Di(Hc,{PfTooltip:()=>io});import{LitElement as df,html as ff}from"lit";import{customElement as mf}from"lit/decorators/custom-element.js";import{property as Ye}from"lit/decorators/property.js";import{styleMap as Rc}from"lit/directives/style-map.js";import{classMap as gf}from"lit/directives/class-map.js";var bf,hf,Ao,Rt,Pa,Fc,xo,re,Xe,Vi,Ha,Pc,Ge,Yi,io,$a=oo(()=>{"use strict";qe();Ve();ft();Tc();bf=["focusin","tap","click","mouseenter"],hf=["focusout","blur","mouseleave"],io=class extends df{constructor(){super(...arguments);n(this,Ao);n(this,Pa);n(this,Xe);n(this,Ha);n(this,Ge);this.position="top";this.noFlip=!1;n(this,xo,void 0);n(this,re,new To(this,{content:()=>l(this,Pa,Fc),invoker:()=>l(this,xo)?l(this,xo):l(this,Ao,Rt)instanceof HTMLSlotElement&&l(this,Ao,Rt).assignedElements().length>0?l(this,Ao,Rt).assignedElements().at(0):l(this,Ao,Rt)}))}connectedCallback(){super.connectedCallback(),s(this,Xe,Vi).call(this),s(this,Ge,Yi).call(this)}willUpdate(o){o.has("trigger")&&s(this,Ge,Yi).call(this)}render(){let{alignment:o,anchor:e,open:a,styles:c}=l(this,re),d=l(this,Ao,Rt)?.assignedElements().length===0&&l(this,Ao,Rt)?.assignedNodes().length>0?"block":"contents";return ff`
|
|
100
100
|
<div id="container"
|
|
101
|
-
style="${
|
|
102
|
-
class="${
|
|
101
|
+
style="${Rc(c)}"
|
|
102
|
+
class="${gf({open:a,[e]:!!e,[o]:!!o})}">
|
|
103
103
|
<div role="tooltip"
|
|
104
|
-
style="${
|
|
104
|
+
style="${Rc({display:d})}"
|
|
105
105
|
aria-labelledby="tooltip">
|
|
106
|
-
<slot id="invoker" @slotchange="${s(this,Xe,
|
|
106
|
+
<slot id="invoker" @slotchange="${s(this,Xe,Vi)}"></slot>
|
|
107
107
|
</div>
|
|
108
108
|
<div aria-hidden="${String(!a)}">
|
|
109
109
|
<slot id="tooltip" name="content">${this.content}</slot>
|
|
110
110
|
</div>
|
|
111
111
|
</div>
|
|
112
|
-
`}async show(){await this.updateComplete;let o=this.position,e=o?.match(/top|bottom/)?{mainAxis:15,alignmentAxis:-4}:15;await l(this,re).show({offset:e,placement:o,flip:!this.noFlip,fallbackPlacements:this.flipBehavior})}async hide(){await l(this,re).hide()}};
|
|
112
|
+
`}async show(){await this.updateComplete;let o=this.position,e=o?.match(/top|bottom/)?{mainAxis:15,alignmentAxis:-4}:15;await l(this,re).show({offset:e,placement:o,flip:!this.noFlip,fallbackPlacements:this.flipBehavior})}async hide(){await l(this,re).hide()}};Ao=new WeakSet,Rt=function(){return this.shadowRoot?.querySelector("#invoker")??null},Pa=new WeakSet,Fc=function(){return this.shadowRoot?.querySelector("#tooltip")??null},xo=new WeakMap,re=new WeakMap,Xe=new WeakSet,Vi=function(){this.requestUpdate()},Ha=new WeakSet,Pc=function(){return this.getRootNode().getElementById(this.trigger?.normalize()??"")},Ge=new WeakSet,Yi=function(){let o=l(this,xo);b(this,xo,this.trigger instanceof HTMLElement?this.trigger:typeof this.trigger=="string"?s(this,Ha,Pc).call(this):null);for(let e of bf)l(this,xo)?(this.removeEventListener(e,this.show),l(this,xo).addEventListener(e,this.show)):(o?.removeEventListener(e,this.show),this.addEventListener(e,this.show));for(let e of hf)l(this,xo)?(this.removeEventListener(e,this.hide),l(this,xo).addEventListener(e,this.hide)):(o?.removeEventListener(e,this.hide),this.addEventListener(e,this.hide))},io.styles=[Ec],r([Ye()],io.prototype,"position",2),r([Ye()],io.prototype,"content",2),r([Ye({type:Boolean,attribute:"no-flip"})],io.prototype,"noFlip",2),r([Ye()],io.prototype,"trigger",2),r([Ye({attribute:"flip-behavior",converter:Fa})],io.prototype,"flipBehavior",2),r([A],io.prototype,"show",1),r([A],io.prototype,"hide",1),io=r([mf("pf-tooltip")],io)});var y,co=oo(()=>{"use strict";y=class i{get prefix(){return this.host instanceof HTMLElement?`[${this.host.localName}${this.host.id?`#${this.host.id}`:""}]`:`[${this.host.constructor.name}]`}static debugLog(t=null){try{return t!==null&&(i.logDebug=!!t,localStorage.pfeLog=!!t),localStorage.pfeLog==="true"}catch{return i.logDebug}}static debug(...t){i.debugLog()&&console.debug(...t)}static info(...t){i.debugLog()&&console.info(...t)}static log(...t){i.debugLog()&&console.log(...t)}static warn(...t){console.warn(...t)}static error(...t){console.error([...t].join(" "))}debug(...t){i.debug(this.prefix,...t)}info(...t){i.info(this.prefix,...t)}log(...t){i.log(this.prefix,...t)}warn(...t){i.warn(this.prefix,...t)}error(...t){i.error(this.prefix,...t)}constructor(t){if(this.host=t,i.instances.get(t))return i.instances.get(t);t.addController(this),i.instances.set(t,this)}hostConnected(){this.debug("connected")}};y.instances=new WeakMap});import{css as rm}from"lit";var am,ns,cs=oo(()=>{"use strict";am=rm`:host {
|
|
113
113
|
position: relative;
|
|
114
114
|
display: inline-block;
|
|
115
115
|
line-height: 0;
|
|
@@ -131,12 +131,12 @@ svg {
|
|
|
131
131
|
fill: currentcolor;
|
|
132
132
|
}
|
|
133
133
|
|
|
134
|
-
`,
|
|
134
|
+
`,ns=am});import{LitElement as lm,html as im}from"lit";import{property as bn}from"lit/decorators/property.js";import{state as nm}from"lit/decorators/state.js";var ss,hn,Xo,ps=oo(()=>{"use strict";co();cs();ss=window.requestIdleCallback??window.requestAnimationFrame,hn=class extends ErrorEvent{constructor(o,e){super("error",{message:`Could not load icon at ${o}`});this.originalError=e}},Xo=class extends lm{constructor(){super(...arguments);this.set=this.#t.defaultIconSet;this.icon="";this.loading="lazy";this.#o=!1;this.#r=new y(this)}static{this.styles=[ns]}static addIconSet(o,e){if(typeof e!="function")y.warn(`[${this.name}.addIconSet(setName, getter)]: getter must be a function`);else{this.getters.set(o,e);for(let a of this.instances)a.load()}}static{this.getIconUrl=(o,e)=>`@patternfly/icons/${o}/${e}.js`}static{this.onIntersect=o=>o.forEach(({isIntersecting:e,target:a})=>{let c=a;c.#o=e,ss(()=>{c.#o&&c.load()})})}static{this.io=new IntersectionObserver(this.onIntersect)}static{this.getters=new Map}static{this.instances=new Set}#o;#r;get#t(){return this.constructor}#a(){this.#t.io.observe(this),this.#o&&this.load()}#e(){switch(this.loading){case"idle":return void ss(()=>this.load());case"lazy":return void this.#a();case"eager":return void this.load()}}connectedCallback(){super.connectedCallback(),this.#t.instances.add(this)}willUpdate(o){o.has("icon")&&this.#e()}disconnectedCallback(){super.disconnectedCallback(),this.#t.instances.delete(this)}render(){let o=this.content??"";return im`
|
|
135
135
|
<div id="container" aria-hidden="true">${o}<span part="fallback" ?hidden=${!!o}>
|
|
136
136
|
<slot></slot>
|
|
137
137
|
</span>
|
|
138
138
|
</div>
|
|
139
|
-
`}async load(){let{set:o,icon:e}=this,a=this.#t.getters.get(o)??this.#t.getIconUrl,c="UNKNOWN ICON";if(o&&e)try{let p=a(o,e);p instanceof URL?c=p.pathname:c=p;let d=await import(c);this.content=d.default instanceof Node?d.default.cloneNode(!0):d.default,await this.updateComplete,this.dispatchEvent(new Event("load",{bubbles:!0}))}catch(p){let d=new
|
|
139
|
+
`}async load(){let{set:o,icon:e}=this,a=this.#t.getters.get(o)??this.#t.getIconUrl,c="UNKNOWN ICON";if(o&&e)try{let p=a(o,e);p instanceof URL?c=p.pathname:c=p;let d=await import(c);this.content=d.default instanceof Node?d.default.cloneNode(!0):d.default,await this.updateComplete,this.dispatchEvent(new Event("load",{bubbles:!0}))}catch(p){let d=new hn(c,p);this.#r.error(p.message),this.dispatchEvent(d)}}};r([bn()],Xo.prototype,"set",2),r([bn({reflect:!0})],Xo.prototype,"icon",2),r([bn()],Xo.prototype,"loading",2),r([nm()],Xo.prototype,"content",2)});import{css as cm}from"lit";var sm,ds,fs=oo(()=>{"use strict";sm=cm`:host([size=sm]) #container { --_size: var(--pf-global--icon--FontSize--sm, 10px); }
|
|
140
140
|
:host([size=md]) #container { --_size: var(--pf-global--icon--FontSize--md, 18px); }
|
|
141
141
|
:host([size=lg]) #container { --_size: var(--pf-global--icon--FontSize--lg, 24px); }
|
|
142
142
|
:host([size=xl]) #container { --_size: var(--pf-global--icon--FontSize--xl, 54px); }
|
|
@@ -148,14 +148,14 @@ svg {
|
|
|
148
148
|
min-height: var(--pf-icon--size, var(--_size));
|
|
149
149
|
}
|
|
150
150
|
|
|
151
|
-
`,
|
|
151
|
+
`,ds=sm});var un={};Di(un,{PfIcon:()=>xt});import{customElement as pm}from"lit/decorators/custom-element.js";import{property as dm}from"lit/decorators/property.js";var xt,uo=oo(()=>{"use strict";ps();fs();xt=class extends Xo{constructor(){super(...arguments);this.size="sm"}};xt.styles=[...Xo.styles,ds],xt.defaultIconSet="fas",r([dm({reflect:!0})],xt.prototype,"size",2),xt=r([pm("pf-icon")],xt)});import{css as Ug}from"lit";var jg,Qs,Js=oo(()=>{"use strict";jg=Ug`:host {
|
|
152
152
|
position: relative;
|
|
153
153
|
white-space: nowrap;
|
|
154
154
|
text-align: center;
|
|
155
155
|
display: inline-block;
|
|
156
|
-
}`,
|
|
156
|
+
}`,Qs=jg});import{LitElement as qg,html as Vg}from"lit";var Ur,op=oo(()=>{"use strict";Js();Ur=class extends qg{static{this.styles=[Qs]}render(){let{threshold:t,number:o,textContent:e}=this,a=t&&o&&t<o?`${t.toString()}+`:o!=null?o.toString():e??"";return Vg`
|
|
157
157
|
<span>${a}</span>
|
|
158
|
-
`}}});import{css as
|
|
158
|
+
`}}});import{css as Yg}from"lit";var Xg,tp,ep=oo(()=>{"use strict";Xg=Yg`:host {
|
|
159
159
|
border-radius: var(--pf-c-badge--BorderRadius,
|
|
160
160
|
var(--pf-global--BorderRadius--lg, 180em));
|
|
161
161
|
min-width: var(--pf-c-badge--MinWidth,
|
|
@@ -189,7 +189,7 @@ svg {
|
|
|
189
189
|
--pf-c-badge--BackgroundColor: var(--pf-c-badge--m-unread--BackgroundColor,
|
|
190
190
|
var(--pf-global--palette--blue-400, #06c));
|
|
191
191
|
}
|
|
192
|
-
`,
|
|
192
|
+
`,tp=Xg});var rp={};Di(rp,{PfBadge:()=>et});import{customElement as Gg}from"lit/decorators/custom-element.js";import{property as zn}from"lit/decorators/property.js";var et,Mn=oo(()=>{"use strict";op();ep();et=class extends Ur{};et.styles=[...Ur.styles,tp],r([zn({reflect:!0})],et.prototype,"state",2),r([zn({reflect:!0,type:Number})],et.prototype,"number",2),r([zn({reflect:!0,type:Number})],et.prototype,"threshold",2),et=r([Gg("pf-badge")],et)});$a();import{LitElement as xf,html as Cf}from"lit";import{customElement as Bf}from"lit/decorators/custom-element.js";import{property as Oo}from"lit/decorators/property.js";import{__classPrivateFieldGet as z,__classPrivateFieldSet as $c}from"tslib";var Xi,Ia,Ic,mt,q,Aa,Ac,uf={dateFormat:void 0,timeFormat:void 0,customFormat:void 0,displaySuffix:"",locale:void 0,relative:!1,utc:!1,hour12:!1},Ke=class{get localeString(){return z(this,mt,"f").toLocaleString(z(this,q,"f").locale)}get date(){return z(this,mt,"f")}set date(t){$c(this,mt,new Date(t),"f")}get isoString(){return z(this,mt,"f").toISOString()}get time(){if(z(this,q,"f").relative)return z(this,Xi,"m",Ac).call(this);{let{displaySuffix:t}=z(this,q,"f"),{locale:o}=z(this,q,"f");return z(this,q,"f").utc&&(t||(t="UTC")),`${z(this,mt,"f").toLocaleString(o,z(this,q,"f").customFormat??{hour12:z(this,q,"f").hour12,timeStyle:z(this,q,"f").timeFormat,dateStyle:z(this,q,"f").dateFormat,...z(this,q,"f").utc&&{timeZone:"UTC"}})} ${t??""}`.trim()}}constructor(t,o){Xi.add(this),mt.set(this,new Date),q.set(this,{}),Aa.set(this,void 0),$c(this,Aa,t,"f"),t.addController(this);for(let[e,a]of Object.entries(z(this,q,"f")))z(this,q,"f")[e]=o?.[e]??a}set(t,o){z(Ia,Ia,"m",Ic).call(Ia,t)&&(z(this,q,"f")[t]=o,z(this,Aa,"f").requestUpdate())}};Ia=Ke,mt=new WeakMap,q=new WeakMap,Aa=new WeakMap,Xi=new WeakSet,Ic=function(t){return t in uf},Ac=function(){let t=z(this,mt,"f"),{locale:o}=z(this,q,"f"),e=new Intl.RelativeTimeFormat(o,{localeMatcher:"best fit",numeric:"auto",style:"long"}),a=t.getTime()-Date.now(),c=a>0?1:-1,p=0,d,u=Math.round(Math.abs(a)/1e3),B=Math.round(u/60),L=Math.round(B/60),I=Math.round(L/24),st=Math.round(I/30),pt=Math.round(st/12);return st>=12?(p=pt,d="year"):I>=30?(p=st,d="month"):L>=24?(p=I,d="day"):B>=45?(p=L,d="hour"):u>=45?(p=B,d="minute"):u>=10&&(p=u,d="second"),typeof d<"u"?e.format(c*p,d):"just now"};import{css as vf}from"lit";var _f=vf`:host {
|
|
193
193
|
display: inline;
|
|
194
194
|
}
|
|
195
195
|
|
|
@@ -197,9 +197,9 @@ time {
|
|
|
197
197
|
text-decoration: var(--_timestamp-text-decoration, none);
|
|
198
198
|
text-underline-offset: var(--_timestamp-text-underline-offset, initial);
|
|
199
199
|
}
|
|
200
|
-
`,
|
|
200
|
+
`,Oc=_f;var yf={fromAttribute(i){return!i||i==="true"}},Co,to=class extends xf{constructor(){super(...arguments);n(this,Co,new Ke(this))}get date(){return l(this,Co).localeString}set date(o){l(this,Co).date=new Date(o)}get isoString(){return l(this,Co).isoString}get time(){return l(this,Co).time}connectedCallback(){super.connectedCallback(),this.hasAttribute("date")&&(l(this,Co).date=new Date(this.getAttribute("date")))}willUpdate(o){for(let[e]of o)l(this,Co).set(e,this[e])}render(){return Cf`
|
|
201
201
|
<time datetime="${l(this,Co).isoString}">${l(this,Co).time}</time>
|
|
202
|
-
`}};Co=new WeakMap,to.styles=[
|
|
202
|
+
`}};Co=new WeakMap,to.styles=[Oc],r([Oo({reflect:!0,attribute:"date-format"})],to.prototype,"dateFormat",2),r([Oo({reflect:!0,attribute:"time-format"})],to.prototype,"timeFormat",2),r([Oo({attribute:!1})],to.prototype,"customFormat",2),r([Oo({reflect:!0,attribute:"display-suffix"})],to.prototype,"displaySuffix",2),r([Oo({reflect:!0})],to.prototype,"locale",2),r([Oo({reflect:!0,type:Boolean})],to.prototype,"relative",2),r([Oo({reflect:!0,type:Boolean})],to.prototype,"utc",2),r([Oo({reflect:!0,attribute:"hour-12",converter:yf})],to.prototype,"hour12",2),r([Oo({reflect:!0})],to.prototype,"date",1),to=r([Bf("pf-timestamp")],to);import{customElement as Wf}from"lit/decorators/custom-element.js";import{property as Nc}from"lit/decorators/property.js";import{LitElement as kf,html as wf}from"lit";var Oa=class extends kf{render(){return wf`
|
|
203
203
|
<div part="header">
|
|
204
204
|
<div part="icon">
|
|
205
205
|
<slot id="icon" name="icon"></slot>
|
|
@@ -211,7 +211,7 @@ time {
|
|
|
211
211
|
<div part="body">
|
|
212
212
|
<slot id="body"></slot>
|
|
213
213
|
</div>
|
|
214
|
-
`}};import{css as
|
|
214
|
+
`}};import{css as Sf}from"lit";var Lf=Sf`:host {
|
|
215
215
|
position: relative;
|
|
216
216
|
display: inline-grid;
|
|
217
217
|
padding: var(--pf-c-tile--PaddingTop, var(--pf-global--spacer--lg, 1.5rem))
|
|
@@ -339,7 +339,7 @@ time {
|
|
|
339
339
|
margin-block: 0;
|
|
340
340
|
}
|
|
341
341
|
|
|
342
|
-
|
|
342
|
+
`,Dc=Lf;var Ft=class extends Oa{constructor(){super(...arguments);this.selected=!1}};Ft.styles=[Dc],r([Nc({reflect:!0,type:Boolean})],Ft.prototype,"selected",2),r([Nc({reflect:!0})],Ft.prototype,"stacked",2),Ft=r([Wf("pf-tile")],Ft);import{LitElement as Vc,html as Rf}from"lit";import{customElement as Ff}from"lit/decorators/custom-element.js";import{property as O}from"lit/decorators/property.js";import{ifDefined as Zi}from"lit/directives/if-defined.js";import{styleMap as Pf}from"lit/directives/style-map.js";import{__classPrivateFieldGet as zf,__decorate as m}from"tslib";var Ki,Uc;function jc(i){return i==="role"||i.startsWith("aria")}var Da=new WeakMap,Gi=!1;function g(i,t){if(Da.has(i)||Da.set(i,new Set),!Da.get(i).has(t)){if(!jc(t))throw new Error("@aria can only be called on ARIAMixin properties");Object.defineProperty(i,t,{enumerable:!0,configurable:!1,get(){return this.attach()[t]},set(o){this.attach()[t]=o,this.host.requestUpdate()}}),Da.get(i).add(t)}}function Mf(i){return i.hidden?"":i.getAttribute?.("aria-label")??i.textContent}var f=class i{static of(t,o){Gi=!0;let e=i.instances.get(t)??new i(t,o);return e.initializeOptions(o),Gi=!1,e}get formDisabled(){return this.element?.matches(":disabled")||this._formDisabled}get labels(){return this.internals.labels}get validity(){return this.internals.validity}get computedLabelText(){return this.internals.ariaLabel||Array.from(this.internals.labels).reduce((t,o)=>`${t}${Mf(o)}`,"")}get element(){return this.host instanceof HTMLElement?this.host:this.options?.getHTMLElement?.()}constructor(t,o){if(Ki.add(this),this.host=t,this.options=o,this.role=null,this.ariaActivedescendant=null,this.ariaAtomic=null,this.ariaAutoComplete=null,this.ariaBusy=null,this.ariaChecked=null,this.ariaColCount=null,this.ariaColIndex=null,this.ariaColIndexText=null,this.ariaColSpan=null,this.ariaCurrent=null,this.ariaDescription=null,this.ariaDisabled=null,this.ariaExpanded=null,this.ariaHasPopup=null,this.ariaHidden=null,this.ariaInvalid=null,this.ariaKeyShortcuts=null,this.ariaLabel=null,this.ariaLevel=null,this.ariaLive=null,this.ariaModal=null,this.ariaMultiLine=null,this.ariaMultiSelectable=null,this.ariaOrientation=null,this.ariaPlaceholder=null,this.ariaPosInSet=null,this.ariaPressed=null,this.ariaReadOnly=null,this.ariaRequired=null,this.ariaRoleDescription=null,this.ariaRowCount=null,this.ariaRowIndex=null,this.ariaRowIndexText=null,this.ariaRowSpan=null,this.ariaSelected=null,this.ariaSetSize=null,this.ariaSort=null,this.ariaValueMax=null,this.ariaValueMin=null,this.ariaValueNow=null,this.ariaValueText=null,this.ariaActiveDescendantElement=null,this.ariaControlsElements=null,this.ariaDescribedByElements=null,this.ariaDetailsElements=null,this.ariaErrorMessageElements=null,this.ariaFlowToElements=null,this.ariaLabelledByElements=null,this.ariaOwnsElements=null,this._formDisabled=!1,!Gi)throw new Error("InternalsController must be constructed with `InternalsController.for()`");if(!this.element)throw new Error("InternalsController must be instantiated with an HTMLElement or a `getHTMLElement` function");this.attach(),this.initializeOptions(o),i.instances.set(t,this),zf(this,Ki,"m",Uc).call(this)}attach(){return this.internals??(this.internals=this.element.attachInternals()),this.internals}initializeOptions(t){var o;this.options??(this.options=t??{});let{getHTMLElement:e,...a}=this.options;(o=this.options).getHTMLElement??(o.getHTMLElement=e);for(let[c,p]of Object.entries(a))jc(c)&&(this[c]=p)}setFormValue(...t){return this.internals.setFormValue(...t)}setValidity(...t){return this.internals.setValidity(...t)}checkValidity(...t){return this.internals.checkValidity(...t)}reportValidity(...t){return this.internals.reportValidity(...t)}submit(){this.internals.form?.requestSubmit()}reset(){this.internals.form?.reset()}};Ki=new WeakSet,Uc=function(){let t=this.element.formDisabledCallback;this.element.formDisabledCallback=o=>{this._formDisabled=o,t?.call(this.host,o)}};f.instances=new WeakMap;m([g],f.prototype,"role",void 0);m([g],f.prototype,"ariaActivedescendant",void 0);m([g],f.prototype,"ariaAtomic",void 0);m([g],f.prototype,"ariaAutoComplete",void 0);m([g],f.prototype,"ariaBusy",void 0);m([g],f.prototype,"ariaChecked",void 0);m([g],f.prototype,"ariaColCount",void 0);m([g],f.prototype,"ariaColIndex",void 0);m([g],f.prototype,"ariaColIndexText",void 0);m([g],f.prototype,"ariaColSpan",void 0);m([g],f.prototype,"ariaCurrent",void 0);m([g],f.prototype,"ariaDescription",void 0);m([g],f.prototype,"ariaDisabled",void 0);m([g],f.prototype,"ariaExpanded",void 0);m([g],f.prototype,"ariaHasPopup",void 0);m([g],f.prototype,"ariaHidden",void 0);m([g],f.prototype,"ariaInvalid",void 0);m([g],f.prototype,"ariaKeyShortcuts",void 0);m([g],f.prototype,"ariaLabel",void 0);m([g],f.prototype,"ariaLevel",void 0);m([g],f.prototype,"ariaLive",void 0);m([g],f.prototype,"ariaModal",void 0);m([g],f.prototype,"ariaMultiLine",void 0);m([g],f.prototype,"ariaMultiSelectable",void 0);m([g],f.prototype,"ariaOrientation",void 0);m([g],f.prototype,"ariaPlaceholder",void 0);m([g],f.prototype,"ariaPosInSet",void 0);m([g],f.prototype,"ariaPressed",void 0);m([g],f.prototype,"ariaReadOnly",void 0);m([g],f.prototype,"ariaRequired",void 0);m([g],f.prototype,"ariaRoleDescription",void 0);m([g],f.prototype,"ariaRowCount",void 0);m([g],f.prototype,"ariaRowIndex",void 0);m([g],f.prototype,"ariaRowIndexText",void 0);m([g],f.prototype,"ariaRowSpan",void 0);m([g],f.prototype,"ariaSelected",void 0);m([g],f.prototype,"ariaSetSize",void 0);m([g],f.prototype,"ariaSort",void 0);m([g],f.prototype,"ariaValueMax",void 0);m([g],f.prototype,"ariaValueMin",void 0);m([g],f.prototype,"ariaValueNow",void 0);m([g],f.prototype,"ariaValueText",void 0);m([g],f.prototype,"ariaActiveDescendantElement",void 0);m([g],f.prototype,"ariaControlsElements",void 0);m([g],f.prototype,"ariaDescribedByElements",void 0);m([g],f.prototype,"ariaDetailsElements",void 0);m([g],f.prototype,"ariaErrorMessageElements",void 0);m([g],f.prototype,"ariaFlowToElements",void 0);m([g],f.prototype,"ariaLabelledByElements",void 0);m([g],f.prototype,"ariaOwnsElements",void 0);import{css as Ef}from"lit";var Tf=Ef`:host {
|
|
343
343
|
--pf-c-form-control--Color: var(--pf-global--Color--100, #151515);
|
|
344
344
|
--pf-c-form-control--FontSize: var(--pf-global--FontSize--md, 1rem);
|
|
345
345
|
--pf-c-form-control--LineHeight: var(--pf-global--LineHeight--md, 1.5);
|
|
@@ -606,23 +606,23 @@ input::placeholder {
|
|
|
606
606
|
--pf-c-form-control__select--invalid--BackgroundPosition: var(--pf-c-form-control--m-icon-sprite__select--invalid--BackgroundPosition);
|
|
607
607
|
}
|
|
608
608
|
*/
|
|
609
|
-
`,
|
|
609
|
+
`,qc=Tf;var no,Ze,Qe,Je,Qi,Ua,Yc,ja,Xc,or,Ji,ae,Na,w=class extends Vc{constructor(){super(...arguments);n(this,Je);n(this,Ua);n(this,ja);n(this,or);n(this,ae);this.leftTruncated=!1;this.plain=!1;this.disabled=!1;this.required=!1;this.readonly=!1;this.value="";n(this,no,f.of(this));n(this,Ze,"");n(this,Qe,!1)}willUpdate(){b(this,Ze,this.accessibleLabel||l(this,no).computedLabelText)}render(){let{valid:o}=l(this,no).validity;return Rf`
|
|
610
610
|
<input id="input"
|
|
611
611
|
.placeholder="${this.placeholder??""}"
|
|
612
612
|
.value="${this.value}"
|
|
613
|
-
pattern="${
|
|
614
|
-
@input="${s(this,Ua,
|
|
615
|
-
@keydown="${s(this,ja,
|
|
616
|
-
@blur="${s(this,or,
|
|
613
|
+
pattern="${Zi(this.pattern)}"
|
|
614
|
+
@input="${s(this,Ua,Yc)}"
|
|
615
|
+
@keydown="${s(this,ja,Xc)}"
|
|
616
|
+
@blur="${s(this,or,Ji)}"
|
|
617
617
|
?disabled="${this.matches(":disabled")||this.disabled}"
|
|
618
618
|
?readonly="${this.readonly}"
|
|
619
619
|
?required="${this.required}"
|
|
620
620
|
aria-label="${l(this,Ze)}"
|
|
621
|
-
type="${
|
|
622
|
-
style="${
|
|
621
|
+
type="${Zi(this.type)}"
|
|
622
|
+
style="${Zi(this.customIconUrl&&Pf({backgroundImage:`url('${this.customIconUrl}')`,backgroundSize:this.customIconDimensions}))}">
|
|
623
623
|
<span id="helper-text" ?hidden="${!this.helperText||o}">${this.helperText}</span>
|
|
624
|
-
<span id="error-text" ?hidden="${o}">${l(this,
|
|
625
|
-
`}async formStateRestoreCallback(o,e){if(e==="restore"){let[a,c]=o.split("/");this.value=c??a,this.requestUpdate(),await this.updateComplete,s(this,ae,Na).call(this)}}async formDisabledCallback(){await this.updateComplete,this.requestUpdate()}setCustomValidity(o){l(this,
|
|
624
|
+
<span id="error-text" ?hidden="${o}">${l(this,no).validationMessage}</span>
|
|
625
|
+
`}async formStateRestoreCallback(o,e){if(e==="restore"){let[a,c]=o.split("/");this.value=c??a,this.requestUpdate(),await this.updateComplete,s(this,ae,Na).call(this)}}async formDisabledCallback(){await this.updateComplete,this.requestUpdate()}setCustomValidity(o){l(this,no).setValidity({},o),this.requestUpdate()}checkValidity(){s(this,ae,Na).call(this);let o=l(this,no).checkValidity();return this.requestUpdate(),o}reportValidity(){return s(this,ae,Na).call(this),l(this,no).reportValidity()}};no=new WeakMap,Ze=new WeakMap,Qe=new WeakMap,Je=new WeakSet,Qi=function(){return this.shadowRoot?.getElementById("input")??null},Ua=new WeakSet,Yc=function(o){let{value:e}=o.target;this.value=e,l(this,no).setFormValue(e),l(this,Qe)&&!l(this,no).validity.valid&&s(this,or,Ji).call(this),b(this,Qe,!0)},ja=new WeakSet,Xc=function(o){switch(o.key){case"Enter":this.reportValidity()&&l(this,no).form?.requestSubmit(null)}},or=new WeakSet,Ji=function(){this.validateOn==="blur"&&this.checkValidity()},ae=new WeakSet,Na=function(){l(this,no).setValidity(l(this,Je,Qi)?.validity,this.errorText??l(this,Je,Qi).validationMessage),this.requestUpdate()},w.styles=[qc],w.formAssociated=!0,w.shadowRootOptions={...Vc.shadowRootOptions,delegatesFocus:!0},r([O({type:Boolean,reflect:!0,attribute:"left-truncated"})],w.prototype,"leftTruncated",2),r([O({reflect:!0})],w.prototype,"validated",2),r([O({reflect:!0})],w.prototype,"icon",2),r([O({reflect:!0,attribute:"accessible-label"})],w.prototype,"accessibleLabel",2),r([O({reflect:!0,attribute:"custom-icon-url"})],w.prototype,"customIconUrl",2),r([O({reflect:!0,attribute:"custom-icon-dimensions"})],w.prototype,"customIconDimensions",2),r([O({type:Boolean,reflect:!0})],w.prototype,"plain",2),r([O({reflect:!0})],w.prototype,"type",2),r([O({type:Boolean,reflect:!0})],w.prototype,"disabled",2),r([O({type:Boolean,reflect:!0})],w.prototype,"required",2),r([O()],w.prototype,"pattern",2),r([O({type:Boolean,reflect:!0})],w.prototype,"readonly",2),r([O({attribute:"helper-text"})],w.prototype,"helperText",2),r([O({attribute:"validate-on"})],w.prototype,"validateOn",2),r([O({attribute:"error-text"})],w.prototype,"errorText",2),r([O()],w.prototype,"placeholder",2),r([O()],w.prototype,"value",2),w=r([Ff("pf-text-input")],w);import{LitElement as Kc,html as If}from"lit";import{customElement as Af}from"lit/decorators/custom-element.js";import{property as Do}from"lit/decorators/property.js";import{ifDefined as Zc}from"lit/directives/if-defined.js";import{classMap as Of}from"lit/directives/class-map.js";import{css as Hf}from"lit";var $f=Hf`:host {
|
|
626
626
|
display: block;
|
|
627
627
|
|
|
628
628
|
/* .pf-c-form-control */
|
|
@@ -815,18 +815,18 @@ textarea[readonly] {
|
|
|
815
815
|
.horizontal { resize: horizontal; }
|
|
816
816
|
.both { resize: both; }
|
|
817
817
|
|
|
818
|
-
`,
|
|
819
|
-
<textarea id="textarea" class="${
|
|
820
|
-
@input="${s(this,er,
|
|
821
|
-
@change="${s(this,er,
|
|
818
|
+
`,Gc=$f;co();var qa,No,tr,Uo,Pt,er,on,rr,tn,ar,en,V=class extends Kc{constructor(){super(...arguments);n(this,Uo);n(this,er);n(this,rr);n(this,ar);this.disabled=!1;this.required=!1;this.readonly=!1;this.value="";this.autoResize=!1;n(this,qa,new y(this));n(this,No,f.of(this));n(this,tr,"")}willUpdate(){b(this,tr,this.accessibleLabel||l(this,No).computedLabelText)}render(){let o={[String(this.resize)]:!!this.resize};return If`
|
|
819
|
+
<textarea id="textarea" class="${Of(o)}"
|
|
820
|
+
@input="${s(this,er,on)}"
|
|
821
|
+
@change="${s(this,er,on)}"
|
|
822
822
|
?disabled="${this.matches(":disabled")||this.disabled}"
|
|
823
823
|
?readonly="${this.readonly}"
|
|
824
824
|
?required="${this.required}"
|
|
825
|
-
aria-label="${
|
|
826
|
-
placeholder="${
|
|
825
|
+
aria-label="${Zc(l(this,tr))}"
|
|
826
|
+
placeholder="${Zc(this.placeholder)}"
|
|
827
827
|
.value="${this.value}"
|
|
828
828
|
></textarea>
|
|
829
|
-
`}firstUpdated(){this.autoResize&&s(this,rr,Ji).call(this)}async formDisabledCallback(){await this.updateComplete,this.requestUpdate()}setCustomValidity(o){l(this,Uo).setValidity({},o)}checkValidity(){return s(this,ar,on).call(this),l(this,Uo).checkValidity()}reportValidity(){return s(this,ar,on).call(this),l(this,Uo).reportValidity()}};tn=new WeakMap,qa=new WeakMap,Uo=new WeakMap,tr=new WeakMap,jo=new WeakSet,Pt=function(){return this.shadowRoot?.getElementById("textarea")??null},er=new WeakSet,Qi=function(o){if(o.target instanceof HTMLTextAreaElement){let{value:e}=o.target;this.value=e,l(this,Uo).setFormValue(e)}this.autoResize&&s(this,rr,Ji).call(this)},rr=new WeakSet,Ji=function(){l(this,jo,Pt).style.setProperty("--pf-c-form-control--textarea--Height","auto"),l(this,jo,Pt).style.setProperty("--pf-c-form-control--textarea--Height",`${l(this,jo,Pt).scrollHeight}px`)},ar=new WeakSet,on=function(){l(this,jo,Pt)?l(this,Uo).setValidity(l(this,jo,Pt).validity,l(this,jo,Pt).validationMessage):l(this,qa).warn("await updateComplete before validating")},q.styles=[qc],q.formAssociated=!0,q.shadowRootOptions={...Vc.shadowRootOptions,delegatesFocus:!0},r([No({reflect:!0,attribute:"accessible-label"})],q.prototype,"accessibleLabel",2),r([No({reflect:!0})],q.prototype,"validated",2),r([No({type:Boolean,reflect:!0})],q.prototype,"disabled",2),r([No({type:Boolean,reflect:!0})],q.prototype,"required",2),r([No({type:Boolean,reflect:!0})],q.prototype,"readonly",2),r([No()],q.prototype,"placeholder",2),r([No()],q.prototype,"value",2),r([No()],q.prototype,"resize",2),r([No({type:Boolean,attribute:"auto-resize"})],q.prototype,"autoResize",2),q=r([Hf("pf-text-area")],q);import{html as un,LitElement as dm}from"lit";import{customElement as fm}from"lit/decorators/custom-element.js";import{property as Ko}from"lit/decorators/property.js";import{query as mm}from"lit/decorators/query.js";var qo=class extends Event{constructor(t,o,e){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.callback=o,this.subscribe=e??!1}};function en(i){return i}var le=class{constructor(t,o,e,a){if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(c,p)=>{this.unsubscribe&&(this.unsubscribe!==p&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=c,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(c,p)),this.unsubscribe=p},this.host=t,o.context!==void 0){let c=o;this.context=c.context,this.callback=c.callback,this.subscribe=c.subscribe??!1}else this.context=o,this.callback=e,this.subscribe=a??!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new qo(this.context,this.t,this.subscribe))}};var Va=class{get value(){return this.o}set value(t){this.setValue(t)}setValue(t,o=!1){let e=o||!Object.is(t,this.o);this.o=t,e&&this.updateObservers()}constructor(t){this.subscriptions=new Map,this.updateObservers=()=>{for(let[o,{disposer:e}]of this.subscriptions)o(this.o,e)},t!==void 0&&(this.value=t)}addCallback(t,o,e){if(!e)return void t(this.value);this.subscriptions.has(t)||this.subscriptions.set(t,{disposer:()=>{this.subscriptions.delete(t)},consumerHost:o});let{disposer:a}=this.subscriptions.get(t);t(this.value,a)}clearCallbacks(){this.subscriptions.clear()}};var rn=class extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}},ie=class extends Va{constructor(t,o,e){super(o.context!==void 0?o.initialValue:e),this.onContextRequest=a=>{let c=a.composedPath()[0];a.context===this.context&&c!==this.host&&(a.stopPropagation(),this.addCallback(a.callback,c,a.subscribe))},this.onProviderRequest=a=>{let c=a.composedPath()[0];if(a.context!==this.context||c===this.host)return;let p=new Set;for(let[d,{consumerHost:u}]of this.subscriptions)p.has(d)||(p.add(d),u.dispatchEvent(new qo(this.context,d,!0)));a.stopPropagation()},this.host=t,o.context!==void 0?this.context=o.context:this.context=o,this.attachListeners(),this.host.addController?.(this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new rn(this.context))}};var lr=class{constructor(){this.pendingContextRequests=new Map,this.onContextProvider=t=>{let o=this.pendingContextRequests.get(t.context);if(o===void 0)return;this.pendingContextRequests.delete(t.context);let{requests:e}=o;for(let{elementRef:a,callbackRef:c}of e){let p=a.deref(),d=c.deref();p===void 0||d===void 0||p.dispatchEvent(new qo(t.context,d,!0))}},this.onContextRequest=t=>{if(t.subscribe!==!0)return;let o=t.composedPath()[0],e=t.callback,a=this.pendingContextRequests.get(t.context);a===void 0&&this.pendingContextRequests.set(t.context,a={callbacks:new WeakMap,requests:[]});let c=a.callbacks.get(o);c===void 0&&a.callbacks.set(o,c=new WeakSet),c.has(e)||(c.add(e),a.requests.push({elementRef:new WeakRef(o),callbackRef:new WeakRef(e)}))}}attach(t){t.addEventListener("context-request",this.onContextRequest),t.addEventListener("context-provider",this.onContextProvider)}detach(t){t.removeEventListener("context-request",this.onContextRequest),t.removeEventListener("context-provider",this.onContextProvider)}};function ir({context:i}){return(t,o)=>{let e=new WeakMap;if(typeof o=="object")return o.addInitializer(function(){e.set(this,new ie(this,{context:i}))}),{get(){return t.get.call(this)},set(a){return e.get(this)?.setValue(a),t.set.call(this,a)},init(a){return e.get(this)?.setValue(a),a}};{t.constructor.addInitializer(p=>{e.set(p,new ie(p,{context:i}))});let a=Object.getOwnPropertyDescriptor(t,o),c;if(a===void 0){let p=new WeakMap;c={get:function(){return p.get(this)},set:function(d){e.get(this).setValue(d),p.set(this,d)},configurable:!0,enumerable:!0}}else{let p=a.set;c={...a,set:function(d){e.get(this).setValue(d),p?.call(this,d)}}}return void Object.defineProperty(t,o,c)}}}function Vo({context:i,subscribe:t}){return(o,e)=>{typeof e=="object"?e.addInitializer(function(){new le(this,{context:i,callback:a=>{this[e.name]=a},subscribe:t})}):o.constructor.addInitializer(a=>{new le(a,{context:i,callback:c=>{a[e]=c},subscribe:t})})}}no();import{classMap as gm}from"lit/directives/class-map.js";import{__classPrivateFieldGet as _,__classPrivateFieldSet as nr}from"tslib";function an(i,t,o=!1,e=!1){if(!i||!t)return!1;let a=i.getBoundingClientRect(),c=t.getBoundingClientRect(),p=Math.ceil(a.left),d=Math.floor(a.right),u=Math.ceil(c.left),B=Math.floor(c.right),L=u>=p&&B<=d,I=(o||!e&&a.width<c.width)&&(u<p&&B>p||B>d&&u<d);return L||I}var Yo,sr,cn,D,cr,Ya,Xa,ne,ln,nn,mt,pr=class{get firstItem(){return _(this,cr,"f").at(0)}get lastItem(){return _(this,cr,"f").at(-1)}constructor(t,o){Yo.add(this),this.host=t,this.options=o,D.set(this,void 0),cr.set(this,[]),Ya.set(this,void 0),Xa.set(this,void 0),ne.set(this,void 0),ln.set(this,new MutationObserver(e=>{for(let a of e)a.type==="childList"&&_(this,Yo,"m",mt).call(this)})),nn.set(this,new ResizeObserver(()=>{_(this,Yo,"m",mt).call(this)})),this.showScrollButtons=!1,this.overflowLeft=!1,this.overflowRight=!1,this.onScroll=()=>{clearTimeout(_(this,Xa,"f")),nr(this,Xa,setTimeout(()=>_(this,Yo,"m",mt).call(this),_(this,Ya,"f")),"f")},nr(this,ne,o?.hideOverflowButtons??!1,"f"),nr(this,Ya,o?.scrollTimeoutDelay??0,"f"),t.isConnected&&_(sr,sr,"f",cn).add(this),t.addController(this),t.isConnected&&this.hostConnected()}init(t,o){nr(this,D,t,"f"),nr(this,cr,o,"f")}scrollLeft(){if(!_(this,D,"f"))return;let t=_(this,D,"f").scrollLeft-_(this,D,"f").clientWidth;_(this,D,"f").scroll({left:t,behavior:"smooth"}),_(this,Yo,"m",mt).call(this)}scrollRight(){if(!_(this,D,"f"))return;let t=_(this,D,"f").scrollLeft+_(this,D,"f").clientWidth;_(this,D,"f").scroll({left:t,behavior:"smooth"}),_(this,Yo,"m",mt).call(this)}update(){_(this,Yo,"m",mt).call(this)}hostConnected(){_(this,ln,"f").observe(this.host,{attributes:!1,childList:!0,subtree:!0}),_(this,nn,"f").observe(this.host),this.onScroll(),_(this,Yo,"m",mt).call(this)}};sr=pr,D=new WeakMap,cr=new WeakMap,Ya=new WeakMap,Xa=new WeakMap,ne=new WeakMap,ln=new WeakMap,nn=new WeakMap,Yo=new WeakSet,mt=function(){if(!this.firstItem||!this.lastItem||!_(this,D,"f"))return;let t=this.overflowLeft,o=this.overflowRight;this.overflowLeft=!_(this,ne,"f")&&!an(_(this,D,"f"),this.firstItem),this.overflowRight=!_(this,ne,"f")&&!an(_(this,D,"f"),this.lastItem);let e=0;(this.overflowLeft||this.overflowRight)&&(e=(_(this,D,"f").parentElement?.querySelector("button")?.getBoundingClientRect().width||0)*2),this.showScrollButtons=!_(this,ne,"f")&&_(this,D,"f").scrollWidth>_(this,D,"f").clientWidth+e,(t!==this.overflowLeft||o!==this.overflowRight)&&this.host.requestUpdate()};cn={value:new Set};window.addEventListener("resize",()=>{for(let i of _(sr,sr,"f",cn))i.onScroll()},{capture:!1,passive:!0});import{__classPrivateFieldGet as h,__classPrivateFieldSet as Ht}from"tslib";var S,se,ce,ht,bt,fr,eo,dr,sn,gt,pn,mr,If=i=>!!i&&!i.ariaHidden&&!i.hasAttribute("hidden"),N=class{static of(t,o){return new se(t,o)}get activeItem(){return h(this,ce,"f")}get items(){return h(this,bt,"f")}get focusableItems(){return h(this,S,"a",eo)}get firstItem(){return h(this,S,"a",eo)[0]}get lastItem(){return h(this,S,"a",eo).at(-1)}get nextItem(){return h(this,S,"a",dr)>=h(this,S,"a",eo).length-1?this.firstItem:h(this,S,"a",eo)[h(this,S,"a",dr)+1]}get prevItem(){return h(this,S,"a",dr)>0?h(this,S,"a",eo)[h(this,S,"a",dr)-1]:this.lastItem}constructor(t,o){S.add(this),this.host=t,ce.set(this,void 0),ht.set(this,void 0),bt.set(this,[]),fr.set(this,!1),gt.set(this,void 0),mr.set(this,a=>{if(!(a instanceof KeyboardEvent)||a.ctrlKey||a.altKey||a.metaKey||!h(this,S,"a",eo).length||!a.composedPath().some(L=>h(this,S,"a",eo).includes(L)))return;let c=h(this,gt,"f").getHTMLElement()?.getAttribute("aria-orientation"),p=this.activeItem,d=!1,u=p?p.tagName==="SELECT"||p.getAttribute("role")==="spinbutton"||c==="horizontal":!1,B=c==="vertical";switch(a.key){case"ArrowLeft":if(B)return;this.setActiveItem(this.prevItem),d=!0;break;case"ArrowRight":if(B)return;this.setActiveItem(this.nextItem),d=!0;break;case"ArrowUp":if(u)return;this.setActiveItem(this.prevItem),d=!0;break;case"ArrowDown":if(u)return;this.setActiveItem(this.nextItem),d=!0;break;case"Home":this.setActiveItem(this.firstItem),d=!0;break;case"End":this.setActiveItem(this.lastItem),d=!0;break;default:break}d&&(a.stopPropagation(),a.preventDefault())}),Ht(this,gt,{getHTMLElement:o?.getHTMLElement??o?.getElement??(()=>t instanceof HTMLElement?t:null),getItems:o?.getItems,getItemContainer:o?.getItemContainer},"f");let e=se.hosts.get(t);if(e)return e;se.hosts.set(t,this),this.host.addController(this),this.updateItems()}hostUpdated(){let t=h(this,ht,"f"),o=h(this,gt,"f").getHTMLElement();t!==o&&(t?.removeEventListener("keydown",h(this,mr,"f")),se.elements.delete(t),this.updateItems()),o&&h(this,S,"m",pn).call(this,o)}hostDisconnected(){h(this,ht,"f")?.removeEventListener("keydown",h(this,mr,"f")),Ht(this,ht,void 0,"f"),Ht(this,fr,!1,"f")}setActiveItem(t){Ht(this,ce,t,"f");for(let o of h(this,S,"a",eo))o.tabIndex=h(this,ce,"f")===o?0:-1;this.host.requestUpdate(),h(this,fr,"f")&&h(this,ce,"f")?.focus()}updateItems(t=h(this,gt,"f").getItems?.()??[]){Ht(this,bt,t,"f");let e=[...h(this,bt,"f").slice(h(this,S,"a",sn)-1),...h(this,bt,"f").slice(0,h(this,S,"a",sn)-1)].find(p=>h(this,S,"a",eo).includes(p)),[a]=h(this,S,"a",eo),c=a??e??this.firstItem;this.setActiveItem(c)}focusOnItem(t){this.setActiveItem(t)}initItems(t,o){let e=o??h(this,gt,"f")?.getItemContainer?.()??h(this,gt,"f").getHTMLElement();e&&h(this,S,"m",pn).call(this,e),this.updateItems(t)}};se=N,ce=new WeakMap,ht=new WeakMap,bt=new WeakMap,fr=new WeakMap,gt=new WeakMap,mr=new WeakMap,S=new WeakSet,eo=function(){return h(this,bt,"f").filter(If)},dr=function(){return h(this,S,"a",eo)&&this.activeItem?h(this,S,"a",eo).indexOf(this.activeItem):-1},sn=function(){return this.activeItem?h(this,bt,"f").indexOf(this.activeItem):-1},pn=function(t){se.elements.set(t,this),Ht(this,ht,t,"f"),h(this,ht,"f").addEventListener("keydown",h(this,mr,"f")),h(this,ht,"f").addEventListener("focusin",()=>{Ht(this,fr,!0,"f")},{once:!0})};N.hosts=new WeakMap;N.elements=new WeakMap;no();import{__classPrivateFieldGet as E,__classPrivateFieldSet as gr}from"tslib";var br,hr,Za,ut,vt,pe,Ga,Ka,Qa=class{get tabs(){return[...E(this,vt,"f").keys()]}get activeTab(){return this.tabs.find(t=>E(this,pe,"f").isActiveTab(t))}constructor(t,o){if(br.add(this),hr.set(this,void 0),Za.set(this,void 0),ut.set(this,void 0),vt.set(this,new Map),pe.set(this,void 0),Ga.set(this,new MutationObserver(E(this,br,"m",Ka).bind(this))),gr(this,pe,o,"f"),gr(this,hr,new y(t),"f"),t instanceof HTMLElement)gr(this,ut,t,"f");else{let e=o.getHTMLElement?.();if(!e)throw new Error("TabsController must be instantiated with an HTMLElement or a `getHTMLElement()` option");gr(this,ut,e,"f")}gr(this,Za,t,"f").addController(this),E(this,ut,"f").addEventListener("slotchange",E(this,br,"m",Ka)),E(this,ut,"f").isConnected&&this.hostConnected()}hostConnected(){E(this,Ga,"f").observe(E(this,ut,"f"),{attributes:!1,childList:!0,subtree:!1}),E(this,br,"m",Ka).call(this)}hostUpdated(){for(let[t,o]of E(this,vt,"f"))o.setAttribute("aria-labelledby",t.id),t.setAttribute("aria-controls",o.id)}hostDisconnected(){E(this,Ga,"f").disconnect()}panelFor(t){return E(this,vt,"f").get(t)}tabFor(t){for(let[o,e]of E(this,vt,"f"))if(t===e)return o}};hr=new WeakMap,Za=new WeakMap,ut=new WeakMap,vt=new WeakMap,pe=new WeakMap,Ga=new WeakMap,br=new WeakSet,Ka=function(){E(this,vt,"f").clear();let t=[],o=[];for(let e of E(this,ut,"f").children)E(this,pe,"f").isTab(e)?(t.push(e),e.role??(e.role="tab")):E(this,pe,"f").isPanel(e)&&(o.push(e),e.role??(e.role="tabpanel"));for(t.length>o.length?E(this,hr,"f").warn("Too many tabs!"):o.length>t.length&&E(this,hr,"f").warn("Too many panels!");t.length;)E(this,vt,"f").set(t.shift(),o.shift());E(this,Za,"f").requestUpdate()};import{LitElement as Uf,html as jf}from"lit";import{customElement as qf}from"lit/decorators/custom-element.js";import{property as mn}from"lit/decorators/property.js";import{queryAssignedElements as Vf}from"lit/decorators/query-assigned-elements.js";import{classMap as Yf}from"lit/directives/class-map.js";Ve();Ve();import{__decorate as Af}from"tslib";function Xc(i,t,o=!1){let e;return function(...a){let c=this,p=function(){e=null,o||i.apply(c,a)},d=o&&!e;clearTimeout(e),e=window.setTimeout(p,t),d&&i.apply(c,a)}}no();var ur=class i{constructor(t,o){this.host=t,this.options=o,this.mo=new MutationObserver(this.parse),this.cache=new Map,this.class=t.constructor,this.logger=new y(this.host),i.instances.set(t,this);let e=this.options?.properties??{};for(let[a,c]of Object.entries(e))this.initProp(a,c);t.addController(this),this.cascadeProperties=Xc(this.cascadeProperties,1)}hostUpdated(){this.cascadeProperties()}hostConnected(){this.mo.observe(this.host,{attributes:!0,childList:!0}),this.cascadeProperties()}hostDisconnected(){this.mo.disconnect()}cascadeProperties(t=this.host.children){if(this.host.isConnected){let o=this.cache.keys();if(!t)return this._cascadeAttributes(o,this.cache);for(let e of t)if(e instanceof Element){for(let a of o)if(e.matches(a)){let c=this.cache.get(a);for(let p of c??[])this._copyAttribute(p,e)}}}}initProp(t,o){for(let e of[o].flat(1/0).filter(Boolean)){let{attribute:a}=this.class.getPropertyOptions(t),c=typeof a=="string"?a:t.toLowerCase();this.cache.get(e)?this.cache.get(e)?.push(c):this.cache.set(e,[c])}}parse(t){for(let o of t??[])o.type==="childList"&&o.addedNodes.length?this.cascadeProperties(o.addedNodes):o.type==="attributes"&&this._cascadeAttributes(this.cache.keys(),this.cache)}async _copyAttribute(t,o){this.logger.log(`copying ${t} to ${o}`);let e=this.host.getAttribute(t);o.isConnected&&(e==null?o.removeAttribute(t):o.setAttribute(t,e))}_cascadeAttributes(t,o){for(let e of t)for(let a of o.get(e)??[])this._cascadeAttribute(a,e)}_cascadeAttribute(t,o){let e=[...this.host.querySelectorAll(o),...this.host.shadowRoot?.querySelectorAll(o)??[]];for(let a of e)this._copyAttribute(t,a)}};ur.instances=new WeakMap;Af([A],ur.prototype,"parse",null);no();function Gc(i){return function(t,o){let{alias:e,...a}=i,c=t.constructor,p=c.getPropertyOptions(e);c.createProperty(o,{...p,...a}),c.addInitializer(d=>{d.addController(new dn(d,i,o))})}}var dn=class{constructor(t,o,e){this.host=t,this.options=o,this.deprecatedKey=e,this.logged=!1,this.logger=new y(t)}hostUpdate(){let{deprecatedKey:t,options:{alias:o}}=this;this.host[t]&&this.host[o]!==this.host[t]&&(this.logged||(this.logger.warn(`${t} is deprecated, use ${o} instead`),this.logged=!0),this.host[o]=this.host[t])}};no();var Ja=class{constructor(t,o,e){this.host=t,this.options=e,this.initializer=o.bind(t),this.mo=new MutationObserver(this.initializer),this.logger=new y(this.host),t.addController(this)}hostConnected(){this.hasLightDOM()?this.initializer():this.options?.emptyWarning&&this.logger.warn(this.options?.emptyWarning),this.initObserver()}hostDisconnected(){this.mo.disconnect()}initObserver(){(this.options?.observe??!0)&&this.mo.observe(this.host,typeof this.options?.observe!="object"?{childList:!0}:this.options?.observe)}hasLightDOM(){return this.host.children.length>0||(this.host.textContent??"").trim().length>0}};function Kc(i){return function(t,o){t.constructor.addInitializer(e=>{let a=t[o],c=new Ja(e,a,i);e.isConnected&&c.hostConnected()})}}var fn=Symbol("observed properties controller"),de=class i{delete(t){this.values.delete(t)}constructor(t){if(this.host=t,this.values=new Map,i.hosts.get(t))return i.hosts.get(t);t.addController(this),t[fn]=this}hostUpdate(){for(let[t,[o,[e,a]]]of this.values)this.host[o]?.(e,a),this.delete(t)}hostUpdated(){this.host.removeController(this)}cache(t,o,...e){this.values.set(t,[o,e])}};de.hosts=new WeakMap;function ho(...i){if(i.length===1){let[t]=i;return function(o,e){o.constructor.addInitializer(a=>new de(a)),Zc(o,e,t)}}else{let[t,o]=i;t.constructor.addInitializer(e=>new de(e)),Zc(t,o)}}function Zc(i,t,o){let e=Object.getOwnPropertyDescriptor(i,t);Object.defineProperty(i,t,{...e,configurable:!0,set(a){let c=this[t];if(e?.set?.call(this,a),typeof o=="function")o.call(this,c,a);else{let p=o||`_${t}Changed`;this.hasUpdated?this[p]?.(c,a):this[fn].cache(t,p,c,a)}}})}function V(i="pfe"){return`${i}-${Math.random().toString(36).substr(2,9)}`}var vr;function Of(){return vr=new lr,vr.attach(document.body),vr}function ol(...i){return vr??(vr=Of()),en(...i)}var $t=class extends Event{constructor(o){super("expand",{bubbles:!0,cancelable:!0});this.tab=o}},fe=ol(Symbol("pf-tabs-context"));import{css as Df}from"lit";var Nf=Df`[hidden] {
|
|
829
|
+
`}firstUpdated(){this.autoResize&&s(this,rr,tn).call(this)}async formDisabledCallback(){await this.updateComplete,this.requestUpdate()}setCustomValidity(o){l(this,No).setValidity({},o)}checkValidity(){return s(this,ar,en).call(this),l(this,No).checkValidity()}reportValidity(){return s(this,ar,en).call(this),l(this,No).reportValidity()}};qa=new WeakMap,No=new WeakMap,tr=new WeakMap,Uo=new WeakSet,Pt=function(){return this.shadowRoot?.getElementById("textarea")??null},er=new WeakSet,on=function(o){if(o.target instanceof HTMLTextAreaElement){let{value:e}=o.target;this.value=e,l(this,No).setFormValue(e)}this.autoResize&&s(this,rr,tn).call(this)},rr=new WeakSet,tn=function(){l(this,Uo,Pt).style.setProperty("--pf-c-form-control--textarea--Height","auto"),l(this,Uo,Pt).style.setProperty("--pf-c-form-control--textarea--Height",`${l(this,Uo,Pt).scrollHeight}px`)},ar=new WeakSet,en=function(){l(this,Uo,Pt)?l(this,No).setValidity(l(this,Uo,Pt).validity,l(this,Uo,Pt).validationMessage):l(this,qa).warn("await updateComplete before validating")},V.styles=[Gc],V.formAssociated=!0,V.shadowRootOptions={...Kc.shadowRootOptions,delegatesFocus:!0},r([Do({reflect:!0,attribute:"accessible-label"})],V.prototype,"accessibleLabel",2),r([Do({reflect:!0})],V.prototype,"validated",2),r([Do({type:Boolean,reflect:!0})],V.prototype,"disabled",2),r([Do({type:Boolean,reflect:!0})],V.prototype,"required",2),r([Do({type:Boolean,reflect:!0})],V.prototype,"readonly",2),r([Do()],V.prototype,"placeholder",2),r([Do()],V.prototype,"value",2),r([Do()],V.prototype,"resize",2),r([Do({type:Boolean,attribute:"auto-resize"})],V.prototype,"autoResize",2),V=r([Af("pf-text-area")],V);import{html as vn,LitElement as gm}from"lit";import{customElement as bm}from"lit/decorators/custom-element.js";import{property as Go}from"lit/decorators/property.js";import{query as hm}from"lit/decorators/query.js";var jo=class extends Event{constructor(t,o,e){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.callback=o,this.subscribe=e??!1}};function rn(i){return i}var le=class{constructor(t,o,e,a){if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(c,p)=>{this.unsubscribe&&(this.unsubscribe!==p&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=c,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(c,p)),this.unsubscribe=p},this.host=t,o.context!==void 0){let c=o;this.context=c.context,this.callback=c.callback,this.subscribe=c.subscribe??!1}else this.context=o,this.callback=e,this.subscribe=a??!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new jo(this.context,this.t,this.subscribe))}};var Va=class{get value(){return this.o}set value(t){this.setValue(t)}setValue(t,o=!1){let e=o||!Object.is(t,this.o);this.o=t,e&&this.updateObservers()}constructor(t){this.subscriptions=new Map,this.updateObservers=()=>{for(let[o,{disposer:e}]of this.subscriptions)o(this.o,e)},t!==void 0&&(this.value=t)}addCallback(t,o,e){if(!e)return void t(this.value);this.subscriptions.has(t)||this.subscriptions.set(t,{disposer:()=>{this.subscriptions.delete(t)},consumerHost:o});let{disposer:a}=this.subscriptions.get(t);t(this.value,a)}clearCallbacks(){this.subscriptions.clear()}};var an=class extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}},ie=class extends Va{constructor(t,o,e){super(o.context!==void 0?o.initialValue:e),this.onContextRequest=a=>{let c=a.composedPath()[0];a.context===this.context&&c!==this.host&&(a.stopPropagation(),this.addCallback(a.callback,c,a.subscribe))},this.onProviderRequest=a=>{let c=a.composedPath()[0];if(a.context!==this.context||c===this.host)return;let p=new Set;for(let[d,{consumerHost:u}]of this.subscriptions)p.has(d)||(p.add(d),u.dispatchEvent(new jo(this.context,d,!0)));a.stopPropagation()},this.host=t,o.context!==void 0?this.context=o.context:this.context=o,this.attachListeners(),this.host.addController?.(this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new an(this.context))}};var lr=class{constructor(){this.pendingContextRequests=new Map,this.onContextProvider=t=>{let o=this.pendingContextRequests.get(t.context);if(o===void 0)return;this.pendingContextRequests.delete(t.context);let{requests:e}=o;for(let{elementRef:a,callbackRef:c}of e){let p=a.deref(),d=c.deref();p===void 0||d===void 0||p.dispatchEvent(new jo(t.context,d,!0))}},this.onContextRequest=t=>{if(t.subscribe!==!0)return;let o=t.composedPath()[0],e=t.callback,a=this.pendingContextRequests.get(t.context);a===void 0&&this.pendingContextRequests.set(t.context,a={callbacks:new WeakMap,requests:[]});let c=a.callbacks.get(o);c===void 0&&a.callbacks.set(o,c=new WeakSet),c.has(e)||(c.add(e),a.requests.push({elementRef:new WeakRef(o),callbackRef:new WeakRef(e)}))}}attach(t){t.addEventListener("context-request",this.onContextRequest),t.addEventListener("context-provider",this.onContextProvider)}detach(t){t.removeEventListener("context-request",this.onContextRequest),t.removeEventListener("context-provider",this.onContextProvider)}};function ir({context:i}){return(t,o)=>{let e=new WeakMap;if(typeof o=="object")return o.addInitializer(function(){e.set(this,new ie(this,{context:i}))}),{get(){return t.get.call(this)},set(a){return e.get(this)?.setValue(a),t.set.call(this,a)},init(a){return e.get(this)?.setValue(a),a}};{t.constructor.addInitializer(p=>{e.set(p,new ie(p,{context:i}))});let a=Object.getOwnPropertyDescriptor(t,o),c;if(a===void 0){let p=new WeakMap;c={get:function(){return p.get(this)},set:function(d){e.get(this).setValue(d),p.set(this,d)},configurable:!0,enumerable:!0}}else{let p=a.set;c={...a,set:function(d){e.get(this).setValue(d),p?.call(this,d)}}}return void Object.defineProperty(t,o,c)}}}function qo({context:i,subscribe:t}){return(o,e)=>{typeof e=="object"?e.addInitializer(function(){new le(this,{context:i,callback:a=>{this[e.name]=a},subscribe:t})}):o.constructor.addInitializer(a=>{new le(a,{context:i,callback:c=>{a[e]=c},subscribe:t})})}}co();import{classMap as um}from"lit/directives/class-map.js";import{__classPrivateFieldGet as _,__classPrivateFieldSet as nr}from"tslib";function ln(i,t,o=!1,e=!1){if(!i||!t)return!1;let a=i.getBoundingClientRect(),c=t.getBoundingClientRect(),p=Math.ceil(a.left),d=Math.floor(a.right),u=Math.ceil(c.left),B=Math.floor(c.right),L=u>=p&&B<=d,I=(o||!e&&a.width<c.width)&&(u<p&&B>p||B>d&&u<d);return L||I}var Vo,sr,sn,D,cr,Ya,Xa,ne,nn,cn,gt,pr=class{get firstItem(){return _(this,cr,"f").at(0)}get lastItem(){return _(this,cr,"f").at(-1)}constructor(t,o){Vo.add(this),this.host=t,this.options=o,D.set(this,void 0),cr.set(this,[]),Ya.set(this,void 0),Xa.set(this,void 0),ne.set(this,void 0),nn.set(this,new MutationObserver(e=>{for(let a of e)a.type==="childList"&&_(this,Vo,"m",gt).call(this)})),cn.set(this,new ResizeObserver(()=>{_(this,Vo,"m",gt).call(this)})),this.showScrollButtons=!1,this.overflowLeft=!1,this.overflowRight=!1,this.onScroll=()=>{clearTimeout(_(this,Xa,"f")),nr(this,Xa,setTimeout(()=>_(this,Vo,"m",gt).call(this),_(this,Ya,"f")),"f")},nr(this,ne,o?.hideOverflowButtons??!1,"f"),nr(this,Ya,o?.scrollTimeoutDelay??0,"f"),t.isConnected&&_(sr,sr,"f",sn).add(this),t.addController(this),t.isConnected&&this.hostConnected()}init(t,o){nr(this,D,t,"f"),nr(this,cr,o,"f")}scrollLeft(){if(!_(this,D,"f"))return;let t=_(this,D,"f").scrollLeft-_(this,D,"f").clientWidth;_(this,D,"f").scroll({left:t,behavior:"smooth"}),_(this,Vo,"m",gt).call(this)}scrollRight(){if(!_(this,D,"f"))return;let t=_(this,D,"f").scrollLeft+_(this,D,"f").clientWidth;_(this,D,"f").scroll({left:t,behavior:"smooth"}),_(this,Vo,"m",gt).call(this)}update(){_(this,Vo,"m",gt).call(this)}hostConnected(){_(this,nn,"f").observe(this.host,{attributes:!1,childList:!0,subtree:!0}),_(this,cn,"f").observe(this.host),this.onScroll(),_(this,Vo,"m",gt).call(this)}};sr=pr,D=new WeakMap,cr=new WeakMap,Ya=new WeakMap,Xa=new WeakMap,ne=new WeakMap,nn=new WeakMap,cn=new WeakMap,Vo=new WeakSet,gt=function(){if(!this.firstItem||!this.lastItem||!_(this,D,"f"))return;let t=this.overflowLeft,o=this.overflowRight;this.overflowLeft=!_(this,ne,"f")&&!ln(_(this,D,"f"),this.firstItem),this.overflowRight=!_(this,ne,"f")&&!ln(_(this,D,"f"),this.lastItem);let e=0;(this.overflowLeft||this.overflowRight)&&(e=(_(this,D,"f").parentElement?.querySelector("button")?.getBoundingClientRect().width||0)*2),this.showScrollButtons=!_(this,ne,"f")&&_(this,D,"f").scrollWidth>_(this,D,"f").clientWidth+e,(t!==this.overflowLeft||o!==this.overflowRight)&&this.host.requestUpdate()};sn={value:new Set};window.addEventListener("resize",()=>{for(let i of _(sr,sr,"f",sn))i.onScroll()},{capture:!1,passive:!0});import{__classPrivateFieldGet as h,__classPrivateFieldSet as Ht}from"tslib";var S,se,ce,ut,ht,fr,eo,dr,pn,bt,dn,mr,Df=i=>!!i&&!i.ariaHidden&&!i.hasAttribute("hidden"),N=class{static of(t,o){return new se(t,o)}get activeItem(){return h(this,ce,"f")}get items(){return h(this,ht,"f")}get focusableItems(){return h(this,S,"a",eo)}get firstItem(){return h(this,S,"a",eo)[0]}get lastItem(){return h(this,S,"a",eo).at(-1)}get nextItem(){return h(this,S,"a",dr)>=h(this,S,"a",eo).length-1?this.firstItem:h(this,S,"a",eo)[h(this,S,"a",dr)+1]}get prevItem(){return h(this,S,"a",dr)>0?h(this,S,"a",eo)[h(this,S,"a",dr)-1]:this.lastItem}constructor(t,o){S.add(this),this.host=t,ce.set(this,void 0),ut.set(this,void 0),ht.set(this,[]),fr.set(this,!1),bt.set(this,void 0),mr.set(this,a=>{if(!(a instanceof KeyboardEvent)||a.ctrlKey||a.altKey||a.metaKey||!h(this,S,"a",eo).length||!a.composedPath().some(L=>h(this,S,"a",eo).includes(L)))return;let c=h(this,bt,"f").getHTMLElement()?.getAttribute("aria-orientation"),p=this.activeItem,d=!1,u=p?p.tagName==="SELECT"||p.getAttribute("role")==="spinbutton"||c==="horizontal":!1,B=c==="vertical";switch(a.key){case"ArrowLeft":if(B)return;this.setActiveItem(this.prevItem),d=!0;break;case"ArrowRight":if(B)return;this.setActiveItem(this.nextItem),d=!0;break;case"ArrowUp":if(u)return;this.setActiveItem(this.prevItem),d=!0;break;case"ArrowDown":if(u)return;this.setActiveItem(this.nextItem),d=!0;break;case"Home":this.setActiveItem(this.firstItem),d=!0;break;case"End":this.setActiveItem(this.lastItem),d=!0;break;default:break}d&&(a.stopPropagation(),a.preventDefault())}),Ht(this,bt,{getHTMLElement:o?.getHTMLElement??o?.getElement??(()=>t instanceof HTMLElement?t:null),getItems:o?.getItems,getItemContainer:o?.getItemContainer},"f");let e=se.hosts.get(t);if(e)return e;se.hosts.set(t,this),this.host.addController(this),this.updateItems()}hostUpdated(){let t=h(this,ut,"f"),o=h(this,bt,"f").getHTMLElement();t!==o&&(t?.removeEventListener("keydown",h(this,mr,"f")),se.elements.delete(t),this.updateItems()),o&&h(this,S,"m",dn).call(this,o)}hostDisconnected(){h(this,ut,"f")?.removeEventListener("keydown",h(this,mr,"f")),Ht(this,ut,void 0,"f"),Ht(this,fr,!1,"f")}setActiveItem(t){Ht(this,ce,t,"f");for(let o of h(this,S,"a",eo))o.tabIndex=h(this,ce,"f")===o?0:-1;this.host.requestUpdate(),h(this,fr,"f")&&h(this,ce,"f")?.focus()}updateItems(t=h(this,bt,"f").getItems?.()??[]){Ht(this,ht,t,"f");let e=[...h(this,ht,"f").slice(h(this,S,"a",pn)-1),...h(this,ht,"f").slice(0,h(this,S,"a",pn)-1)].find(p=>h(this,S,"a",eo).includes(p)),[a]=h(this,S,"a",eo),c=a??e??this.firstItem;this.setActiveItem(c)}focusOnItem(t){this.setActiveItem(t)}initItems(t,o){let e=o??h(this,bt,"f")?.getItemContainer?.()??h(this,bt,"f").getHTMLElement();e&&h(this,S,"m",dn).call(this,e),this.updateItems(t)}};se=N,ce=new WeakMap,ut=new WeakMap,ht=new WeakMap,fr=new WeakMap,bt=new WeakMap,mr=new WeakMap,S=new WeakSet,eo=function(){return h(this,ht,"f").filter(Df)},dr=function(){return h(this,S,"a",eo)&&this.activeItem?h(this,S,"a",eo).indexOf(this.activeItem):-1},pn=function(){return this.activeItem?h(this,ht,"f").indexOf(this.activeItem):-1},dn=function(t){se.elements.set(t,this),Ht(this,ut,t,"f"),h(this,ut,"f").addEventListener("keydown",h(this,mr,"f")),h(this,ut,"f").addEventListener("focusin",()=>{Ht(this,fr,!0,"f")},{once:!0})};N.hosts=new WeakMap;N.elements=new WeakMap;co();import{__classPrivateFieldGet as E,__classPrivateFieldSet as gr}from"tslib";var br,hr,Za,vt,_t,pe,Ga,Ka,Qa=class{get tabs(){return[...E(this,_t,"f").keys()]}get activeTab(){return this.tabs.find(t=>E(this,pe,"f").isActiveTab(t))}constructor(t,o){if(br.add(this),hr.set(this,void 0),Za.set(this,void 0),vt.set(this,void 0),_t.set(this,new Map),pe.set(this,void 0),Ga.set(this,new MutationObserver(E(this,br,"m",Ka).bind(this))),gr(this,pe,o,"f"),gr(this,hr,new y(t),"f"),t instanceof HTMLElement)gr(this,vt,t,"f");else{let e=o.getHTMLElement?.();if(!e)throw new Error("TabsController must be instantiated with an HTMLElement or a `getHTMLElement()` option");gr(this,vt,e,"f")}gr(this,Za,t,"f").addController(this),E(this,vt,"f").addEventListener("slotchange",E(this,br,"m",Ka)),E(this,vt,"f").isConnected&&this.hostConnected()}hostConnected(){E(this,Ga,"f").observe(E(this,vt,"f"),{attributes:!1,childList:!0,subtree:!1}),E(this,br,"m",Ka).call(this)}hostUpdated(){for(let[t,o]of E(this,_t,"f"))o.setAttribute("aria-labelledby",t.id),t.setAttribute("aria-controls",o.id)}hostDisconnected(){E(this,Ga,"f").disconnect()}panelFor(t){return E(this,_t,"f").get(t)}tabFor(t){for(let[o,e]of E(this,_t,"f"))if(t===e)return o}};hr=new WeakMap,Za=new WeakMap,vt=new WeakMap,_t=new WeakMap,pe=new WeakMap,Ga=new WeakMap,br=new WeakSet,Ka=function(){E(this,_t,"f").clear();let t=[],o=[];for(let e of E(this,vt,"f").children)E(this,pe,"f").isTab(e)?(t.push(e),e.role??(e.role="tab")):E(this,pe,"f").isPanel(e)&&(o.push(e),e.role??(e.role="tabpanel"));for(t.length>o.length?E(this,hr,"f").warn("Too many tabs!"):o.length>t.length&&E(this,hr,"f").warn("Too many panels!");t.length;)E(this,_t,"f").set(t.shift(),o.shift());E(this,Za,"f").requestUpdate()};import{LitElement as Vf,html as Yf}from"lit";import{customElement as Xf}from"lit/decorators/custom-element.js";import{property as gn}from"lit/decorators/property.js";import{queryAssignedElements as Gf}from"lit/decorators/query-assigned-elements.js";import{classMap as Kf}from"lit/directives/class-map.js";Ve();Ve();import{__decorate as Nf}from"tslib";function Qc(i,t,o=!1){let e;return function(...a){let c=this,p=function(){e=null,o||i.apply(c,a)},d=o&&!e;clearTimeout(e),e=window.setTimeout(p,t),d&&i.apply(c,a)}}co();var ur=class i{constructor(t,o){this.host=t,this.options=o,this.mo=new MutationObserver(this.parse),this.cache=new Map,this.class=t.constructor,this.logger=new y(this.host),i.instances.set(t,this);let e=this.options?.properties??{};for(let[a,c]of Object.entries(e))this.initProp(a,c);t.addController(this),this.cascadeProperties=Qc(this.cascadeProperties,1)}hostUpdated(){this.cascadeProperties()}hostConnected(){this.mo.observe(this.host,{attributes:!0,childList:!0}),this.cascadeProperties()}hostDisconnected(){this.mo.disconnect()}cascadeProperties(t=this.host.children){if(this.host.isConnected){let o=this.cache.keys();if(!t)return this._cascadeAttributes(o,this.cache);for(let e of t)if(e instanceof Element){for(let a of o)if(e.matches(a)){let c=this.cache.get(a);for(let p of c??[])this._copyAttribute(p,e)}}}}initProp(t,o){for(let e of[o].flat(1/0).filter(Boolean)){let{attribute:a}=this.class.getPropertyOptions(t),c=typeof a=="string"?a:t.toLowerCase();this.cache.get(e)?this.cache.get(e)?.push(c):this.cache.set(e,[c])}}parse(t){for(let o of t??[])o.type==="childList"&&o.addedNodes.length?this.cascadeProperties(o.addedNodes):o.type==="attributes"&&this._cascadeAttributes(this.cache.keys(),this.cache)}async _copyAttribute(t,o){this.logger.log(`copying ${t} to ${o}`);let e=this.host.getAttribute(t);o.isConnected&&(e==null?o.removeAttribute(t):o.setAttribute(t,e))}_cascadeAttributes(t,o){for(let e of t)for(let a of o.get(e)??[])this._cascadeAttribute(a,e)}_cascadeAttribute(t,o){let e=[...this.host.querySelectorAll(o),...this.host.shadowRoot?.querySelectorAll(o)??[]];for(let a of e)this._copyAttribute(t,a)}};ur.instances=new WeakMap;Nf([A],ur.prototype,"parse",null);co();function Jc(i){return function(t,o){let{alias:e,...a}=i,c=t.constructor,p=c.getPropertyOptions(e);c.createProperty(o,{...p,...a}),c.addInitializer(d=>{d.addController(new fn(d,i,o))})}}var fn=class{constructor(t,o,e){this.host=t,this.options=o,this.deprecatedKey=e,this.logged=!1,this.logger=new y(t)}hostUpdate(){let{deprecatedKey:t,options:{alias:o}}=this;this.host[t]&&this.host[o]!==this.host[t]&&(this.logged||(this.logger.warn(`${t} is deprecated, use ${o} instead`),this.logged=!0),this.host[o]=this.host[t])}};co();var Ja=class{constructor(t,o,e){this.host=t,this.options=e,this.initializer=o.bind(t),this.mo=new MutationObserver(this.initializer),this.logger=new y(this.host),t.addController(this)}hostConnected(){this.hasLightDOM()?this.initializer():this.options?.emptyWarning&&this.logger.warn(this.options?.emptyWarning),this.initObserver()}hostDisconnected(){this.mo.disconnect()}initObserver(){(this.options?.observe??!0)&&this.mo.observe(this.host,typeof this.options?.observe!="object"?{childList:!0}:this.options?.observe)}hasLightDOM(){return this.host.children.length>0||(this.host.textContent??"").trim().length>0}};function os(i){return function(t,o){t.constructor.addInitializer(e=>{let a=t[o],c=new Ja(e,a,i);e.isConnected&&c.hostConnected()})}}var mn=Symbol("observed properties controller"),de=class i{delete(t){this.values.delete(t)}constructor(t){if(this.host=t,this.values=new Map,i.hosts.get(t))return i.hosts.get(t);t.addController(this),t[mn]=this}hostUpdate(){for(let[t,[o,[e,a]]]of this.values)this.host[o]?.(e,a),this.delete(t)}hostUpdated(){this.host.removeController(this)}cache(t,o,...e){this.values.set(t,[o,e])}};de.hosts=new WeakMap;function ho(...i){if(i.length===1){let[t]=i;return function(o,e){o.constructor.addInitializer(a=>new de(a)),ts(o,e,t)}}else{let[t,o]=i;t.constructor.addInitializer(e=>new de(e)),ts(t,o)}}function ts(i,t,o){let e=Object.getOwnPropertyDescriptor(i,t);Object.defineProperty(i,t,{...e,configurable:!0,set(a){let c=this[t];if(e?.set?.call(this,a),typeof o=="function")o.call(this,c,a);else{let p=o||`_${t}Changed`;this.hasUpdated?this[p]?.(c,a):this[mn].cache(t,p,c,a)}}})}function Y(i="pfe"){return`${i}-${Math.random().toString(36).substr(2,9)}`}var vr;function Uf(){return vr=new lr,vr.attach(document.body),vr}function ol(...i){return vr??(vr=Uf()),rn(...i)}var $t=class extends Event{constructor(o){super("expand",{bubbles:!0,cancelable:!0});this.tab=o}},fe=ol(Symbol("pf-tabs-context"));import{css as jf}from"lit";var qf=jf`[hidden] {
|
|
830
830
|
display: none !important;
|
|
831
831
|
}
|
|
832
832
|
|
|
@@ -1012,17 +1012,17 @@ slot[name="icon"] {
|
|
|
1012
1012
|
:host([aria-disabled="true"][border-bottom="false"]) #button {
|
|
1013
1013
|
--pf-c-tabs__link--before--BorderBottomWidth: 0;
|
|
1014
1014
|
}
|
|
1015
|
-
`,
|
|
1015
|
+
`,es=qf;var xr,tl,rs,el,as,rl,ls,It,_r,Yo=class extends Vf{constructor(){super(...arguments);n(this,tl);n(this,el);n(this,rl);n(this,It);this.active=!1;this.disabled=!1;n(this,xr,f.of(this,{role:"tab"}))}connectedCallback(){super.connectedCallback(),this.id||=Y(this.localName),this.addEventListener("click",s(this,tl,rs)),this.addEventListener("keydown",s(this,el,as)),this.addEventListener("focus",s(this,rl,ls))}willUpdate(){let{borderBottom:o,box:e,fill:a,manual:c,vertical:p}=this.ctx??{};this.toggleAttribute("fill",a),this.toggleAttribute("manual",c),this.toggleAttribute("vertical",p),e?this.setAttribute("box",e):this.removeAttribute("box"),o?this.setAttribute("border-bottom",o):this.removeAttribute("border-bottom")}render(){let{active:o}=this,{box:e,fill:a=!1,vertical:c=!1}=this.ctx??{};return Yf`
|
|
1016
1016
|
<div id="button"
|
|
1017
1017
|
part="button"
|
|
1018
|
-
class="${
|
|
1018
|
+
class="${Kf({active:o,box:!!e,dark:e==="dark",light:e==="light",fill:a,vertical:c})}">
|
|
1019
1019
|
<slot name="icon"
|
|
1020
1020
|
part="icon"
|
|
1021
1021
|
?hidden="${!this.icons.length}"
|
|
1022
1022
|
@slotchange="${()=>this.requestUpdate()}"></slot>
|
|
1023
1023
|
<slot part="text"></slot>
|
|
1024
1024
|
</div>
|
|
1025
|
-
`}_activeChanged(o){l(this,xr).ariaSelected=String(!!this.active),this.active&&!o&&s(this,It,_r).call(this)}_disabledChanged(){l(this,xr).ariaDisabled=this.disabled?"true":this.ariaDisabled??"false"}};xr=new WeakMap,tl=new WeakSet,
|
|
1025
|
+
`}_activeChanged(o){l(this,xr).ariaSelected=String(!!this.active),this.active&&!o&&s(this,It,_r).call(this)}_disabledChanged(){l(this,xr).ariaDisabled=this.disabled?"true":this.ariaDisabled??"false"}};xr=new WeakMap,tl=new WeakSet,rs=function(){this.disabled||s(this,It,_r).call(this)},el=new WeakSet,as=function(o){if(!this.disabled)switch(o.key){case"Enter":s(this,It,_r).call(this)}},rl=new WeakSet,ls=function(){!this.ctx?.manual&&!this.disabled&&s(this,It,_r).call(this)},It=new WeakSet,_r=function(){return this.dispatchEvent(new $t(this))},Yo.styles=[es],r([Gf({slot:"icon",flatten:!0})],Yo.prototype,"icons",2),r([ho,gn({reflect:!0,type:Boolean})],Yo.prototype,"active",2),r([ho,gn({reflect:!0,type:Boolean})],Yo.prototype,"disabled",2),r([qo({context:fe,subscribe:!0}),gn({attribute:!1})],Yo.prototype,"ctx",2),Yo=r([Xf("pf-tab")],Yo);import{LitElement as Jf,html as om}from"lit";import{customElement as tm}from"lit/decorators/custom-element.js";import{state as em}from"lit/decorators/state.js";import{css as Zf}from"lit";var Qf=Zf`:host {
|
|
1026
1026
|
display: block;
|
|
1027
1027
|
}
|
|
1028
1028
|
|
|
@@ -1033,9 +1033,9 @@ slot[name="icon"] {
|
|
|
1033
1033
|
:host([box="light"]) {
|
|
1034
1034
|
background-color: var(--pf-c-tab-content--m-light-300, var(--pf-global--BackgroundColor--light-300, #f0f0f0));
|
|
1035
1035
|
}
|
|
1036
|
-
`,
|
|
1036
|
+
`,is=Qf;var me=class extends Jf{render(){return om`
|
|
1037
1037
|
<slot></slot>
|
|
1038
|
-
`}connectedCallback(){super.connectedCallback(),this.id||=
|
|
1038
|
+
`}connectedCallback(){super.connectedCallback(),this.id||=Y("pf-tab-panel"),this.hidden??=!0,this.tabIndex=0}willUpdate(){let{box:t,vertical:o}=this.ctx??{};this.toggleAttribute("vertical",o),t?this.setAttribute("box",t):this.removeAttribute("box")}};me.styles=[is],r([qo({context:fe,subscribe:!0}),em()],me.prototype,"ctx",2),me=r([tm("pf-tab-panel")],me);uo();import{css as fm}from"lit";var mm=fm`:host {
|
|
1039
1039
|
display: block;
|
|
1040
1040
|
}
|
|
1041
1041
|
|
|
@@ -1304,30 +1304,30 @@ button:disabled {
|
|
|
1304
1304
|
--pf-c-tabs--before--BorderBottomWidth: 0; /* *override user setting* when border-bottom is false border bottom styles should be 0; */
|
|
1305
1305
|
--pf-c-tabs__link--before--BorderBottomWidth: 0;
|
|
1306
1306
|
}
|
|
1307
|
-
`,
|
|
1307
|
+
`,ms=mm;var Cr,_n,so,Br,At,al,ll,gs,il,bs,nl,hs,cl,us,yr,xn,U=class extends gm{constructor(){super(...arguments);n(this,Cr);n(this,ll);n(this,il);n(this,nl);n(this,cl);n(this,yr);this.labelScrollLeft="Scroll left";this.labelScrollRight="Scroll left";this.box=null;this.vertical=!1;this.fill=!1;this.borderBottom="true";this.manual=!1;this.activeIndex=-1;this.ctx=l(this,Cr,_n);n(this,so,new pr(this,{scrollTimeoutDelay:200}));n(this,Br,new Qa(this,{isTab:o=>o.localName==="pf-tab",isPanel:o=>o.localName==="pf-tab-panel",isActiveTab:o=>o.active}));n(this,At,new N(this,{getHTMLElement:()=>this.shadowRoot?.getElementById("tabs")??null,getItems:()=>this.tabs??[]}));n(this,al,new y(this))}static isExpandEvent(o){return o instanceof $t}get tabs(){return l(this,Br).tabs}connectedCallback(){super.connectedCallback(),this.addEventListener("expand",s(this,cl,us)),this.id||=Y(this.localName)}async getUpdateComplete(){let o=await super.getUpdateComplete(),e=await Promise.all(Array.from(this.querySelectorAll("pf-tab, pf-tab-panel"),a=>a.updateComplete));return o&&e.every(a=>!!a)}willUpdate(o){o.has("activeIndex")?this.select(this.activeIndex):o.has("activeTab")&&this.activeTab?this.select(this.activeTab):s(this,yr,xn).call(this),l(this,so).update(),this.ctx=l(this,Cr,_n)}updated(o){o.has("activeTab")&&this.activeTab?.disabled&&(l(this,al).warn("Active tab is disabled. Setting to first focusable tab"),this.activeIndex=0)}firstUpdated(){this.tabs.length&&this.activeIndex===-1&&this.select(this.tabs.findIndex(o=>!o.disabled))}render(){return vn`
|
|
1308
1308
|
<div part="container"
|
|
1309
|
-
class="${
|
|
1310
|
-
<div part="tabs-container">${l(this,
|
|
1309
|
+
class="${um({overflow:l(this,so).showScrollButtons})}">
|
|
1310
|
+
<div part="tabs-container">${l(this,so).showScrollButtons?vn`
|
|
1311
1311
|
<button id="previousTab" tabindex="-1"
|
|
1312
1312
|
aria-label="${this.labelScrollLeft}"
|
|
1313
|
-
?disabled="${!l(this,
|
|
1314
|
-
@click="${s(this,ll,
|
|
1313
|
+
?disabled="${!l(this,so).overflowLeft}"
|
|
1314
|
+
@click="${s(this,ll,gs)}">
|
|
1315
1315
|
<pf-icon icon="angle-left" set="fas" loading="eager"></pf-icon>
|
|
1316
1316
|
</button>`:""}
|
|
1317
1317
|
<div id="tabs" part="tabs" role="tablist">
|
|
1318
|
-
<slot name="tab" @slotchange="${s(this,nl,
|
|
1318
|
+
<slot name="tab" @slotchange="${s(this,nl,hs)}" @scroll="${l(this,so).onScroll}"></slot>
|
|
1319
1319
|
</div>
|
|
1320
|
-
${l(this,
|
|
1320
|
+
${l(this,so).showScrollButtons?vn`
|
|
1321
1321
|
<button id="nextTab" tabindex="-1"
|
|
1322
1322
|
aria-label="${this.labelScrollRight}"
|
|
1323
|
-
?disabled="${!l(this,
|
|
1324
|
-
@click="${s(this,il,
|
|
1323
|
+
?disabled="${!l(this,so).overflowRight}"
|
|
1324
|
+
@click="${s(this,il,bs)}">
|
|
1325
1325
|
<pf-icon icon="angle-right" set="fas" loading="eager"></pf-icon>
|
|
1326
1326
|
</button>`:""}
|
|
1327
1327
|
</div>
|
|
1328
1328
|
<slot part="panels"></slot>
|
|
1329
1329
|
</div>
|
|
1330
|
-
`}select(o){if(typeof o=="number"){let e=this.tabs[o];l(this,At).setActiveItem(e)}else l(this,At).setActiveItem(o);s(this,yr,
|
|
1330
|
+
`}select(o){if(typeof o=="number"){let e=this.tabs[o];l(this,At).setActiveItem(e)}else l(this,At).setActiveItem(o);s(this,yr,xn).call(this,{force:!0})}};Cr=new WeakSet,_n=function(){let{activeTab:o,borderBottom:e,box:a,fill:c,manual:p,vertical:d}=this;return{activeTab:o,borderBottom:e,box:a,fill:c,manual:p,vertical:d}},so=new WeakMap,Br=new WeakMap,At=new WeakMap,al=new WeakMap,ll=new WeakSet,gs=function(){l(this,so).scrollLeft()},il=new WeakSet,bs=function(){l(this,so).scrollRight()},nl=new WeakSet,hs=function(){this.tabs&&l(this,so).init(this.tabsContainer,this.tabs)},cl=new WeakSet,us=function(o){o instanceof $t&&!o.defaultPrevented&&this.tabs.includes(o.tab)&&this.select(o.tab)},yr=new WeakSet,xn=function({force:o=!1}={}){l(this,At).activeItem?.disabled||this.tabs?.forEach((e,a)=>{if(o||!this.manual){let c=e===l(this,At).activeItem;e.active=c,c&&(this.activeIndex=a,this.activeTab=e)}l(this,Br).panelFor(e)?.toggleAttribute("hidden",!e.active)})},U.styles=[ms],U.scrollTimeoutDelay=150,r([Go({reflect:!1,attribute:"label-scroll-left"})],U.prototype,"labelScrollLeft",2),r([Go({reflect:!1,attribute:"label-scroll-right"})],U.prototype,"labelScrollRight",2),r([Go({reflect:!0})],U.prototype,"box",2),r([Go({reflect:!0,type:Boolean})],U.prototype,"vertical",2),r([Go({reflect:!0,type:Boolean})],U.prototype,"fill",2),r([Go({attribute:"border-bottom"})],U.prototype,"borderBottom",2),r([Go({reflect:!0,type:Boolean})],U.prototype,"manual",2),r([Go({attribute:"active-index",reflect:!0,type:Number})],U.prototype,"activeIndex",2),r([Go({attribute:!1})],U.prototype,"activeTab",2),r([hm("#tabs")],U.prototype,"tabsContainer",2),r([ir({context:fe})],U.prototype,"ctx",2),U=r([bm("pf-tabs")],U);import{LitElement as Dm,html as zr}from"lit";import{customElement as Nm}from"lit/decorators/custom-element.js";import{property as Ws}from"lit/decorators/property.js";import{css as vm}from"lit";var _m=vm`:host {
|
|
1331
1331
|
display: grid;
|
|
1332
1332
|
align-items: center;
|
|
1333
1333
|
padding-inline-start: calc(50px * var(--_pf-table--expandable-rows, 0));
|
|
@@ -1414,7 +1414,7 @@ button:disabled {
|
|
|
1414
1414
|
:host([expanded]) #toggle-icon {
|
|
1415
1415
|
transform: rotate(90deg);
|
|
1416
1416
|
}
|
|
1417
|
-
`,
|
|
1417
|
+
`,vs=_m;import{ifDefined as Um}from"lit/directives/if-defined.js";import{LitElement as $m,html as Im}from"lit";import{customElement as Am}from"lit/decorators/custom-element.js";import{property as Q}from"lit/decorators/property.js";import{ifDefined as Ss}from"lit/directives/if-defined.js";import{classMap as Om}from"lit/directives/class-map.js";co();import{__classPrivateFieldGet as T,__classPrivateFieldSet as Ct}from"tslib";var Cn,Sr,Bt,sl,kr,pl,Ot,wr,Bn,yn,_s,Dt;function xm(i){return i.length===1&&typeof i[0]=="object"&&i[0]!==null}var Cm=i=>t=>i===k.default?!t.hasAttribute("slot"):t.getAttribute("slot")===i,k=class{constructor(t,...o){if(Cn.add(this),this.host=t,Bt.set(this,new Map),sl.set(this,void 0),kr.set(this,!1),pl.set(this,new MutationObserver(e=>T(this,yn,"f").call(this,e))),Ot.set(this,void 0),wr.set(this,{}),Bn.set(this,e=>{let a=e.target.name;T(this,Dt,"f").call(this,a),this.host.requestUpdate()}),yn.set(this,async e=>{let a=[];for(let{addedNodes:c,removedNodes:p}of e)for(let d of[...c,...p])d instanceof HTMLElement&&d.slot&&(T(this,Dt,"f").call(this,d.slot),a.push(d.slot));this.host.requestUpdate()}),Dt.set(this,e=>{let a=e||Sr.default,c=T(this,Bt,"f").get(a)?.slot?.assignedElements?.()??T(this,Cn,"m",_s).call(this,a),p=e?`slot[name="${e}"]`:"slot:not([name])",d=this.host.shadowRoot?.querySelector?.(p)??null,u=!!c.length;T(this,Bt,"f").set(a,{elements:c,name:e??"",hasContent:u,slot:d}),T(this,sl,"f").debug(e,u)}),Ct(this,sl,new y(this.host),"f"),xm(o)){let[{slots:e,deprecations:a}]=o;Ct(this,Ot,e,"f"),Ct(this,wr,a??{},"f")}else o.length>=1?(Ct(this,Ot,o,"f"),Ct(this,wr,{},"f")):Ct(this,Ot,[null],"f");t.addController(this)}async hostConnected(){this.host.addEventListener("slotchange",T(this,Bn,"f")),Ct(this,kr,!1,"f"),T(this,pl,"f").observe(this.host,{childList:!0}),T(this,Bt,"f").clear(),T(this,Ot,"f").forEach(T(this,Dt,"f")),Object.values(T(this,wr,"f")).forEach(T(this,Dt,"f")),this.host.requestUpdate(),await this.host.updateComplete,this.host.requestUpdate()}hostUpdated(){T(this,kr,"f")||(T(this,Ot,"f").forEach(T(this,Dt,"f")),Ct(this,kr,!0,"f"))}hostDisconnected(){T(this,pl,"f").disconnect()}getSlotted(...t){return t.length?t.flatMap(o=>T(this,Bt,"f").get(o)?.elements??[]):T(this,Bt,"f").get(Sr.default)?.elements??[]}hasSlotted(...t){let{anonymous:o}=Sr,e=Array.from(t,a=>a??o);return e.length||e.push(o),e.some(a=>T(this,Bt,"f").get(a)?.hasContent??!1)}isEmpty(...t){return!this.hasSlotted(...t)}};Sr=k,Bt=new WeakMap,sl=new WeakMap,kr=new WeakMap,pl=new WeakMap,Ot=new WeakMap,wr=new WeakMap,Bn=new WeakMap,yn=new WeakMap,Dt=new WeakMap,Cn=new WeakSet,_s=function(t){return Array.from(this.host.children).filter(Cm(t))};k.default=Symbol("default slot");k.anonymous=Sr.default;uo();import{html as Wm}from"lit";import{customElement as zm}from"lit/decorators/custom-element.js";import{styleMap as Mm}from"lit/directives/style-map.js";import{LitElement as km,html as wm}from"lit";import{property as Cs}from"lit/decorators/property.js";import{css as Bm}from"lit";var ym=Bm`:host {
|
|
1418
1418
|
display: inline-block;
|
|
1419
1419
|
width: min-content;
|
|
1420
1420
|
min-height: 0;
|
|
@@ -1434,11 +1434,11 @@ circle {
|
|
|
1434
1434
|
stroke-dashoffset: 280;
|
|
1435
1435
|
}
|
|
1436
1436
|
|
|
1437
|
-
`,
|
|
1438
|
-
<svg
|
|
1437
|
+
`,xs=ym;var Nt=class extends km{constructor(){super(...arguments);this.size="xl"}static{this.styles=[xs]}render(){return wm`
|
|
1438
|
+
<svg viewBox="0 0 100 100">
|
|
1439
1439
|
<circle cx="50" cy="50" r="45" fill="none" />
|
|
1440
1440
|
</svg>
|
|
1441
|
-
`}};r([
|
|
1441
|
+
`}};r([Cs({reflect:!0})],Nt.prototype,"size",2),r([Cs({reflect:!0})],Nt.prototype,"diameter",2);import{css as Sm}from"lit";var Lm=Sm`[hidden] {
|
|
1442
1442
|
display: none !important;
|
|
1443
1443
|
}
|
|
1444
1444
|
|
|
@@ -1514,7 +1514,7 @@ circle {
|
|
|
1514
1514
|
transform: rotate(720deg);
|
|
1515
1515
|
}
|
|
1516
1516
|
}
|
|
1517
|
-
`,
|
|
1517
|
+
`,Bs=Lm;var kn,Lr=class extends Nt{constructor(){super(...arguments);n(this,kn,f.of(this,{role:"progressbar"}))}render(){return Wm`<div style=${Mm({"--pf-c-spinner--diameter":this.diameter})}>${super.render()}</div>`}};kn=new WeakMap,Lr.styles=[...Nt.styles,Bs],Lr=r([zm("pf-spinner")],Lr);import{css as Em}from"lit";var Tm=Em`:host {
|
|
1518
1518
|
--pf-c-button--PaddingTop: var(--pf-global--spacer--form-element, 0.375rem);
|
|
1519
1519
|
--pf-c-button--PaddingRight: var(--pf-global--spacer--md, 1rem);
|
|
1520
1520
|
--pf-c-button--PaddingBottom: var(--pf-global--spacer--form-element, 0.375rem);
|
|
@@ -1687,7 +1687,7 @@ circle {
|
|
|
1687
1687
|
--_button-color: var(--pf-c-button--m-primary--Color);
|
|
1688
1688
|
--_button-background-color: var(--pf-c-button--m-primary--BackgroundColor);
|
|
1689
1689
|
}
|
|
1690
|
-
`,
|
|
1690
|
+
`,ys=Tm;import{css as Rm}from"lit";var Fm=Rm`/******************************
|
|
1691
1691
|
* *
|
|
1692
1692
|
* ICON *
|
|
1693
1693
|
* *
|
|
@@ -1698,7 +1698,7 @@ circle {
|
|
|
1698
1698
|
var(--pf-global--spacer--xs, 0.25rem)));
|
|
1699
1699
|
}
|
|
1700
1700
|
|
|
1701
|
-
`,
|
|
1701
|
+
`,ks=Fm;import{css as Pm}from"lit";var Hm=Pm`:host {
|
|
1702
1702
|
position: relative;
|
|
1703
1703
|
font-size: var(--pf-c-button--FontSize);
|
|
1704
1704
|
font-weight: var(--pf-c-button--FontWeight);
|
|
@@ -2328,13 +2328,13 @@ pf-icon,
|
|
|
2328
2328
|
var(--pf-global--danger-color--100, #c9190b));
|
|
2329
2329
|
}
|
|
2330
2330
|
|
|
2331
|
-
`,
|
|
2331
|
+
`,ws=Hm;var yt,fl,Wr,wn,ge,dl,ml,Ls,R=class extends $m{constructor(){super(...arguments);n(this,Wr);n(this,ge);n(this,ml);this.loading=!1;this.plain=!1;this.warning=!1;this.danger=!1;this.variant="primary";this.inline=!1;this.block=!1;this.disabled=!1;n(this,yt,f.of(this,{role:"button"}));n(this,fl,new k(this,"icon",null))}connectedCallback(){super.connectedCallback(),this.addEventListener("click",s(this,ge,dl)),this.addEventListener("keydown",s(this,ml,Ls)),this.tabIndex=0}willUpdate(){l(this,yt).ariaLabel=this.label||null,l(this,yt).ariaDisabled=String(!!this.disabled)}render(){let o=!!this.icon||!!this.loading||l(this,fl).hasSlotted("icon"),{warning:e,variant:a,danger:c,loading:p,plain:d,inline:u,block:B,size:L}=this,I=l(this,Wr,wn);return Im`
|
|
2332
2332
|
<div id="button"
|
|
2333
|
-
class="${
|
|
2333
|
+
class="${Om({[a]:!0,[L??""]:!!L,inline:u,block:B,danger:c,disabled:I,hasIcon:o,loading:p,plain:d,warning:e})}">
|
|
2334
2334
|
<slot id="icon" part="icon" name="icon" ?hidden="${!o}">
|
|
2335
2335
|
<pf-icon role="presentation"
|
|
2336
|
-
icon="${
|
|
2337
|
-
set="${
|
|
2336
|
+
icon="${Ss(this.icon)}"
|
|
2337
|
+
set="${Ss(this.iconSet)}"
|
|
2338
2338
|
?hidden="${!this.icon}"></pf-icon>
|
|
2339
2339
|
<pf-spinner size="md"
|
|
2340
2340
|
?hidden="${!this.loading}"
|
|
@@ -2342,12 +2342,12 @@ pf-icon,
|
|
|
2342
2342
|
</slot>
|
|
2343
2343
|
<slot id="text"></slot>
|
|
2344
2344
|
</div>
|
|
2345
|
-
`}async formDisabledCallback(){await this.updateComplete,this.requestUpdate()}};
|
|
2345
|
+
`}async formDisabledCallback(){await this.updateComplete,this.requestUpdate()}};yt=new WeakMap,fl=new WeakMap,Wr=new WeakSet,wn=function(){return this.disabled||l(this,yt).formDisabled},ge=new WeakSet,dl=function(){if(!l(this,Wr,wn))switch(this.type){case"reset":return l(this,yt).reset();default:return l(this,yt).submit()}},ml=new WeakSet,Ls=function(o){switch(o.key){case" ":o.preventDefault(),o.stopPropagation(),this.dispatchEvent(new MouseEvent("click",{bubbles:!0,cancelable:!0,view:window}))&&s(this,ge,dl).call(this);break;case"Enter":this.dispatchEvent(new MouseEvent("click",{bubbles:!0,cancelable:!0,view:window}))&&s(this,ge,dl).call(this)}},R.formAssociated=!0,R.styles=[ys,ks,ws],r([Q({type:Boolean,reflect:!0})],R.prototype,"loading",2),r([Q({type:Boolean,reflect:!0})],R.prototype,"plain",2),r([Q({type:Boolean,reflect:!0})],R.prototype,"warning",2),r([Q({reflect:!0})],R.prototype,"size",2),r([Q({attribute:"icon-set"})],R.prototype,"iconSet",2),r([Q({type:Boolean,reflect:!0})],R.prototype,"danger",2),r([Q({reflect:!0})],R.prototype,"variant",2),r([Q({reflect:!0,type:Boolean})],R.prototype,"inline",2),r([Q({reflect:!0,type:Boolean})],R.prototype,"block",2),r([Q({reflect:!0,type:Boolean})],R.prototype,"disabled",2),r([Q({reflect:!0})],R.prototype,"type",2),r([Q()],R.prototype,"label",2),r([Q()],R.prototype,"value",2),r([Q()],R.prototype,"name",2),r([Q()],R.prototype,"icon",2),R=r([Am("pf-button")],R);uo();var kt=class extends Event{constructor(o,e){super("request-expand",{bubbles:!0,cancelable:!0});this.compoundExpanded=!1;e&&(this.compoundExpanded=o??!1,this.row=e)}};function jm(...i){let t=new Set(i);return{fromAttribute(o){return o&&t.has(o.toLowerCase())?o:o!=null},toAttribute(o){return o?o==="compound"?o:"":null}}}var qm={fromAttribute(i){return i||i!==null},toAttribute(i){return i?typeof i=="string"?i:"":null}},gl,zs,Mr,Sn,bl,Ms,Ko=class extends Dm{constructor(){super(...arguments);n(this,gl);n(this,Mr);n(this,bl);this.expandable=!1;this.expanded=!1}connectedCallback(){super.connectedCallback(),s(this,Mr,Sn).call(this)}willUpdate(o){o.has("expandable")&&s(this,Mr,Sn).call(this),o.has("expanded")&&s(this,gl,zs).call(this)}render(){return[this.expandable&&this.expandable!=="compound"&&zr`
|
|
2346
2346
|
<pf-td id="toggle-cell">
|
|
2347
2347
|
<pf-button id="toggle-button"
|
|
2348
2348
|
aria-expanded=${String(this.expanded)}
|
|
2349
2349
|
plain
|
|
2350
|
-
@click=${s(this,bl,
|
|
2350
|
+
@click=${s(this,bl,Ms)}>
|
|
2351
2351
|
<pf-icon id="toggle-icon"
|
|
2352
2352
|
icon="angle-right"
|
|
2353
2353
|
size="md"
|
|
@@ -2355,7 +2355,7 @@ pf-icon,
|
|
|
2355
2355
|
</pf-button>
|
|
2356
2356
|
</pf-td>
|
|
2357
2357
|
`,zr`
|
|
2358
|
-
<div id="container" role="${
|
|
2358
|
+
<div id="container" role="${Um(this.expandable?"row":void 0)}">
|
|
2359
2359
|
<slot></slot>
|
|
2360
2360
|
</div>
|
|
2361
2361
|
`,this.expandable&&this.expandable!=="compound"&&this.expanded&&zr`
|
|
@@ -2364,7 +2364,7 @@ pf-icon,
|
|
|
2364
2364
|
<div id="expansion">${this.expanded?zr`
|
|
2365
2365
|
<slot name="${this.expanded}"></slot>`:""}
|
|
2366
2366
|
</div>
|
|
2367
|
-
`].filter(Boolean)}};gl=new WeakSet,
|
|
2367
|
+
`].filter(Boolean)}};gl=new WeakSet,zs=function(){this.expanded&&!this.expandable&&(this.expanded=!1)},Mr=new WeakSet,Sn=function(){switch(this.expandable){case"compound":break;case!0:this.setAttribute("role","rowgroup");break;default:this.setAttribute("role","row")}},bl=new WeakSet,Ms=function(){this.dispatchEvent(new kt)},Ko.styles=[vs],r([Ws({reflect:!0,converter:jm("compound")})],Ko.prototype,"expandable",2),r([Ws({reflect:!0,converter:qm})],Ko.prototype,"expanded",2),Ko=r([Nm("pf-tr")],Ko);import{LitElement as Xm,html as Gm}from"lit";import{customElement as Km}from"lit/decorators/custom-element.js";import{css as Vm}from"lit";var Ym=Vm`:host {
|
|
2368
2368
|
--pf-c-table--cell--MinWidth: var(--pf-c-table--m-truncate--cell--MinWidth);
|
|
2369
2369
|
--pf-c-table--cell--MaxWidth: var(--pf-c-table--m-truncate--cell--MaxWidth);
|
|
2370
2370
|
--pf-c-table--cell--Overflow: hidden;
|
|
@@ -2382,9 +2382,9 @@ pf-icon,
|
|
|
2382
2382
|
display: none;
|
|
2383
2383
|
visibility: hidden;
|
|
2384
2384
|
}
|
|
2385
|
-
}`,
|
|
2386
|
-
<slot @slotchange=${s(this,hl,
|
|
2387
|
-
`}};hl=new WeakSet,
|
|
2385
|
+
}`,Es=Ym;var hl,Ts,Er=class extends Xm{constructor(){super(...arguments);n(this,hl)}connectedCallback(){super.connectedCallback(),this.setAttribute("role","rowgroup")}render(){return Gm`
|
|
2386
|
+
<slot @slotchange=${s(this,hl,Ts)}></slot>
|
|
2387
|
+
`}};hl=new WeakSet,Ts=function(){for(let o of this.querySelectorAll(":scope > pf-th"))o.setAttribute("role","columnheader")},Er.styles=[Es],Er=r([Km("pf-thead")],Er);import{LitElement as Jm,html as Fs,svg as og}from"lit";import{customElement as tg}from"lit/decorators/custom-element.js";import{property as ul}from"lit/decorators/property.js";import{classMap as eg}from"lit/directives/class-map.js";import{css as Zm}from"lit";var Qm=Zm`:host {
|
|
2388
2388
|
font-weight: bold;
|
|
2389
2389
|
padding: 1rem;
|
|
2390
2390
|
position: relative;
|
|
@@ -2477,22 +2477,22 @@ button.selected {
|
|
|
2477
2477
|
white-space: nowrap;
|
|
2478
2478
|
border: 0;
|
|
2479
2479
|
}
|
|
2480
|
-
`,
|
|
2480
|
+
`,Rs=Qm;var rg={asc:"desc",desc:"asc"},Tr=class extends Event{constructor(o,e){super("request-sort",{bubbles:!0,cancelable:!0});this.key=o;this.direction=e}},ag=new Map(Object.entries({asc:"M88 166.059V468c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12V166.059h46.059c21.382 0 32.09-25.851 16.971-40.971l-86.059-86.059c-9.373-9.373-24.569-9.373-33.941 0l-86.059 86.059c-15.119 15.119-4.411 40.971 16.971 40.971H88z",desc:"M168 345.941V44c0-6.627-5.373-12-12-12h-56c-6.627 0-12 5.373-12 12v301.941H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.569 9.373 33.941 0l86.059-86.059c15.119-15.119 4.411-40.971-16.971-40.971H168z",sort:"M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"})),vl,Ps,Bo=class extends Jm{constructor(){super(...arguments);n(this,vl);this.sortable=!1;this.selected=!1}connectedCallback(){super.connectedCallback();let o=this.closest("pf-thead"),e=this.closest("pf-table"),c=!!o&&!!e?.contains(o)?"colheader":"rowheader";this.setAttribute("role",c)}render(){let o=!!this.selected;return this.sortable?Fs`
|
|
2481
2481
|
<button id="sort-button"
|
|
2482
|
-
class="sortable ${
|
|
2482
|
+
class="sortable ${eg({selected:o})}"
|
|
2483
2483
|
part="sort-button"
|
|
2484
|
-
@click="${s(this,vl,
|
|
2484
|
+
@click="${s(this,vl,Ps)}">
|
|
2485
2485
|
<slot></slot>
|
|
2486
2486
|
<span class="visually-hidden">${this.sortDirection?`(sorted ${this.sortDirection==="asc"?"ascending":"descending"})`:""}</span>
|
|
2487
2487
|
<span id="sort-indicator">
|
|
2488
|
-
<svg fill="currentColor" height="1em" width="1em" viewBox="0 0 256 512" aria-hidden="true" role="img" style="vertical-align: -0.125em;">${
|
|
2489
|
-
<path d="${
|
|
2488
|
+
<svg fill="currentColor" height="1em" width="1em" viewBox="0 0 256 512" aria-hidden="true" role="img" style="vertical-align: -0.125em;">${og`
|
|
2489
|
+
<path d="${ag.get(this.sortDirection??"sort")}"></path>`}
|
|
2490
2490
|
</svg>
|
|
2491
2491
|
</span>
|
|
2492
2492
|
</button>
|
|
2493
|
-
`:
|
|
2493
|
+
`:Fs`
|
|
2494
2494
|
<slot></slot>
|
|
2495
|
-
`}sort(){let o=
|
|
2495
|
+
`}sort(){let o=rg[this.sortDirection??"asc"];this.dispatchEvent(new Tr(this.key,o))}};vl=new WeakSet,Ps=function(){this.sortable&&this.sort()},Bo.styles=[Rs],r([ul({type:Boolean,reflect:!0})],Bo.prototype,"sortable",2),r([ul({type:Boolean,reflect:!0})],Bo.prototype,"selected",2),r([ul({reflect:!0,attribute:"sort-direction"})],Bo.prototype,"sortDirection",2),r([ul()],Bo.prototype,"key",2),Bo=r([tg("pf-th")],Bo);import{LitElement as ng,html as $s}from"lit";import{customElement as cg}from"lit/decorators/custom-element.js";import{property as Is}from"lit/decorators/property.js";import{css as lg}from"lit";var ig=lg`:host(:empty),
|
|
2496
2496
|
:host([compound-expand]) {
|
|
2497
2497
|
padding: 0;
|
|
2498
2498
|
}
|
|
@@ -2597,13 +2597,13 @@ button:hover {
|
|
|
2597
2597
|
color: var(--pf-c-table__button--hover--Color);
|
|
2598
2598
|
}
|
|
2599
2599
|
|
|
2600
|
-
`,
|
|
2601
|
-
<button @click="${s(this,_l,
|
|
2600
|
+
`,Hs=ig;var _l,As,Zo=class extends ng{constructor(){super(...arguments);n(this,_l);this.expanded=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","cell")}render(){return this.compoundExpand?$s`
|
|
2601
|
+
<button @click="${s(this,_l,As)}">
|
|
2602
2602
|
<slot></slot>
|
|
2603
2603
|
</button>
|
|
2604
|
-
|
|
2604
|
+
`:$s`
|
|
2605
2605
|
<slot></slot>
|
|
2606
|
-
`}};_l=new WeakSet,
|
|
2606
|
+
`}};_l=new WeakSet,As=function(){let o=this.closest("pf-tr"),e=this.compoundExpand,a=o?new kt(o.expanded===e||e||!1,o):new kt;this.dispatchEvent(a)},Zo.styles=[Hs],r([Is({attribute:"compound-expand"})],Zo.prototype,"compoundExpand",2),r([Is({type:Boolean,reflect:!0})],Zo.prototype,"expanded",2),Zo=r([cg("pf-td")],Zo);import{LitElement as dg,html as fg}from"lit";import{customElement as mg}from"lit/decorators/custom-element.js";import{css as sg}from"lit";var pg=sg`:host {
|
|
2607
2607
|
--pf-c-table--cell--PaddingTop: var(--pf-c-table--tbody--cell--PaddingTop);
|
|
2608
2608
|
--pf-c-table--cell--PaddingBottom: var(--pf-c-table--tbody--cell--PaddingBottom);
|
|
2609
2609
|
display: grid;
|
|
@@ -2619,9 +2619,9 @@ button:hover {
|
|
|
2619
2619
|
}
|
|
2620
2620
|
}
|
|
2621
2621
|
|
|
2622
|
-
`,
|
|
2622
|
+
`,Os=pg;var Rr=class extends dg{connectedCallback(){super.connectedCallback(),this.setAttribute("role","rowgroup")}render(){return fg`
|
|
2623
2623
|
<slot></slot>
|
|
2624
|
-
`}};Rr.styles=[
|
|
2624
|
+
`}};Rr.styles=[Os],Rr=r([mg("pf-tbody")],Rr);import{LitElement as Cg,html as Bg}from"lit";import{customElement as yg}from"lit/decorators/custom-element.js";import{styleMap as kg}from"lit/directives/style-map.js";import{state as wg}from"lit/decorators/state.js";import{LitElement as hg,html as ug}from"lit";import{customElement as vg}from"lit/decorators/custom-element.js";import{css as gg}from"lit";var bg=gg`:host {
|
|
2625
2625
|
display: table-caption;
|
|
2626
2626
|
/* stylelint-disable-next-line max-line-length */
|
|
2627
2627
|
padding: var(--pf-c-table-caption--PaddingTop, var(--pf-global--spacer--md, 1rem)) var(--pf-c-table-caption--PaddingRight, var(--pf-global--spacer--lg, 1.5rem)) var(--pf-c-table-caption--PaddingBottom, var(--pf-global--spacer--md, 1rem)) var(--pf-c-table-caption--PaddingLeft, var(--pf-global--spacer--lg, 1.5rem));
|
|
@@ -2629,9 +2629,9 @@ button:hover {
|
|
|
2629
2629
|
color: var(--pf-c-table-caption--Color, var(--pf-global--Color--200, #6a6e73));
|
|
2630
2630
|
text-align: left;
|
|
2631
2631
|
background-color: var(--pf-c-table--BackgroundColor);
|
|
2632
|
-
}
|
|
2632
|
+
}`,Ds=bg;var Fr=class extends hg{render(){return ug`
|
|
2633
2633
|
<slot></slot>
|
|
2634
|
-
`}};Fr.styles=[
|
|
2634
|
+
`}};Fr.styles=[Ds],Fr=r([vg("pf-caption")],Fr);import{css as _g}from"lit";var xg=_g`:host {
|
|
2635
2635
|
--pf-c-table--BackgroundColor: var(--pf-global--BackgroundColor--100, #fff);
|
|
2636
2636
|
--pf-c-table--BorderColor: var(--pf-global--BorderColor--100, #d2d2d2);
|
|
2637
2637
|
--pf-c-table--border-width--base: var(--pf-global--BorderWidth--sm, 1px);
|
|
@@ -2854,16 +2854,16 @@ button:hover {
|
|
|
2854
2854
|
border: none;
|
|
2855
2855
|
}
|
|
2856
2856
|
}
|
|
2857
|
-
`,
|
|
2858
|
-
<slot @slotchange="${s(this,Pr,
|
|
2859
|
-
@request-expand="${s(this,xl,
|
|
2860
|
-
@request-sort="${s(this,Cl,
|
|
2861
|
-
style="${
|
|
2857
|
+
`,Ns=xg;var Sg=[":scope > pf-tbody:not([expandable]) > pf-tr",":scope > pf-tbody > pf-tr[expandable]",":scope > pf-tr",":scope > pf-tr[expandable]"].join(),xl,Us,Pr,Ln,Cl,js,Bl,qs,Qo=class extends Cg{constructor(){super(...arguments);n(this,xl);n(this,Pr);n(this,Cl);n(this,Bl);this.columns=0}get rows(){return this.querySelectorAll(Sg)}connectedCallback(){super.connectedCallback(),this.setAttribute("role","table"),s(this,Pr,Ln).call(this)}render(){let e=!!this.querySelector("pf-tr[expandable]")?"1":"0";return Bg`
|
|
2858
|
+
<slot @slotchange="${s(this,Pr,Ln)}"
|
|
2859
|
+
@request-expand="${s(this,xl,Us)}"
|
|
2860
|
+
@request-sort="${s(this,Cl,js)}"
|
|
2861
|
+
style="${kg({"--_pf-table--expandable-rows":e,"--_pf-table--number-of-columns":this.columns})}"
|
|
2862
2862
|
></slot>
|
|
2863
2863
|
`}static getNodeContentForSort(o,e){let a=e.querySelector(`
|
|
2864
2864
|
:scope > :is(pf-th, pf-td):nth-child(${o+1}),
|
|
2865
2865
|
:scope > pf-tr > :is(pf-th, pf-td):nth-child(${o+1})
|
|
2866
|
-
`.trim())?.textContent?.trim()?.toLowerCase()??"";return{node:e,content:a}}static sortByContent(o,e,a){return o==="asc"?e.content<a.content?-1:e.content>a.content?1:0:a.content<e.content?-1:a.content>e.content?1:0}};xl=new WeakSet,
|
|
2866
|
+
`.trim())?.textContent?.trim()?.toLowerCase()??"";return{node:e,content:a}}static sortByContent(o,e,a){return o==="asc"?e.content<a.content?-1:e.content>a.content?1:0:a.content<e.content?-1:a.content>e.content?1:0}};xl=new WeakSet,Us=function(o){if(o instanceof kt&&!o.defaultPrevented){if(o.stopPropagation(),o.target instanceof Ko)o.target.expanded=!!o.target.expandable&&!o.target.expanded;else if(o.target instanceof Zo&&o.row){o.row.expanded=o.compoundExpanded;for(let e of o.row.querySelectorAll("pf-td"))e.expanded=o.compoundExpanded===e.compoundExpand}}},Pr=new WeakSet,Ln=function(){this.columns=this.querySelector("pf-tr")?.querySelectorAll("pf-th")?.length??0,this.requestUpdate()},Cl=new WeakSet,js=function(o){if(o instanceof Tr){for(let e of this.querySelectorAll("pf-th[sortable]"))e.selected=e===o.target,e!==o.target&&e.removeAttribute("sort-direction");!o.defaultPrevented&&o.target instanceof Bo&&(o.target.sortDirection=o.direction,s(this,Bl,qs).call(this,o.target,o.direction))}},Bl=new WeakSet,qs=function(o,e){let a=o.parentElement?.children;if(a){let c=[...a].indexOf(o);Array.from(this.rows,p=>Qo.getNodeContentForSort(c,p)).sort((p,d)=>Qo.sortByContent(e,p,d)).forEach(({node:p},d)=>{let u=this.rows[d];if(this.rows[d]!==p){let B=e==="desc"?"afterend":"beforebegin";u.insertAdjacentElement(B,p)}})}},Qo.styles=[Ns],r([wg()],Qo.prototype,"columns",2),Qo=r([yg("pf-table")],Qo);import{customElement as Rg}from"lit/decorators/custom-element.js";import{LitElement as zg,html as Mg}from"lit";import{property as yl}from"lit/decorators/property.js";import{css as Lg}from"lit";var Wg=Lg`:host {
|
|
2867
2867
|
display: inline-block;
|
|
2868
2868
|
}
|
|
2869
2869
|
|
|
@@ -2899,7 +2899,7 @@ svg {
|
|
|
2899
2899
|
display: block;
|
|
2900
2900
|
content: "";
|
|
2901
2901
|
}
|
|
2902
|
-
`,
|
|
2902
|
+
`,Vs=Wg;var Jo=class extends zg{constructor(){super(...arguments);this.#o=f.of(this,{role:"switch"});this.showCheckIcon=!1;this.checked=!1;this.disabled=!1}static{this.styles=[Vs]}static{this.formAssociated=!0}#o;get labels(){return this.#o.labels}connectedCallback(){super.connectedCallback(),this.tabIndex=0,this.addEventListener("click",this.#r),this.addEventListener("keyup",this.#t),this.addEventListener("keydown",this.#a),this.#l()}formDisabledCallback(o){this.disabled=o}render(){return Mg`
|
|
2903
2903
|
<div id="container">
|
|
2904
2904
|
<svg id="toggle"
|
|
2905
2905
|
role="presentation"
|
|
@@ -2911,7 +2911,7 @@ svg {
|
|
|
2911
2911
|
<path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" />
|
|
2912
2912
|
</svg>
|
|
2913
2913
|
</div>
|
|
2914
|
-
`}willUpdate(){this.#o.ariaChecked=String(!!this.checked),this.#o.ariaDisabled=String(!!this.disabled)}#r(o){let{originalTarget:e,explicitOriginalTarget:a}=o;if(a){let c;if(e===o.target&&!(c=Array.from(this.labels)).includes(a)&&c.includes(this.closest("label")))return}this.#e()}#t(o){(o.key===" "||o.key==="Enter")&&(o.preventDefault(),o.stopPropagation(),this.#e())}#a(o){o.key===" "&&(o.preventDefault(),o.stopPropagation())}#e(){this.disabled||(this.checked=!this.checked,this.#l(),this.dispatchEvent(new Event("change",{bubbles:!0})))}#l(){let o=this.checked?"on":"off";this.labels.forEach(e=>{e.querySelectorAll("[data-state]").forEach(c=>{c&&(c.hidden=c.dataset.state!==o)})})}};r([yl({reflect:!0})],
|
|
2914
|
+
`}willUpdate(){this.#o.ariaChecked=String(!!this.checked),this.#o.ariaDisabled=String(!!this.disabled)}#r(o){let{originalTarget:e,explicitOriginalTarget:a}=o;if(a){let c;if(e===o.target&&!(c=Array.from(this.labels)).includes(a)&&c.includes(this.closest("label")))return}this.#e()}#t(o){(o.key===" "||o.key==="Enter")&&(o.preventDefault(),o.stopPropagation(),this.#e())}#a(o){o.key===" "&&(o.preventDefault(),o.stopPropagation())}#e(){this.disabled||(this.checked=!this.checked,this.#l(),this.dispatchEvent(new Event("change",{bubbles:!0})))}#l(){let o=this.checked?"on":"off";this.labels.forEach(e=>{e.querySelectorAll("[data-state]").forEach(c=>{c&&(c.hidden=c.dataset.state!==o)})})}};r([yl({reflect:!0})],Jo.prototype,"label",2),r([yl({reflect:!0,type:Boolean,attribute:"show-check-icon"})],Jo.prototype,"showCheckIcon",2),r([yl({reflect:!0,type:Boolean})],Jo.prototype,"checked",2),r([yl({reflect:!0,type:Boolean})],Jo.prototype,"disabled",2);import{css as Eg}from"lit";var Tg=Eg`:host([checked]) #container {
|
|
2915
2915
|
color: var(--pf-c-switch__input--checked__label--Color,
|
|
2916
2916
|
var(--pf-global--Color--dark-100, #151515));
|
|
2917
2917
|
background-color: var(--pf-c-switch__input--checked__toggle--BackgroundColor,
|
|
@@ -3017,7 +3017,7 @@ svg {
|
|
|
3017
3017
|
color: var(--pf-c-switch__toggle-icon--Color,
|
|
3018
3018
|
var(--pf-global--Color--light-100, #fff));
|
|
3019
3019
|
}
|
|
3020
|
-
`,
|
|
3020
|
+
`,Ys=Tg;var Hr=class extends Jo{};Hr.styles=[...Jo.styles,Ys],Hr=r([Rg("pf-switch")],Hr);import{LitElement as ap,html as jr}from"lit";import{customElement as Kg}from"lit/decorators/custom-element.js";import{property as ko}from"lit/decorators/property.js";import{query as Zg}from"lit/decorators/query.js";import{repeat as Qg}from"lit/directives/repeat.js";import{styleMap as lp}from"lit/directives/style-map.js";import{classMap as En}from"lit/directives/class-map.js";import{ifDefined as Tn}from"lit/directives/if-defined.js";import{__classPrivateFieldGet as C,__classPrivateFieldSet as be}from"tslib";var J,ot,wt,$r,kl,Ir,wl,Sl,Ll,Wl,Xs,Gs,Ar,Wn=!1,Or=class i{static of(t,o){Wn=!0;let e=i.instances.get(t)??new i(t,o);return Wn=!1,e}constructor(t,o){if(J.add(this),this.host=t,this._options=o,ot.set(this,null),wt.set(this,[]),$r.set(this,!1),this.disabled=!1,wl.set(this,e=>{let a=C(this,J,"m",Ir).call(this,e);a&&a!==this._options.a11yController.activeItem&&this._options.a11yController.setActiveItem(a)}),Sl.set(this,e=>{let a=C(this,J,"m",Ir).call(this,e);if(a){let c=this.value;this._options.multi?e.shiftKey?C(this,ot,"f")&&a&&C(this,J,"m",Ar).call(this,a,C(this,ot,"f")):this._options.requestSelect(a,!this._options.isSelected(a)):this.options.forEach(p=>this._options.requestSelect(p,p===a)),a!==this._options.a11yController.activeItem&&this._options.a11yController.setActiveItem(a),c!==this.value&&this.host.requestUpdate()}}),Ll.set(this,e=>{let a=C(this,J,"m",Ir).call(this,e);a&&e.shiftKey&&this._options.multi&&(C(this,ot,"f")&&a&&C(this,J,"m",Ar).call(this,a,C(this,ot,"f")),e.key==="Shift"&&be(this,ot,null,"f"))}),Wl.set(this,e=>{let a=C(this,J,"m",Ir).call(this,e);if(!a||e.altKey||e.metaKey||!this.options.includes(a))return;let c=this._options.a11yController.firstItem,p=this._options.a11yController.lastItem;switch(e.key==="Shift"&&this._options.multi&&be(this,ot,this.activeItem??null,"f"),e.key){case"a":case"A":e.ctrlKey&&(C(this,J,"m",Ar).call(this,c,p,!0),e.preventDefault());break;case"Enter":case" ":this._options.multi?e.shiftKey?C(this,J,"m",Ar).call(this,a):this.disabled||this._options.requestSelect(a,!this._options.isSelected(a)):C(this,J,"m",Gs).call(this),e.preventDefault();break;default:break}}),!Wn)throw new Error("ListboxController must be constructed with `ListboxController.of()`");if(!(t instanceof HTMLElement)&&typeof o.getHTMLElement!="function")throw new Error("ListboxController requires the host to be an HTMLElement, or for the initializer to include a `getHTMLElement()` function");if(!o.a11yController)throw new Error("ListboxController requires an additional keyboard accessibility controller. Provide either a RovingTabindexController or an ActiveDescendantController");i.instances.set(t,this),this.host.addController(this),this.element?.isConnected&&this.hostConnected()}get activeItem(){return this.options.find(t=>t===this._options.a11yController.activeItem)||this._options.a11yController.firstItem}get nextItem(){return this._options.a11yController.nextItem}get options(){return C(this,wt,"f")}get selectedOptions(){return this.options.filter(t=>this._options.isSelected(t))}get value(){let[t]=this.selectedOptions;return this._options.multi?this.selectedOptions:t}get element(){return this._options.getHTMLElement()}async hostConnected(){C(this,$r,"f")||(await this.host.updateComplete,this.element?.addEventListener("click",C(this,Sl,"f")),this.element?.addEventListener("focus",C(this,wl,"f")),this.element?.addEventListener("keydown",C(this,Wl,"f")),this.element?.addEventListener("keyup",C(this,Ll,"f")),be(this,$r,!0,"f"))}hostUpdated(){this.element?.setAttribute("role","listbox"),this.element?.setAttribute("aria-disabled",String(!!this.disabled)),this.element?.setAttribute("aria-multi-selectable",String(!!this._options.multi));for(let t of this._options.a11yController.items)this._options.a11yController.activeItem===t?t.setAttribute("aria-selected","true"):t.removeAttribute("aria-selected")}hostDisconnected(){this.element?.removeEventListener("click",C(this,Sl,"f")),this.element?.removeEventListener("focus",C(this,wl,"f")),this.element?.removeEventListener("keydown",C(this,Wl,"f")),this.element?.removeEventListener("keyup",C(this,Ll,"f")),be(this,$r,!1,"f")}setValue(t){let o=Array.isArray(t)?t:[t],[e=null]=o;for(let a of this.options)this._options.requestSelect(a,this._options.multi&&Array.isArray(t)?t?.includes(a):e===a)}setOptions(t){let o=[...C(this,wt,"f")];be(this,wt,t,"f"),C(this,J,"m",Xs).call(this,o)}};ot=new WeakMap,wt=new WeakMap,$r=new WeakMap,wl=new WeakMap,Sl=new WeakMap,Ll=new WeakMap,Wl=new WeakMap,J=new WeakSet,kl=function(t=this.options){return t.filter(o=>!o.ariaDisabled&&!o.closest("[disabled]"))},Ir=function(t){return t.composedPath().find(o=>C(this,wt,"f").includes(o))},Xs=function(t){(C(this,wt,"f").length!==t.length||!t.every((e,a)=>e===C(this,wt,"f")[a]))&&this._options.a11yController.updateItems(this.options)},Gs=function(){!this._options.multi&&!this.disabled&&C(this,J,"m",kl).call(this).forEach(t=>this._options.requestSelect(t,t===this._options.a11yController.activeItem))},Ar=function(t,o=this.activeItem,e=!1){if(o&&this._options.multi&&!this.disabled&&t){let[a,c]=[this.options.indexOf(o),this.options.indexOf(t)].sort(),p=[...this.options].slice(a,c+1),d=C(this,J,"m",kl).call(this,p).filter(B=>!this._options.isSelected(B))?.length===0,u=e?!d:this._options.isSelected(o);C(this,J,"m",kl).call(this,p).forEach(B=>this._options.requestSelect(B,u)),be(this,ot,t,"f")}};Or.instances=new WeakMap;qe();import{LitElement as Hg,html as $g}from"lit";import{customElement as Ig}from"lit/decorators/custom-element.js";import{queryAssignedNodes as Ag}from"lit/decorators/query-assigned-nodes.js";import{property as Dr}from"lit/decorators/property.js";import{classMap as Og}from"lit/directives/class-map.js";import{css as Fg}from"lit";var Pg=Fg`:host {
|
|
3021
3021
|
display: block;
|
|
3022
3022
|
}
|
|
3023
3023
|
|
|
@@ -3091,8 +3091,8 @@ slot[name="description"] {
|
|
|
3091
3091
|
margin-inline-end: 0.5em;
|
|
3092
3092
|
}
|
|
3093
3093
|
|
|
3094
|
-
`,
|
|
3095
|
-
<div id="outer" class="${
|
|
3094
|
+
`,Ks=Pg;var Nr,tt,yo=class extends Hg{constructor(){super(...arguments);this.disabled=!1;this.selected=!1;this.active=!1;this.description="";n(this,Nr,void 0);n(this,tt,f.of(this,{role:"option"}))}get value(){return(l(this,Nr)??this.textContent??"").trim()}set value(o){b(this,Nr,o)}set posInSet(o){l(this,tt).ariaPosInSet=`${Math.max(0,o??0)}`}get posInSet(){let o=parseInt(l(this,tt).ariaPosInSet??"0");return Number.isNaN(o)?null:o}set setSize(o){l(this,tt).ariaSetSize=`${Math.max(0,o??0)}`}get setSize(){try{let o=parseInt(l(this,tt).ariaSetSize??"0");return Number.isNaN(o)?0:o}catch{return 0}}connectedCallback(){super.connectedCallback(),this.id||=Y()}render(){let{disabled:o,active:e}=this;return $g`
|
|
3095
|
+
<div id="outer" class="${Og({active:e,disabled:o})}">
|
|
3096
3096
|
<input type="checkbox"
|
|
3097
3097
|
aria-hidden="true"
|
|
3098
3098
|
role="presentation"
|
|
@@ -3112,7 +3112,7 @@ slot[name="description"] {
|
|
|
3112
3112
|
</svg>
|
|
3113
3113
|
<slot id="description" name="description">${this.description??""}</slot>
|
|
3114
3114
|
</div>
|
|
3115
|
-
`}willUpdate(o){o.has("selected")&&o.get("selected")!==void 0&&this.selected===!1&&(l(this,
|
|
3115
|
+
`}willUpdate(o){o.has("selected")&&o.get("selected")!==void 0&&this.selected===!1&&(l(this,tt).ariaSelected=this.selected?"true":"false"),o.has("disabled")&&(l(this,tt).ariaDisabled=String(!!this.disabled))}get optionText(){return this._slottedText.map(o=>o.textContent).join("").trim()}};Nr=new WeakMap,tt=new WeakMap,yo.styles=[Ks],r([Dr({type:Boolean,reflect:!0})],yo.prototype,"disabled",2),r([Dr({reflect:!0})],yo.prototype,"value",1),r([Dr({type:Boolean})],yo.prototype,"selected",2),r([Dr({type:Boolean})],yo.prototype,"active",2),r([Dr()],yo.prototype,"description",2),r([Ag({slot:"",flatten:!0})],yo.prototype,"_slottedText",2),yo=r([Ig("pf-option")],yo);import{css as Dg}from"lit";var Ng=Dg`:host {
|
|
3116
3116
|
font-family: var(--pf-global--FontFamily--sans-serif, "RedHatTextUpdated", "Overpass", overpass, helvetica, arial, sans-serif);
|
|
3117
3117
|
font-size: var(--pf-global--FontSize--md, 16px);
|
|
3118
3118
|
font-weight: var(--pf-global--FontWeight--normal, 400);
|
|
@@ -3483,43 +3483,43 @@ pf-badge {
|
|
|
3483
3483
|
background-color: var(--pf-c-divider--after--BackgroundColor);
|
|
3484
3484
|
flex: 1 0 100%;
|
|
3485
3485
|
}
|
|
3486
|
-
`,
|
|
3486
|
+
`,Zs=Ng;var Rn=class extends Event{constructor(){super("change",{bubbles:!0})}},he,ue,zl,ro,qr,Ml,ip,El,np,Tl,cp,Rl,sp,Fl,pp,Pl,dp,Hl,fp,$l,mp,Il,gp,Al,bp,Ol,hp,Dl,up,Vr,Fn,$=class extends ap{constructor(){super(...arguments);n(this,Ml);n(this,El);n(this,Tl);n(this,Rl);n(this,Fl);n(this,Pl);n(this,Hl);n(this,$l);n(this,Il);n(this,Al);n(this,Ol);n(this,Dl);n(this,Vr);n(this,he,f.of(this));n(this,ue,new To(this,{content:()=>this.shadowRoot?.getElementById("listbox-container")??null}));n(this,zl,new k(this,null,"placeholder"));n(this,ro,void 0);this.variant="single";this.accessibleCurrentSelectionsLabel="Current selections";this.itemsSelectedText="items selected";this.disabled=!1;this.expanded=!1;this.enableFlip=!1;this.position="bottom";this.checkboxSelectionBadgeHidden=!1;n(this,qr,this.selected)}set selected(o){l(this,ro)?.setValue(o)}get selected(){return l(this,ro)?.value}get options(){let o=Array.from(this.querySelectorAll("pf-option")),e=this.shadowRoot?.getElementById("placeholder");return e?[e,...o]:o}willUpdate(o){this.variant==="checkbox"&&Promise.resolve().then(()=>(Mn(),rp)),o.has("variant")&&s(this,Rl,sp).call(this),o.has("value")&&l(this,he).setFormValue(this.value??""),o.has("disabled")&&(l(this,ro).disabled=this.disabled)}render(){let{disabled:o,expanded:e,variant:a}=this,{anchor:c="bottom",alignment:p="start",styles:d={}}=l(this,ue),{computedLabelText:u}=l(this,he),{height:B,width:L}=this.getBoundingClientRect()||{},I=l(this,Tl,cp),st=l(this,El,np),pt=l(this,ro)?.selectedOptions??[],bo=a.startsWith("typeahead"),Ai=a==="checkbox",dt=bo&&"offscreen",Ma=st&&"badge",Oi=!!(Array.isArray(this.selected)?this.selected.length:this.selected);return jr`
|
|
3487
3487
|
<div id="outer"
|
|
3488
|
-
style="${
|
|
3489
|
-
class="${
|
|
3488
|
+
style="${lp(d)}"
|
|
3489
|
+
class="${En({disabled:o,typeahead:bo,expanded:e,[c]:!!c,[p]:!!p})}">
|
|
3490
3490
|
<div id="toggle">
|
|
3491
|
-
${bo&&
|
|
3491
|
+
${bo&&pt.length<1?jr`
|
|
3492
3492
|
<pf-chip-group label="${this.accessibleCurrentSelectionsLabel}">
|
|
3493
|
-
${
|
|
3494
|
-
<pf-chip id="chip-${
|
|
3493
|
+
${Qg(pt,Ne=>Ne.id,Ne=>jr`
|
|
3494
|
+
<pf-chip id="chip-${Ne.textContent}"
|
|
3495
3495
|
.readonly="${this.disabled}"
|
|
3496
|
-
@remove="${s(this,
|
|
3496
|
+
@remove="${s(this,Ol,hp).bind(this,Ne)}">${Ne.textContent}</pf-chip>`)}
|
|
3497
3497
|
</pf-chip-group>`:""}
|
|
3498
3498
|
${bo?jr`
|
|
3499
3499
|
<input id="toggle-input"
|
|
3500
|
-
aria-label="${this.accessibleLabel??(u||
|
|
3500
|
+
aria-label="${this.accessibleLabel??(u||I)}"
|
|
3501
3501
|
aria-autocomplete="both"
|
|
3502
3502
|
?disabled="${o}"
|
|
3503
3503
|
?hidden="${!bo}"
|
|
3504
|
-
placeholder="${
|
|
3505
|
-
@input="${s(this,
|
|
3504
|
+
placeholder="${I}"
|
|
3505
|
+
@input="${s(this,Dl,up)}">
|
|
3506
3506
|
`:""}
|
|
3507
3507
|
<button id="toggle-button"
|
|
3508
3508
|
role="combobox"
|
|
3509
3509
|
aria-hidden="${bo.toString()}"
|
|
3510
|
-
aria-
|
|
3510
|
+
aria-label="${Tn(this.accessibleLabel||l(this,he).computedLabelText||void 0)}"
|
|
3511
3511
|
aria-describedby="placeholder"
|
|
3512
3512
|
aria-controls="listbox"
|
|
3513
3513
|
aria-haspopup="listbox"
|
|
3514
3514
|
aria-expanded="${String(this.expanded)}"
|
|
3515
|
-
@keydown="${s(this
|
|
3515
|
+
@keydown="${s(this,Il,gp)}"
|
|
3516
3516
|
@click="${()=>!bo&&this.toggle()}"
|
|
3517
|
-
tabindex="${
|
|
3518
|
-
<span style="display: contents;"
|
|
3517
|
+
tabindex="${Tn(bo?-1:void 0)}">
|
|
3518
|
+
<span id="button-text" style="display: contents;">
|
|
3519
3519
|
<span id="toggle-text"
|
|
3520
|
-
class="${
|
|
3520
|
+
class="${En({offscreen:dt,badge:Ma})}">${I}</span>${st?jr`
|
|
3521
3521
|
<span id="toggle-badge">
|
|
3522
|
-
<pf-badge number="${
|
|
3522
|
+
<pf-badge number="${pt.length}">${pt.length}</pf-badge>
|
|
3523
3523
|
</span>`:""}
|
|
3524
3524
|
</span>
|
|
3525
3525
|
<svg viewBox="0 0 320 512"
|
|
@@ -3531,19 +3531,22 @@ pf-badge {
|
|
|
3531
3531
|
</div>
|
|
3532
3532
|
<div id="listbox-container"
|
|
3533
3533
|
?hidden="${!e}"
|
|
3534
|
-
style="${
|
|
3534
|
+
style="${lp({marginTop:`${B||0}px`,width:L?`${L}px`:"auto"})}">
|
|
3535
3535
|
<div id="listbox"
|
|
3536
|
-
@focusout="${s(this,
|
|
3537
|
-
@keydown="${s(this,
|
|
3538
|
-
class="${
|
|
3539
|
-
<pf-option id="placeholder"
|
|
3536
|
+
@focusout="${s(this,$l,mp)}"
|
|
3537
|
+
@keydown="${s(this,Hl,fp)}"
|
|
3538
|
+
class="${En({checkboxes:Ai})}">
|
|
3539
|
+
<pf-option id="placeholder"
|
|
3540
|
+
disabled
|
|
3541
|
+
aria-hidden="${Tn(Oi?"true":void 0)}"
|
|
3542
|
+
?hidden="${!this.placeholder&&!l(this,zl).hasSlotted("placeholder")}">
|
|
3540
3543
|
<slot name="placeholder">${this.placeholder}</slot>
|
|
3541
3544
|
</pf-option>
|
|
3542
|
-
<slot @slotchange="${s(this,
|
|
3545
|
+
<slot @slotchange="${s(this,Al,bp)}"></slot>
|
|
3543
3546
|
</div>
|
|
3544
3547
|
</div>
|
|
3545
3548
|
</div>
|
|
3546
|
-
`}updated(o){o.has("expanded")&&s(this,
|
|
3549
|
+
`}updated(o){o.has("expanded")&&s(this,Fl,pp).call(this),o.has("value")&&this.dispatchEvent(new Event("change",{bubbles:!0,cancelable:!0}))}firstUpdated(){this.requestUpdate()}async show(){this.expanded=!0,await this.updateComplete}async hide(){this.expanded=!1,await this.updateComplete}async toggle(){this.expanded=!this.expanded,await this.updateComplete}};he=new WeakMap,ue=new WeakMap,zl=new WeakMap,ro=new WeakMap,qr=new WeakMap,Ml=new WeakSet,ip=function(){return this.shadowRoot?.getElementById("listbox")??null},El=new WeakSet,np=function(){return this.variant==="checkbox"&&!this.checkboxSelectionBadgeHidden},Tl=new WeakSet,cp=function(){switch(this.variant){case"checkbox":return l(this,ro)?.selectedOptions?.map?.(o=>o.optionText||"")?.join(" ")?.trim()||s(this,Vr,Fn).call(this)||"Options";default:return(this.selected?this.value:"")||s(this,Vr,Fn).call(this)||"Select a value"}},Rl=new WeakSet,sp=function(){l(this,ro)?.hostDisconnected();let o=()=>l(this,Ml,ip);switch(this.variant){default:b(this,ro,Or.of(this,{multi:this.variant==="checkbox",getHTMLElement:o,isSelected:e=>e.selected,requestSelect:(e,a)=>(b(this,qr,this.selected),e.selected=!e.disabled&&!!a,s(this,Pl,dp).call(this),!0),a11yController:N.of(this,{getHTMLElement:o,getItems:()=>this.options})}));break}},Fl=new WeakSet,pp=async function(){let o=this.expanded?"close":"open";this.dispatchEvent(new Event(o)),this.expanded?(await l(this,ue).show({placement:this.position||"bottom",flip:!!this.enableFlip}),(l(this,ro)?.activeItem??l(this,ro)?.nextItem)?.focus()):l(this,qr)===this.selected&&(await l(this,ue).hide(),this._toggle?.focus())},Pl=new WeakSet,dp=async function(){switch(await this.updateComplete,this.value=[this.selected].flat().filter(o=>!!o).map(o=>o.value).join(),this.dispatchEvent(new Rn),this.variant){case"single":this.hide(),this._toggle?.focus()}},Hl=new WeakSet,fp=function(o){switch(o.key){case"Escape":this.hide(),this._toggle?.focus()}},$l=new WeakSet,mp=function(o){switch(this.variant){case"single":case"checkbox":if(this.expanded){let e=this.getRootNode();(e instanceof ShadowRoot||e instanceof Document&&!this.options.includes(o.relatedTarget))&&this.hide()}}},Il=new WeakSet,gp=function(o){switch(this.variant){case"single":case"checkbox":switch(o.key){case"ArrowDown":this.show()}}},Al=new WeakSet,bp=function(){l(this,ro)?.setOptions(this.options),this.options.forEach((o,e,a)=>{o.setSize=a.length,o.posInSet=e})},Ol=new WeakSet,hp=function(o,e){},Dl=new WeakSet,up=function(){},Vr=new WeakSet,Fn=function(){return this.placeholder||this.querySelector("[slot=placeholder]")?.assignedNodes()?.reduce((o,e)=>`${o}${e.textContent}`,"")?.trim()||l(this,ro)?.options?.filter(o=>o!==this.shadowRoot?.getElementById("placeholder"))?.at(0)?.value||""},$.styles=[Zs],$.shadowRootOptions={...ap.shadowRootOptions,delegatesFocus:!0},$.formAssociated=!0,r([ko()],$.prototype,"variant",2),r([ko({attribute:"accessible-label"})],$.prototype,"accessibleLabel",2),r([ko({attribute:"accessible-current-selections-label"})],$.prototype,"accessibleCurrentSelectionsLabel",2),r([ko({attribute:"items-selected-text"})],$.prototype,"itemsSelectedText",2),r([ko({type:Boolean,reflect:!0})],$.prototype,"disabled",2),r([ko({type:Boolean,reflect:!0})],$.prototype,"expanded",2),r([ko({attribute:"enable-flip",type:Boolean})],$.prototype,"enableFlip",2),r([ko()],$.prototype,"value",2),r([ko()],$.prototype,"placeholder",2),r([ko({reflect:!0})],$.prototype,"position",2),r([ko({attribute:"checkbox-selection-badge-hidden",type:Boolean})],$.prototype,"checkboxSelectionBadgeHidden",2),r([Zg("#toggle-button")],$.prototype,"_toggle",2),$=r([Kg("pf-select")],$);import{LitElement as tb,html as eb}from"lit";import{classMap as _p}from"lit/directives/class-map.js";import{customElement as rb}from"lit/decorators/custom-element.js";import{property as xp}from"lit/decorators/property.js";import{css as Jg}from"lit";var ob=Jg`:host {
|
|
3547
3550
|
display: block;
|
|
3548
3551
|
border-bottom: 1px solid var(--pf-global--BorderColor--100, #d2d2d2);
|
|
3549
3552
|
}
|
|
@@ -3568,14 +3571,14 @@ slot[name="label"] {
|
|
|
3568
3571
|
color: var(--pf-global--Color--dark-200, #6a6e73);
|
|
3569
3572
|
padding: var(--pf-global--spacer--md, 1rem) var(--pf-global--spacer--md, 1rem) 0;
|
|
3570
3573
|
}
|
|
3571
|
-
`,
|
|
3574
|
+
`,vp=ob;var Pn,Ut=class extends tb{constructor(){super(...arguments);this.disabled=!1;n(this,Pn,f.of(this,{role:"group"}))}render(){let{disabled:o}=this;return eb`
|
|
3572
3575
|
<div id="label-container"
|
|
3573
3576
|
role="presentation">
|
|
3574
|
-
<slot class="${
|
|
3577
|
+
<slot class="${_p({disabled:o})}"
|
|
3575
3578
|
name="label">${this.label}</slot>
|
|
3576
3579
|
</div>
|
|
3577
|
-
<slot class="${
|
|
3578
|
-
`}};
|
|
3580
|
+
<slot class="${_p({disabled:o})}"></slot>
|
|
3581
|
+
`}};Pn=new WeakMap,Ut.styles=[vp],r([xp()],Ut.prototype,"label",2),r([xp({type:Boolean,reflect:!0})],Ut.prototype,"disabled",2),Ut=r([rb("pf-option-group")],Ut);import{LitElement as db,html as fb}from"lit";import{customElement as mb}from"lit/decorators/custom-element.js";import{property as Hn}from"lit/decorators/property.js";import{css as ab}from"lit";var lb=ab`[hidden] {
|
|
3579
3582
|
display: none !important;
|
|
3580
3583
|
}
|
|
3581
3584
|
|
|
@@ -3803,7 +3806,7 @@ slot[name="label"] {
|
|
|
3803
3806
|
grid-template-columns: var(--pf-c-progress-stepper--m-compact--GridTemplateColumns);
|
|
3804
3807
|
grid-auto-flow: var(--pf-c-progress-stepper--m-compact--GridAutoFlow);
|
|
3805
3808
|
}
|
|
3806
|
-
`,
|
|
3809
|
+
`,Cp=lb;import{LitElement as cb,html as sb}from"lit";import{customElement as pb}from"lit/decorators/custom-element.js";import{property as Yr}from"lit/decorators/property.js";import{ifDefined as yp}from"lit/directives/if-defined.js";import{classMap as kp}from"lit/directives/class-map.js";import{css as ib}from"lit";var nb=ib`[hidden] {
|
|
3807
3810
|
display: none !important;
|
|
3808
3811
|
}
|
|
3809
3812
|
|
|
@@ -3927,19 +3930,19 @@ slot[name="label"] {
|
|
|
3927
3930
|
--pf-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor: var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--TextDecorationColor);
|
|
3928
3931
|
--pf-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor: var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--TextDecorationColor);
|
|
3929
3932
|
}
|
|
3930
|
-
`,
|
|
3931
|
-
<div id="connector" class="${
|
|
3933
|
+
`,Bp=nb;var wp=new Map(Object.entries({success:{icon:"check-circle"},danger:{icon:"exclamation-circle"},warning:{icon:"exclamation-triangle"},info:{icon:"resources-full",set:"patternfly"}})),Nl,Ul,wo=class extends cb{constructor(){super(...arguments);this.current=!1;n(this,Nl,new k(this,"title","description"));n(this,Ul,f.of(this,{role:"listitem"}))}render(){let o=!!(this.description??l(this,Nl).hasSlotted("description")),e=this.icon??wp.get(this.variant??"default")?.icon,a=this.iconSet??wp.get(this.variant??"default")?.set,{parentTagName:c}=this.constructor,{compact:p=!1}=this.closest(c)??{};return sb`
|
|
3934
|
+
<div id="connector" class="${kp({compact:p})}">
|
|
3932
3935
|
<slot id="icon" name="icon">
|
|
3933
3936
|
<pf-icon ?hidden="${!e}"
|
|
3934
|
-
icon="${
|
|
3935
|
-
set="${
|
|
3937
|
+
icon="${yp(e)}"
|
|
3938
|
+
set="${yp(a)}"></pf-icon>
|
|
3936
3939
|
</slot>
|
|
3937
3940
|
</div>
|
|
3938
|
-
<div id="main" class="${
|
|
3941
|
+
<div id="main" class="${kp({compact:p})}">
|
|
3939
3942
|
<slot id="title"></slot>
|
|
3940
3943
|
<slot id="description" name="description" ?hidden="${!o}">${this.description}</slot>
|
|
3941
3944
|
</div>
|
|
3942
|
-
`}updated(o){super.updated?.(o),o.has("current")&&(l(this,
|
|
3945
|
+
`}updated(o){super.updated?.(o),o.has("current")&&(l(this,Ul).ariaCurrent=String(!!this.current))}};Nl=new WeakMap,Ul=new WeakMap,wo.parentTagName="pf-progress-stepper",wo.styles=[Bp],r([Yr()],wo.prototype,"description",2),r([Yr()],wo.prototype,"icon",2),r([Yr({attribute:"icon-set"})],wo.prototype,"iconSet",2),r([Yr({reflect:!0})],wo.prototype,"variant",2),r([Yr({type:Boolean,reflect:!0})],wo.prototype,"current",2),wo=r([pb("pf-progress-step")],wo);uo();var jl,ql,Vl,Sp,Ro=class extends db{constructor(){super();n(this,Vl);this.vertical=!1;this.center=!1;this.compact=!1;n(this,jl,f.of(this,{role:"progressbar",ariaValueNow:this.value.toString()}));n(this,ql,new MutationObserver(()=>s(this,Vl,Sp).call(this)));l(this,ql).observe(this,{childList:!0})}get value(){let{childTagName:o}=this.constructor,e=this.querySelectorAll(o),a=this.querySelector(`${o}[current]`);return(Array.from(e).indexOf(a)+1)/e.length*100}render(){return fb`<div role="listbox" style="display:contents;"><slot></slot></div>`}};jl=new WeakMap,ql=new WeakMap,Vl=new WeakSet,Sp=function(){l(this,jl).ariaValueNow=this.value.toString()},Ro.childTagName="pf-progress-step",Ro.styles=[Cp],Ro.formAssociated=!0,r([Hn({type:Boolean,reflect:!0})],Ro.prototype,"vertical",2),r([Hn({type:Boolean,reflect:!0})],Ro.prototype,"center",2),r([ho(function(){this.querySelectorAll("pf-progress-step").forEach(o=>o.requestUpdate())}),Hn({type:Boolean,reflect:!0})],Ro.prototype,"compact",2),Ro=r([mb("pf-progress-stepper")],Ro);import{LitElement as hb,html as Yl}from"lit";import{classMap as ub}from"lit/directives/class-map.js";import{customElement as vb}from"lit/decorators/custom-element.js";import{property as St}from"lit/decorators/property.js";import{ifDefined as _b}from"lit/directives/if-defined.js";import{styleMap as xb}from"lit/directives/style-map.js";import{css as gb}from"lit";var bb=gb`* {
|
|
3943
3946
|
box-sizing: border-box;
|
|
3944
3947
|
}
|
|
3945
3948
|
|
|
@@ -4149,21 +4152,21 @@ progress[value]::-webkit-progress-value {
|
|
|
4149
4152
|
pf-tooltip {
|
|
4150
4153
|
height: 0.01px;
|
|
4151
4154
|
}
|
|
4152
|
-
`,
|
|
4153
|
-
<div id="container" class="${
|
|
4155
|
+
`,Lp=bb;var Cb=new Map(Object.entries({success:{icon:"circle-check"},danger:{icon:"circle-xmark"},warning:{icon:"triangle-exclamation"}})),Xl,Xr,$n,Gr,In,po=class extends hb{constructor(){super(...arguments);n(this,Xr);n(this,Gr);n(this,Xl,this.attachInternals());this.value=0;this.descriptionTruncated=!1;this.max=100;this.min=0}willUpdate(o){(o.has("value")||o.has("min")||o.has("max"))&&(l(this,Xl).ariaValueNow=l(this,Xr,$n).toString()),l(this,Gr,In)&&Promise.resolve().then(()=>(uo(),un)),this.descriptionTruncated&&Promise.resolve().then(()=>($a(),Hc))}render(){let{size:o,measureLocation:e,variant:a,description:c,descriptionTruncated:p}=this,d=l(this,Gr,In),u=c?.length===0,B=l(this,Xr,$n),L=`${B}%`;return Yl`
|
|
4156
|
+
<div id="container" class="${ub({[o??""]:!!o,[e??""]:!!e,[a??""]:!!a,singleLine:u,descriptionTruncated:p})}">
|
|
4154
4157
|
|
|
4155
4158
|
<div id="description" aria-hidden="true">${c??""}</div>
|
|
4156
4159
|
|
|
4157
|
-
${p?
|
|
4160
|
+
${p?Yl`
|
|
4158
4161
|
<pf-tooltip content="${this.description??""}"
|
|
4159
4162
|
trigger="description"></pf-tooltip>
|
|
4160
4163
|
`:""}
|
|
4161
4164
|
|
|
4162
|
-
${e==="none"?"":
|
|
4165
|
+
${e==="none"?"":Yl`
|
|
4163
4166
|
<div id="status" aria-hidden="true">
|
|
4164
4167
|
${e!=="inside"?"":L}
|
|
4165
4168
|
<pf-icon set="fas"
|
|
4166
|
-
icon="${
|
|
4169
|
+
icon="${_b(d)}"
|
|
4167
4170
|
size="md"
|
|
4168
4171
|
?hidden="${!d}"
|
|
4169
4172
|
></pf-icon>
|
|
@@ -4178,12 +4181,12 @@ pf-tooltip {
|
|
|
4178
4181
|
aria-valuemax="100"
|
|
4179
4182
|
></progress>
|
|
4180
4183
|
|
|
4181
|
-
${e!=="inside"?"":
|
|
4184
|
+
${e!=="inside"?"":Yl`
|
|
4182
4185
|
<span id="progress-span"
|
|
4183
|
-
style="${
|
|
4186
|
+
style="${xb({width:L})}"
|
|
4184
4187
|
data-value="${L}"></span>
|
|
4185
4188
|
`}
|
|
4186
|
-
</div>`}};
|
|
4189
|
+
</div>`}};Xl=new WeakMap,Xr=new WeakSet,$n=function(){let{value:o,min:e,max:a}=this,c=Math.round((o-e)/(a-e)*100);return Number.isNaN(c)||c<0?0:Math.min(c,100)},Gr=new WeakSet,In=function(){return Cb.get(this.variant??"")?.icon},po.styles=[Lp],r([St({reflect:!0,type:Number})],po.prototype,"value",2),r([St()],po.prototype,"description",2),r([St({type:Boolean,reflect:!0,attribute:"description-truncated"})],po.prototype,"descriptionTruncated",2),r([St({type:Number,reflect:!0})],po.prototype,"max",2),r([St({type:Number,reflect:!0})],po.prototype,"min",2),r([St()],po.prototype,"size",2),r([St({attribute:"measure-location"})],po.prototype,"measureLocation",2),r([St()],po.prototype,"variant",2),po=r([vb("pf-progress")],po);qe();import{LitElement as kb,nothing as wb,html as rt}from"lit";import{customElement as Sb}from"lit/decorators/custom-element.js";import{property as j}from"lit/decorators/property.js";import{query as An}from"lit/decorators/query.js";import{styleMap as Lb}from"lit/directives/style-map.js";import{classMap as Wb}from"lit/directives/class-map.js";import{ifDefined as zp}from"lit/directives/if-defined.js";Ve();ft();import{css as Bb}from"lit";var yb=Bb`:host {
|
|
4187
4190
|
display: inline;
|
|
4188
4191
|
--_floating-arrow-size: var(--pf-c-popover__arrow--Width, var(--pf-global--arrow--width-lg, 1.5625rem));
|
|
4189
4192
|
--_header-text-color: var(--pf-c-popover__title-text--Color, inherit);
|
|
@@ -4374,21 +4377,21 @@ pf-tooltip {
|
|
|
4374
4377
|
--_header-icon-color: var(--pf-c-popover--m-danger__title-icon--Color, var(--pf-global--danger-color--100, #c9190b));
|
|
4375
4378
|
--_header-text-color: var(--pf-c-popover--m-danger__title-text--Color, var(--pf-global--danger-color--200, #a30000));
|
|
4376
4379
|
}
|
|
4377
|
-
`,
|
|
4380
|
+
`,Wp=yb;var On=class extends F{constructor(){super("hide")}},Dn=class extends F{constructor(){super("hidden")}},Nn=class extends F{constructor(){super("show")}},Un=class extends F{constructor(){super("shown")}},ve,fo,jt,_e,Gl,Mp,Kr,jn,at,Kl,Ep,v=class extends kb{constructor(){super();n(this,Gl);n(this,Kr);n(this,Kl);this.position="top";this.noFlip=!1;n(this,ve,!0);n(this,fo,null);n(this,jt,new To(this,{content:()=>this._popover,arrow:()=>this._arrow,invoker:()=>l(this,fo)||this._slottedTrigger}));n(this,_e,new k(this,null,"icon","heading","body","footer"));n(this,at,o=>{switch(o.key){case"Escape":case"Esc":o.preventDefault(),this.hide();return;case"Enter":(o.target===l(this,fo)||o.target===this._slottedTrigger)&&(o.preventDefault(),this.show());return}});this.addEventListener("keydown",l(this,at))}render(){let{alignment:o,anchor:e,styles:a}=l(this,jt),c=l(this,_e).hasSlotted("footer")||!!this.footer,p=l(this,_e).hasSlotted("heading")||!!this.heading,d=l(this,_e).hasSlotted("icon")||!!this.icon||!!this.alertSeverity,u=rt`<h6>${this.heading??""}</h6>`;switch(this.headingLevel){case 2:u=rt`<h2>${this.heading??""}</h2>`;break;case 3:u=rt`<h3>${this.heading??""}</h3>`;break;case 4:u=rt`<h4>${this.heading??""}</h4>`;break;case 5:u=rt`<h5>${this.heading??""}</h5>`;break}let B=rt`
|
|
4378
4381
|
<slot id="heading" name="heading" part="heading" ?hidden=${!p}>${u}</slot>
|
|
4379
|
-
`,L=this.icon??v.alertIcons.get(this.alertSeverity)??"";return
|
|
4382
|
+
`,L=this.icon??v.alertIcons.get(this.alertSeverity)??"";return rt`
|
|
4380
4383
|
<div id="container"
|
|
4381
|
-
style="${
|
|
4382
|
-
class="${
|
|
4384
|
+
style="${Lb(a)}"
|
|
4385
|
+
class="${Wb({[e]:!!e,[o]:!!o})}">
|
|
4383
4386
|
<slot id="trigger"
|
|
4384
|
-
@slotchange="${s(this,Kr,
|
|
4385
|
-
@keydown="${l(this,
|
|
4387
|
+
@slotchange="${s(this,Kr,jn)}"
|
|
4388
|
+
@keydown="${l(this,at)}"
|
|
4386
4389
|
@click="${this.toggle}"></slot>
|
|
4387
4390
|
<dialog id="popover"
|
|
4388
|
-
?hidden="${l(this,
|
|
4391
|
+
?hidden="${l(this,ve)}"
|
|
4389
4392
|
aria-labelledby="heading"
|
|
4390
4393
|
aria-describedby="body"
|
|
4391
|
-
aria-label=${
|
|
4394
|
+
aria-label=${zp(this.label)}>
|
|
4392
4395
|
<div id="arrow"></div>
|
|
4393
4396
|
<div id="content" part="content">
|
|
4394
4397
|
<pf-button id="close-button"
|
|
@@ -4396,22 +4399,22 @@ pf-tooltip {
|
|
|
4396
4399
|
plain
|
|
4397
4400
|
label="${this.accessibleCloseLabel??this.closeButtonLabel??"Close popover"}"
|
|
4398
4401
|
@click="${this.hide}"
|
|
4399
|
-
@keydown="${l(this,
|
|
4402
|
+
@keydown="${l(this,at)}"
|
|
4400
4403
|
?hidden="${this.hideClose}">
|
|
4401
4404
|
<svg fill="currentColor" height="1em" width="1em" viewBox="0 0 352 512">
|
|
4402
4405
|
<path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"/>
|
|
4403
4406
|
</svg>
|
|
4404
4407
|
</pf-button>
|
|
4405
|
-
${p&&d?
|
|
4408
|
+
${p&&d?rt`
|
|
4406
4409
|
<header part="header">
|
|
4407
4410
|
<span part="icon">
|
|
4408
4411
|
<slot name="icon">
|
|
4409
4412
|
<pf-icon icon="${L}"
|
|
4410
|
-
set="${
|
|
4413
|
+
set="${zp(this.iconSet)}"
|
|
4411
4414
|
size="md"></pf-icon>
|
|
4412
4415
|
</slot>
|
|
4413
|
-
</span>${this.alertSeverity?
|
|
4414
|
-
<span class="visually-hidden">${this.alertSeverityText??`${this.alertSeverity} alert:`}</span>`:
|
|
4416
|
+
</span>${this.alertSeverity?rt`
|
|
4417
|
+
<span class="visually-hidden">${this.alertSeverityText??`${this.alertSeverity} alert:`}</span>`:wb}
|
|
4415
4418
|
${B}
|
|
4416
4419
|
</header>`:B}
|
|
4417
4420
|
<slot id="body" part="body" name="body">${this.body??""}</slot>
|
|
@@ -4421,7 +4424,7 @@ pf-tooltip {
|
|
|
4421
4424
|
</div>
|
|
4422
4425
|
</dialog>
|
|
4423
4426
|
</div>
|
|
4424
|
-
`}disconnectedCallback(){super.disconnectedCallback(),v.instances.delete(this),l(this,fo)?.removeEventListener("click",this.toggle),l(this,fo)?.removeEventListener("keydown",l(this,
|
|
4427
|
+
`}disconnectedCallback(){super.disconnectedCallback(),v.instances.delete(this),l(this,fo)?.removeEventListener("click",this.toggle),l(this,fo)?.removeEventListener("keydown",l(this,at))}willUpdate(o){o.has("trigger")&&s(this,Kr,jn).call(this)}async toggle(){l(this,jt).open?this.hide():this.show()}async show(){b(this,ve,!1),this.requestUpdate(),this.dispatchEvent(new Nn),await this.updateComplete,await l(this,jt).show({offset:this.distance??25,placement:this.position,flip:!this.noFlip,fallbackPlacements:this.flipBehavior}),this._popover?.show(),this.dispatchEvent(new Un),v.instances.add(this)}async hide(){this.dispatchEvent(new On),await l(this,jt).hide(),this._popover?.close(),this.dispatchEvent(new Dn),v.instances.delete(this),b(this,ve,!0),this.requestUpdate()}};ve=new WeakMap,fo=new WeakMap,jt=new WeakMap,_e=new WeakMap,Gl=new WeakSet,Mp=function(){let o=this.getRootNode();return this.trigger?o.getElementById(this.trigger):null},Kr=new WeakSet,jn=function(){let o=l(this,fo);b(this,fo,s(this,Gl,Mp).call(this)),o!==l(this,fo)&&(o?.removeEventListener("click",this.toggle),o?.removeEventListener("keydown",l(this,at)),l(this,fo)?.addEventListener("click",this.toggle),l(this,fo)?.addEventListener("keydown",l(this,at)))},at=new WeakMap,Kl=new WeakSet,Ep=function(o){let e=o.composedPath();!e.includes(this)&&!e.includes(l(this,fo))&&this.hide()},v.styles=[Wp],v.instances=new Set,v.alertIcons=new Map(Object.entries({default:"bell",info:"circle-info",success:"circle-check",warning:"triangle-exclamation",danger:"circle-exclamation"})),document.addEventListener("click",function(o){var e;for(let a of v.instances)a.noOutsideClick||s(e=a,Kl,Ep).call(e,o)}),r([j({reflect:!0})],v.prototype,"position",2),r([j({reflect:!0})],v.prototype,"heading",2),r([j({reflect:!0})],v.prototype,"body",2),r([j({reflect:!0})],v.prototype,"footer",2),r([j({reflect:!0})],v.prototype,"icon",2),r([j({reflect:!0})],v.prototype,"label",2),r([j({type:Number,reflect:!0})],v.prototype,"distance",2),r([j({attribute:"flip-behavior",converter:Fa})],v.prototype,"flipBehavior",2),r([j({type:Boolean,reflect:!0,attribute:"no-flip"})],v.prototype,"noFlip",2),r([j({type:Number,reflect:!0,attribute:"heading-level"})],v.prototype,"headingLevel",2),r([j({reflect:!0,attribute:"icon-set"})],v.prototype,"iconSet",2),r([j({type:Boolean,reflect:!0,attribute:"hide-close"})],v.prototype,"hideClose",2),r([j({reflect:!0,attribute:"alert-severity"})],v.prototype,"alertSeverity",2),r([j({reflect:!0,attribute:"accessible-close-label"})],v.prototype,"accessibleCloseLabel",2),r([Jc({alias:"accessible-close-label",attribute:"close-label"})],v.prototype,"closeButtonLabel",2),r([j({reflect:!0,attribute:"alert-severity-text"})],v.prototype,"alertSeverityText",2),r([j({type:Boolean,reflect:!0,attribute:"no-outside-click"})],v.prototype,"noOutsideClick",2),r([j({reflect:!0})],v.prototype,"trigger",2),r([An("#popover")],v.prototype,"_popover",2),r([An("#trigger")],v.prototype,"_slottedTrigger",2),r([An("#arrow")],v.prototype,"_arrow",2),r([A],v.prototype,"toggle",1),r([A],v.prototype,"show",1),r([A],v.prototype,"hide",1),v=r([Sb("pf-popover")],v);import{LitElement as Eb,html as Tb}from"lit";import{customElement as Rb}from"lit/decorators/custom-element.js";import{property as Rp}from"lit/decorators/property.js";import{css as zb}from"lit";var Mb=zb`:host {
|
|
4425
4428
|
/* NB: upstream sets these on the container, which is why we do not use fallbacks here. */
|
|
4426
4429
|
--pf-c-panel--Width: auto;
|
|
4427
4430
|
--pf-c-panel--MinWidth: auto;
|
|
@@ -4591,7 +4594,7 @@ hr::after {
|
|
|
4591
4594
|
::slotted(:is(p, h1, h2, h3, h4, h5, h6):is(:last-of-type, :first-of-type)) {
|
|
4592
4595
|
margin-block: 0;
|
|
4593
4596
|
}
|
|
4594
|
-
`,
|
|
4597
|
+
`,Tp=Mb;var Zr,qt=class extends Eb{constructor(){super(...arguments);this.scrollable=!1;n(this,Zr,new k(this,"header",null,"footer"))}render(){let o=l(this,Zr).hasSlotted("header"),e=l(this,Zr).hasSlotted("footer");return Tb`
|
|
4595
4598
|
<header>
|
|
4596
4599
|
<slot name="header" ?hidden="${!o}"></slot>
|
|
4597
4600
|
</header>
|
|
@@ -4600,7 +4603,7 @@ hr::after {
|
|
|
4600
4603
|
<footer>
|
|
4601
4604
|
<slot name="footer" ?hidden="${!e}"></slot>
|
|
4602
4605
|
</footer>
|
|
4603
|
-
`}};Zr=new WeakMap,qt.styles=[
|
|
4606
|
+
`}};Zr=new WeakMap,qt.styles=[Tp],r([Rp({type:Boolean,reflect:!0})],qt.prototype,"scrollable",2),r([Rp({reflect:!0})],qt.prototype,"variant",2),qt=r([Rb("pf-panel")],qt);ft();import{LitElement as Pp,html as Hb}from"lit";import{customElement as $b}from"lit/decorators/custom-element.js";import{property as Zl}from"lit/decorators/property.js";import{query as qn}from"lit/decorators/query.js";import{ifDefined as Hp}from"lit/directives/if-defined.js";import{classMap as Ib}from"lit/directives/class-map.js";import{css as Fb}from"lit";var Pb=Fb`:host {
|
|
4604
4607
|
display: block;
|
|
4605
4608
|
position: relative;
|
|
4606
4609
|
--_spacer-align-top: var(--pf-c-modal-box--m-align-top--spacer,
|
|
@@ -4784,18 +4787,18 @@ footer {
|
|
|
4784
4787
|
align-items: center;
|
|
4785
4788
|
gap: var(--pf-global--spacer--xl, 0.5rem);
|
|
4786
4789
|
}
|
|
4787
|
-
`,
|
|
4790
|
+
`,Fp=Pb;var Vn=class extends F{constructor(){super("cancel")}},Yn=class extends F{constructor(){super("close")}},Xn=class extends F{constructor(o){super("open");this.trigger=o}},xe,X,Vt,Qr,Yt,Ce,Be,M=class extends Pp{constructor(){super(...arguments);this.open=!1;this.returnValue="";n(this,xe,Y());n(this,X,null);n(this,Vt,null);n(this,Qr,[]);n(this,Yt,[]);n(this,Ce,!1);n(this,Be,new k(this,null,"header","description","footer"))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.onKeydown),this.addEventListener("click",this.onClick)}render(){let o=l(this,Vt)||l(this,Yt).length?l(this,xe):void 0,e=l(this,X)?l(this,X).innerText:void 0,a=l(this,Be).hasSlotted("header"),c=l(this,Be).hasSlotted("description"),p=l(this,Be).hasSlotted("footer");return Hb`
|
|
4788
4791
|
<section ?hidden=${!this.open}>
|
|
4789
4792
|
<div id="overlay" part="overlay" ?hidden=${!this.open}></div>
|
|
4790
4793
|
<div id="dialog"
|
|
4791
4794
|
part="dialog"
|
|
4792
4795
|
tabindex="0"
|
|
4793
4796
|
role="dialog"
|
|
4794
|
-
aria-labelledby=${
|
|
4795
|
-
aria-label=${
|
|
4797
|
+
aria-labelledby=${Hp(o)}
|
|
4798
|
+
aria-label=${Hp(e)}
|
|
4796
4799
|
?hidden="${!this.open}">
|
|
4797
4800
|
<div id="container">
|
|
4798
|
-
<div id="content" part="content" class=${
|
|
4801
|
+
<div id="content" part="content" class=${Ib({hasHeader:a,hasDescription:c,hasFooter:p})}>
|
|
4799
4802
|
<header part="header">
|
|
4800
4803
|
<slot name="header"></slot>
|
|
4801
4804
|
<div part="description" ?hidden=${!c}>
|
|
@@ -4819,7 +4822,7 @@ footer {
|
|
|
4819
4822
|
</div>
|
|
4820
4823
|
</div>
|
|
4821
4824
|
</section>
|
|
4822
|
-
`}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.onKeydown),l(this,
|
|
4825
|
+
`}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.onKeydown),l(this,X)?.removeEventListener("click",this.onTriggerClick)}async _init(){await this.updateComplete,b(this,Vt,this.querySelector('[slot$="header"]')),b(this,Qr,[...this.querySelectorAll("*:not([slot])")]),b(this,Yt,l(this,Qr).filter(o=>o.tagName.slice(0,1)==="H")),l(this,X)&&(l(this,X).addEventListener("click",this.onTriggerClick),this.removeAttribute("hidden")),l(this,Vt)?l(this,Vt).id=l(this,xe):l(this,Yt).length>0&&(l(this,Yt)[0].id=l(this,xe))}async _openChanged(o,e){o==null||e==null||o==e||(this.open?(document.body.style.overflow="hidden",await this.updateComplete,this.dialog?.focus(),this.dispatchEvent(new Xn(l(this,X)))):(document.body.style.overflow="auto",await this.updateComplete,l(this,X)&&l(this,X).focus(),this.dispatchEvent(l(this,Ce)?new Vn:new Yn)))}_triggerChanged(){this.trigger&&(b(this,X,this.getRootNode().getElementById(this.trigger)),l(this,X)?.addEventListener("click",this.onTriggerClick))}onTriggerClick(o){o.preventDefault(),this.showModal()}onClick(o){let{open:e,overlay:a,dialog:c}=this;if(e){let p=o.composedPath(),{closeOnOutsideClick:d}=this.constructor;d&&p.includes(a)&&!p.includes(c)&&(o.preventDefault(),this.cancel())}}onKeydown(o){switch(o.key){case"Tab":o.target===this.closeButton&&(o.preventDefault(),this.dialog?.focus());return;case"Escape":case"Esc":o.preventDefault(),this.cancel();return;case"Enter":o.target===l(this,X)&&(o.preventDefault(),this.showModal());return}}async cancel(){b(this,Ce,!0),this.open=!1,await this.updateComplete,b(this,Ce,!1)}setTrigger(o){b(this,X,o),l(this,X).addEventListener("click",this.onTriggerClick)}toggle(){this.open=!this.open}show(){this.open=!0}showModal(){this.show()}close(o){typeof o=="string"&&(this.returnValue=o),this.open=!1}};xe=new WeakMap,X=new WeakMap,Vt=new WeakMap,Qr=new WeakMap,Yt=new WeakMap,Ce=new WeakMap,Be=new WeakMap,M.shadowRootOptions={...Pp.shadowRootOptions,delegatesFocus:!0},M.styles=[Fp],M.closeOnOutsideClick=!1,r([Zl({reflect:!0})],M.prototype,"variant",2),r([Zl({reflect:!0})],M.prototype,"position",2),r([ho,Zl({type:Boolean,reflect:!0})],M.prototype,"open",2),r([ho,Zl()],M.prototype,"trigger",2),r([qn("#overlay")],M.prototype,"overlay",2),r([qn("#dialog")],M.prototype,"dialog",2),r([qn("#close-button")],M.prototype,"closeButton",2),r([os()],M.prototype,"_init",1),r([A],M.prototype,"onTriggerClick",1),r([A],M.prototype,"onClick",1),r([A],M.prototype,"onKeydown",1),r([A],M.prototype,"toggle",1),r([A],M.prototype,"show",1),r([A],M.prototype,"showModal",1),r([A],M.prototype,"close",1),M=r([$b("pf-modal")],M);ft();import{html as Gn}from"lit";import{customElement as Vb}from"lit/decorators/custom-element.js";import{property as Xt}from"lit/decorators/property.js";import{classMap as Yb}from"lit/directives/class-map.js";import{LitElement as Db,html as Nb}from"lit";import{classMap as Ub}from"lit/directives/class-map.js";import{css as Ab}from"lit";var Ob=Ab`:host {
|
|
4823
4826
|
position: relative;
|
|
4824
4827
|
white-space: nowrap;
|
|
4825
4828
|
border: 0;
|
|
@@ -4863,14 +4866,14 @@ pf-icon, ::slotted(pf-icon) {
|
|
|
4863
4866
|
width: 1em;
|
|
4864
4867
|
}
|
|
4865
4868
|
|
|
4866
|
-
|
|
4869
|
+
`,$p=Ob;var ye=class extends Db{constructor(){super(...arguments);this.slots=new k(this,null,"icon")}static{this.styles=[$p]}render(){let{variant:o,color:e,icon:a}=this,c=!!a||this.slots.hasSlotted("icon");return Nb`
|
|
4867
4870
|
<span id="container"
|
|
4868
|
-
class=${
|
|
4871
|
+
class=${Ub({hasIcon:c,[o??""]:!!o,[e??""]:!!e})}>
|
|
4869
4872
|
<slot name="icon" part="icon">${this.renderDefaultIcon?.()}</slot>
|
|
4870
4873
|
<slot id="text"></slot>
|
|
4871
4874
|
${this.renderSuffix?.()??""}
|
|
4872
4875
|
</span>
|
|
4873
|
-
`}};import{css as
|
|
4876
|
+
`}};import{css as jb}from"lit";var qb=jb`#pf-container {
|
|
4874
4877
|
display: contents;
|
|
4875
4878
|
}
|
|
4876
4879
|
|
|
@@ -5035,11 +5038,11 @@ svg {
|
|
|
5035
5038
|
height: 1em;
|
|
5036
5039
|
width: 1em;
|
|
5037
5040
|
}
|
|
5038
|
-
`,
|
|
5039
|
-
<span id="pf-container" class="${
|
|
5040
|
-
`}renderDefaultIcon(){return this.icon?
|
|
5041
|
+
`,Ip=qb;var mo=class extends ye{constructor(){super(...arguments);this.variant="filled";this.color="grey";this.compact=!1;this.truncated=!1;this.removable=!1}render(){let{compact:o,truncated:e}=this;return Gn`
|
|
5042
|
+
<span id="pf-container" class="${Yb({compact:o,truncated:e})}">${super.render()}</span>
|
|
5043
|
+
`}renderDefaultIcon(){return this.icon?Gn`
|
|
5041
5044
|
<pf-icon icon="${this.icon}" size="sm"></pf-icon>
|
|
5042
|
-
`:""}renderSuffix(){return this.removable?
|
|
5045
|
+
`:""}renderSuffix(){return this.removable?Gn`
|
|
5043
5046
|
<span part="close-button" ?hidden=${!this.removable}>
|
|
5044
5047
|
<pf-button plain
|
|
5045
5048
|
@click="${()=>this.dispatchEvent(new F("close"))}"
|
|
@@ -5049,7 +5052,7 @@ svg {
|
|
|
5049
5052
|
</svg>
|
|
5050
5053
|
</pf-button>
|
|
5051
5054
|
</span>
|
|
5052
|
-
`:""}};mo.styles=[...
|
|
5055
|
+
`:""}};mo.styles=[...ye.styles,Ip],mo.shadowRootOptions={...ye.shadowRootOptions,delegatesFocus:!0},r([Xt()],mo.prototype,"variant",2),r([Xt()],mo.prototype,"color",2),r([Xt()],mo.prototype,"icon",2),r([Xt({type:Boolean})],mo.prototype,"compact",2),r([Xt({type:Boolean})],mo.prototype,"truncated",2),r([Xt({type:Boolean})],mo.prototype,"removable",2),r([Xt({attribute:"close-button-label"})],mo.prototype,"closeButtonLabel",2),mo=r([Vb("pf-label")],mo);import{html as Qn,LitElement as th}from"lit";import{customElement as eh}from"lit/decorators/custom-element.js";import{property as we}from"lit/decorators/property.js";import{__classPrivateFieldGet as x,__classPrivateFieldSet as G}from"tslib";var K,la,Ql,Gt,Jr,ia,ke,oa,ta,ea,Jl,na,ra,aa,Kn,Zn,Op,Ap,oi=class{get root(){return x(this,oa,"f")}set root(t){G(this,oa,t,"f"),x(this,Gt,"f")?.disconnect(),x(this,K,"m",aa).call(this)}get rootMargin(){return x(this,ta,"f")}set rootMargin(t){G(this,ta,t,"f"),x(this,Gt,"f")?.disconnect(),x(this,K,"m",aa).call(this)}get threshold(){return x(this,ea,"f")}set threshold(t){G(this,ea,t,"f"),x(this,Gt,"f")?.disconnect(),x(this,K,"m",aa).call(this)}constructor(t,o){K.add(this),this.host=t,la.set(this,void 0),Ql.set(this,void 0),Gt.set(this,void 0),Jr.set(this,new Set),ia.set(this,!1),ke.set(this,!1),oa.set(this,void 0),ta.set(this,void 0),ea.set(this,void 0),Jl.set(this,void 0),na.set(this,void 0),t.addController(this),G(this,la,o.tagNames,"f"),G(this,oa,o.root,"f"),G(this,ta,o.rootMargin,"f"),G(this,Ql,o.activeAttribute??"active","f"),G(this,ea,o.threshold??.85,"f"),G(this,Jl,o.rootNode??t.getRootNode(),"f"),G(this,na,o?.getHash??(e=>e.getAttribute("href")),"f")}hostConnected(){x(this,K,"m",aa).call(this)}async setActive(t){G(this,ia,!0,"f"),x(this,K,"m",Zn).call(this,t);let o=!1;for(let e of x(this,K,"a",ra))x(this,K,"m",Kn).call(this,e,!o),e===t&&(o=!0);await x(this,K,"m",Op).call(this),G(this,ia,!1,"f")}};la=new WeakMap,Ql=new WeakMap,Gt=new WeakMap,Jr=new WeakMap,ia=new WeakMap,ke=new WeakMap,oa=new WeakMap,ta=new WeakMap,ea=new WeakMap,Jl=new WeakMap,na=new WeakMap,K=new WeakSet,ra=function(){return Array.from(this.host.querySelectorAll(x(this,la,"f").join(","))).filter(x(this,na,"f"))},aa=function(){let t=x(this,Jl,"f");if(t instanceof Document||t instanceof ShadowRoot){let{rootMargin:o,threshold:e,root:a}=this;G(this,Gt,new IntersectionObserver(c=>x(this,K,"m",Ap).call(this,c),{root:a,rootMargin:o,threshold:e}),"f"),x(this,K,"a",ra).map(c=>x(this,na,"f").call(this,c)).filter(c=>!!c).map(c=>t.getElementById(c.replace("#",""))).filter(c=>!!c).forEach(c=>x(this,Gt,"f")?.observe(c))}},Kn=function(t,o){o?x(this,Jr,"f").add(t):x(this,Jr,"f").delete(t)},Zn=function(t){for(let o of x(this,K,"a",ra))o.toggleAttribute(x(this,Ql,"f"),o===t)},Op=async function(){for(G(this,ke,!1,"f"),setTimeout(()=>G(this,ke,!1,"f"),3e3);!x(this,ke,"f");)await new Promise(requestAnimationFrame)},Ap=async function(t){if(!x(this,ia,"f")){for(let{target:a,boundingClientRect:c,intersectionRect:p}of t){let d=`:is(${x(this,la,"f").join(",")})[href="#${a.id}"]`,u=this.host.querySelector(d);u&&x(this,K,"m",Kn).call(this,u,c.top<p.top)}let e=[...x(this,Jr,"f")].at(-1);x(this,K,"m",Zn).call(this,e??x(this,K,"a",ra).at(0))}G(this,ke,!0,"f")};import{html as Kb,LitElement as Np}from"lit";import{customElement as Zb}from"lit/decorators/custom-element.js";import{property as Up}from"lit/decorators/property.js";import{ifDefined as Qb}from"lit/directives/if-defined.js";import{css as Xb}from"lit";var Gb=Xb`:host {
|
|
5053
5056
|
display: block;
|
|
5054
5057
|
}
|
|
5055
5058
|
|
|
@@ -5118,12 +5121,12 @@ a:focus {
|
|
|
5118
5121
|
--pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__item--m-current__link-text--Color,
|
|
5119
5122
|
pfvar(--pf-global--Color--100, #151515));
|
|
5120
5123
|
}
|
|
5121
|
-
|
|
5122
|
-
<a href="${
|
|
5124
|
+
`,Dp=Gb;var ti,ei,jp,ri,qp,Fo=class extends Np{constructor(){super(...arguments);n(this,ei);n(this,ri);this.active=!1;n(this,ti,f.of(this,{role:"listitem"}))}connectedCallback(){super.connectedCallback(),this.activeChanged()}render(){return Kb`
|
|
5125
|
+
<a href="${Qb(this.href)}" @focus="${s(this,ri,qp)}" @click="${s(this,ei,jp)}">
|
|
5123
5126
|
<slot></slot>
|
|
5124
5127
|
</a>
|
|
5125
5128
|
<slot name="subsection"></slot>
|
|
5126
|
-
`}activeChanged(){l(this,
|
|
5129
|
+
`}activeChanged(){l(this,ti).ariaCurrent=this.active?"location":null}};ti=new WeakMap,ei=new WeakSet,jp=function(){this.dispatchEvent(new Event("select",{bubbles:!0}))},ri=new WeakSet,qp=function(){this.dispatchEvent(new Event("focus",{bubbles:!0}))},Fo.styles=[Dp],Fo.shadowRootOptions={...Np.shadowRootOptions,delegatesFocus:!0},r([ho("activeChanged"),Up({type:Boolean,reflect:!0})],Fo.prototype,"active",2),r([Up({reflect:!0})],Fo.prototype,"href",2),Fo=r([Zb("pf-jump-links-item")],Fo);uo();import{css as Jb}from"lit";var oh=Jb`[hidden] {
|
|
5127
5130
|
display: none !important;
|
|
5128
5131
|
}
|
|
5129
5132
|
|
|
@@ -5251,9 +5254,9 @@ summary span {
|
|
|
5251
5254
|
var(--pf-global--Color--100, #151515));
|
|
5252
5255
|
--pf-c-jump-links__toggle-icon--Rotate: 90deg;
|
|
5253
5256
|
}
|
|
5254
|
-
`,
|
|
5255
|
-
<nav id="container">${this.expandable?
|
|
5256
|
-
<details ?open="${this.expanded}" @toggle="${s(this,
|
|
5257
|
+
`,Vp=oh;var ca,Se,sa,ai,Yp,li,Xp,pa,Jn,ii,Gp,So=class extends th{constructor(){super(...arguments);n(this,ai);n(this,li);n(this,pa);n(this,ii);this.expandable=!1;this.expanded=!1;this.vertical=!1;this.centered=!1;this.offset=0;n(this,ca,this.querySelectorAll(":is(pf-jump-links-item, pf-jump-links-list)"));n(this,Se,void 0);n(this,sa,new oi(this,{rootMargin:`${this.offset}px 0px 0px 0px`,tagNames:["pf-jump-links-item"]}))}async getUpdateComplete(){let o=await super.getUpdateComplete(),e=await Promise.all(Array.from(l(this,ca),a=>a.updateComplete));return o&&e.every(a=>!!a)}connectedCallback(){super.connectedCallback(),this.addEventListener("slotchange",s(this,ai,Yp)),this.addEventListener("select",s(this,li,Xp))}firstUpdated(){b(this,Se,new N(this,{getItems:()=>Array.from(l(this,ca)).flatMap(a=>[...a.shadowRoot?.querySelectorAll("a")??[],...a.querySelectorAll("a")??[]])}));let o=this.querySelector("pf-jump-links-item[active]");o&&s(this,pa,Jn).call(this,o)}updated(o){o.has("offset")&&(l(this,sa).rootMargin=`${this.offset??0}px 0px 0px 0px`)}render(){return Qn`
|
|
5258
|
+
<nav id="container">${this.expandable?Qn`
|
|
5259
|
+
<details ?open="${this.expanded}" @toggle="${s(this,ii,Gp)}">
|
|
5257
5260
|
<summary>
|
|
5258
5261
|
<pf-icon icon="chevron-right"></pf-icon>
|
|
5259
5262
|
<span id="label">${this.label}</span>
|
|
@@ -5261,13 +5264,13 @@ summary span {
|
|
|
5261
5264
|
<div role="listbox" aria-labelledby="label">
|
|
5262
5265
|
<slot></slot>
|
|
5263
5266
|
</div>
|
|
5264
|
-
</details>`:
|
|
5267
|
+
</details>`:Qn`
|
|
5265
5268
|
<span id="label">${this.label}</span>
|
|
5266
5269
|
<div role="listbox" aria-labelledby="label">
|
|
5267
5270
|
<slot></slot>
|
|
5268
5271
|
</div>`}
|
|
5269
5272
|
</nav>
|
|
5270
|
-
`}};ca=new WeakMap,
|
|
5273
|
+
`}};ca=new WeakMap,Se=new WeakMap,sa=new WeakMap,ai=new WeakSet,Yp=function(){l(this,Se)?.updateItems()},li=new WeakSet,Xp=function(o){o.target instanceof Fo&&s(this,pa,Jn).call(this,o.target)},pa=new WeakSet,Jn=function(o){l(this,Se)?.setActiveItem(o.shadowRoot?.querySelector("a")??void 0),l(this,sa).setActive(o)},ii=new WeakSet,Gp=function(o){o.target instanceof HTMLDetailsElement&&(this.expanded=o.target.open),this.dispatchEvent(new Event("toggle"))},So.styles=[Vp],r([we({reflect:!0,type:Boolean})],So.prototype,"expandable",2),r([we({reflect:!0,type:Boolean})],So.prototype,"expanded",2),r([we({reflect:!0,type:Boolean})],So.prototype,"vertical",2),r([we({reflect:!0,type:Boolean})],So.prototype,"centered",2),r([we({type:Number})],So.prototype,"offset",2),r([we()],So.prototype,"label",2),So=r([eh("pf-jump-links")],So);import{html as lh,LitElement as ih}from"lit";import{customElement as nh}from"lit/decorators/custom-element.js";import{css as rh}from"lit";var ah=rh`:host {
|
|
5271
5274
|
display: block;
|
|
5272
5275
|
}
|
|
5273
5276
|
|
|
@@ -5282,7 +5285,7 @@ summary span {
|
|
|
5282
5285
|
--pf-c-jump-links__link--PaddingLeft: var(--pf-c-jump-links__list__list__link--PaddingLeft,
|
|
5283
5286
|
var(--pf-global--spacer--lg, 1.5rem));
|
|
5284
5287
|
}
|
|
5285
|
-
`,
|
|
5288
|
+
`,Kp=ah;var da=class extends ih{render(){return lh`<div id="container" role="listbox"><slot></slot></div>`}};da.styles=[Kp],da=r([nh("pf-jump-links-list")],da);uo();import{LitElement as cd,html as Lh}from"lit";import{styleMap as Wh}from"lit/directives/style-map.js";import{classMap as zh}from"lit/directives/class-map.js";import{customElement as Mh}from"lit/decorators/custom-element.js";import{property as sd}from"lit/decorators/property.js";import{queryAssignedElements as pd}from"lit/decorators/query-assigned-elements.js";qe();co();var Le=ol(Symbol("pf-dropdown-menu-context"));import{LitElement as Qp,html as oc}from"lit";import{customElement as ph}from"lit/decorators/custom-element.js";import{property as We}from"lit/decorators/property.js";import{classMap as dh}from"lit/directives/class-map.js";import{query as fh}from"lit/decorators/query.js";import{css as ch}from"lit";var sh=ch`:host {
|
|
5286
5289
|
display: block;
|
|
5287
5290
|
width: 100%;
|
|
5288
5291
|
text-align: left;
|
|
@@ -5426,19 +5429,19 @@ slot:not([name]){
|
|
|
5426
5429
|
slot[name="icon"]::slotted(*) {
|
|
5427
5430
|
margin-inline-end: 0.5em;
|
|
5428
5431
|
}
|
|
5429
|
-
`,
|
|
5430
|
-
<div id="menuitem" role="none" class="${
|
|
5432
|
+
`,Zp=sh;var fa=class extends Event{constructor(){super("change",{bubbles:!0,cancelable:!0})}},P=class extends Qp{constructor(){super(...arguments);this.active=!1;this.disabled=!1}updated(o){o.has("href")&&this.dispatchEvent(new fa)}render(){let{disabled:o}=this.ctx??{disabled:!1},e=!!this.disabled||!!this.ctx?.disabled;return oc`
|
|
5433
|
+
<div id="menuitem" role="none" class="${dh({disabled:o})}">${this.href?oc`
|
|
5431
5434
|
<a id="item" role="menuitem" href="${this.href}" aria-disabled="${e}">
|
|
5432
5435
|
<slot name="icon"></slot>
|
|
5433
5436
|
<slot></slot>
|
|
5434
5437
|
</a>
|
|
5435
|
-
`:
|
|
5438
|
+
`:oc`
|
|
5436
5439
|
<div id="item" role="menuitem" aria-disabled="${e}">
|
|
5437
5440
|
<slot name="icon"></slot>
|
|
5438
5441
|
<slot></slot>
|
|
5439
5442
|
</div>`}
|
|
5440
5443
|
<slot id="description" name="description">${this.description??""}</slot>
|
|
5441
|
-
</div>`}};P.styles=[
|
|
5444
|
+
</div>`}};P.styles=[Zp],P.shadowRootOptions={...Qp.shadowRootOptions,delegatesFocus:!0},r([We({reflect:!0})],P.prototype,"value",2),r([We({attribute:"href"})],P.prototype,"href",2),r([We({type:Boolean,reflect:!0})],P.prototype,"active",2),r([We({type:Boolean,reflect:!0})],P.prototype,"disabled",2),r([We()],P.prototype,"description",2),r([qo({context:Le,subscribe:!0}),We({attribute:!1})],P.prototype,"ctx",2),r([fh("#item")],P.prototype,"menuItem",2),P=r([ph("pf-dropdown-item")],P);import{LitElement as ed,html as xh}from"lit";import{customElement as Ch}from"lit/decorators/custom-element.js";import{state as Bh}from"lit/decorators/state.js";import{LitElement as od,html as bh}from"lit";import{customElement as hh}from"lit/decorators/custom-element.js";import{property as uh}from"lit/decorators/property.js";import{css as mh}from"lit";var gh=mh`:host {
|
|
5442
5445
|
display: block;
|
|
5443
5446
|
}
|
|
5444
5447
|
|
|
@@ -5476,10 +5479,10 @@ p {
|
|
|
5476
5479
|
display: block;
|
|
5477
5480
|
pointer-events: none;
|
|
5478
5481
|
}
|
|
5479
|
-
`,
|
|
5482
|
+
`,Jp=gh;var lt=class extends od{render(){return bh`
|
|
5480
5483
|
<p ?hidden="${!this.label}" role="presentation">${this.label}</p>
|
|
5481
5484
|
<slot></slot>
|
|
5482
|
-
`}};
|
|
5485
|
+
`}};lt.styles=[Jp],lt.shadowRootOptions={...od.shadowRootOptions,delegatesFocus:!0},r([uh({reflect:!0})],lt.prototype,"label",2),lt=r([hh("pf-dropdown-group")],lt);import{css as vh}from"lit";var _h=vh`:host {
|
|
5483
5486
|
background: var(--pf-c-dropdown__menu--BackgroundColor, #fff);
|
|
5484
5487
|
}
|
|
5485
5488
|
|
|
@@ -5516,11 +5519,11 @@ p {
|
|
|
5516
5519
|
pointer-events: none;
|
|
5517
5520
|
}
|
|
5518
5521
|
|
|
5519
|
-
`,
|
|
5520
|
-
<slot class="${
|
|
5521
|
-
@slotchange="${s(this,
|
|
5522
|
-
@change="${s(this,
|
|
5523
|
-
`}};
|
|
5522
|
+
`,td=_h;import{classMap as yh}from"lit/directives/class-map.js";function kh(i){return!!i.composedPath().find(o=>o instanceof P)?.disabled}var ni,ao,ci,rd,si,ad,pi,ld,di,id,ma,tc,Lo=class extends ed{constructor(){super(...arguments);n(this,ci);n(this,si);n(this,pi);n(this,di);n(this,ma);n(this,ni,f.of(this,{role:"menu"}));n(this,ao,new N(this,{getItems:()=>this.items.map(o=>o.menuItem)}))}get activeItem(){return l(this,ao).activeItem??l(this,ao).firstItem}get activeIndex(){return l(this,ao).activeItem?l(this,ao).items.indexOf(l(this,ao).activeItem):-1}get items(){return s(this,ma,tc).call(this,this.shadowRoot?.querySelector("slot"))}connectedCallback(){super.connectedCallback(),this.addEventListener("focusin",s(this,pi,ld)),this.addEventListener("click",s(this,di,id))}willUpdate(){l(this,ni).ariaDisabled=String(!!this.ctx?.disabled)}render(){let{disabled:o=!1}=this.ctx??{};return xh`
|
|
5523
|
+
<slot class="${yh({disabled:o})}"
|
|
5524
|
+
@slotchange="${s(this,si,ad)}"
|
|
5525
|
+
@change="${s(this,ci,rd)}"></slot>
|
|
5526
|
+
`}};ni=new WeakMap,ao=new WeakMap,ci=new WeakSet,rd=function(o){o instanceof fa&&l(this,ao).updateItems()},si=new WeakSet,ad=function(){l(this,ao).updateItems()},pi=new WeakSet,ld=function(o){this.ctx?.disabled?(o.preventDefault(),o.stopPropagation()):o.target instanceof P&&o.target.menuItem!==l(this,ao).activeItem&&l(this,ao).setActiveItem(o.target.menuItem)},di=new WeakSet,id=function(o){this.ctx?.disabled||kh(o)?(o.preventDefault(),o.stopPropagation()):o.target instanceof P&&o.target.menuItem!==l(this,ao).activeItem&&l(this,ao).setActiveItem(o.target.menuItem)},ma=new WeakSet,tc=function(o){return o?.assignedElements().flatMap(e=>e instanceof HTMLSlotElement?s(this,ma,tc).call(this,e):e instanceof P?[e]:e instanceof lt?Array.from(e.querySelectorAll("pf-dropdown-item")):[])??[]},Lo.styles=[td],Lo.shadowRootOptions={...ed.shadowRootOptions,delegatesFocus:!0},r([qo({context:Le,subscribe:!0}),Bh()],Lo.prototype,"ctx",2),Lo=r([Ch("pf-dropdown-menu")],Lo);import{css as wh}from"lit";var Sh=wh`:host {
|
|
5524
5527
|
display: inline-block;
|
|
5525
5528
|
position: relative;
|
|
5526
5529
|
--pf-c-dropdown__toggle--PaddingTop: var(--pf-global--spacer--form-element, 0.375rem);
|
|
@@ -5858,12 +5861,12 @@ pf-button#default-toggle,
|
|
|
5858
5861
|
--_button-icon-padding-inline-end: var(-pf-c-dropdown__toggle--PaddingRight,
|
|
5859
5862
|
var(--pf-global--spacer--sm, 0.5rem));
|
|
5860
5863
|
}
|
|
5861
|
-
`,
|
|
5862
|
-
<div class="${
|
|
5863
|
-
style="${
|
|
5864
|
-
@slotchange="${s(this,ba,
|
|
5864
|
+
`,nd=Sh;var ec=class extends Event{constructor(o,e){super("select",{bubbles:!0,cancelable:!0});this.originalEvent=o;this.value=e}},ze,Me,ga,rc,ba,ac,fi,dd,mi,fd,ha,lc,gi,md,bi,gd,hi,bd,Wo=class extends cd{constructor(){super(...arguments);n(this,ga);n(this,ba);n(this,fi);n(this,mi);n(this,ha);n(this,gi);n(this,bi);n(this,hi);this.disabled=!1;this.expanded=!1;this.ctx={disabled:!1};n(this,ze,new y(this));n(this,Me,new To(this,{content:()=>this._menuElements?.at(0)}))}async getUpdateComplete(){return(await Promise.all([super.getUpdateComplete(),this._menuElements?.map(e=>e.updateComplete)])).every(e=>!!e)}willUpdate(o){if(o.has("disabled")){let{disabled:e}=this;this.ctx={disabled:e}}}render(){let{expanded:o}=this,{anchor:e,alignment:a,styles:c={}}=l(this,Me),{disabled:p}=this;return Lh`
|
|
5865
|
+
<div class="${zh({disabled:p,expanded:o,[e??""]:!!e,[a??""]:!!a})}"
|
|
5866
|
+
style="${Wh(c)}"
|
|
5867
|
+
@slotchange="${s(this,ba,ac)}">
|
|
5865
5868
|
<slot name="toggle"
|
|
5866
|
-
@keydown="${s(this,
|
|
5869
|
+
@keydown="${s(this,gi,md)}"
|
|
5867
5870
|
@click="${()=>this.toggle()}">
|
|
5868
5871
|
<pf-button id="default-toggle" variant="control">
|
|
5869
5872
|
Dropdown
|
|
@@ -5872,21 +5875,21 @@ pf-button#default-toggle,
|
|
|
5872
5875
|
</slot>
|
|
5873
5876
|
<slot name="menu"
|
|
5874
5877
|
?hidden="${!this.expanded}"
|
|
5875
|
-
@focusout="${s(this,
|
|
5876
|
-
@keydown="${s(this,
|
|
5877
|
-
@click="${s(this,ha,
|
|
5878
|
+
@focusout="${s(this,bi,gd)}"
|
|
5879
|
+
@keydown="${s(this,hi,bd)}"
|
|
5880
|
+
@click="${s(this,ha,lc)}">
|
|
5878
5881
|
<pf-dropdown-menu id="menu" part="menu" ?disabled="${p}">
|
|
5879
5882
|
<slot></slot>
|
|
5880
5883
|
</pf-dropdown-menu>
|
|
5881
5884
|
</slot>
|
|
5882
|
-
</div>`}firstUpdated(){s(this,ba,
|
|
5885
|
+
</div>`}firstUpdated(){s(this,ba,ac).call(this)}updated(o){o.has("expanded")&&s(this,fi,dd).call(this),o.has("disabled")&&s(this,mi,fd).call(this)}async show(){this.expanded=!0,await this.updateComplete}async hide(){this.expanded=!1,await this.updateComplete}async toggle(){this.expanded=!this.expanded,await this.updateComplete}};ze=new WeakMap,Me=new WeakMap,ga=new WeakSet,rc=function(){let[o]=this._toggleElements,[e]=this._menuElements;return o?e?[o,e].map(a=>this.shadowRoot?.contains(a)).every((a,c,p)=>a===p[0])?!0:(l(this,ze).warn("toggle and menu must be located in the same root"),!1):(l(this,ze).warn("no menu found"),!1):(l(this,ze).warn("no toggle found"),!1)},ba=new WeakSet,ac=function(){if(s(this,ga,rc).call(this)){let[o]=this._menuElements,[e]=this._toggleElements;o.id||=Y("menu"),e.setAttribute("aria-controls",o.id),e.setAttribute("aria-haspopup",o.id),e.setAttribute("aria-expanded",String(this.expanded))}},fi=new WeakSet,dd=async function(){let o=this.expanded?"close":"open",[e]=this._menuElements,[a]=this._toggleElements;a.setAttribute("aria-expanded",`${String(this.expanded)}`),this.dispatchEvent(new Event(o)),this.expanded?(await l(this,Me).show(),e instanceof Lo&&e.activeItem?.focus()):await l(this,Me).hide()},mi=new WeakSet,fd=function(){if(s(this,ga,rc).call(this)){let[o]=this._toggleElements;o.setAttribute("aria-disabled",String(!!this.disabled))}},ha=new WeakSet,lc=function(o){let[e]=this._menuElements;if(e instanceof Lo){let a=o.target||e.activeItem;this.dispatchEvent(new ec(o,`${a?.value}`)),this.hide()}},gi=new WeakSet,md=function(o){switch(o.key){case"ArrowDown":this.show()}},bi=new WeakSet,gd=function(o){if(this.expanded){let e=this.getRootNode(),[a]=this._menuElements;(e instanceof ShadowRoot||e instanceof Document&&o.relatedTarget instanceof P&&a instanceof Lo&&!a.items.includes(o.relatedTarget))&&this.hide()}},hi=new WeakSet,bd=function(o){switch(o.key){case"Enter":case" ":o.preventDefault(),s(this,ha,lc).call(this,o);break;case"Escape":this.hide(),this._toggleElements?.at(0)?.focus()}},Wo.styles=[nd],Wo.shadowRootOptions={...cd.shadowRootOptions,delegatesFocus:!0},r([sd({type:Boolean,reflect:!0})],Wo.prototype,"disabled",2),r([sd({type:Boolean,reflect:!0})],Wo.prototype,"expanded",2),r([pd({slot:"toggle",flatten:!0})],Wo.prototype,"_toggleElements",2),r([pd({slot:"menu",flatten:!0})],Wo.prototype,"_menuElements",2),r([ir({context:Le})],Wo.prototype,"ctx",2),Wo=r([Mh("pf-dropdown")],Wo);import{html as Hh}from"lit";import{customElement as $h}from"lit/decorators/custom-element.js";import{property as Ih}from"lit/decorators/property.js";import{classMap as Ah}from"lit/directives/class-map.js";import{LitElement as Rh}from"lit";import{css as Eh}from"lit";var Th=Eh`:host {
|
|
5883
5886
|
display: block;
|
|
5884
5887
|
}
|
|
5885
5888
|
|
|
5886
5889
|
[hidden] {
|
|
5887
5890
|
display: none !important;
|
|
5888
5891
|
}
|
|
5889
|
-
`,
|
|
5892
|
+
`,hd=Th;var ua=class extends Rh{static{this.styles=[hd]}get content(){let t=this.querySelector("script[type]");return t?.type!=="text/javascript-sample"&&t?.type.match(/(j(ava)?|ecma|live)script/)?"":t?.textContent??""}dedent(t){let o=t.replace(/^\n/,""),e=o.match(/^\s+/);return e?o.replace(new RegExp(`^${e[0]}`,"gm"),""):t}};import{css as Fh}from"lit";var Ph=Fh`:host {
|
|
5890
5893
|
background-color: var(--pf-c-code-block--BackgroundColor, #f0f0f0);
|
|
5891
5894
|
font-size: var(--pf-c-code-block__pre--FontSize, 0.875rem);
|
|
5892
5895
|
font-family: var(--pf-c-code-block__pre--FontFamily, "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace);
|
|
@@ -5939,30 +5942,30 @@ button svg {
|
|
|
5939
5942
|
.expanded button svg {
|
|
5940
5943
|
transform: rotate(-90deg);
|
|
5941
5944
|
}
|
|
5942
|
-
`,
|
|
5945
|
+
`,ud=Ph;var ui,vd,va,ic,Ee=class extends ua{constructor(){super(...arguments);n(this,ui);n(this,va);this.expanded=!1}render(){let{expanded:o}=this;return Hh`
|
|
5943
5946
|
<div id="header">
|
|
5944
5947
|
<div id="actions">
|
|
5945
5948
|
<slot name="actions"></slot>
|
|
5946
5949
|
</div>
|
|
5947
5950
|
</div>
|
|
5948
|
-
<div id="container" class="${
|
|
5951
|
+
<div id="container" class="${Ah({expanded:o})}">
|
|
5949
5952
|
<pre><code id="content">${this.content}</code><code id="code-block-expand"
|
|
5950
|
-
?hidden="${!o}">${l(this,va,
|
|
5951
|
-
<button ?hidden="${!l(this,va,
|
|
5952
|
-
@click=${s(this,
|
|
5953
|
+
?hidden="${!o}">${l(this,va,ic)}</code></pre>
|
|
5954
|
+
<button ?hidden="${!l(this,va,ic)}"
|
|
5955
|
+
@click=${s(this,ui,vd)}
|
|
5953
5956
|
aria-expanded=${this.expanded}
|
|
5954
5957
|
aria-controls="code-block-expand">
|
|
5955
5958
|
<svg fill="currentColor" height="1em" width="1em" viewBox="0 0 256 512" aria-hidden="true" role="img" style="vertical-align: -0.125em;"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg>
|
|
5956
5959
|
${this.expanded?"Show less":"Show more"}
|
|
5957
5960
|
</button>
|
|
5958
5961
|
</div>
|
|
5959
|
-
`}};
|
|
5962
|
+
`}};ui=new WeakSet,vd=function(){this.expanded=!this.expanded},va=new WeakSet,ic=function(){return this.querySelector("script[data-expand]")?.textContent??""},Ee.styles=[...ua.styles,ud],r([Ih({type:Boolean,reflect:!0})],Ee.prototype,"expanded",2),Ee=r([$h("pf-code-block")],Ee);import{html as qh}from"lit";import{customElement as Vh}from"lit/decorators/custom-element.js";import{property as lo}from"lit/decorators/property.js";import{classMap as Yh}from"lit/directives/class-map.js";import{ifDefined as Xh}from"lit/directives/if-defined.js";ft();import{LitElement as Nh}from"lit";import{css as Oh}from"lit";var Dh=Oh`[hidden],
|
|
5960
5963
|
[inert],
|
|
5961
5964
|
[inert]::slotted(*) {
|
|
5962
5965
|
display: none !important;
|
|
5963
5966
|
}
|
|
5964
5967
|
|
|
5965
|
-
`,
|
|
5968
|
+
`,_d=Dh;var nc=class extends F{constructor(o){super("copy");this.text=o}},Te=class extends Nh{static{this.styles=[_d]}async copy(){await navigator.clipboard.writeText(this.value),this.dispatchEvent(new nc(this.value))}};import{css as Uh}from"lit";var jh=Uh`.container {
|
|
5966
5969
|
display: flex;
|
|
5967
5970
|
flex-direction: column;
|
|
5968
5971
|
}
|
|
@@ -6092,6 +6095,10 @@ textarea {
|
|
|
6092
6095
|
height: 100%;
|
|
6093
6096
|
}
|
|
6094
6097
|
|
|
6098
|
+
#copy-button {
|
|
6099
|
+
height: calc(100% - var(--pf-c-button--PaddingTop) - var(--pf-c-button--PaddingBottom));
|
|
6100
|
+
}
|
|
6101
|
+
|
|
6095
6102
|
.container:is(.compact, .inline) #input-group {
|
|
6096
6103
|
display: contents;
|
|
6097
6104
|
}
|
|
@@ -6126,8 +6133,8 @@ textarea {
|
|
|
6126
6133
|
margin-block-end: calc(-1 * var(--pf-c-button--PaddingBottom));
|
|
6127
6134
|
}
|
|
6128
6135
|
|
|
6129
|
-
`,
|
|
6130
|
-
<div class="container ${
|
|
6136
|
+
`,xd=jh;uo();$a();var Cd=i=>new Promise(t=>setTimeout(t,i)),Re,vi,_i,Bd,_a,cc,xa,sc,xi,yd,H=class extends Te{constructor(){super(...arguments);n(this,_i);n(this,_a);n(this,xa);n(this,xi);this.clickTip="Copied";this.hoverTip="Copy";this.textAriaLabel="Copyable input";this.toggleAriaLabel="Show content";this.entryDelay=300;this.exitDelay=1500;this.block=!1;this.code=!1;this.expanded=!1;this.expandable=!1;this.readonly=!1;this.inline=!1;this.compact=!1;this.value="";n(this,Re,!1);n(this,vi,new MutationObserver(()=>s(this,xa,sc).call(this)))}connectedCallback(){super.connectedCallback(),l(this,vi).observe(this,{characterData:!0}),s(this,xa,sc).call(this)}render(){let{expanded:o,expandable:e,inline:a,compact:c,code:p,block:d,readonly:u}=this;return qh`
|
|
6137
|
+
<div class="container ${Yh({code:p,expanded:o,inline:a,compact:c,block:d})}">
|
|
6131
6138
|
<div id="input-group">
|
|
6132
6139
|
<div id="wrapper">
|
|
6133
6140
|
<pf-button id="expand-button"
|
|
@@ -6135,7 +6142,7 @@ textarea {
|
|
|
6135
6142
|
variant="control"
|
|
6136
6143
|
label="EXPAND"
|
|
6137
6144
|
?inert="${!e}"
|
|
6138
|
-
@click="${s(this,
|
|
6145
|
+
@click="${s(this,_i,Bd)}">
|
|
6139
6146
|
<pf-icon icon="chevron-right"></pf-icon>
|
|
6140
6147
|
</pf-button>
|
|
6141
6148
|
</div>
|
|
@@ -6144,28 +6151,28 @@ textarea {
|
|
|
6144
6151
|
?hidden="${a||c}"
|
|
6145
6152
|
?disabled="${o||u}"
|
|
6146
6153
|
.value="${this.value}"
|
|
6147
|
-
@input="${s(this,_a,
|
|
6154
|
+
@input="${s(this,_a,cc)}"
|
|
6148
6155
|
aria-label="${this.textAriaLabel}">
|
|
6149
6156
|
<pf-tooltip>
|
|
6150
6157
|
<pf-button id="copy-button"
|
|
6151
6158
|
plain
|
|
6152
|
-
variant="${
|
|
6159
|
+
variant="${Xh(a||c?void 0:"control")}"
|
|
6153
6160
|
label="${this.hoverTip}"
|
|
6154
6161
|
size="lg"
|
|
6155
6162
|
@click="${this.copy}">
|
|
6156
6163
|
<pf-icon icon="copy"></pf-icon>
|
|
6157
6164
|
</pf-button>
|
|
6158
|
-
<span slot="content">${l(this,
|
|
6165
|
+
<span slot="content">${l(this,Re)?this.clickTip:this.hoverTip}</span>
|
|
6159
6166
|
</pf-tooltip>
|
|
6160
6167
|
<slot name="actions"></slot>
|
|
6161
6168
|
</div>
|
|
6162
6169
|
<textarea .value="${this.value}"
|
|
6163
6170
|
.disabled="${this.readonly}"
|
|
6164
6171
|
?hidden="${!(e&&o)}"
|
|
6165
|
-
@input="${s(this,_a,
|
|
6172
|
+
@input="${s(this,_a,cc)}">
|
|
6166
6173
|
</textarea>
|
|
6167
6174
|
</div>
|
|
6168
|
-
`}async copy(){await super.copy(),await
|
|
6175
|
+
`}async copy(){await super.copy(),await Cd(this.entryDelay),b(this,Re,!0),this.requestUpdate(),await Cd(this.exitDelay),b(this,Re,!1),this.requestUpdate()}};Re=new WeakMap,vi=new WeakMap,_i=new WeakSet,Bd=function(){this.expanded=!this.expanded},_a=new WeakSet,cc=function(o){let{value:e}=o.target||HTMLTextAreaElement;this.value=e},xa=new WeakSet,sc=function(){this.childNodes.length>0&&(this.value=this.getAttribute("value")??s(this,xi,yd).call(this,Array.from(this.childNodes,o=>o instanceof Element||o instanceof Text?o.textContent??"":"").join("")))},xi=new WeakSet,yd=function(o){let e=o.replace(/^\n/,""),a=e.match(/^\s+/);return a?e.replace(new RegExp(`^${a[0]}`,"gm"),""):o},H.styles=[...Te.styles,xd],H.shadowRootOptions={...Te.shadowRootOptions,delegatesFocus:!0},r([lo({attribute:"click-tip"})],H.prototype,"clickTip",2),r([lo({attribute:"hover-tip"})],H.prototype,"hoverTip",2),r([lo({attribute:"text-label"})],H.prototype,"textAriaLabel",2),r([lo({attribute:"toggle-label"})],H.prototype,"toggleAriaLabel",2),r([lo({type:Number,attribute:"entry-delay"})],H.prototype,"entryDelay",2),r([lo({type:Number,attribute:"exit-delay"})],H.prototype,"exitDelay",2),r([lo({type:Boolean,reflect:!0})],H.prototype,"block",2),r([lo({type:Boolean,reflect:!0})],H.prototype,"code",2),r([lo({type:Boolean,reflect:!0})],H.prototype,"expanded",2),r([lo({type:Boolean,reflect:!0})],H.prototype,"expandable",2),r([lo({type:Boolean,reflect:!0})],H.prototype,"readonly",2),r([lo({type:Boolean,reflect:!0})],H.prototype,"inline",2),r([lo({type:Boolean,reflect:!0})],H.prototype,"compact",2),r([lo()],H.prototype,"value",2),H=r([Vh("pf-clipboard-copy")],H);import{LitElement as wd,html as Sd}from"lit";import{customElement as Jh}from"lit/decorators/custom-element.js";import{property as pc}from"lit/decorators/property.js";import{css as Gh}from"lit";var Kh=Gh`:host {
|
|
6169
6176
|
--pf-c-chip--PaddingTop: var(--pf-global--spacer--xs, 0.25rem);
|
|
6170
6177
|
--pf-c-chip--PaddingRight: var(--pf-global--spacer--sm, 0.5rem);
|
|
6171
6178
|
--pf-c-chip--PaddingBottom: var(--pf-global--spacer--xs, 0.25rem);
|
|
@@ -6265,7 +6272,7 @@ button#outer span {
|
|
|
6265
6272
|
margin: 0 0 0 var(--pf-global--spacer--xs, 0.25rem) !important;
|
|
6266
6273
|
min-width: unset;
|
|
6267
6274
|
}
|
|
6268
|
-
`,
|
|
6275
|
+
`,kd=Kh;import{css as Zh}from"lit";var Qh=Zh`:host {
|
|
6269
6276
|
--pf-c-chip__c-button--PaddingTop: var(--pf-global--spacer--xs, 0.25rem);
|
|
6270
6277
|
--pf-c-chip__c-button--PaddingRight: var(--pf-global--spacer--sm, 0.5rem);
|
|
6271
6278
|
--pf-c-chip__c-button--PaddingBottom: var(--pf-global--spacer--xs, 0.25rem);
|
|
@@ -6276,13 +6283,13 @@ button#outer span {
|
|
|
6276
6283
|
--pf-c-chip__c-button--FontSize: var(--pf-global--FontSize--xs, 0.75rem);
|
|
6277
6284
|
--pf-c-chip__c-badge--MarginLeft: var(--pf-global--spacer--xs, 0.25rem);
|
|
6278
6285
|
}
|
|
6279
|
-
`,
|
|
6286
|
+
`,Ci=Qh;var Ca=class extends Event{constructor(o){super("remove",{bubbles:!0});this.chip=o}},Bi,Ld,it=class extends wd{constructor(){super(...arguments);n(this,Bi);this.accessibleCloseLabel="Close";this.readonly=!1;this.overflowChip=!1}render(){return this.overflowChip?Sd`
|
|
6280
6287
|
<button id="outer">
|
|
6281
6288
|
<span part="text">
|
|
6282
6289
|
<slot></slot>
|
|
6283
6290
|
</span>
|
|
6284
6291
|
</button>
|
|
6285
|
-
`:
|
|
6292
|
+
`:Sd`
|
|
6286
6293
|
<div id="outer">
|
|
6287
6294
|
<span id="chip-text" part="text">
|
|
6288
6295
|
<slot></slot>
|
|
@@ -6293,9 +6300,9 @@ button#outer span {
|
|
|
6293
6300
|
label="${this.accessibleCloseLabel}"
|
|
6294
6301
|
aria-describedby="chip-text"
|
|
6295
6302
|
?hidden="${this.readonly||this.overflowChip}"
|
|
6296
|
-
@click="${s(this,
|
|
6303
|
+
@click="${s(this,Bi,Ld)}"></pf-button>
|
|
6297
6304
|
</div>
|
|
6298
|
-
`}};
|
|
6305
|
+
`}};Bi=new WeakSet,Ld=function(){this.dispatchEvent(new Ca(this))&&this.remove()},it.styles=[Ci,kd],it.shadowRootOptions={...wd.shadowRootOptions,delegatesFocus:!0},r([pc({attribute:"accessible-close-label",type:String})],it.prototype,"accessibleCloseLabel",2),r([pc({reflect:!0,type:Boolean})],it.prototype,"readonly",2),r([pc({attribute:"overflow-chip",reflect:!0,type:Boolean})],it.prototype,"overflowChip",2),it=r([Jh("pf-chip")],it);import{LitElement as zd,html as eu}from"lit";import{customElement as ru}from"lit/decorators/custom-element.js";import{property as Kt}from"lit/decorators/property.js";import{query as Md}from"lit/decorators/query.js";import{queryAssignedNodes as au}from"lit/decorators/query-assigned-nodes.js";import{classMap as lu}from"lit/directives/class-map.js";import{css as ou}from"lit";var tu=ou`:host {
|
|
6299
6306
|
--pf-c-chip-group__list--MarginBottom: calc(var(--pf-global--spacer--xs, 0.25rem) * -1);
|
|
6300
6307
|
--pf-c-chip-group__list--MarginRight: calc(var(--pf-global--spacer--xs, 0.25rem) * -1);
|
|
6301
6308
|
--pf-c-chip-group--m-category--PaddingTop: var(--pf-global--spacer--xs, 0.25rem);
|
|
@@ -6386,26 +6393,26 @@ svg {
|
|
|
6386
6393
|
overflow: hidden;
|
|
6387
6394
|
}
|
|
6388
6395
|
|
|
6389
|
-
`,
|
|
6396
|
+
`,Wd=tu;var dc=class extends Event{constructor(){super("expand",{bubbles:!0,cancelable:!0})}},fc=class extends Event{constructor(){super("remove",{bubbles:!0,cancelable:!0})}},iu=/\$\{\s*remaining\s*\}/g,go,Zt,zo,Fe,yi,wi,Ed,Si,Td,Li,Rd,Ba,mc,Pe,ki,Wi,Fd,Z=class extends zd{constructor(){super();n(this,Fe);n(this,wi);n(this,Si);n(this,Li);n(this,Ba);n(this,Pe);n(this,Wi);this.accessibleLabel="";this.accessibleCloseLabel="Close";this.collapsedText="${remaining} more";this.expandedText="show less";this.numChips=3;this.open=!1;this.closeable=!1;n(this,go,[]);n(this,Zt,[]);n(this,zo,new N(this,{getItems:()=>l(this,Zt).filter(o=>!o.hidden)}));this.addEventListener("remove",s(this,wi,Ed))}render(){let o=l(this,go).length<=0;return eu`
|
|
6390
6397
|
<div id="outer"
|
|
6391
|
-
class="${
|
|
6398
|
+
class="${lu({"has-category":this.hasCategory,empty:o})}"
|
|
6392
6399
|
role="toolbar">
|
|
6393
6400
|
<slot id="category"
|
|
6394
6401
|
name="category-name"
|
|
6395
|
-
@slotchange="${s(this,Ba,
|
|
6402
|
+
@slotchange="${s(this,Ba,mc)}">
|
|
6396
6403
|
<span class="offscreen"
|
|
6397
6404
|
?hidden="${!this.accessibleLabel}">${this.accessibleLabel??""}</span>
|
|
6398
6405
|
</slot>
|
|
6399
6406
|
<slot id="chips"
|
|
6400
|
-
@slotchange="${s(this,Ba,
|
|
6401
|
-
@remove="${s(this,
|
|
6407
|
+
@slotchange="${s(this,Ba,mc)}"
|
|
6408
|
+
@remove="${s(this,Pe,ki)}"
|
|
6402
6409
|
></slot>
|
|
6403
6410
|
<pf-chip id="overflow"
|
|
6404
6411
|
aria-controls="chips"
|
|
6405
6412
|
overflow-chip
|
|
6406
6413
|
?hidden="${this.remaining<1}"
|
|
6407
|
-
@click="${s(this,
|
|
6408
|
-
>${this.remaining<1?"":this.open?this.expandedText:this.collapsedText.replace(
|
|
6414
|
+
@click="${s(this,Li,Rd)}"
|
|
6415
|
+
>${this.remaining<1?"":this.open?this.expandedText:this.collapsedText.replace(iu,this.remaining.toString())}</pf-chip>
|
|
6409
6416
|
<pf-button id="close-button"
|
|
6410
6417
|
plain
|
|
6411
6418
|
icon="times-circle"
|
|
@@ -6413,9 +6420,9 @@ svg {
|
|
|
6413
6420
|
label="${this.accessibleCloseLabel}"
|
|
6414
6421
|
aria-describedby="category"
|
|
6415
6422
|
?hidden="${!this.closeable}"
|
|
6416
|
-
@click="${s(this,
|
|
6423
|
+
@click="${s(this,Si,Td)}"></pf-button>
|
|
6417
6424
|
</div>
|
|
6418
|
-
`}updated(o){(o.has("accessibleCloseLabel")||o.has("numChips")||o.has("closeable")||o.has("open"))&&s(this,
|
|
6425
|
+
`}updated(o){(o.has("accessibleCloseLabel")||o.has("numChips")||o.has("closeable")||o.has("open"))&&s(this,Fe,yi).call(this)}get activeChip(){return l(this,zo).activeItem?.getRootNode()?.host}set activeChip(o){let e=o.shadowRoot?.querySelector("button");l(this,zo).setActiveItem(e)}get hasCategory(){return(this._categorySlotted||[]).length>0}get remaining(){return l(this,go).length-this.numChips}focusOnChip(o){l(this,zo).setActiveItem(o)}};go=new WeakMap,Zt=new WeakMap,zo=new WeakMap,Fe=new WeakSet,yi=function(){if(l(this,go).length>0){let o=[...l(this,zo).items||[]],e=this.open?l(this,go).length:Math.min(l(this,go).length,this.numChips);b(this,Zt,[...l(this,go).slice(0,e),this._overflowChip,this._button].filter(a=>!!a)),(o.length!==l(this,Zt).length||!o.every((a,c)=>a===l(this,Zt)[c]))&&l(this,zo).updateItems(),s(this,Wi,Fd).call(this)}},wi=new WeakSet,Ed=async function(o){o instanceof Ca&&(await s(this,Pe,ki).call(this),await this.updateComplete,l(this,zo).setActiveItem(l(this,zo).activeItem))},Si=new WeakSet,Td=function(){this.dispatchEvent(new fc),this.remove()},Li=new WeakSet,Rd=async function(o){o.stopPropagation(),this.open=!this.open,await this.updateComplete,s(this,Fe,yi).call(this),this._overflowChip&&this.focusOnChip(this._overflowChip),this.dispatchEvent(new dc)},Ba=new WeakSet,mc=function(){s(this,Pe,ki).call(this),this.requestUpdate()},Pe=new WeakSet,ki=async function(){return await this.updateComplete,b(this,go,[...this.querySelectorAll("pf-chip:not([slot]):not([overflow-chip])")]),this.requestUpdate(),await this.updateComplete,l(this,zo).updateItems(l(this,go)),s(this,Fe,yi).call(this),l(this,go)},Wi=new WeakSet,Fd=function(){l(this,go).forEach((o,e)=>{o.accessibleCloseLabel=this.accessibleCloseLabel;let a=e>=this.numChips&&!this.open;o.hidden=a})},Z.styles=[Ci,Wd],Z.shadowRootOptions={...zd.shadowRootOptions,delegatesFocus:!0},r([Kt({attribute:"accessible-label",type:String})],Z.prototype,"accessibleLabel",2),r([Kt({attribute:"accessible-close-label",type:String})],Z.prototype,"accessibleCloseLabel",2),r([Kt({attribute:"collapsed-text",type:String})],Z.prototype,"collapsedText",2),r([Kt({attribute:"expanded-text",type:String})],Z.prototype,"expandedText",2),r([Kt({attribute:"num-chips",type:Number})],Z.prototype,"numChips",2),r([Kt({reflect:!0,type:Boolean})],Z.prototype,"open",2),r([Kt({reflect:!0,type:Boolean})],Z.prototype,"closeable",2),r([Md("#overflow")],Z.prototype,"_overflowChip",2),r([Md("#close-button")],Z.prototype,"_button",2),r([au({slot:"category-name",flatten:!0})],Z.prototype,"_categorySlotted",2),Z=r([ru("pf-chip-group")],Z);import{customElement as mu}from"lit/decorators/custom-element.js";import{property as zi}from"lit/decorators/property.js";import{css as nu}from"lit";var cu=nu`:host {
|
|
6419
6426
|
background-color: var(--pf-c-card--BackgroundColor, var(--pf-global--BackgroundColor--100, #ffffff));
|
|
6420
6427
|
box-shadow: var(--pf-c-card--BoxShadow, var(--pf-global--BoxShadow--sm, 0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.12), 0 0 0.125rem 0 rgba(3, 3, 3, 0.06)));
|
|
6421
6428
|
}
|
|
@@ -6488,7 +6495,7 @@ header ::slotted(*) {
|
|
|
6488
6495
|
margin-block-start: auto;
|
|
6489
6496
|
}
|
|
6490
6497
|
|
|
6491
|
-
`,
|
|
6498
|
+
`,Pd=cu;import{LitElement as du,html as fu}from"lit";import{classMap as gc}from"lit/directives/class-map.js";import{css as su}from"lit";var pu=su`:host {
|
|
6492
6499
|
display: flex;
|
|
6493
6500
|
flex-direction: column;
|
|
6494
6501
|
}
|
|
@@ -6524,25 +6531,25 @@ article {
|
|
|
6524
6531
|
display: none;
|
|
6525
6532
|
}
|
|
6526
6533
|
|
|
6527
|
-
`,
|
|
6534
|
+
`,Hd=pu;var ya=class extends du{constructor(){super(...arguments);this.slots=new k(this,"header",null,"footer")}static{this.styles=[Hd]}render(){return fu`
|
|
6528
6535
|
<article>
|
|
6529
6536
|
<header id="header"
|
|
6530
6537
|
part="header"
|
|
6531
|
-
class="${
|
|
6538
|
+
class="${gc({empty:!this.slots.hasSlotted("header")})}">
|
|
6532
6539
|
<slot name="header"></slot>
|
|
6533
6540
|
</header>
|
|
6534
6541
|
<div id="body"
|
|
6535
6542
|
part="body"
|
|
6536
|
-
class="${
|
|
6543
|
+
class="${gc({empty:!this.querySelector(":not([slot])")})}">
|
|
6537
6544
|
<slot></slot>
|
|
6538
6545
|
</div>
|
|
6539
6546
|
<footer id="footer"
|
|
6540
6547
|
part="footer"
|
|
6541
|
-
class="${
|
|
6548
|
+
class="${gc({empty:!this.slots.hasSlotted("footer")})}">
|
|
6542
6549
|
<slot name="footer"></slot>
|
|
6543
6550
|
</footer>
|
|
6544
6551
|
</article>
|
|
6545
|
-
`}};var
|
|
6552
|
+
`}};var nt=class extends ya{constructor(){super(...arguments);this.rounded=!1;this.fullHeight=!1;this.plain=!1}};nt.styles=[...ya.styles,Pd],r([zi({reflect:!0})],nt.prototype,"size",2),r([zi({type:Boolean,reflect:!0})],nt.prototype,"rounded",2),r([zi({type:Boolean,reflect:!0,attribute:"full-height"})],nt.prototype,"fullHeight",2),r([zi({type:Boolean,reflect:!0})],nt.prototype,"plain",2),nt=r([mu("pf-card")],nt);import{LitElement as hu,html as Id}from"lit";import{customElement as uu}from"lit/decorators/custom-element.js";import{property as bc}from"lit/decorators/property.js";import{classMap as vu}from"lit/directives/class-map.js";import{css as gu}from"lit";var bu=gu`:host {
|
|
6546
6553
|
display: block;
|
|
6547
6554
|
--pf-c-banner--PaddingTop: var(--pf-global--spacer--xs, 0.25rem);
|
|
6548
6555
|
--pf-c-banner--PaddingRight: var(--pf-global--spacer--md, 1rem);
|
|
@@ -6638,15 +6645,15 @@ pf-icon,
|
|
|
6638
6645
|
--pf-c-banner--PaddingLeft: var(--pf-c-banner--md--PaddingLeft, var(--pf-global--spacer--lg, 1.5rem));
|
|
6639
6646
|
}
|
|
6640
6647
|
}
|
|
6641
|
-
|
|
6648
|
+
`,$d=bu;var Mi,Lt=class extends hu{constructor(){super(...arguments);this.sticky=!1;n(this,Mi,new k(this,null,"icon"))}willUpdate(o){o.has("icon")&&this.icon&&Promise.resolve().then(()=>(uo(),un))}render(){let{variant:o,icon:e}=this,a=!!e||l(this,Mi).hasSlotted("icon");return Id`
|
|
6642
6649
|
<div id="container" part="container"
|
|
6643
|
-
class=${
|
|
6644
|
-
<slot name="icon" part="icon">${this.icon?
|
|
6650
|
+
class=${vu({hasIcon:a,[o??""]:!!o})}>
|
|
6651
|
+
<slot name="icon" part="icon">${this.icon?Id`
|
|
6645
6652
|
<pf-icon icon="${this.icon}"></pf-icon>`:""}
|
|
6646
6653
|
</slot>
|
|
6647
6654
|
<slot id="text"></slot>
|
|
6648
6655
|
</div>
|
|
6649
|
-
`}};
|
|
6656
|
+
`}};Mi=new WeakMap,Lt.styles=[$d],r([bc({reflect:!0})],Lt.prototype,"variant",2),r([bc()],Lt.prototype,"icon",2),r([bc({type:Boolean})],Lt.prototype,"sticky",2),Lt=r([uu("pf-banner")],Lt);Mn();import{LitElement as Cu,html as Ei}from"lit";import{customElement as Bu}from"lit/decorators/custom-element.js";import{queryAssignedElements as yu}from"lit/decorators/query-assigned-elements.js";import{property as He}from"lit/decorators/property.js";import{styleMap as ku}from"lit/directives/style-map.js";import{css as _u}from"lit";var xu=_u`:host {
|
|
6650
6657
|
display: flex;
|
|
6651
6658
|
|
|
6652
6659
|
--_background-image: var(--pf-c-background-image--BackgroundImage);
|
|
@@ -6712,11 +6719,11 @@ slot[part="content"] {
|
|
|
6712
6719
|
background-image: var(--pf-c-background-image--BackgroundImage--lg, var(--_background-image-lg, var(--_background-image)));
|
|
6713
6720
|
}
|
|
6714
6721
|
}
|
|
6715
|
-
`,
|
|
6716
|
-
<div id="container" part="container" style="${
|
|
6717
|
-
${this.filter?
|
|
6718
|
-
<slot name="filter" @slotchange=${s(this,
|
|
6719
|
-
${l(this
|
|
6722
|
+
`,Ad=xu;var $e,Ie,Ti,Od,vo=class extends Cu{constructor(){super(...arguments);n(this,Ti);this.filter=!1;n(this,$e,void 0);n(this,Ie,!1)}render(){let o={"--_background-image":this.src,"--_background-image-2x":this.src2x,"--_background-image-sm":this.srcSm,"--_background-image-sm-2x":this.srcSm2x,"--_background-image-lg":this.srcLg};return Object.entries(o).forEach(([e,a])=>{a?o[e]=`url(${a})`:delete o[e]}),Ei`
|
|
6723
|
+
<div id="container" part="container" style="${ku(o)}">
|
|
6724
|
+
${this.filter?Ei`
|
|
6725
|
+
<slot name="filter" @slotchange=${s(this,Ti,Od)}>
|
|
6726
|
+
${l(this,$e)&&l(this,Ie)?l(this,$e):Ei`
|
|
6720
6727
|
<svg xmlns="http://www.w3.org/2000/svg" width="0" height="0">
|
|
6721
6728
|
<filter id="image_overlay">
|
|
6722
6729
|
<feColorMatrix type="matrix" values="1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 1 0"></feColorMatrix>
|
|
@@ -6730,9 +6737,9 @@ slot[part="content"] {
|
|
|
6730
6737
|
</svg>
|
|
6731
6738
|
`}
|
|
6732
6739
|
</slot>
|
|
6733
|
-
`:
|
|
6740
|
+
`:Ei``}
|
|
6734
6741
|
</div>
|
|
6735
|
-
`}}
|
|
6742
|
+
`}};$e=new WeakMap,Ie=new WeakMap,Ti=new WeakSet,Od=function(){let[o]=this._svg;o?(b(this,$e,o),b(this,Ie,!0),this.requestUpdate()):b(this,Ie,!1)},vo.styles=[Ad],r([He({reflect:!0})],vo.prototype,"src",2),r([He({reflect:!0,attribute:"src-2x"})],vo.prototype,"src2x",2),r([He({reflect:!0,attribute:"src-sm"})],vo.prototype,"srcSm",2),r([He({reflect:!0,attribute:"src-sm-2x"})],vo.prototype,"srcSm2x",2),r([He({reflect:!0,attribute:"src-lg"})],vo.prototype,"srcLg",2),r([He({type:Boolean,reflect:!0})],vo.prototype,"filter",2),r([yu({slot:"filter",selector:"svg"})],vo.prototype,"_svg",2),vo=r([Bu("pf-background-image")],vo);co();import{LitElement as Lu,html as Nd}from"lit";import{customElement as Wu}from"lit/decorators/custom-element.js";import{property as Qt}from"lit/decorators/property.js";import{ifDefined as Ri}from"lit/directives/if-defined.js";uo();import{css as wu}from"lit";var Su=wu`:host {
|
|
6736
6743
|
display: inline-block;
|
|
6737
6744
|
position: absolute;
|
|
6738
6745
|
right: var(--pf-c-back-to-top--Right, var(--pf-global--spacer--2xl, 3rem));
|
|
@@ -6785,20 +6792,20 @@ span {
|
|
|
6785
6792
|
--pf-c-back-to-top--Bottom: var(--pf-c-back-to-top--md--Bottom, var(--pf-global--spacer--2xl, 3rem));
|
|
6786
6793
|
}
|
|
6787
6794
|
}
|
|
6788
|
-
|
|
6789
|
-
<a href="${this.href}" ?hidden="${!l(this,
|
|
6795
|
+
`,Dd=Su;var ka,Po,Mo,wa,Ae,Fi,Ud,Sa,hc,Pi,jd,La,uc,Wa,vc,Jt,_o=class extends Lu{constructor(){super(...arguments);n(this,Fi);n(this,Sa);n(this,Pi);n(this,La);n(this,Wa);this.alwaysVisible=!1;this.scrollDistance=400;n(this,ka,!1);n(this,Po,!1);n(this,Mo,void 0);n(this,wa,!1);n(this,Ae,new y(this));n(this,Jt,()=>{if(this.alwaysVisible){b(this,Po,!0),this.requestUpdate();return}let o=l(this,Po);if(l(this,Mo)){let e=l(this,Mo)instanceof Window?l(this,Mo).scrollY:l(this,Mo).scrollTop;b(this,Po,e>this.scrollDistance),o!==l(this,Po)&&this.requestUpdate()}})}connectedCallback(){super.connectedCallback(),s(this,Wa,vc).call(this)}disconnectedCallback(){super.disconnectedCallback(),s(this,La,uc).call(this)}willUpdate(o){o.has("scrollableSelector")&&s(this,Wa,vc).call(this),o.has("alwaysVisible")&&l(this,Jt).call(this)}render(){return this.href&&this.href.charAt(0)!=="#"&&(this.href=`#${this.href}`,l(this,Ae).warn("missing hash in href fragment link")),this.href?Nd`
|
|
6796
|
+
<a href="${this.href}" ?hidden="${!l(this,Po)}" part="trigger" aria-label="${Ri(l(this,Sa,hc))}">
|
|
6790
6797
|
<slot name="icon"></slot>
|
|
6791
|
-
<slot @slotchange="${s(this,
|
|
6798
|
+
<slot @slotchange="${s(this,Pi,jd)}"></slot>
|
|
6792
6799
|
<pf-icon icon="angle-up" set="fas"></pf-icon>
|
|
6793
6800
|
</a>
|
|
6794
|
-
`:
|
|
6801
|
+
`:Nd`
|
|
6795
6802
|
<pf-button
|
|
6796
|
-
icon="${
|
|
6797
|
-
icon-set="${
|
|
6798
|
-
?hidden="${!l(this,
|
|
6799
|
-
tabindex="${l(this,
|
|
6803
|
+
icon="${Ri(this.icon)}"
|
|
6804
|
+
icon-set="${Ri(this.iconSet)}"
|
|
6805
|
+
?hidden="${!l(this,Po)}"
|
|
6806
|
+
tabindex="${l(this,Po)?"0":"-1"}"
|
|
6800
6807
|
part="trigger"
|
|
6801
|
-
label="${
|
|
6808
|
+
label="${Ri(l(this,Sa,hc))}"
|
|
6802
6809
|
>
|
|
6803
6810
|
<slot name="icon" slot="icon"></slot>
|
|
6804
6811
|
<span>
|
|
@@ -6806,7 +6813,7 @@ span {
|
|
|
6806
6813
|
<pf-icon icon="angle-up" set="fas"></pf-icon>
|
|
6807
6814
|
</span>
|
|
6808
6815
|
</pf-button>
|
|
6809
|
-
`}};ka=new WeakMap,
|
|
6816
|
+
`}};ka=new WeakMap,Po=new WeakMap,Mo=new WeakMap,wa=new WeakMap,Ae=new WeakMap,Fi=new WeakSet,Ud=function(){let o=this.getRootNode();return o instanceof Document||o instanceof ShadowRoot?o:document},Sa=new WeakSet,hc=function(){if(!l(this,wa))return this.label??"Back to top"},Pi=new WeakSet,jd=function(o){let a=o.currentTarget.assignedNodes();b(this,wa,a.length>0),this.requestUpdate()},La=new WeakSet,uc=function(){l(this,Mo)?.removeEventListener("scroll",l(this,Jt))},Wa=new WeakSet,vc=function(){if(s(this,La,uc).call(this),this.scrollableSelector?.trim()===""){l(this,Ae).error("scrollable-selector attribute cannot be empty");return}if(b(this,ka,!!this.scrollableSelector),l(this,ka)&&this.scrollableSelector){let o=l(this,Fi,Ud).querySelector(this.scrollableSelector);if(!o){l(this,Ae).error(`unable to find element with selector ${this.scrollableSelector}`);return}b(this,Mo,o)}else b(this,Mo,window);l(this,Mo).addEventListener("scroll",l(this,Jt),{passive:!0}),l(this,Jt).call(this)},Jt=new WeakMap,_o.styles=[Dd],r([Qt({reflect:!0})],_o.prototype,"icon",2),r([Qt({attribute:"icon-set"})],_o.prototype,"iconSet",2),r([Qt({reflect:!0,type:Boolean,attribute:"always-visible"})],_o.prototype,"alwaysVisible",2),r([Qt({reflect:!0,attribute:"scrollable-selector"})],_o.prototype,"scrollableSelector",2),r([Qt({type:Number,attribute:"scroll-distance"})],_o.prototype,"scrollDistance",2),r([Qt()],_o.prototype,"label",2),r([Qt({reflect:!0})],_o.prototype,"href",2),_o=r([Wu("pf-back-to-top")],_o);import{property as Yd}from"lit/decorators/property.js";import{customElement as Fu}from"lit/decorators/custom-element.js";import{LitElement as Eu,html as _c}from"lit";import{property as Hi}from"lit/decorators/property.js";import{css as zu}from"lit";var Mu=zu`:host {
|
|
6810
6817
|
display: contents;
|
|
6811
6818
|
}
|
|
6812
6819
|
|
|
@@ -6819,24 +6826,24 @@ svg,
|
|
|
6819
6826
|
:host([hidden]) {
|
|
6820
6827
|
display: none;
|
|
6821
6828
|
}
|
|
6822
|
-
`,
|
|
6829
|
+
`,qd=Mu;var xc=class extends Event{constructor(o){super("load",{bubbles:!0,composed:!0});this.originalEvent=o}},Wt=class extends Eu{constructor(){super(...arguments);this.alt="Avatar image";this.size="sm";this.dark=!1}static{this.styles=[qd]}render(){return this.src!=null?_c`
|
|
6823
6830
|
<img
|
|
6824
6831
|
size=${this.size}
|
|
6825
6832
|
alt=${this.alt??""}
|
|
6826
|
-
@load="${o=>this.dispatchEvent(new
|
|
6833
|
+
@load="${o=>this.dispatchEvent(new xc(o))}"
|
|
6827
6834
|
src=${this.src}>
|
|
6828
|
-
`:this.dark?
|
|
6835
|
+
`:this.dark?_c`
|
|
6829
6836
|
<svg xmlns="http://www.w3.org/2000/svg" style="enable-background:new 0 0 36 36" viewBox="0 0 36 36">
|
|
6830
6837
|
<style>.st1,.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#6a6e73}.st2{fill:#4f5255}</style><path d="M0 0h36v36H0z" style="fill:#212427"/>
|
|
6831
6838
|
<path d="M30.5 36c-.4-3.9-1.3-9-2.9-11-1.1-1.4-2.3-2.2-3.5-2.6s-1.8-.6-6.3-.6-6.1.7-6.1.7c-1.2.4-2.4 1.2-3.4 2.6C6.7 27 5.8 32.2 5.4 36h25.1zM17.7 20.1c-3.5 0-6.4-2.9-6.4-6.4s2.9-6.4 6.4-6.4 6.4 2.9 6.4 6.4-2.8 6.4-6.4 6.4z" class="st1"/><path d="M13.3 36v-6.7c-2 .4-2.9 1.4-3.1 3.5l-.1 3.2h3.2zM22.7 36v-6.7c2 .4 2.9 1.4 3.1 3.5l.1 3.2h-3.2z" class="st2"/>
|
|
6832
6839
|
</svg>
|
|
6833
|
-
`:
|
|
6840
|
+
`:_c`
|
|
6834
6841
|
<svg xmlns="http://www.w3.org/2000/svg" style="enable-background:new 0 0 36 36" viewBox="0 0 36 36">
|
|
6835
6842
|
<style>.st2{fill:#b8bbbe}</style><path d="M0 0h36v36H0z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#f0f0f0"/>
|
|
6836
6843
|
<path d="M17.7 20.1c-3.5 0-6.4-2.9-6.4-6.4s2.9-6.4 6.4-6.4 6.4 2.9 6.4 6.4-2.8 6.4-6.4 6.4z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#d2d2d2"/><path d="M13.3 36v-6.7c-2 .4-2.9 1.4-3.1 3.5l-.1 3.2h3.2z" class="st2"/>
|
|
6837
6844
|
<path d="m10.1 36 .1-3.2c.2-2.1 1.1-3.1 3.1-3.5V36h9.4v-6.7c2 .4 2.9 1.4 3.1 3.5l.1 3.2h4.7c-.4-3.9-1.3-9-2.9-11-1.1-1.4-2.3-2.2-3.5-2.6s-1.8-.6-6.3-.6-6.1.7-6.1.7c-1.2.4-2.4 1.2-3.4 2.6-1.7 1.9-2.6 7.1-3 10.9h4.7z" style="fill:#d2d2d2"/><path d="m25.9 36-.1-3.2c-.2-2.1-1.1-3.1-3.1-3.5V36h3.2z" class="st2"/>
|
|
6838
6845
|
</svg>
|
|
6839
|
-
`}};r([
|
|
6846
|
+
`}};r([Hi()],Wt.prototype,"src",2),r([Hi({reflect:!0})],Wt.prototype,"alt",2),r([Hi({reflect:!0})],Wt.prototype,"size",2),r([Hi({type:Boolean,reflect:!0})],Wt.prototype,"dark",2);import{css as Tu}from"lit";var Ru=Tu`svg,
|
|
6840
6847
|
img {
|
|
6841
6848
|
width: var(--pf-c-avatar--Width, 24px);
|
|
6842
6849
|
height: var(--pf-c-avatar--Height, 24px);
|
|
@@ -6876,7 +6883,7 @@ img {
|
|
|
6876
6883
|
--pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width, 128px);
|
|
6877
6884
|
--pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height, 128px);
|
|
6878
6885
|
}
|
|
6879
|
-
`,
|
|
6886
|
+
`,Vd=Ru;var oe=class extends Wt{constructor(){super(...arguments);this.size="sm"}};oe.styles=[Vd],r([Yd({reflect:!0})],oe.prototype,"size",2),r([Yd({reflect:!0})],oe.prototype,"border",2),oe=r([Fu("pf-avatar")],oe);import{property as Ii}from"lit/decorators/property.js";import{customElement as tv}from"lit/decorators/custom-element.js";ft();co();import{LitElement as Uu,html as ju}from"lit";import{property as qu}from"lit/decorators/property.js";import{LitElement as Gd,html as zt}from"lit";import{property as Cc}from"lit/decorators/property.js";ft();co();import{css as Pu}from"lit";var Hu=Pu`#heading {
|
|
6880
6887
|
font-size: 100%;
|
|
6881
6888
|
padding: 0;
|
|
6882
6889
|
margin: 0;
|
|
@@ -6915,16 +6922,16 @@ span {
|
|
|
6915
6922
|
text-overflow: ellipsis;
|
|
6916
6923
|
white-space: nowrap;
|
|
6917
6924
|
}
|
|
6918
|
-
`,
|
|
6925
|
+
`,Xd=Hu;var $u=i=>i instanceof HTMLElement&&!!i.tagName.match(/P|^H[1-6]/),za=class extends F{constructor(o,e,a){super("change");this.expanded=o;this.toggle=e;this.accordion=a}},Ho=class extends Gd{constructor(){super(...arguments);this.expanded=!1;this.#r=new y(this)}static{this.styles=[Xd]}static{this.shadowRootOptions={...Gd.shadowRootOptions,delegatesFocus:!0}}#o;#r;#t;connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.#i),this.hidden=!0,this.id||=Y(this.localName),this.#a()}async#a(){this.headingText&&!this.headingTag&&(this.headingTag="h3"),this.#t=this.#l(),this.#t!==this.#o&&(this.#o=void 0);do await this.updateComplete;while(!await this.updateComplete);this.hidden=!1}render(){switch(this.headingTag){case"h1":return zt`<h1 id="heading">${this.#e()}</h1>`;case"h2":return zt`<h2 id="heading">${this.#e()}</h2>`;case"h3":return zt`<h3 id="heading">${this.#e()}</h3>`;case"h4":return zt`<h4 id="heading">${this.#e()}</h4>`;case"h5":return zt`<h5 id="heading">${this.#e()}</h5>`;case"h6":return zt`<h6 id="heading">${this.#e()}</h6>`;default:return this.#e()}}#e(){let o=this.headingText?.trim()??this.#t?.textContent?.trim();return zt`
|
|
6919
6926
|
<button id="button"
|
|
6920
6927
|
class="toggle"
|
|
6921
6928
|
aria-expanded="${String(!!this.expanded)}">
|
|
6922
|
-
<span part="text">${o??
|
|
6929
|
+
<span part="text">${o??zt`
|
|
6923
6930
|
<slot></slot>`}
|
|
6924
6931
|
</span>
|
|
6925
6932
|
${this.renderAfterButton?.()}
|
|
6926
6933
|
</button>
|
|
6927
|
-
`}#l(){if(!this.firstElementChild&&!this.firstChild)return void this.#r.warn("No header content provided");if(this.firstElementChild){let[o,...e]=Array.from(this.children).filter(a=>!a.hasAttribute("slot")
|
|
6934
|
+
`}#l(){if(!this.firstElementChild&&!this.firstChild)return void this.#r.warn("No header content provided");if(this.firstElementChild){let[o,...e]=Array.from(this.children).filter(a=>!a.hasAttribute("slot")&&$u(a));if(o)e.length&&this.#r.warn("Heading currently only supports 1 tag; extra tags will be ignored.");else return void this.#r.warn("No heading information was provided.");return o}else return this.#o||this.#r.warn("Header should contain at least 1 heading tag for correct semantics."),this.#o=document.createElement("h3"),this.firstChild?.nodeType===Node.TEXT_NODE?this.#o.textContent=this.firstChild.textContent:this.#o.textContent=this.textContent,this.#o}#i(o){let e=!this.expanded,a=o.composedPath().find(Oe.isAccordion);a&&this.dispatchEvent(new za(e,this,a))}};r([Cc({type:Boolean,reflect:!0})],Ho.prototype,"expanded",2),r([Cc({reflect:!0,attribute:"heading-text"})],Ho.prototype,"headingText",2),r([Cc({reflect:!0,attribute:"heading-tag"})],Ho.prototype,"headingTag",2);import{LitElement as Ou,html as Du}from"lit";import{property as Nu}from"lit/decorators/property.js";import{css as Iu}from"lit";var Au=Iu`:host {
|
|
6928
6935
|
display: none;
|
|
6929
6936
|
overflow: hidden;
|
|
6930
6937
|
will-change: height;
|
|
@@ -6951,7 +6958,7 @@ span {
|
|
|
6951
6958
|
bottom: 0;
|
|
6952
6959
|
left: 0;
|
|
6953
6960
|
}
|
|
6954
|
-
`,
|
|
6961
|
+
`,Kd=Au;var Mt=class extends Ou{constructor(){super(...arguments);this.expanded=!1}static{this.styles=[Kd]}connectedCallback(){super.connectedCallback(),this.id||=Y(this.localName),this.setAttribute("role","region")}render(){return Du`
|
|
6955
6962
|
<div tabindex="-1">
|
|
6956
6963
|
<div id="container" class="content" part="container">
|
|
6957
6964
|
<div class="body">
|
|
@@ -6959,9 +6966,9 @@ span {
|
|
|
6959
6966
|
</div>
|
|
6960
6967
|
</div>
|
|
6961
6968
|
</div>
|
|
6962
|
-
`}};r([
|
|
6969
|
+
`}};r([Nu({type:Boolean,reflect:!0})],Mt.prototype,"expanded",2);var Bc=class extends F{constructor(o,e){super("expand");this.toggle=o;this.panel=e}},yc=class extends F{constructor(o,e){super("collapse");this.toggle=o;this.panel=e}},$o=class $o extends Uu{constructor(){super(...arguments);this.#r=new N(this,{getItems:()=>this.headers});this.#t=[];this.expandedSets=new Set;this.#e=new y(this);this.#l=!1;this.#i=new MutationObserver(()=>this.#f())}static isAccordion(o){return o instanceof $o}static isHeader(o){return o instanceof Ho}static isPanel(o){return o instanceof Mt}static#o(o){return o instanceof za}#r;#t;get expandedIndex(){return this.#t}set expandedIndex(o){let e=this.#t;this.#t=o,JSON.stringify(e)!==JSON.stringify(o)&&(this.requestUpdate("expandedIndex",e),this.collapseAll().then(async()=>{for(let a of this.expandedIndex)await this.expand(a,this)}))}get headers(){return this.#p()}get panels(){return this.#b()}get#a(){let{headers:o}=this,e=o.findIndex(a=>a.matches(":focus,:focus-within"));return e>-1?o.at(e):void 0}#e;#l;async getUpdateComplete(){let o=await super.getUpdateComplete(),e=await Promise.all([...this.#p().map(a=>a.updateComplete),...this.#b().map(a=>a.updateComplete)]);return o&&e.every(Boolean)}#i;connectedCallback(){super.connectedCallback(),this.addEventListener("change",this.#u),this.#i.observe(this,{childList:!0}),this.#f()}render(){return ju`
|
|
6963
6970
|
<slot></slot>
|
|
6964
|
-
`}async firstUpdated(){let{headers:o}=this;o.forEach((e,a)=>{if(e.expanded){this.#c(e,a);let c=this.#n(e);c&&this.#s(c)}})}async#f(){this.#l||=!!await this.updateComplete,this.addEventListener("focusin",this.#h),this.updateAccessibility()}#h(){this.#a!==this.#r.activeItem&&this.#r.setActiveItem(this.#a)}#n(o){let e=o.nextElementSibling;return
|
|
6971
|
+
`}async firstUpdated(){let{headers:o}=this;o.forEach((e,a)=>{if(e.expanded){this.#c(e,a);let c=this.#n(e);c&&this.#s(c)}})}async#f(){this.#l||=!!await this.updateComplete,this.addEventListener("focusin",this.#h),this.updateAccessibility()}#h(){this.#a!==this.#r.activeItem&&this.#r.setActiveItem(this.#a)}#n(o){let e=o.nextElementSibling;return $o.isPanel(e)?e:void this.#e.error("Sibling element to a header needs to be a panel")}#c(o,e=this.#d(o)){this.expandedSets.add(e),this.#t=[...this.expandedSets],o.expanded=!0}#s(o){o.expanded=!0,o.hidden=!1}async#m(o,e=this.#d(o)){this.expandedSets||await this.updateComplete,this.expandedSets.delete(e),o.expanded=!1,await o.updateComplete}async#g(o){await o.updateComplete,o.expanded&&(o.expanded=!1,o.hidden=!0)}#u(o){if($o.#o(o)){let e=this.#d(o.target);o.expanded?this.expand(e,o.accordion):this.collapse(e)}}#p(o=this){return Array.from(o.children).filter($o.isHeader)}#b(o=this){return Array.from(o.children).filter($o.isPanel)}#d(o){return $o.isHeader(o)?this.headers.findIndex(e=>e.id===o.id):$o.isPanel(o)?this.panels.findIndex(e=>e.id===o.id):(this.#e.warn("The #getIndex method expects to receive a header or panel element."),-1)}updateAccessibility(){this.#r.updateItems();let{headers:o}=this;o.forEach(e=>{let a=this.#n(e);a&&(e.setAttribute("aria-controls",a.id),a.setAttribute("aria-labelledby",e.id),a.hidden=!a.expanded)})}async toggle(o){let{headers:e}=this;e[o].expanded?await this.collapse(o):await this.expand(o)}async expand(o,e){let c=this.#p(e)[o];if(!c)return;let p=this.#n(c);p&&(this.#c(c,o),this.#s(p),c.focus(),this.dispatchEvent(new Bc(c,p)),await this.updateComplete)}async expandAll(){this.headers.forEach(o=>this.#c(o)),this.panels.forEach(o=>this.#s(o)),await this.updateComplete}async collapse(o){let e=this.headers.at(o),a=this.panels.at(o);!e||!a||(this.#m(e),this.#g(a),this.dispatchEvent(new yc(e,a)),await this.updateComplete)}async collapseAll(){this.headers.forEach(o=>this.#m(o)),this.panels.forEach(o=>this.#g(o)),await this.updateComplete}};r([qu({attribute:"expanded-index",converter:Mc})],$o.prototype,"expandedIndex",1);var Oe=$o;import{html as Qd}from"lit";import{customElement as Xu}from"lit/decorators/custom-element.js";import{property as kc}from"lit/decorators/property.js";import{css as Vu}from"lit";var Yu=Vu`:host {
|
|
6965
6972
|
--pf-icon--size: var(--pf-c-accordion__toggle--IconSize, 10px);
|
|
6966
6973
|
|
|
6967
6974
|
color: var(--pf-c-accordion__toggle--Color, var(--pf-global--Color--100, #151515));
|
|
@@ -7070,7 +7077,7 @@ span {
|
|
|
7070
7077
|
font-weight: var(--pf-c-accordion__toggle--active-text--FontWeight,
|
|
7071
7078
|
var(--pf-global--FontWeight--semi-bold, 700));
|
|
7072
7079
|
}
|
|
7073
|
-
`,
|
|
7080
|
+
`,Zd=Yu;uo();var $i,Et=class extends Ho{constructor(){super(...arguments);n(this,$i,new k(this,"accents",null))}renderAfterButton(){return Qd`${l(this,$i).hasSlotted("accents")?Qd`
|
|
7074
7081
|
<span part="accents">
|
|
7075
7082
|
<slot name="accents"></slot>
|
|
7076
7083
|
</span>`:""}
|
|
@@ -7079,7 +7086,7 @@ span {
|
|
|
7079
7086
|
set="${this.iconSet??"fas"}"
|
|
7080
7087
|
class="icon"
|
|
7081
7088
|
size="lg"></pf-icon>
|
|
7082
|
-
`}}
|
|
7089
|
+
`}};$i=new WeakMap,Et.styles=[...Ho.styles,Zd],r([kc({reflect:!0})],Et.prototype,"bordered",2),r([kc({reflect:!0})],Et.prototype,"icon",2),r([kc({reflect:!0,attribute:"icon-set"})],Et.prototype,"iconSet",2),Et=r([Xu("pf-accordion-header")],Et);import{customElement as Zu}from"lit/decorators/custom-element.js";import{property as Qu}from"lit/decorators/property.js";import{css as Gu}from"lit";var Ku=Gu`:host {
|
|
7083
7090
|
color: var(--pf-global--Color--100, #151515);
|
|
7084
7091
|
background-color:
|
|
7085
7092
|
var(
|
|
@@ -7137,7 +7144,7 @@ span {
|
|
|
7137
7144
|
--pf-c-accordion__panel--content-body--before--BackgroundColor,
|
|
7138
7145
|
var(--pf-global--primary-color--100, #0066cc));
|
|
7139
7146
|
}
|
|
7140
|
-
`,
|
|
7147
|
+
`,Jd=Ku;var De=class extends Mt{};De.styles=[...Mt.styles,Jd],r([Qu({reflect:!0})],De.prototype,"bordered",2),De=r([Zu("pf-accordion-panel")],De);import{css as Ju}from"lit";var ov=Ju`:host {
|
|
7141
7148
|
--pf-c-accordion--BackgroundColor: var(--pf-global--BackgroundColor--100, #fff);
|
|
7142
7149
|
--pf-c-accordion__toggle--PaddingTop: var(--pf-global--spacer--sm, 0.5rem);
|
|
7143
7150
|
--pf-c-accordion__toggle--PaddingRight: var(--pf-global--spacer--md, 1rem);
|
|
@@ -7228,6 +7235,6 @@ span {
|
|
|
7228
7235
|
display: block;
|
|
7229
7236
|
border-bottom: 1px solid var(--accordion__bordered--Color);
|
|
7230
7237
|
}
|
|
7231
|
-
`,
|
|
7238
|
+
`,of=ov;var ct=class extends Oe{constructor(){super(...arguments);this.single=!1;this.bordered=!1;this.large=!1;this.fixed=!1}async firstUpdated(){let o=null;if(this.single){let e=[...this.querySelectorAll("pf-accordion-header")],a=e.filter(c=>c.hasAttribute("expanded")).pop();a&&(o=e.indexOf(a))}await super.firstUpdated(),o!==null&&this.headers.forEach((e,a)=>{this.headers.at(a)?.toggleAttribute("expanded",a===o),this.panels.at(a)?.toggleAttribute("expanded",a===o)})}async expand(o,e){if(o===-1)return;let a=this.headers;this.single&&await Promise.all([...a.map((c,p)=>c.expanded&&this.collapse(p))]),await super.expand(o,e)}};ct.styles=[of],r([Ii({reflect:!0,type:Boolean})],ct.prototype,"single",2),r([Ii({type:Boolean,reflect:!0})],ct.prototype,"bordered",2),r([ho(function(){[...this.headers,...this.panels].forEach(e=>e.toggleAttribute("large",this.large))}),Ii({type:Boolean,reflect:!0})],ct.prototype,"large",2),r([Ii({type:Boolean,reflect:!0})],ct.prototype,"fixed",2),ct=r([tv("pf-accordion")],ct);export{fa as DropdownItemChange,Vn as ModalCancelEvent,Yn as ModalCloseEvent,Xn as ModalOpenEvent,ct as PfAccordion,Et as PfAccordionHeader,De as PfAccordionPanel,oe as PfAvatar,_o as PfBackToTop,vo as PfBackgroundImage,et as PfBadge,Lt as PfBanner,R as PfButton,Fr as PfCaption,nt as PfCard,it as PfChip,Z as PfChipGroup,dc as PfChipGroupExpandEvent,fc as PfChipGroupRemoveEvent,Ca as PfChipRemoveEvent,H as PfClipboardCopy,Ee as PfCodeBlock,Wo as PfDropdown,lt as PfDropdownGroup,P as PfDropdownItem,Lo as PfDropdownMenu,ec as PfDropdownSelectEvent,xt as PfIcon,So as PfJumpLinks,Fo as PfJumpLinksItem,da as PfJumpLinksList,mo as PfLabel,M as PfModal,yo as PfOption,Ut as PfOptionGroup,qt as PfPanel,v as PfPopover,po as PfProgress,wo as PfProgressStep,Ro as PfProgressStepper,$ as PfSelect,Rn as PfSelectChangeEvent,Lr as PfSpinner,Hr as PfSwitch,Yo as PfTab,me as PfTabPanel,Qo as PfTable,U as PfTabs,Rr as PfTbody,Zo as PfTd,V as PfTextArea,w as PfTextInput,Bo as PfTh,Er as PfThead,Ft as PfTile,to as PfTimestamp,io as PfTooltip,Ko as PfTr,Dn as PopoverHiddenEvent,On as PopoverHideEvent,Nn as PopoverShowEvent,Un as PopoverShownEvent,kt as RequestExpandEvent,Tr as RequestSortEvent};
|
|
7232
7239
|
/*! For license information please see pfe.min.js.LEGAL.txt */
|
|
7233
7240
|
//# sourceMappingURL=pfe.min.js.map
|