genesys-spark-components 4.49.0 → 4.51.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-button.cjs.entry.js +2 -2
- package/dist/cjs/gux-action-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-advanced-dropdown-legacy.cjs.entry.js +2 -2
- package/dist/cjs/gux-all-row-select.cjs.entry.js +1 -1
- package/dist/cjs/gux-announce-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-change-photo-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-badge.cjs.entry.js +1 -1
- package/dist/cjs/gux-blank-state.cjs.entry.js +1 -1
- package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-multi.cjs.entry.js +2 -2
- package/dist/cjs/gux-button-slot.cjs.entry.js +1 -1
- package/dist/cjs/gux-button.cjs.entry.js +2 -2
- package/dist/cjs/gux-calendar.cjs.entry.js +2 -2
- package/dist/cjs/gux-card.cjs.entry.js +1 -1
- package/dist/cjs/gux-column-manager.cjs.entry.js +1 -1
- package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-context-menu.cjs.entry.js +2 -2
- package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js +4 -4
- package/dist/cjs/gux-date-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-date-time-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-datepicker.cjs.entry.js +3 -3
- 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 +2 -2
- package/dist/cjs/gux-dropdown_3.cjs.entry.js +2 -2
- 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.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-input-clear-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-number_3.cjs.entry.js +5 -5
- package/dist/cjs/gux-form-field-phone.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-icon.cjs.entry.js +1 -1
- package/dist/cjs/gux-inline-alert.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-modal-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal.cjs.entry.js +13 -10
- package/dist/cjs/gux-month-calendar.cjs.entry.js +1 -1
- package/dist/cjs/gux-month-picker-beta.cjs.entry.js +3 -3
- package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-buttons_2.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-items-per-page.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
- package/dist/cjs/gux-phone-input-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-popover-list.cjs.entry.js +4 -4
- package/dist/cjs/gux-popup.cjs.entry.js +3 -3
- package/dist/cjs/gux-radial-loading.cjs.entry.js +2 -2
- package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
- package/dist/cjs/gux-rating.cjs.entry.js +2 -2
- package/dist/cjs/gux-row-select.cjs.entry.js +1 -1
- package/dist/cjs/gux-screen-reader-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-segmented-control-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-segmented-control-item.cjs.entry.js +5 -5
- package/dist/cjs/gux-selector-card-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-selector-cards-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-skip-navigation-item.cjs.entry.js +1 -1
- package/dist/cjs/gux-skip-navigation-list.cjs.entry.js +2 -2
- package/dist/cjs/gux-sort-control.cjs.entry.js +4 -4
- package/dist/cjs/gux-switch-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-tab-advanced-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-tab-advanced-panel.cjs.entry.js +1 -1
- package/dist/cjs/gux-tab-advanced.cjs.entry.js +2 -2
- package/dist/cjs/gux-tab-list.cjs.entry.js +2 -2
- package/dist/cjs/gux-tab-panel.cjs.entry.js +1 -1
- package/dist/cjs/gux-tab.cjs.entry.js +2 -2
- package/dist/cjs/gux-table-select-menu.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +2 -2
- package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +3 -3
- package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +3 -3
- package/dist/cjs/gux-table-toolbar.cjs.entry.js +3 -3
- package/dist/cjs/gux-table.cjs.entry.js +2 -2
- package/dist/cjs/gux-tabs-advanced.cjs.entry.js +2 -2
- package/dist/cjs/gux-tabs.cjs.entry.js +2 -2
- package/dist/cjs/gux-tag.cjs.entry.js +2 -2
- package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-time-picker.cjs.entry.js +4 -4
- package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-toast.cjs.entry.js +3 -3
- package/dist/cjs/gux-toggle-slider.cjs.entry.js +2 -2
- package/dist/cjs/gux-toggle.cjs.entry.js +3 -3
- package/dist/cjs/gux-tooltip-base-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip-title.cjs.entry.js +3 -3
- package/dist/cjs/gux-tooltip.cjs.entry.js +3 -3
- package/dist/cjs/gux-truncate.cjs.entry.js +3 -3
- package/dist/cjs/{on-click-outside-f7acdd1d.js → on-click-outside-09a6d6fa.js} +14 -16
- package/dist/cjs/{usage-512f8bcc.js → usage-ba488a5c.js} +1 -1
- package/dist/cjs/{use-regional-dates-7be0e7b5.js → use-regional-dates-34243a86.js} +16 -17
- package/dist/collection/components/beta/gux-date/tests/gux-date.spec.js +68 -16
- package/dist/collection/components/beta/gux-date-time/tests/gux-date-time.spec.js +54 -16
- package/dist/collection/components/beta/gux-month-picker/tests/gux-month-picker.spec.js +28 -5
- package/dist/collection/components/beta/gux-segmented-control/gux-segmented-control-item/gux-segmented-control-item.js +5 -5
- package/dist/collection/components/beta/gux-time/tests/gux-time.spec.js +54 -16
- package/dist/collection/components/beta/gux-tooltip-beta/tests/gux-tooltip.e2e.js +6 -2
- package/dist/collection/components/beta/gux-tooltip-beta/tests/gux-tooltip.spec.js +12 -4
- package/dist/collection/components/stable/gux-button/gux-button.css +2 -0
- package/dist/collection/components/stable/gux-calendar/tests/gux-calendar.spec.js +43 -12
- package/dist/collection/components/stable/gux-copy-to-clipboard/gux-copy-to-clipboard.css +0 -3
- package/dist/collection/components/stable/gux-copy-to-clipboard/gux-copy-to-clipboard.js +2 -2
- package/dist/collection/components/stable/gux-datepicker/tests/gux-datepicker.e2e.js +0 -5
- package/dist/collection/components/stable/gux-datepicker/tests/gux-datepicker.spec.js +37 -25
- package/dist/collection/components/stable/gux-modal/gux-modal.css +4 -4
- package/dist/collection/components/stable/gux-modal/gux-modal.js +11 -8
- package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-ellipsis-button/gux-pagination-ellipsis-button.js +1 -1
- package/dist/collection/components/stable/gux-pagination/gux-pagination-item-counts/gux-pagination-item-counts.js +1 -1
- package/dist/collection/components/stable/gux-pagination/gux-pagination-items-per-page/gux-pagination-items-per-page.js +1 -1
- package/dist/collection/components/stable/gux-popover/gux-popover.js +2 -2
- package/dist/collection/components/stable/gux-popover-list/gux-popover-list.js +2 -2
- package/dist/collection/components/stable/gux-popup/gux-popup.js +3 -3
- package/dist/collection/components/stable/gux-radial-loading/gux-radial-loading.js +1 -1
- package/dist/collection/components/stable/gux-rating/gux-rating.js +1 -1
- package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-item/gux-skip-navigation-item.js +1 -1
- package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-list.js +1 -1
- package/dist/collection/components/stable/gux-table/gux-all-row-select/gux-all-row-select.js +1 -1
- package/dist/collection/components/stable/gux-table/gux-row-select/gux-row-select.js +1 -1
- package/dist/collection/components/stable/gux-table/gux-sort-control/gux-sort-control.js +3 -3
- package/dist/collection/components/stable/gux-table/gux-table-select-menu/gux-table-select-menu.js +1 -1
- package/dist/collection/components/stable/gux-table/gux-table.js +1 -1
- package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-action/gux-table-toolbar-action.js +1 -1
- package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-custom-action/gux-table-toolbar-custom-action.js +2 -2
- package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-menu-button/gux-table-toolbar-menu-button.js +1 -1
- package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar.js +2 -2
- package/dist/collection/components/stable/gux-tabs/gux-tab/gux-tab.js +2 -2
- package/dist/collection/components/stable/gux-tabs/gux-tab-list/gux-tab-list.js +2 -2
- package/dist/collection/components/stable/gux-tabs/gux-tab-panel/gux-tab-panel.js +1 -1
- package/dist/collection/components/stable/gux-tabs/gux-tabs.js +1 -1
- package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced/gux-tab-advanced.js +2 -2
- package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-list/gux-tab-advanced-list.js +1 -1
- package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-panel/gux-tab-advanced-panel.js +1 -1
- package/dist/collection/components/stable/gux-tabs-advanced/gux-tabs-advanced.js +1 -1
- package/dist/collection/components/stable/gux-tag/gux-tag.js +1 -1
- package/dist/collection/components/stable/gux-time-picker/gux-time-picker.js +1 -1
- package/dist/collection/components/stable/gux-time-picker/tests/gux-time-picker.spec.js +28 -6
- package/dist/collection/components/stable/gux-toast/gux-toast.js +2 -2
- package/dist/collection/components/stable/gux-toggle/gux-toggle-slider/gux-toggle-slider.js +2 -2
- package/dist/collection/components/stable/gux-toggle/gux-toggle.js +2 -2
- package/dist/collection/components/stable/gux-tooltip/gux-tooltip.js +2 -2
- package/dist/collection/components/stable/gux-tooltip/tests/gux-tooltip.e2e.js +6 -2
- package/dist/collection/components/stable/gux-tooltip/tests/gux-tooltip.spec.js +12 -4
- package/dist/collection/components/stable/gux-tooltip-title/gux-tooltip-title.js +3 -3
- package/dist/collection/components/stable/gux-truncate/gux-truncate.js +3 -3
- package/dist/collection/genesys-spark-utils/get-closest-element.js +11 -13
- package/dist/collection/genesys-spark-utils/intl.js +2 -1
- package/dist/collection/i18n/languageList.js +28 -0
- package/dist/collection/i18n/use-regional-dates.js +3 -3
- package/dist/collection/utils/decorator/on-click-outside.js +14 -15
- package/dist/esm/gux-accordion.entry.js +1 -1
- package/dist/esm/gux-action-button.entry.js +2 -2
- package/dist/esm/gux-action-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-advanced-dropdown-legacy.entry.js +2 -2
- package/dist/esm/gux-all-row-select.entry.js +1 -1
- package/dist/esm/gux-announce-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-change-photo-beta.entry.js +1 -1
- package/dist/esm/gux-badge.entry.js +1 -1
- package/dist/esm/gux-blank-state.entry.js +1 -1
- package/dist/esm/gux-breadcrumbs.entry.js +1 -1
- package/dist/esm/gux-button-multi.entry.js +2 -2
- package/dist/esm/gux-button-slot.entry.js +1 -1
- package/dist/esm/gux-button.entry.js +2 -2
- package/dist/esm/gux-calendar.entry.js +2 -2
- package/dist/esm/gux-card.entry.js +1 -1
- package/dist/esm/gux-column-manager.entry.js +1 -1
- package/dist/esm/gux-content-search.entry.js +1 -1
- package/dist/esm/gux-context-menu.entry.js +2 -2
- package/dist/esm/gux-copy-to-clipboard.entry.js +4 -4
- package/dist/esm/gux-date-beta.entry.js +2 -2
- package/dist/esm/gux-date-time-beta.entry.js +2 -2
- package/dist/esm/gux-datepicker.entry.js +3 -3
- 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 +2 -2
- package/dist/esm/gux-dropdown_3.entry.js +2 -2
- 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.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-input-clear-button.entry.js +1 -1
- package/dist/esm/gux-form-field-number_3.entry.js +5 -5
- package/dist/esm/gux-form-field-phone.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-icon.entry.js +1 -1
- package/dist/esm/gux-inline-alert.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-modal-legacy.entry.js +1 -1
- package/dist/esm/gux-modal.entry.js +13 -10
- package/dist/esm/gux-month-calendar.entry.js +1 -1
- package/dist/esm/gux-month-picker-beta.entry.js +3 -3
- package/dist/esm/gux-notification-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
- package/dist/esm/gux-pagination-buttons_2.entry.js +1 -1
- package/dist/esm/gux-pagination-cursor.entry.js +1 -1
- package/dist/esm/gux-pagination-items-per-page.entry.js +1 -1
- package/dist/esm/gux-pagination-legacy.entry.js +1 -1
- package/dist/esm/gux-pagination.entry.js +1 -1
- package/dist/esm/gux-phone-input-beta.entry.js +2 -2
- package/dist/esm/gux-popover-list.entry.js +4 -4
- package/dist/esm/gux-popup.entry.js +3 -3
- package/dist/esm/gux-radial-loading.entry.js +2 -2
- package/dist/esm/gux-radial-progress.entry.js +1 -1
- package/dist/esm/gux-rating.entry.js +2 -2
- package/dist/esm/gux-row-select.entry.js +1 -1
- package/dist/esm/gux-screen-reader-beta.entry.js +1 -1
- package/dist/esm/gux-segmented-control-beta.entry.js +1 -1
- package/dist/esm/gux-segmented-control-item.entry.js +5 -5
- package/dist/esm/gux-selector-card-beta.entry.js +1 -1
- package/dist/esm/gux-selector-cards-beta.entry.js +1 -1
- package/dist/esm/gux-simple-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-skip-navigation-item.entry.js +1 -1
- package/dist/esm/gux-skip-navigation-list.entry.js +2 -2
- package/dist/esm/gux-sort-control.entry.js +4 -4
- package/dist/esm/gux-switch-legacy.entry.js +1 -1
- package/dist/esm/gux-tab-advanced-list.entry.js +1 -1
- package/dist/esm/gux-tab-advanced-panel.entry.js +1 -1
- package/dist/esm/gux-tab-advanced.entry.js +2 -2
- package/dist/esm/gux-tab-list.entry.js +2 -2
- package/dist/esm/gux-tab-panel.entry.js +1 -1
- package/dist/esm/gux-tab.entry.js +2 -2
- package/dist/esm/gux-table-select-menu.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-action.entry.js +2 -2
- package/dist/esm/gux-table-toolbar-custom-action.entry.js +3 -3
- package/dist/esm/gux-table-toolbar-menu-button.entry.js +3 -3
- package/dist/esm/gux-table-toolbar.entry.js +3 -3
- package/dist/esm/gux-table.entry.js +2 -2
- package/dist/esm/gux-tabs-advanced.entry.js +2 -2
- package/dist/esm/gux-tabs.entry.js +2 -2
- package/dist/esm/gux-tag.entry.js +2 -2
- package/dist/esm/gux-text-highlight.entry.js +1 -1
- package/dist/esm/gux-time-beta.entry.js +2 -2
- package/dist/esm/gux-time-picker.entry.js +4 -4
- package/dist/esm/gux-time-zone-picker-beta.entry.js +1 -1
- package/dist/esm/gux-toast.entry.js +3 -3
- package/dist/esm/gux-toggle-slider.entry.js +2 -2
- package/dist/esm/gux-toggle.entry.js +3 -3
- package/dist/esm/gux-tooltip-base-beta.entry.js +1 -1
- package/dist/esm/gux-tooltip-beta.entry.js +1 -1
- package/dist/esm/gux-tooltip-title.entry.js +3 -3
- package/dist/esm/gux-tooltip.entry.js +3 -3
- package/dist/esm/gux-truncate.entry.js +3 -3
- package/dist/esm/{on-click-outside-6d6f4463.js → on-click-outside-e6d3b28c.js} +14 -16
- package/dist/esm/{usage-910884de.js → usage-3c3ce985.js} +1 -1
- package/dist/esm/{use-regional-dates-ef65cb1d.js → use-regional-dates-a47e74e6.js} +16 -17
- package/dist/genesys-webcomponents/genesys-webcomponents.css +1 -1
- package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
- package/dist/genesys-webcomponents/{p-fe567b88.entry.js → p-0226e1d6.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-0286ad27.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-435dfbd9.entry.js → p-038559b4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b5a23cad.entry.js → p-08e248db.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3126f187.entry.js → p-0c6968d1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-82e50f5e.entry.js → p-0df1c9ed.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9289e3d9.entry.js → p-11408446.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-78cc7f01.js → p-1146528b.js} +1 -1
- package/dist/genesys-webcomponents/{p-5e247044.entry.js → p-19103040.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-588e8ce2.entry.js → p-196842ea.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-2624dac6.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-8faf8ba4.entry.js → p-2c93fd71.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-302a31d6.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-27efcd6e.entry.js → p-3084d402.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-32a49adb.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-c8399180.entry.js → p-3af38412.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f0b1e78b.entry.js → p-3b3af6ba.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-19daa7a3.entry.js → p-3c14f88c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-574a5d6b.entry.js → p-3e17339e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6d42d2fa.entry.js → p-470c62c8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-552ff5d4.entry.js → p-4d780c50.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-04c20eac.entry.js → p-51ca4611.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e14ed464.entry.js → p-53ef7b5b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e06ad290.entry.js → p-59c112cd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-156efba1.entry.js → p-609c29f8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bda9c27c.entry.js → p-617beba2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7cb4eeaf.entry.js → p-62ece478.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-14a7c5d5.entry.js → p-64d58b11.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8ee4039e.entry.js → p-66c4f9a4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0cc489ef.entry.js → p-68caa1cc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d3a41dfc.entry.js → p-69a6d7b1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9eddf9d8.entry.js → p-6bb48939.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-6deabd05.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-556c033d.entry.js → p-6e450665.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cf7a831e.entry.js → p-6fa64eb6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a7229541.entry.js → p-7236dc1c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c2e5072a.entry.js → p-76276d98.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-79929ea0.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-3e6c7180.entry.js → p-7ad7f7e2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-470b9407.entry.js → p-7b0c4089.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4b6e9e3b.entry.js → p-7b5778fa.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-7ed7af72.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-db452302.entry.js → p-7fc91477.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-82fa63a0.entry.js → p-8072c43c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4ecf038a.entry.js → p-80c5beab.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ca6303a3.entry.js → p-815dbe23.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-820015b3.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-e6217bf1.entry.js → p-8277462e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1e2d56b2.entry.js → p-83cb7fce.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1aa9efa5.entry.js → p-84b30746.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c2a8fc03.entry.js → p-88ff3ca0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-df8df061.entry.js → p-89608f4b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2729a4de.entry.js → p-8a508f81.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b2b02895.entry.js → p-8a73818b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-da38175c.entry.js → p-8ac8f3eb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-900372d8.entry.js → p-8b6606cf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-df83e61d.entry.js → p-8ccbde73.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-74724140.entry.js → p-8ea09d88.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a46b662f.entry.js → p-90e02446.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-34c815cf.entry.js → p-956d2f8a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-aaa6c808.entry.js → p-989d58a5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-209f3959.entry.js → p-99392e43.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-facf0840.entry.js → p-9f099ff8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a58ecf62.entry.js → p-a2df8e95.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-a5415051.js +1 -0
- package/dist/genesys-webcomponents/{p-445531ee.entry.js → p-a5c953f2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-05822eea.entry.js → p-a6aef2fd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d8e9928c.entry.js → p-a9ed51fc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-288bb7b3.entry.js → p-ad78c08c.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-af26c65d.entry.js +1 -0
- package/dist/genesys-webcomponents/p-af811cd9.entry.js +1 -0
- package/dist/genesys-webcomponents/p-b123c530.entry.js +1 -0
- package/dist/genesys-webcomponents/p-b2c9fccf.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-678cbdb1.entry.js → p-b557b508.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-feb5e806.entry.js → p-b6eb5cdf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2b1b41dc.entry.js → p-bae78415.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-97ec494d.entry.js → p-bc7d7f32.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b993d799.entry.js → p-bdca0412.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cde077c7.entry.js → p-c08c0d75.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-763ab246.entry.js → p-c1d4515e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d09dc92f.entry.js → p-c1fbf63b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9acb6059.entry.js → p-c2309a71.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3d98574b.entry.js → p-c4b083f1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c953803c.entry.js → p-c4b249ed.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-48caa7da.entry.js → p-c9bc7194.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-afb99d4d.entry.js → p-cbd48c02.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3679d4e2.entry.js → p-cc650d16.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-743c64c2.entry.js → p-ccad6610.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-187f2412.entry.js → p-cd1c4194.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5c90b43e.entry.js → p-cf7787a5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-545ca35d.entry.js → p-d234f074.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ff1a8bb1.entry.js → p-d40ce936.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-d5695b1e.js +1 -0
- package/dist/genesys-webcomponents/{p-7d783fb6.entry.js → p-d62932e4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2dbb8c2b.entry.js → p-d8e80a12.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5adf25b0.entry.js → p-d9a9840c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8f504b1c.entry.js → p-e172c3c3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c8309bbe.entry.js → p-e2627eb3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-01f9b8f8.entry.js → p-e8a814ed.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e9f0e682.entry.js → p-ebd8c92b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c982761e.entry.js → p-efd1fa17.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-44534a4c.entry.js → p-f04c629e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-60667f15.entry.js → p-f5785da2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6bde81f4.entry.js → p-f90ab24b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2040669d.entry.js → p-f97a864b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b9119851.entry.js → p-fef965a6.entry.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/genesys-spark-utils/get-closest-element.d.ts +1 -1
- package/dist/types/i18n/languageList.d.ts +1 -0
- package/dist/types/i18n/use-regional-dates.d.ts +1 -1
- package/dist/types/stencil-wrapper.d.ts +1 -1
- package/dist/types/utils/decorator/on-click-outside.d.ts +2 -2
- package/package.json +1 -1
- package/dist/genesys-webcomponents/p-0b7e4626.js +0 -1
- package/dist/genesys-webcomponents/p-19adcf06.entry.js +0 -1
- package/dist/genesys-webcomponents/p-2d1bdeab.js +0 -1
- package/dist/genesys-webcomponents/p-37003f71.entry.js +0 -1
- package/dist/genesys-webcomponents/p-401eca48.entry.js +0 -1
- package/dist/genesys-webcomponents/p-5bdd2361.entry.js +0 -1
- package/dist/genesys-webcomponents/p-8031b9fa.entry.js +0 -1
- package/dist/genesys-webcomponents/p-b95e216e.entry.js +0 -1
- package/dist/genesys-webcomponents/p-d46ed0d0.entry.js +0 -1
- package/dist/genesys-webcomponents/p-d51e526d.entry.js +0 -1
- package/dist/genesys-webcomponents/p-d7df133b.entry.js +0 -1
- package/dist/genesys-webcomponents/p-ec52f993.entry.js +0 -1
- package/dist/genesys-webcomponents/p-f09ba300.entry.js +0 -1
- package/dist/genesys-webcomponents/p-f38a2d99.entry.js +0 -1
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as t,g as
|
1
|
+
import{r as e,h as t,g as a}from"./p-2e827df1.js";import{b as r,g as n}from"./p-0367930a.js";import{u as s,a as i}from"./p-a5415051.js";import{s as o}from"./p-2c25e2f2.js";import{b as u}from"./p-cf0e7d3b.js";import{g as h,b as c,a as d}from"./p-67d92675.js";import"./p-4202e9f2.js";const g={changeYear:"Current year is {currentYear}, Click to change year to {changeYear}"},l=class{constructor(t){e(this,t),this.value=void 0,this.min=void 0,this.max=void 0,this.year=void 0,this.locale=void 0}onValueUpdate(e){const{year:t}=h(e);this.year=t}async guxFocus(e){e=e||c();const{year:t}=h(e);this.year=t,u((()=>{const t=this.root.shadowRoot.querySelector(`gux-month-list-item[value="${e}"]`);t&&t.focus()}))}async componentWillLoad(){this.i18n=await r(this.root,g),this.locale=s()?i(this.root):n(this.root),this.year=this.value?h(this.value).year:h(c()).year}updateValue(e){this.value=e,o(this.root,"input"),o(this.root,"change")}isOutOfBounds(e){return this.max&&this.max<e||this.min&&this.min>e}onMonthClick(e){this.isOutOfBounds(e)||this.updateValue(e)}isCurrentMonth(e){return h(c()).year==this.year&&h(c()).month==e}getMonthAriaLabel(e){const{year:t,month:a}=h(e);return new Date(Number(t),Number(a)-1).toLocaleDateString(this.locale,{year:"numeric",month:"long"})}getYearLabel(e){return new Date(Number(e),5).toLocaleDateString(this.locale,{year:"numeric"})}isSelectedMonth(e){return e===this.value}isAriaSelectedMonth(e){return!!this.isSelectedMonth(e)&&"true"}changeYear(e){this.year=(parseInt(this.year)+e).toString()}isPreviousYearLessThanMinYear(e,t){return(parseInt(e)-1).toString()<(t&&h(t).year)}isNextYearGreaterThanMaxYear(e,t){return(parseInt(e)+1).toString()>(t&&h(t).year)}getMonthShortName(e,t){return new Date(Number(e),Number(t)-1).toLocaleDateString(this.locale,{month:"short"})}doFocusTrap(){this.previousYearElement.disabled||this.previousYearElement.focus(),this.nextYearElement.disabled||this.nextYearElement.focus(),this.monthListElement.focus()}renderHeader(){return t("div",{class:"gux-year-header"},t("button",{type:"button",class:"gux-year-change",onClick:()=>this.changeYear(-1),disabled:this.isPreviousYearLessThanMinYear(this.year,this.min),ref:e=>this.previousYearElement=e},t("gux-icon",{"icon-name":"custom/chevron-left-small-regular","screenreader-text":this.i18n("changeYear",{currentYear:parseInt(this.year),changeYear:parseInt(this.year)-1})})),t("div",null,this.getYearLabel(this.year)),t("button",{type:"button",class:"gux-year-change",onClick:()=>this.changeYear(1),disabled:this.isNextYearGreaterThanMaxYear(this.year,this.max),ref:e=>this.nextYearElement=e},t("gux-icon",{"icon-name":"custom/chevron-right-small-regular","screenreader-text":this.i18n("changeYear",{currentYear:parseInt(this.year),changeYear:parseInt(this.year)+1})})))}renderMonths(){const e=Array.from(new Array(12),((e,t)=>String(t+1).padStart(2,"0"))).map((e=>{const a=d(this.year,e);return t("gux-month-list-item",{class:{"gux-current-month":this.isCurrentMonth(e)},value:a,selected:this.isSelectedMonth(a),"aria-selected":this.isAriaSelectedMonth(a),"aria-label":this.getMonthAriaLabel(a),onClick:()=>this.onMonthClick(a),disabled:this.isOutOfBounds(a)},this.getMonthShortName(this.year,e))}));return t("gux-month-list",{tabIndex:1,ref:e=>this.monthListElement=e},e)}renderTrapFocusEl(){return t("span",{onFocus:()=>this.doFocusTrap(),tabindex:"0"})}render(){return t("div",{key:"a2ec84632e69c6e7005796a8ff6edb5fd1ba4b7f",class:"gux-month-calendar"},this.renderHeader(),this.renderMonths(),this.renderTrapFocusEl())}static get delegatesFocus(){return!0}get root(){return a(this)}static get watchers(){return{value:["onValueUpdate"]}}};l.style=".gux-month-calendar{flex-wrap:wrap;width:var(--gse-ui-calendarMenu-width);box-shadow:var(--gse-ui-calendarMenu-boxShadow-x) var(--gse-ui-calendarMenu-boxShadow-y) var(--gse-ui-calendarMenu-boxShadow-blur) var(--gse-ui-calendarMenu-boxShadow-spread) var(--gse-ui-calendarMenu-boxShadow-color)}.gux-month-calendar .gux-current-month{font-family:var(--gse-ui-calendarMenu-month-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-month-currentText-fontWeight);line-height:var(--gse-ui-calendarMenu-month-currentText-lineHeight);color:var(--gse-ui-calendarMenu-month-default-foregroundColor)}.gux-month-calendar .gux-year-header{position:relative;display:flex;align-items:center;justify-content:space-between;height:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-day-headerText-fontSize);font-weight:var(--gse-ui-calendarMenu-day-headerText-fontWeight);line-height:var(--gse-ui-calendarMenu-day-headerText-lineHeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-month-calendar .gux-year-header button{padding:var(--gse-ui-calendarMenu-header-arrow-padding);color:inherit;cursor:pointer;background:none;border:none;outline:none}.gux-month-calendar .gux-year-header button:focus-visible{border-radius:calc(var(--gse-semantic-focusRing-cornerRadius) - var(--gse-semantic-focusRing-offset));outline:var(--gse-semantic-focusRing-width) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-color-focus);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-month-calendar .gux-year-header button.gux-year-change:disabled{cursor:default;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-month-calendar .gux-year-header button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);pointer-events:none}";export{l as gux_month_calendar}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,f as i,h as o,g as r}from"./p-2e827df1.js";import{O as n}from"./p-2d1bdeab.js";import{b as s}from"./p-0367930a.js";import{s as u}from"./p-2c25e2f2.js";import{b as l}from"./p-cf0e7d3b.js";import{o as a}from"./p-f4751a15.js";import{t as d}from"./p-78cc7f01.js";import{s as g,g as c}from"./p-787c5373.js";import{O as h}from"./p-01471ba0.js";import"./p-4202e9f2.js";const f={textInputResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown",numberSelected:"{numberSelected} selected",pressEnterToCreate:"Press Enter to create new option, {textInputValue}"};var p=function(t,e,i,o){var r,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var u=t.length-1;u>=0;u--)(r=t[u])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const x=class{constructor(i){t(this,i),this.guxcreateoption=e(this,"guxcreateoption",7),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.value=void 0,this.disabled=!1,this.required=!1,this.loading=!1,this.placeholder=void 0,this.filterType="none",this.hasError=!1,this.hasCreate=!1,this.expanded=!1,this.textInput=""}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit()}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}focusSelectedItemAfterRender(t){t&&this.listboxElement&&l((()=>{this.hasTextInput()?this.textInputElement.focus():this.listboxElement.focus()})),t||(this.textInput="")}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}getSelectedValues(){var t;return Promise.resolve((null===(t=this.value)||void 0===t?void 0:t.split(","))||[])}onKeydown(t){switch(t.key){case"Escape":return this.hasTextInput()&&document.activeElement===this.listboxElement?this.textInputElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.textInputElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,g(this.listboxElement)));case"Enter":this.canCreateNewOption()&&this.isActiveElement()&&this.emitCreateOption()}}onInternallistboxoptionsupdated(t){t.stopPropagation(),i(this.root)}onClearselected(t){t.stopPropagation(),this.updateValue(""),this.listboxElement&&(this.listboxElement.value=void 0),this.validateValue(this.value,this.listboxElement),this.fieldButtonElement.focus()}onCreatenewoption(t){t.stopPropagation(),this.emitCreateOption()}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.hasCreate=!!this.root.querySelector("gux-create-option"))}async componentWillLoad(){d(this.root),this.i18n=await s(this.root,f),a(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.textInput=this.textInput)}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)?e.value=t:this.value=void 0:e&&(e.value=t)}hasTextInput(){return this.isFilterable()||this.hasCreate}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}isFilterable(){return"custom"===this.filterType||"starts-with"===this.filterType}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=Array.from(this.root.querySelectorAll("gux-option-multi")),i=t?t.split(","):void 0;if(i)return e.filter((t=>i.includes(t.value)))}fieldButtonClick(){this.expanded=!this.expanded}fieldButtonInputClick(){this.expanded||(this.expanded=!this.expanded)}filterInput(t){t.stopPropagation(),this.textInput=this.textInputElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.hasTextInput()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.hasTextInput()&&document.activeElement===this.listboxElement}emitCreateOption(){this.guxcreateoption.emit(this.textInput),this.textInput="",this.textInputElement.value=""}canCreateNewOption(){return this.hasCreate&&this.textInput&&!this.listboxElement.hasExactMatch}isActiveElement(){return document.activeElement===this.root}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){if("ArrowDown"===t.key)return t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),void g(this.listboxElement)}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,u(this.root,"input"),u(this.root,"change"))}getTypeaheadText(t){var e;const i=t.length;if(i>0&&!this.loading){const o=c(this.listboxElement,t);if(o&&"custom"!==this.filterType){const t=null===(e=o.querySelector("[gux-slot-container]"))||void 0===e?void 0:e.textContent;return null==t?void 0:t.substring(i)}return""}}renderTargetDisplay(){return o("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"),this.getSrSelectedText())}getSrSelectedText(){const t=this.getOptionElementByValue(this.value);if(null==t?void 0:t.length)return o("span",{class:"gux-sr-only"},this.i18n("numberSelected",{numberSelected:t.length.toString()}))}getInputAriaLabel(){return this.canCreateNewOption()&&this.isActiveElement()?this.i18n("pressEnterToCreate",{textInputValue:this.textInput}):this.i18n("textInputResults")}renderTag(){var t;const e=(null===(t=this.value)||void 0===t?void 0:t.split(","))||[];if(e.length)return o("gux-dropdown-multi-tag",{disabled:this.disabled,"number-selected":e.length})}renderFilterInputField(){if(this.expanded&&this.hasTextInput())return o("div",{class:"gux-field gux-input-field"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.textInput),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.textInput))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonInputClick.bind(this),placeholder:this.placeholder||this.i18n("noSelection"),class:"gux-filter-input",type:"text","aria-label":this.getInputAriaLabel(),ref:t=>this.textInputElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this)})))))}renderPopup(){return o("div",{slot:"popup",class:"gux-listbox-container"},o("slot",null))}renderTarget(){return o("div",{class:{"gux-target-container":!0,"gux-target-container-expanded":this.expanded&&this.hasTextInput(),"gux-target-container-collapsed":!(this.expanded&&this.hasTextInput()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:this.disabled,onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderTag(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:"custom/chevron-down-small-regular"})))}renderTargetContent(){if(!this.expanded||!this.hasTextInput())return o("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return o("gux-radial-loading",{context:"input"})}render(){return[o("div",{key:"ba41dafd5ced8e6767878faca31fd01e4a716018",class:"gux-dropdown-container"},o("gux-popup",{key:"84815a80e632f272932c33a93992312f452d0569",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled},this.renderTarget(),this.renderPopup()))]}static get delegatesFocus(){return!0}get root(){return r(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],value:["watchValue"],textInput:["handleFilter"]}}};p([h({childList:!0,subtree:!0})],x.prototype,"onMutation",null),p([n({triggerEvents:"mousedown"})],x.prototype,"onClickOutside",null),x.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-dropdown-container{position:relative}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{height:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{position:relative;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-width:0;height:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-selected-option .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-placeholder .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%;padding-left:0}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);padding-left:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-listbox-container{box-sizing:border-box;margin:0}";export{x as gux_dropdown_multi}
|
1
|
+
import{r as t,c as e,f as i,h as o,g as r}from"./p-2e827df1.js";import{O as n}from"./p-d5695b1e.js";import{b as s}from"./p-0367930a.js";import{s as u}from"./p-2c25e2f2.js";import{b as l}from"./p-cf0e7d3b.js";import{o as a}from"./p-f4751a15.js";import{t as d}from"./p-1146528b.js";import{s as g,g as c}from"./p-787c5373.js";import{O as h}from"./p-01471ba0.js";import"./p-4202e9f2.js";const f={textInputResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown",numberSelected:"{numberSelected} selected",pressEnterToCreate:"Press Enter to create new option, {textInputValue}"};var p=function(t,e,i,o){var r,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var u=t.length-1;u>=0;u--)(r=t[u])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const x=class{constructor(i){t(this,i),this.guxcreateoption=e(this,"guxcreateoption",7),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.value=void 0,this.disabled=!1,this.required=!1,this.loading=!1,this.placeholder=void 0,this.filterType="none",this.hasError=!1,this.hasCreate=!1,this.expanded=!1,this.textInput=""}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit()}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}focusSelectedItemAfterRender(t){t&&this.listboxElement&&l((()=>{this.hasTextInput()?this.textInputElement.focus():this.listboxElement.focus()})),t||(this.textInput="")}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}getSelectedValues(){var t;return Promise.resolve((null===(t=this.value)||void 0===t?void 0:t.split(","))||[])}onKeydown(t){switch(t.key){case"Escape":return this.hasTextInput()&&document.activeElement===this.listboxElement?this.textInputElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.textInputElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,g(this.listboxElement)));case"Enter":this.canCreateNewOption()&&this.isActiveElement()&&this.emitCreateOption()}}onInternallistboxoptionsupdated(t){t.stopPropagation(),i(this.root)}onClearselected(t){t.stopPropagation(),this.updateValue(""),this.listboxElement&&(this.listboxElement.value=void 0),this.validateValue(this.value,this.listboxElement),this.fieldButtonElement.focus()}onCreatenewoption(t){t.stopPropagation(),this.emitCreateOption()}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.hasCreate=!!this.root.querySelector("gux-create-option"))}async componentWillLoad(){d(this.root),this.i18n=await s(this.root,f),a(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.textInput=this.textInput)}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)?e.value=t:this.value=void 0:e&&(e.value=t)}hasTextInput(){return this.isFilterable()||this.hasCreate}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}isFilterable(){return"custom"===this.filterType||"starts-with"===this.filterType}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=Array.from(this.root.querySelectorAll("gux-option-multi")),i=t?t.split(","):void 0;if(i)return e.filter((t=>i.includes(t.value)))}fieldButtonClick(){this.expanded=!this.expanded}fieldButtonInputClick(){this.expanded||(this.expanded=!this.expanded)}filterInput(t){t.stopPropagation(),this.textInput=this.textInputElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.hasTextInput()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.hasTextInput()&&document.activeElement===this.listboxElement}emitCreateOption(){this.guxcreateoption.emit(this.textInput),this.textInput="",this.textInputElement.value=""}canCreateNewOption(){return this.hasCreate&&this.textInput&&!this.listboxElement.hasExactMatch}isActiveElement(){return document.activeElement===this.root}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){if("ArrowDown"===t.key)return t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),void g(this.listboxElement)}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,u(this.root,"input"),u(this.root,"change"))}getTypeaheadText(t){var e;const i=t.length;if(i>0&&!this.loading){const o=c(this.listboxElement,t);if(o&&"custom"!==this.filterType){const t=null===(e=o.querySelector("[gux-slot-container]"))||void 0===e?void 0:e.textContent;return null==t?void 0:t.substring(i)}return""}}renderTargetDisplay(){return o("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"),this.getSrSelectedText())}getSrSelectedText(){const t=this.getOptionElementByValue(this.value);if(null==t?void 0:t.length)return o("span",{class:"gux-sr-only"},this.i18n("numberSelected",{numberSelected:t.length.toString()}))}getInputAriaLabel(){return this.canCreateNewOption()&&this.isActiveElement()?this.i18n("pressEnterToCreate",{textInputValue:this.textInput}):this.i18n("textInputResults")}renderTag(){var t;const e=(null===(t=this.value)||void 0===t?void 0:t.split(","))||[];if(e.length)return o("gux-dropdown-multi-tag",{disabled:this.disabled,"number-selected":e.length})}renderFilterInputField(){if(this.expanded&&this.hasTextInput())return o("div",{class:"gux-field gux-input-field"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.textInput),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.textInput))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonInputClick.bind(this),placeholder:this.placeholder||this.i18n("noSelection"),class:"gux-filter-input",type:"text","aria-label":this.getInputAriaLabel(),ref:t=>this.textInputElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this)})))))}renderPopup(){return o("div",{slot:"popup",class:"gux-listbox-container"},o("slot",null))}renderTarget(){return o("div",{class:{"gux-target-container":!0,"gux-target-container-expanded":this.expanded&&this.hasTextInput(),"gux-target-container-collapsed":!(this.expanded&&this.hasTextInput()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:this.disabled,onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderTag(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:"custom/chevron-down-small-regular"})))}renderTargetContent(){if(!this.expanded||!this.hasTextInput())return o("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return o("gux-radial-loading",{context:"input"})}render(){return[o("div",{key:"ba41dafd5ced8e6767878faca31fd01e4a716018",class:"gux-dropdown-container"},o("gux-popup",{key:"84815a80e632f272932c33a93992312f452d0569",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled},this.renderTarget(),this.renderPopup()))]}static get delegatesFocus(){return!0}get root(){return r(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],value:["watchValue"],textInput:["handleFilter"]}}};p([h({childList:!0,subtree:!0})],x.prototype,"onMutation",null),p([n({triggerEvents:"mousedown"})],x.prototype,"onClickOutside",null),x.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-dropdown-container{position:relative}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{height:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{position:relative;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-width:0;height:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-selected-option .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-placeholder .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%;padding-left:0}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);padding-left:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-listbox-container{box-sizing:border-box;margin:0}";export{x as gux_dropdown_multi}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as a,h as e,g as i}from"./p-2e827df1.js";import{b as n}from"./p-0367930a.js";import{t as o}from"./p-20fbe34f.js";import{b as s}from"./p-cf0e7d3b.js";import"./p-4202e9f2.js";class r{static displayAllPageButtons(t,a,e){switch(e){case"advanced":return function(t,a){if(a<=7)return[...Array(a).keys()].map((a=>{const e=a+1;return{pageNumber:e,display:String(e),current:e===t}}));if(t<=3)return[...[...Array(5).keys()].map((a=>{const e=a+1;return{pageNumber:e,display:String(e),current:e===t}})),{pageNumber:6,display:"...",current:!1},{pageNumber:a,display:String(a),current:!1}];if(t>a-3){const e=[...Array(5).keys()].map((e=>{const i=e+a-4;return{pageNumber:i,display:String(i),current:i===t}}));return[{pageNumber:1,display:"1",current:!1},{pageNumber:a-6,display:"...",current:!1},...e]}const e=[...Array(3).keys()].map((a=>{const e=a+t-1;return{pageNumber:e,display:String(e),current:e===t}}));return[{pageNumber:1,display:"1",current:!1},{pageNumber:t-3,display:"...",current:!1},...e,{pageNumber:t+3,display:"...",current:!1},{pageNumber:a,display:String(a),current:!1}]}(t,a);case"simple":return function(t,a){return a<=3?[...Array(a).keys()].map((a=>{const e=a+1;return{pageNumber:e,display:String(e),current:e===t}})):a>=4?[...[...Array(1).keys()].map((e=>{const i=e+t;return{pageNumber:i,display:String(i),current:i!==a}})),{pageNumber:t,display:"...",current:!1},{pageNumber:a,display:String(a),current:a==t}]:void 0}(t,a)}}}const g=class{constructor(e){t(this,e),this.internalcurrentpagechange=a(this,"internalcurrentpagechange",3),this.currentPage=void 0,this.totalPages=void 0,this.layout="advanced"}goToPageHandler(t){this.currentPage=t.detail,this.handlePageChange(this.currentPage),s((()=>{this.currentElement.focus()}))}get onFirstPage(){return this.currentPage<=1}get onLastPage(){return this.currentPage>=this.totalPages}handleClickFirst(){this.internalcurrentpagechange.emit(1)}handleClickPrevious(){this.internalcurrentpagechange.emit(this.currentPage-1)}handleClickNext(){this.internalcurrentpagechange.emit(this.currentPage+1)}handleClickLast(){this.internalcurrentpagechange.emit(this.totalPages)}handlePageChange(t){this.internalcurrentpagechange.emit(t)}getPageListEnteries(t,a,i){return r.displayAllPageButtons(t,a,i).reduce(((t,a)=>t.concat(a.current?e("button",{ref:t=>this.currentElement=t,class:"gux-pagination-buttons-list-current","aria-label":this.i18n("pageSelected",{pageSelected:a.pageNumber})},a.display):"..."==a.display?e("gux-pagination-ellipsis-button",{totalPages:this.totalPages}):e("button",{class:"gux-pagination-buttons-list-target",onClick:()=>this.handlePageChange(a.pageNumber),"aria-label":this.i18n("pageNumber",{pageNumber:a.pageNumber})},a.display))),[])}getPageNavigation(){return e("div",{class:"gux-pagination-buttons-list-container"},this.getPageListEnteries(this.currentPage,this.totalPages,this.layout))}async componentWillLoad(){this.i18n=await n(this.root,o)}render(){return e("div",{key:"3857372a99186229ec3e298b82c401bc31941fd0",class:`gux-pagination-buttons-container gux-${this.layout}`},e("div",{key:"16d04f43cfcc2a451f5354a277f0238a36f70421",class:"gux-pagination-buttons-group"},e("gux-button-slot",{key:"6f81ff303dcd68958c69f5e4bef0342ba704df53",accent:"ghost"},e("button",{key:"bbd2882b6bd7239735b8df78696f61a57a898ffc",title:this.i18n("firstPage"),disabled:this.onFirstPage,onClick:this.handleClickFirst.bind(this)},e("gux-icon",{key:"6d564f68610b87ac978ead7423420968ddd531a7",decorative:!0,"icon-name":"fa/chevrons-left-regular"}))),e("gux-button-slot",{key:"eca4ce239e6c8fb53f272841dd8eac750cd17e36",accent:"ghost"},e("button",{key:"ceb4f71700d1cdac17d25e9c060b05816bf63743",title:this.i18n("previousPage"),disabled:this.onFirstPage,onClick:this.handleClickPrevious.bind(this)},e("gux-icon",{key:"2f9e20ee6e98c77aa0ceb04cb77f8d626fe4d68a",decorative:!0,"icon-name":"custom/chevron-left-small-regular"})))),this.getPageNavigation(),e("div",{key:"7410a5875a87ca14a02d52164e86b767b53b92eb",class:"gux-pagination-buttons-group"},e("gux-button-slot",{key:"c704a1ab74d2d6045f2a4356e37d15d6e3635f1b",accent:"ghost"},e("button",{key:"de041f3e4f5fef052fc312c37bf0dc05a8520600",title:this.i18n("nextPage"),disabled:this.onLastPage,onClick:this.handleClickNext.bind(this)},e("gux-icon",{key:"4ece5a227ae20afbbac1d82b2ac6d072789217ad",decorative:!0,"icon-name":"custom/chevron-right-small-regular"}))),e("gux-button-slot",{key:"1c038f1f6cbe3d55493b0d236aee783543e3032f",accent:"ghost"},e("button",{key:"3955235a33f2f54e372eeafffeb9af414799be40",title:this.i18n("lastPage"),disabled:this.onLastPage,onClick:this.handleClickLast.bind(this)},e("gux-icon",{key:"7565654b79230d0f5e1ec5bbe43c066ae5305923",decorative:!0,"icon-name":"fa/chevrons-right-regular"})))))}get root(){return i(this)}};g.style="gux-pagination-buttons .gux-pagination-buttons-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-end;align-items:center;margin-left:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap)}gux-pagination-buttons .gux-pagination-buttons-container>div{flex:0 1 auto;align-self:auto;order:0}gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-group{display:flex;flex-direction:row;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);white-space:nowrap}gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-list-container{display:flex;flex-direction:row;flex-shrink:0;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch center;align-items:center}gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-current,gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target{min-width:28px;min-height:24px;padding-right:var(--gse-ui-dataTableItems-tablePagination-padding);padding-left:var(--gse-ui-dataTableItems-tablePagination-padding);margin:0;font-family:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontFamily);font-size:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontSize);font-weight:var(--gse-ui-dataTableItems-tablePagination-currentResultText-fontWeight);line-height:var(--gse-ui-dataTableItems-tablePagination-defaultText-lineHeight);color:var(--gse-ui-dataTableItems-tablePagination-foregroundColor);background:inherit;border:none}gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-current:focus-visible,gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target:focus-visible{border-radius:calc(var(--gse-semantic-focusRing-cornerRadius) - var(--gse-semantic-focusRing-offset));outline:var(--gse-semantic-focusRing-width) solid var(--gse-semantic-color-focus);outline-offset:var(--gse-semantic-focusRing-offset)}gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-current{background-color:var(--gse-ui-button-ghost-active-backgroundColor);border-radius:var(--gse-ui-button-borderRadius)}gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target{color:var(--gse-ui-button-ghost-default-foregroundColor);cursor:pointer}gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target:hover{color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor);border-radius:var(--gse-ui-button-borderRadius)}";const u={itemCountDisplay:"{firstItem, number} - {lastItem, number}",totalItems:" of {totalItems, number}"},c=class{constructor(a){t(this,a),this.totalItems=0,this.currentPage=0,this.itemsPerPage=25}get firstItem(){return this.totalItems<1?0:(this.currentPage-1)*this.itemsPerPage+1}get lastItem(){return this.totalItems<1?0:Math.min(this.currentPage*this.itemsPerPage,this.totalItems)}async componentWillLoad(){this.i18n=await n(this.root,u)}getPaginationItemCountsRange(){if(this.totalItems)return e("span",null,this.i18n("totalItems",{totalItems:this.totalItems}))}render(){return e("div",{key:"
|
1
|
+
import{r as t,c as a,h as e,g as i}from"./p-2e827df1.js";import{b as n}from"./p-0367930a.js";import{t as o}from"./p-20fbe34f.js";import{b as s}from"./p-cf0e7d3b.js";import"./p-4202e9f2.js";class r{static displayAllPageButtons(t,a,e){switch(e){case"advanced":return function(t,a){if(a<=7)return[...Array(a).keys()].map((a=>{const e=a+1;return{pageNumber:e,display:String(e),current:e===t}}));if(t<=3)return[...[...Array(5).keys()].map((a=>{const e=a+1;return{pageNumber:e,display:String(e),current:e===t}})),{pageNumber:6,display:"...",current:!1},{pageNumber:a,display:String(a),current:!1}];if(t>a-3){const e=[...Array(5).keys()].map((e=>{const i=e+a-4;return{pageNumber:i,display:String(i),current:i===t}}));return[{pageNumber:1,display:"1",current:!1},{pageNumber:a-6,display:"...",current:!1},...e]}const e=[...Array(3).keys()].map((a=>{const e=a+t-1;return{pageNumber:e,display:String(e),current:e===t}}));return[{pageNumber:1,display:"1",current:!1},{pageNumber:t-3,display:"...",current:!1},...e,{pageNumber:t+3,display:"...",current:!1},{pageNumber:a,display:String(a),current:!1}]}(t,a);case"simple":return function(t,a){return a<=3?[...Array(a).keys()].map((a=>{const e=a+1;return{pageNumber:e,display:String(e),current:e===t}})):a>=4?[...[...Array(1).keys()].map((e=>{const i=e+t;return{pageNumber:i,display:String(i),current:i!==a}})),{pageNumber:t,display:"...",current:!1},{pageNumber:a,display:String(a),current:a==t}]:void 0}(t,a)}}}const g=class{constructor(e){t(this,e),this.internalcurrentpagechange=a(this,"internalcurrentpagechange",3),this.currentPage=void 0,this.totalPages=void 0,this.layout="advanced"}goToPageHandler(t){this.currentPage=t.detail,this.handlePageChange(this.currentPage),s((()=>{this.currentElement.focus()}))}get onFirstPage(){return this.currentPage<=1}get onLastPage(){return this.currentPage>=this.totalPages}handleClickFirst(){this.internalcurrentpagechange.emit(1)}handleClickPrevious(){this.internalcurrentpagechange.emit(this.currentPage-1)}handleClickNext(){this.internalcurrentpagechange.emit(this.currentPage+1)}handleClickLast(){this.internalcurrentpagechange.emit(this.totalPages)}handlePageChange(t){this.internalcurrentpagechange.emit(t)}getPageListEnteries(t,a,i){return r.displayAllPageButtons(t,a,i).reduce(((t,a)=>t.concat(a.current?e("button",{ref:t=>this.currentElement=t,class:"gux-pagination-buttons-list-current","aria-label":this.i18n("pageSelected",{pageSelected:a.pageNumber})},a.display):"..."==a.display?e("gux-pagination-ellipsis-button",{totalPages:this.totalPages}):e("button",{class:"gux-pagination-buttons-list-target",onClick:()=>this.handlePageChange(a.pageNumber),"aria-label":this.i18n("pageNumber",{pageNumber:a.pageNumber})},a.display))),[])}getPageNavigation(){return e("div",{class:"gux-pagination-buttons-list-container"},this.getPageListEnteries(this.currentPage,this.totalPages,this.layout))}async componentWillLoad(){this.i18n=await n(this.root,o)}render(){return e("div",{key:"3857372a99186229ec3e298b82c401bc31941fd0",class:`gux-pagination-buttons-container gux-${this.layout}`},e("div",{key:"16d04f43cfcc2a451f5354a277f0238a36f70421",class:"gux-pagination-buttons-group"},e("gux-button-slot",{key:"6f81ff303dcd68958c69f5e4bef0342ba704df53",accent:"ghost"},e("button",{key:"bbd2882b6bd7239735b8df78696f61a57a898ffc",title:this.i18n("firstPage"),disabled:this.onFirstPage,onClick:this.handleClickFirst.bind(this)},e("gux-icon",{key:"6d564f68610b87ac978ead7423420968ddd531a7",decorative:!0,"icon-name":"fa/chevrons-left-regular"}))),e("gux-button-slot",{key:"eca4ce239e6c8fb53f272841dd8eac750cd17e36",accent:"ghost"},e("button",{key:"ceb4f71700d1cdac17d25e9c060b05816bf63743",title:this.i18n("previousPage"),disabled:this.onFirstPage,onClick:this.handleClickPrevious.bind(this)},e("gux-icon",{key:"2f9e20ee6e98c77aa0ceb04cb77f8d626fe4d68a",decorative:!0,"icon-name":"custom/chevron-left-small-regular"})))),this.getPageNavigation(),e("div",{key:"7410a5875a87ca14a02d52164e86b767b53b92eb",class:"gux-pagination-buttons-group"},e("gux-button-slot",{key:"c704a1ab74d2d6045f2a4356e37d15d6e3635f1b",accent:"ghost"},e("button",{key:"de041f3e4f5fef052fc312c37bf0dc05a8520600",title:this.i18n("nextPage"),disabled:this.onLastPage,onClick:this.handleClickNext.bind(this)},e("gux-icon",{key:"4ece5a227ae20afbbac1d82b2ac6d072789217ad",decorative:!0,"icon-name":"custom/chevron-right-small-regular"}))),e("gux-button-slot",{key:"1c038f1f6cbe3d55493b0d236aee783543e3032f",accent:"ghost"},e("button",{key:"3955235a33f2f54e372eeafffeb9af414799be40",title:this.i18n("lastPage"),disabled:this.onLastPage,onClick:this.handleClickLast.bind(this)},e("gux-icon",{key:"7565654b79230d0f5e1ec5bbe43c066ae5305923",decorative:!0,"icon-name":"fa/chevrons-right-regular"})))))}get root(){return i(this)}};g.style="gux-pagination-buttons .gux-pagination-buttons-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-end;align-items:center;margin-left:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap)}gux-pagination-buttons .gux-pagination-buttons-container>div{flex:0 1 auto;align-self:auto;order:0}gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-group{display:flex;flex-direction:row;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);white-space:nowrap}gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-list-container{display:flex;flex-direction:row;flex-shrink:0;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch center;align-items:center}gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-current,gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target{min-width:28px;min-height:24px;padding-right:var(--gse-ui-dataTableItems-tablePagination-padding);padding-left:var(--gse-ui-dataTableItems-tablePagination-padding);margin:0;font-family:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontFamily);font-size:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontSize);font-weight:var(--gse-ui-dataTableItems-tablePagination-currentResultText-fontWeight);line-height:var(--gse-ui-dataTableItems-tablePagination-defaultText-lineHeight);color:var(--gse-ui-dataTableItems-tablePagination-foregroundColor);background:inherit;border:none}gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-current:focus-visible,gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target:focus-visible{border-radius:calc(var(--gse-semantic-focusRing-cornerRadius) - var(--gse-semantic-focusRing-offset));outline:var(--gse-semantic-focusRing-width) solid var(--gse-semantic-color-focus);outline-offset:var(--gse-semantic-focusRing-offset)}gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-current{background-color:var(--gse-ui-button-ghost-active-backgroundColor);border-radius:var(--gse-ui-button-borderRadius)}gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target{color:var(--gse-ui-button-ghost-default-foregroundColor);cursor:pointer}gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target:hover{color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor);border-radius:var(--gse-ui-button-borderRadius)}";const u={itemCountDisplay:"{firstItem, number} - {lastItem, number}",totalItems:" of {totalItems, number}"},c=class{constructor(a){t(this,a),this.totalItems=0,this.currentPage=0,this.itemsPerPage=25}get firstItem(){return this.totalItems<1?0:(this.currentPage-1)*this.itemsPerPage+1}get lastItem(){return this.totalItems<1?0:Math.min(this.currentPage*this.itemsPerPage,this.totalItems)}async componentWillLoad(){this.i18n=await n(this.root,u)}getPaginationItemCountsRange(){if(this.totalItems)return e("span",null,this.i18n("totalItems",{totalItems:this.totalItems}))}render(){return e("div",{key:"0405f2cb234fc32e8bc39f68f0e0565ed22fb88c",class:"gux-pagination-item-counts-container"},e("span",{key:"22a37b896e4868d7a1de646c1a51beaefd0f9088",class:"gux-pagination-item-counts-range"},this.i18n("itemCountDisplay",{firstItem:this.firstItem,lastItem:this.lastItem})),this.getPaginationItemCountsRange())}get root(){return i(this)}};c.style="gux-pagination-item-counts .gux-pagination-item-counts-container{display:flex;flex-direction:row;gap:var(--gse-ui-dataTableItems-tablePagination-countDisplay-gap);font-family:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontFamily);font-size:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontSize);font-weight:var(--gse-ui-dataTableItems-tablePagination-currentResultText-fontWeight);line-height:var(--gse-ui-dataTableItems-tablePagination-defaultText-lineHeight);color:var(--gse-ui-dataTableItems-tablePagination-foregroundColor);white-space:nowrap}";export{g as gux_pagination_buttons,c as gux_pagination_item_counts}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as n,g as a}from"./p-2e827df1.js";import{t}from"./p-
|
1
|
+
import{r as e,h as n,g as a}from"./p-2e827df1.js";import{t}from"./p-1146528b.js";import{O as i}from"./p-01471ba0.js";import{h as o}from"./p-6d8b4027.js";const r=class{constructor(n){e(this,n),this.hasCallToAction=!1}onMutation(){this.hasCallToAction=o(this.root,"call-to-action")}renderCallToActionSlot(){if(this.hasCallToAction)return n("gux-button-slot",{accent:"primary"},n("slot",{name:"call-to-action"}))}componentWillLoad(){t(this.root),this.hasCallToAction=o(this.root,"call-to-action")}render(){return n("div",{key:"6bfa460f60ad6a1c1026d661736eda71f10656b6",class:"gux-container"},n("div",{key:"5bcc8b7408a06aa2b0aba633334de1ed37465d40",class:"gux-image"},n("slot",{key:"dcf46711bca4126eeaea21fe9c9757db1ddac73f",name:"image"})),n("div",{key:"672f691fe4c5b1894a013286ce274e292d1def49",class:"gux-message"},n("slot",{key:"8a867df57d8ee1077d0ed3e30879f33e8733a483",name:"primary-message"})),n("div",{key:"b673273103a133cdca81531b5386fa5145bd94ac",class:"gux-guidance"},n("slot",{key:"15ce6a77e95a3580ad78f1acec8839aec71422c8",name:"additional-guidance"})),this.renderCallToActionSlot())}get root(){return a(this)}};(function(e,n,a,t){var i,o=arguments.length,r=o<3?n:null===t?t=Object.getOwnPropertyDescriptor(n,a):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,n,a,t);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(r=(o<3?i(r):o>3?i(n,a,r):i(n,a))||r);o>3&&r&&Object.defineProperty(n,a,r)})([i({childList:!0,subtree:!0})],r.prototype,"onMutation",null),r.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 background-color: var(--gse-ui-blankState-backgroundColor);\n border-radius: var(--gse-ui-blankState-borderRadius);\n}\n.gux-container .gux-image {\n padding-bottom: var(--gse-ui-blankState-gapMain);\n}\n.gux-container .gux-message {\n padding-bottom: var(--gse-ui-blankState-gapMessage);\n}\n.gux-container .gux-guidance {\n padding-bottom: var(--gse-ui-blankState-gapContent);\n}\n.gux-container ::slotted(gux-icon) {\n width: var(--gse-ui-blankState-icon-size-lg);\n height: 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 width: var(--gse-ui-blankState-icon-size-sm);\n height: 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{r as gux_blank_state}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,c as t,f as n,h as s,g as a}from"./p-2e827df1.js";import{b as o}from"./p-0367930a.js";import{t as c}from"./p-
|
1
|
+
import{r as e,c as t,f as n,h as s,g as a}from"./p-2e827df1.js";import{b as o}from"./p-0367930a.js";import{t as c}from"./p-1146528b.js";import{g as r,s as i,a as h,b as d,c as l,d as u,e as m,f as b,h as p}from"./p-db201bbc.js";import"./p-4202e9f2.js";import"./p-a43079c8.js";import"./p-2c25e2f2.js";const g={search:"Search",searchResults:"search results",selectedColumnCount:"{count} / {total} Columns Selected",selectAllColumnsScreenReader:"{count} of {total} columns selected: check checkbox to select all {total} columns",unselectAllColumnsScreenReader:"{count} of {total} columns selected: uncheck checkbox to unselect all {total} columns",movePositionPrompt:"Press space or enter to move the {columnName} column to position {newPositionNumber} from position {oldPositionNumber}.",reorderingModeActive:"Reordering mode active. Reposition the {columnName} column using the up arrow key, the down arrow key, the home key and the end key. Press Escape to deactivate reordering mode."},f=class{constructor(n){e(this,n),this.guxorderchange=t(this,"guxorderchange",7),this.highlightResults={matchCount:0,currentMatch:0},this.keyboardOrderChange=r()}watchKeyboardOrderChange(){i(this.root,this.keyboardOrderChange)}async componentWillLoad(){c(this.root),this.i18n=await o(this.root,g)}componentDidLoad(){h(this.root,this.mainCheckboxElement)}handleInternalorderchange(e){e.stopPropagation(),this.emitOrderChange(e.detail)}emitOrderChange(e){const{oldIndex:t,newIndex:n}=e;if(t!==n){const t=d(this.root,e);this.guxorderchange.emit(t)}}handleInternalkeyboardorderstart(e){e.stopPropagation();const t=e.detail,n=l(e.target);this.keyboardOrderChange={oldIndex:n,newIndex:n},this.announceElement.guxAnnounce(this.i18n("reorderingModeActive",{columnName:t}))}handleInternalkeyboardreordermove(e){e.stopPropagation();const{delta:t,column:n}=e.detail;this.keyboardOrderChange=u(this.root,this.keyboardOrderChange,t),this.announceElement.guxAnnounce(this.i18n("movePositionPrompt",{columnName:n,newPositionNumber:this.keyboardOrderChange.newIndex+1,oldPositionNumber:this.keyboardOrderChange.oldIndex+1}))}handleInternalkeyboarddoreorder(e){e.stopPropagation(),this.emitOrderChange(this.keyboardOrderChange),e.target.guxFocus()}handleInternalkeyboardorderfinish(e){e.stopPropagation(),this.keyboardOrderChange=r()}onSearchInput(){this.highlightResults=m(this.root,this.searchElement)}onGuxCurrentMatchChanged(e){this.highlightResults=m(this.root,this.searchElement,e.detail)}onMainCheckboxChange(){b(this.root,this.mainCheckboxElement.checked),n(this.root)}onListChange(){h(this.root,this.mainCheckboxElement),n(this.root)}onSlotChange(){this.onListChange()}renderSelectedColumnCount(){const{count:e,total:t}=p(this.root);return s("div",null,s("span",{"aria-hidden":"true"},this.i18n("selectedColumnCount",{count:e,total:t})),s("span",{class:"gux-sr-only"},s("span",null,": ",this.i18n(e===t?"unselectAllColumnsScreenReader":"selectAllColumnsScreenReader",{count:e,total:t}))))}render(){return s("div",{key:"c1551c6850d4d173f5a9cbc8adae0885ee7e5df8",class:"gux-container"},s("div",{key:"bdaf9e69423f7beb33ffd9734c7522c48558f9ab",class:"gux-sr-only","aria-live":"polite"},`${this.highlightResults.matchCount} ${this.i18n("searchResults")}`),s("div",{key:"84b5c8a87cc3e5752495d19b099636e6132d2dc1",class:"gux-search"},s("gux-content-search",{key:"cca98637873563774b81ddd102440836aaca7564","match-count":this.highlightResults.matchCount,"current-match":this.highlightResults.currentMatch,onGuxcurrentmatchchanged:e=>this.onGuxCurrentMatchChanged(e)},s("input",{key:"982e53695e89bfeda825a488e2d5cc9551595bdc",type:"search",placeholder:this.i18n("search"),onInput:()=>this.onSearchInput(),ref:e=>this.searchElement=e}))),s("div",{key:"aa6745e6f96354799f6861f2df7713744e4cfebf",class:"gux-select"},s("gux-form-field-checkbox",{key:"337494ff41542178c1f38d2dc3d34d7a17b4052a"},s("input",{key:"a1aa3115e15585983ef0deb81128692ce9356119",slot:"input",type:"checkbox",ref:e=>this.mainCheckboxElement=e,onChange:()=>this.onMainCheckboxChange()}),s("label",{key:"e89b5065386f82b76ff72fb2a50ebccce32c1a50",slot:"label"},this.renderSelectedColumnCount()))),s("div",{key:"f1e2fd15bdbddc18e8102285f91f1b58e652c16f",class:"gux-list",onChange:()=>this.onListChange()},s("slot",{key:"8df83f63b0c1b0b2df45401373563f6ed61def24",onSlotchange:()=>this.onSlotChange()})),s("gux-announce-beta",{key:"f17ebac39e35a6b47dd4bbfbcd2f9dbe67041c09",ref:e=>this.announceElement=e}))}get root(){return a(this)}static get watchers(){return{keyboardOrderChange:["watchKeyboardOrderChange"]}}};f.style=".gux-container{width:320px;min-width:320px;padding:var(--gse-ui-dataTableItems-editColumn-editColumnContent-padding)}.gux-container .gux-search gux-content-search{width:100%}.gux-container .gux-search gux-content-search input[type=search]::-webkit-search-decoration,.gux-container .gux-search gux-content-search input[type=search]::-webkit-search-cancel-button,.gux-container .gux-search gux-content-search input[type=search]::-webkit-search-results-button,.gux-container .gux-search gux-content-search input[type=search]::-webkit-search-results-decoration{display:none;-webkit-appearance:none}.gux-container .gux-select{padding:var(--gse-ui-dataTableItems-editColumn-editColumnContent-padding);margin-left:24px}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";export{f as gux_column_manager}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as s,H as i,g as a}from"./p-2e827df1.js";import{s as o}from"./p-2c25e2f2.js";import{t as e}from"./p-
|
1
|
+
import{r as t,h as s,H as i,g as a}from"./p-2e827df1.js";import{s as o}from"./p-2c25e2f2.js";import{t as e}from"./p-1146528b.js";const h=class{constructor(s){t(this,s),this.value=void 0,this.layout="default",this.switchItems=[]}onClick(t){t.stopPropagation();const s=t.target.closest("gux-switch-item");s&&this.value!==s.value&&(this.value=s.value,o(this.root,"input"),o(this.root,"change"))}slotChanged(){this.switchItems=Array.from(this.root.children)}componentWillLoad(){e(this.root,{variant:this.layout})}componentWillRender(){this.switchItems.forEach((t=>{t.selected=t.value===this.value}))}render(){return s(i,{key:"2ad55995a30ac69437b04748a1981c9d5f501da7",role:"group",class:`gux-${this.layout}`},s("slot",{key:"d20cfb66506b59f97782aa2059fb783ea03f12a0",onSlotchange:this.slotChanged.bind(this)}))}get root(){return a(this)}};h.style=":host{display:flex;align-items:flex-end}";export{h as gux_switch_legacy}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,c as t,h as a,g as n}from"./p-2e827df1.js";import{a as r}from"./p-cf0e7d3b.js";import{b as d,c as i,a as s,f as o}from"./p-9349b5e4.js";import{t as u}from"./p-78cc7f01.js";import{g as l,a as c}from"./p-0367930a.js";import{c as g}from"./p-267e2aed.js";import{u as h,d as x}from"./p-0b7e4626.js";import"./p-4202e9f2.js";function b(e,t){f(e,"remove",t)}function f(e=[],t,a){const n=[].concat(e);for(const e of n)e.classList[t](a)}function v(e,t){return h()?g(x(t,{year:"numeric",month:"long"}).format(e)):g(e.toLocaleDateString(t,{year:"numeric",month:"long"}))}const m=class{constructor(a){e(this,a),this.calendarSelect=t(this,"calendarSelect",7),this.locale="en",this.value="",this.minDate="",this.maxDate="",this.mode="single",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.previewValue=new Date,this.selectingDate=null}emitCalendarSelect(){this.calendarSelect.emit(this.value)}async setValue(e){if("range"===this.mode&&e instanceof Array){const[t,a]=e;this.value=d(t,a),this.previewValue=i(this.value)[0]}else{const t=e;this.value=s(t),this.previewValue=t}}async focusPreviewDate(){const e=this.root.shadowRoot.querySelector(`td[data-date="${this.previewValue.getTime()}"]`);e&&e.focus()}async resetCalendarView(e){this.previewValue=e}incrementPreviewDateByMonth(e){this.previewValue=new Date(this.previewValue.getFullYear(),this.previewValue.getMonth()+e,15,0,0,0),r((()=>{this.focusPreviewDate()}))}async setValueAndEmit(e){await this.setValue(e),this.emitCalendarSelect()}outOfBounds(e){return""!==this.maxDate&&o(this.maxDate)<e||""!==this.minDate&&o(this.minDate)>e}generateDatesFrom(e,t,a){const n=[],r=new Date(t.getFullYear(),t.getMonth(),t.getDate(),0,0,0,0);for(let t=0;t<a;t++){const t=new Date(r.getFullYear(),r.getMonth(),r.getDate(),0,0,0,0),a=[],d=new Date,s=r.getFullYear()===d.getFullYear()&&r.getMonth()===d.getMonth()&&r.getDate()===d.getDate();let u=!1,l=!1;t.getMonth()!==e&&(a.push("gux-not-in-month"),u=!0,"range"===this.mode&&(a.push("gux-hidden"),l=!0)),this.outOfBounds(t)&&(a.push("gux-disabled"),u=!0);let c=!1;if(s&&a.push("gux-current-date"),"range"===this.mode){const[e,n]=i(this.value),r=e.getTime(),d=n.getTime();t.getTime()===r&&t.getTime()===d?(c=!0,a.push("gux-selected")):t.getTime()===r?(c=!0,a.push("gux-selected"),a.push("gux-start-date")):t.getTime()===d&&(c=!0,a.push("gux-selected"),a.push("gux-end-date"))}else{const e=o(this.value).getTime();t.getTime()===e&&(c=!0,a.push("gux-selected"))}n.push({class:a.join(" "),date:t,hidden:l,disabled:u,selected:c,isToday:s}),r.setDate(r.getDate()+1)}return n}create2DArray(e,t){const a=[];for(let n=0;n<t-1;n++){const r=e.slice(n*t,n*t+t);this.weekShouldBeDisplayed(r)&&a.push(r)}return a}isFocusableDate(e){return e.selected||this.previewValue.getTime()===e.date.getTime()}weekShouldBeDisplayed(e){const t=e.find((e=>!e.hidden));return e.length&&!!t}getMonthDays(e){const t=new Date(this.previewValue.getTime());t.setDate(1),t.setMonth(t.getMonth()+e);const a=t.getMonth(),n=function(e,t,a){const n=new Date(t,e,1,1,0,0,0),r=-1*(a-n.getDay()-7)%7;return new Date(n.getTime()-864e5*r)}(a,t.getFullYear(),this.startDayOfWeek),r=this.generateDatesFrom(a,n,42);return this.create2DArray(r,7)}addDays(e,t){const a=new Date(e.valueOf());return a.setDate(a.getDate()+t),a}getAllDatesElements(){const e=this.root.shadowRoot.querySelectorAll("td");return Array.from(e)}getAllSelectableDatesElements(){const e=this.root.shadowRoot.querySelectorAll('td[tabindex="0"]');return Array.from(e)}getRangeDatesElements(e,t){const a=[];let n;n=t<e?this.getRangeDates(t,e):this.getRangeDates(e,t);for(const e of n){const t=this.root.shadowRoot.querySelector(`td[data-date="${e.getTime()}"]:not(.gux-hidden)`);t&&a.push(t)}return a}getRangeDates(e,t){const a=[];let n=e;for(;n<=t;)a.push(new Date(n)),n=this.addDays(n,1);return a}async onDateClick(e){if(!this.outOfBounds(e))if("range"!==this.mode)await this.setValueAndEmit(e);else if(null===this.selectingDate)b(this.getAllDatesElements(),"gux-hovered"),this.selectingDate=new Date(e.valueOf()),this.value=d(e,e);else{const t=this.root.shadowRoot.querySelector(`td[data-date="${e.getTime()}"]`);t&&t.classList.add("gux-selected"),this.updateRangeElements(),await this.setValueAndEmit([this.selectingDate,e]),this.previewValue=e,this.selectingDate=null}}onDateMouseEnter(e){"range"===this.mode&&null!==this.selectingDate&&(this.value=d(e,this.selectingDate),this.updateRangeElements())}updateRangeElements(){if("range"===this.mode){b(this.getAllDatesElements(),"gux-hovered");const[e,t]=i(this.value);f(this.getRangeDatesElements(e,t),"add","gux-hovered")}}async onKeyDown(e){switch(e.key){case" ":case"Enter":e.preventDefault(),await this.onDateClick(this.previewValue);break;case"ArrowDown":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+7)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowUp":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-7)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowLeft":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-1)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowRight":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+1)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"PageUp":this.incrementPreviewDateByMonth(1),this.onDateMouseEnter(this.previewValue);break;case"PageDown":this.incrementPreviewDateByMonth(-1),this.onDateMouseEnter(this.previewValue)}}componentWillLoad(){if(u(this.root,{variant:this.mode}),this.locale=l(this.root),this.startDayOfWeek=this.startDayOfWeek||c(this.locale),!this.value){const e=new Date;e.setHours(0,0,0,0),this.value="range"===this.mode?d(e,e):s(e)}this.previewValue=o(this.value)}componentDidRender(){this.updateRangeElements()}renderMonthHeader(){return a("div",{class:"gux-month-list"},Array.from(Array(this.numberOfMonths).keys()).map((e=>{const t=function(e,t){const a=new Date(e);return a.setDate(1),a.setMonth(a.getMonth()+t),a}(this.previewValue,e);return a("label",null,v(t,this.locale))})))}renderCalendarTable(e){return a("table",null,a("tr",null,function(e,t){const a=[],n=new Date(1970,0,4);for(let t=0;t<7;t++){const t=n.toLocaleString(e,{weekday:"narrow"});a.push(t),n.setDate(n.getDate()+1)}return(r=a).concat(r.splice(0,(d=t)>r.length?d%r.length:d));var r,d}(this.locale,this.startDayOfWeek).map((e=>a("th",null,e)))),this.getMonthDays(e).map((e=>a("tr",null,e.map((e=>a("td",{tabindex:this.isFocusableDate(e)?"0":"-1",class:e.class,"aria-hidden":e.hidden?"true":"false","aria-disabled":e.disabled?"true":"false","data-date":e.date.getTime(),onClick:()=>{this.onDateClick(e.date)},onMouseEnter:()=>this.onDateMouseEnter(e.date),onKeyDown:e=>{this.onKeyDown(e)}},a("div",{class:"gux-date"},e.date.getDate(),a("span",{class:"gux-sr-only"},v(e.date,this.locale))))))))))}render(){return a("div",{key:"b82550835383b3ffd80d13da7510e8e781e7b8d1",class:"gux-calendar"},a("div",{key:"7c191964ff7d917f0d7a5b67afb08bc92163538c",class:"gux-header"},a("button",{key:"11860e63df40c1ddc686b90e6b045fb696bfae01",type:"button",class:"gux-left",onClick:()=>this.incrementPreviewDateByMonth(-1),tabindex:"-1","aria-hidden":"true"},a("gux-icon",{key:"28a93841800e06f17135882eb231c54ae2aebc7f",decorative:!0,"icon-name":"custom/chevron-left-small-regular"})),this.renderMonthHeader(),a("button",{key:"23e16a300ab5a1b8de3178bf88a2b4a6326bdf95",type:"button",class:"gux-right",onClick:()=>this.incrementPreviewDateByMonth(1),tabindex:"-1","aria-hidden":"true"},a("gux-icon",{key:"925d29f22112259fe5082d2051546d58aee7c789",decorative:!0,"icon-name":"custom/chevron-right-small-regular"}))),a("div",{key:"dbc45c6c17eee5770e7c77856c10bd4f35a0b59c",class:"gux-content"},Array.from(Array(this.numberOfMonths).keys()).map((e=>this.renderCalendarTable(e)))))}get root(){return n(this)}};m.style=":host{display:inline-block}.gux-calendar{margin-top:2px;border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius);box-shadow:var(--gse-ui-calendarMenu-boxShadow-x) var(--gse-ui-calendarMenu-boxShadow-y) var(--gse-ui-calendarMenu-boxShadow-blur) var(--gse-ui-calendarMenu-boxShadow-spread) var(--gse-ui-calendarMenu-boxShadow-color)}.gux-calendar .gux-header{position:relative;display:flex;gap:var(--gse-ui-calendarMenu-header-gap);align-items:center;justify-content:space-between;height:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);font-weight:var(--gse-ui-calendarMenu-month-currentText-fontWeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-calendar .gux-header button{position:absolute;color:var(--gse-ui-calendarMenu-month-monthHeader-foregroundColor);cursor:pointer;background:none;border:none;outline:none}.gux-calendar .gux-header 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)}.gux-calendar .gux-header button.gux-left{left:18px}.gux-calendar .gux-header button.gux-right{right:18px}.gux-calendar .gux-header button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);pointer-events:none}.gux-calendar .gux-header .gux-month-list{display:flex;justify-content:space-between;width:100%;font-family:var(--gse-ui-calendarMenu-month-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-headerText-fontSize);line-height:var(--gse-ui-calendarMenu-month-headerText-lineHeight)}.gux-calendar .gux-header .gux-month-list label{width:100%;text-align:center}.gux-calendar .gux-content{display:flex;align-items:flex-start;padding:var(--gse-ui-calendarMenu-dateBody-padding);color:var(--gse-ui-calendarMenu-month-default-foregroundColor);background-color:var(--gse-ui-calendarMenu-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius)}.gux-calendar .gux-content table{width:var(--gse-ui-calendarMenu-day-input-width);text-align:left;table-layout:fixed;border-spacing:0;-ms-user-select:none;user-select:none}.gux-calendar .gux-content table:not(:last-child){padding-right:24px}.gux-calendar .gux-content table tr{height:var(--gse-ui-calendarMenu-day-input-height)}.gux-calendar .gux-content table tr:empty{display:none}.gux-calendar .gux-content table tr th,.gux-calendar .gux-content table tr td{width:var(--gse-ui-calendarMenu-day-date-size);height:var(--gse-ui-calendarMenu-day-date-size);padding:0;margin:0;text-align:center}.gux-calendar .gux-content table tr th{font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-day-headerText-fontSize);font-weight:var(--gse-ui-calendarMenu-day-headerText-fontWeight);line-height:var(--gse-ui-calendarMenu-day-headerText-lineHeight)}.gux-calendar .gux-content table tr td{font-family:var(--gse-ui-calendarMenu-date-defaultText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-defaultText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-defaultText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-defaultText-lineHeight);color:var(--gse-ui-calendarMenu-date-default-foregroundColor);cursor:pointer}.gux-calendar .gux-content table tr td.gux-hovered{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-selected{color:var(--gse-ui-calendarMenu-date-selected-foregroundColor);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-selected:hover:not(.gux-calendar .gux-content table tr td.gux-selected.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-selected.gux-end-date){background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date,.gux-calendar .gux-content table tr td.gux-end-date{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date,.gux-calendar .gux-content table tr td.gux-end-date .gux-date{display:flex;align-items:center;justify-content:center;width:var(--gse-ui-calendarMenu-day-date-size);height:var(--gse-ui-calendarMenu-day-date-size);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date:hover,.gux-calendar .gux-content table tr td.gux-end-date .gux-date:hover{background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date{border-radius:16px 0 0 16px}.gux-calendar .gux-content table tr td.gux-end-date{border-radius:0 16px 16px 0}.gux-calendar .gux-content table tr td:hover:not(.gux-calendar .gux-content table tr td.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-end-date):not(.gux-calendar .gux-content table tr td.gux-hovered):not(.gux-calendar .gux-content table tr td.gux-selected){background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-disabled{pointer-events:none;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month{opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month:hover{background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor)}.gux-calendar .gux-content table tr td.gux-not-in-month.gux-hidden{visibility:hidden}.gux-calendar .gux-content table tr td.gux-current-date{font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-currentText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-currentText-lineHeight)}.gux-calendar .gux-content table tr td:focus-visible{border-radius:var(--gse-ui-calendarMenu-month-focusBorderRadius);outline:var(--gse-semantic-focusRing-default-border-width) solid var(--gse-semantic-focusRing-default-border-color)}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{m as gux_calendar}
|
1
|
+
import{r as e,c as t,h as a,g as n}from"./p-2e827df1.js";import{a as r}from"./p-cf0e7d3b.js";import{b as d,c as i,a as s,f as o}from"./p-9349b5e4.js";import{t as u}from"./p-1146528b.js";import{g as l,a as c}from"./p-0367930a.js";import{c as g}from"./p-267e2aed.js";import{u as h,d as x}from"./p-a5415051.js";import"./p-4202e9f2.js";function b(e,t){f(e,"remove",t)}function f(e=[],t,a){const n=[].concat(e);for(const e of n)e.classList[t](a)}function v(e,t){return h()?g(x(t,{year:"numeric",month:"long"}).format(e)):g(e.toLocaleDateString(t,{year:"numeric",month:"long"}))}const m=class{constructor(a){e(this,a),this.calendarSelect=t(this,"calendarSelect",7),this.locale="en",this.value="",this.minDate="",this.maxDate="",this.mode="single",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.previewValue=new Date,this.selectingDate=null}emitCalendarSelect(){this.calendarSelect.emit(this.value)}async setValue(e){if("range"===this.mode&&e instanceof Array){const[t,a]=e;this.value=d(t,a),this.previewValue=i(this.value)[0]}else{const t=e;this.value=s(t),this.previewValue=t}}async focusPreviewDate(){const e=this.root.shadowRoot.querySelector(`td[data-date="${this.previewValue.getTime()}"]`);e&&e.focus()}async resetCalendarView(e){this.previewValue=e}incrementPreviewDateByMonth(e){this.previewValue=new Date(this.previewValue.getFullYear(),this.previewValue.getMonth()+e,15,0,0,0),r((()=>{this.focusPreviewDate()}))}async setValueAndEmit(e){await this.setValue(e),this.emitCalendarSelect()}outOfBounds(e){return""!==this.maxDate&&o(this.maxDate)<e||""!==this.minDate&&o(this.minDate)>e}generateDatesFrom(e,t,a){const n=[],r=new Date(t.getFullYear(),t.getMonth(),t.getDate(),0,0,0,0);for(let t=0;t<a;t++){const t=new Date(r.getFullYear(),r.getMonth(),r.getDate(),0,0,0,0),a=[],d=new Date,s=r.getFullYear()===d.getFullYear()&&r.getMonth()===d.getMonth()&&r.getDate()===d.getDate();let u=!1,l=!1;t.getMonth()!==e&&(a.push("gux-not-in-month"),u=!0,"range"===this.mode&&(a.push("gux-hidden"),l=!0)),this.outOfBounds(t)&&(a.push("gux-disabled"),u=!0);let c=!1;if(s&&a.push("gux-current-date"),"range"===this.mode){const[e,n]=i(this.value),r=e.getTime(),d=n.getTime();t.getTime()===r&&t.getTime()===d?(c=!0,a.push("gux-selected")):t.getTime()===r?(c=!0,a.push("gux-selected"),a.push("gux-start-date")):t.getTime()===d&&(c=!0,a.push("gux-selected"),a.push("gux-end-date"))}else{const e=o(this.value).getTime();t.getTime()===e&&(c=!0,a.push("gux-selected"))}n.push({class:a.join(" "),date:t,hidden:l,disabled:u,selected:c,isToday:s}),r.setDate(r.getDate()+1)}return n}create2DArray(e,t){const a=[];for(let n=0;n<t-1;n++){const r=e.slice(n*t,n*t+t);this.weekShouldBeDisplayed(r)&&a.push(r)}return a}isFocusableDate(e){return e.selected||this.previewValue.getTime()===e.date.getTime()}weekShouldBeDisplayed(e){const t=e.find((e=>!e.hidden));return e.length&&!!t}getMonthDays(e){const t=new Date(this.previewValue.getTime());t.setDate(1),t.setMonth(t.getMonth()+e);const a=t.getMonth(),n=function(e,t,a){const n=new Date(t,e,1,1,0,0,0),r=-1*(a-n.getDay()-7)%7;return new Date(n.getTime()-864e5*r)}(a,t.getFullYear(),this.startDayOfWeek),r=this.generateDatesFrom(a,n,42);return this.create2DArray(r,7)}addDays(e,t){const a=new Date(e.valueOf());return a.setDate(a.getDate()+t),a}getAllDatesElements(){const e=this.root.shadowRoot.querySelectorAll("td");return Array.from(e)}getAllSelectableDatesElements(){const e=this.root.shadowRoot.querySelectorAll('td[tabindex="0"]');return Array.from(e)}getRangeDatesElements(e,t){const a=[];let n;n=t<e?this.getRangeDates(t,e):this.getRangeDates(e,t);for(const e of n){const t=this.root.shadowRoot.querySelector(`td[data-date="${e.getTime()}"]:not(.gux-hidden)`);t&&a.push(t)}return a}getRangeDates(e,t){const a=[];let n=e;for(;n<=t;)a.push(new Date(n)),n=this.addDays(n,1);return a}async onDateClick(e){if(!this.outOfBounds(e))if("range"!==this.mode)await this.setValueAndEmit(e);else if(null===this.selectingDate)b(this.getAllDatesElements(),"gux-hovered"),this.selectingDate=new Date(e.valueOf()),this.value=d(e,e);else{const t=this.root.shadowRoot.querySelector(`td[data-date="${e.getTime()}"]`);t&&t.classList.add("gux-selected"),this.updateRangeElements(),await this.setValueAndEmit([this.selectingDate,e]),this.previewValue=e,this.selectingDate=null}}onDateMouseEnter(e){"range"===this.mode&&null!==this.selectingDate&&(this.value=d(e,this.selectingDate),this.updateRangeElements())}updateRangeElements(){if("range"===this.mode){b(this.getAllDatesElements(),"gux-hovered");const[e,t]=i(this.value);f(this.getRangeDatesElements(e,t),"add","gux-hovered")}}async onKeyDown(e){switch(e.key){case" ":case"Enter":e.preventDefault(),await this.onDateClick(this.previewValue);break;case"ArrowDown":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+7)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowUp":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-7)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowLeft":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-1)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowRight":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+1)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"PageUp":this.incrementPreviewDateByMonth(1),this.onDateMouseEnter(this.previewValue);break;case"PageDown":this.incrementPreviewDateByMonth(-1),this.onDateMouseEnter(this.previewValue)}}componentWillLoad(){if(u(this.root,{variant:this.mode}),this.locale=l(this.root),this.startDayOfWeek=this.startDayOfWeek||c(this.locale),!this.value){const e=new Date;e.setHours(0,0,0,0),this.value="range"===this.mode?d(e,e):s(e)}this.previewValue=o(this.value)}componentDidRender(){this.updateRangeElements()}renderMonthHeader(){return a("div",{class:"gux-month-list"},Array.from(Array(this.numberOfMonths).keys()).map((e=>{const t=function(e,t){const a=new Date(e);return a.setDate(1),a.setMonth(a.getMonth()+t),a}(this.previewValue,e);return a("label",null,v(t,this.locale))})))}renderCalendarTable(e){return a("table",null,a("tr",null,function(e,t){const a=[],n=new Date(1970,0,4);for(let t=0;t<7;t++){const t=n.toLocaleString(e,{weekday:"narrow"});a.push(t),n.setDate(n.getDate()+1)}return(r=a).concat(r.splice(0,(d=t)>r.length?d%r.length:d));var r,d}(this.locale,this.startDayOfWeek).map((e=>a("th",null,e)))),this.getMonthDays(e).map((e=>a("tr",null,e.map((e=>a("td",{tabindex:this.isFocusableDate(e)?"0":"-1",class:e.class,"aria-hidden":e.hidden?"true":"false","aria-disabled":e.disabled?"true":"false","data-date":e.date.getTime(),onClick:()=>{this.onDateClick(e.date)},onMouseEnter:()=>this.onDateMouseEnter(e.date),onKeyDown:e=>{this.onKeyDown(e)}},a("div",{class:"gux-date"},e.date.getDate(),a("span",{class:"gux-sr-only"},v(e.date,this.locale))))))))))}render(){return a("div",{key:"b82550835383b3ffd80d13da7510e8e781e7b8d1",class:"gux-calendar"},a("div",{key:"7c191964ff7d917f0d7a5b67afb08bc92163538c",class:"gux-header"},a("button",{key:"11860e63df40c1ddc686b90e6b045fb696bfae01",type:"button",class:"gux-left",onClick:()=>this.incrementPreviewDateByMonth(-1),tabindex:"-1","aria-hidden":"true"},a("gux-icon",{key:"28a93841800e06f17135882eb231c54ae2aebc7f",decorative:!0,"icon-name":"custom/chevron-left-small-regular"})),this.renderMonthHeader(),a("button",{key:"23e16a300ab5a1b8de3178bf88a2b4a6326bdf95",type:"button",class:"gux-right",onClick:()=>this.incrementPreviewDateByMonth(1),tabindex:"-1","aria-hidden":"true"},a("gux-icon",{key:"925d29f22112259fe5082d2051546d58aee7c789",decorative:!0,"icon-name":"custom/chevron-right-small-regular"}))),a("div",{key:"dbc45c6c17eee5770e7c77856c10bd4f35a0b59c",class:"gux-content"},Array.from(Array(this.numberOfMonths).keys()).map((e=>this.renderCalendarTable(e)))))}get root(){return n(this)}};m.style=":host{display:inline-block}.gux-calendar{margin-top:2px;border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius);box-shadow:var(--gse-ui-calendarMenu-boxShadow-x) var(--gse-ui-calendarMenu-boxShadow-y) var(--gse-ui-calendarMenu-boxShadow-blur) var(--gse-ui-calendarMenu-boxShadow-spread) var(--gse-ui-calendarMenu-boxShadow-color)}.gux-calendar .gux-header{position:relative;display:flex;gap:var(--gse-ui-calendarMenu-header-gap);align-items:center;justify-content:space-between;height:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);font-weight:var(--gse-ui-calendarMenu-month-currentText-fontWeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-calendar .gux-header button{position:absolute;color:var(--gse-ui-calendarMenu-month-monthHeader-foregroundColor);cursor:pointer;background:none;border:none;outline:none}.gux-calendar .gux-header 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)}.gux-calendar .gux-header button.gux-left{left:18px}.gux-calendar .gux-header button.gux-right{right:18px}.gux-calendar .gux-header button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);pointer-events:none}.gux-calendar .gux-header .gux-month-list{display:flex;justify-content:space-between;width:100%;font-family:var(--gse-ui-calendarMenu-month-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-headerText-fontSize);line-height:var(--gse-ui-calendarMenu-month-headerText-lineHeight)}.gux-calendar .gux-header .gux-month-list label{width:100%;text-align:center}.gux-calendar .gux-content{display:flex;align-items:flex-start;padding:var(--gse-ui-calendarMenu-dateBody-padding);color:var(--gse-ui-calendarMenu-month-default-foregroundColor);background-color:var(--gse-ui-calendarMenu-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius)}.gux-calendar .gux-content table{width:var(--gse-ui-calendarMenu-day-input-width);text-align:left;table-layout:fixed;border-spacing:0;-ms-user-select:none;user-select:none}.gux-calendar .gux-content table:not(:last-child){padding-right:24px}.gux-calendar .gux-content table tr{height:var(--gse-ui-calendarMenu-day-input-height)}.gux-calendar .gux-content table tr:empty{display:none}.gux-calendar .gux-content table tr th,.gux-calendar .gux-content table tr td{width:var(--gse-ui-calendarMenu-day-date-size);height:var(--gse-ui-calendarMenu-day-date-size);padding:0;margin:0;text-align:center}.gux-calendar .gux-content table tr th{font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-day-headerText-fontSize);font-weight:var(--gse-ui-calendarMenu-day-headerText-fontWeight);line-height:var(--gse-ui-calendarMenu-day-headerText-lineHeight)}.gux-calendar .gux-content table tr td{font-family:var(--gse-ui-calendarMenu-date-defaultText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-defaultText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-defaultText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-defaultText-lineHeight);color:var(--gse-ui-calendarMenu-date-default-foregroundColor);cursor:pointer}.gux-calendar .gux-content table tr td.gux-hovered{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-selected{color:var(--gse-ui-calendarMenu-date-selected-foregroundColor);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-selected:hover:not(.gux-calendar .gux-content table tr td.gux-selected.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-selected.gux-end-date){background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date,.gux-calendar .gux-content table tr td.gux-end-date{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date,.gux-calendar .gux-content table tr td.gux-end-date .gux-date{display:flex;align-items:center;justify-content:center;width:var(--gse-ui-calendarMenu-day-date-size);height:var(--gse-ui-calendarMenu-day-date-size);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date:hover,.gux-calendar .gux-content table tr td.gux-end-date .gux-date:hover{background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date{border-radius:16px 0 0 16px}.gux-calendar .gux-content table tr td.gux-end-date{border-radius:0 16px 16px 0}.gux-calendar .gux-content table tr td:hover:not(.gux-calendar .gux-content table tr td.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-end-date):not(.gux-calendar .gux-content table tr td.gux-hovered):not(.gux-calendar .gux-content table tr td.gux-selected){background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-disabled{pointer-events:none;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month{opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month:hover{background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor)}.gux-calendar .gux-content table tr td.gux-not-in-month.gux-hidden{visibility:hidden}.gux-calendar .gux-content table tr td.gux-current-date{font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-currentText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-currentText-lineHeight)}.gux-calendar .gux-content table tr td:focus-visible{border-radius:var(--gse-ui-calendarMenu-month-focusBorderRadius);outline:var(--gse-semantic-focusRing-default-border-width) solid var(--gse-semantic-focusRing-default-border-color)}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{m as gux_calendar}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as t,H as o,g as r}from"./p-2e827df1.js";import{t as s}from"./p-78cc7f01.js";import{g as a,b as i,v as d}from"./p-2c02d54d.js";import{c as l,o as C}from"./p-f4751a15.js";import{p as g}from"./p-a11d5d42.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";import"./p-6d8b4027.js";const n=class{constructor(t){e(this,t),this.variant="simple",this.disabled=void 0}componentWillLoad(){this.setInput(),s(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect()}setInput(){this.input=a(this.root,'input[type="radio"][slot="input"]'),g(this.input),i(this.root,this.input,"content"),this.disabled=l(this.input),this.disabledObserver=C(this.input,(e=>{this.disabled=e})),d(this.root,this.input)}renderContent(){return"simple"===this.variant?t("span",{class:"gux-screenreader"},t("slot",{name:"content"})):t("slot",{name:"content"})}renderBadge(){if("descriptive"===this.variant)return t("slot",{name:"badge"})}render(){return t(o,{key:"4cbf7206e2e03e4090022509bd1402526b1ef3ed",class:{[`gux-${this.variant}`]:!0,"gux-disabled":this.disabled}},t("div",{key:"63ce896f8247992a1af212ab959eb5dd1164e65b",class:"gux-content"},t("div",{key:"b688cfe5bd162e2b2695424ad7a4db5e418aa0e4",class:"gux-icon"},t("slot",{key:"1b2d46fd865856d37e15ff0a20e6e007f408254c",name:"icon"})),t("gux-truncate",{key:"b67f056af0446ea92b998dce54ca6ba5906b0ea4","max-lines":2},t("slot",{key:"389c736fb21c9b2dbe39e90df82484079d9c937d",name:"label"})),t("slot",{key:"bad138245e6d37e5bcb5da8404a589d12264098b",name:"input"}),this.renderContent(),this.renderBadge()))}get root(){return r(this)}};n.style=":host(.gux-disabled){cursor:not-allowed}:host(.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)}::slotted(*){cursor:pointer}::slotted(gux-icon){width:var(--gse-ui-icon-size-md);height:var(--gse-ui-icon-size-md);color:var(--gse-ui-selectorCard-ilustrativeIcon-foregroundColor)}::slotted(label){width: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]){position:absolute;top:0;width:100%;height:100%;margin:0;color:var(--gse-ui-radioButton-icon-default-unselectedForegroundColor);-webkit-appearance:none;appearance: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);outline:none}::slotted(input[type=radio])::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;width:var(--gse-ui-radioButton-icon-width);height:var(--gse-ui-radioButton-icon-height);color:var(--gse-ui-radioButton-icon-default-unselectedForegroundColor);text-align:center;vertical-align:middle;content:\"\";border-radius:50%}::slotted(input[type=radio]: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]:not(:checked))::before{background-color:var(--gse-ui-selectorCard-default-selectedIndicator-unselected-foregroundColor);-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{background-color:var(--gse-ui-selectorCard-default-selectedIndicator-selected-foregroundColor);-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=radio]:disabled)::before{cursor:not-allowed;background-color:var(--gse-ui-selectorCard-disabled-selectedIndicator-unselected-foregroundColor);opacity:var(--gse-ui-radioButton-disabled-opacity);-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]:disabled:checked)::before{cursor:not-allowed;background-color:var(--gse-ui-selectorCard-disabled-selectedIndicator-selected-foregroundColor);opacity:var(--gse-ui-radioButton-disabled-opacity);-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\")}.gux-content{position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--gse-ui-selectorCard-descriptive-text-gap);align-items:center;width:var(--gse-ui-selectorCard-simple-minWidth);min-width:var(--gse-ui-selectorCard-simple-minWidth);max-width:var(--gse-ui-selectorCard-simple-maxWidth);height:fit-content;min-height:var(--gse-ui-selectorCard-simple-minHeight);max-height: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-content .gux-icon{line-height:0}.gux-content:focus-within{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-content:hover{cursor:pointer;background-color:var(--gse-ui-selectorCard-hover-backgroundColor)}.gux-content:hover ::slotted(input[type=radio]:not(:checked):not(:disabled))::before{background-color:var(--gse-ui-selectorCard-hover-selectedIndicator-foregroundColor);-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\")}.gux-content:hover ::slotted(input[type=radio]:checked:not(:disabled))::before{background-color:var(--gse-ui-selectorCard-hover-selectedIndicator-foregroundColor);-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\")}.gux-content:active{background-color:var(--gse-ui-selectorCard-active-backgroundColor)}.gux-content:active ::slotted(input[type=radio]:not(:checked):not(:disabled))::before{background-color:var(--gse-ui-selectorCard-active-selectedIndicator-foregroundColor);-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\")}.gux-content:active ::slotted(input[type=radio]:checked:not(:disabled))::before{background-color:var(--gse-ui-selectorCard-active-selectedIndicator-foregroundColor);-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\")}.gux-content .gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{n as gux_selector_card_beta}
|
1
|
+
import{r as e,h as t,H as o,g as r}from"./p-2e827df1.js";import{t as s}from"./p-1146528b.js";import{g as a,b as i,v as d}from"./p-2c02d54d.js";import{c as l,o as C}from"./p-f4751a15.js";import{p as g}from"./p-a11d5d42.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";import"./p-6d8b4027.js";const n=class{constructor(t){e(this,t),this.variant="simple",this.disabled=void 0}componentWillLoad(){this.setInput(),s(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect()}setInput(){this.input=a(this.root,'input[type="radio"][slot="input"]'),g(this.input),i(this.root,this.input,"content"),this.disabled=l(this.input),this.disabledObserver=C(this.input,(e=>{this.disabled=e})),d(this.root,this.input)}renderContent(){return"simple"===this.variant?t("span",{class:"gux-screenreader"},t("slot",{name:"content"})):t("slot",{name:"content"})}renderBadge(){if("descriptive"===this.variant)return t("slot",{name:"badge"})}render(){return t(o,{key:"4cbf7206e2e03e4090022509bd1402526b1ef3ed",class:{[`gux-${this.variant}`]:!0,"gux-disabled":this.disabled}},t("div",{key:"63ce896f8247992a1af212ab959eb5dd1164e65b",class:"gux-content"},t("div",{key:"b688cfe5bd162e2b2695424ad7a4db5e418aa0e4",class:"gux-icon"},t("slot",{key:"1b2d46fd865856d37e15ff0a20e6e007f408254c",name:"icon"})),t("gux-truncate",{key:"b67f056af0446ea92b998dce54ca6ba5906b0ea4","max-lines":2},t("slot",{key:"389c736fb21c9b2dbe39e90df82484079d9c937d",name:"label"})),t("slot",{key:"bad138245e6d37e5bcb5da8404a589d12264098b",name:"input"}),this.renderContent(),this.renderBadge()))}get root(){return r(this)}};n.style=":host(.gux-disabled){cursor:not-allowed}:host(.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)}::slotted(*){cursor:pointer}::slotted(gux-icon){width:var(--gse-ui-icon-size-md);height:var(--gse-ui-icon-size-md);color:var(--gse-ui-selectorCard-ilustrativeIcon-foregroundColor)}::slotted(label){width: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]){position:absolute;top:0;width:100%;height:100%;margin:0;color:var(--gse-ui-radioButton-icon-default-unselectedForegroundColor);-webkit-appearance:none;appearance: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);outline:none}::slotted(input[type=radio])::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;width:var(--gse-ui-radioButton-icon-width);height:var(--gse-ui-radioButton-icon-height);color:var(--gse-ui-radioButton-icon-default-unselectedForegroundColor);text-align:center;vertical-align:middle;content:\"\";border-radius:50%}::slotted(input[type=radio]: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]:not(:checked))::before{background-color:var(--gse-ui-selectorCard-default-selectedIndicator-unselected-foregroundColor);-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{background-color:var(--gse-ui-selectorCard-default-selectedIndicator-selected-foregroundColor);-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=radio]:disabled)::before{cursor:not-allowed;background-color:var(--gse-ui-selectorCard-disabled-selectedIndicator-unselected-foregroundColor);opacity:var(--gse-ui-radioButton-disabled-opacity);-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]:disabled:checked)::before{cursor:not-allowed;background-color:var(--gse-ui-selectorCard-disabled-selectedIndicator-selected-foregroundColor);opacity:var(--gse-ui-radioButton-disabled-opacity);-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\")}.gux-content{position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--gse-ui-selectorCard-descriptive-text-gap);align-items:center;width:var(--gse-ui-selectorCard-simple-minWidth);min-width:var(--gse-ui-selectorCard-simple-minWidth);max-width:var(--gse-ui-selectorCard-simple-maxWidth);height:fit-content;min-height:var(--gse-ui-selectorCard-simple-minHeight);max-height: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-content .gux-icon{line-height:0}.gux-content:focus-within{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-content:hover{cursor:pointer;background-color:var(--gse-ui-selectorCard-hover-backgroundColor)}.gux-content:hover ::slotted(input[type=radio]:not(:checked):not(:disabled))::before{background-color:var(--gse-ui-selectorCard-hover-selectedIndicator-foregroundColor);-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\")}.gux-content:hover ::slotted(input[type=radio]:checked:not(:disabled))::before{background-color:var(--gse-ui-selectorCard-hover-selectedIndicator-foregroundColor);-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\")}.gux-content:active{background-color:var(--gse-ui-selectorCard-active-backgroundColor)}.gux-content:active ::slotted(input[type=radio]:not(:checked):not(:disabled))::before{background-color:var(--gse-ui-selectorCard-active-selectedIndicator-foregroundColor);-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\")}.gux-content:active ::slotted(input[type=radio]:checked:not(:disabled))::before{background-color:var(--gse-ui-selectorCard-active-selectedIndicator-foregroundColor);-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\")}.gux-content .gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{n as gux_selector_card_beta}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as o,H as t,g as r}from"./p-2e827df1.js";import{c as i,o as a}from"./p-f4751a15.js";import{O as l}from"./p-01471ba0.js";import{p as s}from"./p-a11d5d42.js";import{h as d}from"./p-6d8b4027.js";import{G as n,a as g}from"./p-4ed61122.js";import{g as u,v as C}from"./p-2c02d54d.js";import{t as f}from"./p-78cc7f01.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const p=class{constructor(o){e(this,o),this.disabled=void 0,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=d(this.root,"error"),this.hasHelp=d(this.root,"help")}componentWillLoad(){this.setInput(),this.hasError=d(this.root,"error"),this.hasHelp=d(this.root,"help"),f(this.root)}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect()}render(){return o(t,{key:"d2daead3becf9dfc99d48fd75b4184a0f17a575d",class:{"gux-input-error":this.hasError,"gux-disabled":this.disabled}},o("div",{key:"836a7e83f8f954e4f175979720da3c069c90c66a",class:"gux-form-field-container"},o("div",{key:"6d8ae39bf560ebcda1998ced209624d5509e6e8e",class:"gux-input-label"},o("div",{key:"7ed914a1e4c76eaf90f0d49c445b0ede8412a727",class:"gux-input"},o("slot",{key:"2117ece053b32ad43fbf7aadf343acd1f583b91e",name:"input",onSlotchange:()=>this.setInput()})),o("div",{key:"ac2008218c656bb24828cb465b0e4ecaafb93899",class:"gux-label","aria-disabled":this.disabled?"true":"false"},o("slot",{key:"8f95b8edbcb04cb2635c29b07ad67c6c46159ccd",name:"label"}),o(n,{key:"f613802f6316ff517f24b39a2123afde96b403ed",show:this.hasError},o("slot",{key:"4947bb510a3423a3e5922ee65f3a3d9ba2c256e5",name:"error"})),o(g,{key:"6f661b21afb70d1b80cd13c0119016c49a35aa5b",show:!this.hasError&&this.hasHelp},o("slot",{key:"6020ad3b02091f2c485328945be9e87dd2bf435a",name:"help"}))))))}setInput(){this.input=u(this.root,'input[type="radio"][slot="input"]'),s(this.input),this.disabled=i(this.input),this.disabledObserver=a(this.input,(e=>{this.disabled=e})),C(this.root,this.input)}get root(){return r(this)}};(function(e,o,t,r){var i,a=arguments.length,l=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,o,t,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(l=(a<3?i(l):a>3?i(o,t,l):i(o,t))||l);a>3&&l&&Object.defineProperty(o,t,l)})([l({childList:!0,subtree:!0})],p.prototype,"onMutation",null),p.style=".gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}:host(.gux-disabled){cursor:not-allowed;opacity:var(--gse-ui-radioButton-disabled-opacity)}:host(.gux-disabled) ::slotted(label){cursor:not-allowed}:host(.gux-input-error) input[type=radio]:checked::before{background:var(--gse-ui-radioButton-icon-error-foregroundColor);-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\")}:host(.gux-input-error) ::slotted(input[type=radio]:not(:checked))::before{background:var(--gse-ui-radioButton-icon-error-foregroundColor);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%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' /%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='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' /%3E%3C/svg%3E\")}:host(.gux-input-error) .gux-form-field-error{font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);color:var(--gse-ui-radioButton-icon-error-foregroundColor)}.gux-input-label{display:flex;flex-direction:row;gap:var(--gse-ui-radioButton-helper-gap);padding-top:4px}.gux-input-label .gux-label{display:flex;flex-direction:column;line-height:var(--gse-ui-radioButton-label-text-lineHeight)}.gux-input-label .gux-input{line-height:16px}::slotted(input[type=radio]){display:inline-grid;width:var(--gse-ui-radioButton-icon-width);height:var(--gse-ui-radioButton-icon-height);margin:0;color:var(--gse-ui-radioButton-icon-default-unselectedForegroundColor);text-align:center;vertical-align:middle;-webkit-appearance:none;appearance:none;cursor:pointer;border:0;outline:none}::slotted(input[type=radio])::before{grid-area:1/1;content:\"\";border-radius:50%}::slotted(input[type=radio]:focus-visible){border-radius:var(--gse-ui-radioButton-focus-borderRadius);outline:var(--gse-ui-radioButton-focus-border-width) var(--gse-ui-radioButton-focus-border-style) var(--gse-ui-radioButton-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}::slotted(input[type=radio]:not(:checked))::before{background:var(--gse-ui-radioButton-icon-default-unselectedForegroundColor);-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]:not(:checked):not(:disabled):hover)::before{background:var(--gse-ui-radioButton-icon-hover-foregroundColor);-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:not(:disabled):hover)::before{background:var(--gse-ui-radioButton-icon-hover-foregroundColor);-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=radio]:checked)::before{background:var(--gse-ui-radioButton-icon-default-selectedForegroundColor);-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=radio]:disabled)::before{cursor:not-allowed;opacity:var(--gse-ui-radioButton-disabled-opacity)}::slotted(label){display:inline-block;font-family:var(--gse-ui-radioButton-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-radioButton-label-text-fontWeight);line-height:var(--gse-ui-radioButton-label-text-lineHeight);color:var(--gse-ui-radioButton-label-foregroundColor);vertical-align:middle}";export{p as gux_form_field_radio}
|
1
|
+
import{r as e,h as o,H as t,g as r}from"./p-2e827df1.js";import{c as i,o as a}from"./p-f4751a15.js";import{O as l}from"./p-01471ba0.js";import{p as s}from"./p-a11d5d42.js";import{h as d}from"./p-6d8b4027.js";import{G as n,a as g}from"./p-4ed61122.js";import{g as u,v as C}from"./p-2c02d54d.js";import{t as f}from"./p-1146528b.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const p=class{constructor(o){e(this,o),this.disabled=void 0,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=d(this.root,"error"),this.hasHelp=d(this.root,"help")}componentWillLoad(){this.setInput(),this.hasError=d(this.root,"error"),this.hasHelp=d(this.root,"help"),f(this.root)}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect()}render(){return o(t,{key:"d2daead3becf9dfc99d48fd75b4184a0f17a575d",class:{"gux-input-error":this.hasError,"gux-disabled":this.disabled}},o("div",{key:"836a7e83f8f954e4f175979720da3c069c90c66a",class:"gux-form-field-container"},o("div",{key:"6d8ae39bf560ebcda1998ced209624d5509e6e8e",class:"gux-input-label"},o("div",{key:"7ed914a1e4c76eaf90f0d49c445b0ede8412a727",class:"gux-input"},o("slot",{key:"2117ece053b32ad43fbf7aadf343acd1f583b91e",name:"input",onSlotchange:()=>this.setInput()})),o("div",{key:"ac2008218c656bb24828cb465b0e4ecaafb93899",class:"gux-label","aria-disabled":this.disabled?"true":"false"},o("slot",{key:"8f95b8edbcb04cb2635c29b07ad67c6c46159ccd",name:"label"}),o(n,{key:"f613802f6316ff517f24b39a2123afde96b403ed",show:this.hasError},o("slot",{key:"4947bb510a3423a3e5922ee65f3a3d9ba2c256e5",name:"error"})),o(g,{key:"6f661b21afb70d1b80cd13c0119016c49a35aa5b",show:!this.hasError&&this.hasHelp},o("slot",{key:"6020ad3b02091f2c485328945be9e87dd2bf435a",name:"help"}))))))}setInput(){this.input=u(this.root,'input[type="radio"][slot="input"]'),s(this.input),this.disabled=i(this.input),this.disabledObserver=a(this.input,(e=>{this.disabled=e})),C(this.root,this.input)}get root(){return r(this)}};(function(e,o,t,r){var i,a=arguments.length,l=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,o,t,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(l=(a<3?i(l):a>3?i(o,t,l):i(o,t))||l);a>3&&l&&Object.defineProperty(o,t,l)})([l({childList:!0,subtree:!0})],p.prototype,"onMutation",null),p.style=".gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}:host(.gux-disabled){cursor:not-allowed;opacity:var(--gse-ui-radioButton-disabled-opacity)}:host(.gux-disabled) ::slotted(label){cursor:not-allowed}:host(.gux-input-error) input[type=radio]:checked::before{background:var(--gse-ui-radioButton-icon-error-foregroundColor);-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\")}:host(.gux-input-error) ::slotted(input[type=radio]:not(:checked))::before{background:var(--gse-ui-radioButton-icon-error-foregroundColor);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%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' /%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='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' /%3E%3C/svg%3E\")}:host(.gux-input-error) .gux-form-field-error{font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);color:var(--gse-ui-radioButton-icon-error-foregroundColor)}.gux-input-label{display:flex;flex-direction:row;gap:var(--gse-ui-radioButton-helper-gap);padding-top:4px}.gux-input-label .gux-label{display:flex;flex-direction:column;line-height:var(--gse-ui-radioButton-label-text-lineHeight)}.gux-input-label .gux-input{line-height:16px}::slotted(input[type=radio]){display:inline-grid;width:var(--gse-ui-radioButton-icon-width);height:var(--gse-ui-radioButton-icon-height);margin:0;color:var(--gse-ui-radioButton-icon-default-unselectedForegroundColor);text-align:center;vertical-align:middle;-webkit-appearance:none;appearance:none;cursor:pointer;border:0;outline:none}::slotted(input[type=radio])::before{grid-area:1/1;content:\"\";border-radius:50%}::slotted(input[type=radio]:focus-visible){border-radius:var(--gse-ui-radioButton-focus-borderRadius);outline:var(--gse-ui-radioButton-focus-border-width) var(--gse-ui-radioButton-focus-border-style) var(--gse-ui-radioButton-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}::slotted(input[type=radio]:not(:checked))::before{background:var(--gse-ui-radioButton-icon-default-unselectedForegroundColor);-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]:not(:checked):not(:disabled):hover)::before{background:var(--gse-ui-radioButton-icon-hover-foregroundColor);-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:not(:disabled):hover)::before{background:var(--gse-ui-radioButton-icon-hover-foregroundColor);-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=radio]:checked)::before{background:var(--gse-ui-radioButton-icon-default-selectedForegroundColor);-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=radio]:disabled)::before{cursor:not-allowed;opacity:var(--gse-ui-radioButton-disabled-opacity)}::slotted(label){display:inline-block;font-family:var(--gse-ui-radioButton-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-radioButton-label-text-fontWeight);line-height:var(--gse-ui-radioButton-label-text-lineHeight);color:var(--gse-ui-radioButton-label-foregroundColor);vertical-align:middle}";export{p as gux_form_field_radio}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,f as i,h as o,g as r,H as s}from"./p-2e827df1.js";import{O as n}from"./p-2d1bdeab.js";import{b as u}from"./p-0367930a.js";import{s as a}from"./p-2c25e2f2.js";import{o as l,c as d}from"./p-f4751a15.js";import{b as h}from"./p-cf0e7d3b.js";import{t as g}from"./p-78cc7f01.js";import{O as c}from"./p-01471ba0.js";import{s as f,l as p,g as x,c as v,h as b,a as m,b as w,d as C,e as y,f as F,i as k,j as S,k as z,m as R,o as T}from"./p-787c5373.js";import{w as j}from"./p-e97879b4.js";import{r as E}from"./p-0934300e.js";import{h as I}from"./p-6d8b4027.js";import"./p-4202e9f2.js";const L={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};var H=function(t,e,i,o){var r,s=arguments.length,n=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var u=t.length-1;u>=0;u--)(r=t[u])&&(n=(s<3?r(n):s>3?r(e,i,n):r(e,i))||n);return s>3&&n&&Object.defineProperty(e,i,n),n};const O=class{constructor(i){t(this,i),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.value=void 0,this.disabled=!1,this.required=!1,this.loading=!1,this.placeholder=void 0,this.filterType="none",this.hasError=!1,this.expanded=!1,this.filter=""}watchExpanded(t){t||(this.filter="")}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}onKeydown(t){switch(t.key){case"Escape":return this.isFilterable()&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,f(this.listboxElement)))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),i(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit(),this.listboxElement&&h((()=>{this.listboxElement.focus(),this.isFilterable()&&this.filterElement&&this.filterElement.focus()}))}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.listboxElement&&this.validateValue(this.value,this.listboxElement)}async componentWillLoad(){g(this.root),this.i18n=await u(this.root,L),l(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.filter=this.filter)}showTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setShowTooltip()}hideTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setHideTooltip()}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)&&(e.value=t):e&&(e.value=t)}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}isFilterable(){return"starts-with"===this.filterType||"custom"===this.filterType}get optionElements(){return p(this.listboxElement)}getOptionElementByValue(t){return this.optionElements.find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.isFilterable()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.isFilterable()&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),void f(this.listboxElement);case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,a(this.root,"input"),a(this.root,"change")),this.collapseListbox("focusFieldButton")}getTypeaheadText(t){const e=t.length;if(e>0&&!this.loading){const i=x(this.listboxElement,t);if(i&&"custom"!==this.filterType)return i.textContent.trim().substring(e)}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?o("div",{class:"gux-selected-option"},this.renderSelectedItem(t)):o("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderSelectedItem(t){const e=t.tagName.toLowerCase();switch(e){case"gux-option":return o("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent);case"gux-option-icon":return this.renderIconOption(t);default:return e}}renderIconOption(t){let e=null;return null!==t.iconColor&&(e={color:t.iconColor}),o("span",{class:"gux-selected-icon"},o("gux-icon",{"icon-name":t.iconName,style:e,decorative:!0}),o("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent))}renderFilterInputField(){if(this.expanded&&this.isFilterable())return o("div",{class:"gux-field gux-input-field"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.filter),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.filter))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this)})))))}renderPopup(){return o("slot",{slot:"popup"})}renderTarget(){return o("div",{class:{"gux-target-container-expanded":this.expanded&&this.isFilterable(),"gux-target-container-collapsed":!(this.expanded&&this.isFilterable()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:d(this.root),onClick:this.fieldButtonClick.bind(this),onFocusin:this.showTooltip.bind(this),onFocusout:this.hideTooltip.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:this.expanded?"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:"96400dabdf6038a4c8a245512e1032b7b704cfbd",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return r(this)}static get watchers(){return{expanded:["watchExpanded"],value:["watchValue"],filter:["handleFilter"]}}};H([n({triggerEvents:"mousedown"})],O.prototype,"onClickOutside",null),H([c({childList:!0,subtree:!0})],O.prototype,"onMutation",null),O.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{height:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{--gux-zindex-tooltip:3;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-width:0;height:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);padding-left:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}::slotted(gux-listbox){outline:none}.gux-selected-icon{display:flex;align-items:center}.gux-selected-icon gux-icon{width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);padding-right:var(--gse-ui-dropdown-gap)}";const W=["gux-option","gux-option-icon"].join(","),A={noMatches:"No matches",loading:"Loading..."},B=class{constructor(i){t(this,i),this.internallistboxoptionsupdated=e(this,"internallistboxoptionsupdated",7),this.value=void 0,this.loading=!1,this.filter="",this.filterType="none",this.emptyMessage=void 0,this.selectedValues=[],this.listboxOptions=[],this.allListboxOptionsFiltered=void 0}onBlur(){v(this.root)}onKeydown(t){if(!b(this.root))return t.preventDefault(),void f(this.root);switch(t.key){case"Enter":return t.preventDefault(),void S(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(F(this.root)?(t.stopPropagation(),k(this.root)):w(this.root));case"ArrowUp":return t.preventDefault(),void(C(this.root)?(t.stopPropagation(),y(this.root)):m(this.root));case"Home":return t.preventDefault(),void w(this.root);case"End":return t.preventDefault(),void m(this.root);case" ":return void t.preventDefault()}1!==t.key.length||z(this.root,t.key)}onKeyup(t){" "!==t.key||S(this.root,(t=>this.updateValue(t)))}onMousemove(){v(this.root)}onClick(t){j(W,t,(t=>{T(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){S(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=p(this.root),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),a(this.root,"input"),a(this.root,"change")}async componentWillLoad(){g(this.root),this.i18n=await u(this.root,A),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,"custom"!==this.filterType&&(t.filtered=!R(t,this.filter))})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length}renderHiddenSlot(){return o("div",{hidden:!0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[o("div",{class:"gux-message-container"},o("gux-radial-loading",{context:"modal"}),o("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){return[o("div",{class:"gux-message-container"},o("div",{class:"gux-no-matches"},this.emptyMessage||this.i18n("noMatches"))),this.renderHiddenSlot()]}render(){return this.loading?this.renderLoading():this.allListboxOptionsFiltered?this.renderAllListboxOptionsFiltered():o(s,{role:"listbox",tabindex:0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}get root(){return r(this)}};B.style=":host{box-sizing:border-box;display:block;max-height:var(--gse-ui-menu-maxHeight);padding:var(--gse-ui-menu-padding);margin:0;overflow:visible auto;background:var(--gse-ui-menu-backgroundColor);border:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);border-radius:var(--gse-ui-menu-borderRadius);outline:none;box-shadow:var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}:host(:focus-visible){outline:var(--gse-semantic-focusRing-width) solid var(--gse-semantic-color-focus);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-message-container{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch center;align-items:center;text-align:center}.gux-message-container .gux-no-matches{box-sizing:border-box;height:var(--gse-ui-menu-option-height);font-family:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontFamily);font-size:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontSize);font-weight:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontWeight);line-height:var(--gse-ui-dropdown-menu-emptyState-subheader-text-lineHeight);color:var(--gse-ui-dropdown-menu-emptyState-subheader-foregroundColor)}";const D=class{constructor(e){t(this,e),this.value=void 0,this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hasSubtext=!1}handleActive(t){var e,i;t?null===(e=this.truncateElement)||void 0===e||e.setShowTooltip():null===(i=this.truncateElement)||void 0===i||i.setHideTooltip()}componentWillLoad(){this.root.id=this.root.id||E("gux-option"),this.onSubtextChange()}onSubtextChange(){this.hasSubtext=I(this.root,"subtext")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}render(){return o(s,{key:"2ce90e7d99ec17d71f6db0f56fed22f037fe6b10",role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled,"gux-filtered":this.filtered,"gux-selected":this.selected,"gux-show-subtext":this.hasSubtext},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},o("div",{key:"519667ace3ac8ebcf53f5204a75d5cbac4b1a266",class:"gux-option-wrapper"},o("gux-truncate",{key:"22f523cee15028e56c3164008c5dc064f518d608",ref:t=>this.truncateElement=t},o("slot",{key:"57f1638f43138139c121f8cc2ab8df6d7cc70fb9"})),o("slot",{key:"028e005e28fb057f322600a3daf1e8109935dd52",onSlotchange:()=>this.onSubtextChange(),name:"subtext"})))}get root(){return r(this)}static get watchers(){return{active:["handleActive"]}}};D.style=":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-menu-option-gap);place-content:stretch center;align-items:center;height:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host .gux-option-wrapper{width:100%}:host .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}:host(:active:not(:disabled)){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight)}:host(.gux-active){border-radius:var(--gse-semantic-focusRing-cornerRadius);outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);outline-offset:-2px}:host(.gux-show-subtext){place-content:stretch flex-start;height:auto}:host(.gux-show-subtext) .gux-option-wrapper{display:flex;flex-direction:column}:host(.gux-show-subtext) slot[name=subtext]::slotted(*){height:var(--gse-ui-groupedMenu-subtext-height);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);color:var(--gse-ui-menu-groupedMenu-subtext-foregroundColor)}:host(:hover:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}";export{O as gux_dropdown,B as gux_listbox,D as gux_option}
|
1
|
+
import{r as t,c as e,f as i,h as o,g as r,H as s}from"./p-2e827df1.js";import{O as n}from"./p-d5695b1e.js";import{b as u}from"./p-0367930a.js";import{s as a}from"./p-2c25e2f2.js";import{o as l,c as d}from"./p-f4751a15.js";import{b as h}from"./p-cf0e7d3b.js";import{t as g}from"./p-1146528b.js";import{O as c}from"./p-01471ba0.js";import{s as f,l as p,g as x,c as v,h as b,a as m,b as w,d as C,e as y,f as F,i as k,j as S,k as z,m as R,o as T}from"./p-787c5373.js";import{w as j}from"./p-e97879b4.js";import{r as E}from"./p-0934300e.js";import{h as I}from"./p-6d8b4027.js";import"./p-4202e9f2.js";const L={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};var H=function(t,e,i,o){var r,s=arguments.length,n=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var u=t.length-1;u>=0;u--)(r=t[u])&&(n=(s<3?r(n):s>3?r(e,i,n):r(e,i))||n);return s>3&&n&&Object.defineProperty(e,i,n),n};const O=class{constructor(i){t(this,i),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.value=void 0,this.disabled=!1,this.required=!1,this.loading=!1,this.placeholder=void 0,this.filterType="none",this.hasError=!1,this.expanded=!1,this.filter=""}watchExpanded(t){t||(this.filter="")}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}onKeydown(t){switch(t.key){case"Escape":return this.isFilterable()&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,f(this.listboxElement)))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),i(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit(),this.listboxElement&&h((()=>{this.listboxElement.focus(),this.isFilterable()&&this.filterElement&&this.filterElement.focus()}))}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.listboxElement&&this.validateValue(this.value,this.listboxElement)}async componentWillLoad(){g(this.root),this.i18n=await u(this.root,L),l(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.filter=this.filter)}showTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setShowTooltip()}hideTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setHideTooltip()}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)&&(e.value=t):e&&(e.value=t)}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}isFilterable(){return"starts-with"===this.filterType||"custom"===this.filterType}get optionElements(){return p(this.listboxElement)}getOptionElementByValue(t){return this.optionElements.find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.isFilterable()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.isFilterable()&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),void f(this.listboxElement);case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,a(this.root,"input"),a(this.root,"change")),this.collapseListbox("focusFieldButton")}getTypeaheadText(t){const e=t.length;if(e>0&&!this.loading){const i=x(this.listboxElement,t);if(i&&"custom"!==this.filterType)return i.textContent.trim().substring(e)}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?o("div",{class:"gux-selected-option"},this.renderSelectedItem(t)):o("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderSelectedItem(t){const e=t.tagName.toLowerCase();switch(e){case"gux-option":return o("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent);case"gux-option-icon":return this.renderIconOption(t);default:return e}}renderIconOption(t){let e=null;return null!==t.iconColor&&(e={color:t.iconColor}),o("span",{class:"gux-selected-icon"},o("gux-icon",{"icon-name":t.iconName,style:e,decorative:!0}),o("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent))}renderFilterInputField(){if(this.expanded&&this.isFilterable())return o("div",{class:"gux-field gux-input-field"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.filter),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.filter))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this)})))))}renderPopup(){return o("slot",{slot:"popup"})}renderTarget(){return o("div",{class:{"gux-target-container-expanded":this.expanded&&this.isFilterable(),"gux-target-container-collapsed":!(this.expanded&&this.isFilterable()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:d(this.root),onClick:this.fieldButtonClick.bind(this),onFocusin:this.showTooltip.bind(this),onFocusout:this.hideTooltip.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:this.expanded?"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:"96400dabdf6038a4c8a245512e1032b7b704cfbd",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return r(this)}static get watchers(){return{expanded:["watchExpanded"],value:["watchValue"],filter:["handleFilter"]}}};H([n({triggerEvents:"mousedown"})],O.prototype,"onClickOutside",null),H([c({childList:!0,subtree:!0})],O.prototype,"onMutation",null),O.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{height:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{--gux-zindex-tooltip:3;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-width:0;height:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);padding-left:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}::slotted(gux-listbox){outline:none}.gux-selected-icon{display:flex;align-items:center}.gux-selected-icon gux-icon{width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);padding-right:var(--gse-ui-dropdown-gap)}";const W=["gux-option","gux-option-icon"].join(","),A={noMatches:"No matches",loading:"Loading..."},B=class{constructor(i){t(this,i),this.internallistboxoptionsupdated=e(this,"internallistboxoptionsupdated",7),this.value=void 0,this.loading=!1,this.filter="",this.filterType="none",this.emptyMessage=void 0,this.selectedValues=[],this.listboxOptions=[],this.allListboxOptionsFiltered=void 0}onBlur(){v(this.root)}onKeydown(t){if(!b(this.root))return t.preventDefault(),void f(this.root);switch(t.key){case"Enter":return t.preventDefault(),void S(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(F(this.root)?(t.stopPropagation(),k(this.root)):w(this.root));case"ArrowUp":return t.preventDefault(),void(C(this.root)?(t.stopPropagation(),y(this.root)):m(this.root));case"Home":return t.preventDefault(),void w(this.root);case"End":return t.preventDefault(),void m(this.root);case" ":return void t.preventDefault()}1!==t.key.length||z(this.root,t.key)}onKeyup(t){" "!==t.key||S(this.root,(t=>this.updateValue(t)))}onMousemove(){v(this.root)}onClick(t){j(W,t,(t=>{T(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){S(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=p(this.root),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),a(this.root,"input"),a(this.root,"change")}async componentWillLoad(){g(this.root),this.i18n=await u(this.root,A),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,"custom"!==this.filterType&&(t.filtered=!R(t,this.filter))})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length}renderHiddenSlot(){return o("div",{hidden:!0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[o("div",{class:"gux-message-container"},o("gux-radial-loading",{context:"modal"}),o("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){return[o("div",{class:"gux-message-container"},o("div",{class:"gux-no-matches"},this.emptyMessage||this.i18n("noMatches"))),this.renderHiddenSlot()]}render(){return this.loading?this.renderLoading():this.allListboxOptionsFiltered?this.renderAllListboxOptionsFiltered():o(s,{role:"listbox",tabindex:0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}get root(){return r(this)}};B.style=":host{box-sizing:border-box;display:block;max-height:var(--gse-ui-menu-maxHeight);padding:var(--gse-ui-menu-padding);margin:0;overflow:visible auto;background:var(--gse-ui-menu-backgroundColor);border:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);border-radius:var(--gse-ui-menu-borderRadius);outline:none;box-shadow:var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}:host(:focus-visible){outline:var(--gse-semantic-focusRing-width) solid var(--gse-semantic-color-focus);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-message-container{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch center;align-items:center;text-align:center}.gux-message-container .gux-no-matches{box-sizing:border-box;height:var(--gse-ui-menu-option-height);font-family:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontFamily);font-size:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontSize);font-weight:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontWeight);line-height:var(--gse-ui-dropdown-menu-emptyState-subheader-text-lineHeight);color:var(--gse-ui-dropdown-menu-emptyState-subheader-foregroundColor)}";const D=class{constructor(e){t(this,e),this.value=void 0,this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hasSubtext=!1}handleActive(t){var e,i;t?null===(e=this.truncateElement)||void 0===e||e.setShowTooltip():null===(i=this.truncateElement)||void 0===i||i.setHideTooltip()}componentWillLoad(){this.root.id=this.root.id||E("gux-option"),this.onSubtextChange()}onSubtextChange(){this.hasSubtext=I(this.root,"subtext")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}render(){return o(s,{key:"2ce90e7d99ec17d71f6db0f56fed22f037fe6b10",role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled,"gux-filtered":this.filtered,"gux-selected":this.selected,"gux-show-subtext":this.hasSubtext},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},o("div",{key:"519667ace3ac8ebcf53f5204a75d5cbac4b1a266",class:"gux-option-wrapper"},o("gux-truncate",{key:"22f523cee15028e56c3164008c5dc064f518d608",ref:t=>this.truncateElement=t},o("slot",{key:"57f1638f43138139c121f8cc2ab8df6d7cc70fb9"})),o("slot",{key:"028e005e28fb057f322600a3daf1e8109935dd52",onSlotchange:()=>this.onSubtextChange(),name:"subtext"})))}get root(){return r(this)}static get watchers(){return{active:["handleActive"]}}};D.style=":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-menu-option-gap);place-content:stretch center;align-items:center;height:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host .gux-option-wrapper{width:100%}:host .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}:host(:active:not(:disabled)){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight)}:host(.gux-active){border-radius:var(--gse-semantic-focusRing-cornerRadius);outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);outline-offset:-2px}:host(.gux-show-subtext){place-content:stretch flex-start;height:auto}:host(.gux-show-subtext) .gux-option-wrapper{display:flex;flex-direction:column}:host(.gux-show-subtext) slot[name=subtext]::slotted(*){height:var(--gse-ui-groupedMenu-subtext-height);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);color:var(--gse-ui-menu-groupedMenu-subtext-foregroundColor)}:host(:hover:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}";export{O as gux_dropdown,B as gux_listbox,D as gux_option}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as o,h as a,g as s}from"./p-2e827df1.js";import{t as e}from"./p-
|
1
|
+
import{r as t,c as o,h as a,g as s}from"./p-2e827df1.js";import{t as e}from"./p-1146528b.js";import{h as i}from"./p-6d8b4027.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(){e(this.root,{variant:this.toastType}),this.hasPrimaryButton=i(this.root,"primary-button"),this.hasSecondaryButton=i(this.root,"secondary-button"),this.hasLink=i(this.root,"link")}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("slot",{name:"link"}))}renderActions(){return a("div",{class:"gux-buttons-bar"},this.hasSecondaryButton&&a("gux-button-slot",null,a("slot",{name:"secondary-button"})),a("gux-button-slot",{accent:this.hasSecondaryButton?"primary":"tertiary"},a("slot",{name:"primary-button"})))}render(){return a("div",{key:"4147c8bf91fcd5b41d3dca2ec3b94a99a95cecc4",class:`gux-toast gux-toast-${this.toastType}`},a("div",{key:"bbcbdd8edbc09054313a9776ec332859b847b926",class:`gux-icon gux-icon-${this.toastType}`},this.renderToastIcon()),a("div",{key:"6d0a3537852904874c357d5610c4127e1b42dfec",class:"gux-content"},a("div",{key:"4bf4d6bebc58852e09d86d221051c749f9edc8f4",class:"gux-message"},a("gux-truncate",{key:"1bb9d3e5bb5430e03a202d8c5783cbed3fa0cea9",class:"gux-message-title","max-lines":1},a("slot",{key:"9f050ac52cf4c8881c4d403747149aba8e6a3639",name:"title"})),a("gux-truncate",{key:"45897b12e305b03ac8253a5c3473c17cc4d7bcdb",class:"gux-message-body","max-lines":2},a("slot",{key:"e74e0bee23e72fdc2956cff14facfc4fa9679da4",name:"message"}))),"action"!==this.toastType&&this.hasLink&&this.renderLink(),"action"===this.toastType&&this.hasPrimaryButton&&this.renderActions()),a("gux-dismiss-button",{key:"2ef8ac0da6a8dc1e08e2a09f8ddd26cc72d6eda0",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;width:var(--gse-ui-toast-wrappingWidth);padding:var(--gse-ui-toast-margin);margin-bottom:var(--gse-ui-toast-stacking-gap);border-radius:var(--gse-ui-toast-borderRadius);box-shadow:var(--gse-ui-toast-boxShadow-x) var(--gse-ui-toast-boxShadow-y) var(--gse-ui-toast-boxShadow-blur) var(--gse-ui-toast-boxShadow-spread) var(--gse-ui-toast-boxShadow-color)}.gux-toast .gux-icon ::slotted(gux-icon){width:var(--gse-ui-toast-icon) !important;height:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon gux-icon{width:var(--gse-ui-toast-icon) !important;height: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)}.gux-toast .gux-content .gux-buttons-bar{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-buttonBar-gap);justify-content:flex-start}.gux-toast .gux-content .gux-buttons-bar ::slotted(a){font-family:var(--gse-ui-link-inLine-medium-underlinedText-fontFamily);font-size:var(--gse-ui-link-inLine-medium-underlinedText-fontSize);font-weight:var(--gse-ui-link-inLine-medium-underlinedText-fontWeight);line-height:var(--gse-ui-link-inLine-medium-underlinedText-lineHeight)}.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{background-color:var(--gse-ui-toast-action-backgroundColor)}.gux-toast.gux-toast-action .gux-message{color:var(--gse-ui-toast-action-foregroundColor)}";export{n as gux_toast}
|