genesys-spark-components 4.34.0 → 4.36.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/genesys-webcomponents.cjs.js +1 -1
- package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-advanced-dropdown-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-all-row-select.cjs.entry.js +1 -1
- package/dist/cjs/gux-announce-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-badge.cjs.entry.js +1 -1
- package/dist/cjs/gux-blank-state.cjs.entry.js +1 -1
- package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-slot.cjs.entry.js +1 -1
- package/dist/cjs/gux-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-calendar.cjs.entry.js +1 -1
- package/dist/cjs/gux-card.cjs.entry.js +1 -1
- package/dist/cjs/gux-column-manager.cjs.entry.js +1 -1
- package/dist/cjs/gux-content-search.cjs.entry.js +3 -3
- package/dist/cjs/gux-context-menu.cjs.entry.js +3 -3
- package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js +2 -2
- package/dist/cjs/gux-create-option.cjs.entry.js +2 -2
- package/dist/cjs/gux-date-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-date-time-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-datepicker.cjs.entry.js +2 -2
- package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown-multi-tag.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown-multi.cjs.entry.js +2 -2
- package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-flag-icon-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-flyout-menu.cjs.entry.js +3 -3
- package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +3 -3
- package/dist/cjs/gux-form-field-color.cjs.entry.js +4 -4
- package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +3 -3
- package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-number_3.cjs.entry.js +7 -7
- package/dist/cjs/gux-form-field-phone.cjs.entry.js +4 -4
- package/dist/cjs/gux-form-field-radio.cjs.entry.js +3 -3
- package/dist/cjs/gux-form-field-range.cjs.entry.js +3 -3
- package/dist/cjs/gux-form-field-search.cjs.entry.js +4 -4
- package/dist/cjs/gux-form-field-select.cjs.entry.js +4 -4
- package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-textarea.cjs.entry.js +3 -3
- package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +4 -4
- package/dist/cjs/gux-form-field-time-zone-picker.cjs.entry.js +3 -3
- package/dist/cjs/gux-icon.cjs.entry.js +2 -2
- package/dist/cjs/gux-inline-alert.cjs.entry.js +3 -3
- package/dist/cjs/gux-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-listbox-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-loading-message.cjs.entry.js +2 -2
- package/dist/cjs/gux-menu-option.cjs.entry.js +1 -1
- package/dist/cjs/gux-menu.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal.cjs.entry.js +3 -3
- package/dist/cjs/gux-month-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-option-group-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-option-icon.cjs.entry.js +2 -2
- package/dist/cjs/gux-option-multi.cjs.entry.js +2 -2
- package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +2 -2
- package/dist/cjs/gux-pagination-buttons_2.cjs.entry.js +2 -2
- package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-items-per-page.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination.cjs.entry.js +2 -2
- package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-list.cjs.entry.js +3 -3
- package/dist/cjs/gux-popup.cjs.entry.js +3 -3
- package/dist/cjs/gux-radial-loading.cjs.entry.js +2 -2
- package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
- package/dist/cjs/gux-rating.cjs.entry.js +2 -2
- package/dist/cjs/gux-row-select.cjs.entry.js +1 -1
- package/dist/cjs/gux-screen-reader-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-segmented-control-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-skip-navigation-item.cjs.entry.js +1 -1
- package/dist/cjs/gux-skip-navigation-list.cjs.entry.js +2 -2
- package/dist/cjs/gux-sort-control.cjs.entry.js +4 -4
- package/dist/cjs/gux-submenu.cjs.entry.js +3 -3
- package/dist/cjs/gux-switch-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-tab-advanced-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-tab-advanced-panel.cjs.entry.js +1 -1
- package/dist/cjs/gux-tab-advanced.cjs.entry.js +2 -2
- package/dist/cjs/gux-tab-list.cjs.entry.js +2 -2
- package/dist/cjs/gux-tab-panel.cjs.entry.js +1 -1
- package/dist/cjs/gux-tab.cjs.entry.js +2 -2
- package/dist/cjs/gux-table-select-menu.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +2 -2
- package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +2 -2
- package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +2 -2
- package/dist/cjs/gux-table-toolbar.cjs.entry.js +3 -3
- package/dist/cjs/gux-table.cjs.entry.js +2 -2
- package/dist/cjs/gux-tabs-advanced.cjs.entry.js +2 -2
- package/dist/cjs/gux-tabs.cjs.entry.js +2 -2
- package/dist/cjs/gux-tag.cjs.entry.js +2 -2
- package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-picker.cjs.entry.js +2 -2
- package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-toast.cjs.entry.js +3 -3
- package/dist/cjs/gux-toggle-slider.cjs.entry.js +2 -2
- package/dist/cjs/gux-toggle.cjs.entry.js +3 -3
- package/dist/cjs/gux-tooltip-base-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip-title.cjs.entry.js +2 -2
- package/dist/cjs/gux-tooltip.cjs.entry.js +3 -3
- package/dist/cjs/gux-truncate.cjs.entry.js +2 -2
- package/dist/cjs/index-7fb02c8c.js +4 -4
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{usage-acb68c6f.js → usage-9998f11d.js} +2 -2
- package/dist/collection/components/stable/gux-content-search/gux-content-search.css +1 -1
- package/dist/collection/components/stable/gux-content-search/gux-content-search.js +1 -1
- package/dist/collection/components/stable/gux-context-menu/gux-context-menu.js +2 -2
- package/dist/collection/components/stable/gux-copy-to-clipboard/gux-copy-to-clipboard.js +1 -1
- package/dist/collection/components/stable/gux-datepicker/gux-datepicker.js +1 -1
- package/dist/collection/components/stable/gux-dropdown-multi/gux-dropdown-multi-tag/gux-dropdown-multi-tag.js +1 -1
- package/dist/collection/components/stable/gux-dropdown-multi/gux-dropdown-multi.js +1 -1
- package/dist/collection/components/stable/gux-flyout-menu/gux-flyout-menu.js +2 -2
- package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-menu-option/gux-menu-option.js +1 -1
- package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-menu.js +1 -1
- package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-submenu/gux-submenu.js +3 -3
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-checkbox/gux-form-field-checkbox.js +2 -2
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-color/gux-form-field-color.js +3 -3
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-dropdown/gux-form-field-dropdown.js +2 -2
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-number/gux-form-field-number.js +3 -3
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-phone/gux-form-field-phone.js +3 -3
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-radio/gux-form-field-radio.js +2 -2
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-range/gux-form-field-range.js +2 -2
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-search/gux-form-field-search.js +3 -3
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-select/gux-form-field-select.js +3 -3
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-textarea/gux-form-field-textarea.js +2 -2
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-picker/gux-form-field-time-picker.js +3 -3
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-zone-picker/gux-form-field-time-zone-picker.js +2 -2
- package/dist/collection/components/stable/gux-form-field/helper-components/gux-form-field-input-clear-button/gux-form-field-input-clear-button.js +1 -1
- package/dist/collection/components/stable/gux-icon/gux-icon.js +2 -2
- package/dist/collection/components/stable/gux-icon/icons/custom/grip-lines-diagonal-regular.svg +1 -0
- package/dist/collection/components/stable/gux-icon/icons/fa/figma.svg +1 -0
- package/dist/collection/components/stable/gux-inline-alert/gux-inline-alert.js +2 -2
- package/dist/collection/components/stable/gux-listbox/option-group/gux-option-group.js +1 -1
- package/dist/collection/components/stable/gux-listbox/options/gux-option-icon/gux-option-icon.js +2 -2
- package/dist/collection/components/stable/gux-listbox-multi/gux-create-option/gux-create-option.js +2 -2
- package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.js +2 -2
- package/dist/collection/components/stable/gux-loading-message/gux-loading-message.js +1 -1
- package/dist/collection/components/stable/gux-modal/gux-modal.js +2 -2
- package/dist/collection/components/stable/gux-page-loading-spinner/gux-page-loading-spinner.js +1 -1
- package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-buttons.js +1 -1
- package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-ellipsis-button/gux-pagination-ellipsis-button.js +1 -1
- package/dist/collection/components/stable/gux-pagination/gux-pagination-item-counts/gux-pagination-item-counts.js +1 -1
- package/dist/collection/components/stable/gux-pagination/gux-pagination-items-per-page/gux-pagination-items-per-page.js +1 -1
- package/dist/collection/components/stable/gux-pagination/gux-pagination.js +1 -1
- package/dist/collection/components/stable/gux-popover/gux-popover.js +2 -2
- package/dist/collection/components/stable/gux-popover-list/gux-popover-list.js +2 -2
- package/dist/collection/components/stable/gux-popup/gux-popup.js +3 -3
- package/dist/collection/components/stable/gux-radial-loading/gux-radial-loading.js +1 -1
- package/dist/collection/components/stable/gux-rating/gux-rating.js +1 -1
- package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-item/gux-skip-navigation-item.js +1 -1
- package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-list.js +1 -1
- package/dist/collection/components/stable/gux-table/gux-all-row-select/gux-all-row-select.js +1 -1
- package/dist/collection/components/stable/gux-table/gux-row-select/gux-row-select.js +1 -1
- package/dist/collection/components/stable/gux-table/gux-sort-control/gux-sort-control.js +3 -3
- package/dist/collection/components/stable/gux-table/gux-table-select-menu/gux-table-select-menu.js +1 -1
- package/dist/collection/components/stable/gux-table/gux-table.js +1 -1
- package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-action/gux-table-toolbar-action.js +1 -1
- package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-custom-action/gux-table-toolbar-custom-action.js +1 -1
- package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-menu-button/gux-table-toolbar-menu-button.js +1 -1
- package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar.js +2 -2
- package/dist/collection/components/stable/gux-tabs/gux-tab/gux-tab.js +2 -2
- package/dist/collection/components/stable/gux-tabs/gux-tab-list/gux-tab-list.js +2 -2
- package/dist/collection/components/stable/gux-tabs/gux-tab-panel/gux-tab-panel.js +1 -1
- package/dist/collection/components/stable/gux-tabs/gux-tabs.js +1 -1
- package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced/gux-tab-advanced.js +2 -2
- package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-list/gux-tab-advanced-list.js +1 -1
- package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-panel/gux-tab-advanced-panel.js +1 -1
- package/dist/collection/components/stable/gux-tabs-advanced/gux-tabs-advanced.js +1 -1
- package/dist/collection/components/stable/gux-tag/gux-tag.js +1 -1
- package/dist/collection/components/stable/gux-time-picker/gux-time-picker.js +1 -1
- package/dist/collection/components/stable/gux-toast/gux-toast.js +2 -2
- package/dist/collection/components/stable/gux-toggle/gux-toggle-slider/gux-toggle-slider.js +2 -2
- package/dist/collection/components/stable/gux-toggle/gux-toggle.js +2 -2
- package/dist/collection/components/stable/gux-tooltip/gux-tooltip.js +2 -2
- package/dist/collection/components/stable/gux-tooltip-title/gux-tooltip-title.js +2 -2
- package/dist/collection/components/stable/gux-truncate/gux-truncate.js +2 -2
- package/dist/esm/genesys-webcomponents.js +1 -1
- package/dist/esm/gux-accordion.entry.js +1 -1
- package/dist/esm/gux-action-button.entry.js +1 -1
- package/dist/esm/gux-action-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-advanced-dropdown-legacy.entry.js +1 -1
- package/dist/esm/gux-all-row-select.entry.js +1 -1
- package/dist/esm/gux-announce-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-beta.entry.js +1 -1
- package/dist/esm/gux-badge.entry.js +1 -1
- package/dist/esm/gux-blank-state.entry.js +1 -1
- package/dist/esm/gux-breadcrumbs.entry.js +1 -1
- package/dist/esm/gux-button-multi.entry.js +1 -1
- package/dist/esm/gux-button-slot.entry.js +1 -1
- package/dist/esm/gux-button.entry.js +1 -1
- package/dist/esm/gux-calendar.entry.js +1 -1
- package/dist/esm/gux-card.entry.js +1 -1
- package/dist/esm/gux-column-manager.entry.js +1 -1
- package/dist/esm/gux-content-search.entry.js +3 -3
- package/dist/esm/gux-context-menu.entry.js +3 -3
- package/dist/esm/gux-copy-to-clipboard.entry.js +2 -2
- package/dist/esm/gux-create-option.entry.js +2 -2
- package/dist/esm/gux-date-beta.entry.js +1 -1
- package/dist/esm/gux-date-time-beta.entry.js +1 -1
- package/dist/esm/gux-datepicker.entry.js +2 -2
- package/dist/esm/gux-disclosure-button-legacy.entry.js +1 -1
- package/dist/esm/gux-dismiss-button.entry.js +1 -1
- package/dist/esm/gux-dropdown-multi-tag.entry.js +1 -1
- package/dist/esm/gux-dropdown-multi.entry.js +2 -2
- package/dist/esm/gux-dropdown_3.entry.js +1 -1
- package/dist/esm/gux-flag-icon-beta.entry.js +1 -1
- package/dist/esm/gux-flyout-menu.entry.js +3 -3
- package/dist/esm/gux-form-field-checkbox.entry.js +3 -3
- package/dist/esm/gux-form-field-color.entry.js +4 -4
- package/dist/esm/gux-form-field-dropdown.entry.js +3 -3
- package/dist/esm/gux-form-field-input-clear-button.entry.js +2 -2
- package/dist/esm/gux-form-field-number_3.entry.js +7 -7
- package/dist/esm/gux-form-field-phone.entry.js +4 -4
- package/dist/esm/gux-form-field-radio.entry.js +3 -3
- package/dist/esm/gux-form-field-range.entry.js +3 -3
- package/dist/esm/gux-form-field-search.entry.js +4 -4
- package/dist/esm/gux-form-field-select.entry.js +4 -4
- package/dist/esm/gux-form-field-text-like.entry.js +1 -1
- package/dist/esm/gux-form-field-textarea.entry.js +3 -3
- package/dist/esm/gux-form-field-time-picker.entry.js +4 -4
- package/dist/esm/gux-form-field-time-zone-picker.entry.js +3 -3
- package/dist/esm/gux-icon.entry.js +2 -2
- package/dist/esm/gux-inline-alert.entry.js +3 -3
- package/dist/esm/gux-list.entry.js +1 -1
- package/dist/esm/gux-listbox-multi.entry.js +1 -1
- package/dist/esm/gux-loading-message.entry.js +2 -2
- package/dist/esm/gux-menu-option.entry.js +1 -1
- package/dist/esm/gux-menu.entry.js +1 -1
- package/dist/esm/gux-modal-legacy.entry.js +1 -1
- package/dist/esm/gux-modal.entry.js +3 -3
- package/dist/esm/gux-month-picker-beta.entry.js +1 -1
- package/dist/esm/gux-notification-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-option-group-beta.entry.js +1 -1
- package/dist/esm/gux-option-icon.entry.js +2 -2
- package/dist/esm/gux-option-multi.entry.js +2 -2
- package/dist/esm/gux-page-loading-spinner.entry.js +2 -2
- package/dist/esm/gux-pagination-buttons_2.entry.js +2 -2
- package/dist/esm/gux-pagination-cursor.entry.js +1 -1
- package/dist/esm/gux-pagination-items-per-page.entry.js +1 -1
- package/dist/esm/gux-pagination-legacy.entry.js +1 -1
- package/dist/esm/gux-pagination.entry.js +2 -2
- package/dist/esm/gux-phone-input-beta.entry.js +1 -1
- package/dist/esm/gux-popover-list.entry.js +3 -3
- package/dist/esm/gux-popup.entry.js +3 -3
- package/dist/esm/gux-radial-loading.entry.js +2 -2
- package/dist/esm/gux-radial-progress.entry.js +1 -1
- package/dist/esm/gux-rating.entry.js +2 -2
- package/dist/esm/gux-row-select.entry.js +1 -1
- package/dist/esm/gux-screen-reader-beta.entry.js +1 -1
- package/dist/esm/gux-segmented-control-beta.entry.js +1 -1
- package/dist/esm/gux-simple-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-skip-navigation-item.entry.js +1 -1
- package/dist/esm/gux-skip-navigation-list.entry.js +2 -2
- package/dist/esm/gux-sort-control.entry.js +4 -4
- package/dist/esm/gux-submenu.entry.js +3 -3
- package/dist/esm/gux-switch-legacy.entry.js +1 -1
- package/dist/esm/gux-tab-advanced-list.entry.js +1 -1
- package/dist/esm/gux-tab-advanced-panel.entry.js +1 -1
- package/dist/esm/gux-tab-advanced.entry.js +2 -2
- package/dist/esm/gux-tab-list.entry.js +2 -2
- package/dist/esm/gux-tab-panel.entry.js +1 -1
- package/dist/esm/gux-tab.entry.js +2 -2
- package/dist/esm/gux-table-select-menu.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-action.entry.js +2 -2
- package/dist/esm/gux-table-toolbar-custom-action.entry.js +2 -2
- package/dist/esm/gux-table-toolbar-menu-button.entry.js +2 -2
- package/dist/esm/gux-table-toolbar.entry.js +3 -3
- package/dist/esm/gux-table.entry.js +2 -2
- package/dist/esm/gux-tabs-advanced.entry.js +2 -2
- package/dist/esm/gux-tabs.entry.js +2 -2
- package/dist/esm/gux-tag.entry.js +2 -2
- package/dist/esm/gux-text-highlight.entry.js +1 -1
- package/dist/esm/gux-time-beta.entry.js +1 -1
- package/dist/esm/gux-time-picker.entry.js +2 -2
- package/dist/esm/gux-time-zone-picker-beta.entry.js +1 -1
- package/dist/esm/gux-toast.entry.js +3 -3
- package/dist/esm/gux-toggle-slider.entry.js +2 -2
- package/dist/esm/gux-toggle.entry.js +3 -3
- package/dist/esm/gux-tooltip-base-beta.entry.js +1 -1
- package/dist/esm/gux-tooltip-beta.entry.js +1 -1
- package/dist/esm/gux-tooltip-title.entry.js +2 -2
- package/dist/esm/gux-tooltip.entry.js +3 -3
- package/dist/esm/gux-truncate.entry.js +2 -2
- package/dist/esm/index-da21b737.js +4 -4
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{usage-ec82f71e.js → usage-f188dd98.js} +2 -2
- package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
- package/dist/genesys-webcomponents/icons/custom/grip-lines-diagonal-regular.svg +1 -0
- package/dist/genesys-webcomponents/icons/fa/figma.svg +1 -0
- package/dist/genesys-webcomponents/{p-88533ade.entry.js → p-01ed4f96.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5ca2c93a.entry.js → p-03320d84.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-84ea323f.entry.js → p-04c69b0c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-380dfaf3.entry.js → p-06adecab.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c1cb1ef0.entry.js → p-06beb3c3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ddefa220.entry.js → p-088a58b6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8bdea162.entry.js → p-0cb96d53.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-894b2728.entry.js → p-10c101b8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bbce515a.entry.js → p-12acf4a4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-20576b87.entry.js → p-15fdd6de.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a9c046cb.entry.js → p-16f76bac.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-84c5133e.entry.js → p-17843ae6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-06f0669d.entry.js → p-17e915a9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-930837a4.entry.js → p-1990b59f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a1b81162.entry.js → p-1b90f3c1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bd35a372.entry.js → p-1bb2a23d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e9fcc837.entry.js → p-1c5d84a1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b082b044.entry.js → p-1c8b7cfe.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-522ebb82.entry.js → p-1e1f004b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e6bf1916.entry.js → p-202db4ee.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e18461f3.entry.js → p-20360d99.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cfecc7bd.entry.js → p-2215ff42.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-2352e787.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-62b135a9.entry.js → p-24823373.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-258166eb.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-a931c35b.entry.js → p-27608379.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a615b149.entry.js → p-28b34892.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-764a030c.entry.js → p-295452fa.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-989e6ad6.entry.js → p-2badfca0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8f0fece0.entry.js → p-2e29b66b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-27b20f50.entry.js → p-2fd70a5d.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-3612e182.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-62d7b27a.entry.js → p-36bd59c9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-379bd66b.entry.js → p-37c7210d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-416805fe.entry.js → p-3cc80977.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-88bc8b2b.entry.js → p-3d216ed0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fbdd0cbb.entry.js → p-3e20e70a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cc2be905.entry.js → p-3ef22784.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f462bc0d.entry.js → p-3f12c39f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-239cd06f.entry.js → p-3f2dc49f.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-406373aa.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-0ce2ee34.entry.js → p-419667ea.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-66f86716.entry.js → p-41bd4401.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-91d8682b.entry.js → p-4518aa63.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b3d325b0.entry.js → p-466e8a5b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-30f381a3.entry.js → p-46b84f6b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-09f8ffb5.entry.js → p-4a028a48.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f51512b6.entry.js → p-4b323992.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f009eecd.entry.js → p-513ccd7c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8c15cca8.entry.js → p-538d19cc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cbff2081.entry.js → p-551e72bf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a34b0a6e.entry.js → p-5e058ed0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d6889f5c.entry.js → p-67f19b60.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a4704a66.entry.js → p-6c47b56a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2a47b788.entry.js → p-6e6a8686.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e9e28a46.entry.js → p-75763571.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bf46ee5d.entry.js → p-787d1815.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f60989c1.entry.js → p-790fb056.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-17b22cf1.entry.js → p-794201ef.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-88ba7619.entry.js → p-79a1a47e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cb479c2d.entry.js → p-7ade0177.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5d64b5a3.entry.js → p-7d21fb22.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2bd32ef1.entry.js → p-82230727.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-58aaca00.entry.js → p-8252365c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-feec450c.entry.js → p-836a0ed4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bbfe228a.entry.js → p-8543c80b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dbcb985a.entry.js → p-8561a6b2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-500c1366.entry.js → p-88f71cf7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-76fdf596.entry.js → p-8bbd5dac.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e218dd81.entry.js → p-951c570f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ca80c2eb.entry.js → p-962ca721.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-290b64c5.entry.js → p-98195935.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-98bbba5e.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-6cc464b1.entry.js → p-9b9de966.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2a2d4973.entry.js → p-9ccc6189.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cae5aee4.entry.js → p-9ebaf4e9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f9e26eee.entry.js → p-9f5765db.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f4788570.entry.js → p-9f6fa401.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9f07e9cf.entry.js → p-a16ea9fa.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ad708dc3.entry.js → p-a17f76d8.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-aa5f9a9e.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-06f0f6ba.entry.js → p-b77f7379.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-b78f94fc.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-65552774.entry.js → p-b9571c02.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-b9dc1d61.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-875c7216.entry.js → p-bac3fb61.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c9fe3b8c.entry.js → p-bcf8e8e1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ad4d82a8.entry.js → p-be63f90a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b834c80d.entry.js → p-c5bd61c7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bf350c84.entry.js → p-c74f9a20.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3519fced.entry.js → p-c85a3a31.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-02f27586.entry.js → p-caf9f247.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-24df5abe.entry.js → p-cb666b6b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cccd684d.entry.js → p-d0f4cc76.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f7278ca1.entry.js → p-d1436bfe.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b86c167f.entry.js → p-d798b587.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1b4bf705.entry.js → p-d85272b3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-28afff4f.entry.js → p-d8acb344.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5352bbb0.js → p-d9dcdc14.js} +1 -1
- package/dist/genesys-webcomponents/{p-74c5f2de.entry.js → p-e1361b4a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-274f1210.entry.js → p-e1a7ac16.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-24d17891.entry.js → p-e6a154a3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5af277e9.entry.js → p-e813e736.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c951093a.entry.js → p-ed4b248c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a2f17b5e.entry.js → p-ed61ab8a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c1aa01b2.entry.js → p-f625b9ff.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9e684d60.entry.js → p-fa4ba78f.entry.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/components/stable/gux-icon/gux-icon.types.d.ts +1 -1
- package/dist/types/stencil-wrapper.d.ts +1 -1
- package/package.json +2 -2
- package/dist/deploy-info.json +0 -9
- package/dist/genesys-webcomponents/p-2240c194.entry.js +0 -1
- package/dist/genesys-webcomponents/p-2b0168b5.entry.js +0 -1
- package/dist/genesys-webcomponents/p-2eaffff8.entry.js +0 -1
- package/dist/genesys-webcomponents/p-480af547.entry.js +0 -1
- package/dist/genesys-webcomponents/p-65afb304.entry.js +0 -1
- package/dist/genesys-webcomponents/p-7358c619.entry.js +0 -1
- package/dist/genesys-webcomponents/p-c031f181.entry.js +0 -1
- package/dist/genesys-webcomponents/p-dc2c93fd.entry.js +0 -1
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as t,g as r}from"./p-2e827df1.js";import{b as i}from"./p-0367930a.js";import{O as o}from"./p-01471ba0.js";import{a as l,o as
|
1
|
+
import{r as e,h as t,g as r}from"./p-2e827df1.js";import{b as i}from"./p-0367930a.js";import{O as o}from"./p-01471ba0.js";import{a as l,o as s}from"./p-e5b1cffc.js";import{h as a}from"./p-6d8b4027.js";import{g as n}from"./p-0268a3e8.js";import{G as f,a as d,v as h,b as c}from"./p-f3b9b052.js";import{G as g,a as u}from"./p-b0e1eb0c.js";import{t as p}from"./p-d9dcdc14.js";import"./p-4202e9f2.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const m={required:"Required"};const b=class{constructor(t){e(this,t),this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1}watchValue(e){const t=this.root.querySelector("gux-time-picker");t&&(t.hasError=e)}onMutation(){this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help")}async componentWillLoad(){this.getI18nValue=await i(this.root,m),this.setInput(),this.setLabel(),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help"),p(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){var e;return t(u,{key:"9c105521e5d854cad208cfc9c4d5ede453ee1ee4",labelPosition:this.computedLabelPosition},t(g,{key:"56cb1e9d5f2b34bfb302cb299934b140f7eac5e0",position:this.computedLabelPosition,required:this.required,labelText:null===(e=this.label)||void 0===e?void 0:e.textContent},t("slot",{key:"0d813de099f48d7d762586bc86e5638e8407416e",name:"label",onSlotchange:()=>this.setLabel()}),this.renderScreenReaderText(this.getI18nValue("required"),this.required),this.renderScreenReaderText(n(this.root,"error"),this.hasError)),t("div",{key:"37c77626c3adcb44e0c1a31316a1426b53933800",class:"gux-input-and-error-container"},t("div",{key:"289b3673030fc1e9cca70fab12668378cdc0a636",class:{"gux-input":!0,"gux-input-error":this.hasError}},t("div",{key:"75ca1689ec63a13d7dd9deb6686db42c3d049bf1",class:{"gux-time-picker-container":!0,"gux-disabled":this.disabled}},t("slot",{key:"6bbc5927c829ea4c0edd249b3be9cd02f1e729ef"}))),t(f,{key:"da2467b63ebea01647fa379e405fede51ec190f6",show:this.hasError},t("slot",{key:"54b24c16b2cc497df4f95875a61af23d28fdff71",name:"error"})),t(d,{key:"9451839717e3371a5b181e82fd20152a9314850b",show:!this.hasError&&this.hasHelp},t("slot",{key:"e61a352f1bdbb5842fc9294595ed26a4c6dc7476",name:"help"}))))}renderScreenReaderText(e,r=!0){if(r)return t("gux-screen-reader-beta",null,e)}get variant(){return`timePicker-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.timePickerElement=this.root.querySelector("gux-time-picker"),this.disabled=this.timePickerElement.disabled,this.required=this.timePickerElement.required,this.disabledObserver=l(this.timePickerElement,(e=>{this.disabled=e})),this.requiredObserver=s(this.timePickerElement,(e=>{this.required=e})),h(this.root,this.timePickerElement)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=c(this.label,this.labelPosition)}get root(){return r(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(e,t,r,i){var o,l=arguments.length,s=l<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,i);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(l<3?o(s):l>3?o(t,r,s):o(t,r))||s);l>3&&s&&Object.defineProperty(t,r,s)})([o({childList:!0,subtree:!0})],b.prototype,"onMutation",null),b.style='.gux-form-field-fieldset-container{display:flex;min-width:0;padding:0;margin:0;border:none}.gux-form-field-fieldset-container.gux-beside{flex-direction:row}.gux-form-field-fieldset-container.gux-above{flex-direction:column}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-legend-label ::slotted(label){white-space:nowrap}.gux-form-field-legend-label.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:" *"}.gux-form-field-legend-label.gux-beside{position:relative;top:var(--gse-ui-formControl-input-top);float:left;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-legend-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-legend-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}::slotted(label){font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{flex-grow:1}';export{b as gux_form_field_time_picker}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as s,H as e,g as o}from"./p-2e827df1.js";import{s as i}from"./p-2c25e2f2.js";import{t as a}from"./p-
|
1
|
+
import{r as t,h as s,H as e,g as o}from"./p-2e827df1.js";import{s as i}from"./p-2c25e2f2.js";import{t as a}from"./p-d9dcdc14.js";const r=class{constructor(s){t(this,s),this.value=void 0,this.items=[]}onClick(t){t.stopPropagation();const s=t.target.closest("gux-segmented-control-item");s&&this.value!==s.value&&(this.value=s.value,i(this.root,"input"),i(this.root,"change"))}slotChanged(){this.items=Array.from(this.root.children)}componentWillLoad(){a(this.root)}componentWillRender(){this.items.forEach((t=>{t.selected=t.value===this.value}))}render(){return s(e,{key:"6a0a93cfaaa538b5cd410c0287a88aef10eaca10",role:"group"},s("slot",{key:"5b110b0b36f8c05798508f3ab237cf0142bf5e6a",onSlotchange:this.slotChanged.bind(this)}))}get root(){return o(this)}};r.style=":host{display:inline-flex}";export{r as gux_segmented_control_beta}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,f as i,h as o,g as r,H as s}from"./p-2e827df1.js";import{O as n}from"./p-2d1bdeab.js";import{b as u}from"./p-0367930a.js";import{s as a}from"./p-2c25e2f2.js";import{o as l,c as d}from"./p-f4751a15.js";import{b as h}from"./p-cf0e7d3b.js";import{t as g}from"./p-5352bbb0.js";import{O as c}from"./p-01471ba0.js";import{s as f,l as p,g as x,c as v,h as b,a as m,b as w,d as C,e as y,f as F,i as k,j as S,k as z,m as R,o as T}from"./p-787c5373.js";import{w as j}from"./p-e97879b4.js";import{r as E}from"./p-0934300e.js";import{h as I}from"./p-6d8b4027.js";import"./p-4202e9f2.js";const L={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};var H=function(t,e,i,o){var r,s=arguments.length,n=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var u=t.length-1;u>=0;u--)(r=t[u])&&(n=(s<3?r(n):s>3?r(e,i,n):r(e,i))||n);return s>3&&n&&Object.defineProperty(e,i,n),n};const O=class{constructor(i){t(this,i),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.value=void 0,this.disabled=!1,this.required=!1,this.loading=!1,this.placeholder=void 0,this.filterType="none",this.hasError=!1,this.expanded=!1,this.filter=""}watchExpanded(t){t||(this.filter="")}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}onKeydown(t){switch(t.key){case"Escape":return this.isFilterable()&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,f(this.listboxElement)))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),i(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit(),this.listboxElement&&h((()=>{this.listboxElement.focus(),this.isFilterable()&&this.filterElement&&this.filterElement.focus()}))}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.listboxElement&&this.validateValue(this.value,this.listboxElement)}async componentWillLoad(){g(this.root),this.i18n=await u(this.root,L),l(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.filter=this.filter)}showTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setShowTooltip()}hideTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setHideTooltip()}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)&&(e.value=t):e&&(e.value=t)}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}isFilterable(){return"starts-with"===this.filterType||"custom"===this.filterType}get optionElements(){return p(this.listboxElement)}getOptionElementByValue(t){return this.optionElements.find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.isFilterable()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.isFilterable()&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),void f(this.listboxElement);case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,a(this.root,"input"),a(this.root,"change")),this.collapseListbox("focusFieldButton")}getTypeaheadText(t){const e=t.length;if(e>0&&!this.loading){const i=x(this.listboxElement,t);if(i&&"custom"!==this.filterType)return i.textContent.trim().substring(e)}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?o("div",{class:"gux-selected-option"},this.renderSelectedItem(t)):o("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderSelectedItem(t){const e=t.tagName.toLowerCase();switch(e){case"gux-option":return o("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent);case"gux-option-icon":return this.renderIconOption(t);default:return e}}renderIconOption(t){let e=null;return null!==t.iconColor&&(e={color:t.iconColor}),o("span",{class:"gux-selected-icon"},o("gux-icon",{"icon-name":t.iconName,style:e,decorative:!0}),o("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent))}renderFilterInputField(){if(this.expanded&&this.isFilterable())return o("div",{class:"gux-field gux-input-field"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.filter),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.filter))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this)})))))}renderPopup(){return o("slot",{slot:"popup"})}renderTarget(){return o("div",{class:{"gux-target-container-expanded":this.expanded&&this.isFilterable(),"gux-target-container-collapsed":!(this.expanded&&this.isFilterable()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:d(this.root),onClick:this.fieldButtonClick.bind(this),onFocusin:this.showTooltip.bind(this),onFocusout:this.hideTooltip.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:this.expanded?"chevron-small-up":"chevron-small-down"})))}renderTargetContent(){if(!this.expanded||!this.isFilterable())return o("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return o("gux-radial-loading",{context:"input"})}render(){return o("gux-popup",{key:"4f1176555389775664bcd912c3384eeffe7502c1",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return r(this)}static get watchers(){return{expanded:["watchExpanded"],value:["watchValue"],filter:["handleFilter"]}}};H([n({triggerEvents:"mousedown"})],O.prototype,"onClickOutside",null),H([c({childList:!0,subtree:!0})],O.prototype,"onMutation",null),O.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{height:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{--gux-zindex-tooltip:3;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-width:0;height:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);padding-left:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}::slotted(gux-listbox){outline:none}.gux-selected-icon{display:flex;align-items:center}.gux-selected-icon gux-icon{width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);padding-right:var(--gse-ui-dropdown-gap)}";const W=["gux-option","gux-option-icon"].join(","),A={noMatches:"No matches",loading:"Loading..."},B=class{constructor(i){t(this,i),this.internallistboxoptionsupdated=e(this,"internallistboxoptionsupdated",7),this.value=void 0,this.loading=!1,this.filter="",this.filterType="none",this.emptyMessage=void 0,this.selectedValues=[],this.listboxOptions=[],this.allListboxOptionsFiltered=void 0}onBlur(){v(this.root)}onKeydown(t){if(!b(this.root))return t.preventDefault(),void f(this.root);switch(t.key){case"Enter":return t.preventDefault(),void S(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(F(this.root)?(t.stopPropagation(),k(this.root)):w(this.root));case"ArrowUp":return t.preventDefault(),void(C(this.root)?(t.stopPropagation(),y(this.root)):m(this.root));case"Home":return t.preventDefault(),void w(this.root);case"End":return t.preventDefault(),void m(this.root);case" ":return void t.preventDefault()}1!==t.key.length||z(this.root,t.key)}onKeyup(t){" "!==t.key||S(this.root,(t=>this.updateValue(t)))}onMousemove(){v(this.root)}onClick(t){j(W,t,(t=>{T(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){S(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=p(this.root),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),a(this.root,"input"),a(this.root,"change")}async componentWillLoad(){g(this.root),this.i18n=await u(this.root,A),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,"custom"!==this.filterType&&(t.filtered=!R(t,this.filter))})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length}renderHiddenSlot(){return o("div",{hidden:!0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[o("div",{class:"gux-message-container"},o("gux-radial-loading",{context:"modal"}),o("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){return[o("div",{class:"gux-message-container"},o("div",{class:"gux-no-matches"},this.emptyMessage||this.i18n("noMatches"))),this.renderHiddenSlot()]}render(){return this.loading?this.renderLoading():this.allListboxOptionsFiltered?this.renderAllListboxOptionsFiltered():o(s,{role:"listbox",tabindex:0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}get root(){return r(this)}};B.style=":host{box-sizing:border-box;display:block;max-height:var(--gse-ui-menu-maxHeight);padding:var(--gse-ui-menu-padding);margin:0;overflow:visible auto;background:var(--gse-ui-menu-backgroundColor);border:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);border-radius:var(--gse-ui-menu-borderRadius);outline:none;box-shadow:var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}:host(:focus-visible){outline:var(--gse-semantic-focusRing-width) solid var(--gse-semantic-color-focus);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-message-container{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch center;align-items:center;text-align:center}.gux-message-container .gux-no-matches{box-sizing:border-box;height:var(--gse-ui-menu-option-height);font-family:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontFamily);font-size:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontSize);font-weight:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontWeight);line-height:var(--gse-ui-dropdown-menu-emptyState-subheader-text-lineHeight);color:var(--gse-ui-dropdown-menu-emptyState-subheader-foregroundColor)}";const D=class{constructor(e){t(this,e),this.value=void 0,this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hasSubtext=!1}handleActive(t){var e,i;t?null===(e=this.truncateElement)||void 0===e||e.setShowTooltip():null===(i=this.truncateElement)||void 0===i||i.setHideTooltip()}componentWillLoad(){this.root.id=this.root.id||E("gux-option"),this.onSubtextChange()}onSubtextChange(){this.hasSubtext=I(this.root,"subtext")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}render(){return o(s,{key:"fabee33fc575f13c96d745447338ad0f630ba439",role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled,"gux-filtered":this.filtered,"gux-selected":this.selected,"gux-show-subtext":this.hasSubtext},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},o("div",{key:"c001777ea65e42db4f59a6b577f87d03c9cb43ac",class:"gux-option-wrapper"},o("gux-truncate",{key:"c60da0eec7002d2786f8d6442ac528c90707fb8c",ref:t=>this.truncateElement=t},o("slot",{key:"ed8505eab5790967f5161c88dfdeb9dc291b4218"})),o("slot",{key:"fba46212c08d55351028e06da944bc99e10a31a1",onSlotchange:()=>this.onSubtextChange(),name:"subtext"})))}get root(){return r(this)}static get watchers(){return{active:["handleActive"]}}};D.style=":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-menu-option-gap);place-content:stretch center;align-items:center;height:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host .gux-option-wrapper{width:100%}:host .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}:host(:active:not(:disabled)){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight)}:host(.gux-active){border-radius:var(--gse-semantic-focusRing-cornerRadius);outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);outline-offset:-2px}:host(.gux-show-subtext){place-content:stretch flex-start;height:auto}:host(.gux-show-subtext) .gux-option-wrapper{display:flex;flex-direction:column}:host(.gux-show-subtext) slot[name=subtext]::slotted(*){height:var(--gse-ui-groupedMenu-subtext-height);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);color:var(--gse-ui-menu-groupedMenu-subtext-foregroundColor)}:host(:hover:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}";export{O as gux_dropdown,B as gux_listbox,D as gux_option}
|
1
|
+
import{r as t,c as e,f as i,h as o,g as r,H as s}from"./p-2e827df1.js";import{O as n}from"./p-2d1bdeab.js";import{b as u}from"./p-0367930a.js";import{s as a}from"./p-2c25e2f2.js";import{o as l,c as d}from"./p-f4751a15.js";import{b as h}from"./p-cf0e7d3b.js";import{t as g}from"./p-d9dcdc14.js";import{O as c}from"./p-01471ba0.js";import{s as f,l as p,g as x,c as v,h as b,a as m,b as w,d as C,e as y,f as F,i as k,j as S,k as z,m as R,o as T}from"./p-787c5373.js";import{w as j}from"./p-e97879b4.js";import{r as E}from"./p-0934300e.js";import{h as I}from"./p-6d8b4027.js";import"./p-4202e9f2.js";const L={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};var H=function(t,e,i,o){var r,s=arguments.length,n=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var u=t.length-1;u>=0;u--)(r=t[u])&&(n=(s<3?r(n):s>3?r(e,i,n):r(e,i))||n);return s>3&&n&&Object.defineProperty(e,i,n),n};const O=class{constructor(i){t(this,i),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.value=void 0,this.disabled=!1,this.required=!1,this.loading=!1,this.placeholder=void 0,this.filterType="none",this.hasError=!1,this.expanded=!1,this.filter=""}watchExpanded(t){t||(this.filter="")}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}onKeydown(t){switch(t.key){case"Escape":return this.isFilterable()&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,f(this.listboxElement)))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),i(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit(),this.listboxElement&&h((()=>{this.listboxElement.focus(),this.isFilterable()&&this.filterElement&&this.filterElement.focus()}))}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.listboxElement&&this.validateValue(this.value,this.listboxElement)}async componentWillLoad(){g(this.root),this.i18n=await u(this.root,L),l(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.filter=this.filter)}showTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setShowTooltip()}hideTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setHideTooltip()}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)&&(e.value=t):e&&(e.value=t)}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}isFilterable(){return"starts-with"===this.filterType||"custom"===this.filterType}get optionElements(){return p(this.listboxElement)}getOptionElementByValue(t){return this.optionElements.find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.isFilterable()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.isFilterable()&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),void f(this.listboxElement);case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,a(this.root,"input"),a(this.root,"change")),this.collapseListbox("focusFieldButton")}getTypeaheadText(t){const e=t.length;if(e>0&&!this.loading){const i=x(this.listboxElement,t);if(i&&"custom"!==this.filterType)return i.textContent.trim().substring(e)}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?o("div",{class:"gux-selected-option"},this.renderSelectedItem(t)):o("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderSelectedItem(t){const e=t.tagName.toLowerCase();switch(e){case"gux-option":return o("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent);case"gux-option-icon":return this.renderIconOption(t);default:return e}}renderIconOption(t){let e=null;return null!==t.iconColor&&(e={color:t.iconColor}),o("span",{class:"gux-selected-icon"},o("gux-icon",{"icon-name":t.iconName,style:e,decorative:!0}),o("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent))}renderFilterInputField(){if(this.expanded&&this.isFilterable())return o("div",{class:"gux-field gux-input-field"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.filter),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.filter))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this)})))))}renderPopup(){return o("slot",{slot:"popup"})}renderTarget(){return o("div",{class:{"gux-target-container-expanded":this.expanded&&this.isFilterable(),"gux-target-container-collapsed":!(this.expanded&&this.isFilterable()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:d(this.root),onClick:this.fieldButtonClick.bind(this),onFocusin:this.showTooltip.bind(this),onFocusout:this.hideTooltip.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:this.expanded?"chevron-small-up":"chevron-small-down"})))}renderTargetContent(){if(!this.expanded||!this.isFilterable())return o("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return o("gux-radial-loading",{context:"input"})}render(){return o("gux-popup",{key:"4f1176555389775664bcd912c3384eeffe7502c1",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return r(this)}static get watchers(){return{expanded:["watchExpanded"],value:["watchValue"],filter:["handleFilter"]}}};H([n({triggerEvents:"mousedown"})],O.prototype,"onClickOutside",null),H([c({childList:!0,subtree:!0})],O.prototype,"onMutation",null),O.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{height:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{--gux-zindex-tooltip:3;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-width:0;height:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);padding-left:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}::slotted(gux-listbox){outline:none}.gux-selected-icon{display:flex;align-items:center}.gux-selected-icon gux-icon{width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);padding-right:var(--gse-ui-dropdown-gap)}";const W=["gux-option","gux-option-icon"].join(","),A={noMatches:"No matches",loading:"Loading..."},B=class{constructor(i){t(this,i),this.internallistboxoptionsupdated=e(this,"internallistboxoptionsupdated",7),this.value=void 0,this.loading=!1,this.filter="",this.filterType="none",this.emptyMessage=void 0,this.selectedValues=[],this.listboxOptions=[],this.allListboxOptionsFiltered=void 0}onBlur(){v(this.root)}onKeydown(t){if(!b(this.root))return t.preventDefault(),void f(this.root);switch(t.key){case"Enter":return t.preventDefault(),void S(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(F(this.root)?(t.stopPropagation(),k(this.root)):w(this.root));case"ArrowUp":return t.preventDefault(),void(C(this.root)?(t.stopPropagation(),y(this.root)):m(this.root));case"Home":return t.preventDefault(),void w(this.root);case"End":return t.preventDefault(),void m(this.root);case" ":return void t.preventDefault()}1!==t.key.length||z(this.root,t.key)}onKeyup(t){" "!==t.key||S(this.root,(t=>this.updateValue(t)))}onMousemove(){v(this.root)}onClick(t){j(W,t,(t=>{T(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){S(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=p(this.root),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),a(this.root,"input"),a(this.root,"change")}async componentWillLoad(){g(this.root),this.i18n=await u(this.root,A),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,"custom"!==this.filterType&&(t.filtered=!R(t,this.filter))})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length}renderHiddenSlot(){return o("div",{hidden:!0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[o("div",{class:"gux-message-container"},o("gux-radial-loading",{context:"modal"}),o("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){return[o("div",{class:"gux-message-container"},o("div",{class:"gux-no-matches"},this.emptyMessage||this.i18n("noMatches"))),this.renderHiddenSlot()]}render(){return this.loading?this.renderLoading():this.allListboxOptionsFiltered?this.renderAllListboxOptionsFiltered():o(s,{role:"listbox",tabindex:0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}get root(){return r(this)}};B.style=":host{box-sizing:border-box;display:block;max-height:var(--gse-ui-menu-maxHeight);padding:var(--gse-ui-menu-padding);margin:0;overflow:visible auto;background:var(--gse-ui-menu-backgroundColor);border:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);border-radius:var(--gse-ui-menu-borderRadius);outline:none;box-shadow:var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}:host(:focus-visible){outline:var(--gse-semantic-focusRing-width) solid var(--gse-semantic-color-focus);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-message-container{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch center;align-items:center;text-align:center}.gux-message-container .gux-no-matches{box-sizing:border-box;height:var(--gse-ui-menu-option-height);font-family:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontFamily);font-size:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontSize);font-weight:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontWeight);line-height:var(--gse-ui-dropdown-menu-emptyState-subheader-text-lineHeight);color:var(--gse-ui-dropdown-menu-emptyState-subheader-foregroundColor)}";const D=class{constructor(e){t(this,e),this.value=void 0,this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hasSubtext=!1}handleActive(t){var e,i;t?null===(e=this.truncateElement)||void 0===e||e.setShowTooltip():null===(i=this.truncateElement)||void 0===i||i.setHideTooltip()}componentWillLoad(){this.root.id=this.root.id||E("gux-option"),this.onSubtextChange()}onSubtextChange(){this.hasSubtext=I(this.root,"subtext")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}render(){return o(s,{key:"fabee33fc575f13c96d745447338ad0f630ba439",role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled,"gux-filtered":this.filtered,"gux-selected":this.selected,"gux-show-subtext":this.hasSubtext},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},o("div",{key:"c001777ea65e42db4f59a6b577f87d03c9cb43ac",class:"gux-option-wrapper"},o("gux-truncate",{key:"c60da0eec7002d2786f8d6442ac528c90707fb8c",ref:t=>this.truncateElement=t},o("slot",{key:"ed8505eab5790967f5161c88dfdeb9dc291b4218"})),o("slot",{key:"fba46212c08d55351028e06da944bc99e10a31a1",onSlotchange:()=>this.onSubtextChange(),name:"subtext"})))}get root(){return r(this)}static get watchers(){return{active:["handleActive"]}}};D.style=":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-menu-option-gap);place-content:stretch center;align-items:center;height:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host .gux-option-wrapper{width:100%}:host .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}:host(:active:not(:disabled)){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight)}:host(.gux-active){border-radius:var(--gse-semantic-focusRing-cornerRadius);outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);outline-offset:-2px}:host(.gux-show-subtext){place-content:stretch flex-start;height:auto}:host(.gux-show-subtext) .gux-option-wrapper{display:flex;flex-direction:column}:host(.gux-show-subtext) slot[name=subtext]::slotted(*){height:var(--gse-ui-groupedMenu-subtext-height);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);color:var(--gse-ui-menu-groupedMenu-subtext-foregroundColor)}:host(:hover:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}";export{O as gux_dropdown,B as gux_listbox,D as gux_option}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as o,h as i,g as e}from"./p-2e827df1.js";import{t as r}from"./p-
|
1
|
+
import{r as o,h as i,g as e}from"./p-2e827df1.js";import{t as r}from"./p-d9dcdc14.js";import{b as t}from"./p-0367930a.js";import"./p-4202e9f2.js";const a={clickToCopy:"Click to Copy",enterToCopy:"Press Enter to Copy",copySuccess:"Copied to Clipboard",copyFailure:"Error. Please Try Again."},c=class{constructor(i){o(this,i),this.tooltipContent="clickToCopy"}onMouseleave(){this.resetTooltip()}onFocusout(){this.resetTooltip()}onFocus(){this.copyButton.matches(":focus-visible")&&(this.tooltipContent="enterToCopy")}resetTooltip(){this.tooltipContent="clickToCopy"}async onCopyToClipboard(){return navigator.clipboard.writeText(this.root.innerText).then((()=>{this.tooltipContent="copySuccess"})).catch((()=>{this.tooltipContent="copyFailure"}))}getIconName(o){switch(o){case"copyFailure":return"badge-x";case"copySuccess":return"badge-check"}}renderTooltipIcon(){const o=this.getIconName(this.tooltipContent);if(o)return i("gux-icon",{"icon-name":o,decorative:!0})}renderTooltip(){return i("gux-tooltip",{placement:"bottom-end"},i("div",{class:"gux-tooltip-content"},this.renderTooltipIcon(),i("span",null,this.i18n(this.tooltipContent))))}async componentWillLoad(){r(this.root),this.i18n=await t(this.root,a)}render(){return i("button",{key:"6fbbea1163772977a90b916eef0741282188d739",class:"gux-copy-to-clipboard-wrapper",ref:o=>this.copyButton=o,onClick:this.onCopyToClipboard.bind(this)},i("div",{key:"2d4b9110441cf822f99141398571982d2d430493",class:"gux-copy-content"},i("slot",{key:"a9d9d07e9662657a3d1bfd1088247483f2781244",name:"content"}),i("gux-icon",{key:"66462d71157eb81a063454640bace4ebe561a0b5","icon-name":"copy",decorative:!0})),this.renderTooltip())}get root(){return e(this)}};c.style="button{all:unset}.gux-copy-to-clipboard-wrapper{display:inline-flex;align-items:center}.gux-copy-to-clipboard-wrapper .gux-copy-content{display:inherit;gap:var(--gse-ui-copyToClipboard-contentContainer-gap);align-items:inherit;cursor:pointer}.gux-copy-to-clipboard-wrapper .gux-copy-content ::slotted(*){padding:var(--gse-ui-copyToClipboard-label-padding);font-family:var(--gse-ui-copyToClipboard-label-text-fontFamily);font-size:var(--gse-ui-copyToClipboard-label-text-fontSize);font-weight:var(--gse-ui-copyToClipboard-label-text-fontWeight);line-height:var(--gse-ui-copyToClipboard-label-text-lineHeight);color:var(--gse-ui-copyToClipboard-label-foregroundColor);text-decoration:var(--gse-ui-copyToClipboard-label-text-textDecoration);border-radius:var(--gse-ui-copyToClipboard-label-borderRadius)}.gux-copy-to-clipboard-wrapper .gux-copy-content:hover ::slotted(*){background-color:var(--gse-ui-copyToClipboard-label-active-backgroundColor)}.gux-copy-to-clipboard-wrapper .gux-copy-content:hover gux-icon[icon-name=copy]{visibility:visible}.gux-copy-to-clipboard-wrapper .gux-copy-content gux-icon[icon-name=copy]{flex-shrink:0;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);padding:var(--gse-ui-copyToClipboard-iconContainer-padding);visibility:hidden;background-color:var(--gse-ui-copyToClipboard-label-active-backgroundColor);border-radius:var(--gse-ui-copyToClipboard-label-borderRadius)}.gux-copy-to-clipboard-wrapper:focus-visible{outline:none}.gux-copy-to-clipboard-wrapper:focus-visible ::slotted(*){background-color:var(--gse-ui-copyToClipboard-label-active-backgroundColor)}.gux-copy-to-clipboard-wrapper:focus-visible gux-icon[icon-name=copy]{visibility:visible}.gux-copy-to-clipboard-wrapper gux-tooltip{display:inline-flex;align-items:center}.gux-copy-to-clipboard-wrapper gux-tooltip .gux-tooltip-content>*{vertical-align:middle}.gux-copy-to-clipboard-wrapper gux-tooltip gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);padding:var(--gse-ui-copyToClipboard-iconContainer-padding)}.gux-copy-to-clipboard-wrapper gux-tooltip gux-icon[icon-name=badge-check]{color:var(--gse-ui-copyToClipboard-tooltipIcon-success-foregroundColor)}.gux-copy-to-clipboard-wrapper gux-tooltip gux-icon[icon-name=badge-x]{color:var(--gse-ui-copyToClipboard-tooltipIcon-error-foregroundColor)}";export{c as gux_copy_to_clipboard}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as s,h as i,H as
|
1
|
+
import{r as t,c as s,h as i,H as a,g as e}from"./p-2e827df1.js";import{t as h}from"./p-d9dcdc14.js";const c=class{constructor(i){t(this,i),this.guxactivetabchange=s(this,"guxactivetabchange",7),this.activeTab=void 0,this.orientation="horizontal",this.alignment="left",this.tabList=void 0,this.tabPanels=[]}watchActiveTab(t){this.activateTab(t,this.tabList,this.tabPanels),this.guxactivetabchange.emit(t)}onInternalActivateTabPanel(t){t.stopPropagation(),this.activateTab(t.detail,this.tabList,this.tabPanels)}async guxActivate(t){this.activateTab(t,this.tabList,this.tabPanels)}onSlotchange(){const[t,s]=Array.from(this.root.shadowRoot.querySelectorAll("slot"));this.tabList=t.assignedElements()[0],this.tabPanels=s.assignedElements(),this.activateTab(this.activeTab,this.tabList,this.tabPanels)}activateTab(t,s,i){this.activeTab=t||i[0].tabId,s.guxSetActive(this.activeTab),i.forEach((t=>{t.guxSetActive(t.tabId===this.activeTab)}))}componentWillLoad(){h(this.root)}render(){return i(a,{key:"ad73693e28cf0f6caf5c5908a4dac674f9a1b3aa"},i("div",{key:"f79243096a53893f351d35f12872141cda299f18",class:`gux-tabs gux-${this.alignment} gux-${this.orientation}`},i("slot",{key:"4c4112ce6a4a9faa163cdffe7e411edb6894c7ab",name:"tab-list"}),i("div",{key:"f8a87312d854113d529f7ef5b45f6a90f18a64d5",class:`gux-${this.alignment} gux-${this.orientation} gux-panel-container`},i("slot",{key:"3957425874f6647eee2cb039af2ede7ae4adb844",onSlotchange:this.onSlotchange.bind(this)}))))}get root(){return e(this)}static get watchers(){return{activeTab:["watchActiveTab"]}}};c.style=":host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;height:100%}:host .gux-tabs:not(.gux-vertical){flex-direction:column}:host .gux-panel-container{display:flex;flex-direction:column;height:100%;min-height:0}";export{c as gux_tabs}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as g}from"./p-2e827df1.js";const r=class{constructor(g){e(this,g),this.checked=!1,this.disabled=!1,this.guxAriaLabel="",this.labelId="",this.errorId=""}componentDidLoad(){var e,g,r;this.labelId?null===(e=this.checkboxElement)||void 0===e||e.setAttribute("aria-labelledby",this.labelId):null===(g=this.checkboxElement)||void 0===g||g.setAttribute("aria-label",this.guxAriaLabel),this.errorId&&(null===(r=this.checkboxElement)||void 0===r||r.setAttribute("aria-describedby",this.errorId))}render(){const e=this.errorId.length>0;return g("div",{key:"
|
1
|
+
import{r as e,h as g}from"./p-2e827df1.js";const r=class{constructor(g){e(this,g),this.checked=!1,this.disabled=!1,this.guxAriaLabel="",this.labelId="",this.errorId=""}componentDidLoad(){var e,g,r;this.labelId?null===(e=this.checkboxElement)||void 0===e||e.setAttribute("aria-labelledby",this.labelId):null===(g=this.checkboxElement)||void 0===g||g.setAttribute("aria-label",this.guxAriaLabel),this.errorId&&(null===(r=this.checkboxElement)||void 0===r||r.setAttribute("aria-describedby",this.errorId))}render(){const e=this.errorId.length>0;return g("div",{key:"a522cdf5f0efaf20befe3898d7eafabb6b272814",class:{"gux-toggle-slider":!0,"gux-checked":this.checked,"gux-disabled":this.disabled,"gux-error":e},role:"checkbox","aria-checked":this.checked.toString(),"aria-disabled":this.disabled.toString(),tabindex:this.disabled?"":"0",ref:e=>this.checkboxElement=e},g("div",{key:"024410df38b88ec9c895377ccef2c900e520ec51",class:"gux-slider"},g("div",{key:"9c515bc4038062a923de9372daf8a1e9b66fbfd5",class:"gux-switch"},!e&&g("gux-icon",{"icon-name":"fa/check-solid",decorative:!0}))))}};r.style='gux-toggle-slider{display:flex;align-items:center;padding:2px;outline:none}gux-toggle-slider .gux-toggle-slider{position:relative;display:inline-block;flex:0 1 auto;align-self:auto;order:0;width:var(--gse-ui-toggle-track-width);height:var(--gse-ui-toggle-track-height);cursor:pointer;border-radius:var(--gse-ui-toggle-track-borderRadius)}gux-toggle-slider .gux-toggle-slider.gux-error .gux-slider{background-color:var(--gse-ui-toggle-track-error-off-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-error .gux-slider .gux-switch{border:var(--gse-ui-toggle-handle-error-border-width) var(--gse-ui-toggle-handle-error-border-style) var(--gse-ui-toggle-handle-error-border-color)}gux-toggle-slider .gux-toggle-slider.gux-error.gux-checked .gux-slider{background-color:var(--gse-ui-toggle-track-error-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-disabled{pointer-events:none;cursor:default;background-color:var(--gse-ui-toggle-track-disabled-off-backgroundColor);opacity:var(--gse-ui-toggle-disabled-opacity)}gux-toggle-slider .gux-toggle-slider:focus-visible{border-radius:var(--gse-ui-toggle-focus-borderRadius);outline:var(--gse-ui-toggle-focus-border-width) var(--gse-ui-toggle-focus-border-style) var(--gse-ui-toggle-focus-border-color);outline-offset:var(--gse-ui-toggle-focus-offset)}gux-toggle-slider .gux-toggle-slider .gux-slider{position:absolute;inset:0;background-color:var(--gse-ui-toggle-track-enabled-off-backgroundColor);border-radius:calc(var(--gse-ui-toggle-track-height) / 2);transition:background-color 0.2s ease}gux-toggle-slider .gux-toggle-slider .gux-slider:hover{background-color:var(--gse-ui-toggle-track-hover-off-backgroundColor)}gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch{position:absolute;bottom:calc((var(--gse-ui-toggle-track-height) - var(--gse-ui-toggle-handle-width)) / 2);left:calc((var(--gse-ui-toggle-track-height) - var(--gse-ui-toggle-handle-width)) / 2);width:calc(var(--gse-ui-toggle-handle-width) - 4px);height:calc(var(--gse-ui-toggle-handle-height) - 4px);color:var(--gse-ui-toggle-handle-foregroundColor);content:"";background-color:var(--gse-ui-toggle-handle-backgroundColor);border:var(--gse-ui-toggle-handle-enabled-border-width) var(--gse-ui-toggle-handle-enabled-border-style) var(--gse-ui-toggle-handle-enabled-border-color);border-radius:var(--gse-ui-toggle-handle-borderRadius);transition:0.2s}gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch gux-icon{position:absolute;inset:0;width:calc(var(--gse-ui-toggle-handle-width) - 6px);height:calc(var(--gse-ui-toggle-handle-width) - 6px);margin:auto;color:var(--gse-ui-toggle-handle-backgroundColor);transition:color 0.2s linear}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider{background-color:var(--gse-ui-toggle-track-enabled-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider.gux-disabled{background-color:var(--gse-ui-toggle-track-disabled-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider.gux-disabled .gux-switch{border:var(--gse-ui-toggle-handle-hover-disabled-border-width) var(--gse-ui-toggle-handle-hover-disabled-border-style) var(--gse-ui-toggle-handle-hover-disabled-border-color)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider:hover{background-color:var(--gse-ui-toggle-track-hover-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider:hover .gux-switch{border:var(--gse-ui-toggle-handle-hover-border-width) var(--gse-ui-toggle-handle-hover-border-style) var(--gse-ui-toggle-handle-hover-border-color)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch{transform:translateX(calc(var(--gse-ui-toggle-track-width) - var(--gse-ui-toggle-track-height)))}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch gux-icon{color:var(--gse-ui-toggle-handle-foregroundColor);opacity:1;transition:opacity 0.1s linear;transition-delay:0.1s}';export{r as gux_toggle_slider}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as t,H as s,g as o}from"./p-2e827df1.js";import{a as i}from"./p-cf0e7d3b.js";import{e as n}from"./p-ea5e1b2f.js";import{r as a}from"./p-0934300e.js";import{b as r}from"./p-0367930a.js";import{t as u}from"./p-408d5857.js";import"./p-4202e9f2.js";const l=class{constructor(t){e(this,t),this.dropdownOptionsButtonId=a("gux-table-select-menu"),this.hasSelectMenuOptions=!1,this.dropdownDisabled=!1,this.popoverHidden=!0}focusFirstItemInPopupList(){const e=this.root.querySelector("gux-list");i((()=>{null==e||e.guxFocusFirstItem()}))}async componentWillLoad(){this.hasSelectMenuOptions=!!this.root.querySelector('[slot="select-menu-options"]'),this.i18n=await r(this.root,u,"gux-table")}onKeydown(e){var t;switch(e.key){case"ArrowDown":n(".gux-select-menu-button",e)&&(this.toggleOptions(),this.focusFirstItemInPopupList());break;case"Enter":n(".gux-select-menu-button",e)&&this.focusFirstItemInPopupList();break;case"Escape":n("gux-list",e)&&(e.stopPropagation(),this.popoverHidden=!0,null===(t=this.tableSelectMenuButtonElement)||void 0===t||t.focus());break;case"Tab":this.popoverHidden=!0}}onKeyup(e){" "===e.key&&n(".gux-select-menu-button",e)&&this.focusFirstItemInPopupList()}toggleOptions(){this.popoverHidden=!this.popoverHidden}renderSelectDropdown(){if(this.hasSelectMenuOptions)return[t("button",{id:this.dropdownOptionsButtonId,"aria-haspopup":"listbox","aria-expanded":(!this.popoverHidden).toString(),type:"button",class:"gux-select-menu-button",ref:e=>this.tableSelectMenuButtonElement=e,onClick:()=>this.toggleOptions(),disabled:this.dropdownDisabled},t("gux-icon",{"icon-name":"chevron-small-down","screenreader-text":this.i18n("tableOptions")})),t("gux-popover-list",{for:this.dropdownOptionsButtonId,isOpen:!this.popoverHidden,closeOnClickOutside:!0,onGuxdismiss:()=>this.popoverHidden=!0},t("div",null,t("slot",{name:"select-menu-options"})))]}render(){return t(s,{key:"
|
1
|
+
import{r as e,h as t,H as s,g as o}from"./p-2e827df1.js";import{a as i}from"./p-cf0e7d3b.js";import{e as n}from"./p-ea5e1b2f.js";import{r as a}from"./p-0934300e.js";import{b as r}from"./p-0367930a.js";import{t as u}from"./p-408d5857.js";import"./p-4202e9f2.js";const l=class{constructor(t){e(this,t),this.dropdownOptionsButtonId=a("gux-table-select-menu"),this.hasSelectMenuOptions=!1,this.dropdownDisabled=!1,this.popoverHidden=!0}focusFirstItemInPopupList(){const e=this.root.querySelector("gux-list");i((()=>{null==e||e.guxFocusFirstItem()}))}async componentWillLoad(){this.hasSelectMenuOptions=!!this.root.querySelector('[slot="select-menu-options"]'),this.i18n=await r(this.root,u,"gux-table")}onKeydown(e){var t;switch(e.key){case"ArrowDown":n(".gux-select-menu-button",e)&&(this.toggleOptions(),this.focusFirstItemInPopupList());break;case"Enter":n(".gux-select-menu-button",e)&&this.focusFirstItemInPopupList();break;case"Escape":n("gux-list",e)&&(e.stopPropagation(),this.popoverHidden=!0,null===(t=this.tableSelectMenuButtonElement)||void 0===t||t.focus());break;case"Tab":this.popoverHidden=!0}}onKeyup(e){" "===e.key&&n(".gux-select-menu-button",e)&&this.focusFirstItemInPopupList()}toggleOptions(){this.popoverHidden=!this.popoverHidden}renderSelectDropdown(){if(this.hasSelectMenuOptions)return[t("button",{id:this.dropdownOptionsButtonId,"aria-haspopup":"listbox","aria-expanded":(!this.popoverHidden).toString(),type:"button",class:"gux-select-menu-button",ref:e=>this.tableSelectMenuButtonElement=e,onClick:()=>this.toggleOptions(),disabled:this.dropdownDisabled},t("gux-icon",{"icon-name":"chevron-small-down","screenreader-text":this.i18n("tableOptions")})),t("gux-popover-list",{for:this.dropdownOptionsButtonId,isOpen:!this.popoverHidden,closeOnClickOutside:!0,onGuxdismiss:()=>this.popoverHidden=!0},t("div",null,t("slot",{name:"select-menu-options"})))]}render(){return t(s,{key:"f1b52572a2ce53661c8e513ff1d84d30d6d26056"},t("slot",{key:"bde7bbf39aba8365aedc565c9c25d8930135d969"}),this.renderSelectDropdown())}get root(){return o(this)}};l.style="gux-table-select-menu{display:inline-flex;font-family:var(--gse-ui-popover-body-text-fontFamily);font-size:var(--gse-ui-popover-body-text-fontSize);font-weight:var(--gse-ui-popover-body-text-fontWeight);line-height:var(--gse-ui-popover-body-text-lineHeight)}gux-table-select-menu .gux-select-menu-button{padding:0;margin-left:var(--gse-ui-dataTableItems-header-gap);color:var(--gse-ui-dataTableItems-cell-chevron-foregroundColor);background-color:inherit;border:none;outline:none}gux-table-select-menu .gux-select-menu-button:focus-visible{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset);border-radius:4px}gux-table-select-menu .gux-select-menu-button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}";export{l as gux_table_select_menu}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as s,g as i}from"./p-2e827df1.js";import{t as r}from"./p-
|
1
|
+
import{r as t,h as s,g as i}from"./p-2e827df1.js";import{t as r}from"./p-d9dcdc14.js";const n=/[ +]/g,e=new Map,h=new Map;function a(t){return t.replace(/[\^$*+?.(){}[\]\\]/g,"\\$&")}const o=class{constructor(s){t(this,s),this.text=void 0,this.highlight=void 0,this.strategy="start",this.dimmed=!1}componentWillLoad(){r(this.root)}render(){if(this.highlight&&this.text)switch(this.strategy){case"start":return this.renderStartsWith();case"contains":return this.renderContains();case"fuzzy":return this.renderFuzzy()}return s("span",{class:{"gux-dimmed":this.dimmed}},this.text)}renderStartsWith(){if(this.text.toLowerCase().startsWith(this.highlight.toLowerCase())){const t=this.text.substring(0,this.highlight.length),i=this.text.substring(this.highlight.length);return s("span",{class:{"gux-dimmed":this.dimmed}},s("mark",null,t),i)}return s("span",{class:{"gux-dimmed":this.dimmed}},this.text)}renderContains(){const t={highlighted:"",remaining:this.text};for(;t.remaining.toLowerCase().includes(this.highlight.toLowerCase());){const s=t.remaining.toLowerCase().indexOf(this.highlight.toLowerCase()),i=t.remaining.substring(0,s),r=t.remaining.substring(s,s+this.highlight.length);t.highlighted+=i+`<mark>${r}</mark>`,t.remaining=t.remaining.substring(s+r.length)}return s("span",{class:{"gux-dimmed":this.dimmed},innerHTML:t.highlighted+t.remaining})}renderFuzzy(){if(function(t,s){let i=e.get(t);return i||(i=function(t){const s=t.split(n).map(a);if(1===s.length)return new RegExp(s[0],"i");let i="(";return s.forEach(((t,r)=>{i+=t+").*",r!==s.length-1&&(i+="(")})),new RegExp(i+"$","i")}(t),e.set(t,i)),i.test(s)}(this.highlight,this.text)){const i=(t=this.highlight,t.split(n).map(a).map((t=>{let s=h.get(t);return s||(s=new RegExp(t,"i"),h.set(t,s)),s}))).reduce(((t,s)=>{const{0:i,index:r,input:n}=t.remaining.match(s),e=n.substring(0,r);return{highlighted:`${t.highlighted+e}<mark>${i}</mark>`,remaining:n.substring(r+i.length)}}),{highlighted:"",remaining:this.text});return s("span",{class:{"gux-dimmed":this.dimmed},innerHTML:i.highlighted+i.remaining})}var t;return s("span",{class:{"gux-dimmed":this.dimmed}},this.text)}get root(){return i(this)}};o.style="span mark{background-color:var(--gse-ui-search-match-firstLevel-backgroundColor)}.gux-dimmed mark{background-color:var(--gse-ui-search-match-subsequentLevel-backgroundColor)}";export{o as gux_text_highlight}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as i,g as o}from"./p-2e827df1.js";import{t as s}from"./p-
|
1
|
+
import{r as t,h as i,g as o}from"./p-2e827df1.js";import{t as s}from"./p-d9dcdc14.js";import{b as e}from"./p-0367930a.js";import"./p-4202e9f2.js";const n={dismiss:"Dismiss"},a=class{constructor(i){t(this,i),this.position="absolute"}async componentWillLoad(){s(this.root,{variant:this.position}),this.i18n=await e(this.root,n)}render(){return i("gux-button-slot",{key:"09f9627dc86c100480ac2006250294363b1df755",accent:"ghost",class:"inherit"==this.position?"gux-inherit":void 0},i("button",{key:"b5ff7f967e395bf534cf5e12368e2713ffc2afcb",type:"button",title:this.i18n("dismiss")},i("div",{key:"87273ad16040eaa9b6848536808aaa2ef6053de8",class:"gux-icon-container"},i("gux-icon",{key:"d4070762f52af366609dd2cdb647270b42ad8b7f","icon-name":"close",decorative:!0}))))}static get delegatesFocus(){return!0}get root(){return o(this)}};a.style="gux-button-slot{position:absolute;top:var(--gse-ui-modal-dismissButton-paddingTop);right:var(--gse-ui-modal-dismissButton-paddingRight)}gux-button-slot.gux-inherit{position:inherit}gux-button-slot .gux-icon-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;width:8px}gux-button-slot .gux-icon-container gux-icon{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px;color:var(--gse-ui-dismissButton-foregroundColor)}";export{a as gux_dismiss_button}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as e,H as o,g as s}from"./p-2e827df1.js";import{t as a}from"./p-
|
1
|
+
import{r as t,h as e,H as o,g as s}from"./p-2e827df1.js";import{t as a}from"./p-d9dcdc14.js";import{b as c}from"./p-cf0e7d3b.js";const i=class{constructor(e){t(this,e),this.politeness="polite"}async guxAnnounce(t){this.containerElement.innerText="",c((()=>{this.containerElement.innerText=t}))}componentWillLoad(){a(this.root)}render(){return e(o,{key:"96acda36ac04edb73e9fcc5af71fa83cd30fce92","aria-live":this.politeness},e("slot",{key:"b490bf95af7e150220969cc20383b9406b4bcf19"}),e("div",{key:"2c731aff495c684d15bda9ed006030608bc9a4e7",ref:t=>this.containerElement=t}))}get root(){return s(this)}};i.style=":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{i as gux_announce_beta}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,f as i,h as t,H as r,g as o}from"./p-2e827df1.js";import{c as a,o as s}from"./p-f4751a15.js";import{O as n}from"./p-01471ba0.js";import{o as l}from"./p-e5b1cffc.js";import{p as g}from"./p-a11d5d42.js";import{h as u}from"./p-6d8b4027.js";import{G as h,a as d,g as f,v as p,b as c}from"./p-f3b9b052.js";import{a as x,G as m}from"./p-9773c4fe.js";import{t as b}from"./p-
|
1
|
+
import{r as e,f as i,h as t,H as r,g as o}from"./p-2e827df1.js";import{c as a,o as s}from"./p-f4751a15.js";import{O as n}from"./p-01471ba0.js";import{o as l}from"./p-e5b1cffc.js";import{p as g}from"./p-a11d5d42.js";import{h as u}from"./p-6d8b4027.js";import{G as h,a as d,g as f,v as p,b as c}from"./p-f3b9b052.js";import{a as x,G as m}from"./p-9773c4fe.js";import{t as b}from"./p-d9dcdc14.js";import{O as v}from"./p-ab6cf9b9.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";var y=function(e,i,t,r){var o,a=arguments.length,s=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,i,t,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(s=(a<3?o(s):a>3?o(i,t,s):o(i,t))||s);return a>3&&s&&Object.defineProperty(i,t,s),s};const w=class{constructor(i){e(this,i),this.displayUnits=void 0,this.valueInTooltip=void 0,this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1,this.value=void 0,this.active=void 0,this.valueWatcherId=void 0}onInput(e){this.updateValue(e.target.value)}onMousedown(){this.disabled||(this.active=!0)}onMouseup(){this.active=!1}onMutation(){this.hasError=u(this.root,"error"),this.hasHelp=u(this.root,"help")}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root,"error"),this.hasHelp=u(this.root,"help"),b(this.root,{variant:this.variant})}componentDidLoad(){this.updatePosition(),this.tooltipElement&&i(this.root)}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect(),clearInterval(this.valueWatcherId)}render(){return t(r,{key:"187429d2a25a316f6245d9f1a2351e8f8d5d8058",class:{"gux-active":this.active}},t(x,{key:"feef75fd616db48ecc2778e9683e24d4a5df4552",labelPosition:this.computedLabelPosition},t(m,{key:"656c8a0e8a008491ffdaf6947cb547415efe0d01",position:this.computedLabelPosition,required:this.required},t("slot",{key:"c2843c4aa5677b1a7b19c5eb795295e5735694a8",name:"label",onSlotchange:()=>this.setLabel()})),t("div",{key:"11be810fecb1943fdb1a827623f057cae65e1d90",class:"gux-input-and-error-container"},this.renderRangeInput(),t(h,{key:"b981b79d35e12c100c752f69a4f9888089c6cd3e",show:this.hasError},t("slot",{key:"b2169aac95fd5075a6c5cf45cd7a01371bdb0857",name:"error"})),t(d,{key:"e66fb80c6a4754c3a4688da1c2d14ff311777269",show:!this.hasError&&this.hasHelp},t("slot",{key:"9ba55559ce3d0a1508b2706b9541a537edec732b",name:"help"})))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=f(this.root,'input[type="range"][slot="input"]'),g(this.input),this.disabled=a(this.input),this.required=this.input.required,this.value=this.input.value,this.disabledObserver=s(this.input,(e=>{this.disabled=e})),this.requiredObserver=l(this.input,(e=>{this.required=e})),clearInterval(this.valueWatcherId),this.valueWatcherId=setInterval((()=>{this.value!==this.input.value&&this.updateValue(this.input.value)}),100),p(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=c(this.label,this.labelPosition)}renderRangeInput(){return t("div",{class:{"gux-range-input-container":!0,"gux-disabled":this.disabled},ref:e=>this.containerElement=e},t("div",{class:"gux-range"},t("div",{class:"gux-track"},t("div",{class:"gux-progress",ref:e=>this.progressElement=e})),t("slot",{name:"input"}),this.valueInTooltip&&t("gux-tooltip-base-beta",{ref:e=>this.tooltipElement=e,forElement:this.containerElement,offsetY:-10,placement:"top"},this.getDisplayValue())),t("div",{class:{"gux-display":!0,"gux-hidden":this.valueInTooltip}},this.getDisplayValue()))}updateValue(e){this.value=e,this.updatePosition()}updatePosition(){const e=Number(this.input.value||0),i=Number(this.input.min||0),t=(e-i)/(Number(this.input.max||100)-i)*100;this.tooltipElement&&(this.tooltipElement.offsetX=(t/100-.5)*(this.containerElement.offsetWidth-20)),this.progressElement.style.width=`${t}%`}getDisplayValue(){return this.displayUnits?`${this.value}${this.displayUnits}`:this.value}get root(){return o(this)}};y([n({childList:!0,subtree:!0})],w.prototype,"onMutation",null),y([v()],w.prototype,"updatePosition",null),w.style='.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:" *"}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input[type=range]){position:absolute;width:100%;width:100%;height:var(--gse-ui-slider-bar-height);margin:calc(var(--gse-ui-slider-handle-width) / 2) 0;margin-top:calc(-1 * (var(--gse-ui-slider-handle-width) / 2 + var(--gse-ui-slider-bar-height)));-webkit-appearance:none;background:transparent}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container.gux-hidden{display:none}.gux-input-and-error-container .gux-range-input-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-slider-gap);place-content:stretch flex-start;align-items:center;height:32px;font-size:var(--gse-ui-slider-label-text-fontSize)}.gux-input-and-error-container .gux-range-input-container.gux-disabled{opacity:var(--gse-ui-slider-disabled-opacity)}.gux-input-and-error-container .gux-range-input-container .gux-range{position:relative;flex:1 1 auto;align-self:center;order:0}.gux-input-and-error-container .gux-range-input-container .gux-range:hover .gux-range-tooltip,.gux-input-and-error-container .gux-range-input-container .gux-range:focus-within .gux-range-tooltip{visibility:visible}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track{width:100%;height:var(--gse-ui-slider-bar-height);margin:6px 0;background:var(--gse-ui-slider-bar-default-backgroundColor);border-radius:var(--gse-ui-slider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track .gux-progress{height:var(--gse-ui-slider-bar-height);background-color:var(--gse-ui-slider-bar-selected-backgroundColor);border-radius:var(--gse-ui-slider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-display{flex:0 1 auto;align-self:auto;order:0;margin:0 0 0 var(--gux-spacing-medium);font-family:var(--gse-ui-slider-label-text-fontFamily);font-size:var(--gse-ui-slider-label-text-fontSize);font-weight:var(--gse-ui-slider-label-text-fontWeight);line-height:var(--gse-ui-slider-label-text-lineHeight);text-align:right}.gux-input-and-error-container .gux-range-input-container .gux-display.gux-hidden{display:none}';export{w as gux_form_field_range}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,d as s,w as i,h as o,g as e}from"./p-2e827df1.js";import{a as r}from"./p-cf0e7d3b.js";import{b as l}from"./p-0367930a.js";import{O as a}from"./p-01471ba0.js";import"./p-4202e9f2.js";const c={scrollLeft:"Scroll Left",scrollRight:"Scroll Right",scrollUp:"Scroll Up",scrollDown:"Scroll Down"};const n=class{constructor(s){t(this,s),this.currentScrollIndex=0,this.focused=0,this.tabTriggers=void 0,this.hasHorizontalScrollbar=!1,this.hasVerticalScrollbar=!1,this.isScrolledToBeginning=!1,this.isScrolledToEnd=!1}onFocusout(t){this.root.contains(t.relatedTarget)||this.tabTriggers.forEach(((t,s)=>{t.guxGetActive().then((i=>{i?this.focused=s:t.querySelector("button").setAttribute("tabindex","-1")}))}))}onHasVerticalScrollBar(){this.checkDisabledScrollButtons()}onScroll(){this.checkDisabledScrollButtons()}onKeydown(t){switch(t.key){case"ArrowRight":case"ArrowDown":t.preventDefault(),this.handleKeyboardScroll("forward");break;case"ArrowLeft":case"ArrowUp":t.preventDefault(),this.handleKeyboardScroll("backward");break;case"Escape":t.preventDefault(),this.focusTab(this.focused);break;case"Home":t.preventDefault(),this.focusTab(0);break;case"End":t.preventDefault(),this.focusTab(this.tabTriggers.length-1)}}onMutation(){this.setTabTriggers()}async guxSetActive(t){this.tabTriggers.forEach(((s,i)=>{const o=s.tabId===t;s.guxSetActive(o),o&&(this.focused=i)}))}focusTab(t){this.focused=t,this.tabTriggers.forEach(((t,s)=>{t.guxGetActive().then((i=>{this.focused===s||i||t.querySelector("button").setAttribute("tabindex","-1")}))})),this.tabTriggers[this.focused].querySelector("button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].guxFocus()}setTabTriggers(){this.tabTriggers=this.root.querySelectorAll("gux-tab"),this.triggerIds=this.tabTriggers?Array.from(this.tabTriggers).map((t=>`gux-${t.getAttribute("tab-id")}-tab`)).join(" "):""}checkForScrollbarHideOrShow(){s((()=>{const t=this.root.querySelector(".gux-scrollable-section"),s=t.clientWidth<t.scrollWidth,i=t.clientHeight<t.scrollHeight;s!==this.hasHorizontalScrollbar&&(this.hasHorizontalScrollbar=s),i!==this.hasVerticalScrollbar&&(this.hasVerticalScrollbar=i),this.checkDisabledScrollButtons()}))}handleKeyboardScroll(t){const s=this.root.querySelector(".gux-scrollable-section");"forward"===t?this.focused<this.tabTriggers.length-1?(i((()=>{this.hasHorizontalScrollbar?this.scrollRight():this.scrollDown()})),this.focusTab(this.focused+1)):(i((()=>{this.hasHorizontalScrollbar?s.scrollBy(-s.scrollWidth,0):s.scrollBy(0,-s.scrollHeight)})),this.focusTab(0)):"backward"===t&&(this.focused>0?(i((()=>{this.hasHorizontalScrollbar?this.scrollLeft():this.scrollUp()})),this.focusTab(this.focused-1)):(i((()=>{this.hasHorizontalScrollbar?s.scrollBy(s.scrollWidth,0):s.scrollBy(0,s.scrollHeight)})),this.focusTab(this.tabTriggers.length-1)))}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.unobserve(this.root.querySelector(".gux-tab-container")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){this.setTabTriggers(),this.i18n=await l(this.root,c,"gux-tabs")}componentDidLoad(){!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.checkForScrollbarHideOrShow()))),this.resizeObserver&&this.resizeObserver.observe(this.root.querySelector(".gux-scrollable-section")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver((()=>this.checkForScrollbarHideOrShow()))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),r((()=>{this.checkForScrollbarHideOrShow()}),500)}checkDisabledScrollButtons(){const t=this.root.querySelector(".gux-scrollable-section");if(this.hasHorizontalScrollbar){const s=t.scrollLeft,i=t.scrollWidth-t.clientWidth;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=i-s==0}else{const s=t.scrollTop,i=t.scrollHeight-t.clientHeight;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=i-s==0}}getTabLength(){var t;return null===(t=this.tabTriggers[this.currentScrollIndex])||void 0===t?void 0:t.scrollWidth}scrollLeft(){i((()=>{this.currentScrollIndex=this.isScrolledToEnd?this.tabTriggers.length-1:this.currentScrollIndex-1,this.root.querySelector(".gux-scrollable-section").scrollBy(-this.getTabLength(),0)}))}scrollRight(){i((()=>{this.isScrolledToBeginning&&(this.currentScrollIndex=0),this.root.querySelector(".gux-scrollable-section").scrollBy(this.getTabLength(),0),this.currentScrollIndex=this.currentScrollIndex+1}))}scrollUp(){i((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,-this.tabTriggers[this.focused].clientHeight)}))}scrollDown(){i((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,this.tabTriggers[this.focused].clientHeight)}))}render(){return o("div",{key:"
|
1
|
+
import{r as t,d as s,w as i,h as o,g as e}from"./p-2e827df1.js";import{a as r}from"./p-cf0e7d3b.js";import{b as l}from"./p-0367930a.js";import{O as a}from"./p-01471ba0.js";import"./p-4202e9f2.js";const c={scrollLeft:"Scroll Left",scrollRight:"Scroll Right",scrollUp:"Scroll Up",scrollDown:"Scroll Down"};const n=class{constructor(s){t(this,s),this.currentScrollIndex=0,this.focused=0,this.tabTriggers=void 0,this.hasHorizontalScrollbar=!1,this.hasVerticalScrollbar=!1,this.isScrolledToBeginning=!1,this.isScrolledToEnd=!1}onFocusout(t){this.root.contains(t.relatedTarget)||this.tabTriggers.forEach(((t,s)=>{t.guxGetActive().then((i=>{i?this.focused=s:t.querySelector("button").setAttribute("tabindex","-1")}))}))}onHasVerticalScrollBar(){this.checkDisabledScrollButtons()}onScroll(){this.checkDisabledScrollButtons()}onKeydown(t){switch(t.key){case"ArrowRight":case"ArrowDown":t.preventDefault(),this.handleKeyboardScroll("forward");break;case"ArrowLeft":case"ArrowUp":t.preventDefault(),this.handleKeyboardScroll("backward");break;case"Escape":t.preventDefault(),this.focusTab(this.focused);break;case"Home":t.preventDefault(),this.focusTab(0);break;case"End":t.preventDefault(),this.focusTab(this.tabTriggers.length-1)}}onMutation(){this.setTabTriggers()}async guxSetActive(t){this.tabTriggers.forEach(((s,i)=>{const o=s.tabId===t;s.guxSetActive(o),o&&(this.focused=i)}))}focusTab(t){this.focused=t,this.tabTriggers.forEach(((t,s)=>{t.guxGetActive().then((i=>{this.focused===s||i||t.querySelector("button").setAttribute("tabindex","-1")}))})),this.tabTriggers[this.focused].querySelector("button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].guxFocus()}setTabTriggers(){this.tabTriggers=this.root.querySelectorAll("gux-tab"),this.triggerIds=this.tabTriggers?Array.from(this.tabTriggers).map((t=>`gux-${t.getAttribute("tab-id")}-tab`)).join(" "):""}checkForScrollbarHideOrShow(){s((()=>{const t=this.root.querySelector(".gux-scrollable-section"),s=t.clientWidth<t.scrollWidth,i=t.clientHeight<t.scrollHeight;s!==this.hasHorizontalScrollbar&&(this.hasHorizontalScrollbar=s),i!==this.hasVerticalScrollbar&&(this.hasVerticalScrollbar=i),this.checkDisabledScrollButtons()}))}handleKeyboardScroll(t){const s=this.root.querySelector(".gux-scrollable-section");"forward"===t?this.focused<this.tabTriggers.length-1?(i((()=>{this.hasHorizontalScrollbar?this.scrollRight():this.scrollDown()})),this.focusTab(this.focused+1)):(i((()=>{this.hasHorizontalScrollbar?s.scrollBy(-s.scrollWidth,0):s.scrollBy(0,-s.scrollHeight)})),this.focusTab(0)):"backward"===t&&(this.focused>0?(i((()=>{this.hasHorizontalScrollbar?this.scrollLeft():this.scrollUp()})),this.focusTab(this.focused-1)):(i((()=>{this.hasHorizontalScrollbar?s.scrollBy(s.scrollWidth,0):s.scrollBy(0,s.scrollHeight)})),this.focusTab(this.tabTriggers.length-1)))}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.unobserve(this.root.querySelector(".gux-tab-container")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){this.setTabTriggers(),this.i18n=await l(this.root,c,"gux-tabs")}componentDidLoad(){!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.checkForScrollbarHideOrShow()))),this.resizeObserver&&this.resizeObserver.observe(this.root.querySelector(".gux-scrollable-section")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver((()=>this.checkForScrollbarHideOrShow()))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),r((()=>{this.checkForScrollbarHideOrShow()}),500)}checkDisabledScrollButtons(){const t=this.root.querySelector(".gux-scrollable-section");if(this.hasHorizontalScrollbar){const s=t.scrollLeft,i=t.scrollWidth-t.clientWidth;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=i-s==0}else{const s=t.scrollTop,i=t.scrollHeight-t.clientHeight;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=i-s==0}}getTabLength(){var t;return null===(t=this.tabTriggers[this.currentScrollIndex])||void 0===t?void 0:t.scrollWidth}scrollLeft(){i((()=>{this.currentScrollIndex=this.isScrolledToEnd?this.tabTriggers.length-1:this.currentScrollIndex-1,this.root.querySelector(".gux-scrollable-section").scrollBy(-this.getTabLength(),0)}))}scrollRight(){i((()=>{this.isScrolledToBeginning&&(this.currentScrollIndex=0),this.root.querySelector(".gux-scrollable-section").scrollBy(this.getTabLength(),0),this.currentScrollIndex=this.currentScrollIndex+1}))}scrollUp(){i((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,-this.tabTriggers[this.focused].clientHeight)}))}scrollDown(){i((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,this.tabTriggers[this.focused].clientHeight)}))}render(){return o("div",{key:"0dda7a3415a1167480f39a917343da9bcfd70d38",class:"gux-tab-container"},this.renderScrollButton(this.hasHorizontalScrollbar?"scrollLeft":"scrollUp"),o("div",{key:"5e15f0d1c1dd19c3f337885559bd43946894afb2",role:"tablist",class:"gux-scrollable-section","aria-owns":this.triggerIds},o("slot",{key:"f0bb1c361232a99ad987fc50a20adde7a6dc125b"})),this.renderScrollButton(this.hasHorizontalScrollbar?"scrollRight":"scrollDown"))}renderScrollButton(t){return o("div",{class:"gux-scroll-button-container"},this.hasHorizontalScrollbar||this.hasVerticalScrollbar?o("button",{disabled:this.getButtonDisabled(t),tabindex:"-1",title:this.i18n(t),"aria-label":this.i18n(t),class:"gux-scroll-button",onClick:()=>this.getScrollDirection(t)},o("gux-icon",{"icon-name":this.getChevronIconName(t),decorative:!0})):null)}getButtonDisabled(t){switch(t){case"scrollLeft":case"scrollUp":return this.isScrolledToBeginning;case"scrollRight":case"scrollDown":return this.isScrolledToEnd}}getScrollDirection(t){switch(t){case"scrollLeft":this.scrollLeft();break;case"scrollRight":this.scrollRight();break;case"scrollUp":this.scrollUp();break;case"scrollDown":this.scrollDown()}}getChevronIconName(t){switch(t){case"scrollLeft":return"chevron-small-left";case"scrollRight":return"chevron-small-right";case"scrollUp":return"chevron-small-up";case"scrollDown":return"chevron-small-down"}}get root(){return e(this)}};(function(t,s,i,o){var e,r=arguments.length,l=r<3?s:null===o?o=Object.getOwnPropertyDescriptor(s,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,s,i,o);else for(var a=t.length-1;a>=0;a--)(e=t[a])&&(l=(r<3?e(l):r>3?e(s,i,l):e(s,i))||l);r>3&&l&&Object.defineProperty(s,i,l)})([a({childList:!0,subtree:!0})],n.prototype,"onMutation",null),n.style="gux-tabs[orientation=vertical]{height:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container{display:flex;flex-direction:column;width:var(--gse-ui-tabs-set-vertical-width);max-width:160px;height:100%;margin-right:var(--gse-ui-tabs-set-vertical-marginRight);border-right:var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scroll-button-container{width:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scroll-button-container button{width:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scrollable-section{flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{width:0;height:0}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab-container{height:var(--gse-ui-tabs-set-horizontal-height);margin-bottom:var(--gse-ui-tabs-set-horizontal-marginBottom);border-bottom:var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-scrollable-section{overflow-x:auto}gux-tabs .gux-tab-container{box-sizing:content-box;display:flex;width:100%;overflow:hidden hidden;background-color:transparent}gux-tabs .gux-scrollable-section{display:flex;flex:1 1 auto;scroll-behavior:smooth;scrollbar-width:none}gux-tabs .gux-scrollable-section::-webkit-scrollbar{height:0}gux-tabs .gux-scroll-button-container{display:flex;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button{display:flex;align-items:center;justify-content:center;width:28px;height:40px;color:#202937;cursor:pointer;background-color:#e2e6ee;border:none;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button gux-icon{width:16px;height:16px}gux-tabs .gux-scroll-button-container .gux-scroll-button:hover:not(:disabled){background-color:#d7dce5}gux-tabs .gux-scroll-button-container .gux-scroll-button:active:not(:disabled){background-color:#d2d8e5}gux-tabs .gux-scroll-button-container .gux-scroll-button:disabled{cursor:default;opacity:0.5}";export{n as gux_tab_list}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as o,h as t,g as e}from"./p-2e827df1.js";import{m as n}from"./p-67d20704.js";const u=class{constructor(t){o(this,t)}async guxFocus(){this.buttonElement.focus()}onKeydown(o){switch(n(o,this.root),o.key){case"ArrowRight":case"Enter":o.stopPropagation()}}onKeyup(o){" "===o.key&&o.stopPropagation()}render(){return t("button",{key:"
|
1
|
+
import{r as o,h as t,g as e}from"./p-2e827df1.js";import{m as n}from"./p-67d20704.js";const u=class{constructor(t){o(this,t)}async guxFocus(){this.buttonElement.focus()}onKeydown(o){switch(n(o,this.root),o.key){case"ArrowRight":case"Enter":o.stopPropagation()}}onKeyup(o){" "===o.key&&o.stopPropagation()}render(){return t("button",{key:"acf52d28ed9e01b5c82b0bce75db4dd65a196f4f",type:"button",class:"gux-menu-option-button",role:"menuitem","aria-haspopup":"false",tabIndex:-1,ref:o=>this.buttonElement=o},t("span",{key:"1ad606f9356214e9bb85a61d2838b90da8becd61",class:"gux-menu-option-button-text"},t("slot",{key:"2eb72e2b68ca3ed76b37d39887a5133fc0d5de9f"})))}get root(){return e(this)}};u.style=":host{display:block;flex:1 1 auto;align-self:auto}:host .gux-menu-option-button{all:unset;width:var(--gse-ui-flyoutMenu-width);height:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);background-color:var(--gse-ui-menu-option-default-backgroundColor)}:host .gux-menu-option-button:focus-within,:host .gux-menu-option-button:hover{background-color:var(--gse-ui-menu-option-hover-backgroundColor)}:host .gux-menu-option-button:enabled{cursor:pointer}:host .gux-menu-option-button .gux-menu-option-button-text{display:block;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}";export{u as gux_menu_option}
|
@@ -1 +1 @@
|
|
1
|
-
import{h as r,r as a,g as e}from"./p-2e827df1.js";import{b as s}from"./p-0367930a.js";import{t}from"./p-
|
1
|
+
import{h as r,r as a,g as e}from"./p-2e827df1.js";import{b as s}from"./p-0367930a.js";import{t}from"./p-d9dcdc14.js";import"./p-4202e9f2.js";const o=({context:a="modal",screenreaderText:e})=>{let s=48,t=22;return"input"===a&&(s=16,t=7),r("div",{class:`gux-${a}`,role:"progressbar","aria-label":e},r("svg",{class:"gux-svg-container",viewBox:`0 0 ${s} ${s}`,role:"presentation"},r("circle",{cx:"50%",cy:"50%",r:t,class:"gux-static-circle"}),r("circle",{cx:"50%",cy:"50%",r:t,class:"gux-dynamic-circle","stroke-linecap":"round"}),r("circle",{cx:"50%",cy:"50%",r:t,class:"gux-dynamic-circle-mask","stroke-linecap":"round"})))},n={loading:"Loading"},i=class{constructor(r){a(this,r),this.context="modal",this.screenreaderText=""}async componentWillLoad(){t(this.root,{variant:this.context}),this.getI18nValue=await s(this.root,n)}render(){return r(o,{key:"fdd0d9d74de23d49b892702b8902cccf1eb532dd",context:this.context,screenreaderText:this.screenreaderText||this.getI18nValue("loading")})}get root(){return e(this)}};i.style="@keyframes largeSpin{0%{stroke-dasharray:1 68.115038379;transform:rotate(0deg)}7.5%{stroke-dasharray:1 68.115038379;transform:rotate(0deg)}20%{stroke-dasharray:1 68.115038379;transform:rotate(90deg)}30%{stroke-dasharray:34.5575191895;transform:rotate(180deg)}40%{stroke-dasharray:34.5575191895}50%{stroke-dasharray:1 68.115038379;transform:rotate(450deg)}57.5%{stroke-dasharray:1 68.115038379;transform:rotate(450deg)}70%{stroke-dasharray:34.5575191895;transform:rotate(540deg)}80%{stroke-dasharray:34.5575191895;transform:rotate(630deg)}90%{stroke-dasharray:34.5575191895}100%{stroke-dasharray:1 68.115038379;transform:rotate(900deg)}}@keyframes smallSpin{0%{stroke-dasharray:1 20.9911485751;transform:rotate(0deg)}7.5%{stroke-dasharray:1 20.9911485751;transform:rotate(0deg)}20%{stroke-dasharray:1 20.9911485751;transform:rotate(90deg)}30%{stroke-dasharray:10.9955742876;transform:rotate(180deg)}40%{stroke-dasharray:10.9955742876}50%{stroke-dasharray:1 20.9911485751;transform:rotate(450deg)}57.5%{stroke-dasharray:1 20.9911485751;transform:rotate(450deg)}70%{stroke-dasharray:10.9955742876;transform:rotate(540deg)}80%{stroke-dasharray:10.9955742876;transform:rotate(630deg)}90%{stroke-dasharray:10.9955742876}100%{stroke-dasharray:1 20.9911485751;transform:rotate(900deg)}}@keyframes largeThinSpin{0%{stroke-dasharray:1 71.2566310326;transform:rotate(0deg)}7.5%{stroke-dasharray:1 71.2566310326;transform:rotate(0deg)}20%{stroke-dasharray:1 71.2566310326;transform:rotate(90deg)}30%{stroke-dasharray:36.1283155163;transform:rotate(180deg)}40%{stroke-dasharray:36.1283155163}50%{stroke-dasharray:1 71.2566310326;transform:rotate(450deg)}57.5%{stroke-dasharray:1 71.2566310326;transform:rotate(450deg)}70%{stroke-dasharray:36.1283155163;transform:rotate(540deg)}80%{stroke-dasharray:36.1283155163;transform:rotate(630deg)}90%{stroke-dasharray:36.1283155163}100%{stroke-dasharray:1 71.2566310326;transform:rotate(900deg)}}:host{display:inline-block}div[role=progressbar] .gux-svg-container{display:block;width:calc(var(--gse-ui-progressAndLoading-spinner-large) * 1px);height:calc(var(--gse-ui-progressAndLoading-spinner-large) * 1px)}div[role=progressbar] .gux-svg-container .gux-dynamic-circle,div[role=progressbar] .gux-svg-container .gux-dynamic-circle-mask{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-foreground);stroke-width:4;transform-origin:50% 50%;animation-name:largeSpin;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite, infinite}div[role=progressbar] .gux-svg-container .gux-dynamic-circle-mask{display:none;stroke:white;stroke-width:2}div[role=progressbar] .gux-svg-container .gux-static-circle{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-base);stroke-width:4}div[role=progressbar].gux-full-page .gux-svg-container .gux-dynamic-circle-mask{display:initial}div[role=progressbar].gux-full-page .gux-svg-container .gux-static-circle{display:none}div[role=progressbar].gux-input .gux-svg-container{width:calc(var(--gse-ui-progressAndLoading-spinner-small) * 1px);height:calc(var(--gse-ui-progressAndLoading-spinner-small) * 1px)}div[role=progressbar].gux-input .gux-svg-container .gux-dynamic-circle{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-foreground);stroke-width:2;transform-origin:50% 50%;animation-name:smallSpin;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite, infinite}div[role=progressbar].gux-input .gux-svg-container .gux-static-circle{stroke:var(--gse-ui-progressAndLoading-spinner-base);stroke-width:2}";export{i as gux_radial_loading}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,f as i,h as o,g as r}from"./p-2e827df1.js";import{O as n}from"./p-2d1bdeab.js";import{b as s}from"./p-0367930a.js";import{s as u}from"./p-2c25e2f2.js";import{b as l}from"./p-cf0e7d3b.js";import{o as a}from"./p-f4751a15.js";import{t as d}from"./p-5352bbb0.js";import{s as g,g as c}from"./p-787c5373.js";import{O as h}from"./p-01471ba0.js";import"./p-4202e9f2.js";const f={textInputResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown",numberSelected:"{numberSelected} selected",pressEnterToCreate:"Press Enter to create new option, {textInputValue}"};var p=function(t,e,i,o){var r,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var u=t.length-1;u>=0;u--)(r=t[u])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const x=class{constructor(i){t(this,i),this.guxcreateoption=e(this,"guxcreateoption",7),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.value=void 0,this.disabled=!1,this.required=!1,this.loading=!1,this.placeholder=void 0,this.filterType="none",this.hasError=!1,this.hasCreate=!1,this.expanded=!1,this.textInput=""}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit()}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}focusSelectedItemAfterRender(t){t&&this.listboxElement&&l((()=>{this.hasTextInput()?this.textInputElement.focus():this.listboxElement.focus()})),t||(this.textInput="")}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}getSelectedValues(){var t;return Promise.resolve((null===(t=this.value)||void 0===t?void 0:t.split(","))||[])}onKeydown(t){switch(t.key){case"Escape":return this.hasTextInput()&&document.activeElement===this.listboxElement?this.textInputElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.textInputElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,g(this.listboxElement)));case"Enter":this.canCreateNewOption()&&this.isActiveElement()&&this.emitCreateOption()}}onInternallistboxoptionsupdated(t){t.stopPropagation(),i(this.root)}onClearselected(t){t.stopPropagation(),this.updateValue(""),this.listboxElement&&(this.listboxElement.value=void 0),this.validateValue(this.value,this.listboxElement),this.fieldButtonElement.focus()}onCreatenewoption(t){t.stopPropagation(),this.emitCreateOption()}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.hasCreate=!!this.root.querySelector("gux-create-option"))}async componentWillLoad(){d(this.root),this.i18n=await s(this.root,f),a(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.textInput=this.textInput)}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)?e.value=t:this.value=void 0:e&&(e.value=t)}hasTextInput(){return this.isFilterable()||this.hasCreate}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}isFilterable(){return"custom"===this.filterType||"starts-with"===this.filterType}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=Array.from(this.root.querySelectorAll("gux-option-multi")),i=t?t.split(","):void 0;if(i)return e.filter((t=>i.includes(t.value)))}fieldButtonClick(){this.expanded=!this.expanded}fieldButtonInputClick(){this.expanded||(this.expanded=!this.expanded)}filterInput(t){t.stopPropagation(),this.textInput=this.textInputElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.hasTextInput()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.hasTextInput()&&document.activeElement===this.listboxElement}emitCreateOption(){this.guxcreateoption.emit(this.textInput),this.textInput="",this.textInputElement.value=""}canCreateNewOption(){return this.hasCreate&&this.textInput&&!this.listboxElement.hasExactMatch}isActiveElement(){return document.activeElement===this.root}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){if("ArrowDown"===t.key)return t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),void g(this.listboxElement)}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,u(this.root,"input"),u(this.root,"change"))}getTypeaheadText(t){var e;const i=t.length;if(i>0&&!this.loading){const o=c(this.listboxElement,t);if(o&&"custom"!==this.filterType){const t=null===(e=o.querySelector("[gux-slot-container]"))||void 0===e?void 0:e.textContent;return null==t?void 0:t.substring(i)}return""}}renderTargetDisplay(){return o("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"),this.getSrSelectedText())}getSrSelectedText(){const t=this.getOptionElementByValue(this.value);if(null==t?void 0:t.length)return o("span",{class:"gux-sr-only"},this.i18n("numberSelected",{numberSelected:t.length.toString()}))}getInputAriaLabel(){return this.canCreateNewOption()&&this.isActiveElement()?this.i18n("pressEnterToCreate",{textInputValue:this.textInput}):this.i18n("textInputResults")}renderTag(){var t;const e=(null===(t=this.value)||void 0===t?void 0:t.split(","))||[];if(e.length)return o("gux-dropdown-multi-tag",{disabled:this.disabled,"number-selected":e.length})}renderFilterInputField(){if(this.expanded&&this.hasTextInput())return o("div",{class:"gux-field gux-input-field"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.textInput),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.textInput))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonInputClick.bind(this),placeholder:this.placeholder||this.i18n("noSelection"),class:"gux-filter-input",type:"text","aria-label":this.getInputAriaLabel(),ref:t=>this.textInputElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this)})))))}renderPopup(){return o("div",{slot:"popup",class:"gux-listbox-container"},o("slot",null))}renderTarget(){return o("div",{class:{"gux-target-container":!0,"gux-target-container-expanded":this.expanded&&this.hasTextInput(),"gux-target-container-collapsed":!(this.expanded&&this.hasTextInput()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:this.disabled,onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderTag(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:"chevron-small-down"})))}renderTargetContent(){if(!this.expanded||!this.hasTextInput())return o("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return o("gux-radial-loading",{context:"input"})}render(){return[o("div",{key:"a56ff37c913a03d6e3cb69541c6b920e40733cf8",class:"gux-dropdown-container"},o("gux-popup",{key:"9801d928d3b0e5eb45635ee52e4c003616985629",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled},this.renderTarget(),this.renderPopup()))]}static get delegatesFocus(){return!0}get root(){return r(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],value:["watchValue"],textInput:["handleFilter"]}}};p([h({childList:!0,subtree:!0})],x.prototype,"onMutation",null),p([n({triggerEvents:"mousedown"})],x.prototype,"onClickOutside",null),x.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-dropdown-container{position:relative}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{height:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{position:relative;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-width:0;height:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-selected-option .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-placeholder .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%;padding-left:0}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);padding-left:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-listbox-container{box-sizing:border-box;margin:0}";export{x as gux_dropdown_multi}
|
1
|
+
import{r as t,c as e,f as i,h as o,g as r}from"./p-2e827df1.js";import{O as n}from"./p-2d1bdeab.js";import{b as s}from"./p-0367930a.js";import{s as u}from"./p-2c25e2f2.js";import{b as l}from"./p-cf0e7d3b.js";import{o as a}from"./p-f4751a15.js";import{t as d}from"./p-d9dcdc14.js";import{s as g,g as c}from"./p-787c5373.js";import{O as h}from"./p-01471ba0.js";import"./p-4202e9f2.js";const f={textInputResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown",numberSelected:"{numberSelected} selected",pressEnterToCreate:"Press Enter to create new option, {textInputValue}"};var p=function(t,e,i,o){var r,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var u=t.length-1;u>=0;u--)(r=t[u])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const x=class{constructor(i){t(this,i),this.guxcreateoption=e(this,"guxcreateoption",7),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.value=void 0,this.disabled=!1,this.required=!1,this.loading=!1,this.placeholder=void 0,this.filterType="none",this.hasError=!1,this.hasCreate=!1,this.expanded=!1,this.textInput=""}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit()}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}focusSelectedItemAfterRender(t){t&&this.listboxElement&&l((()=>{this.hasTextInput()?this.textInputElement.focus():this.listboxElement.focus()})),t||(this.textInput="")}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}getSelectedValues(){var t;return Promise.resolve((null===(t=this.value)||void 0===t?void 0:t.split(","))||[])}onKeydown(t){switch(t.key){case"Escape":return this.hasTextInput()&&document.activeElement===this.listboxElement?this.textInputElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.textInputElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,g(this.listboxElement)));case"Enter":this.canCreateNewOption()&&this.isActiveElement()&&this.emitCreateOption()}}onInternallistboxoptionsupdated(t){t.stopPropagation(),i(this.root)}onClearselected(t){t.stopPropagation(),this.updateValue(""),this.listboxElement&&(this.listboxElement.value=void 0),this.validateValue(this.value,this.listboxElement),this.fieldButtonElement.focus()}onCreatenewoption(t){t.stopPropagation(),this.emitCreateOption()}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.hasCreate=!!this.root.querySelector("gux-create-option"))}async componentWillLoad(){d(this.root),this.i18n=await s(this.root,f),a(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.textInput=this.textInput)}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)?e.value=t:this.value=void 0:e&&(e.value=t)}hasTextInput(){return this.isFilterable()||this.hasCreate}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}isFilterable(){return"custom"===this.filterType||"starts-with"===this.filterType}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=Array.from(this.root.querySelectorAll("gux-option-multi")),i=t?t.split(","):void 0;if(i)return e.filter((t=>i.includes(t.value)))}fieldButtonClick(){this.expanded=!this.expanded}fieldButtonInputClick(){this.expanded||(this.expanded=!this.expanded)}filterInput(t){t.stopPropagation(),this.textInput=this.textInputElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.hasTextInput()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.hasTextInput()&&document.activeElement===this.listboxElement}emitCreateOption(){this.guxcreateoption.emit(this.textInput),this.textInput="",this.textInputElement.value=""}canCreateNewOption(){return this.hasCreate&&this.textInput&&!this.listboxElement.hasExactMatch}isActiveElement(){return document.activeElement===this.root}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){if("ArrowDown"===t.key)return t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),void g(this.listboxElement)}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,u(this.root,"input"),u(this.root,"change"))}getTypeaheadText(t){var e;const i=t.length;if(i>0&&!this.loading){const o=c(this.listboxElement,t);if(o&&"custom"!==this.filterType){const t=null===(e=o.querySelector("[gux-slot-container]"))||void 0===e?void 0:e.textContent;return null==t?void 0:t.substring(i)}return""}}renderTargetDisplay(){return o("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"),this.getSrSelectedText())}getSrSelectedText(){const t=this.getOptionElementByValue(this.value);if(null==t?void 0:t.length)return o("span",{class:"gux-sr-only"},this.i18n("numberSelected",{numberSelected:t.length.toString()}))}getInputAriaLabel(){return this.canCreateNewOption()&&this.isActiveElement()?this.i18n("pressEnterToCreate",{textInputValue:this.textInput}):this.i18n("textInputResults")}renderTag(){var t;const e=(null===(t=this.value)||void 0===t?void 0:t.split(","))||[];if(e.length)return o("gux-dropdown-multi-tag",{disabled:this.disabled,"number-selected":e.length})}renderFilterInputField(){if(this.expanded&&this.hasTextInput())return o("div",{class:"gux-field gux-input-field"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.textInput),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.textInput))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonInputClick.bind(this),placeholder:this.placeholder||this.i18n("noSelection"),class:"gux-filter-input",type:"text","aria-label":this.getInputAriaLabel(),ref:t=>this.textInputElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this)})))))}renderPopup(){return o("div",{slot:"popup",class:"gux-listbox-container"},o("slot",null))}renderTarget(){return o("div",{class:{"gux-target-container":!0,"gux-target-container-expanded":this.expanded&&this.hasTextInput(),"gux-target-container-collapsed":!(this.expanded&&this.hasTextInput()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:this.disabled,onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderTag(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:"chevron-small-down"})))}renderTargetContent(){if(!this.expanded||!this.hasTextInput())return o("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return o("gux-radial-loading",{context:"input"})}render(){return[o("div",{key:"793f31470c6f471b09f646a7757f3f154eeaf128",class:"gux-dropdown-container"},o("gux-popup",{key:"b0eec24253e1544d57906d537b247df2f213019c",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled},this.renderTarget(),this.renderPopup()))]}static get delegatesFocus(){return!0}get root(){return r(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],value:["watchValue"],textInput:["handleFilter"]}}};p([h({childList:!0,subtree:!0})],x.prototype,"onMutation",null),p([n({triggerEvents:"mousedown"})],x.prototype,"onClickOutside",null),x.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-dropdown-container{position:relative}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{height:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{position:relative;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-width:0;height:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-selected-option .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-placeholder .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%;padding-left:0}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);padding-left:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-listbox-container{box-sizing:border-box;margin:0}";export{x as gux_dropdown_multi}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,c as t,h as o,H as i,g as s}from"./p-2e827df1.js";import{r as n}from"./p-0934300e.js";import{b as
|
1
|
+
import{r as e,c as t,h as o,H as i,g as s}from"./p-2e827df1.js";import{r as n}from"./p-0934300e.js";import{b as a}from"./p-0367930a.js";import"./p-4202e9f2.js";const r={createCustomOptionInstructions:", select to create a new custom option",createOption:'Add "{optionValue}"'},u=class{constructor(o){e(this,o),this.internalcreatenewoption=t(this,"internalcreatenewoption",7),this.value=void 0,this.active=!1,this.hidden=!0,this.filtered=!0,this.hovered=!1}onmouseenter(){this.hovered=!0}onMouseleave(){this.hovered=!1}async guxEmitInternalCreateNewOption(){this.internalcreatenewoption.emit()}handleClick(){this.internalcreatenewoption.emit(this.value)}async componentWillLoad(){this.i18n=await a(this.root,r),this.root.id=this.root.id||n("gux-option-multi")}renderCustomOptionInstructions(){return o("span",{class:"gux-screenreader"},this.i18n("createCustomOptionInstructions"))}render(){return o(i,{key:"6232b8a930fc80b7713da51d24ba2cdbe519df9f",role:"option","aria-selected":!1,class:{"gux-active":this.active,"gux-hovered":this.hovered,"gux-filtered":this.filtered}},o("div",{key:"e8202a43d2aebeb320eab8687cbc1b636bb51cfd",class:"gux-option"},o("gux-icon",{key:"a253b420d57c79718171b4e9056ca76d8df331e6",decorative:!0,iconName:"add"}),o("div",{key:"9d683eeab31ac7f0eb6719da88aed4ab57e54e02",class:"gux-create-text"},this.i18n("createOption",{optionValue:this.value})),this.renderCustomOptionInstructions()))}get root(){return s(this)}};u.style=":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;min-height:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host:host(.gux-active){border-radius:var(--gse-semantic-focusRing-cornerRadius);outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);outline-offset:-2px}:host:host(.gux-hovered:not([disabled])){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host:host(.gux-filtered){display:none}:host gux-icon{width:var(--gse-ui-menu-option-startIcon-width);height:var(--gse-ui-menu-option-startIcon-height);padding-right:var(--gse-ui-menu-option-gap)}:host .gux-option{display:inline-flex}:host .gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{u as gux_create_option}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,h as a,g as i}from"./p-2e827df1.js";import{t as n}from"./p-
|
1
|
+
import{r as t,c as e,h as a,g as i}from"./p-2e827df1.js";import{t as n}from"./p-d9dcdc14.js";import{b as o}from"./p-0367930a.js";import"./p-4202e9f2.js";const s={previous:"Previous",next:"Next"},r=class{constructor(a){t(this,a),this.guxPaginationCursorchange=e(this,"guxPaginationCursorchange",7),this.guxitemsperpagechange=e(this,"guxitemsperpagechange",7),this.hasPrevious=!1,this.hasNext=!1,this.itemsPerPage=void 0,this.layout="simple"}handleInternalitemsperpagechange(t){this.guxitemsperpagechange.emit(t.detail)}onButtonClick(t){("previous"===t&&this.hasPrevious||"next"===t&&this.hasNext)&&this.guxPaginationCursorchange.emit(t)}async componentWillLoad(){n(this.root),this.i18n=await o(this.root,s)}renderSimpleLayout(){return[a("div",{role:"navigation",class:"gux-pagination-button-container"},a("gux-button-slot",{accent:"ghost"},a("button",{class:"gux-simple-button",type:"button",disabled:!this.hasPrevious,onClick:()=>this.onButtonClick("previous")},a("gux-icon",{iconName:"chevron-small-left","screenreader-text":this.i18n("previous")}))),a("gux-button-slot",{accent:"ghost"},a("button",{class:"gux-simple-button",type:"button",disabled:!this.hasNext,onClick:()=>this.onButtonClick("next")},a("gux-icon",{iconName:"chevron-small-right","screenreader-text":this.i18n("next")}))))]}renderAdvancedLayout(){return[a("div",{role:"navigation",class:"gux-pagination-button-container"},a("gux-button-slot",{accent:"ghost"},a("button",{type:"button",disabled:!this.hasPrevious,onClick:()=>this.onButtonClick("previous")},a("div",{class:"gux-button-align-content"},a("gux-icon",{decorative:!0,iconName:"chevron-small-left"}),a("span",null,this.i18n("previous"))))),a("gux-button-slot",{accent:"ghost"},a("button",{type:"button",disabled:!this.hasNext,onClick:()=>this.onButtonClick("next")},a("div",{class:"gux-button-align-content"},a("span",null,this.i18n("next")),a("gux-icon",{decorative:!0,iconName:"chevron-small-right"}))))),this.renderItemsPerPage()]}renderItemsPerPage(){return this.itemsPerPage&&a("gux-pagination-items-per-page",{"items-per-page":this.itemsPerPage,onInternalitemsperpagechange:this.handleInternalitemsperpagechange.bind(this)})}render(){return"advanced"===this.layout?this.renderAdvancedLayout():this.renderSimpleLayout()}get root(){return i(this)}};r.style=":host{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;padding:var(--gse-ui-dataTableItems-tablePagination-padding);font-family:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontFamily);font-size:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontSize);font-weight:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontWeight);line-height:var(--gse-ui-dataTableItems-tablePagination-defaultText-lineHeight);color:var(--gse-ui-dataTableItems-tablePagination-foregroundColor);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor);border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}:host .gux-pagination-button-container{display:flex;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);align-content:center}:host .gux-button-align-content{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-button-gap);align-content:center;align-items:center}:host .gux-button-align-content>*{flex:0 1 auto;align-self:auto;order:0}:host gux-icon{width:var(--gse-ui-button-icon-size);height:var(--gse-ui-button-icon-size)}";export{r as gux_pagination_cursor}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as a,c as o,h as t,g as e}from"./p-2e827df1.js";import{r as i}from"./p-0934300e.js";import{t as n}from"./p-
|
1
|
+
import{r as a,c as o,h as t,g as e}from"./p-2e827df1.js";import{r as i}from"./p-0934300e.js";import{t as n}from"./p-d9dcdc14.js";const l=class{constructor(t){a(this,t),this.guxdismiss=o(this,"guxdismiss",7),this.size="dynamic",this.trapFocus=!0,this.initialFocus=void 0}handleKeyEvent(a){"Escape"===a.key&&this.onDismissHandler(a)}connectedCallback(){this.triggerElement=document.activeElement}componentWillLoad(){n(this.root,{variant:`${this.size}-${this.trapFocus?"trapfocuson":"trapfocusoff"}`})}componentDidLoad(){var a,o,t;const e=this.getInitialFocusElement();e?null===(a=e.focus)||void 0===a||a.call(e):this.dismissButton&&(null===(t=(o=this.dismissButton).focus)||void 0===t||t.call(o))}render(){const a=this.hasModalTitleSlot(),o=this.hasFooterButtons(),e=i();return t("div",{key:"bf5aa99c17196583643a091cadc4ac61af4e95d5",class:"gux-modal",role:"dialog","aria-modal":"true","aria-labelledby":a?e:null},t("div",{key:"d13021f74577d221681404037749b2fa11a49f7c",class:`gux-modal-container gux-${this.size}`},this.renderModalTrapFocusEl(),a&&t("h1",{class:"gux-modal-header",id:e},t("slot",{name:"title"})),t("gux-dismiss-button",{key:"cfa6569a483402546a6c02d82eb299532eeda09c",onClick:this.onDismissHandler.bind(this),ref:a=>this.dismissButton=a}),t("div",{key:"ffcb7df17b6096b63cf4c7f7a54a363ea9e3822a",class:{"gux-modal-content":!0,"gux-no-buttons":!o}},t("p",{key:"8abb233f4af9528d456bcaa50884f426f274c14b"},t("slot",{key:"a5a7e272a776c515e6719cd45d6473ebea19b970",name:"content"}))),o&&t("div",{class:"gux-button-footer"},t("div",{class:"gux-left-align-buttons"},t("slot",{name:"left-align-buttons"})),t("div",{class:"gux-right-align-buttons"},t("slot",{name:"right-align-buttons"}))),this.renderModalTrapFocusEl()))}renderModalTrapFocusEl(){if(this.trapFocus)return t("span",{onFocus:()=>this.dismissButton.focus(),tabindex:"0"})}getInitialFocusElement(){return this.initialFocus?this.root.querySelector(this.initialFocus):void 0}hasModalTitleSlot(){return Boolean(this.root.querySelector('[slot="title"]'))}hasFooterButtons(){return Boolean(this.root.querySelector('[slot="left-align-buttons"]'))||Boolean(this.root.querySelector('[slot="right-align-buttons"]'))}onDismissHandler(a){var o;a.stopPropagation(),this.guxdismiss.emit().defaultPrevented||(this.root.remove(),null===(o=this.triggerElement)||void 0===o||o.focus())}get root(){return e(this)}};l.style="::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}slot[name=left-align-buttons]::slotted(:not(button,gux-button)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host .gux-modal{position:fixed;inset:0;z-index:var(--gse-semantic-zIndex-modal);display:flex;align-items:center;justify-content:center;color:#2e394c;background:var(--gse-ui-modal-shroudColor)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gse-ui-modal-padding);background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host .gux-modal .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";export{l as gux_modal_legacy}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as
|
1
|
+
import{r as e,c as t,h as i}from"./p-2e827df1.js";import{a as s,c as a,o as n,f as o,d,s as p,h as c}from"./p-b43ee47b.js";const r=class{constructor(i){e(this,i),this.internalexpanded=t(this,"internalexpanded",7),this.internalcollapsed=t(this,"internalcollapsed",7),this.placement="bottom-start",this.expanded=!1,this.disabled=!1,this.offset=2,this.exceedTargetWidth=!1}runUpdatePosition(){this.cleanupUpdatePosition=s(this.targetElementContainer,this.popupElementContainer,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){if(this.targetElementContainer&&this.popupElementContainer){const e=this.exceedTargetWidth;a(this.targetElementContainer,this.popupElementContainer,{strategy:"fixed",placement:this.placement,middleware:[n(this.offset),o(),d({apply({rects:t,elements:i}){Object.assign(i.floating.style,e?{minWidth:`${t.reference.width}px`}:{width:`${t.reference.width}px`,overflow:"hidden"})}}),p(),c()]}).then((({x:e,y:t,middlewareData:i})=>{const{referenceHidden:s}=i.hide;Object.assign(this.popupElementContainer.style,{left:`${e}px`,top:`${t}px`}),s?this.popupElementContainer.classList.add("gux-sr-only-clip"):this.popupElementContainer.classList.remove("gux-sr-only-clip")}))}}onExpandedChange(e){e?this.internalexpanded.emit():this.internalcollapsed.emit()}componentDidLoad(){this.expanded&&this.runUpdatePosition()}componentDidUpdate(){this.expanded?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return i("div",{key:"9e53f22cffb93df1eb198af2e647efb2c333353d",class:{"gux-target-container":!0,"gux-disabled":this.disabled},"aria-disabled":this.disabled.toString(),ref:e=>this.targetElementContainer=e},i("slot",{key:"e109aef172032431187e7c8afeedd5e3b37879db",name:"target"}),i("div",{key:"d9e8fdc4d6efd0126b7fc0f15269203470840c4e",class:{"gux-popup-container":!0,"gux-expanded":this.expanded&&!this.disabled},ref:e=>this.popupElementContainer=e},i("slot",{key:"744054dbd67ddefcdb2ec4b858237b40bb0c2db8",name:"popup"})))}static get watchers(){return{expanded:["onExpandedChange"]}}};r.style=".gux-target-container.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-popup-container{position:fixed;z-index:var(--gse-semantic-zIndex-popup);width:max-content;visibility:hidden;background-color:var(--gse-ui-menu-backgroundColor)}.gux-popup-container.gux-expanded{visibility:visible}.gux-sr-only-clip:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";export{r as gux_popup}
|