genesys-spark-components 4.187.1 → 4.187.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/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-announce-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-change-photo-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-group-add-item-beta_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-group-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-group-item-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-badge.cjs.entry.js +4 -4
- package/dist/cjs/gux-blank-state-beta.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_2.cjs.entry.js +1 -1
- package/dist/cjs/gux-calendar.cjs.entry.js +4 -4
- package/dist/cjs/gux-card.cjs.entry.js +1 -1
- package/dist/cjs/gux-cloud-logo-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-cloud-logomark-beta.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 +1 -1
- package/dist/cjs/gux-context-menu.cjs.entry.js +1 -1
- package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js +1 -1
- package/dist/cjs/gux-create-option.cjs.entry.js +4 -4
- 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 +18 -2
- package/dist/cjs/gux-day-beta.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.cjs.entry.js +5 -5
- package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-file-list-item.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 +1 -1
- package/dist/cjs/gux-form-field-checkbox-group-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-file-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-file.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-label-indicator.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-number_2.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-phone.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-radio-group-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-range.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-time-zone-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-footer.cjs.entry.js +1 -1
- package/dist/cjs/gux-icon-tooltip-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-icon.cjs.entry.js +1 -1
- package/dist/cjs/gux-illustration-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-inline-alert.cjs.entry.js +1 -1
- package/dist/cjs/gux-inline-dropdown-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-label-info-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-link-beta.cjs.entry.js +1 -1
- 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 +1 -1
- package/dist/cjs/gux-logo-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-logomark-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal-side-panel-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal.cjs.entry.js +1 -1
- 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-multi.cjs.entry.js +4 -4
- package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
- package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-list-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-prompt-input-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
- package/dist/cjs/gux-rating.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-highlight-list-item.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-style-list-item_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-text-editor-action-link.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-text-editor-action-rich-style.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-text-editor-action-text-highlight.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-text-editor-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-text-editor-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-text-editor-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-screen-reader-beta.cjs.entry.js +7 -2
- package/dist/cjs/gux-segmented-control-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-selector-card-beta.cjs.entry.js +5 -5
- package/dist/cjs/gux-selector-cards-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-side-panel-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-side-panel-header.cjs.entry.js +1 -1
- package/dist/cjs/gux-side-panel-heading.cjs.entry.js +1 -1
- package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-skip-navigation-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
- package/dist/cjs/gux-status-indicator-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-step-title.cjs.entry.js +1 -1
- package/dist/cjs/gux-step.cjs.entry.js +1 -1
- package/dist/cjs/gux-stepper-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-switch-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar.cjs.entry.js +1 -1
- package/dist/cjs/gux-table.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
- package/dist/cjs/gux-tag.cjs.entry.js +1 -1
- 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 +1 -1
- package/dist/cjs/gux-time-zone-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-toast.cjs.entry.js +1 -1
- package/dist/cjs/gux-toggle.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip-base-beta_2.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip-pointer-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip_2.cjs.entry.js +1 -1
- package/dist/cjs/gux-tree-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-tree-multi-beta.cjs.entry.js +1 -1
- package/dist/cjs/index-DJ9HGtdZ.js +4 -4
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{usage-Ypiicskt.js → usage-C6iTAhYl.js} +1 -1
- package/dist/collection/components/beta/gux-day/gux-day.css +0 -12
- package/dist/collection/components/beta/gux-day/gux-day.js +1 -1
- package/dist/collection/components/beta/gux-screen-reader/gux-screen-reader.js +32 -1
- package/dist/collection/components/beta/gux-screen-reader/tests/gux-screen-reader.common.js +5 -0
- package/dist/collection/components/beta/gux-selector-cards/gux-selector-card/gux-selector-card.css +0 -8
- package/dist/collection/components/beta/gux-selector-cards/gux-selector-card/gux-selector-card.js +3 -3
- package/dist/collection/components/stable/gux-badge/gux-badge.css +0 -11
- package/dist/collection/components/stable/gux-badge/gux-badge.js +2 -2
- package/dist/collection/components/stable/gux-calendar/gux-calendar.css +0 -9
- package/dist/collection/components/stable/gux-calendar/gux-calendar.js +2 -2
- package/dist/collection/components/stable/gux-datepicker/gux-datepicker.js +17 -1
- package/dist/collection/components/stable/gux-dropdown-multi/gux-dropdown-multi.css +0 -15
- package/dist/collection/components/stable/gux-dropdown-multi/gux-dropdown-multi.js +3 -3
- package/dist/collection/components/stable/gux-listbox-multi/gux-create-option/gux-create-option.css +0 -8
- package/dist/collection/components/stable/gux-listbox-multi/gux-create-option/gux-create-option.js +3 -3
- package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.css +0 -8
- package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.js +3 -3
- 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-announce-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-change-photo-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-group-add-item-beta_3.entry.js +1 -1
- package/dist/esm/gux-avatar-group-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-group-item-beta.entry.js +1 -1
- package/dist/esm/gux-badge.entry.js +4 -4
- package/dist/esm/gux-blank-state-beta.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_2.entry.js +1 -1
- package/dist/esm/gux-calendar.entry.js +4 -4
- package/dist/esm/gux-card.entry.js +1 -1
- package/dist/esm/gux-cloud-logo-beta.entry.js +1 -1
- package/dist/esm/gux-cloud-logomark-beta.entry.js +1 -1
- package/dist/esm/gux-column-manager.entry.js +1 -1
- package/dist/esm/gux-content-search.entry.js +1 -1
- package/dist/esm/gux-context-menu.entry.js +1 -1
- package/dist/esm/gux-copy-to-clipboard.entry.js +1 -1
- package/dist/esm/gux-create-option.entry.js +4 -4
- 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 +18 -2
- package/dist/esm/gux-day-beta.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.entry.js +5 -5
- package/dist/esm/gux-dropdown_3.entry.js +1 -1
- package/dist/esm/gux-file-list-item.entry.js +1 -1
- package/dist/esm/gux-flag-icon-beta.entry.js +1 -1
- package/dist/esm/gux-flyout-menu.entry.js +1 -1
- package/dist/esm/gux-form-field-checkbox-group-beta.entry.js +1 -1
- package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
- package/dist/esm/gux-form-field-color.entry.js +1 -1
- package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
- package/dist/esm/gux-form-field-file-beta.entry.js +1 -1
- package/dist/esm/gux-form-field-file.entry.js +1 -1
- package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
- package/dist/esm/gux-form-field-label-indicator.entry.js +1 -1
- package/dist/esm/gux-form-field-number_2.entry.js +1 -1
- package/dist/esm/gux-form-field-phone.entry.js +1 -1
- package/dist/esm/gux-form-field-radio-group-beta.entry.js +1 -1
- package/dist/esm/gux-form-field-radio.entry.js +1 -1
- package/dist/esm/gux-form-field-range.entry.js +1 -1
- package/dist/esm/gux-form-field-search.entry.js +1 -1
- package/dist/esm/gux-form-field-select.entry.js +1 -1
- package/dist/esm/gux-form-field-text-like.entry.js +1 -1
- package/dist/esm/gux-form-field-textarea.entry.js +1 -1
- package/dist/esm/gux-form-field-time-picker.entry.js +1 -1
- package/dist/esm/gux-form-field-time-zone-picker.entry.js +1 -1
- package/dist/esm/gux-form-footer.entry.js +1 -1
- package/dist/esm/gux-icon-tooltip-beta.entry.js +1 -1
- package/dist/esm/gux-icon.entry.js +1 -1
- package/dist/esm/gux-illustration-beta.entry.js +1 -1
- package/dist/esm/gux-inline-alert.entry.js +1 -1
- package/dist/esm/gux-inline-dropdown-beta.entry.js +1 -1
- package/dist/esm/gux-label-info-beta.entry.js +1 -1
- package/dist/esm/gux-link-beta.entry.js +1 -1
- 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 +1 -1
- package/dist/esm/gux-logo-beta.entry.js +1 -1
- package/dist/esm/gux-logomark-beta.entry.js +1 -1
- package/dist/esm/gux-modal-legacy.entry.js +1 -1
- package/dist/esm/gux-modal-side-panel-beta.entry.js +1 -1
- package/dist/esm/gux-modal.entry.js +1 -1
- 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-multi.entry.js +4 -4
- package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
- package/dist/esm/gux-pagination-cursor.entry.js +1 -1
- package/dist/esm/gux-pagination-legacy.entry.js +1 -1
- package/dist/esm/gux-pagination.entry.js +1 -1
- package/dist/esm/gux-phone-input-beta.entry.js +1 -1
- package/dist/esm/gux-popover-beta.entry.js +1 -1
- package/dist/esm/gux-popover-list-beta.entry.js +1 -1
- package/dist/esm/gux-popover-list.entry.js +1 -1
- package/dist/esm/gux-prompt-input-beta.entry.js +1 -1
- package/dist/esm/gux-radial-loading.entry.js +1 -1
- package/dist/esm/gux-radial-progress.entry.js +1 -1
- package/dist/esm/gux-rating.entry.js +1 -1
- package/dist/esm/gux-rich-highlight-list-item.entry.js +1 -1
- package/dist/esm/gux-rich-style-list-item_3.entry.js +1 -1
- package/dist/esm/gux-rich-text-editor-action-link.entry.js +1 -1
- package/dist/esm/gux-rich-text-editor-action-rich-style.entry.js +1 -1
- package/dist/esm/gux-rich-text-editor-action-text-highlight.entry.js +1 -1
- package/dist/esm/gux-rich-text-editor-action.entry.js +1 -1
- package/dist/esm/gux-rich-text-editor-beta.entry.js +1 -1
- package/dist/esm/gux-rich-text-editor-list.entry.js +1 -1
- package/dist/esm/gux-screen-reader-beta.entry.js +7 -2
- package/dist/esm/gux-segmented-control-beta.entry.js +1 -1
- package/dist/esm/gux-selector-card-beta.entry.js +5 -5
- package/dist/esm/gux-selector-cards-beta.entry.js +1 -1
- package/dist/esm/gux-side-panel-beta.entry.js +1 -1
- package/dist/esm/gux-side-panel-header.entry.js +1 -1
- package/dist/esm/gux-side-panel-heading.entry.js +1 -1
- package/dist/esm/gux-simple-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-skip-navigation-list.entry.js +1 -1
- package/dist/esm/gux-sort-control.entry.js +1 -1
- package/dist/esm/gux-status-indicator-beta.entry.js +1 -1
- package/dist/esm/gux-step-title.entry.js +1 -1
- package/dist/esm/gux-step.entry.js +1 -1
- package/dist/esm/gux-stepper-beta.entry.js +1 -1
- package/dist/esm/gux-switch-legacy.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-action.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-custom-action.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-menu-button.entry.js +1 -1
- package/dist/esm/gux-table-toolbar.entry.js +1 -1
- package/dist/esm/gux-table.entry.js +1 -1
- package/dist/esm/gux-tabs-advanced.entry.js +1 -1
- package/dist/esm/gux-tabs.entry.js +1 -1
- package/dist/esm/gux-tag.entry.js +1 -1
- 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 +1 -1
- package/dist/esm/gux-time-zone-beta.entry.js +1 -1
- package/dist/esm/gux-time-zone-picker-beta.entry.js +1 -1
- package/dist/esm/gux-toast.entry.js +1 -1
- package/dist/esm/gux-toggle.entry.js +1 -1
- package/dist/esm/gux-tooltip-base-beta_2.entry.js +1 -1
- package/dist/esm/gux-tooltip-pointer-beta.entry.js +1 -1
- package/dist/esm/gux-tooltip_2.entry.js +1 -1
- package/dist/esm/gux-tree-beta.entry.js +1 -1
- package/dist/esm/gux-tree-multi-beta.entry.js +1 -1
- package/dist/esm/index-mm833MRp.js +4 -4
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{usage-Bk9hX_6O.js → usage-B_5U73XW.js} +1 -1
- package/dist/genesys-webcomponents/genesys-webcomponents-legacy.css +1 -1
- package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
- package/dist/genesys-webcomponents/{p-951e0b12.entry.js → p-00d5cada.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-024c5bd7.entry.js → p-018bf1ab.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-250391fe.entry.js → p-03333fcc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f9f43ca9.entry.js → p-0644d23c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6111e683.entry.js → p-08dc9e6d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-686a3f3c.entry.js → p-095d6cce.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7421a1b7.entry.js → p-09ac47f1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d784f87d.entry.js → p-0ab37389.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-aff0c154.entry.js → p-0b010496.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-149c0790.entry.js → p-0be0b061.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5f4d960f.entry.js → p-0bff7f73.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d9ba561a.entry.js → p-0f0fe361.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dc1fee05.entry.js → p-0f6bb470.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-85aa96c9.entry.js → p-0f6d7178.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-15f3a969.entry.js → p-11dc6e8f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9840f9d8.entry.js → p-12ce6f7a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ede10314.entry.js → p-13154f56.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b3e3f1ec.entry.js → p-134ddaa6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2236e4f5.entry.js → p-1363318d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-37b38bcc.entry.js → p-14e5c6bd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-56eefc7c.entry.js → p-1518057f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4d7bea11.entry.js → p-152bddd5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a6077763.entry.js → p-175abdfc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7a1645fa.entry.js → p-1cf4e79f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9607d0ae.entry.js → p-1de7a1f2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-19040d1c.entry.js → p-1ecb422e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-eb5a48e9.entry.js → p-2067287f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-73b5d09a.entry.js → p-21c28a3b.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-21dd96fd.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-e902c696.entry.js → p-26cd1f16.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5e6a3b79.entry.js → p-27ae3edf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bad949b8.entry.js → p-282a09b1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5cc0dc7b.entry.js → p-2a0a4599.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-77ddb8e9.entry.js → p-2bad24a0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7a3b6441.entry.js → p-311fdf37.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-743e60e7.entry.js → p-321cd88b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-09146dba.entry.js → p-32aeb326.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6419f6ef.entry.js → p-33574ddd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8ba208a6.entry.js → p-3370b803.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fb7ec589.entry.js → p-33c720e1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4350f7bc.entry.js → p-3495f259.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ea2ad326.entry.js → p-37bb3fcb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-09de7dec.entry.js → p-3a671b77.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-99e2e425.entry.js → p-3bec06d0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ae3a0ed8.entry.js → p-3c191fde.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-3c9277b9.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-8a7fe03e.entry.js → p-41b7c02e.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-4a435f18.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-4d4de998.entry.js → p-4ac3fdc4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2501d280.entry.js → p-4aff9800.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e92c1b8a.entry.js → p-4cf0a191.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dbe2fed8.entry.js → p-4e526ed6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8d6ed0bb.entry.js → p-4efbba61.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-599e49fc.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-682398bc.entry.js → p-5a8917be.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d7a2b347.entry.js → p-5a8d483c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-20c7d0fb.entry.js → p-5dc230b1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-47ba2493.entry.js → p-60c67e21.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-6738c43a.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-1ff8c4dc.entry.js → p-674bbdd9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-77e16378.entry.js → p-68934600.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-18a14293.entry.js → p-6bfe864e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-36af37ae.entry.js → p-7082e7b2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2d2af6d1.entry.js → p-7120b23d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-68826892.entry.js → p-729875c6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-780e2bbc.entry.js → p-77c7eed5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-67ae6c31.entry.js → p-7a01b84f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9e7c72ef.entry.js → p-7af238b6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ca64f653.entry.js → p-7d236eff.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-7d8f32b8.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-72be9416.entry.js → p-820ebd57.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0f3b84f0.entry.js → p-8380c98f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f26230e7.entry.js → p-86a1911e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1c41349d.entry.js → p-89b6a139.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6747cb6b.entry.js → p-8b033585.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-abb54abc.entry.js → p-8c91a537.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ac905094.entry.js → p-903c6506.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-90afe444.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-777c1a9e.entry.js → p-91c8e086.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4b5e919b.entry.js → p-936df20f.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-95b8da60.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-c4dee7b9.entry.js → p-96ed3fae.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-abfec18e.entry.js → p-9d03007f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dd9d3bc9.entry.js → p-9fc56556.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-Bk9hX_6O.js → p-B_5U73XW.js} +1 -1
- package/dist/genesys-webcomponents/{p-873a4971.entry.js → p-a06f4841.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0cbff9e9.entry.js → p-a403be28.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-a48c397c.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-3e50360d.entry.js → p-a8154cbf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d219d656.entry.js → p-a9534e06.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-df4ac31b.entry.js → p-aaddc6e3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2fcc608f.entry.js → p-aea87a1c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-869cbfef.entry.js → p-afc8db57.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e21679ab.entry.js → p-b20927f0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4485df35.entry.js → p-b233f48f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-013e3c33.entry.js → p-b40de893.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-10260c86.entry.js → p-b6ea07cf.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-b975d30b.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-b2d1ecce.entry.js → p-bada9b52.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-367ea289.entry.js → p-becb24d3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-791c159e.entry.js → p-c088cacc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-545bc747.entry.js → p-c0d80c70.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1bd94bc5.entry.js → p-c0fd4d69.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-c3718d82.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-9f492956.entry.js → p-c3958e6e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f781f503.entry.js → p-c7101d55.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0dacef46.entry.js → p-c90e75e3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-189457b6.entry.js → p-ccdcbc66.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5d8114f4.entry.js → p-d28148fc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4e5d7bcb.entry.js → p-d34b3c6b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e5eea8aa.entry.js → p-d64815c3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c1db307f.entry.js → p-d98c2f60.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9bfab72c.entry.js → p-da88b370.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-32f17393.entry.js → p-dc299352.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5cff9d1c.entry.js → p-dcd246c2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4c2f1433.entry.js → p-dd50c042.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-04431ed6.entry.js → p-e115772d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e3671880.entry.js → p-e1b30c83.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-981cdb0b.entry.js → p-e21a3093.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3e898719.entry.js → p-e5429730.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e18193c8.entry.js → p-ec38cf55.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-78e4a090.entry.js → p-f3744aff.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f26867a3.entry.js → p-f4d0b061.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9eaaa1c0.entry.js → p-f69d1332.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ea40f5b2.entry.js → p-f77a2e00.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-71d25073.entry.js → p-f9cf4f93.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-09f33fd5.entry.js → p-fb4b6da3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7b4ccc02.entry.js → p-fbf8f8e0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f9f5f4b9.entry.js → p-fc3edfaf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-03897c15.entry.js → p-fc7b349f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ee857ca7.entry.js → p-fd437ac9.entry.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/components/beta/gux-screen-reader/gux-screen-reader.d.ts +4 -0
- package/dist/types/components/beta/gux-screen-reader/tests/gux-screen-reader.common.d.ts +1 -0
- package/dist/types/components/stable/gux-datepicker/gux-datepicker.d.ts +1 -0
- package/dist/types/components.d.ts +10 -0
- package/dist/types/stencil-wrapper.d.ts +1 -1
- package/package.json +6 -6
- package/dist/genesys-webcomponents/p-09649590.entry.js +0 -1
- package/dist/genesys-webcomponents/p-38fc0f14.entry.js +0 -1
- package/dist/genesys-webcomponents/p-3ecb4060.entry.js +0 -1
- package/dist/genesys-webcomponents/p-487b8a7f.entry.js +0 -1
- package/dist/genesys-webcomponents/p-53a84f93.entry.js +0 -1
- package/dist/genesys-webcomponents/p-9a096d50.entry.js +0 -1
- package/dist/genesys-webcomponents/p-a4d41223.entry.js +0 -1
- package/dist/genesys-webcomponents/p-b6e80839.entry.js +0 -1
- package/dist/genesys-webcomponents/p-d4135044.entry.js +0 -1
- package/dist/genesys-webcomponents/p-dbdc447e.entry.js +0 -1
- package/dist/genesys-webcomponents/p-ff393e3b.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,a as i}from"./p-mm833MRp.js";import{O as r}from"./p-CuMZPTZF.js";import{s as o}from"./p-BMRf5pjV.js";import{b as s}from"./p-Bg4q97BS.js";import{g as n,b as a}from"./p-D_8CR3cJ.js";import{t as u}from"./p-Bk9hX_6O.js";import{a as c}from"./p-DxtJDeL9.js";import{a as l}from"./p-DvPw3gUX.js";import{u as h}from"./p-BgaA4g76.js";import"./p-Cd4R0amv.js";import"./p-DCZG2J0G.js";var p={am:"AM","time-separator":":",clockButton:"Toggle suggested times",hoursInput:"Input hours",minutesInput:"Input minutes",pm:"PM",timeOptionsState:"Time options open: {state}",toggleAmPM:"{amOrPm} selected, click to toggle"};function m(t){const e=new Date,[i,r]=t.split(":");return e.setHours(parseFloat(i)),e.setMinutes(parseFloat(r)),e.setSeconds(0),e.getTime()}function g(t,e){const[i,r]=t.split(":");return`${((parseInt(i,10)+e+24)%24).toString().padStart(2,"0")}:${r}`}function d(t,e,i){const[r,o]=t.split(":");let s=(parseInt(o,10)+e+60)%60;for(;s%i!=0;)s=(s+e+60)%60;return`${r}:${s.toString().padStart(2,"0")}`}function f(t,e){const[i,r]=t.split(":");return"12h"===e?`${(parseInt(i,10)%12||12).toString().padStart(2,"0")}:${r}`:`${i}:${r}`}function x(t,e,i){const[r,o]=t.split(":");return"12h"===e?i?`${(parseInt(r,10)%12).toString().padStart(2,"0")}:${o}`:`${(parseInt(r,10)%12+12).toString().padStart(2,"0")}:${o}`:`${r}:${o}`}function b(t,e){const[i]=f(t,e).split(":");return i}function v(t){const[,e]=t.split(":");return e}function k(t){const[e]=t.split(":");return parseInt(e,10)<12}function w(t){return"12h"===t?"^(0?[1-9]|1[012])$":"^([01]?[0-9]|2[0-3])$"}function C(t){var e,i,r,o;const s=new Intl.DateTimeFormat(t,{hour:"numeric",minute:"2-digit",hour12:!0}),n=s.formatToParts(new Date(2020,0,1,9,0)),a=s.formatToParts(new Date(2020,0,1,21,0));return{am:null!==(i=null===(e=n.find((t=>"dayPeriod"===t.type)))||void 0===e?void 0:e.value)&&void 0!==i?i:"AM",pm:null!==(o=null===(r=a.find((t=>"dayPeriod"===t.type)))||void 0===r?void 0:r.value)&&void 0!==o?o:"PM"}}const y=class{constructor(e){t(this,e),this.value="00:00",this.interval=60,this.step=1,this.disabled=!1,this.required=!1,this.hasError=!1,this.expanded=!1}onFocus(){this.valueLastChange=this.value}onBlur(){this.valueLastChange!==this.value&&o(this.root,"change")}onClickOutside(){this.expanded=!1}handleKeydown(t){switch(t.key){case"Escape":case"Tab":this.expanded=!1}}async componentWillLoad(){u(this.root),this.i18n=await a(this.root,p),this.clockType=this.clockType||function(t){let e;e=h()?l(t).toLowerCase():n(t).toLowerCase();const i=new Date("January 19, 1975 15:00:00 UTC+00:00"),r=new Intl.DateTimeFormat(e,{timeStyle:"short",timeZone:"UTC"}).format(i);return!h()&&["ar","ko","zh-cn","zh-tw"].some((t=>e.startsWith(t)))||r.includes("15")?"24h":"12h"}(this.root),this.validateValueFormat(this.value,"00:00"),"12h"==this.clockType&&(this.min||this.max)&&c(this.root,'clock type must be "24h" when using min/max props')}validateValueFormat(t,e){this.isValidTimeFormat(t)||(c(this.root,`"${t}" is not a valid value format. Format must be "hh:mm" or "h:mm". Falling back to previous value: "${e}"`),this.value=e)}isValidTimeFormat(t){return"string"==typeof t&&/^\d{1,2}:\d{2}$/.test(t)}updateValue(t,e=!1){t!==this.value&&(this.value=t,o(this.root,"input"),e&&this.valueLastChange!==this.value&&(o(this.root,"change"),this.valueLastChange=this.value))}valueToId(t){return`gux-id-${t.replace(":","-")}`}focusRelevantItemInPopupList(){s((()=>{this.listElement.guxFocusItemByClosestId(this.valueToId(this.value))}))}toggleDropdown(){this.expanded=!this.expanded,this.expanded&&this.focusRelevantItemInPopupList()}onTargetClick(t){const e=t.composedPath(),i=e.includes(this.clockButton),r=e.includes(this.amPmElement),o=e.includes(this.hourInputElement),s=e.includes(this.minuteInputElement);i||r||s||o||this.toggleDropdown()}handleClickDropdownValue(t){const e=x(t,this.clockType,k(this.value));this.updateValue(e,!0),this.clockButton.focus(),this.expanded=!1}onHourKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(g(this.value,-1));break;case"ArrowUp":t.preventDefault(),this.updateValue(g(this.value,1));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.hourInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i,r,o){const[s,n]=f(t,e).split(":");let a=s;return a="Backspace"===i?"12h"==e&&1==o?a.split("").filter(((t,e)=>e==r-1)).join(""):a.split("").filter(((t,e)=>e!==r-1)).join("").padStart(2,"0"):parseInt(a.slice(0,r)+i+a.slice(r+1),10).toString().slice(-2).padStart(2,"0"),new RegExp(w(e)).test(a)||(a="12h"===e?i:i.padStart(2,"0")),x(`${a}:${n}`,e,k(t))}(this.value,this.clockType,t.key,this.hourInputElement.selectionStart,this.hourInputElement.value.length));break;default:t.preventDefault()}}onMinuteKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(d(this.value,-1,this.step));break;case"ArrowUp":t.preventDefault(),this.updateValue(d(this.value,1,this.step));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.minuteInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i){const[r,o]=t.split(":");let s=o;return s="Backspace"===e?s.split("").filter(((t,e)=>e!==i-1)).join("").padStart(2,"0"):(s.slice(0,i)+e+s.slice(i+1)).slice(-2).padStart(2,"0"),new RegExp("^[0-5][0-9]$").test(s)||(s=e.padStart(2,"0")),`${r}:${s}`}(this.value,t.key,this.minuteInputElement.selectionStart));break;default:t.preventDefault()}}onAmPmButtonKeyDown(t){switch(t.key){case"ArrowDown":case"ArrowUp":this.toggleAmPm(t)}}onListKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.clockButton.focus())}toggleAmPm(t){t.preventDefault(),this.updateValue(g(this.value,12),!0)}getAmPmString(){return k(this.value)?this.i18n("am"):this.i18n("pm")}renderNumberInput(){return e("div",{class:"gux-input-time-container"},e("input",{role:"spinbutton",class:"gux-input-time-hours",type:"text",disabled:this.disabled,value:b(this.value,this.clockType),onKeyDown:t=>this.onHourKeyDown(t),"aria-label":this.i18n("hoursInput"),pattern:w(this.clockType),ref:t=>this.hourInputElement=t,"aria-valuetext":b(this.value,this.clockType),"aria-valuenow":b(this.value,this.clockType),"aria-valuemin":"24h"===this.clockType?0:1,"aria-valuemax":"24h"===this.clockType?23:12}),e("span",{class:"gux-time-separator"},this.i18n("time-separator")),e("input",{role:"spinbutton",class:"gux-input-time-minutes",type:"text",disabled:this.disabled,value:v(this.value),onKeyDown:t=>this.onMinuteKeyDown(t),"aria-label":this.i18n("minutesInput"),pattern:"^[0-5][0-9]$",ref:t=>this.minuteInputElement=t,"aria-valuetext":v(this.value),"aria-valuenow":v(this.value),"aria-valuemin":0,"aria-valuemax":59}))}renderAmPmBefore(){return!(!h()||"before"!==function(t){const e=new Intl.DateTimeFormat(t,{hour:"numeric",minute:"2-digit",hour12:!0}).formatToParts(new Date(2020,0,1,9,30)).map((t=>t.type)),i=e.indexOf("dayPeriod"),r=e.indexOf("hour");return i<0?"none":i<r?"before":"after"}(l(this.root)))}renderAmString(){return h()?e("span",null,C(l(this.root)).am):e("span",null,this.i18n("am"))}renderPmString(){return h()?e("span",null,C(l(this.root)).pm):e("span",null,this.i18n("pm"))}renderAmPmSelector(){if("12h"===this.clockType)return e("button",{class:"gux-input-time-am-pm-selector",type:"button",disabled:this.disabled,"aria-label":this.i18n("toggleAmPM",{amOrPm:this.getAmPmString()}),onClick:t=>this.toggleAmPm(t),onKeyDown:t=>this.onAmPmButtonKeyDown(t),ref:t=>this.amPmElement=t},e("div",{class:{"gux-meridiem":!0,"gux-visible":k(this.value)}},this.renderAmString()),e("div",{class:{"gux-meridiem":!0,"gux-visible":!k(this.value)}},this.renderPmString()))}renderClockButton(){return e("button",{class:{"gux-clock-button":!0,"gux-active":this.expanded},type:"button",disabled:this.disabled,"aria-label":this.i18n("clockButton"),"aria-expanded":this.expanded.toString(),onClick:this.toggleDropdown.bind(this),ref:t=>this.clockButton=t},e("gux-icon",{decorative:!0,"icon-name":"fa/clock-regular",size:"small"}))}renderTimeListItems(){return function(t,e,i,r){const o=[0,15,30,45].filter((e=>Number.isInteger(e/t))).map((t=>String(t).padStart(2,"0"))),s=("12h"===e?["12","01","02","03","04","05","06","07","08","09","10","11"]:Array.from(Array(24).keys()).map((t=>String(t).padStart(2,"0")))).reduce(((t,e)=>t.concat(o.map((t=>`${e}:${t}`)))),[]);return"24h"===e?function(t,e,i){return e&&i&&m(e)>m(i)?t=t.filter((t=>{const r=m(t),o=m(e),s=m(i),n=m("23:59");return r>=o&&r<n||r<=s})):(e&&(t=t.filter((t=>m(t)>=m(e)))),i&&(t=t.filter((t=>m(t)<=m(i))))),t}(s,i,r):s}(this.interval,this.clockType,this.min,this.max).map((t=>{const i=x(t,this.clockType,k(this.value));return e("gux-list-item",{id:this.valueToId(i),onClick:()=>this.handleClickDropdownValue(t)},t)}))}renderTarget(){return e("div",{class:"gux-input-time",slot:"target",onClick:this.onTargetClick.bind(this)},this.renderTargetContent())}renderTargetContent(){return this.renderAmPmBefore()?[this.renderAmPmSelector(),this.renderNumberInput(),this.renderClockButton()]:[this.renderNumberInput(),this.renderAmPmSelector(),this.renderClockButton()]}renderPopup(){return e("div",{slot:"popup",class:"gux-list-container",onKeyDown:t=>this.onListKeyDown(t)},e("gux-list",{ref:t=>this.listElement=t},this.renderTimeListItems()))}render(){return e("gux-popup",{key:"81b9692a56144a4ebc988f67c4bdcc596d90f633",class:{"gux-time-picker":!0,"gux-error":this.hasError},expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return i(this)}static get watchers(){return{value:["validateValueFormat"]}}};(function(t,e,i,r){var o,s=arguments.length,n=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(s<3?o(n):s>3?o(e,i,n):o(e,i))||n);s>3&&n&&Object.defineProperty(e,i,n)})([r({triggerEvents:"mousedown"})],y.prototype,"onClickOutside",null),y.style=".gux-time-picker{position:relative;display:inline-block}.gux-time-picker.gux-error .gux-input-time{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-time-picker .gux-input-time{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;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-time-picker .gux-input-time:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-time-picker .gux-input-time:hover:not(:disabled){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-time-picker .gux-input-time input{flex:1 1 auto;align-self:auto;order:0;inline-size:2ch;padding:0;font-size:var(--gse-ui-formControl-label-text-fontSize);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}.gux-time-picker .gux-input-time input.gux-input-time-hours{text-align:end}.gux-time-picker .gux-input-time input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector{display:grid;grid-template:auto 1fr/auto 1fr auto;place-items:flex-end;padding:0;font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);font-weight:var(--gse-ui-formControl-input-prefixSufix-text-fontWeight);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background:transparent;border:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-ui-timePicker-focusAmpm-borderRadius)}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{display:none;grid-row:1/1;grid-column:1/1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{display:inline-block}.gux-time-picker .gux-input-time .gux-clock-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);outline:none;background:transparent;border:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:var(--gse-ui-timePicker-clockStates-activeColor);cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-ui-timePicker-focusClock-borderRadius)}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{padding:var(--gse-ui-timePicker-clock-padding)}.gux-time-picker .gux-time-separator{padding-block:0;padding-inline:1ch}.gux-time-picker .gux-list-container{max-block-size:150px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";export{y as gux_time_picker}
|
|
1
|
+
import{r as t,h as e,a as i}from"./p-mm833MRp.js";import{O as r}from"./p-CuMZPTZF.js";import{s as o}from"./p-BMRf5pjV.js";import{b as s}from"./p-Bg4q97BS.js";import{g as n,b as a}from"./p-D_8CR3cJ.js";import{t as u}from"./p-B_5U73XW.js";import{a as c}from"./p-DxtJDeL9.js";import{a as l}from"./p-DvPw3gUX.js";import{u as h}from"./p-BgaA4g76.js";import"./p-Cd4R0amv.js";import"./p-DCZG2J0G.js";var p={am:"AM","time-separator":":",clockButton:"Toggle suggested times",hoursInput:"Input hours",minutesInput:"Input minutes",pm:"PM",timeOptionsState:"Time options open: {state}",toggleAmPM:"{amOrPm} selected, click to toggle"};function m(t){const e=new Date,[i,r]=t.split(":");return e.setHours(parseFloat(i)),e.setMinutes(parseFloat(r)),e.setSeconds(0),e.getTime()}function g(t,e){const[i,r]=t.split(":");return`${((parseInt(i,10)+e+24)%24).toString().padStart(2,"0")}:${r}`}function d(t,e,i){const[r,o]=t.split(":");let s=(parseInt(o,10)+e+60)%60;for(;s%i!=0;)s=(s+e+60)%60;return`${r}:${s.toString().padStart(2,"0")}`}function f(t,e){const[i,r]=t.split(":");return"12h"===e?`${(parseInt(i,10)%12||12).toString().padStart(2,"0")}:${r}`:`${i}:${r}`}function x(t,e,i){const[r,o]=t.split(":");return"12h"===e?i?`${(parseInt(r,10)%12).toString().padStart(2,"0")}:${o}`:`${(parseInt(r,10)%12+12).toString().padStart(2,"0")}:${o}`:`${r}:${o}`}function b(t,e){const[i]=f(t,e).split(":");return i}function v(t){const[,e]=t.split(":");return e}function k(t){const[e]=t.split(":");return parseInt(e,10)<12}function w(t){return"12h"===t?"^(0?[1-9]|1[012])$":"^([01]?[0-9]|2[0-3])$"}function C(t){var e,i,r,o;const s=new Intl.DateTimeFormat(t,{hour:"numeric",minute:"2-digit",hour12:!0}),n=s.formatToParts(new Date(2020,0,1,9,0)),a=s.formatToParts(new Date(2020,0,1,21,0));return{am:null!==(i=null===(e=n.find((t=>"dayPeriod"===t.type)))||void 0===e?void 0:e.value)&&void 0!==i?i:"AM",pm:null!==(o=null===(r=a.find((t=>"dayPeriod"===t.type)))||void 0===r?void 0:r.value)&&void 0!==o?o:"PM"}}const y=class{constructor(e){t(this,e),this.value="00:00",this.interval=60,this.step=1,this.disabled=!1,this.required=!1,this.hasError=!1,this.expanded=!1}onFocus(){this.valueLastChange=this.value}onBlur(){this.valueLastChange!==this.value&&o(this.root,"change")}onClickOutside(){this.expanded=!1}handleKeydown(t){switch(t.key){case"Escape":case"Tab":this.expanded=!1}}async componentWillLoad(){u(this.root),this.i18n=await a(this.root,p),this.clockType=this.clockType||function(t){let e;e=h()?l(t).toLowerCase():n(t).toLowerCase();const i=new Date("January 19, 1975 15:00:00 UTC+00:00"),r=new Intl.DateTimeFormat(e,{timeStyle:"short",timeZone:"UTC"}).format(i);return!h()&&["ar","ko","zh-cn","zh-tw"].some((t=>e.startsWith(t)))||r.includes("15")?"24h":"12h"}(this.root),this.validateValueFormat(this.value,"00:00"),"12h"==this.clockType&&(this.min||this.max)&&c(this.root,'clock type must be "24h" when using min/max props')}validateValueFormat(t,e){this.isValidTimeFormat(t)||(c(this.root,`"${t}" is not a valid value format. Format must be "hh:mm" or "h:mm". Falling back to previous value: "${e}"`),this.value=e)}isValidTimeFormat(t){return"string"==typeof t&&/^\d{1,2}:\d{2}$/.test(t)}updateValue(t,e=!1){t!==this.value&&(this.value=t,o(this.root,"input"),e&&this.valueLastChange!==this.value&&(o(this.root,"change"),this.valueLastChange=this.value))}valueToId(t){return`gux-id-${t.replace(":","-")}`}focusRelevantItemInPopupList(){s((()=>{this.listElement.guxFocusItemByClosestId(this.valueToId(this.value))}))}toggleDropdown(){this.expanded=!this.expanded,this.expanded&&this.focusRelevantItemInPopupList()}onTargetClick(t){const e=t.composedPath(),i=e.includes(this.clockButton),r=e.includes(this.amPmElement),o=e.includes(this.hourInputElement),s=e.includes(this.minuteInputElement);i||r||s||o||this.toggleDropdown()}handleClickDropdownValue(t){const e=x(t,this.clockType,k(this.value));this.updateValue(e,!0),this.clockButton.focus(),this.expanded=!1}onHourKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(g(this.value,-1));break;case"ArrowUp":t.preventDefault(),this.updateValue(g(this.value,1));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.hourInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i,r,o){const[s,n]=f(t,e).split(":");let a=s;return a="Backspace"===i?"12h"==e&&1==o?a.split("").filter(((t,e)=>e==r-1)).join(""):a.split("").filter(((t,e)=>e!==r-1)).join("").padStart(2,"0"):parseInt(a.slice(0,r)+i+a.slice(r+1),10).toString().slice(-2).padStart(2,"0"),new RegExp(w(e)).test(a)||(a="12h"===e?i:i.padStart(2,"0")),x(`${a}:${n}`,e,k(t))}(this.value,this.clockType,t.key,this.hourInputElement.selectionStart,this.hourInputElement.value.length));break;default:t.preventDefault()}}onMinuteKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(d(this.value,-1,this.step));break;case"ArrowUp":t.preventDefault(),this.updateValue(d(this.value,1,this.step));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.minuteInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i){const[r,o]=t.split(":");let s=o;return s="Backspace"===e?s.split("").filter(((t,e)=>e!==i-1)).join("").padStart(2,"0"):(s.slice(0,i)+e+s.slice(i+1)).slice(-2).padStart(2,"0"),new RegExp("^[0-5][0-9]$").test(s)||(s=e.padStart(2,"0")),`${r}:${s}`}(this.value,t.key,this.minuteInputElement.selectionStart));break;default:t.preventDefault()}}onAmPmButtonKeyDown(t){switch(t.key){case"ArrowDown":case"ArrowUp":this.toggleAmPm(t)}}onListKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.clockButton.focus())}toggleAmPm(t){t.preventDefault(),this.updateValue(g(this.value,12),!0)}getAmPmString(){return k(this.value)?this.i18n("am"):this.i18n("pm")}renderNumberInput(){return e("div",{class:"gux-input-time-container"},e("input",{role:"spinbutton",class:"gux-input-time-hours",type:"text",disabled:this.disabled,value:b(this.value,this.clockType),onKeyDown:t=>this.onHourKeyDown(t),"aria-label":this.i18n("hoursInput"),pattern:w(this.clockType),ref:t=>this.hourInputElement=t,"aria-valuetext":b(this.value,this.clockType),"aria-valuenow":b(this.value,this.clockType),"aria-valuemin":"24h"===this.clockType?0:1,"aria-valuemax":"24h"===this.clockType?23:12}),e("span",{class:"gux-time-separator"},this.i18n("time-separator")),e("input",{role:"spinbutton",class:"gux-input-time-minutes",type:"text",disabled:this.disabled,value:v(this.value),onKeyDown:t=>this.onMinuteKeyDown(t),"aria-label":this.i18n("minutesInput"),pattern:"^[0-5][0-9]$",ref:t=>this.minuteInputElement=t,"aria-valuetext":v(this.value),"aria-valuenow":v(this.value),"aria-valuemin":0,"aria-valuemax":59}))}renderAmPmBefore(){return!(!h()||"before"!==function(t){const e=new Intl.DateTimeFormat(t,{hour:"numeric",minute:"2-digit",hour12:!0}).formatToParts(new Date(2020,0,1,9,30)).map((t=>t.type)),i=e.indexOf("dayPeriod"),r=e.indexOf("hour");return i<0?"none":i<r?"before":"after"}(l(this.root)))}renderAmString(){return h()?e("span",null,C(l(this.root)).am):e("span",null,this.i18n("am"))}renderPmString(){return h()?e("span",null,C(l(this.root)).pm):e("span",null,this.i18n("pm"))}renderAmPmSelector(){if("12h"===this.clockType)return e("button",{class:"gux-input-time-am-pm-selector",type:"button",disabled:this.disabled,"aria-label":this.i18n("toggleAmPM",{amOrPm:this.getAmPmString()}),onClick:t=>this.toggleAmPm(t),onKeyDown:t=>this.onAmPmButtonKeyDown(t),ref:t=>this.amPmElement=t},e("div",{class:{"gux-meridiem":!0,"gux-visible":k(this.value)}},this.renderAmString()),e("div",{class:{"gux-meridiem":!0,"gux-visible":!k(this.value)}},this.renderPmString()))}renderClockButton(){return e("button",{class:{"gux-clock-button":!0,"gux-active":this.expanded},type:"button",disabled:this.disabled,"aria-label":this.i18n("clockButton"),"aria-expanded":this.expanded.toString(),onClick:this.toggleDropdown.bind(this),ref:t=>this.clockButton=t},e("gux-icon",{decorative:!0,"icon-name":"fa/clock-regular",size:"small"}))}renderTimeListItems(){return function(t,e,i,r){const o=[0,15,30,45].filter((e=>Number.isInteger(e/t))).map((t=>String(t).padStart(2,"0"))),s=("12h"===e?["12","01","02","03","04","05","06","07","08","09","10","11"]:Array.from(Array(24).keys()).map((t=>String(t).padStart(2,"0")))).reduce(((t,e)=>t.concat(o.map((t=>`${e}:${t}`)))),[]);return"24h"===e?function(t,e,i){return e&&i&&m(e)>m(i)?t=t.filter((t=>{const r=m(t),o=m(e),s=m(i),n=m("23:59");return r>=o&&r<n||r<=s})):(e&&(t=t.filter((t=>m(t)>=m(e)))),i&&(t=t.filter((t=>m(t)<=m(i))))),t}(s,i,r):s}(this.interval,this.clockType,this.min,this.max).map((t=>{const i=x(t,this.clockType,k(this.value));return e("gux-list-item",{id:this.valueToId(i),onClick:()=>this.handleClickDropdownValue(t)},t)}))}renderTarget(){return e("div",{class:"gux-input-time",slot:"target",onClick:this.onTargetClick.bind(this)},this.renderTargetContent())}renderTargetContent(){return this.renderAmPmBefore()?[this.renderAmPmSelector(),this.renderNumberInput(),this.renderClockButton()]:[this.renderNumberInput(),this.renderAmPmSelector(),this.renderClockButton()]}renderPopup(){return e("div",{slot:"popup",class:"gux-list-container",onKeyDown:t=>this.onListKeyDown(t)},e("gux-list",{ref:t=>this.listElement=t},this.renderTimeListItems()))}render(){return e("gux-popup",{key:"81b9692a56144a4ebc988f67c4bdcc596d90f633",class:{"gux-time-picker":!0,"gux-error":this.hasError},expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return i(this)}static get watchers(){return{value:["validateValueFormat"]}}};(function(t,e,i,r){var o,s=arguments.length,n=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(s<3?o(n):s>3?o(e,i,n):o(e,i))||n);s>3&&n&&Object.defineProperty(e,i,n)})([r({triggerEvents:"mousedown"})],y.prototype,"onClickOutside",null),y.style=".gux-time-picker{position:relative;display:inline-block}.gux-time-picker.gux-error .gux-input-time{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-time-picker .gux-input-time{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;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-time-picker .gux-input-time:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-time-picker .gux-input-time:hover:not(:disabled){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-time-picker .gux-input-time input{flex:1 1 auto;align-self:auto;order:0;inline-size:2ch;padding:0;font-size:var(--gse-ui-formControl-label-text-fontSize);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}.gux-time-picker .gux-input-time input.gux-input-time-hours{text-align:end}.gux-time-picker .gux-input-time input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector{display:grid;grid-template:auto 1fr/auto 1fr auto;place-items:flex-end;padding:0;font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);font-weight:var(--gse-ui-formControl-input-prefixSufix-text-fontWeight);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background:transparent;border:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-ui-timePicker-focusAmpm-borderRadius)}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{display:none;grid-row:1/1;grid-column:1/1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{display:inline-block}.gux-time-picker .gux-input-time .gux-clock-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);outline:none;background:transparent;border:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:var(--gse-ui-timePicker-clockStates-activeColor);cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-ui-timePicker-focusClock-borderRadius)}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{padding:var(--gse-ui-timePicker-clock-padding)}.gux-time-picker .gux-time-separator{padding-block:0;padding-inline:1ch}.gux-time-picker .gux-list-container{max-block-size:150px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";export{y as gux_time_picker}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,f as s,h as e,H as a,a as i}from"./p-mm833MRp.js";import{t as r}from"./p-
|
|
1
|
+
import{r as t,f as s,h as e,H as a,a as i}from"./p-mm833MRp.js";import{t as r}from"./p-B_5U73XW.js";import{s as h}from"./p-BMRf5pjV.js";import{h as o,s as c,f as n,c as l,d,e as f,i as m,j as p,k as u,l as g,m as b,t as k,n as w,o as v}from"./p-KbW44rlb.js";import"./p-kLXvN2m9.js";const x=class{constructor(s){t(this,s),s.$hostElement$["s-ei"]?this.internals=s.$hostElement$["s-ei"]:(this.internals=s.$hostElement$.attachInternals(),s.$hostElement$["s-ei"]=this.internals),this.value="",this._disabled=!1,this.size="comfy",this.alignment="start"}get disabled(){return this._disabled||o(this.root)}set disabled(t){this._disabled=t}handleValueChange(t,s){var e;(null===(e=this.internals)||void 0===e?void 0:e.setFormValue)&&this.internals.setFormValue(t),c(this.root,this.value),h(this.root,"input"),s!==t&&h(this.root,"change"),n(this.root)}handleDisabledChange(){this.disabled?l(this.root):d(this.root),n(this.root)}onClick(t){this.disabled||f({event:t,onLeaf:s=>{this.isSelectionClick(t)&&k(this.root,s)},onBranch:s=>{this.isSelectionClick(t)?k(this.root,s):s.expanded=!s.expanded}})}handleKeydown(t){if(!this.disabled)switch(t.key){case"ArrowDown":t.preventDefault(),g(this.root);break;case"ArrowUp":t.preventDefault(),u(this.root);break;case"Home":t.preventDefault(),p(this.root);break;case"End":t.preventDefault(),m(this.root);break;case"ArrowLeft":case"ArrowRight":case"Enter":case" ":f({event:t,onLeaf:s=>{switch(t.key){case"ArrowLeft":t.preventDefault(),w(this.root);break;case"Enter":case" ":t.preventDefault(),k(this.root,s)}},onBranch:s=>{switch(t.key){case"ArrowRight":t.preventDefault(),s.expanded?v(this.root):s.expanded=!0;break;case"ArrowLeft":t.preventDefault(),s.expanded?s.expanded=!1:w(this.root);break;case"Enter":case" ":t.preventDefault(),k(this.root,s)}}});break;default:return}}formAssociatedCallback(t){console.info("Form associated:",t)}formDisabledCallback(){n(this.root)}formResetCallback(){this.value=""}formStateRestoreCallback(t){this.value=t}componentWillLoad(){var t;r(this.root),this.internals.role="tree",this.root.setAttribute("role","tree"),this.internals.ariaMultiSelectable="true",this.root.setAttribute("aria-multiselectable","true"),(null===(t=this.internals)||void 0===t?void 0:t.setFormValue)&&this.internals.setFormValue(this.value),b(this.root,this.value),d(this.root)}componentDidLoad(){this.handleDisabledChange()}onDefaultSlotchange(){s(this.root)}isSelectionClick(t){const s=t.composedPath(),e=["gux-selection-target"];return s.some((t=>{const s=t;return s.classList&&e.some((t=>s.classList.contains(t)))}))}render(){return e(a,{key:"d254777b87e5b3fa7b59cd04c135f20b4033afd0",class:{"gux-compact":"compact"===this.size,"gux-end":"end"===this.alignment},"aria-disabled":this.disabled?"true":"false"},e("slot",{key:"24354642f49671bc41d8cfc686717ab4f9fc94aa",onSlotchange:()=>this.onDefaultSlotchange()}))}static get formAssociated(){return!0}get root(){return i(this)}static get watchers(){return{value:["handleValueChange"],disabled:["handleDisabledChange"]}}};x.style=":host{display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-treeView-item-internalGap);place-content:stretch flex-start;align-items:stretch;padding:var(--gse-ui-treeView-group-comfy-padding)}:host(.gux-compact){padding:var(--gse-ui-treeView-group-compact-padding)}";export{x as gux_tree_multi_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as n,a}from"./p-mm833MRp.js";import{t}from"./p-
|
|
1
|
+
import{r as e,h as n,a}from"./p-mm833MRp.js";import{t}from"./p-B_5U73XW.js";import{O as i}from"./p-1mmdDpx8.js";import{h as o}from"./p-qzV3vtOw.js";const s=class{constructor(n){e(this,n),this.hasCallToAction=!1,this.hasGuidance=!1}onMutation(){this.hasCallToAction=o(this.root,"call-to-action"),this.hasGuidance=o(this.root,"additional-guidance")}renderCallToActionSlot(){if(this.hasCallToAction)return n("gux-button-slot",{accent:"primary"},n("slot",{name:"call-to-action"}))}renderGuidanceSlot(){if(this.hasGuidance)return n("div",{class:"gux-guidance"},n("slot",{name:"additional-guidance"}))}componentWillLoad(){t(this.root),this.hasCallToAction=o(this.root,"call-to-action"),this.hasGuidance=o(this.root,"additional-guidance")}render(){return n("div",{key:"e0b4592db9432b7d81863d0dbd9f5520d3b695dc",class:"gux-container"},n("div",{key:"4f7c1f730096c27c0e356d92976f78a499f2cc74",class:"gux-image"},n("slot",{key:"4c1a86ce0c49c0a17688bec2f26e61952ca0448b",name:"image"})),n("div",{key:"2ee832ec2d5d5a299582824617264e77a84e3dc0",class:"gux-message"},n("slot",{key:"eb97d58adfb206c09360028a81b49c75dc224447",name:"primary-message"})),this.renderGuidanceSlot(),this.renderCallToActionSlot())}get root(){return a(this)}};(function(e,n,a,t){var i,o=arguments.length,s=o<3?n:null===t?t=Object.getOwnPropertyDescriptor(n,a):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,n,a,t);else for(var r=e.length-1;r>=0;r--)(i=e[r])&&(s=(o<3?i(s):o>3?i(n,a,s):i(n,a))||s);o>3&&s&&Object.defineProperty(n,a,s)})([i({childList:!0,subtree:!0})],s.prototype,"onMutation",null),s.style=":host {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n container-type: inline-size;\n}\n\n.gux-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: var(--gse-ui-blankState-padding);\n color: var(--gse-ui-blankState-foregroundColor);\n}\n.gux-container .gux-image {\n padding-block-end: var(--gse-ui-blankState-gapMain);\n}\n.gux-container .gux-message {\n padding-block-end: var(--gse-ui-blankState-gapMessage);\n}\n.gux-container .gux-guidance {\n padding-block-end: var(--gse-ui-blankState-gapContent);\n}\n.gux-container ::slotted(gux-icon) {\n inline-size: var(--gse-ui-blankState-icon-size-lg);\n block-size: var(--gse-ui-blankState-icon-size-lg);\n color: var(--gse-ui-blankState-iconColor);\n}\n.gux-container slot[name=primary-message] {\n font-family: var(--gse-ui-progressAndLoading-blankState-large-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-large-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-large-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-large-header-lineHeight);\n color: var(--gse-ui-blankState-foregroundColor);\n text-align: center;\n}\n.gux-container slot[name=additional-guidance] {\n font-family: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-large-subheader-lineHeight);\n color: var(--gse-ui-blankState-foregroundColor);\n text-align: center;\n}\n\n@container (width < 570px) {\n .gux-container ::slotted(gux-icon) {\n inline-size: var(--gse-ui-blankState-icon-size-sm);\n block-size: var(--gse-ui-blankState-icon-size-sm);\n }\n .gux-container slot[name=primary-message] {\n font-family: var(--gse-ui-progressAndLoading-blankState-small-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-small-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-small-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-small-header-lineHeight);\n }\n .gux-container slot[name=additional-guidance] {\n font-family: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-small-subheader-lineHeight);\n }\n}";export{s as gux_blank_state}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as e,a as i}from"./p-mm833MRp.js";import{a as o,c as a,o as r,f as n,s as p,b as c}from"./p-C8aV-TzO.js";import{O as d}from"./p-CuMZPTZF.js";import{t as h}from"./p-
|
|
1
|
+
import{r as t,c as s,h as e,a as i}from"./p-mm833MRp.js";import{a as o,c as a,o as r,f as n,s as p,b as c}from"./p-C8aV-TzO.js";import{O as d}from"./p-CuMZPTZF.js";import{t as h}from"./p-B_5U73XW.js";import{f as l}from"./p-Cr5bTKWF.js";const b=class{constructor(e){t(this,e),this.guxdismiss=s(this,"guxdismiss",7),this.position="bottom",this.closeOnClickOutside=!1,this.isOpen=!1}onKeyDown(t){switch(t.key){case"Tab":case"Escape":this.dismiss()}}checkForClickOutside(t){const s=t.composedPath(),e=l(this.root,this.for),i=s.includes(e);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||i||this.dismiss()}runUpdatePosition(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.root.isConnected?this.cleanupUpdatePosition=o(l(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const t=l(this.root,this.for);this.popupElement&&a(t,this.popupElement,{strategy:"fixed",placement:this.position,middleware:[r(7),n(),p(),c({element:this.arrowElement,padding:16})]}).then((({x:t,y:s,middlewareData:e,placement:i})=>{Object.assign(this.popupElement.style,{left:`${t}px`,top:`${s}px`});const o={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];if(e.arrow){const{x:t,y:s}=e.arrow;this.popupElement.setAttribute("data-placement",i),Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=s?`${s}px`:"",right:"",bottom:"",[o]:"-6.5px",transform:"rotate(45deg)"})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){h(this.root,{variant:this.position})}componentDidLoad(){this.isOpen&&this.runUpdatePosition()}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return e("div",{key:"b148fb03ad33f9bb6ee2330fb1e8f74359ad99b2",ref:t=>this.popupElement=t,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},e("div",{key:"f66486e0b5d06dfd735605785016cc66a7edbf59",ref:t=>this.arrowElement=t,class:"gux-arrow"}),this.displayDismissButton&&e("gux-dismiss-button",{key:"fc932430aa755d198d9636b34be8132fdcf17f41",onClick:this.dismiss.bind(this)}),e("div",{key:"ac9eba27a9d10bb80c3c964cfa10a5b3997086a4",class:"gux-popover-content"},e("slot",{key:"5f2f9003190fb8ab32d19b2226c3fdb1f279a3a8"})))}get root(){return i(this)}};(function(t,s,e,i){var o,a=arguments.length,r=a<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,e,i);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(r=(a<3?o(r):a>3?o(s,e,r):o(s,e))||r);a>3&&r&&Object.defineProperty(s,e,r)})([d({triggerEvents:"mousedown"})],b.prototype,"checkForClickOutside",null),b.style=".gux-popover-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding-block:8px;padding-inline:0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";export{b as gux_popover_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,f as s,h as e,H as a,a as i}from"./p-mm833MRp.js";import{t as r}from"./p-
|
|
1
|
+
import{r as t,f as s,h as e,H as a,a as i}from"./p-mm833MRp.js";import{t as r}from"./p-B_5U73XW.js";import{s as h}from"./p-BMRf5pjV.js";import{h as o,s as n,f as c,c as l,d,e as p,i as f,j as m,k as g,l as b,m as u,n as w,o as k}from"./p-CoPBSWau.js";import"./p-kLXvN2m9.js";const v=class{constructor(s){t(this,s),s.$hostElement$["s-ei"]?this.internals=s.$hostElement$["s-ei"]:(this.internals=s.$hostElement$.attachInternals(),s.$hostElement$["s-ei"]=this.internals),this._disabled=!1,this.size="comfy",this.alignment="start"}get disabled(){return this._disabled||o(this.root)}set disabled(t){this._disabled=t}handleValueChange(t,s){var e;(null===(e=this.internals)||void 0===e?void 0:e.setFormValue)&&this.internals.setFormValue(t),n(this.root,this.value),h(this.root,"input"),s!==t&&h(this.root,"change"),c(this.root)}handleDisabledChange(){this.disabled?l(this.root):d(this.root),c(this.root)}onClick(t){this.disabled||p({event:t,onLeaf:t=>{u(this.root,t)},onBranch:t=>{t.expanded=!t.expanded,u(this.root,t)}})}handleKeydown(t){if(!this.disabled)switch(t.key){case"ArrowDown":t.preventDefault(),b(this.root);break;case"ArrowUp":t.preventDefault(),g(this.root);break;case"Home":t.preventDefault(),m(this.root);break;case"End":t.preventDefault(),f(this.root);break;case"ArrowLeft":case"ArrowRight":case"Enter":p({event:t,onLeaf:s=>{switch(t.key){case"ArrowLeft":t.preventDefault(),w(this.root);break;case"Enter":t.preventDefault(),u(this.root,s)}},onBranch:s=>{switch(t.key){case"ArrowRight":t.preventDefault(),s.expanded?k(this.root,s):s.expanded=!0;break;case"ArrowLeft":t.preventDefault(),s.expanded?s.expanded=!1:w(this.root);break;case"Enter":t.preventDefault(),u(this.root,s)}}});break;default:return}}formAssociatedCallback(t){console.info("Form associated:",t)}formDisabledCallback(){c(this.root)}formResetCallback(){this.value=""}formStateRestoreCallback(t){this.value=t}componentWillLoad(){var t;r(this.root),this.internals.role="tree",this.root.setAttribute("role","tree"),(null===(t=this.internals)||void 0===t?void 0:t.setFormValue)&&this.internals.setFormValue(this.value),n(this.root,this.value),d(this.root)}componentDidLoad(){this.handleDisabledChange()}onDefaultSlotchange(){s(this.root)}render(){return e(a,{key:"d8c4323112d74b595994f0ffefa4a880f8aa2354",class:{"gux-compact":"compact"===this.size,"gux-end":"end"===this.alignment},"aria-disabled":this.disabled?"true":"false"},e("slot",{key:"53b6baa1d962e918be9854d673e8bb9bc143dec0",onSlotchange:()=>this.onDefaultSlotchange()}))}static get formAssociated(){return!0}get root(){return i(this)}static get watchers(){return{value:["handleValueChange"],disabled:["handleDisabledChange"]}}};v.style=":host{display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-treeView-item-internalGap);place-content:stretch flex-start;align-items:stretch;padding:var(--gse-ui-treeView-group-comfy-padding)}:host(.gux-compact){padding:var(--gse-ui-treeView-group-compact-padding)}";export{v as gux_tree_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as t,a as e,c as r}from"./p-mm833MRp.js";import{t as i}from"./p-Bk9hX_6O.js";import{r as a}from"./p-D9jKBqIb.js";import{a as n,c as s,o as u,f as l,s as d,b as c}from"./p-C8aV-TzO.js";import{O as g}from"./p-CuMZPTZF.js";import{g as b}from"./p-BBpQG81s.js";import{f as p}from"./p-Cr5bTKWF.js";const v=class{constructor(t){o(this,t),this.buttonId=a("button"),this.type="button",this.disabled=!1,this.accent="secondary",this.autofocus=!1}connectedCallback(){this.slotChanged()}componentWillLoad(){i(this.root,{variant:this.accent})}render(){return[t("button",{key:"a655b1884a2e2114d912ac8af0310d106c546a80",id:this.buttonId,type:this.type,disabled:this.disabled,class:{[`gux-${this.accent}`]:!0,"gux-icon-only":this.iconOnly},"aria-label":this.guxTitle,autofocus:this.autofocus},t("slot",{key:"c5a9a2400f8cc04a2074e5e76cc4a2f7fe1dddbb",onSlotchange:this.slotChanged.bind(this)})),this.renderTooltip()]}renderTooltip(){return this.guxTitle?t("gux-tooltip-beta",{for:this.buttonId,visualOnly:!0},t("div",{slot:"content"},this.guxTitle)):""}stopEventIfDisabled(o){this.disabled&&(o.stopImmediatePropagation(),o.stopPropagation(),o.preventDefault())}makeSlotContentDisableable(){this.root.shadowRoot.addEventListener("click",(o=>this.stopEventIfDisabled(o))),Array.from(this.root.children).forEach((o=>{o.addEventListener("click",(o=>this.stopEventIfDisabled(o)))}))}hasIconOnly(){const o=Array.from(this.root.children);if(1===o.length){if("GUX-ICON"===o[0].tagName)return!0}else if(2===o.length&&"GUX-ICON"===o[0].tagName&&["GUX-TOOLTIP","GUX-TOOLTIP-BETA"].includes(o[1].tagName))return!0;return!1}slotChanged(){this.makeSlotContentDisableable(),this.iconOnly=this.hasIconOnly()}static get delegatesFocus(){return!0}get root(){return e(this)}};v.style=":host{display:inline-block;pointer-events:none;-webkit-user-select:none;user-select:none}:host(:focus){outline:none}:host(:focus) button{outline:none}::slotted(gux-icon){inline-size:var(--gse-ui-button-icon-size);block-size:var(--gse-ui-button-icon-size)}::slotted(*){padding-inline-start:var(--gse-ui-button-gap);vertical-align:middle}::slotted(gux-tooltip),::slotted(gux-tooltip-beta){padding-inline-start:0}::slotted(*:first-child){padding:0}button{font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;text-overflow:ellipsis;color:var(--gse-ui-button-secondary-default-foregroundColor);white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}button.gux-icon-only{display:inline-flex;padding:var(--gse-ui-button-default-paddingIconOnly)}button[disabled]{pointer-events:none;cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}button:hover:enabled{color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}button:active:enabled{color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}button:focus-visible:enabled{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}button.gux-primary{color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}button.gux-primary:hover:enabled{color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}button.gux-primary:active:enabled{color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}button.gux-tertiary{color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width);}button.gux-tertiary.gux-icon-only{padding:calc(var(--gse-ui-button-default-paddingIconOnly) - var(--gse-ui-button-tertiary-default-border-width))}button.gux-tertiary:hover:enabled{color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}button.gux-tertiary:active:enabled{color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}button.gux-ghost{color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}button.gux-ghost:hover:enabled{color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}button.gux-ghost:active:enabled{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}button.gux-danger{color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}button.gux-danger:hover:enabled{color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}button.gux-danger:active:enabled{color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}button.gux-inline{min-inline-size:initial;block-size:initial;padding:0;color:var(--gse-ui-links-default-foregroundColor);background:none;border:none;border-radius:0}button.gux-inline[disabled]{color:var(--gse-ui-links-disabled-foregroundColor)}button.gux-inline:hover:enabled{color:var(--gse-ui-links-hover-foregroundColor);text-decoration:underline;background:none}button.gux-inline:active:enabled{color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}button.gux-copilot{color:var(--gse-ui-button-primary-default-foregroundColor);background:linear-gradient(64deg, var(--gse-ui-copilotButton-default-backgroundColor-bottomLeft) 5.51%, var(--gse-ui-copilotButton-default-backgroundColor-middle) 48.28%, var(--gse-ui-copilotButton-default-backgroundColor-topRight) 88.65%);box-shadow:var(--gse-ui-copilotButton-glow-default)}button.gux-copilot:hover:enabled{color:var(--gse-ui-button-primary-hover-foregroundColor);background:linear-gradient(54deg, var(--gse-ui-copilotButton-hover-backgroundColor-bottomLeft) 7.09%, var(--gse-ui-copilotButton-hover-backgroundColor-middle) 47.64%, var(--gse-ui-copilotButton-hover-backgroundColor-topRight) 103.51%);box-shadow:var(--gse-ui-copilotButton-glow-hover)}button.gux-copilot:active:enabled{color:var(--gse-ui-button-primary-active-foregroundColor);background:linear-gradient(54deg, var(--gse-ui-copilotButton-active-backgroundColor-bottomLeft) 7.17%, var(--gse-ui-copilotButton-active-backgroundColor-middle) 46.7%, var(--gse-ui-copilotButton-active-backgroundColor-topRight) 83.3%);box-shadow:var(--gse-ui-copilotButton-glow-active)}";var h=function(o,t,e,r){var i,a=arguments.length,n=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,e):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(o,t,e,r);else for(var s=o.length-1;s>=0;s--)(i=o[s])&&(n=(a<3?i(n):a>3?i(t,e,n):i(t,e))||n);return a>3&&n&&Object.defineProperty(t,e,n),n};const f=class{constructor(t){o(this,t),this.guxdismiss=r(this,"guxdismiss",7),this.position="bottom",this.displayDismissButton=!1,this.closeOnClickOutside=!1,this.isOpen=!1}onKeyDown(o){"Escape"===o.key&&this.dismiss()}onFocusout(o){!this.closeOnClickOutside&&this.displayDismissButton||o.relatedTarget&&!this.root.contains(o.relatedTarget)&&this.dismiss()}checkForClickOutside(o){const t=o.composedPath(),e=p(this.root,this.for),r=t.includes(e);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||r||this.dismiss()}get titleSlot(){return b(this.root,"title")}get footerSlot(){return b(this.root,"footer")}runUpdatePosition(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.root.isConnected?this.cleanupUpdatePosition=n(p(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const o=p(this.root,this.for);this.popupElement&&o&&s(o,this.popupElement,{placement:this.position,middleware:[u(7),l(),d(),c({element:this.arrowElement,padding:16})]}).then((({x:o,y:t,middlewareData:e,placement:r})=>{Object.assign(this.popupElement.style,{left:`${o}px`,top:`${t}px`});const i=r.split("-")[0],a={top:"bottom",right:"left",bottom:"top",left:"right"}[i],n={top:0,right:90,bottom:180,left:-90}[i],s="left"===i||"right"===i?15:12;if(e.arrow){let o=e.arrow.x;const t=e.arrow.y;"left"!==i&&"right"!==i||(o+=4),this.popupElement.setAttribute("data-placement",r),Object.assign(this.arrowElement.style,{left:null!=o?`${o}px`:"",top:null!=t?`${t}px`:"",right:"",bottom:"",[a]:-s+"px",transform:`rotate(${n}deg)`})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){i(this.root,{variant:this.position})}componentDidLoad(){this.isOpen&&this.runUpdatePosition()}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return t("div",{key:"bc04c0c2945c14426e7ff1cf87f4a760df930948",ref:o=>this.popupElement=o,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},t("div",{key:"ce2454d1e80b152b8ff2d21ba175496e79f03b2a",ref:o=>this.arrowElement=o,class:"gux-arrow"},t("div",{key:"584c7f56ee99f6236718e56f5c9513f0965e659b",class:"gux-arrow-caret"})),this.displayDismissButton&&t("gux-dismiss-button",{key:"4f5a96eb0153eaf417fd8d63ead049f02f77517f",onClick:this.dismiss.bind(this)}),t("div",{key:"9332706ed1b4d0c2a0ebb6a37a79b4b4ac430147",class:{"gux-popover-header":Boolean(this.titleSlot)}},t("slot",{key:"88d1e4173cd77b7ce449b8ed6bb54a868b1b3ad7",name:"title"})),t("div",{key:"ce3635566e8ec64605a5a2945569b2e1167bb1cb",class:"gux-popover-content"},t("slot",{key:"e2004b3f52ce0ef90bc6dae85665a5454013b4e7"})),t("div",{key:"87544441c6ed5a867bdb5a79375a292eb0db8c02",class:{"gux-popover-footer":Boolean(this.footerSlot)}},t("slot",{key:"25e63d3f83160bfde5c25c9c976719205646c184",name:"footer"})))}get root(){return e(this)}};h([g({triggerEvents:"mousedown"})],f.prototype,"checkForClickOutside",null),h([function(){let o=!1,t=null;return(e,r,i)=>{const a=i.value;i.value=function(...e){o||(a.apply(this,e),o=!0,clearTimeout(t),t=setTimeout((()=>{o=!1}),100))}}}()],f.prototype,"dismiss",null),f.style=".gux-popover-wrapper{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:var(--gse-ui-popover-padding);background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-popover-wrapper .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-block-end:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:var(--gse-ui-popover-headerColor)}.gux-popover-wrapper .gux-popover-footer{padding-block-start:var(--gse-ui-popover-gap)}";export{v as gux_button,f as gux_popover}
|
|
1
|
+
import{r as o,h as t,a as e,c as r}from"./p-mm833MRp.js";import{t as i}from"./p-B_5U73XW.js";import{r as a}from"./p-D9jKBqIb.js";import{a as n,c as s,o as u,f as l,s as d,b as c}from"./p-C8aV-TzO.js";import{O as g}from"./p-CuMZPTZF.js";import{g as b}from"./p-BBpQG81s.js";import{f as p}from"./p-Cr5bTKWF.js";const v=class{constructor(t){o(this,t),this.buttonId=a("button"),this.type="button",this.disabled=!1,this.accent="secondary",this.autofocus=!1}connectedCallback(){this.slotChanged()}componentWillLoad(){i(this.root,{variant:this.accent})}render(){return[t("button",{key:"a655b1884a2e2114d912ac8af0310d106c546a80",id:this.buttonId,type:this.type,disabled:this.disabled,class:{[`gux-${this.accent}`]:!0,"gux-icon-only":this.iconOnly},"aria-label":this.guxTitle,autofocus:this.autofocus},t("slot",{key:"c5a9a2400f8cc04a2074e5e76cc4a2f7fe1dddbb",onSlotchange:this.slotChanged.bind(this)})),this.renderTooltip()]}renderTooltip(){return this.guxTitle?t("gux-tooltip-beta",{for:this.buttonId,visualOnly:!0},t("div",{slot:"content"},this.guxTitle)):""}stopEventIfDisabled(o){this.disabled&&(o.stopImmediatePropagation(),o.stopPropagation(),o.preventDefault())}makeSlotContentDisableable(){this.root.shadowRoot.addEventListener("click",(o=>this.stopEventIfDisabled(o))),Array.from(this.root.children).forEach((o=>{o.addEventListener("click",(o=>this.stopEventIfDisabled(o)))}))}hasIconOnly(){const o=Array.from(this.root.children);if(1===o.length){if("GUX-ICON"===o[0].tagName)return!0}else if(2===o.length&&"GUX-ICON"===o[0].tagName&&["GUX-TOOLTIP","GUX-TOOLTIP-BETA"].includes(o[1].tagName))return!0;return!1}slotChanged(){this.makeSlotContentDisableable(),this.iconOnly=this.hasIconOnly()}static get delegatesFocus(){return!0}get root(){return e(this)}};v.style=":host{display:inline-block;pointer-events:none;-webkit-user-select:none;user-select:none}:host(:focus){outline:none}:host(:focus) button{outline:none}::slotted(gux-icon){inline-size:var(--gse-ui-button-icon-size);block-size:var(--gse-ui-button-icon-size)}::slotted(*){padding-inline-start:var(--gse-ui-button-gap);vertical-align:middle}::slotted(gux-tooltip),::slotted(gux-tooltip-beta){padding-inline-start:0}::slotted(*:first-child){padding:0}button{font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;text-overflow:ellipsis;color:var(--gse-ui-button-secondary-default-foregroundColor);white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}button.gux-icon-only{display:inline-flex;padding:var(--gse-ui-button-default-paddingIconOnly)}button[disabled]{pointer-events:none;cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}button:hover:enabled{color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}button:active:enabled{color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}button:focus-visible:enabled{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}button.gux-primary{color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}button.gux-primary:hover:enabled{color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}button.gux-primary:active:enabled{color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}button.gux-tertiary{color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width);}button.gux-tertiary.gux-icon-only{padding:calc(var(--gse-ui-button-default-paddingIconOnly) - var(--gse-ui-button-tertiary-default-border-width))}button.gux-tertiary:hover:enabled{color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}button.gux-tertiary:active:enabled{color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}button.gux-ghost{color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}button.gux-ghost:hover:enabled{color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}button.gux-ghost:active:enabled{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}button.gux-danger{color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}button.gux-danger:hover:enabled{color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}button.gux-danger:active:enabled{color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}button.gux-inline{min-inline-size:initial;block-size:initial;padding:0;color:var(--gse-ui-links-default-foregroundColor);background:none;border:none;border-radius:0}button.gux-inline[disabled]{color:var(--gse-ui-links-disabled-foregroundColor)}button.gux-inline:hover:enabled{color:var(--gse-ui-links-hover-foregroundColor);text-decoration:underline;background:none}button.gux-inline:active:enabled{color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}button.gux-copilot{color:var(--gse-ui-button-primary-default-foregroundColor);background:linear-gradient(64deg, var(--gse-ui-copilotButton-default-backgroundColor-bottomLeft) 5.51%, var(--gse-ui-copilotButton-default-backgroundColor-middle) 48.28%, var(--gse-ui-copilotButton-default-backgroundColor-topRight) 88.65%);box-shadow:var(--gse-ui-copilotButton-glow-default)}button.gux-copilot:hover:enabled{color:var(--gse-ui-button-primary-hover-foregroundColor);background:linear-gradient(54deg, var(--gse-ui-copilotButton-hover-backgroundColor-bottomLeft) 7.09%, var(--gse-ui-copilotButton-hover-backgroundColor-middle) 47.64%, var(--gse-ui-copilotButton-hover-backgroundColor-topRight) 103.51%);box-shadow:var(--gse-ui-copilotButton-glow-hover)}button.gux-copilot:active:enabled{color:var(--gse-ui-button-primary-active-foregroundColor);background:linear-gradient(54deg, var(--gse-ui-copilotButton-active-backgroundColor-bottomLeft) 7.17%, var(--gse-ui-copilotButton-active-backgroundColor-middle) 46.7%, var(--gse-ui-copilotButton-active-backgroundColor-topRight) 83.3%);box-shadow:var(--gse-ui-copilotButton-glow-active)}";var h=function(o,t,e,r){var i,a=arguments.length,n=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,e):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(o,t,e,r);else for(var s=o.length-1;s>=0;s--)(i=o[s])&&(n=(a<3?i(n):a>3?i(t,e,n):i(t,e))||n);return a>3&&n&&Object.defineProperty(t,e,n),n};const f=class{constructor(t){o(this,t),this.guxdismiss=r(this,"guxdismiss",7),this.position="bottom",this.displayDismissButton=!1,this.closeOnClickOutside=!1,this.isOpen=!1}onKeyDown(o){"Escape"===o.key&&this.dismiss()}onFocusout(o){!this.closeOnClickOutside&&this.displayDismissButton||o.relatedTarget&&!this.root.contains(o.relatedTarget)&&this.dismiss()}checkForClickOutside(o){const t=o.composedPath(),e=p(this.root,this.for),r=t.includes(e);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||r||this.dismiss()}get titleSlot(){return b(this.root,"title")}get footerSlot(){return b(this.root,"footer")}runUpdatePosition(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.root.isConnected?this.cleanupUpdatePosition=n(p(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const o=p(this.root,this.for);this.popupElement&&o&&s(o,this.popupElement,{placement:this.position,middleware:[u(7),l(),d(),c({element:this.arrowElement,padding:16})]}).then((({x:o,y:t,middlewareData:e,placement:r})=>{Object.assign(this.popupElement.style,{left:`${o}px`,top:`${t}px`});const i=r.split("-")[0],a={top:"bottom",right:"left",bottom:"top",left:"right"}[i],n={top:0,right:90,bottom:180,left:-90}[i],s="left"===i||"right"===i?15:12;if(e.arrow){let o=e.arrow.x;const t=e.arrow.y;"left"!==i&&"right"!==i||(o+=4),this.popupElement.setAttribute("data-placement",r),Object.assign(this.arrowElement.style,{left:null!=o?`${o}px`:"",top:null!=t?`${t}px`:"",right:"",bottom:"",[a]:-s+"px",transform:`rotate(${n}deg)`})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){i(this.root,{variant:this.position})}componentDidLoad(){this.isOpen&&this.runUpdatePosition()}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return t("div",{key:"bc04c0c2945c14426e7ff1cf87f4a760df930948",ref:o=>this.popupElement=o,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},t("div",{key:"ce2454d1e80b152b8ff2d21ba175496e79f03b2a",ref:o=>this.arrowElement=o,class:"gux-arrow"},t("div",{key:"584c7f56ee99f6236718e56f5c9513f0965e659b",class:"gux-arrow-caret"})),this.displayDismissButton&&t("gux-dismiss-button",{key:"4f5a96eb0153eaf417fd8d63ead049f02f77517f",onClick:this.dismiss.bind(this)}),t("div",{key:"9332706ed1b4d0c2a0ebb6a37a79b4b4ac430147",class:{"gux-popover-header":Boolean(this.titleSlot)}},t("slot",{key:"88d1e4173cd77b7ce449b8ed6bb54a868b1b3ad7",name:"title"})),t("div",{key:"ce3635566e8ec64605a5a2945569b2e1167bb1cb",class:"gux-popover-content"},t("slot",{key:"e2004b3f52ce0ef90bc6dae85665a5454013b4e7"})),t("div",{key:"87544441c6ed5a867bdb5a79375a292eb0db8c02",class:{"gux-popover-footer":Boolean(this.footerSlot)}},t("slot",{key:"25e63d3f83160bfde5c25c9c976719205646c184",name:"footer"})))}get root(){return e(this)}};h([g({triggerEvents:"mousedown"})],f.prototype,"checkForClickOutside",null),h([function(){let o=!1,t=null;return(e,r,i)=>{const a=i.value;i.value=function(...e){o||(a.apply(this,e),o=!0,clearTimeout(t),t=setTimeout((()=>{o=!1}),100))}}}()],f.prototype,"dismiss",null),f.style=".gux-popover-wrapper{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:var(--gse-ui-popover-padding);background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-popover-wrapper .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-block-end:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:var(--gse-ui-popover-headerColor)}.gux-popover-wrapper .gux-popover-footer{padding-block-start:var(--gse-ui-popover-gap)}";export{v as gux_button,f as gux_popover}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,h as t,H as a,a as e}from"./p-mm833MRp.js";import{l as o,n as r,f as i,p as c,b as n,a as l}from"./p-BebXX5IS.js";import{t as m}from"./p-
|
|
1
|
+
import{r as s,h as t,H as a,a as e}from"./p-mm833MRp.js";import{l as o,n as r,f as i,p as c,b as n,a as l}from"./p-BebXX5IS.js";import{t as m}from"./p-B_5U73XW.js";const d=["gux-list-item"],p=class{constructor(t){s(this,t)}componentWillLoad(){m(this.root)}onKeyDown(s){switch(s.key){case"ArrowUp":s.preventDefault(),c(this.root,d);break;case"Home":s.preventDefault(),i(this.root,d);break;case"ArrowDown":s.preventDefault(),r(this.root,d);break;case"End":s.preventDefault(),o(this.root,d)}}async guxFocusFirstItem(){i(this.root,d)}async guxFocusItemById(s){n(this.root,d,s)}async guxFocusItemByClosestId(s){l(this.root,d,s)}async guxFocusLastItem(){o(this.root,d)}render(){return t(a,{key:"bc06758cc8fabd24b777290099a0846baca46170",tabindex:"-1",role:"list"},t("slot",{key:"d872eaf91cde5d80bf2e9f639223ed1978706178"}))}get root(){return e(this)}};p.style=":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;padding:var(--gse-ui-menu-padding)}";export{p as gux_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as s,a as i}from"./p-mm833MRp.js";import{s as r}from"./p-D8NvUiBF.js";import{t as n}from"./p-
|
|
1
|
+
import{r as t,h as s,a as i}from"./p-mm833MRp.js";import{s as r}from"./p-D8NvUiBF.js";import{t as n}from"./p-B_5U73XW.js";const e=/[ +]/g,a=new Map,h=new Map;function o(t){return t.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'").replace(/\//g,"/")}const u=class{constructor(s){t(this,s),this.strategy="start",this.dimmed=!1}componentWillLoad(){n(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+=o(i)+`<mark>${o(r)}</mark>`,t.remaining=t.remaining.substring(s+r.length)}return s("span",{class:{"gux-dimmed":this.dimmed},innerHTML:t.highlighted+o(t.remaining)})}renderFuzzy(){if(function(t,s){let i=a.get(t);return i||(i=function(t){const s=t.split(e).map(r);return 0===s.length?/(?!)/:1===s.length?new RegExp(s[0],"i"):new RegExp("("+s.join(").*?(")+").*?$","i")}(t),a.set(t,i)),i.test(s)}(this.highlight,this.text)){const i=(t=this.highlight,t.split(e).map(r).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+o(e)}<mark>${o(i)}</mark>`,remaining:n.substring(r+i.length)}}),{highlighted:"",remaining:this.text});return s("span",{class:{"gux-dimmed":this.dimmed},innerHTML:i.highlighted+o(i.remaining)})}var t;return s("span",{class:{"gux-dimmed":this.dimmed}},this.text)}get root(){return i(this)}};u.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{u as gux_text_highlight}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as s,H as e,a as i}from"./p-mm833MRp.js";import{t as r}from"./p-
|
|
1
|
+
import{r as t,h as s,H as e,a as i}from"./p-mm833MRp.js";import{t as r}from"./p-B_5U73XW.js";import{D as a,g as o}from"./p-D7iHtfrY.js";import{d as m,a as h}from"./p-DvPw3gUX.js";import{u as p}from"./p-BgaA4g76.js";import{g as n}from"./p-D_8CR3cJ.js";import"./p-DCZG2J0G.js";import"./p-Cd4R0amv.js";const f=class{constructor(s){t(this,s),this.hasRegionalDatesCookie=!1,this.datetime=(new Date).toISOString(),this.format="short"}componentWillLoad(){r(this.root),p()?this.hasRegionalDatesCookie=!0:this.formatter=new a(n(this.root))}renderDateTime(){return this.hasRegionalDatesCookie?m(h(this.root),{dateStyle:this.format,timeStyle:this.format,timeZone:o(this.timeZone)}).format(new Date(this.datetime)):this.formatter.formatDateTime(new Date(this.datetime),this.format,{timeZone:o(this.timeZone)})}render(){return s(e,{key:"ac90dfa4a10203637a5aa0dfee353fce4496e396"},this.renderDateTime())}get root(){return i(this)}};export{f as gux_date_time_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,h as i,H as t,a as e}from"./p-mm833MRp.js";import{t as r}from"./p-
|
|
1
|
+
import{r as a,h as i,H as t,a as e}from"./p-mm833MRp.js";import{t as r}from"./p-B_5U73XW.js";import{l as o}from"./p-DxtJDeL9.js";import{g as n}from"./p-vciQk5kR.js";import{g as s,a as c}from"./p-BV03_Ljp.js";import"./p-Cd4R0amv.js";const u=class{constructor(i){a(this,i),this.accent="auto"}async componentWillLoad(){r(this.root)}componentDidLoad(){this.validatingInputs()}async hideTooltip(){return await this.tooltip.hideTooltip()}onKeydown(a){n(a,this.root)}isLastItemInGroup(){const a=Array.from(this.root.parentElement.children);return a.findIndex((a=>a===this.root))===a.length-1}validatingInputs(){const a=this.root.querySelector("img");this.name||o(this.root,"Name prop is required for accessibility"),a&&!a.getAttribute("alt")&&o(this.root,"Alt attribute is required for slotted image.")}render(){return i(t,{key:"1e9608a932ae26ad4147c4020e33ade149ebaa4f",role:"menuitem"},i("button",{key:"8c32c0016c57655af3923bada1dcea3482b7997e",type:"button","aria-label":this.name,tabIndex:-1,class:{"gux-avatar":!0,[s(this.accent,this.name)]:!0,"gux-last-item":this.isLastItemInGroup()}},i("slot",{key:"c78ace1bb5c36acdc1c47d337349b932f01db8e1",name:"image"},i("span",{key:"93a995dcc7a43f1bafda1b218fda166db604ed0d",class:"gux-avatar-initials","aria-hidden":"true"},c(this.name))),i("gux-tooltip-beta",{key:"ded1d19eee9dc77a4c643ac644447a4b1f21832d","aria-hidden":"true","visual-only":!0,placement:"top",ref:a=>this.tooltip=a},i("div",{key:"67ff35a3122caf24ad277755d98936b327dce2e0",slot:"content"},this.name))))}static get delegatesFocus(){return!0}get root(){return e(this)}};u.style="::slotted(img){inline-size:100%;block-size:100%;object-fit:cover}button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-avatar-small-content-size);block-size:var(--gse-ui-avatar-small-content-size);padding:0;margin:0;margin-inline-end:var(--gse-ui-avatar-groupSet-gap);overflow:hidden;color:var(--gse-ui-avatar-media-initialsForeground-inverse);cursor:pointer;background:none;background-color:var(--gse-ui-avatar-media-initialsBackground-default);border:none;border-radius:50%;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 26 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 13c0-2.6.7-5 1.8-7.2C21.5 2.3 17.5 0 13 0 5.8 0 0 5.8 0 13s5.8 13 13 13c4.5 0 8.5-2.3 10.8-5.8C22.7 18 22 15.6 22 13z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 26 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 13c0-2.6.7-5 1.8-7.2C21.5 2.3 17.5 0 13 0 5.8 0 0 5.8 0 13s5.8 13 13 13c4.5 0 8.5-2.3 10.8-5.8C22.7 18 22 15.6 22 13z' /%3E%3C/svg%3E\")}button:focus-visible,button:hover{position:relative;z-index:var(--gse-semantic-zIndex-showFocus);mask:none}button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}button.gux-last-item{mask:none}button .gux-avatar-initials{font-family:var(--gse-ui-avatar-small-initials-fontFamily);font-size:var(--gse-ui-avatar-small-initials-fontSize);font-weight:var(--gse-ui-avatar-small-initials-fontWeight);line-height:var(--gse-ui-avatar-small-initials-lineHeight);text-transform:uppercase}button.gux-accent-1{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent1)}button.gux-accent-2{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent2)}button.gux-accent-3{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent3)}button.gux-accent-4{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent4)}button.gux-accent-5{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent5)}button.gux-accent-6{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent6)}button.gux-accent-7{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent7)}button.gux-accent-8{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent8)}button.gux-accent-9{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent9)}button.gux-accent-10{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent10)}button.gux-accent-11{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent11)}button.gux-accent-12{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent12)}button.gux-accent-inherit{color:inherit;background-color:inherit}";export{u as gux_avatar_group_item_beta}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,a as i}from"./p-mm833MRp.js";import{t as r}from"./p-B_5U73XW.js";import{g as s,s as o,v as a}from"./p-DHLxhscH.js";import{c as d,o as l}from"./p-Cb3FOYGS.js";import{p as c}from"./p-PYfNAK8p.js";import"./p-D9jKBqIb.js";import"./p-DxtJDeL9.js";import"./p-BMRf5pjV.js";import"./p-qzV3vtOw.js";const n=class{constructor(t){e(this,t),this.variant="simple"}componentWillLoad(){this.setInput(),r(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect()}setInput(){this.input=s(this.root,'input[type="radio"][slot="input"], input[type="checkbox"][slot="input"]'),c(this.input),o(this.root,this.input,"description"),this.disabled=d(this.input),this.disabledObserver=l(this.input,(e=>{this.disabled=e})),a(this.root,this.input)}renderDescription(){return"simple"===this.variant?t("gux-screen-reader-beta",null,t("slot",{name:"description"})):t("div",{class:"gux-description-container"},t("slot",{name:"description"}))}renderBadge(){if("descriptive"===this.variant)return t("slot",{name:"badge"})}render(){return t("div",{key:"12390d2f77b6a1515c4c65c2fe9bb97730419127",class:{"gux-selector-card":!0,[`gux-${this.variant}`]:!0,"gux-disabled":this.disabled}},t("div",{key:"eeb64faf9ae20387f17979e3479baf4d7fa54c7b",class:"gux-content"},t("div",{key:"09db2d76b6db55a6fe52bd576eb94ef783a1c4fa",class:"gux-icon"},t("slot",{key:"bdd27857067156f9532439d188e1793e582a3610",name:"icon"})),t("div",{key:"409d2ae85fafffbbd777ef53a326450edc087163",class:"gux-label-container"},t("slot",{key:"e6ce3fcd69a234571d587f5e92556f5463e1d8e7",name:"label"})),t("slot",{key:"706c728c6389577256a354ad8c9d878003f3d2a0",name:"input"}),this.renderDescription(),this.renderBadge()))}get root(){return i(this)}};n.style=":host{display:flex;min-inline-size:var(--gse-ui-selectorCard-simple-minWidth);max-inline-size:var(--gse-ui-selectorCard-simple-maxWidth);min-block-size:var(--gse-ui-selectorCard-simple-minHeight);max-block-size:var(--gse-ui-selectorCard-simple-maxHeight)}:host([variant=descriptive]){min-inline-size:var(--gse-ui-selectorCard-descriptive-minWidth);max-inline-size:var(--gse-ui-selectorCard-descriptive-maxWidth);min-block-size:var(--gse-ui-selectorCard-descriptive-minHeight);max-block-size:var(--gse-ui-selectorCard-descriptive-maxHeight)}::slotted(*){cursor:pointer}::slotted(gux-icon){inline-size:var(--gse-ui-icon-medium-size);block-size:var(--gse-ui-icon-medium-size);color:var(--gse-ui-selectorCard-ilustrativeIcon-foregroundColor)}::slotted(label){inline-size:100%;font-family:var(--gse-ui-selectorCard-simple-label-fontFamily);font-size:var(--gse-ui-selectorCard-simple-label-fontSize);font-weight:var(--gse-ui-selectorCard-simple-label-fontWeight);line-height:var(--gse-ui-selectorCard-simple-label-lineHeight);color:var(--gse-ui-selectorCard-text-foregroundColor)}::slotted(input[type=radio]),::slotted(input[type=checkbox]){position:absolute;inset-block-start:0;inline-size:100%;block-size:100%;margin:0;color:var(--gse-ui-radioButton-icon-default-unselectedForegroundColor);-webkit-appearance:none;appearance:none;outline:none;border:var(--gse-ui-selectorCard-unselected-border-width) var(--gse-ui-selectorCard-unselected-border-style) var(--gse-ui-selectorCard-unselected-border-color);border-radius:var(--gse-ui-selectorCard-simple-borderRadius)}::slotted(input[type=radio])::before,::slotted(input[type=checkbox])::before{position:absolute;inset-block-start:var(--gse-ui-selectorCard-descriptive-text-gap);inset-inline-end:var(--gse-ui-selectorCard-descriptive-text-gap);display:inline-grid;grid-area:1/1;inline-size:var(--gse-ui-radioButton-icon-width);block-size:var(--gse-ui-radioButton-icon-height);vertical-align:middle;color:var(--gse-ui-radioButton-icon-default-unselectedForegroundColor);text-align:center;content:\"\"}::slotted(input[type=radio])::before{border-radius:50%}::slotted(input[type=radio]:checked),::slotted(input[type=checkbox]:checked){border:var(--gse-ui-selectorCard-selected-border-width) var(--gse-ui-selectorCard-selected-border-style) var(--gse-ui-selectorCard-selected-border-color)}::slotted(input[type=radio]:checked)::before,::slotted(input[type=checkbox]:checked)::before{background-color:var(--gse-ui-selectorCard-default-selectedIndicator-selected-foregroundColor)}::slotted(input[type=radio]:not(:checked))::before,::slotted(input[type=checkbox]:not(:checked))::before{background-color:var(--gse-ui-selectorCard-default-selectedIndicator-unselected-foregroundColor)}::slotted(input[type=radio]:disabled),::slotted(input[type=checkbox]:disabled){pointer-events:none;cursor:not-allowed;opacity:var(--gse-ui-radioButton-disabled-opacity)}::slotted(input[type=radio])::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\")}::slotted(input[type=radio]:checked)::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\")}::slotted(input[type=checkbox])::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M13.7143 0C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143ZM13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M13.7143 0C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143ZM13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429Z' /%3E%3C/svg%3E\")}::slotted(input[type=checkbox]:checked)::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V2.28571C16 1.025 14.975 0 13.7143 0H2.28571ZM12.0357 6.32143L7.46429 10.8929C7.12857 11.2286 6.58571 11.2286 6.25357 10.8929L3.96786 8.60714C3.63214 8.27143 3.63214 7.72857 3.96786 7.39643C4.30357 7.06429 4.84643 7.06071 5.17857 7.39643L6.85714 9.075L10.8214 5.10714C11.1571 4.77143 11.7 4.77143 12.0321 5.10714C12.3643 5.44286 12.3679 5.98571 12.0321 6.31786L12.0357 6.32143Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V2.28571C16 1.025 14.975 0 13.7143 0H2.28571ZM12.0357 6.32143L7.46429 10.8929C7.12857 11.2286 6.58571 11.2286 6.25357 10.8929L3.96786 8.60714C3.63214 8.27143 3.63214 7.72857 3.96786 7.39643C4.30357 7.06429 4.84643 7.06071 5.17857 7.39643L6.85714 9.075L10.8214 5.10714C11.1571 4.77143 11.7 4.77143 12.0321 5.10714C12.3643 5.44286 12.3679 5.98571 12.0321 6.31786L12.0357 6.32143Z' /%3E%3C/svg%3E\")}.gux-selector-card{display:flex;flex:1 1 auto;inline-size:inherit}.gux-selector-card .gux-content{position:relative;box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;gap:var(--gse-ui-selectorCard-descriptive-text-gap);align-items:center;inline-size:inherit;min-inline-size:var(--gse-ui-selectorCard-simple-minWidth);max-inline-size:var(--gse-ui-selectorCard-simple-maxWidth);min-block-size:var(--gse-ui-selectorCard-simple-minHeight);max-block-size:var(--gse-ui-selectorCard-simple-maxHeight);padding:var(--gse-ui-selectorCard-simple-padding);text-align:center;background-color:var(--gse-ui-selectorCard-default-backgroundColor);border-radius:var(--gse-ui-selectorCard-simple-borderRadius)}.gux-selector-card .gux-content .gux-label-container{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.gux-selector-card .gux-content .gux-icon{line-height:0}.gux-selector-card .gux-content:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-selector-card.gux-descriptive .gux-content{align-items:flex-start;min-inline-size:var(--gse-ui-selectorCard-descriptive-minWidth);max-inline-size:var(--gse-ui-selectorCard-descriptive-maxWidth);min-block-size:var(--gse-ui-selectorCard-descriptive-minHeight);max-block-size:var(--gse-ui-selectorCard-descriptive-maxHeight);padding:var(--gse-ui-selectorCard-descriptive-padding);text-align:start;white-space:normal;border-radius:var(--gse-ui-selectorCard-descriptive-borderRadius)}.gux-selector-card.gux-descriptive .gux-content .gux-description-container{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.gux-selector-card.gux-descriptive .gux-content ::slotted(gux-badge){margin-block-start:var(--gse-ui-selectorCard-descriptive-badge-marginTop)}.gux-selector-card.gux-descriptive .gux-content ::slotted(input[type=radio]),.gux-selector-card.gux-descriptive .gux-content ::slotted(input[type=checkbox]){inset-inline-start:0;border-radius:var(--gse-ui-selectorCard-descriptive-borderRadius)}.gux-selector-card.gux-descriptive .gux-content ::slotted(input[type=radio])::before,.gux-selector-card.gux-descriptive .gux-content ::slotted(input[type=checkbox])::before{inset-block-start:var(--gse-ui-selectorCard-descriptive-gap);inset-inline-end:var(--gse-ui-selectorCard-descriptive-padding);inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}.gux-selector-card.gux-descriptive .gux-content ::slotted(label){display:block;margin-block-end:var(--gse-ui-selectorCard-descriptive-text-gap);font-family:var(--gse-ui-selectorCard-descriptive-label-fontFamily);font-size:var(--gse-ui-selectorCard-descriptive-label-fontSize);font-weight:var(--gse-ui-selectorCard-descriptive-label-fontWeight);line-height:var(--gse-ui-selectorCard-descriptive-label-lineHeight)}.gux-selector-card.gux-descriptive .gux-content ::slotted(gux-icon){inline-size:var(--gse-ui-icon-large-size);block-size:var(--gse-ui-icon-large-size);margin-block-end:var(--gse-ui-selectorCard-descriptive-gap)}.gux-selector-card.gux-disabled{pointer-events:none;cursor:not-allowed}.gux-selector-card.gux-disabled .gux-content{pointer-events:none;-webkit-user-select:none;user-select:none;background-color:var(--gse-ui-selectorCard-disabled-backgroundColor);opacity:var(--gse-ui-selectorCard-disabled-opacity)}.gux-selector-card:hover:not(:disabled) .gux-content{cursor:pointer;background-color:var(--gse-ui-selectorCard-hover-backgroundColor)}.gux-selector-card:hover:not(:disabled) .gux-content ::slotted(input[type=radio])::before,.gux-selector-card:hover:not(:disabled) .gux-content ::slotted(input[type=checkbox])::before{background-color:var(--gse-ui-selectorCard-hover-selectedIndicator-foregroundColor)}.gux-selector-card:active:not(:disabled) .gux-content{background-color:var(--gse-ui-selectorCard-active-backgroundColor)}.gux-selector-card:active:not(:disabled) .gux-content ::slotted(input[type=radio])::before,.gux-selector-card:active:not(:disabled) .gux-content ::slotted(input[type=checkbox])::before{background-color:var(--gse-ui-selectorCard-active-selectedIndicator-foregroundColor)}";export{n as gux_selector_card_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,H as e,a as o}from"./p-mm833MRp.js";import{a as s,c as a,o as r,f as n,s as h,h as l}from"./p-C8aV-TzO.js";import{r as d}from"./p-D9jKBqIb.js";import{t as c}from"./p-
|
|
1
|
+
import{r as t,h as i,H as e,a as o}from"./p-mm833MRp.js";import{a as s,c as a,o as r,f as n,s as h,h as l}from"./p-C8aV-TzO.js";import{r as d}from"./p-D9jKBqIb.js";import{t as c}from"./p-B_5U73XW.js";import{b as u}from"./p-Bg4q97BS.js";import{o as p}from"./p-DKtwSwJx.js";import{f as g}from"./p-Cr5bTKWF.js";const m=class{constructor(i){t(this,i),this.pointerenterHandler=()=>this.show(),this.pointerleaveHandler=()=>this.hide(),this.focusinHandler=()=>this.show(),this.focusoutHandler=()=>this.hide(),this.forElementListeners=new Map([["pointerenter",this.pointerenterHandler],["pointerleave",this.pointerleaveHandler],["focusin",this.focusinHandler],["focusout",this.focusoutHandler],["mousemove",this.handlePointerMove.bind(this)]]),this.id=d("gux-tooltip-base"),this.placement="bottom-start",this.offsetX=0,this.offsetY=0,this.accent="light",this.visualOnly=!1,this.followMouse=!1,this.isShown=!1}handleKeyDown(t){"Escape"===t.key&&this.isShown&&this.hide()}handlePointerenter(){this.show()}handlePointerleave(){this.hide()}handlePointerMove(t){this.followMouse&&this.isShown&&(this.refElement=this.getRefElement(t.clientX,t.clientY),this.runUpdatePosition())}async showTooltip(){this.show()}async hideTooltip(){this.hide()}runUpdatePosition(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition();const t=this.followMouse&&this.refElement?this.refElement:this.forElement;this.cleanupUpdatePosition=s(t,this.root,(()=>this.updatePosition(t)),{ancestorScroll:!0,elementResize:!0,animationFrame:this.followMouse,ancestorResize:!0})}updatePosition(t){const i=[r(12),n({fallbackAxisSideDirection:"start",crossAxis:!1}),h(),l(),p()];a(t,this.root,{placement:this.placement,strategy:"fixed",middleware:i}).then((({x:t,y:i,middlewareData:e})=>{var o;Object.assign(this.root.style,{left:`${t+this.offsetX}px`,top:`${i+this.offsetY}px`,visibility:(null===(o=e.hide)||void 0===o?void 0:o.referenceHidden)?"hidden":"visible"}),this.root.setAttribute("data-placement",this.placement)}))}show(){clearTimeout(this.hideDelayTimeout),this.isShown=!0,u((()=>{this.runUpdatePosition()}))}hide(){this.hideDelayTimeout=setTimeout((()=>{this.isShown=!1,this.refElement=void 0,this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}),350)}setForElement(){this.forElement&&(this.visualOnly||this.forElement.setAttribute("aria-describedby",this.tooltipId?this.tooltipId:this.id),this.forElementListeners.forEach(((t,i)=>this.forElement.addEventListener(i,t))))}disconnectForElement(){this.forElement&&(this.forElement.removeAttribute("aria-describedby"),this.forElementListeners.forEach(((t,i)=>this.forElement.removeEventListener(i,t))))}updateForElement(){this.disconnectForElement(),this.setForElement()}getRefElement(t,i){return{getBoundingClientRect:()=>({x:t,y:i,top:i,left:t,bottom:i,right:t,width:10,height:10})}}connectedCallback(){this.setForElement()}componentWillLoad(){c(this.root,{variant:this.placement})}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.disconnectForElement()}render(){return i(e,{key:"4fa56951bf7fd32b8e11f1089f30d021bca199e8",id:this.tooltipId?void 0:this.id,role:this.tooltipId&&!this.isShown?void 0:"tooltip",class:{"gux-show":this.isShown},"aria-hidden":this.visualOnly},i("div",{key:"dd829553f083312c894651bded3778d35c1c771a",class:{"gux-container":!0,[`gux-${this.accent}`]:!0},"data-placement":this.placement},i("slot",{key:"7a8a9872807193d6c49fe95236f753f07ca8436a",name:"content"})))}get root(){return o(this)}static get watchers(){return{offsetX:["runUpdatePosition"],offsetY:["runUpdatePosition"],forElement:["updateForElement"]}}};m.style=":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;inline-size:max-content;max-inline-size:var(--gse-ui-tooltip-maxWidth);border-radius:var(--gse-ui-tooltip-borderRadius);box-shadow:var(--gse-ui-tooltip-boxShadow);opacity:0}:host(.gux-show){display:block;animation-name:fade-in;animation-duration:250ms;animation-delay:350ms;animation-fill-mode:forwards}.gux-container{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-tooltip-gap);place-content:center flex-start;padding:var(--gse-ui-tooltip-padding);font-family:var(--gse-ui-tooltip-text-fontFamily);font-size:var(--gse-ui-tooltip-text-fontSize);font-weight:var(--gse-ui-tooltip-text-fontWeight);line-height:var(--gse-ui-tooltip-text-lineHeight);color:var(--gse-ui-tooltip-light-foregroundColor);pointer-events:none;background-color:var(--gse-ui-tooltip-light-backgroundColor);border:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-radius:var(--gse-ui-tooltip-borderRadius)}.gux-container ::slotted(gux-icon){align-self:center;inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);color:var(--gse-ui-tooltip-light-foregroundColor)}.gux-container ::slotted(*){inline-size:100%;overflow-wrap:break-word;white-space:normal}.gux-container.gux-dark{color:var(--gse-ui-tooltip-dark-foregroundColor);background-color:var(--gse-ui-tooltip-dark-backgroundColor);border:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark ::slotted(gux-icon){align-self:center;inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);color:var(--gse-ui-tooltip-dark-iconColor)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";const f=class{constructor(i){t(this,i),this.id=d("gux-tooltip"),this.placement="bottom-start",this.accent="light",this.visualOnly=!1}async showTooltip(){return await this.baseTooltip.showTooltip()}async hideTooltip(){return await this.baseTooltip.hideTooltip()}updateForElement(){this.forElement=this.getForElement()}componentWillLoad(){c(this.root,{variant:this.placement})}componentDidLoad(){this.baseTooltip&&(this.tooltipObserver=new MutationObserver((()=>{var t;this.role=null===(t=this.baseTooltip)||void 0===t?void 0:t.role})),this.tooltipObserver.observe(this.baseTooltip,{childList:!0,attributes:!0,attributeFilter:["role"]}))}connectedCallback(){this.updateForElement()}disconnectedCallback(){this.tooltipObserver&&this.tooltipObserver.disconnect()}getForElement(){if(this.for){const t=g(this.root,this.for);return t||this.logForAttributeError(),t}return this.root.parentElement}logForAttributeError(){this.root.isConnected&&console.error(`gux-tooltip: invalid element supplied to 'for': "${this.for}"`)}render(){return i(e,{key:"2c3c4f0d81b3af031c6eae5b0ed89a34a93a61e7",id:this.id,role:this.role},i("gux-tooltip-base-beta",{key:"572aee4f4239aaceb305e9946e10c9ae9e94ded4",forElement:this.forElement,placement:this.placement,accent:this.accent,tooltipId:this.id,visualOnly:this.visualOnly,ref:t=>this.baseTooltip=t},i("span",{key:"2471f299fd9b6752ee02be21a294d7edde006dc7",slot:"content"},i("slot",{key:"98f6aaa4608637806ed16111ea778ddb7f9859cb",name:"content"},i("slot",{key:"c3c6f951155450abcac39a904791c77f51f45cc2"})))))}get root(){return o(this)}static get watchers(){return{for:["updateForElement"]}}};export{m as gux_tooltip_base_beta,f as gux_tooltip_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,f as i,h as o,a as r,H as s}from"./p-mm833MRp.js";import{O as n}from"./p-CuMZPTZF.js";import{b as l}from"./p-D_8CR3cJ.js";import{s as a}from"./p-BMRf5pjV.js";import{o as u,c as d}from"./p-Cb3FOYGS.js";import{b as g}from"./p-Bg4q97BS.js";import{t as h}from"./p-Bk9hX_6O.js";import{O as c}from"./p-1mmdDpx8.js";import{s as f,b as p,g as x,a as b,d as v,h as m,e as w,f as C,i as y,j as k,k as z,l as F,m as j,n as O,o as T,c as S,p as E}from"./p-zrBw_m7x.js";import{h as L}from"./p-qzV3vtOw.js";import{w as R}from"./p-kLXvN2m9.js";import{g as D}from"./p-Cd4R0amv.js";import{b as W}from"./p-CK42c8Uy.js";import{r as B}from"./p-D9jKBqIb.js";import{g as H}from"./p-MAoEg4ig.js";import"./p-DjLdmWVU.js";var I={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"},A=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 l=t.length-1;l>=0;l--)(r=t[l])&&(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 M=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.disabled=!1,this.required=!1,this.loading=!1,this.filterType="none",this.hasError=!1,this.exceedTargetWidth=!1,this.expanded=!1,this.filter=""}watchExpanded(t){!t&&this.filterElement&&(this.filter="",this.filterElement.value="")}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}watchDisabled(t){t&&(this.expanded=!1)}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("noFocusChange")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,f(this.listboxElement)));case"Enter":case" ":return void(this.expanded||this.isFilterable()||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),this.isFilterable()&&!this.root.contains(null==t?void 0:t.relatedTarget)&&this.filterElement.focus()}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&&g((()=>{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(){h(this.root),this.i18n=await l(this.root,I),u(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){const t=b(i);return null==t?void 0:t.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 this.renderOption(t);case"gux-option-icon":case"gux-option-status-beta":return this.renderIconOption(t);default:return e}}getOptionDefaultText(t){return b(t)}renderOption(t){return o("gux-truncate",{ref:t=>this.truncateElement=t,dir:"auto"},this.getOptionDefaultText(t))}renderIconOption(t){let e=null,i=t.textContent;return null!==t.iconColor&&(e={color:t.iconColor}),L(t,"subtext")&&(i=this.getOptionDefaultText(t)),o("span",{class:{"gux-selected-icon":!0,"gux-icon-position-end":"end"===t.iconPosition}},o("gux-icon",{"icon-name":t.iconName,style:e,decorative:!0,size:"small"}),o("gux-truncate",{ref:t=>this.truncateElement=t},i))}renderFilterInputField(){if(this.isFilterable())return o("div",{class:"gux-field gux-input-field",dir:"auto"},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",{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),onFocus:()=>this.expanded=!0,disabled:this.disabled}),this.renderTargetContent()))))}renderPopup(){return o("slot",{slot:"popup"})}renderTarget(){return o("div",{class:{"gux-target-container-filterable":this.isFilterable(),"gux-target-container-filterable-active":this.expanded&&this.isFilterable(),"gux-target-container-not-filterable":!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.isFilterable()&&this.renderTargetContent(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),size:"small",iconName:this.expanded?"custom/chevron-up-small-regular":"custom/chevron-down-small-regular"})))}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:"9e7bd1a3ef412ee6ac9548e1822e7ae1c75808b2",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled||this.loading&&!this.isFilterable(),exceedTargetWidth:this.exceedTargetWidth},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return r(this)}static get watchers(){return{expanded:["watchExpanded"],value:["watchValue"],filter:["handleFilter"],disabled:["watchDisabled"]}}};A([n({triggerEvents:"mousedown"})],M.prototype,"onClickOutside",null),A([c({childList:!0,subtree:!0})],M.prototype,"onMutation",null),M.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-field,.gux-target-container-filterable{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size: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-filterable,.gux-target-container-not-filterable .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-error.gux-target-container-not-filterable .gux-field-button,.gux-error.gux-target-container-filterable{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-not-filterable .gux-field-button,.gux-disabled.gux-target-container-filterable{user-select:none;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-not-filterable .gux-field-button:hover,.gux-target-container-filterable: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{block-size: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-inline-size:0;block-size: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;block-size:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size: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;padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-filterable{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-filterable.gux-target-container-filterable-active{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-filterable: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-focusOutline-offset)}.gux-target-container-filterable: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-focusOutline-offset)}.gux-target-container-filterable .gux-filter-input{background-color:inherit;border:none}.gux-target-container-filterable .gux-filter-input:focus{outline:none;border:none}.gux-target-container-filterable .gux-filter-input::selection{color:inherit;background:transparent;}.gux-target-container-filterable .gux-field-button{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;outline:none;background:inherit;border:none;box-shadow:none}.gux-target-container-filterable .gux-field-button:focus{outline:none}.gux-target-container-not-filterable .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-not-filterable .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-focusOutline-offset)}.gux-target-container-not-filterable .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-focusOutline-offset)}::slotted(gux-listbox){outline:none;box-shadow:var(--gse-ui-menu-boxShadow)}.gux-selected-icon{display:flex;flex-direction:row;align-items:center}.gux-selected-icon.gux-icon-position-end{flex-direction:row-reverse}.gux-selected-icon gux-icon{padding-inline-end:var(--gse-ui-dropdown-gap)}";const K=["gux-option","gux-option-icon","gux-option-status-beta"].join(",");var V={noMatches:"No matches",loading:"Loading..."};const _=class{constructor(i){t(this,i),this.internallistboxoptionsupdated=e(this,"internallistboxoptionsupdated",7),this.loading=!1,this.filter="",this.filterType="none",this.disabled=!1,this.selectedValues=[],this.listboxOptions=[]}onBlur(){v(this.root)}onKeydown(t){if(!m(this.root))return t.preventDefault(),void f(this.root);switch(t.key){case"Enter":return t.preventDefault(),void j(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(z(this.root)?(t.stopPropagation(),F(this.root)):C(this.root));case"ArrowUp":return t.preventDefault(),void(y(this.root)?(t.stopPropagation(),k(this.root)):w(this.root));case"Home":return t.preventDefault(),void C(this.root);case"End":return t.preventDefault(),void w(this.root);case" ":return void t.preventDefault()}1!==t.key.length||O(this.root,t.key)}onKeyup(t){" "!==t.key||j(this.root,(t=>this.updateValue(t)))}onMousemove(){v(this.root)}onClick(t){R(K,t,(t=>{T(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){j(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.selectedValues=S(this.value),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(){h(this.root),this.i18n=await l(this.root,V),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,"custom"!==this.filterType&&"none"!==this.filterType&&(t.filtered=!E(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)}};_.style=":host{scrollbar-color:var(--gse-ui-menu-border-color) transparent;scrollbar-width:thin;box-sizing:border-box;display:block;max-block-size:var(--gse-ui-menu-maxHeight);padding:var(--gse-ui-menu-padding);margin:0;overflow:visible auto;outline:none;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)}:host(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-ui-color-focus);outline-offset:var(--gse-semantic-focusOutline-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;block-size:var(--gse-ui-menu-option-height);padding-block:var(--gse-ui-dropdown-gap);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);color:var(--gse-ui-menu-option-label-foregroundColor)}";const N=class{constructor(e){t(this,e),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||B("gux-option"),this.onSubtextChange()}onSubtextChange(){const t=H(this.root,"subtext");this.hasSubtext=!!(null==t?void 0:t.trim())}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}hasDisabledParent(){const t=D("gux-listbox",this.root);return null==t?void 0:t.disabled}render(){return o(s,{key:"ec21be1002f3280612de75e37db95eb6972593fc",role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled||this.hasDisabledParent(),"gux-filtered":this.filtered,"gux-selected":this.selected,"gux-show-subtext":this.hasSubtext},"aria-selected":this.getAriaSelected(),"aria-disabled":W(this.disabled||this.hasDisabledParent())},o("div",{key:"69c26d456a4f74f169b2018fd03525299fa5149f",class:"gux-option-wrapper"},o("gux-truncate",{key:"1c3c096df3bd18259cade9903165839d681377a4","tooltip-placement":"right",ref:t=>this.truncateElement=t},o("slot",{key:"f03c6a93e3d1764634aef45e40069e3be586c88d"})),o("slot",{key:"d15ee648db04cd5ee3cd065abbb0dedf9a631c3b",onSlotchange:()=>this.onSubtextChange(),name:"subtext"})))}get root(){return r(this)}static get watchers(){return{active:["handleActive"]}}};N.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;block-size:var(--gse-ui-menu-option-height);min-block-size: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);overflow-wrap:break-word;cursor:pointer}:host .gux-option-wrapper{inline-size:100%;user-select:none}: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){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;border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}:host(.gux-show-subtext){align-items:flex-start;block-size:auto;padding:var(--gse-ui-menu-option-subtext-padding)}:host(.gux-show-subtext) .gux-option-wrapper{display:flex;flex-direction:column}:host(.gux-show-subtext) slot[name=subtext]::slotted(*){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{M as gux_dropdown,_ as gux_listbox,N as gux_option}
|
|
1
|
+
import{r as t,c as e,f as i,h as o,a as r,H as s}from"./p-mm833MRp.js";import{O as n}from"./p-CuMZPTZF.js";import{b as l}from"./p-D_8CR3cJ.js";import{s as a}from"./p-BMRf5pjV.js";import{o as u,c as d}from"./p-Cb3FOYGS.js";import{b as g}from"./p-Bg4q97BS.js";import{t as h}from"./p-B_5U73XW.js";import{O as c}from"./p-1mmdDpx8.js";import{s as f,b as p,g as x,a as b,d as v,h as m,e as w,f as C,i as y,j as k,k as z,l as F,m as j,n as O,o as T,c as S,p as E}from"./p-zrBw_m7x.js";import{h as L}from"./p-qzV3vtOw.js";import{w as R}from"./p-kLXvN2m9.js";import{g as D}from"./p-Cd4R0amv.js";import{b as W}from"./p-CK42c8Uy.js";import{r as B}from"./p-D9jKBqIb.js";import{g as H}from"./p-MAoEg4ig.js";import"./p-DjLdmWVU.js";var I={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"},A=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 l=t.length-1;l>=0;l--)(r=t[l])&&(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 M=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.disabled=!1,this.required=!1,this.loading=!1,this.filterType="none",this.hasError=!1,this.exceedTargetWidth=!1,this.expanded=!1,this.filter=""}watchExpanded(t){!t&&this.filterElement&&(this.filter="",this.filterElement.value="")}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}watchDisabled(t){t&&(this.expanded=!1)}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("noFocusChange")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,f(this.listboxElement)));case"Enter":case" ":return void(this.expanded||this.isFilterable()||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),this.isFilterable()&&!this.root.contains(null==t?void 0:t.relatedTarget)&&this.filterElement.focus()}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&&g((()=>{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(){h(this.root),this.i18n=await l(this.root,I),u(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){const t=b(i);return null==t?void 0:t.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 this.renderOption(t);case"gux-option-icon":case"gux-option-status-beta":return this.renderIconOption(t);default:return e}}getOptionDefaultText(t){return b(t)}renderOption(t){return o("gux-truncate",{ref:t=>this.truncateElement=t,dir:"auto"},this.getOptionDefaultText(t))}renderIconOption(t){let e=null,i=t.textContent;return null!==t.iconColor&&(e={color:t.iconColor}),L(t,"subtext")&&(i=this.getOptionDefaultText(t)),o("span",{class:{"gux-selected-icon":!0,"gux-icon-position-end":"end"===t.iconPosition}},o("gux-icon",{"icon-name":t.iconName,style:e,decorative:!0,size:"small"}),o("gux-truncate",{ref:t=>this.truncateElement=t},i))}renderFilterInputField(){if(this.isFilterable())return o("div",{class:"gux-field gux-input-field",dir:"auto"},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",{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),onFocus:()=>this.expanded=!0,disabled:this.disabled}),this.renderTargetContent()))))}renderPopup(){return o("slot",{slot:"popup"})}renderTarget(){return o("div",{class:{"gux-target-container-filterable":this.isFilterable(),"gux-target-container-filterable-active":this.expanded&&this.isFilterable(),"gux-target-container-not-filterable":!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.isFilterable()&&this.renderTargetContent(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),size:"small",iconName:this.expanded?"custom/chevron-up-small-regular":"custom/chevron-down-small-regular"})))}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:"9e7bd1a3ef412ee6ac9548e1822e7ae1c75808b2",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled||this.loading&&!this.isFilterable(),exceedTargetWidth:this.exceedTargetWidth},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return r(this)}static get watchers(){return{expanded:["watchExpanded"],value:["watchValue"],filter:["handleFilter"],disabled:["watchDisabled"]}}};A([n({triggerEvents:"mousedown"})],M.prototype,"onClickOutside",null),A([c({childList:!0,subtree:!0})],M.prototype,"onMutation",null),M.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-field,.gux-target-container-filterable{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size: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-filterable,.gux-target-container-not-filterable .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-error.gux-target-container-not-filterable .gux-field-button,.gux-error.gux-target-container-filterable{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-not-filterable .gux-field-button,.gux-disabled.gux-target-container-filterable{user-select:none;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-not-filterable .gux-field-button:hover,.gux-target-container-filterable: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{block-size: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-inline-size:0;block-size: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;block-size:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size: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;padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-filterable{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-filterable.gux-target-container-filterable-active{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-filterable: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-focusOutline-offset)}.gux-target-container-filterable: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-focusOutline-offset)}.gux-target-container-filterable .gux-filter-input{background-color:inherit;border:none}.gux-target-container-filterable .gux-filter-input:focus{outline:none;border:none}.gux-target-container-filterable .gux-filter-input::selection{color:inherit;background:transparent;}.gux-target-container-filterable .gux-field-button{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;outline:none;background:inherit;border:none;box-shadow:none}.gux-target-container-filterable .gux-field-button:focus{outline:none}.gux-target-container-not-filterable .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-not-filterable .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-focusOutline-offset)}.gux-target-container-not-filterable .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-focusOutline-offset)}::slotted(gux-listbox){outline:none;box-shadow:var(--gse-ui-menu-boxShadow)}.gux-selected-icon{display:flex;flex-direction:row;align-items:center}.gux-selected-icon.gux-icon-position-end{flex-direction:row-reverse}.gux-selected-icon gux-icon{padding-inline-end:var(--gse-ui-dropdown-gap)}";const K=["gux-option","gux-option-icon","gux-option-status-beta"].join(",");var V={noMatches:"No matches",loading:"Loading..."};const _=class{constructor(i){t(this,i),this.internallistboxoptionsupdated=e(this,"internallistboxoptionsupdated",7),this.loading=!1,this.filter="",this.filterType="none",this.disabled=!1,this.selectedValues=[],this.listboxOptions=[]}onBlur(){v(this.root)}onKeydown(t){if(!m(this.root))return t.preventDefault(),void f(this.root);switch(t.key){case"Enter":return t.preventDefault(),void j(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(z(this.root)?(t.stopPropagation(),F(this.root)):C(this.root));case"ArrowUp":return t.preventDefault(),void(y(this.root)?(t.stopPropagation(),k(this.root)):w(this.root));case"Home":return t.preventDefault(),void C(this.root);case"End":return t.preventDefault(),void w(this.root);case" ":return void t.preventDefault()}1!==t.key.length||O(this.root,t.key)}onKeyup(t){" "!==t.key||j(this.root,(t=>this.updateValue(t)))}onMousemove(){v(this.root)}onClick(t){R(K,t,(t=>{T(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){j(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.selectedValues=S(this.value),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(){h(this.root),this.i18n=await l(this.root,V),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,"custom"!==this.filterType&&"none"!==this.filterType&&(t.filtered=!E(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)}};_.style=":host{scrollbar-color:var(--gse-ui-menu-border-color) transparent;scrollbar-width:thin;box-sizing:border-box;display:block;max-block-size:var(--gse-ui-menu-maxHeight);padding:var(--gse-ui-menu-padding);margin:0;overflow:visible auto;outline:none;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)}:host(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-ui-color-focus);outline-offset:var(--gse-semantic-focusOutline-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;block-size:var(--gse-ui-menu-option-height);padding-block:var(--gse-ui-dropdown-gap);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);color:var(--gse-ui-menu-option-label-foregroundColor)}";const U=class{constructor(e){t(this,e),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||B("gux-option"),this.onSubtextChange()}onSubtextChange(){const t=H(this.root,"subtext");this.hasSubtext=!!(null==t?void 0:t.trim())}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}hasDisabledParent(){const t=D("gux-listbox",this.root);return null==t?void 0:t.disabled}render(){return o(s,{key:"ec21be1002f3280612de75e37db95eb6972593fc",role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled||this.hasDisabledParent(),"gux-filtered":this.filtered,"gux-selected":this.selected,"gux-show-subtext":this.hasSubtext},"aria-selected":this.getAriaSelected(),"aria-disabled":W(this.disabled||this.hasDisabledParent())},o("div",{key:"69c26d456a4f74f169b2018fd03525299fa5149f",class:"gux-option-wrapper"},o("gux-truncate",{key:"1c3c096df3bd18259cade9903165839d681377a4","tooltip-placement":"right",ref:t=>this.truncateElement=t},o("slot",{key:"f03c6a93e3d1764634aef45e40069e3be586c88d"})),o("slot",{key:"d15ee648db04cd5ee3cd065abbb0dedf9a631c3b",onSlotchange:()=>this.onSubtextChange(),name:"subtext"})))}get root(){return r(this)}static get watchers(){return{active:["handleActive"]}}};U.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;block-size:var(--gse-ui-menu-option-height);min-block-size: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);overflow-wrap:break-word;cursor:pointer}:host .gux-option-wrapper{inline-size:100%;user-select:none}: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){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;border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}:host(.gux-show-subtext){align-items:flex-start;block-size:auto;padding:var(--gse-ui-menu-option-subtext-padding)}:host(.gux-show-subtext) .gux-option-wrapper{display:flex;flex-direction:column}:host(.gux-show-subtext) slot[name=subtext]::slotted(*){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{M as gux_dropdown,_ as gux_listbox,U as gux_option}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,h as a,a as s}from"./p-mm833MRp.js";import{t as i}from"./p-
|
|
1
|
+
import{r as t,c as o,h as a,a as s}from"./p-mm833MRp.js";import{t as i}from"./p-B_5U73XW.js";import{h as e}from"./p-qzV3vtOw.js";import{l as r}from"./p-DxtJDeL9.js";const n=class{constructor(a){t(this,a),this.guxdismiss=o(this,"guxdismiss",7),this.toastType="success",this.hasLink=!1,this.hasPrimaryButton=!1,this.hasSecondaryButton=!1}componentWillLoad(){i(this.root,{variant:this.toastType}),this.hasPrimaryButton=e(this.root,"primary-button"),this.hasSecondaryButton=e(this.root,"secondary-button"),this.hasLink=e(this.root,"link")}componentDidLoad(){this.checkAriaLive()}checkAriaLive(){let t=this.root.parentElement;for(;t;){if(t.hasAttribute("aria-live"))return;t=t.parentElement}r(this.root,"gux-toast must have a parent element with an `aria-live` attribute")}renderToastIcon(){switch(this.toastType){case"success":return a("gux-icon",{"icon-name":"fa/circle-check-solid",decorative:!0});case"warning":return a("gux-icon",{"icon-name":"fa/triangle-exclamation-solid",decorative:!0});case"error":return a("gux-icon",{"icon-name":"fa/hexagon-exclamation-solid",decorative:!0});case"info":return a("gux-icon",{"icon-name":"fa/circle-info-solid",decorative:!0});case"action":return a("slot",{name:"icon"})}}renderLink(){return a("div",{class:"gux-buttons-bar"},a("gux-link-beta",{standalone:!0},a("slot",{name:"link"})))}renderActions(){return a("gux-cta-group",{class:"gux-buttons-bar",align:"end"},this.hasSecondaryButton&&a("gux-button-slot",{slot:"secondary"},a("slot",{name:"secondary-button"})),a("gux-button-slot",{slot:"primary"},a("slot",{name:"primary-button"})))}render(){return a("div",{key:"af6e2d8e5927aa34eb9b6bf8b73cbb267313f3bc",class:`gux-toast gux-toast-${this.toastType}`},a("div",{key:"0f6a4d5037b01b95ee49f765ec99c229f26b7d96",class:`gux-icon gux-icon-${this.toastType}`},this.renderToastIcon()),a("div",{key:"4fbdc8b68139c33414502e2dd3cd891615b41a2b",class:"gux-content"},a("div",{key:"cbc01c9c5b797ccd53dcdfb8356a3cea8579b0a3",class:"gux-message"},a("gux-truncate",{key:"bbeaed16e72615d0302fd0af0f1ddd5c9d915ec9",class:"gux-message-title","max-lines":1},a("slot",{key:"a0f46564676b8f9be9ad55e503bc23e16cad5197",name:"title"})),a("gux-truncate",{key:"97b79482fcb186d338bebc5ebf1c867c7a80fab2",class:"gux-message-body","max-lines":2},a("slot",{key:"0abd68662de7c4d73375ce209181516f2db30fa7",name:"message"}))),"action"!==this.toastType&&this.hasLink&&this.renderLink(),"action"===this.toastType&&this.hasPrimaryButton&&this.renderActions()),a("gux-dismiss-button",{key:"741fad7a10b95d6356ffc9e3179f6a07aba41433",position:"inherit",onClick:this.onDismissClickHandler.bind(this)}))}onDismissClickHandler(t){t.stopPropagation(),this.guxdismiss.emit().defaultPrevented||this.root.remove()}get root(){return s(this)}};n.style=".gux-toast{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-gap);place-content:stretch flex-start;align-items:flex-start;inline-size:var(--gse-ui-toast-wrappingWidth);padding:var(--gse-ui-toast-margin);margin-block-end:var(--gse-ui-toast-stacking-gap);border-radius:var(--gse-ui-toast-borderRadius);box-shadow:var(--gse-ui-toast-boxShadow)}.gux-toast .gux-icon ::slotted(gux-icon){inline-size:var(--gse-ui-toast-icon) !important;block-size:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon gux-icon{inline-size:var(--gse-ui-toast-icon) !important;block-size:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon.gux-icon-error{color:var(--gse-ui-toast-error-iconColor)}.gux-toast .gux-icon.gux-icon-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-toast .gux-icon.gux-icon-success{color:var(--gse-ui-toast-success-iconColor)}.gux-toast .gux-icon.gux-icon-info{color:var(--gse-ui-toast-info-iconColor)}.gux-toast .gux-icon.gux-icon-action{color:var(--gse-ui-toast-action-iconColor)}.gux-toast .gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-toast-gapButton);place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0}.gux-toast .gux-content .gux-message{display:flex;flex-direction:column;gap:var(--gse-ui-toast-gapText)}.gux-toast .gux-content .gux-message .gux-message-title{font-family:var(--gse-ui-toast-heading-fontFamily);font-size:var(--gse-ui-toast-heading-fontSize);font-weight:var(--gse-ui-toast-heading-fontWeight);line-height:var(--gse-ui-toast-heading-lineHeight)}.gux-toast .gux-content .gux-message .gux-message-body{font-family:var(--gse-ui-toast-text-fontFamily);font-size:var(--gse-ui-toast-text-fontSize);line-height:var(--gse-ui-toast-text-lineHeight);overflow-wrap:anywhere}.gux-toast .gux-content .gux-buttons-bar{inline-size:100%}.gux-toast.gux-toast-success{background-color:var(--gse-ui-toast-success-backgroundColor)}.gux-toast.gux-toast-success .gux-message{color:var(--gse-ui-toast-success-foregroundColor)}.gux-toast.gux-toast-warning{background-color:var(--gse-ui-toast-warning-backgroundColor)}.gux-toast.gux-toast-warning .gux-message{color:var(--gse-ui-toast-warning-foregroundColor)}.gux-toast.gux-toast-error{background-color:var(--gse-ui-toast-error-backgroundColor)}.gux-toast.gux-toast-error .gux-message{color:var(--gse-ui-toast-error-foregroundColor)}.gux-toast.gux-toast-info{background-color:var(--gse-ui-toast-info-backgroundColor)}.gux-toast.gux-toast-info .gux-message{color:var(--gse-ui-toast-info-foregroundColor)}.gux-toast.gux-toast-action{display:grid;grid-template-rows:1fr;grid-template-columns:var(--gse-ui-icon-medium-size) 1fr var(--gse-ui-button-dismiss-medium-width);background-color:var(--gse-ui-toast-action-backgroundColor)}.gux-toast.gux-toast-action .gux-content{grid-row:1/2;grid-column:2/4}.gux-toast.gux-toast-action .gux-icon{grid-row:1/2;grid-column:1/2}.gux-toast.gux-toast-action gux-dismiss-button{grid-row:1/2;grid-column:3/4}.gux-toast.gux-toast-action .gux-message{inline-size:var(--gse-ui-toast-messageWidth);color:var(--gse-ui-toast-action-foregroundColor)}";export{n as gux_toast}
|