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 r,g as o}from"./p-2e827df1.js";import{t as a}from"./p-
|
1
|
+
import{r as e,h as r,g as o}from"./p-2e827df1.js";import{t as a}from"./p-1146528b.js";import{b as g}from"./p-0367930a.js";import"./p-4202e9f2.js";const i={info:"badge with label: {label}, accent: info","info-bold":"badge with label: {label}, accent: info bold",success:"badge with label: {label}, accent: success","success-bold":"badge with label: {label}, accent: success bold",warning:"badge with label: {label}, accent: warning","warning-bold":"badge with label: {label}, accent: warning bold",error:"badge with label: {label}, accent: error","error-bold":"badge with label: {label}, accent: error error",inherit:"badge with label: {label}","inherit-bold":"badge with label: {label}, bold"},l=class{constructor(r){e(this,r),this.accent="info",this.bold=!1,this.label=void 0}onSlotChange(e){const r=e.composedPath()[0].assignedNodes();this.label=r.map((e=>e.textContent)).join("")}renderBadgeTitle(){return r("gux-tooltip-title",null,r("span",null,r("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return r("div",{class:"gux-sr-only"},this.i18n(this.getVariant(),{label:this.label}))}getVariant(){return`${this.accent}${this.bold?"-bold":""}`}async componentWillLoad(){a(this.root),this.i18n=await g(this.root,i)}render(){return r("div",{key:"16c83387840636e586c8fbbd2c7ad389fb071c6d",class:{"gux-badge":!0,[`gux-${this.accent}`]:!0,"gux-bold":this.bold}},this.renderBadgeTitle(),this.renderSrText())}get root(){return o(this)}};l.style=":host{display:inline-block;height:fit-content;border-radius:var(--gse-ui-badge-borderRadius)}.gux-badge{display:flex;flex-direction:row;gap:var(--gse-ui-badge-gap);align-items:center;justify-content:center;height:var(--gse-ui-badge-height);padding:2px 12px;font-family:var(--gse-ui-badge-text-fontFamily);font-size:var(--gse-ui-badge-text-fontSize);font-weight:var(--gse-ui-badge-text-fontWeight);line-height:var(--gse-ui-badge-text-lineHeight);border-radius:var(--gse-ui-badge-borderRadius)}.gux-badge gux-tooltip-title{white-space:nowrap}.gux-badge .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-badge.gux-info{color:var(--gse-ui-badge-info-regular-foregroundColor);background-color:var(--gse-ui-badge-info-regular-backgroundColor)}.gux-badge.gux-info.gux-bold{color:var(--gse-ui-badge-info-bold-foregroundColor);background-color:var(--gse-ui-badge-info-bold-backgroundColor)}.gux-badge.gux-error{color:var(--gse-ui-badge-error-regular-foregroundColor);background-color:var(--gse-ui-badge-error-regular-backgroundColor)}.gux-badge.gux-error.gux-bold{color:var(--gse-ui-badge-error-bold-foregroundColor);background-color:var(--gse-ui-badge-error-bold-backgroundColor)}.gux-badge.gux-warning{color:var(--gse-ui-badge-warning-regular-foregroundColor);background-color:var(--gse-ui-badge-warning-regular-backgroundColor)}.gux-badge.gux-warning.gux-bold{color:var(--gse-ui-badge-warning-bold-foregroundColor);background-color:var(--gse-ui-badge-warning-bold-backgroundColor)}.gux-badge.gux-success{color:var(--gse-ui-badge-success-regular-foregroundColor);background-color:var(--gse-ui-badge-success-regular-backgroundColor)}.gux-badge.gux-success.gux-bold{color:var(--gse-ui-badge-success-bold-foregroundColor);background-color:var(--gse-ui-badge-success-bold-backgroundColor)}.gux-badge.gux-inherit{color:inherit;background-color:inherit}";export{l as gux_badge}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as t,H as o,g as s}from"./p-2e827df1.js";import{a as i,c as r,o as a,f as n,s as u,b as d}from"./p-b43ee47b.js";import{a as h}from"./p-cf0e7d3b.js";import{t as c}from"./p-
|
1
|
+
import{r as e,h as t,H as o,g as s}from"./p-2e827df1.js";import{a as i,c as r,o as a,f as n,s as u,b as d}from"./p-b43ee47b.js";import{a as h}from"./p-cf0e7d3b.js";import{t as c}from"./p-1146528b.js";import{h as f}from"./p-67d20704.js";const l=class{constructor(t){e(this,t),this.isShown=!1}onKeydown(e){if(e.stopPropagation(),this.isShown)switch(e.key){case"Escape":case"ArrowLeft":case"ArrowUp":return void this.root.focus();case"ArrowDown":return e.preventDefault(),void this.focusOnMenu();case"Enter":return void(this.hideDelayTimeout=h((()=>{this.focusOnMenu()})))}}onKeyup(e){e.stopPropagation()," "!==e.key||(this.root===e.target?this.focusOnMenu():this.hideDelayTimeout=h((()=>{this.root.focus()})))}onmouseenter(){this.show()}onMouseleave(){this.hide()}onClick(e){0!==e.detail&&this.hide(),this.root.focus()}onFocusin(){this.show()}onFocusout(){this.hide()}show(){clearTimeout(this.hideDelayTimeout),this.isShown=!0}hide(){this.isShown&&(this.hideDelayTimeout=setTimeout((()=>{this.isShown=!1}),f))}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=i(this.targetElement,this.menuContentElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){this.root&&r(this.targetElement,this.menuContentElement,{placement:"bottom-start",strategy:"fixed",middleware:[a(16),n(),u(),d({element:this.arrowElement,padding:16})]}).then((({x:e,y:t,middlewareData:o,placement:s})=>{var i;Object.assign(this.menuContentElement.style,{left:`${e}px`,top:`${t}px`});const r={top:"bottom",right:"left",bottom:"top",left:"right"}[s.split("-")[0]];if(o.arrow){const{x:e,y:t}=o.arrow;Object.assign(null===(i=this.arrowElement)||void 0===i?void 0:i.style,{left:null!=e?`${e}px`:"",top:null!=t?`${t}px`:"",right:"",bottom:"",[r]:"-7.5px",transform:"rotate(-45deg)"})}}))}focusOnMenu(){if(this.menuContentElement.contains(document.activeElement))return;const e=this.root.querySelector("gux-menu");Array.from(e.children)[0].guxFocus()}componentWillLoad(){c(this.root)}componentDidLoad(){this.isShown&&this.runUpdatePosition()}componentDidUpdate(){this.isShown?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return t(o,{key:"8a3b4316363e73958482b413203b08f66206549a",tabIndex:0,"aria-haspopup":"true"},t("span",{key:"a9772e22b70e868749e59616664dd9dbbb76c46c",ref:e=>this.targetElement=e},t("slot",{key:"b76eb71a2fc5b448382b498d0c316984762fdfa0",name:"target"})),t("div",{key:"7297940e13a8c218e4fb6208474d233222f25d6c",class:{"gux-flyout-menu-content":!0,"gux-shown":this.isShown},ref:e=>this.menuContentElement=e},t("div",{key:"edfa76b5d150ecdb45a9179df6c13b8099bb0647",ref:e=>this.arrowElement=e,class:"gux-arrow"}),t("slot",{key:"fc8a94f41c6ad4fa987e4a1572173fd58bd37cfb",name:"menu"})))}get root(){return s(this)}};l.style=":host{z-index:var(--gse-semantic-zIndex-popover);color:var(--gse-ui-menu-option-label-foregroundColor);cursor:default}:host(:focus){outline:none}:host(: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-flyout-menu-content{position:fixed;display:none;border:none;border-radius:var(--gse-ui-menu-borderRadius)}.gux-flyout-menu-content.gux-shown{display:flex}.gux-flyout-menu-content .gux-arrow{position:absolute;z-index:-1;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-height);background:var(--gse-ui-popover-backgroundColor);border: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)}";export{l as gux_flyout_menu}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as e,H as i}from"./p-2e827df1.js";const o=class{constructor(e){t(this,e)}render(){return e(i,{key:"
|
1
|
+
import{r as t,h as e,H as i}from"./p-2e827df1.js";const o=class{constructor(e){t(this,e)}render(){return e(i,{key:"5394ed7959d46e0134f1629285e8109d18a227a0",role:"listitem"},e("slot",{key:"c9f02719eeb6fe344acec077022d471a83f58699"}))}static get delegatesFocus(){return!0}};o.style=":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host(:focus-within){position:inherit;top:inherit;left:inherit;width:inherit;height:inherit;overflow:inherit}::slotted(a){padding:12px;font-size:2rem;background-color:#fdfdfd;box-shadow:0 8px 24px rgba(32, 41, 55, 0.4), 0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff !important}";export{o as gux_skip_navigation_item}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as o,H as e,g as n}from"./p-2e827df1.js";import{t as r}from"./p-
|
1
|
+
import{r as t,h as o,H as e,g as n}from"./p-2e827df1.js";import{t as r}from"./p-1146528b.js";import{l as a}from"./p-8eaf8caf.js";const i=class{constructor(o){t(this,o),this.accent="secondary",this.iconOnly=void 0}validateSlotContent(){let t=this.root.children[0],o=t.tagName;if("SLOT"===o&&(t=t.assignedNodes()[0],o=t.tagName),"BUTTON"!==o){if("INPUT"===o){const o=t.getAttribute("type");if("button"===o||"submit"===o)return}a(this.root,'You must slot a button, input[type="button"] or input[type="submit"] element.')}}componentWillLoad(){r(this.root),this.validateSlotContent()}render(){return o(e,{key:"134965d5b37ddf423d3910f44250ba9442efc00b",accent:this.accent,"icon-only":this.iconOnly},o("slot",{key:"5c548197de637423a210b42b9a7cdbb8db4e8800"}))}get root(){return n(this)}};i.style=":host{display:inline-block;pointer-events:none}::slotted(input[type=button]),::slotted(input[type=submit]),::slotted(button){font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-icon-only-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;color:var(--gse-ui-button-secondary-default-foregroundColor);text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}:host([icon-only]) ::slotted(input[type=button]),:host([icon-only]) ::slotted(input[type=submit]),:host([icon-only]) ::slotted(button){padding:var(--gse-ui-button-default-paddingIconOnly)}::slotted(input[type=button][disabled]),::slotted(input[type=submit][disabled]),::slotted(button[disabled]){cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}::slotted(input[type=button]:focus),::slotted(input[type=submit]:focus),::slotted(button:focus){outline:none}::slotted(input[type=button]:focus-visible:enabled),::slotted(input[type=submit]:focus-visible:enabled),::slotted(button:focus-visible:enabled){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)}::slotted(input[type=button]:hover:enabled),::slotted(input[type=submit]:hover:enabled),::slotted(button:hover:enabled){color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}::slotted(input[type=button]:active:enabled),::slotted(input[type=submit]:active:enabled),::slotted(button:active:enabled){color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]),:host([accent=primary]) ::slotted(input[type=submit]),:host([accent=primary]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:hover:enabled),:host([accent=primary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=primary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:active:enabled),:host([accent=primary]) ::slotted(input[type=submit]:active:enabled),:host([accent=primary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]),:host([accent=tertiary]) ::slotted(input[type=submit]),:host([accent=tertiary]) ::slotted(button){color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width)}:host([accent=tertiary]) ::slotted(input[type=button]:hover:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=tertiary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]:active:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:active:enabled),:host([accent=tertiary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]),:host([accent=ghost]) ::slotted(input[type=submit]),:host([accent=ghost]) ::slotted(button){color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:hover:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:hover:enabled),:host([accent=ghost]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:active:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:active:enabled),:host([accent=ghost]) ::slotted(button:active:enabled){color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]),:host([accent=danger]) ::slotted(input[type=submit]),:host([accent=danger]) ::slotted(button){color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:hover:enabled),:host([accent=danger]) ::slotted(input[type=submit]:hover:enabled),:host([accent=danger]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:active:enabled),:host([accent=danger]) ::slotted(input[type=submit]:active:enabled),:host([accent=danger]) ::slotted(button:active:enabled){color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}:host([accent=inline]){min-inline-size:initial}:host([accent=inline]) ::slotted(input[type=button]),:host([accent=inline]) ::slotted(input[type=submit]),:host([accent=inline]) ::slotted(button){block-size:initial;padding:0;color:var(--gse-ui-link-default-foregroundColor);background:none;border:none}:host([accent=inline]) ::slotted(input[type=button][disabled]),:host([accent=inline]) ::slotted(input[type=submit][disabled]),:host([accent=inline]) ::slotted(button[disabled]){color:var(--gse-ui-link-disabled-foregroundColor)}:host([accent=inline]) ::slotted(input[type=button]:hover:enabled),:host([accent=inline]) ::slotted(input[type=submit]:hover:enabled),:host([accent=inline]) ::slotted(button:hover:enabled){color:var(--gse-ui-link-hover-foregroundColor);text-decoration:underline;background:none}:host([accent=inline]) ::slotted(input[type=button]:active:enabled),:host([accent=inline]) ::slotted(input[type=submit]:active:enabled),:host([accent=inline]) ::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}";export{i as gux_button_slot}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,c as t,h as s,g as i}from"./p-2e827df1.js";import{O as o}from"./p-
|
1
|
+
import{r as e,c as t,h as s,g as i}from"./p-2e827df1.js";import{O as o}from"./p-d5695b1e.js";import{w as a}from"./p-e97879b4.js";import{a as r}from"./p-cf0e7d3b.js";import{t as n}from"./p-1146528b.js";const c=["primary","secondary","tertiary"];const u=class{constructor(s){e(this,s),this.open=t(this,"open",7),this.close=t(this,"close",7),this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(e){const t=e.composedPath();switch(e.key){case"Escape":this.isOpen=!1,t.includes(this.listElement)&&(e.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":t.includes(this.dropdownButton)&&(e.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList())}}handleKeyup(e){if(" "===e.key)e.composedPath().includes(this.dropdownButton)&&(this.isOpen=!0,this.focusFirstItemInPopupList())}watchDisabled(e){e&&(this.isOpen=!1)}watchValue(e){e?this.open.emit():this.close.emit()}onClickOutside(){this.isOpen=!1}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){r((()=>{this.listElement.focus()}))}focusFirstItemInPopupList(){r((()=>{this.listElement.guxFocusFirstItem()}))}onListClick(e){a("gux-list-item",e,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}componentWillLoad(){n(this.root,{variant:this.accent})}render(){return s("gux-popup",{key:"3b853dc7cb29ad89defe15cce07c1f76f4d0afbf",expanded:this.isOpen,"exceed-target-width":!0,placement:"bottom-end"},s("div",{key:"085284c347c349953c9b0ffef778afd1da893e45",slot:"target",class:"gux-button-multi-container"},s("gux-button-slot",{key:"843ee350e5217212ba0e21660458b52a216bbe5d",class:"gux-dropdown-button",accent:(e=this.accent,c.find((t=>t===e))?e:"secondary")},s("button",{key:"30d5a534ac7ca3f18643978e29a27f898af6f6d5",type:"button",disabled:this.disabled,ref:e=>this.dropdownButton=e,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},s("slot",{key:"8f39af0a3668b0b2b1a1254b4f6482ec7fdce633",name:"title"}),s("gux-icon",{key:"b677230f7cbe7f192a5fb1e80bb05a37f7817f57",decorative:!0,"icon-name":"custom/chevron-down-small-regular"})))),s("div",{key:"ff0a05768f1eb31d3feb6f9bec3e24b911c76fc4",class:"gux-list-container",slot:"popup"},s("gux-list",{key:"32d8be5e01c1df65e4649c9418a1a09273b52eec",onClick:e=>this.onListClick(e),ref:e=>this.listElement=e},s("slot",{key:"fcda52cd7bc4a01c38bda2c7d6d5eae54b855ed3"}))));var e}get root(){return i(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(e,t,s,i){var o,a=arguments.length,r=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,i);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(r=(a<3?o(r):a>3?o(t,s,r):o(t,s))||r);a>3&&r&&Object.defineProperty(t,s,r)})([o({triggerEvents:"mousedown"})],u.prototype,"onClickOutside",null),u.style=":host{display:block;-webkit-user-select:none;user-select:none}.gux-button-multi-container .gux-dropdown-button button{display:inline-flex;align-items:center}.gux-button-multi-container .gux-dropdown-button button gux-icon{width:var(--gse-ui-button-icon-size);height:var(--gse-ui-button-icon-size);margin-left:var(--gse-ui-button-gap)}.gux-list-container{max-width:220px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-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)}";export{u as gux_button_multi}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,h as i,g as r}from"./p-2e827df1.js";import{a as s,c as a,o,f as n}from"./p-b43ee47b.js";import{r as u}from"./p-0934300e.js";import{a as d}from"./p-cf0e7d3b.js";import{f as c,b as l,a as h,c as p}from"./p-9349b5e4.js";import{O as g}from"./p-2d1bdeab.js";import{t as f}from"./p-78cc7f01.js";import{b as x}from"./p-0367930a.js";import{u as b,g as k,a as m}from"./p-0b7e4626.js";import"./p-4202e9f2.js";const v={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function y(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function w(t,e){const i=new Date(e.valueOf()),r=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(r),i.setFullYear(e.getFullYear()),i.getMonth()!==r?w(t,y(-1,e)):i}function C(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function D(t){return t.match(/\W/)[0]}function R(t){const e=D(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function F(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const I=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.isSelectingRangeWithMouse=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=u("gux-datepicker"),this.endInputId=u("gux-datepicker"),this.value=void 0,this.label="",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.minDate="",this.maxDate="",this.mode="single",this.format=void 0,this.disabled=!1,this.labelPosition="beside",this.formattedValue="",this.minDateDate=void 0,this.maxDateDate=void 0,this.toFormattedValue="",this.active=!1,this.pressedKeys=[]}watchValue(){this.updateDate()}watchMinDate(t){this.minDateDate=t?c(t):null}watchMaxDate(t){this.maxDateDate=t?c(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=R(t),this.lastIntervalRange=this.initialIntervalRange}watchActiveCalendar(t){if(!0===t){const t=c(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isInputFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":break;case"ArrowDown":t.preventDefault(),this.increment(-1),this.setCursorRange();break;case"ArrowUp":t.preventDefault(),this.increment(1),this.setCursorRange();break;case"ArrowLeft":{t.preventDefault();const e=function(t,e){const i=R(t),r=C(t,e.selectionStart),s=i.indexOf(r);return F(t,i[(s+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange(),this.pressedKeys.length=0;break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=R(t),r=C(t,e.selectionStart),s=i.indexOf(r);return F(t,i[(s+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange(),this.pressedKeys.length=0;break}default:t.preventDefault(),this.isSelectingRangeWithMouse||(this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(t),this.setCursorRange())}else switch(t.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");d((()=>{t.focus()}));break}case"Tab":this.active&&(this.active=!1)}}onMouseDown(t){this.isInputFieldEvent(t)&&(this.isSelectingRangeWithMouse=!0);const e=t.composedPath(),i=e.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every((t=>!e.includes(t)))&&(this.active=i)}onClickOutside(){this.active=!1,this.pressedKeys.length=0}onInputFocusIn(t){this.focusedField=this.getInputFieldFromEvent(t),this.isSelectingRangeWithMouse||d((()=>this.setRange()))}onInputFocusOut(){this.lastIntervalRange=this.initialIntervalRange}onInputMouseUp(t){t.preventDefault(),this.lastIntervalRange=F(this.format,C(this.format,this.focusedField.selectionStart)),this.setRange(),this.isSelectingRangeWithMouse=!1}isInputFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}get initialIntervalRange(){return F(this.format,C(this.format,0))}getInputFieldFromEvent(t){return t.composedPath()[0]}updateIntervalValue(t){this.pressedKeys.push(t.key);const e=parseInt(t.key,10);if(!isNaN(e)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);"y"===C(this.format,this.focusedField.selectionStart)&&"yyyy"===this.yearFormat?this.typeYearValue(i,t.key):this.canSetDate(e)&&this.pressedKeys.length>=2?(this.updateSelection(this.focusedField,`${i[1]}${t.key}`),this.setValue()):(this.updateSelection(this.focusedField,`0${t.key}`.replace("00","01")),this.setValue())}}updateSelection(t,e){t.value=t.value.substr(0,this.intervalRange.selectionStart)+e+t.value.substr(this.intervalRange.selectionEnd)}getCalendarLabels(){return function(t,e,i){const r=t.split(",").map((t=>t.trim()));return"range"===e?[r[0]||i[0],r[1]||i[1]]:"range"===e||r[0]?[r[0]]:[i[2]]}(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(t){const e=D(this.format),i=this.format.toLowerCase().split(e),r=t.split(e),s=parseInt(r[i.indexOf(this.yearFormat)],10),a=parseInt(r[i.indexOf("mm")],10)-1,o=parseInt(r[i.indexOf("dd")],10),n=new Date(s,a,o);return"yy"===this.yearFormat&&n.getFullYear()<1970&&this.lastYear>1970&&n.setFullYear(n.getFullYear()+100),n}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formattedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormattedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=l(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=h(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(t,e){" "!==t[0]?this.updateSelection(this.focusedField,` ${e}`):(this.updateSelection(this.focusedField,`${t.substr(1)}${e}`),(t.substr(1)+e).includes(" ")||this.setValue())}canSetDate(t){const e=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),t].join(""),10);if(e)switch(C(this.format,this.focusedField.selectionStart)){case"d":{const t=c(this.value);if(e<=new Date(t.getFullYear(),t.getMonth()+1,0).getDate())return!0;break}case"m":if(e<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(t){const e={dd:`0${t.getDate()}`.slice(-2),mm:`0${t.getMonth()+1}`.slice(-2)};return"yyyy"===this.yearFormat?e.yyyy=t.getFullYear().toString():e.yy=t.getFullYear().toString().slice(-2),{map:e,regexp:new RegExp(Object.keys(e).join("|"),"gi")}}updateDate(){if("range"===this.mode){const[t,e]=p(this.value),{map:i,regexp:r}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(r,(t=>i[t]));const{map:s,regexp:a}=this.getMapAndRegexFromField(e);this.toFormattedValue=this.format.replace(a,(t=>s[t]))}else{const t=c(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&(this.focusedField.setSelectionRange(0,100),this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd))}toggleCalendar(){this.active=!this.active,this.active&&d((()=>{this.calendarElement.focusPreviewDate()}))}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return c(this.value)}getRangeFocusedDateValue(){const[t,e]=p(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=C(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let r;switch(e){case"d":r=y(t,i);break;case"m":r=w(t,i);break;case"y":r=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var s,a,o;s=r,a=this.minDateDate,((o=this.maxDateDate)&&o<s||a&&a>s)&&(r=i),this.lastYear=r.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=D(e),r=e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i);return r}(r,this.format),this.setValue()}async componentWillLoad(){if(f(this.root,{variant:this.mode}),this.i18n=await x(this.root,v),this.format=b()?this.format||k(m(this.root)):this.format||"mm/dd/yyyy",this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?l(t,t):h(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}this.updateDate()}runUpdatePosition(){this.cleanupUpdatePosition=s(this.datepickerElement,this.calendarElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){a(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[o({crossAxis:-3}),n({fallbackStrategy:"initialPlacement"})]}).then((({x:t,y:e})=>{Object.assign(this.calendarElement.style,{left:`${t}px`,top:`${e}px`})}))}componentDidUpdate(){this.active?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"fa/calendar-regular"}))}renderCalendar(){return i("gux-calendar",{tabIndex:-1,ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onCalendarSelect:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths,startDayOfWeek:this.startDayOfWeek})}renderStartDateField(){return i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",onClick:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),ref:t=>this.inputElement=t,value:this.formattedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,onMouseUp:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),value:this.toFormattedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{key:"971821436eaaaedb24e0e71b8b22f91b4e04110b",class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return r(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,r){var s,a=arguments.length,o=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,r);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(o=(a<3?s(o):a>3?s(e,i,o):s(e,i))||o);a>3&&o&&Object.defineProperty(e,i,o)})([g({triggerEvents:"mousedown"})],I.prototype,"onClickOutside",null),I.style=":host{display:block}.gux-datepicker{display:inline-block}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:var(--gse-ui-datePicker-disabled-opacity)}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-left:20px}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-top:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-right:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-right:var(--gse-ui-formControl-label-gap);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input: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-datepicker .gux-datepicker-field .gux-datepicker-field-input:focus-within{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-focusRing-borderRadius);outline:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input.gux-active{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;width:calc(var(--gse-ui-calendarMenu-day-input-width) - var(--gse-ui-icon-size-sm));padding:0;overflow:hidden;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);background:transparent;border:none;border-radius:var(--gse-ui-actionButton-borderRadius);outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-within{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-focusRing-borderRadius);outline:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset);border:none;border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius);outline-offset:var(--gse-ui-datePicker-focusCalendar-gap)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-datePicker-iconHover);cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gse-semantic-zIndex-popup);display:none}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{I as gux_datepicker}
|
1
|
+
import{r as t,c as e,h as i,g as r}from"./p-2e827df1.js";import{a as s,c as a,o,f as n}from"./p-b43ee47b.js";import{r as u}from"./p-0934300e.js";import{a as d}from"./p-cf0e7d3b.js";import{f as c,b as l,a as h,c as p}from"./p-9349b5e4.js";import{O as g}from"./p-d5695b1e.js";import{t as f}from"./p-1146528b.js";import{b as x}from"./p-0367930a.js";import{u as b,g as k,a as m}from"./p-a5415051.js";import"./p-4202e9f2.js";const v={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function y(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function w(t,e){const i=new Date(e.valueOf()),r=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(r),i.setFullYear(e.getFullYear()),i.getMonth()!==r?w(t,y(-1,e)):i}function C(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function D(t){return t.match(/\W/)[0]}function R(t){const e=D(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function F(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const I=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.isSelectingRangeWithMouse=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=u("gux-datepicker"),this.endInputId=u("gux-datepicker"),this.value=void 0,this.label="",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.minDate="",this.maxDate="",this.mode="single",this.format=void 0,this.disabled=!1,this.labelPosition="beside",this.formattedValue="",this.minDateDate=void 0,this.maxDateDate=void 0,this.toFormattedValue="",this.active=!1,this.pressedKeys=[]}watchValue(){this.updateDate()}watchMinDate(t){this.minDateDate=t?c(t):null}watchMaxDate(t){this.maxDateDate=t?c(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=R(t),this.lastIntervalRange=this.initialIntervalRange}watchActiveCalendar(t){if(!0===t){const t=c(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isInputFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":break;case"ArrowDown":t.preventDefault(),this.increment(-1),this.setCursorRange();break;case"ArrowUp":t.preventDefault(),this.increment(1),this.setCursorRange();break;case"ArrowLeft":{t.preventDefault();const e=function(t,e){const i=R(t),r=C(t,e.selectionStart),s=i.indexOf(r);return F(t,i[(s+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange(),this.pressedKeys.length=0;break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=R(t),r=C(t,e.selectionStart),s=i.indexOf(r);return F(t,i[(s+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange(),this.pressedKeys.length=0;break}default:t.preventDefault(),this.isSelectingRangeWithMouse||(this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(t),this.setCursorRange())}else switch(t.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");d((()=>{t.focus()}));break}case"Tab":this.active&&(this.active=!1)}}onMouseDown(t){this.isInputFieldEvent(t)&&(this.isSelectingRangeWithMouse=!0);const e=t.composedPath(),i=e.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every((t=>!e.includes(t)))&&(this.active=i)}onClickOutside(){this.active=!1,this.pressedKeys.length=0}onInputFocusIn(t){this.focusedField=this.getInputFieldFromEvent(t),this.isSelectingRangeWithMouse||d((()=>this.setRange()))}onInputFocusOut(){this.lastIntervalRange=this.initialIntervalRange}onInputMouseUp(t){t.preventDefault(),this.lastIntervalRange=F(this.format,C(this.format,this.focusedField.selectionStart)),this.setRange(),this.isSelectingRangeWithMouse=!1}isInputFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}get initialIntervalRange(){return F(this.format,C(this.format,0))}getInputFieldFromEvent(t){return t.composedPath()[0]}updateIntervalValue(t){this.pressedKeys.push(t.key);const e=parseInt(t.key,10);if(!isNaN(e)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);"y"===C(this.format,this.focusedField.selectionStart)&&"yyyy"===this.yearFormat?this.typeYearValue(i,t.key):this.canSetDate(e)&&this.pressedKeys.length>=2?(this.updateSelection(this.focusedField,`${i[1]}${t.key}`),this.setValue()):(this.updateSelection(this.focusedField,`0${t.key}`.replace("00","01")),this.setValue())}}updateSelection(t,e){t.value=t.value.substr(0,this.intervalRange.selectionStart)+e+t.value.substr(this.intervalRange.selectionEnd)}getCalendarLabels(){return function(t,e,i){const r=t.split(",").map((t=>t.trim()));return"range"===e?[r[0]||i[0],r[1]||i[1]]:"range"===e||r[0]?[r[0]]:[i[2]]}(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(t){const e=D(this.format),i=this.format.toLowerCase().split(e),r=t.split(e),s=parseInt(r[i.indexOf(this.yearFormat)],10),a=parseInt(r[i.indexOf("mm")],10)-1,o=parseInt(r[i.indexOf("dd")],10),n=new Date(s,a,o);return"yy"===this.yearFormat&&n.getFullYear()<1970&&this.lastYear>1970&&n.setFullYear(n.getFullYear()+100),n}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formattedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormattedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=l(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=h(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(t,e){" "!==t[0]?this.updateSelection(this.focusedField,` ${e}`):(this.updateSelection(this.focusedField,`${t.substr(1)}${e}`),(t.substr(1)+e).includes(" ")||this.setValue())}canSetDate(t){const e=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),t].join(""),10);if(e)switch(C(this.format,this.focusedField.selectionStart)){case"d":{const t=c(this.value);if(e<=new Date(t.getFullYear(),t.getMonth()+1,0).getDate())return!0;break}case"m":if(e<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(t){const e={dd:`0${t.getDate()}`.slice(-2),mm:`0${t.getMonth()+1}`.slice(-2)};return"yyyy"===this.yearFormat?e.yyyy=t.getFullYear().toString():e.yy=t.getFullYear().toString().slice(-2),{map:e,regexp:new RegExp(Object.keys(e).join("|"),"gi")}}updateDate(){if("range"===this.mode){const[t,e]=p(this.value),{map:i,regexp:r}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(r,(t=>i[t]));const{map:s,regexp:a}=this.getMapAndRegexFromField(e);this.toFormattedValue=this.format.replace(a,(t=>s[t]))}else{const t=c(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&(this.focusedField.setSelectionRange(0,100),this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd))}toggleCalendar(){this.active=!this.active,this.active&&d((()=>{this.calendarElement.focusPreviewDate()}))}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return c(this.value)}getRangeFocusedDateValue(){const[t,e]=p(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=C(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let r;switch(e){case"d":r=y(t,i);break;case"m":r=w(t,i);break;case"y":r=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var s,a,o;s=r,a=this.minDateDate,((o=this.maxDateDate)&&o<s||a&&a>s)&&(r=i),this.lastYear=r.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=D(e),r=e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i);return r}(r,this.format),this.setValue()}async componentWillLoad(){if(f(this.root,{variant:this.mode}),this.i18n=await x(this.root,v),this.format=b()?this.format||k(m(this.root)):this.format||"mm/dd/yyyy",this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?l(t,t):h(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}this.updateDate()}runUpdatePosition(){this.cleanupUpdatePosition=s(this.datepickerElement,this.calendarElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){a(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[o({crossAxis:-3}),n({fallbackStrategy:"initialPlacement"})]}).then((({x:t,y:e})=>{Object.assign(this.calendarElement.style,{left:`${t}px`,top:`${e}px`})}))}componentDidUpdate(){this.active?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"fa/calendar-regular"}))}renderCalendar(){return i("gux-calendar",{tabIndex:-1,ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onCalendarSelect:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths,startDayOfWeek:this.startDayOfWeek})}renderStartDateField(){return i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",onClick:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),ref:t=>this.inputElement=t,value:this.formattedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,onMouseUp:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),value:this.toFormattedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{key:"971821436eaaaedb24e0e71b8b22f91b4e04110b",class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return r(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,r){var s,a=arguments.length,o=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,r);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(o=(a<3?s(o):a>3?s(e,i,o):s(e,i))||o);a>3&&o&&Object.defineProperty(e,i,o)})([g({triggerEvents:"mousedown"})],I.prototype,"onClickOutside",null),I.style=":host{display:block}.gux-datepicker{display:inline-block}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:var(--gse-ui-datePicker-disabled-opacity)}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-left:20px}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-top:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-right:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-right:var(--gse-ui-formControl-label-gap);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input: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-datepicker .gux-datepicker-field .gux-datepicker-field-input:focus-within{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-focusRing-borderRadius);outline:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input.gux-active{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;width:calc(var(--gse-ui-calendarMenu-day-input-width) - var(--gse-ui-icon-size-sm));padding:0;overflow:hidden;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);background:transparent;border:none;border-radius:var(--gse-ui-actionButton-borderRadius);outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-within{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-focusRing-borderRadius);outline:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset);border:none;border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius);outline-offset:var(--gse-ui-datePicker-focusCalendar-gap)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-datePicker-iconHover);cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gse-semantic-zIndex-popup);display:none}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{I as gux_datepicker}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as s,H as e,g as i}from"./p-2e827df1.js";import{t as r}from"./p-
|
1
|
+
import{r as t,h as s,H as e,g as i}from"./p-2e827df1.js";import{t as r}from"./p-1146528b.js";import{D as o,g as a}from"./p-76df7717.js";import{u as h,d as m,a as n}from"./p-a5415051.js";import{g as p}from"./p-0367930a.js";import"./p-4202e9f2.js";const d=class{constructor(s){t(this,s),this.hasRegionalDatesCookie=!1,this.datetime=(new Date).toISOString(),this.format="short",this.timeZone=void 0}componentWillLoad(){r(this.root),h()?this.hasRegionalDatesCookie=!0:this.formatter=new o(p(this.root))}renderTime(){return this.hasRegionalDatesCookie?m(n(this.root),{timeStyle:this.format,timeZone:a(this.timeZone)}).format(new Date(this.datetime)):this.formatter.formatTime(new Date(this.datetime),this.format,{timeZone:a(this.timeZone)})}render(){return s(e,{key:"3f0319de47530af60f8d9cd86efae0ebb1d432d5"},this.renderTime())}get root(){return i(this)}};export{d as gux_time_beta}
|
@@ -1 +1 @@
|
|
1
|
-
import{h as r,r as a,g as e}from"./p-2e827df1.js";import{b as s}from"./p-0367930a.js";import{t}from"./p-
|
1
|
+
import{h as r,r as a,g as e}from"./p-2e827df1.js";import{b as s}from"./p-0367930a.js";import{t}from"./p-1146528b.js";import"./p-4202e9f2.js";const o=({context:a="modal",screenreaderText:e})=>{let s=48,t=22;return"input"===a&&(s=16,t=7),r("div",{class:`gux-${a}`,role:"progressbar","aria-label":e},r("svg",{class:"gux-svg-container",viewBox:`0 0 ${s} ${s}`,role:"presentation"},r("circle",{cx:"50%",cy:"50%",r:t,class:"gux-static-circle"}),r("circle",{cx:"50%",cy:"50%",r:t,class:"gux-dynamic-circle","stroke-linecap":"round"}),r("circle",{cx:"50%",cy:"50%",r:t,class:"gux-dynamic-circle-mask","stroke-linecap":"round"})))},n={loading:"Loading"},i=class{constructor(r){a(this,r),this.context="modal",this.screenreaderText=""}async componentWillLoad(){t(this.root,{variant:this.context}),this.getI18nValue=await s(this.root,n)}render(){return r(o,{key:"d161bde7c2650393d25832c93afe72563ee0b173",context:this.context,screenreaderText:this.screenreaderText||this.getI18nValue("loading")})}get root(){return e(this)}};i.style="@keyframes largeSpin{0%{stroke-dasharray:1 68.115038379;transform:rotate(0deg)}7.5%{stroke-dasharray:1 68.115038379;transform:rotate(0deg)}20%{stroke-dasharray:1 68.115038379;transform:rotate(90deg)}30%{stroke-dasharray:34.5575191895;transform:rotate(180deg)}40%{stroke-dasharray:34.5575191895}50%{stroke-dasharray:1 68.115038379;transform:rotate(450deg)}57.5%{stroke-dasharray:1 68.115038379;transform:rotate(450deg)}70%{stroke-dasharray:34.5575191895;transform:rotate(540deg)}80%{stroke-dasharray:34.5575191895;transform:rotate(630deg)}90%{stroke-dasharray:34.5575191895}100%{stroke-dasharray:1 68.115038379;transform:rotate(900deg)}}@keyframes smallSpin{0%{stroke-dasharray:1 20.9911485751;transform:rotate(0deg)}7.5%{stroke-dasharray:1 20.9911485751;transform:rotate(0deg)}20%{stroke-dasharray:1 20.9911485751;transform:rotate(90deg)}30%{stroke-dasharray:10.9955742876;transform:rotate(180deg)}40%{stroke-dasharray:10.9955742876}50%{stroke-dasharray:1 20.9911485751;transform:rotate(450deg)}57.5%{stroke-dasharray:1 20.9911485751;transform:rotate(450deg)}70%{stroke-dasharray:10.9955742876;transform:rotate(540deg)}80%{stroke-dasharray:10.9955742876;transform:rotate(630deg)}90%{stroke-dasharray:10.9955742876}100%{stroke-dasharray:1 20.9911485751;transform:rotate(900deg)}}@keyframes largeThinSpin{0%{stroke-dasharray:1 71.2566310326;transform:rotate(0deg)}7.5%{stroke-dasharray:1 71.2566310326;transform:rotate(0deg)}20%{stroke-dasharray:1 71.2566310326;transform:rotate(90deg)}30%{stroke-dasharray:36.1283155163;transform:rotate(180deg)}40%{stroke-dasharray:36.1283155163}50%{stroke-dasharray:1 71.2566310326;transform:rotate(450deg)}57.5%{stroke-dasharray:1 71.2566310326;transform:rotate(450deg)}70%{stroke-dasharray:36.1283155163;transform:rotate(540deg)}80%{stroke-dasharray:36.1283155163;transform:rotate(630deg)}90%{stroke-dasharray:36.1283155163}100%{stroke-dasharray:1 71.2566310326;transform:rotate(900deg)}}:host{display:inline-block}div[role=progressbar] .gux-svg-container{display:block;width:calc(var(--gse-ui-progressAndLoading-spinner-large) * 1px);height:calc(var(--gse-ui-progressAndLoading-spinner-large) * 1px)}div[role=progressbar] .gux-svg-container .gux-dynamic-circle,div[role=progressbar] .gux-svg-container .gux-dynamic-circle-mask{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-foreground);stroke-width:4;transform-origin:50% 50%;animation-name:largeSpin;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite, infinite}div[role=progressbar] .gux-svg-container .gux-dynamic-circle-mask{display:none;stroke:white;stroke-width:2}div[role=progressbar] .gux-svg-container .gux-static-circle{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-base);stroke-width:4}div[role=progressbar].gux-full-page .gux-svg-container .gux-dynamic-circle-mask{display:initial}div[role=progressbar].gux-full-page .gux-svg-container .gux-static-circle{display:none}div[role=progressbar].gux-input .gux-svg-container{width:calc(var(--gse-ui-progressAndLoading-spinner-small) * 1px);height:calc(var(--gse-ui-progressAndLoading-spinner-small) * 1px)}div[role=progressbar].gux-input .gux-svg-container .gux-dynamic-circle{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-foreground);stroke-width:2;transform-origin:50% 50%;animation-name:smallSpin;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite, infinite}div[role=progressbar].gux-input .gux-svg-container .gux-static-circle{stroke:var(--gse-ui-progressAndLoading-spinner-base);stroke-width:2}";export{i as gux_radial_loading}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as g}from"./p-2e827df1.js";const r=class{constructor(g){e(this,g),this.checked=!1,this.disabled=!1,this.guxAriaLabel="",this.labelId="",this.errorId=""}componentDidLoad(){var e,g,r;this.labelId?null===(e=this.checkboxElement)||void 0===e||e.setAttribute("aria-labelledby",this.labelId):null===(g=this.checkboxElement)||void 0===g||g.setAttribute("aria-label",this.guxAriaLabel),this.errorId&&(null===(r=this.checkboxElement)||void 0===r||r.setAttribute("aria-describedby",this.errorId))}render(){const e=this.errorId.length>0;return g("div",{key:"
|
1
|
+
import{r as e,h as g}from"./p-2e827df1.js";const r=class{constructor(g){e(this,g),this.checked=!1,this.disabled=!1,this.guxAriaLabel="",this.labelId="",this.errorId=""}componentDidLoad(){var e,g,r;this.labelId?null===(e=this.checkboxElement)||void 0===e||e.setAttribute("aria-labelledby",this.labelId):null===(g=this.checkboxElement)||void 0===g||g.setAttribute("aria-label",this.guxAriaLabel),this.errorId&&(null===(r=this.checkboxElement)||void 0===r||r.setAttribute("aria-describedby",this.errorId))}render(){const e=this.errorId.length>0;return g("div",{key:"5791b57be9262903ca54386f9326bec171aacf7f",class:{"gux-toggle-slider":!0,"gux-checked":this.checked,"gux-disabled":this.disabled,"gux-error":e},role:"checkbox","aria-checked":this.checked.toString(),"aria-disabled":this.disabled.toString(),tabindex:this.disabled?"":"0",ref:e=>this.checkboxElement=e},g("div",{key:"203ecb97c85740a8924a59021d9372aed9b076a4",class:"gux-slider"},g("div",{key:"212b75d843fa82e24df381cfa6a2ba83988469bd",class:"gux-switch"},!e&&g("gux-icon",{"icon-name":"fa/check-solid",decorative:!0}))))}};r.style='gux-toggle-slider{display:flex;align-items:center;padding:2px;outline:none}gux-toggle-slider .gux-toggle-slider{position:relative;display:inline-block;flex:0 1 auto;align-self:auto;order:0;width:var(--gse-ui-toggle-track-width);height:var(--gse-ui-toggle-track-height);cursor:pointer;border-radius:var(--gse-ui-toggle-track-borderRadius)}gux-toggle-slider .gux-toggle-slider.gux-error .gux-slider{background-color:var(--gse-ui-toggle-track-error-off-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-error .gux-slider .gux-switch{border:var(--gse-ui-toggle-handle-error-border-width) var(--gse-ui-toggle-handle-error-border-style) var(--gse-ui-toggle-handle-error-border-color)}gux-toggle-slider .gux-toggle-slider.gux-error.gux-checked .gux-slider{background-color:var(--gse-ui-toggle-track-error-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-disabled{pointer-events:none;cursor:default;background-color:var(--gse-ui-toggle-track-disabled-off-backgroundColor);opacity:var(--gse-ui-toggle-disabled-opacity)}gux-toggle-slider .gux-toggle-slider:focus-visible{border-radius:var(--gse-ui-toggle-focus-borderRadius);outline:var(--gse-ui-toggle-focus-border-width) var(--gse-ui-toggle-focus-border-style) var(--gse-ui-toggle-focus-border-color);outline-offset:var(--gse-ui-toggle-focus-offset)}gux-toggle-slider .gux-toggle-slider .gux-slider{position:absolute;inset:0;background-color:var(--gse-ui-toggle-track-enabled-off-backgroundColor);border-radius:calc(var(--gse-ui-toggle-track-height) / 2);transition:background-color 0.2s ease}gux-toggle-slider .gux-toggle-slider .gux-slider:hover{background-color:var(--gse-ui-toggle-track-hover-off-backgroundColor)}gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch{position:absolute;bottom:calc((var(--gse-ui-toggle-track-height) - var(--gse-ui-toggle-handle-width)) / 2);left:calc((var(--gse-ui-toggle-track-height) - var(--gse-ui-toggle-handle-width)) / 2);width:calc(var(--gse-ui-toggle-handle-width) - 4px);height:calc(var(--gse-ui-toggle-handle-height) - 4px);color:var(--gse-ui-toggle-handle-foregroundColor);content:"";background-color:var(--gse-ui-toggle-handle-backgroundColor);border:var(--gse-ui-toggle-handle-enabled-border-width) var(--gse-ui-toggle-handle-enabled-border-style) var(--gse-ui-toggle-handle-enabled-border-color);border-radius:var(--gse-ui-toggle-handle-borderRadius);transition:0.2s}gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch gux-icon{position:absolute;inset:0;width:calc(var(--gse-ui-toggle-handle-width) - 6px);height:calc(var(--gse-ui-toggle-handle-width) - 6px);margin:auto;color:var(--gse-ui-toggle-handle-backgroundColor);transition:color 0.2s linear}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider{background-color:var(--gse-ui-toggle-track-enabled-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider.gux-disabled{background-color:var(--gse-ui-toggle-track-disabled-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider.gux-disabled .gux-switch{border:var(--gse-ui-toggle-handle-hover-disabled-border-width) var(--gse-ui-toggle-handle-hover-disabled-border-style) var(--gse-ui-toggle-handle-hover-disabled-border-color)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider:hover{background-color:var(--gse-ui-toggle-track-hover-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider:hover .gux-switch{border:var(--gse-ui-toggle-handle-hover-border-width) var(--gse-ui-toggle-handle-hover-border-style) var(--gse-ui-toggle-handle-hover-border-color)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch{transform:translateX(calc(var(--gse-ui-toggle-track-width) - var(--gse-ui-toggle-track-height)))}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch gux-icon{color:var(--gse-ui-toggle-handle-foregroundColor);opacity:1;transition:opacity 0.1s linear;transition-delay:0.1s}';export{r as gux_toggle_slider}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as e,g as i}from"./p-2e827df1.js";import{O as r}from"./p-2d1bdeab.js";import{s as o}from"./p-2c25e2f2.js";import{b as s}from"./p-cf0e7d3b.js";import{g as n,b as u}from"./p-0367930a.js";import{t as a}from"./p-78cc7f01.js";import{u as c,a as l}from"./p-0b7e4626.js";import"./p-4202e9f2.js";const g={am:"AM","time-separator":":",clockButton:"Toggle suggested times",hoursInput:"Input hours",minutesInput:"Input minutes",pm:"PM",timeOptionsState:"Time options open: {state}",toggleAmPM:"{amOrPm} selected, click to toggle"};function p(t,e){const[i,r]=t.split(":");return`${((parseInt(i,10)+e+24)%24).toString().padStart(2,"0")}:${r}`}function m(t,e,i){const[r,o]=t.split(":");let s=(parseInt(o,10)+e+60)%60;for(;s%i!=0;)s=(s+e+60)%60;return`${r}:${s.toString().padStart(2,"0")}`}function h(t,e){const[i,r]=t.split(":");return"12h"===e?`${(parseInt(i,10)%12||12).toString()}:${r}`:`${i}:${r}`}function d(t,e,i){const[r,o]=t.split(":");return"12h"===e?i?`${(parseInt(r,10)%12).toString().padStart(2,"0")}:${o}`:`${(parseInt(r,10)%12+12).toString().padStart(2,"0")}:${o}`:`${r}:${o}`}function f(t,e){const[i]=h(t,e).split(":");return i}function x(t){const[,e]=t.split(":");return e}function b(t){const[e]=t.split(":");return parseInt(e,10)<12}function v(t){return"12h"===t?"^(0?[1-9]|1[012])$":"^([01]?[0-9]|2[0-3])$"}const k=class{constructor(e){t(this,e),this.value="00:00",this.interval=60,this.step=1,this.disabled=!1,this.required=!1,this.hasError=!1,this.clockType=void 0,this.expanded=!1}onFocus(){this.valueLastChange=this.value}onBlur(){this.valueLastChange!==this.value&&o(this.root,"change")}onClickOutside(){this.expanded=!1}handleKeydown(t){switch(t.key){case"Escape":case"Tab":this.expanded=!1}}async componentWillLoad(){a(this.root),this.i18n=await u(this.root,g),this.clockType=this.clockType||function(t){let e;e=c()?l(t).toLowerCase():n(t).toLowerCase();const i=new Date("January 19, 1975 15:00:00 UTC+00:00"),r=new Intl.DateTimeFormat(e,{timeStyle:"short",timeZone:"UTC"}).format(i);return["ar","ko","zh-cn","zh-tw"].some((t=>e.startsWith(t)))||new RegExp(".*15.*").test(r)?"24h":"12h"}(this.root)}updateValue(t,e=!1){t!==this.value&&(this.value=t,o(this.root,"input"),e&&this.valueLastChange!==this.value&&(o(this.root,"change"),this.valueLastChange=this.value))}valueToId(t){return`gux-id-${t.replace(":","-")}`}focusRelevantItemInPopupList(){s((()=>{this.listElement.guxFocusItemByClosestId(this.valueToId(this.value))}))}toggleDropdown(){this.expanded=!this.expanded,this.expanded&&this.focusRelevantItemInPopupList()}handleClickDropdownValue(t){const e=d(t,this.clockType,b(this.value));this.updateValue(e,!0),this.clockButton.focus(),this.expanded=!1}onHourKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(p(this.value,-1));break;case"ArrowUp":t.preventDefault(),this.updateValue(p(this.value,1));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.hourInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i,r,o){const[s,n]=h(t,e).split(":");let u=s;return u="Backspace"===i?"12h"==e&&1==o?u.split("").filter(((t,e)=>e==r-1)).join(""):u.split("").filter(((t,e)=>e!==r-1)).join("").padStart(2,"0"):parseInt(u.slice(0,r)+i+u.slice(r+1),10).toString().slice(-2).padStart(2,"0"),new RegExp(v(e)).test(u)||(u="12h"===e?i:i.padStart(2,"0")),d(`${u}:${n}`,e,b(t))}(this.value,this.clockType,t.key,this.hourInputElement.selectionStart,this.hourInputElement.value.length));break;default:t.preventDefault()}}onMinuteKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(m(this.value,-1,this.step));break;case"ArrowUp":t.preventDefault(),this.updateValue(m(this.value,1,this.step));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.minuteInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i){const[r,o]=t.split(":");let s=o;return s="Backspace"===e?s.split("").filter(((t,e)=>e!==i-1)).join("").padStart(2,"0"):(s.slice(0,i)+e+s.slice(i+1)).slice(-2).padStart(2,"0"),new RegExp("^[0-5][0-9]$").test(s)||(s=e.padStart(2,"0")),`${r}:${s}`}(this.value,t.key,this.minuteInputElement.selectionStart));break;default:t.preventDefault()}}onAmPmButtonKeyDown(t){switch(t.key){case"ArrowDown":case"ArrowUp":this.toggleAmPm(t)}}onListKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.clockButton.focus())}toggleAmPm(t){t.preventDefault(),this.updateValue(p(this.value,12),!0)}getAmPmString(){return b(this.value)?this.i18n("am"):this.i18n("pm")}renderNumberInput(){return e("div",{class:"gux-input-time-container"},e("input",{class:"gux-input-time-hours",type:"text",disabled:this.disabled,value:f(this.value,this.clockType),onKeyDown:t=>this.onHourKeyDown(t),"aria-label":this.i18n("hoursInput"),pattern:v(this.clockType),ref:t=>this.hourInputElement=t}),e("span",{class:"gux-time-separator"},this.i18n("time-separator")),e("input",{class:"gux-input-time-minutes",type:"text",disabled:this.disabled,value:x(this.value),onKeyDown:t=>this.onMinuteKeyDown(t),"aria-label":this.i18n("minutesInput"),pattern:"^[0-5][0-9]$",ref:t=>this.minuteInputElement=t}))}renderAmPmSelector(){if("12h"===this.clockType)return e("button",{class:"gux-input-time-am-pm-selector",type:"button",disabled:this.disabled,"aria-label":this.i18n("toggleAmPM",{amOrPm:this.getAmPmString()}),onClick:t=>this.toggleAmPm(t),onKeyDown:t=>this.onAmPmButtonKeyDown(t)},e("div",{class:{"gux-meridiem":!0,"gux-visible":b(this.value)}},this.i18n("am")),e("div",{class:{"gux-meridiem":!0,"gux-visible":!b(this.value)}},this.i18n("pm")))}renderClockButton(){return e("button",{class:{"gux-clock-button":!0,"gux-active":this.expanded},type:"button",disabled:this.disabled,"aria-label":this.i18n("clockButton"),"aria-expanded":this.expanded.toString(),onClick:this.toggleDropdown.bind(this),ref:t=>this.clockButton=t},e("gux-icon",{decorative:!0,"icon-name":"fa/clock-regular"}))}renderTimeListItems(){return function(t,e){const i=[0,15,30,45].filter((e=>Number.isInteger(e/t))).map((t=>String(t).padStart(2,"0")));return("12h"===e?["12","1","2","3","4","5","6","7","8","9","10","11"]:Array.from(Array(24).keys()).map((t=>String(t).padStart(2,"0")))).reduce(((t,e)=>t.concat(i.map((t=>`${e}:${t}`)))),[])}(this.interval,this.clockType).map((t=>{const i=d(t,this.clockType,b(this.value));return e("gux-list-item",{id:this.valueToId(i),onClick:()=>this.handleClickDropdownValue(t)},t)}))}renderTarget(){return e("div",{class:"gux-input-time",slot:"target"},this.renderNumberInput(),this.renderAmPmSelector(),this.renderClockButton())}renderPopup(){return e("div",{slot:"popup",class:"gux-list-container",onKeyDown:t=>this.onListKeyDown(t)},e("gux-list",{ref:t=>this.listElement=t},this.renderTimeListItems()))}render(){return e("gux-popup",{key:"bdb3a57f2a256e6144e6865487a0a63441732dd5",class:{"gux-time-picker":!0,"gux-error":this.hasError},expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return i(this)}};(function(t,e,i,r){var o,s=arguments.length,n=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var u=t.length-1;u>=0;u--)(o=t[u])&&(n=(s<3?o(n):s>3?o(e,i,n):o(e,i))||n);s>3&&n&&Object.defineProperty(e,i,n)})([r({triggerEvents:"mousedown"})],k.prototype,"onClickOutside",null),k.style=".gux-time-picker{position:relative;display:inline-block}.gux-time-picker.gux-error .gux-input-time{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-time-picker .gux-input-time{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-time-picker .gux-input-time:focus-within{outline:var(--gse-semantic-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-time-picker .gux-input-time:hover:not(:disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-time-picker .gux-input-time input{flex:1 1 auto;align-self:auto;order:0;width:2ch;padding:0;font-size:var(--gse-ui-formControl-label-text-fontSize);background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}.gux-time-picker .gux-input-time input.gux-input-time-hours{text-align:right}.gux-time-picker .gux-input-time input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector{display:grid;grid-template:auto 1fr/auto 1fr auto;place-items:flex-end;padding:0;font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);font-weight:var(--gse-ui-formControl-input-prefixSufix-text-fontWeight);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);border-radius:var(--gse-ui-timePicker-focusAmpm-borderRadius)}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{display:none;grid-row:1/1;grid-column:1/1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{display:inline-block}.gux-time-picker .gux-input-time .gux-clock-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:var(--gse-ui-timePicker-clockStates-activeColor);cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible{outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);border-radius:var(--gse-ui-timePicker-focusClock-borderRadius)}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);padding:var(--gse-ui-timePicker-clock-padding)}.gux-time-picker .gux-time-separator{padding:0 1ch}.gux-time-picker .gux-list-container{max-height:150px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-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)}";export{k as gux_time_picker}
|
1
|
+
import{r as t,h as e,g as i}from"./p-2e827df1.js";import{O as r}from"./p-d5695b1e.js";import{s as o}from"./p-2c25e2f2.js";import{b as s}from"./p-cf0e7d3b.js";import{g as n,b as u}from"./p-0367930a.js";import{t as a}from"./p-1146528b.js";import{u as c,a as l}from"./p-a5415051.js";import"./p-4202e9f2.js";const g={am:"AM","time-separator":":",clockButton:"Toggle suggested times",hoursInput:"Input hours",minutesInput:"Input minutes",pm:"PM",timeOptionsState:"Time options open: {state}",toggleAmPM:"{amOrPm} selected, click to toggle"};function p(t,e){const[i,r]=t.split(":");return`${((parseInt(i,10)+e+24)%24).toString().padStart(2,"0")}:${r}`}function m(t,e,i){const[r,o]=t.split(":");let s=(parseInt(o,10)+e+60)%60;for(;s%i!=0;)s=(s+e+60)%60;return`${r}:${s.toString().padStart(2,"0")}`}function h(t,e){const[i,r]=t.split(":");return"12h"===e?`${(parseInt(i,10)%12||12).toString()}:${r}`:`${i}:${r}`}function d(t,e,i){const[r,o]=t.split(":");return"12h"===e?i?`${(parseInt(r,10)%12).toString().padStart(2,"0")}:${o}`:`${(parseInt(r,10)%12+12).toString().padStart(2,"0")}:${o}`:`${r}:${o}`}function f(t,e){const[i]=h(t,e).split(":");return i}function x(t){const[,e]=t.split(":");return e}function b(t){const[e]=t.split(":");return parseInt(e,10)<12}function v(t){return"12h"===t?"^(0?[1-9]|1[012])$":"^([01]?[0-9]|2[0-3])$"}const k=class{constructor(e){t(this,e),this.value="00:00",this.interval=60,this.step=1,this.disabled=!1,this.required=!1,this.hasError=!1,this.clockType=void 0,this.expanded=!1}onFocus(){this.valueLastChange=this.value}onBlur(){this.valueLastChange!==this.value&&o(this.root,"change")}onClickOutside(){this.expanded=!1}handleKeydown(t){switch(t.key){case"Escape":case"Tab":this.expanded=!1}}async componentWillLoad(){a(this.root),this.i18n=await u(this.root,g),this.clockType=this.clockType||function(t){let e;e=c()?l(t).toLowerCase():n(t).toLowerCase();const i=new Date("January 19, 1975 15:00:00 UTC+00:00"),r=new Intl.DateTimeFormat(e,{timeStyle:"short",timeZone:"UTC"}).format(i);return["ar","ko","zh-cn","zh-tw"].some((t=>e.startsWith(t)))||new RegExp(".*15.*").test(r)?"24h":"12h"}(this.root)}updateValue(t,e=!1){t!==this.value&&(this.value=t,o(this.root,"input"),e&&this.valueLastChange!==this.value&&(o(this.root,"change"),this.valueLastChange=this.value))}valueToId(t){return`gux-id-${t.replace(":","-")}`}focusRelevantItemInPopupList(){s((()=>{this.listElement.guxFocusItemByClosestId(this.valueToId(this.value))}))}toggleDropdown(){this.expanded=!this.expanded,this.expanded&&this.focusRelevantItemInPopupList()}handleClickDropdownValue(t){const e=d(t,this.clockType,b(this.value));this.updateValue(e,!0),this.clockButton.focus(),this.expanded=!1}onHourKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(p(this.value,-1));break;case"ArrowUp":t.preventDefault(),this.updateValue(p(this.value,1));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.hourInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i,r,o){const[s,n]=h(t,e).split(":");let u=s;return u="Backspace"===i?"12h"==e&&1==o?u.split("").filter(((t,e)=>e==r-1)).join(""):u.split("").filter(((t,e)=>e!==r-1)).join("").padStart(2,"0"):parseInt(u.slice(0,r)+i+u.slice(r+1),10).toString().slice(-2).padStart(2,"0"),new RegExp(v(e)).test(u)||(u="12h"===e?i:i.padStart(2,"0")),d(`${u}:${n}`,e,b(t))}(this.value,this.clockType,t.key,this.hourInputElement.selectionStart,this.hourInputElement.value.length));break;default:t.preventDefault()}}onMinuteKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(m(this.value,-1,this.step));break;case"ArrowUp":t.preventDefault(),this.updateValue(m(this.value,1,this.step));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.minuteInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i){const[r,o]=t.split(":");let s=o;return s="Backspace"===e?s.split("").filter(((t,e)=>e!==i-1)).join("").padStart(2,"0"):(s.slice(0,i)+e+s.slice(i+1)).slice(-2).padStart(2,"0"),new RegExp("^[0-5][0-9]$").test(s)||(s=e.padStart(2,"0")),`${r}:${s}`}(this.value,t.key,this.minuteInputElement.selectionStart));break;default:t.preventDefault()}}onAmPmButtonKeyDown(t){switch(t.key){case"ArrowDown":case"ArrowUp":this.toggleAmPm(t)}}onListKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.clockButton.focus())}toggleAmPm(t){t.preventDefault(),this.updateValue(p(this.value,12),!0)}getAmPmString(){return b(this.value)?this.i18n("am"):this.i18n("pm")}renderNumberInput(){return e("div",{class:"gux-input-time-container"},e("input",{class:"gux-input-time-hours",type:"text",disabled:this.disabled,value:f(this.value,this.clockType),onKeyDown:t=>this.onHourKeyDown(t),"aria-label":this.i18n("hoursInput"),pattern:v(this.clockType),ref:t=>this.hourInputElement=t}),e("span",{class:"gux-time-separator"},this.i18n("time-separator")),e("input",{class:"gux-input-time-minutes",type:"text",disabled:this.disabled,value:x(this.value),onKeyDown:t=>this.onMinuteKeyDown(t),"aria-label":this.i18n("minutesInput"),pattern:"^[0-5][0-9]$",ref:t=>this.minuteInputElement=t}))}renderAmPmSelector(){if("12h"===this.clockType)return e("button",{class:"gux-input-time-am-pm-selector",type:"button",disabled:this.disabled,"aria-label":this.i18n("toggleAmPM",{amOrPm:this.getAmPmString()}),onClick:t=>this.toggleAmPm(t),onKeyDown:t=>this.onAmPmButtonKeyDown(t)},e("div",{class:{"gux-meridiem":!0,"gux-visible":b(this.value)}},this.i18n("am")),e("div",{class:{"gux-meridiem":!0,"gux-visible":!b(this.value)}},this.i18n("pm")))}renderClockButton(){return e("button",{class:{"gux-clock-button":!0,"gux-active":this.expanded},type:"button",disabled:this.disabled,"aria-label":this.i18n("clockButton"),"aria-expanded":this.expanded.toString(),onClick:this.toggleDropdown.bind(this),ref:t=>this.clockButton=t},e("gux-icon",{decorative:!0,"icon-name":"fa/clock-regular"}))}renderTimeListItems(){return function(t,e){const i=[0,15,30,45].filter((e=>Number.isInteger(e/t))).map((t=>String(t).padStart(2,"0")));return("12h"===e?["12","1","2","3","4","5","6","7","8","9","10","11"]:Array.from(Array(24).keys()).map((t=>String(t).padStart(2,"0")))).reduce(((t,e)=>t.concat(i.map((t=>`${e}:${t}`)))),[])}(this.interval,this.clockType).map((t=>{const i=d(t,this.clockType,b(this.value));return e("gux-list-item",{id:this.valueToId(i),onClick:()=>this.handleClickDropdownValue(t)},t)}))}renderTarget(){return e("div",{class:"gux-input-time",slot:"target"},this.renderNumberInput(),this.renderAmPmSelector(),this.renderClockButton())}renderPopup(){return e("div",{slot:"popup",class:"gux-list-container",onKeyDown:t=>this.onListKeyDown(t)},e("gux-list",{ref:t=>this.listElement=t},this.renderTimeListItems()))}render(){return e("gux-popup",{key:"399d67b28a378c96c233c32ff18b325994d00ba6",class:{"gux-time-picker":!0,"gux-error":this.hasError},expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return i(this)}};(function(t,e,i,r){var o,s=arguments.length,n=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var u=t.length-1;u>=0;u--)(o=t[u])&&(n=(s<3?o(n):s>3?o(e,i,n):o(e,i))||n);s>3&&n&&Object.defineProperty(e,i,n)})([r({triggerEvents:"mousedown"})],k.prototype,"onClickOutside",null),k.style=".gux-time-picker{position:relative;display:inline-block}.gux-time-picker.gux-error .gux-input-time{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-time-picker .gux-input-time{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-time-picker .gux-input-time:focus-within{outline:var(--gse-semantic-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-time-picker .gux-input-time:hover:not(:disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-time-picker .gux-input-time input{flex:1 1 auto;align-self:auto;order:0;width:2ch;padding:0;font-size:var(--gse-ui-formControl-label-text-fontSize);background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}.gux-time-picker .gux-input-time input.gux-input-time-hours{text-align:right}.gux-time-picker .gux-input-time input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector{display:grid;grid-template:auto 1fr/auto 1fr auto;place-items:flex-end;padding:0;font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);font-weight:var(--gse-ui-formControl-input-prefixSufix-text-fontWeight);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);border-radius:var(--gse-ui-timePicker-focusAmpm-borderRadius)}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{display:none;grid-row:1/1;grid-column:1/1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{display:inline-block}.gux-time-picker .gux-input-time .gux-clock-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:var(--gse-ui-timePicker-clockStates-activeColor);cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible{outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);border-radius:var(--gse-ui-timePicker-focusClock-borderRadius)}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);padding:var(--gse-ui-timePicker-clock-padding)}.gux-time-picker .gux-time-separator{padding:0 1ch}.gux-time-picker .gux-list-container{max-height:150px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-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)}";export{k as gux_time_picker}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,h as o,g as n}from"./p-2e827df1.js";import{t as i}from"./p-
|
1
|
+
import{r as t,c as e,h as o,g as n}from"./p-2e827df1.js";import{t as i}from"./p-1146528b.js";import{b as r}from"./p-0367930a.js";import{a}from"./p-e5b1cffc.js";import"./p-4202e9f2.js";const s={eraseBtnAria:"Clear search text",navigateNextBtn:"Highlight next match",navigatePreviousBtn:"Highlight previous match",totalMatches:"{currentMatch, number} of {matchCount, number}",clear:"Clear"},u=class{constructor(o){t(this,o),this.guxcurrentmatchchanged=e(this,"guxcurrentmatchchanged",7),this.matchCount=0,this.currentMatch=0,this.disabled=void 0,this.value=void 0}async clear(){this.disabled||(this.matchCount=0,this.currentMatch=0,this.value="",this.resetInputSlottedElement(),this.emitCurrentMatchChanged(),this.inputSlottedElement.focus())}async componentWillLoad(){i(this.root),this.i18n=await r(this.root,s),this.inputSlottedElement=this.root.querySelector("input"),this.disabled=this.inputSlottedElement.disabled,this.value=this.inputSlottedElement.value,this.disabledObserver=a(this.inputSlottedElement,(t=>{this.disabled=t})),this.inputSlottedElement.addEventListener("input",(t=>this.onInput(t)))}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect()}render(){return o("div",{key:"28dcbebdc2360acbcc470d7350cd44af98372248",class:{"gux-content-search":!0,"gux-disabled":this.disabled}},o("div",{key:"b9b0c36c865ff44311a4dd0aa4953e2ab84eab52",class:"gux-search-icon"},o("gux-icon",{key:"157cf2905e8f8fde53e8d5caa8fc49c9731f03d9",decorative:!0,"icon-name":"fa/magnifying-glass-regular"})),o("slot",{key:"3ec070473db086bf83e2379f882ab6b841e76f8c"}),this.getNavigationPanel())}getNavigationPanel(){if(this.showNavigationPanel()){const t=this.disableNavigationPanel();return o("div",{class:"gux-content-control-panel"},o("div",{class:{"gux-navigation-panel":!0,"gux-navigation-disabled":t},"aria-disabled":t.toString()},o("span",{class:{"gux-navigation-result":!0,"gux-navigation-result-disabled":t}},this.matchCountResult()),o("div",{class:"gux-navigation-buttons"},o("button",{type:"button",class:"gux-previous-button",title:this.i18n("navigatePreviousBtn"),"aria-label":this.i18n("navigatePreviousBtn"),onClick:()=>this.previousClick(),disabled:t},o("gux-icon",{decorative:!0,"icon-name":"fa/caret-up-solid"})),o("button",{type:"button",class:"gux-next-button",title:this.i18n("navigateNextBtn"),"aria-label":this.i18n("navigateNextBtn"),onClick:()=>this.nextClick(),disabled:t},o("gux-icon",{decorative:!0,"icon-name":"fa/caret-down-solid"}))),o("div",{class:"gux-navigation-divider"})),o("button",{class:"gux-clear-button",tabIndex:-1,type:"button",title:this.i18n("clear"),onClick:()=>{this.clear()},disabled:t},o("gux-icon",{"icon-name":"fa/xmark-large-regular",decorative:!0})))}return null}matchCountResult(){return this.i18n("totalMatches",{currentMatch:this.getNormalizedCurrentMatch(),matchCount:this.getNormalizedMatchCount()})}showNavigationPanel(){return""!==this.value}disableNavigationPanel(){return this.disabled||this.getNormalizedMatchCount()<=0}getNormalizedMatchCount(){return this.matchCount&&Number.isInteger(this.matchCount)&&this.matchCount>=0?Number(this.matchCount):0}getNormalizedCurrentMatch(){return this.currentMatch&&Number.isInteger(this.currentMatch)&&this.currentMatch>=0&&this.currentMatch<=this.getNormalizedMatchCount()&&this.getNormalizedMatchCount()>0?Number(this.currentMatch):0}resetInputSlottedElement(){this.inputSlottedElement.value="",this.inputSlottedElement.dispatchEvent(new InputEvent("input",{bubbles:!0,cancelable:!0})),this.inputSlottedElement.dispatchEvent(new InputEvent("change",{bubbles:!0}))}nextClick(){this.disableNavigationPanel()||(this.currentMatch=this.getNormalizedCurrentMatch()===this.getNormalizedMatchCount()?1:this.getNormalizedCurrentMatch()+1,this.emitCurrentMatchChanged())}previousClick(){this.disableNavigationPanel()||(this.currentMatch=1===this.getNormalizedCurrentMatch()||0===this.getNormalizedCurrentMatch()?this.getNormalizedMatchCount():this.getNormalizedCurrentMatch()-1,this.emitCurrentMatchChanged())}onInput(t){this.value=t.target.value}emitCurrentMatchChanged(){this.guxcurrentmatchchanged.emit(this.getNormalizedCurrentMatch())}get root(){return n(this)}};u.style=":host{display:inline-block;width:300px;min-width:300px}::slotted(input[disabled]){opacity:var(--gse-ui-formControl-input-disabled-opacity)}::slotted(input){box-sizing:border-box;flex-basis:100%;flex-shrink:1;width:100%;min-width:20px;overflow:hidden;font-family:var(--gse-ui-search-counter-text-fontFamily);font-size:var(--gse-ui-search-counter-text-fontSize);font-weight:var(--gse-ui-search-counter-text-fontWeight);line-height:var(--gse-ui-search-counter-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);text-overflow:ellipsis;white-space:nowrap;background-image:none;border:0;border-radius:0;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-populatedColor)}::slotted(input).gux-focused,::slotted(input):focus,::slotted(input):focus-visible{border:0;outline:none;box-shadow:none}.gux-content-search{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-formControl-input-gap);width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-textarea-padding);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-content-search gux-truncate{display:flex;align-items:center}.gux-content-search.gux-disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search:focus-visible,.gux-content-search:focus-within{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-focusRing-borderRadius);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-content-search:not(:disabled):not(.gux-disabled):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-content-search .gux-search-icon{display:flex;flex-shrink:0;align-items:center}.gux-content-search .gux-search-icon:disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-search-icon gux-icon{width:var(--gse-ui-search-counter-icon-width);height:var(--gse-ui-search-counter-icon-height);color:var(--gse-ui-formControl-input-inputIcon-defaultColor)}.gux-content-search .gux-content-control-panel{box-sizing:border-box;display:flex;flex-grow:1;flex-shrink:0;gap:var(--gse-ui-formControl-input-gap);place-content:center flex-end;align-items:center;padding:0}.gux-content-search .gux-content-control-panel gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-content-search .gux-content-control-panel button{display:block;align-items:center;height:var(--gse-ui-search-counter-icon-height);padding:0;overflow:hidden;color:var(--gse-ui-search-counter-default-foregroundColor);cursor:pointer;background:none;border:none;border-radius:var(--gse-ui-button-borderRadius);outline:none}.gux-content-search .gux-content-control-panel button:disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-content-control-panel button:not(:disabled):hover,.gux-content-search .gux-content-control-panel button:not(:disabled):focus-visible{color:var(--gse-ui-search-counter-hover-foregroundColor)}.gux-content-search .gux-content-control-panel button:not(.gux-clear-button):focus-visible:enabled{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-search .gux-content-control-panel button.gux-clear-button{flex-shrink:0;align-items:center}.gux-content-search .gux-content-control-panel button.gux-clear-button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-content-search .gux-content-control-panel .gux-navigation-disabled{pointer-events:auto;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-content-control-panel .gux-navigation-panel{display:flex;gap:var(--gse-ui-search-counter-gap);align-items:center}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-divider{box-sizing:border-box;align-self:center;height:16px;color:var(--gse-ui-search-counter-default-foregroundColor);border:1px var(--gse-ui-search-counter-divider-border-style) var(--gse-ui-search-counter-divider-border-color)}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-buttons{display:flex;flex-direction:row}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-result{align-items:center;color:var(--gse-ui-search-counter-default-foregroundColor);white-space:nowrap}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-previous-button{flex-shrink:0;align-items:center}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-next-button{flex-shrink:0;align-items:center}";export{u as gux_content_search}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as t,H as s,g as o}from"./p-2e827df1.js";import{a as i}from"./p-cf0e7d3b.js";import{e as n}from"./p-ea5e1b2f.js";import{r as a}from"./p-0934300e.js";import{b as r}from"./p-0367930a.js";import{t as u}from"./p-408d5857.js";import"./p-4202e9f2.js";const l=class{constructor(t){e(this,t),this.dropdownOptionsButtonId=a("gux-table-select-menu"),this.hasSelectMenuOptions=!1,this.dropdownDisabled=!1,this.popoverHidden=!0}focusFirstItemInPopupList(){const e=this.root.querySelector("gux-list");i((()=>{null==e||e.guxFocusFirstItem()}))}async componentWillLoad(){this.hasSelectMenuOptions=!!this.root.querySelector('[slot="select-menu-options"]'),this.i18n=await r(this.root,u,"gux-table")}onKeydown(e){var t;switch(e.key){case"ArrowDown":n(".gux-select-menu-button",e)&&(this.toggleOptions(),this.focusFirstItemInPopupList());break;case"Enter":n(".gux-select-menu-button",e)&&this.focusFirstItemInPopupList();break;case"Escape":n("gux-list",e)&&(e.stopPropagation(),this.popoverHidden=!0,null===(t=this.tableSelectMenuButtonElement)||void 0===t||t.focus());break;case"Tab":this.popoverHidden=!0}}onKeyup(e){" "===e.key&&n(".gux-select-menu-button",e)&&this.focusFirstItemInPopupList()}toggleOptions(){this.popoverHidden=!this.popoverHidden}renderSelectDropdown(){if(this.hasSelectMenuOptions)return[t("button",{id:this.dropdownOptionsButtonId,"aria-haspopup":"listbox","aria-expanded":(!this.popoverHidden).toString(),type:"button",class:"gux-select-menu-button",ref:e=>this.tableSelectMenuButtonElement=e,onClick:()=>this.toggleOptions(),disabled:this.dropdownDisabled},t("gux-icon",{"icon-name":"custom/chevron-down-small-regular","screenreader-text":this.i18n("tableOptions")})),t("gux-popover-list",{for:this.dropdownOptionsButtonId,isOpen:!this.popoverHidden,closeOnClickOutside:!0,onGuxdismiss:()=>this.popoverHidden=!0},t("div",null,t("slot",{name:"select-menu-options"})))]}render(){return t(s,{key:"
|
1
|
+
import{r as e,h as t,H as s,g as o}from"./p-2e827df1.js";import{a as i}from"./p-cf0e7d3b.js";import{e as n}from"./p-ea5e1b2f.js";import{r as a}from"./p-0934300e.js";import{b as r}from"./p-0367930a.js";import{t as u}from"./p-408d5857.js";import"./p-4202e9f2.js";const l=class{constructor(t){e(this,t),this.dropdownOptionsButtonId=a("gux-table-select-menu"),this.hasSelectMenuOptions=!1,this.dropdownDisabled=!1,this.popoverHidden=!0}focusFirstItemInPopupList(){const e=this.root.querySelector("gux-list");i((()=>{null==e||e.guxFocusFirstItem()}))}async componentWillLoad(){this.hasSelectMenuOptions=!!this.root.querySelector('[slot="select-menu-options"]'),this.i18n=await r(this.root,u,"gux-table")}onKeydown(e){var t;switch(e.key){case"ArrowDown":n(".gux-select-menu-button",e)&&(this.toggleOptions(),this.focusFirstItemInPopupList());break;case"Enter":n(".gux-select-menu-button",e)&&this.focusFirstItemInPopupList();break;case"Escape":n("gux-list",e)&&(e.stopPropagation(),this.popoverHidden=!0,null===(t=this.tableSelectMenuButtonElement)||void 0===t||t.focus());break;case"Tab":this.popoverHidden=!0}}onKeyup(e){" "===e.key&&n(".gux-select-menu-button",e)&&this.focusFirstItemInPopupList()}toggleOptions(){this.popoverHidden=!this.popoverHidden}renderSelectDropdown(){if(this.hasSelectMenuOptions)return[t("button",{id:this.dropdownOptionsButtonId,"aria-haspopup":"listbox","aria-expanded":(!this.popoverHidden).toString(),type:"button",class:"gux-select-menu-button",ref:e=>this.tableSelectMenuButtonElement=e,onClick:()=>this.toggleOptions(),disabled:this.dropdownDisabled},t("gux-icon",{"icon-name":"custom/chevron-down-small-regular","screenreader-text":this.i18n("tableOptions")})),t("gux-popover-list",{for:this.dropdownOptionsButtonId,isOpen:!this.popoverHidden,closeOnClickOutside:!0,onGuxdismiss:()=>this.popoverHidden=!0},t("div",null,t("slot",{name:"select-menu-options"})))]}render(){return t(s,{key:"9c88819fd54c1c443eedf6afcaf76936eb37b5e5"},t("slot",{key:"fba3e3e5048e14b0628a61929104690c0fa5a8b2"}),this.renderSelectDropdown())}get root(){return o(this)}};l.style="gux-table-select-menu{display:inline-flex;font-family:var(--gse-ui-popover-body-text-fontFamily);font-size:var(--gse-ui-popover-body-text-fontSize);font-weight:var(--gse-ui-popover-body-text-fontWeight);line-height:var(--gse-ui-popover-body-text-lineHeight)}gux-table-select-menu .gux-select-menu-button{padding:0;margin-left:var(--gse-ui-dataTableItems-header-gap);color:var(--gse-ui-dataTableItems-cell-chevron-foregroundColor);background-color:inherit;border:none;outline:none}gux-table-select-menu .gux-select-menu-button:focus-visible{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset);border-radius:4px}gux-table-select-menu .gux-select-menu-button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}";export{l as gux_table_select_menu}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,c as t,h as a,H as o,g as i}from"./p-2e827df1.js";import{t as s}from"./p-
|
1
|
+
import{r as e,c as t,h as a,H as o,g as i}from"./p-2e827df1.js";import{t as s}from"./p-1146528b.js";const c=class{constructor(a){e(this,a),this.guxdismiss=t(this,"guxdismiss",7),this.accent="neutral"}componentWillLoad(){s(this.root,{variant:this.accent})}render(){return a(o,{key:"bd8a270f2322145efd47a4a0429ec39441cce3b3"},a("div",{key:"f2cee9d8c49bf5de901656079c15d5f8a6883a8e",class:`gux-icon gux-${this.accent}`},a("slot",{key:"18bd1fb7735bac84d561a47beb6b8a8c521332cc",name:"icon"})),a("div",{key:"025bd08a417a8c08d965229cd67de0f5afc7be30",class:"gux-content"},a("gux-truncate",{key:"5fced15d7039c95e97c8481baacb9128120af666",class:"gux-title","max-lines":1},a("slot",{key:"a34822a4dd2d470f7194a586ea42e60369e638ee",name:"title"})),a("gux-truncate",{key:"48ea7569f8e0124e5a687ac62a08cb0d031880b3",class:"gux-message","max-lines":2},a("slot",{key:"aa7fe35de219a0466807364e9c529b83d138f4b3",name:"message"}))),a("gux-dismiss-button",{key:"af6ee86d9c42f4a132e0c0de6ad61ed4b90e2508",onClick:this.onDismissClickHandler.bind(this)}))}onDismissClickHandler(e){e.stopPropagation(),this.guxdismiss.emit().defaultPrevented||this.root.remove()}get root(){return i(this)}};c.style=":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0;margin:0 12px 0 8px;color:#2e394c}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:var(--gse-core-typography-heading-sm-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-sm-fontSize);line-height:var(--gse-core-typography-heading-sm-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}";export{c as gux_notification_toast_legacy}
|
@@ -0,0 +1 @@
|
|
1
|
+
import{r as e,c as t,h as s,g as i}from"./p-2e827df1.js";import{b as o}from"./p-0367930a.js";import{r}from"./p-0934300e.js";import{t as a}from"./p-408d5857.js";import"./p-4202e9f2.js";const c=class{constructor(s){e(this,s),this.internalrowselectchange=t(this,"internalrowselectchange",7),this.id=r("gux-row-select"),this.selected=!1,this.disabled=void 0}onCheck(e){e.stopPropagation(),this.selected=this.inputElement.checked,this.internalrowselectchange.emit(this.inputElement.checked)}async componentWillLoad(){this.i18n=await o(this.root,a,"gux-table")}render(){return s("gux-form-field-checkbox",{key:"e846e98dfe0776f353fa146f9af2dc7bae801e12","label-position":"screenreader"},s("input",{key:"cb7d663fcaa75a2b9e8b4cf89477d8c7547f539c",ref:e=>this.inputElement=e,slot:"input",id:this.id,type:"checkbox",checked:this.selected,disabled:this.disabled}),s("label",{key:"34355147abc791e7aba05f026b87582e23ec3712",slot:"label",htmlFor:this.id},"",s("span",{key:"65bf384e39261e06214bf40845d827b964bdcbb8"},this.i18n("selectTableRow"))))}get root(){return i(this)}};c.style=":host{display:flex;flex-direction:row;justify-content:center}";export{c as gux_row_select}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as i,h as a}from"./p-2e827df1.js";const e=class{constructor(a){t(this,a),this.internalactivatetabpanel=i(this,"internalactivatetabpanel",7),this.tabId=void 0,this.guxDisabled=!1,this.active=!1}onClick(){this.active||this.guxDisabled||this.internalactivatetabpanel.emit(this.tabId)}onFocusin(){this.tooltipTitleElement.setShowTooltip()}onFocusout(){this.tooltipTitleElement.setHideTooltip()}async guxSetActive(t){this.active=t}async guxFocus(){this.buttonElement.focus()}async guxGetActive(){return this.active}render(){return a("button",{key:"
|
1
|
+
import{r as t,c as i,h as a}from"./p-2e827df1.js";const e=class{constructor(a){t(this,a),this.internalactivatetabpanel=i(this,"internalactivatetabpanel",7),this.tabId=void 0,this.guxDisabled=!1,this.active=!1}onClick(){this.active||this.guxDisabled||this.internalactivatetabpanel.emit(this.tabId)}onFocusin(){this.tooltipTitleElement.setShowTooltip()}onFocusout(){this.tooltipTitleElement.setHideTooltip()}async guxSetActive(t){this.active=t}async guxFocus(){this.buttonElement.focus()}async guxGetActive(){return this.active}render(){return a("button",{key:"0a1d15ecf3de66664d4f236ac78797947e1a6e6d",class:{"gux-disabled":this.guxDisabled,"gux-tab":!0,"gux-active":this.active},type:"button","aria-disabled":this.guxDisabled.toString(),id:`gux-${this.tabId}-tab`,role:"tab","aria-controls":`gux-${this.tabId}-panel`,"aria-selected":this.active.toString(),tabIndex:this.active?0:-1,ref:t=>this.buttonElement=t},a("gux-tooltip-title",{key:"f06987cc3d5c715137b27c77431378f372757ca0",ref:t=>this.tooltipTitleElement=t},a("span",{key:"c5148a47f7ba2ef902b2e6c13da5645a3260b16c"},a("slot",{key:"fb2dbb314e885dedb6c801ea6d8d8775d089a65e"}))))}};e.style="gux-tabs[orientation=vertical]>gux-tab-list gux-tab{box-sizing:border-box;border-right:var(--gse-ui-tabs-item-divider-vertical-width) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs[orientation=vertical]>gux-tab-list gux-tab .gux-tab{display:flex;justify-content:flex-end;height:var(--gse-ui-tabs-item-vertical-fixedHeight);padding:var(--gse-ui-tabs-item-vertical-padding);border-right:var(--gse-ui-tabs-item-indicator-vertical-width) solid transparent}gux-tabs[orientation=vertical]>gux-tab-list gux-tab .gux-tab.gux-active{border-right-color:var(--gse-ui-tabs-item-indicator-activeColor)}gux-tabs[orientation=vertical]>gux-tab-list gux-tab .gux-tab:hover:not(.gux-active):not(.gux-disabled){border-right-color:var(--gse-ui-tabs-item-indicator-hoverColor)}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab{box-sizing:border-box;height:var(--gse-ui-tabs-item-horizontal-fixedHeight);padding:var(--gse-ui-tabs-item-horizontal-padding);border-bottom:var(--gse-ui-tabs-item-indicator-horizontal-height) solid transparent}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab.gux-active{border-bottom-color:var(--gse-ui-tabs-item-indicator-activeColor)}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab:hover:not(.gux-active):not(.gux-disabled){border-bottom-color:var(--gse-ui-tabs-item-indicator-hoverColor)}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab gux-tooltip-title{margin:auto}gux-tabs[alignment=center]>gux-tab-list .gux-scrollable-section{justify-content:center}gux-tabs[alignment=full-width]>gux-tab-list .gux-scrollable-section{flex-grow:1}gux-tabs[alignment=full-width]>gux-tab-list gux-tab{width:100%;max-width:100%}gux-tabs[alignment=full-width]>gux-tab-list gux-tab .gux-tab{width:100%;max-width:100%}gux-tab{display:flex;max-width:160px}gux-tab .gux-tab{display:flex;align-items:center;max-width:160px;height:var(--gse-ui-tabs-item-height);font-family:var(--gse-ui-tabs-item-itemText-fontFamily);font-size:var(--gse-ui-tabs-item-itemText-fontSize);font-weight:var(--gse-ui-tabs-item-itemText-fontWeight);line-height:var(--gse-ui-tabs-item-itemText-lineHeight);color:var(--gse-ui-tabs-item-itemTextColor);cursor:pointer;background-color:transparent;border:none}gux-tab .gux-tab.gux-disabled{cursor:default}gux-tab .gux-tab.gux-disabled gux-tooltip-title{opacity:var(--gse-ui-tabs-item-disableOpacity)}gux-tab .gux-tab:focus-visible{border:var(--gse-ui-tabs-focusRing-border-width) var(--gse-ui-tabs-focusRing-border-style) var(--gse-ui-tabs-focusRing-border-color);border-radius:var(--gse-ui-tabs-focusRing-borderRadius);outline:none}gux-tab .gux-tab gux-tooltip-title{max-width:160px;white-space:nowrap}";export{e as gux_tab}
|