genesys-spark-components 4.154.5 → 4.154.7
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/{floating-ui.dom.esm-a0754e1a.js → floating-ui.dom.esm-ec8cb051.js} +4 -3
- package/dist/cjs/gux-accordion-section.cjs.entry.js +1 -1
- package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-advanced-dropdown-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-announce-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-change-photo-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-group-add-item-beta_3.cjs.entry.js +7 -4
- package/dist/cjs/gux-avatar-group-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-group-item-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-badge.cjs.entry.js +1 -1
- package/dist/cjs/gux-blank-state.cjs.entry.js +1 -1
- package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-slot.cjs.entry.js +1 -1
- package/dist/cjs/gux-button_2.cjs.entry.js +7 -4
- package/dist/cjs/gux-calendar-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-calendar.cjs.entry.js +1 -1
- package/dist/cjs/gux-card.cjs.entry.js +1 -1
- package/dist/cjs/gux-column-manager.cjs.entry.js +1 -1
- package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-context-menu.cjs.entry.js +1 -1
- package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js +1 -1
- package/dist/cjs/gux-date-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-date-time-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-datepicker.cjs.entry.js +6 -3
- package/dist/cjs/gux-day-beta.cjs.entry.js +1 -1
- 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 +1 -1
- package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-file-list-item.cjs.entry.js +1 -1
- package/dist/cjs/gux-flag-icon-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-flyout-menu.cjs.entry.js +7 -4
- package/dist/cjs/gux-form-field-checkbox-group-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-file-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-file.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-label-indicator.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-number_2.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-phone.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-radio-group-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-range.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-time-zone-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-footer.cjs.entry.js +1 -1
- package/dist/cjs/gux-icon-tooltip-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-icon.cjs.entry.js +1 -1
- package/dist/cjs/gux-inline-alert.cjs.entry.js +1 -1
- package/dist/cjs/gux-inline-dropdown-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-label-info-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-link-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-listbox-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-loading-message.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal-side-panel-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal.cjs.entry.js +1 -1
- package/dist/cjs/gux-month-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
- package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-beta.cjs.entry.js +7 -4
- package/dist/cjs/gux-popover-list-beta.cjs.entry.js +7 -4
- package/dist/cjs/gux-popover-list.cjs.entry.js +7 -4
- package/dist/cjs/gux-popup.cjs.entry.js +7 -4
- package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
- package/dist/cjs/gux-rating.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-highlight-list-item.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-style-list-item_3.cjs.entry.js +8 -5
- package/dist/cjs/gux-rich-text-editor-action-link.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-text-editor-action-rich-style.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-text-editor-action-text-highlight.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-text-editor-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-text-editor-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-text-editor-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-screen-reader-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-segmented-control-beta.cjs.entry.js +1 -1
- 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-side-panel-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-side-panel-heading.cjs.entry.js +1 -1
- package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-skip-navigation-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
- package/dist/cjs/gux-status-indicator-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-step-title.cjs.entry.js +1 -1
- package/dist/cjs/gux-step.cjs.entry.js +1 -1
- package/dist/cjs/gux-stepper-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-submenu.cjs.entry.js +7 -4
- package/dist/cjs/gux-switch-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar.cjs.entry.js +1 -1
- package/dist/cjs/gux-table.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
- package/dist/cjs/gux-tag.cjs.entry.js +1 -1
- package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-zone-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-toast.cjs.entry.js +1 -1
- package/dist/cjs/gux-toggle.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip-base-beta_2.cjs.entry.js +8 -5
- package/dist/cjs/gux-tooltip-pointer-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip_2.cjs.entry.js +8 -5
- package/dist/cjs/{overflow-detection-1bdbc2f1.js → overflow-detection-0adae101.js} +1 -1
- package/dist/cjs/{usage-4a70e9e3.js → usage-f2e0032a.js} +19 -18
- package/dist/collection/components/beta/gux-avatar-group/gux-avatar-overflow/gux-avatar-overflow.js +5 -2
- package/dist/collection/components/beta/gux-form/tests/gux-form.common.js +56 -0
- package/dist/collection/components/beta/gux-icon-tooltip/gux-icon-tooltip.js +1 -1
- package/dist/collection/components/beta/gux-popover-beta/gux-popover.js +5 -2
- package/dist/collection/components/beta/gux-popover-list-beta/gux-popover-list.js +5 -2
- package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-list/gux-rich-text-editor-sub-list/gux-rich-text-editor-sub-list.js +6 -3
- package/dist/collection/components/beta/gux-selector-cards/gux-selector-card/tests/gux-selector-card.common.js +15 -0
- package/dist/collection/components/beta/gux-side-panel/components/gux-side-panel-heading/gux-side-panel-heading.js +1 -1
- package/dist/collection/components/beta/gux-tooltip-base/gux-tooltip-base.js +5 -2
- package/dist/collection/components/stable/gux-accordion/gux-accordion-section/gux-accordion-section.css +22 -22
- package/dist/collection/components/stable/gux-calendar/tests/gux-calendar.common.js +18 -0
- package/dist/collection/components/stable/gux-datepicker/gux-datepicker.js +4 -1
- package/dist/collection/components/stable/gux-flyout-menu/gux-flyout-menu.js +5 -2
- package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-submenu/gux-submenu.js +6 -3
- package/dist/collection/components/stable/gux-icon/gux-icon.js +1 -1
- package/dist/collection/components/stable/gux-icon/icons/custom/panel-extra-large-regular.svg +1 -0
- package/dist/collection/components/stable/gux-icon/icons/fa/circle-dashed-regular.svg +1 -1
- package/dist/collection/components/stable/gux-icon/icons/fa/circle-half-stroke-regular.svg +1 -1
- package/dist/collection/components/stable/gux-icon/icons/fa/compress-regular.svg +1 -0
- package/dist/collection/components/stable/gux-icon/icons/fa/download-regular.svg +1 -1
- package/dist/collection/components/stable/gux-icon/icons/fa/expand-regular.svg +1 -0
- package/dist/collection/components/stable/gux-icon/icons/fa/keyboard-brightness-solid.svg +1 -1
- package/dist/collection/components/stable/gux-icon/icons/fa/print-regular.svg +1 -1
- package/dist/collection/components/stable/gux-icon/icons/fa/rectangle-history-circle-plus-regular.svg +1 -1
- package/dist/collection/components/stable/gux-icon/icons/fa/rectangle-history-regular.svg +1 -1
- package/dist/collection/components/stable/gux-page-loading-spinner/tests/gux-page-loading-spinner.common.js +6 -0
- package/dist/collection/components/stable/gux-popover/gux-popover.js +5 -2
- package/dist/collection/components/stable/gux-popover-list/gux-popover-list.js +5 -2
- package/dist/collection/components/stable/gux-popup/gux-popup.js +6 -3
- package/dist/collection/components/stable/gux-table-toolbar/tests/gux-table-toolbar.common.js +1 -1
- package/dist/collection/components/stable/gux-toggle/tests/gux-toggle.common.js +58 -0
- package/dist/collection/components/stable/gux-tooltip/gux-tooltip.js +5 -2
- package/dist/collection/test/playwrightTestUtils.js +2 -2
- package/dist/esm/{floating-ui.dom.esm-a44d7688.js → floating-ui.dom.esm-ea64ef12.js} +4 -3
- package/dist/esm/gux-accordion-section.entry.js +1 -1
- package/dist/esm/gux-accordion.entry.js +1 -1
- package/dist/esm/gux-action-button.entry.js +1 -1
- package/dist/esm/gux-action-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-advanced-dropdown-legacy.entry.js +1 -1
- package/dist/esm/gux-announce-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-change-photo-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-group-add-item-beta_3.entry.js +7 -4
- package/dist/esm/gux-avatar-group-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-group-item-beta.entry.js +1 -1
- package/dist/esm/gux-badge.entry.js +1 -1
- package/dist/esm/gux-blank-state.entry.js +1 -1
- package/dist/esm/gux-breadcrumbs.entry.js +1 -1
- package/dist/esm/gux-button-multi.entry.js +1 -1
- package/dist/esm/gux-button-slot.entry.js +1 -1
- package/dist/esm/gux-button_2.entry.js +7 -4
- package/dist/esm/gux-calendar-beta.entry.js +1 -1
- package/dist/esm/gux-calendar.entry.js +1 -1
- package/dist/esm/gux-card.entry.js +1 -1
- package/dist/esm/gux-column-manager.entry.js +1 -1
- package/dist/esm/gux-content-search.entry.js +1 -1
- package/dist/esm/gux-context-menu.entry.js +1 -1
- package/dist/esm/gux-copy-to-clipboard.entry.js +1 -1
- package/dist/esm/gux-date-beta.entry.js +1 -1
- package/dist/esm/gux-date-time-beta.entry.js +1 -1
- package/dist/esm/gux-datepicker.entry.js +6 -3
- package/dist/esm/gux-day-beta.entry.js +1 -1
- 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 +1 -1
- package/dist/esm/gux-dropdown_3.entry.js +1 -1
- package/dist/esm/gux-file-list-item.entry.js +1 -1
- package/dist/esm/gux-flag-icon-beta.entry.js +1 -1
- package/dist/esm/gux-flyout-menu.entry.js +7 -4
- package/dist/esm/gux-form-field-checkbox-group-beta.entry.js +1 -1
- package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
- package/dist/esm/gux-form-field-color.entry.js +1 -1
- package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
- package/dist/esm/gux-form-field-file-beta.entry.js +1 -1
- package/dist/esm/gux-form-field-file.entry.js +1 -1
- package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
- package/dist/esm/gux-form-field-label-indicator.entry.js +1 -1
- package/dist/esm/gux-form-field-number_2.entry.js +1 -1
- package/dist/esm/gux-form-field-phone.entry.js +1 -1
- package/dist/esm/gux-form-field-radio-group-beta.entry.js +1 -1
- package/dist/esm/gux-form-field-radio.entry.js +1 -1
- package/dist/esm/gux-form-field-range.entry.js +1 -1
- package/dist/esm/gux-form-field-search.entry.js +1 -1
- package/dist/esm/gux-form-field-select.entry.js +1 -1
- package/dist/esm/gux-form-field-text-like.entry.js +1 -1
- package/dist/esm/gux-form-field-textarea.entry.js +1 -1
- package/dist/esm/gux-form-field-time-picker.entry.js +1 -1
- package/dist/esm/gux-form-field-time-zone-picker.entry.js +1 -1
- package/dist/esm/gux-form-footer.entry.js +1 -1
- package/dist/esm/gux-icon-tooltip-beta.entry.js +1 -1
- package/dist/esm/gux-icon.entry.js +1 -1
- package/dist/esm/gux-inline-alert.entry.js +1 -1
- package/dist/esm/gux-inline-dropdown-beta.entry.js +1 -1
- package/dist/esm/gux-label-info-beta.entry.js +1 -1
- package/dist/esm/gux-link-beta.entry.js +1 -1
- package/dist/esm/gux-list.entry.js +1 -1
- package/dist/esm/gux-listbox-multi.entry.js +1 -1
- package/dist/esm/gux-loading-message.entry.js +1 -1
- package/dist/esm/gux-modal-legacy.entry.js +1 -1
- package/dist/esm/gux-modal-side-panel-beta.entry.js +1 -1
- package/dist/esm/gux-modal.entry.js +1 -1
- package/dist/esm/gux-month-picker-beta.entry.js +1 -1
- package/dist/esm/gux-notification-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
- package/dist/esm/gux-pagination-cursor.entry.js +1 -1
- package/dist/esm/gux-pagination-legacy.entry.js +1 -1
- package/dist/esm/gux-pagination.entry.js +1 -1
- package/dist/esm/gux-phone-input-beta.entry.js +1 -1
- package/dist/esm/gux-popover-beta.entry.js +7 -4
- package/dist/esm/gux-popover-list-beta.entry.js +7 -4
- package/dist/esm/gux-popover-list.entry.js +7 -4
- package/dist/esm/gux-popup.entry.js +7 -4
- package/dist/esm/gux-radial-loading.entry.js +1 -1
- package/dist/esm/gux-radial-progress.entry.js +1 -1
- package/dist/esm/gux-rating.entry.js +1 -1
- package/dist/esm/gux-rich-highlight-list-item.entry.js +1 -1
- package/dist/esm/gux-rich-style-list-item_3.entry.js +8 -5
- package/dist/esm/gux-rich-text-editor-action-link.entry.js +1 -1
- package/dist/esm/gux-rich-text-editor-action-rich-style.entry.js +1 -1
- package/dist/esm/gux-rich-text-editor-action-text-highlight.entry.js +1 -1
- package/dist/esm/gux-rich-text-editor-action.entry.js +1 -1
- package/dist/esm/gux-rich-text-editor-beta.entry.js +1 -1
- package/dist/esm/gux-rich-text-editor-list.entry.js +1 -1
- package/dist/esm/gux-screen-reader-beta.entry.js +1 -1
- package/dist/esm/gux-segmented-control-beta.entry.js +1 -1
- 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-side-panel-beta.entry.js +1 -1
- package/dist/esm/gux-side-panel-heading.entry.js +1 -1
- package/dist/esm/gux-simple-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-skip-navigation-list.entry.js +1 -1
- package/dist/esm/gux-sort-control.entry.js +1 -1
- package/dist/esm/gux-status-indicator-beta.entry.js +1 -1
- package/dist/esm/gux-step-title.entry.js +1 -1
- package/dist/esm/gux-step.entry.js +1 -1
- package/dist/esm/gux-stepper-beta.entry.js +1 -1
- package/dist/esm/gux-submenu.entry.js +7 -4
- package/dist/esm/gux-switch-legacy.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-action.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-custom-action.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-menu-button.entry.js +1 -1
- package/dist/esm/gux-table-toolbar.entry.js +1 -1
- package/dist/esm/gux-table.entry.js +1 -1
- package/dist/esm/gux-tabs-advanced.entry.js +1 -1
- package/dist/esm/gux-tabs.entry.js +1 -1
- package/dist/esm/gux-tag.entry.js +1 -1
- package/dist/esm/gux-text-highlight.entry.js +1 -1
- package/dist/esm/gux-time-beta.entry.js +1 -1
- package/dist/esm/gux-time-picker.entry.js +1 -1
- package/dist/esm/gux-time-zone-beta.entry.js +1 -1
- package/dist/esm/gux-time-zone-picker-beta.entry.js +1 -1
- package/dist/esm/gux-toast.entry.js +1 -1
- package/dist/esm/gux-toggle.entry.js +1 -1
- package/dist/esm/gux-tooltip-base-beta_2.entry.js +8 -5
- package/dist/esm/gux-tooltip-pointer-beta.entry.js +1 -1
- package/dist/esm/gux-tooltip_2.entry.js +8 -5
- package/dist/esm/{overflow-detection-0d8bae71.js → overflow-detection-478d9aa8.js} +1 -1
- package/dist/esm/{usage-336f9256.js → usage-1868c7ac.js} +19 -18
- package/dist/genesys-webcomponents/genesys-webcomponents-legacy.css +1 -1
- package/dist/genesys-webcomponents/genesys-webcomponents.css +2 -2
- package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
- package/dist/genesys-webcomponents/icons/custom/panel-extra-large-regular.svg +1 -0
- package/dist/genesys-webcomponents/icons/fa/circle-dashed-regular.svg +1 -1
- package/dist/genesys-webcomponents/icons/fa/circle-half-stroke-regular.svg +1 -1
- package/dist/genesys-webcomponents/icons/fa/compress-regular.svg +1 -0
- package/dist/genesys-webcomponents/icons/fa/download-regular.svg +1 -1
- package/dist/genesys-webcomponents/icons/fa/expand-regular.svg +1 -0
- package/dist/genesys-webcomponents/icons/fa/keyboard-brightness-solid.svg +1 -1
- package/dist/genesys-webcomponents/icons/fa/print-regular.svg +1 -1
- package/dist/genesys-webcomponents/icons/fa/rectangle-history-circle-plus-regular.svg +1 -1
- package/dist/genesys-webcomponents/icons/fa/rectangle-history-regular.svg +1 -1
- package/dist/genesys-webcomponents/{p-fb7e0c6d.entry.js → p-013bb7ff.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d1f8ab1b.entry.js → p-01be2de5.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-03618cd4.entry.js +1 -0
- package/dist/genesys-webcomponents/p-04191ca3.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-5656eb08.entry.js → p-044952be.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-06303fbe.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-2bd2ea17.entry.js → p-126bdd9d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b5b03666.entry.js → p-127b9b26.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7164f14e.entry.js → p-140b15fa.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b572438f.entry.js → p-14e6073f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6ba9858c.entry.js → p-161a2943.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5e70d836.entry.js → p-168a430e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dab188bc.entry.js → p-1942e9e9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f9768619.entry.js → p-1a8b603b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-59cc0280.entry.js → p-1c1a307d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b88cd272.entry.js → p-1cc73ac6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3b4d7070.entry.js → p-1e57262c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bf2cb7bc.entry.js → p-1fc1faca.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b68d79d2.entry.js → p-2177200b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cea982b2.entry.js → p-219fec9e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6a121237.entry.js → p-24c04a05.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-60acfa6d.entry.js → p-2b9d4fcd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a9247895.entry.js → p-2c04c46a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-98c85ab4.entry.js → p-2c9e5f60.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a6b12794.entry.js → p-2e7ef7cc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ab0b7ca7.entry.js → p-32c82188.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-18797302.entry.js → p-34f196b6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-61af6910.entry.js → p-366c973f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ee39d6d6.entry.js → p-3b407ef0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-93050a09.entry.js → p-3c8ba744.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4174f658.entry.js → p-412dcd92.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fe59a170.entry.js → p-4255f033.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-04c85b3b.js → p-43db8808.js} +1 -1
- package/dist/genesys-webcomponents/p-4578bdc6.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-7ed3421c.entry.js → p-4641ec47.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b9b3a5a4.entry.js → p-46a51611.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-eb0e5ad7.entry.js → p-475324bb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3706f5a5.entry.js → p-47e49981.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-934d83cb.entry.js → p-48fe9f97.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f5f24c49.entry.js → p-4c0cf11b.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-4fa5d622.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-b26e6a50.entry.js → p-4ff9015f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-21ca768f.entry.js → p-52ae0dff.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e7544692.entry.js → p-5a71401f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8592146d.entry.js → p-5b161d99.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-037ad1a6.entry.js → p-61492fb2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9e0c8e78.entry.js → p-6782bc47.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9ccf6a2c.entry.js → p-6afffef6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-84452845.entry.js → p-6c62eb0b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-14333ed8.js → p-6ec0040f.js} +1 -1
- package/dist/genesys-webcomponents/{p-44af1eac.entry.js → p-71fd2223.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-68fecbc6.entry.js → p-740d529f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-15003b2c.entry.js → p-74b5b61f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-988c9edc.entry.js → p-7a7b2de6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7d6fc89e.entry.js → p-7e15f786.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ecdaf31d.entry.js → p-7f91639d.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-8148f973.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-0a6a1d40.entry.js → p-8348fb28.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-8557f62c.entry.js +1 -0
- package/dist/genesys-webcomponents/p-893e7fdf.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-87d621e0.entry.js → p-8d37d7b6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e417d9c6.entry.js → p-8e3d7685.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4196c251.entry.js → p-94b4c37b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ad584581.entry.js → p-9a3ea047.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4bd05274.entry.js → p-9b85157f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b85eb3da.entry.js → p-a0021e01.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-202257ea.entry.js → p-a0670b52.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-af1a99b1.entry.js → p-a26a73f3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3ba839e4.entry.js → p-a2c3f918.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-57a894b0.entry.js → p-a4a9f97f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b52ee4ac.entry.js → p-a72683d8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cf7942d3.entry.js → p-a918c146.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fe1714c0.entry.js → p-abdd558b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e5341f4e.entry.js → p-ac57fa66.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a27d6bb8.entry.js → p-adbb4b08.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-99fd4543.entry.js → p-af1ef170.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d60e0050.entry.js → p-b0db67dc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1baaebdc.entry.js → p-b12be976.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-b1c93415.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-d1fb906d.entry.js → p-b1f9808a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-43d8e302.entry.js → p-b2448720.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-83ee0863.entry.js → p-b2853f1b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0d20dccb.entry.js → p-b469c39e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e7351eb0.entry.js → p-b7734ee1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bb41579f.entry.js → p-b9c7b974.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8e83bad8.entry.js → p-b9fd5655.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-26292963.entry.js → p-bcefa6a2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-16f74ec0.js → p-be142c81.js} +1 -1
- package/dist/genesys-webcomponents/{p-e21dc9ba.entry.js → p-be89512a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fcf2a975.entry.js → p-beb4e514.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d2808041.entry.js → p-bf7a4f4c.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-c101041b.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-ac0aaf37.entry.js → p-c129a55a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-20784afd.entry.js → p-c4171c65.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-14539d11.entry.js → p-c7b5a1e4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-975f0d33.entry.js → p-ca672d6c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3b15add0.entry.js → p-cb461c35.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6903a7a0.entry.js → p-cbf8fe92.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-93cd22be.entry.js → p-ccb95948.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-ccef859d.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-30ecf4bc.entry.js → p-cf7e1b57.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-cfdc652b.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-3ef08423.entry.js → p-d0b48b5d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-71369b32.entry.js → p-d452033d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-10b393fc.entry.js → p-d48345d2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-06db406c.entry.js → p-d6032f56.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ea47448f.entry.js → p-d75709aa.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1d7f5917.entry.js → p-d7e0ae87.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7e1cead5.entry.js → p-dbd270c7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9f618d68.entry.js → p-dd4ce7cf.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-ddc587da.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-d71676b8.entry.js → p-debfd94a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-63297dd3.entry.js → p-e0a313e9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-651f5799.entry.js → p-e13edf65.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e5c2c14d.entry.js → p-e2777b62.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d103e267.entry.js → p-e5baff35.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cd177c9b.entry.js → p-e7cce33f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d1aea7f0.entry.js → p-ea7f7be3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c19cdfca.entry.js → p-ed0aff08.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fbc24fd4.entry.js → p-ee687f41.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-485e5649.entry.js → p-f5de3e06.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c52c96ee.entry.js → p-f9741506.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4b9ecc81.entry.js → p-fa05ea7c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7d3df01d.entry.js → p-fcc941cf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-06a0291e.entry.js → p-fd7cd766.entry.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/components/beta/gux-form/tests/gux-form.common.d.ts +4 -0
- package/dist/types/components/beta/gux-selector-cards/gux-selector-card/tests/gux-selector-card.common.d.ts +4 -0
- package/dist/types/components/stable/gux-calendar/tests/gux-calendar.common.d.ts +4 -0
- package/dist/types/components/stable/gux-icon/gux-icon.types.d.ts +1 -1
- package/dist/types/components/stable/gux-page-loading-spinner/tests/gux-page-loading-spinner.common.d.ts +4 -0
- package/dist/types/components/stable/gux-toggle/tests/gux-toggle.common.d.ts +4 -0
- package/dist/types/stencil-wrapper.d.ts +1 -1
- package/dist/types/test/playwrightTestUtils.d.ts +2 -1
- package/package.json +19 -18
- package/dist/genesys-webcomponents/p-0c82d6a1.entry.js +0 -1
- package/dist/genesys-webcomponents/p-3fb9459a.entry.js +0 -1
- package/dist/genesys-webcomponents/p-479efefb.entry.js +0 -1
- package/dist/genesys-webcomponents/p-4c2ed418.entry.js +0 -1
- package/dist/genesys-webcomponents/p-4ce005e3.entry.js +0 -1
- package/dist/genesys-webcomponents/p-6eea0f76.entry.js +0 -1
- package/dist/genesys-webcomponents/p-7eb7776c.entry.js +0 -1
- package/dist/genesys-webcomponents/p-9123cb52.entry.js +0 -1
- package/dist/genesys-webcomponents/p-92cb0a16.entry.js +0 -1
- package/dist/genesys-webcomponents/p-b4c148d5.entry.js +0 -1
- package/dist/genesys-webcomponents/p-b68a44c8.entry.js +0 -1
- package/dist/genesys-webcomponents/p-de8f77f7.entry.js +0 -1
- package/dist/genesys-webcomponents/p-fdd08d1b.entry.js +0 -1
- /package/dist/cjs/{index.umd-1b3084ed.js → index.umd-aba93706.js} +0 -0
- /package/dist/esm/{index.umd-4fa3c748.js → index.umd-ef564d94.js} +0 -0
- /package/dist/genesys-webcomponents/{p-c3c1cdc3.js → p-8073cd78.js} +0 -0
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as o,h as a,g as s}from"./p-cf74fd3d.js";import{t as e}from"./p-
|
1
|
+
import{r as t,c as o,h as a,g as s}from"./p-cf74fd3d.js";import{t as e}from"./p-6ec0040f.js";import{h as i}from"./p-6d8b4027.js";import{a as r}from"./p-8eaf8caf.js";const n=class{constructor(a){t(this,a),this.guxdismiss=o(this,"guxdismiss",7),this.toastType="success",this.hasLink=!1,this.hasPrimaryButton=!1,this.hasSecondaryButton=!1}componentWillLoad(){e(this.root,{variant:this.toastType}),this.hasPrimaryButton=i(this.root,"primary-button"),this.hasSecondaryButton=i(this.root,"secondary-button"),this.hasLink=i(this.root,"link")}componentDidLoad(){this.checkAriaLive()}checkAriaLive(){let t=this.root.parentElement;for(;t;){if(t.hasAttribute("aria-live"))return;t=t.parentElement}r(this.root,"gux-toast must have a parent element with an `aria-live` attribute")}renderToastIcon(){switch(this.toastType){case"success":return a("gux-icon",{"icon-name":"fa/circle-check-solid",decorative:!0});case"warning":return a("gux-icon",{"icon-name":"fa/triangle-exclamation-solid",decorative:!0});case"error":return a("gux-icon",{"icon-name":"fa/hexagon-exclamation-solid",decorative:!0});case"info":return a("gux-icon",{"icon-name":"fa/circle-info-solid",decorative:!0});case"action":return a("slot",{name:"icon"})}}renderLink(){return a("div",{class:"gux-buttons-bar"},a("gux-link-beta",{standalone:!0},a("slot",{name:"link"})))}renderActions(){return a("gux-cta-group",{class:"gux-buttons-bar",align:"end"},this.hasSecondaryButton&&a("gux-button-slot",{slot:"secondary"},a("slot",{name:"secondary-button"})),a("gux-button-slot",{slot:"primary"},a("slot",{name:"primary-button"})))}render(){return a("div",{key:"5570639cd8f84388f238cbde4e3bec4e24321742",class:`gux-toast gux-toast-${this.toastType}`},a("div",{key:"6499155b7eb2109a1a0aca95cf2e460a8d96cd72",class:`gux-icon gux-icon-${this.toastType}`},this.renderToastIcon()),a("div",{key:"91c405383ec44496a903ffb38f93ec2b0d580a8c",class:"gux-content"},a("div",{key:"5c95238f7e613c6f243461f78ba1b936177f5345",class:"gux-message"},a("gux-truncate",{key:"fcc3b83182fe1c0b6e868c6e72729d6eae30cbbb",class:"gux-message-title","max-lines":1},a("slot",{key:"e798183ee9fb8f85541f19b60c0a8a13cb2159dc",name:"title"})),a("gux-truncate",{key:"79a7f9dd2c1ea101f5ad7f436696477ab922d5f0",class:"gux-message-body","max-lines":2},a("slot",{key:"80c83e99cbb2381184a32087bea5dede0fab4ad4",name:"message"}))),"action"!==this.toastType&&this.hasLink&&this.renderLink(),"action"===this.toastType&&this.hasPrimaryButton&&this.renderActions()),a("gux-dismiss-button",{key:"755f2f9d20636b7fa3ed4e42cf09e5ae5f577927",position:"inherit",onClick:this.onDismissClickHandler.bind(this)}))}onDismissClickHandler(t){t.stopPropagation(),this.guxdismiss.emit().defaultPrevented||this.root.remove()}get root(){return s(this)}};n.style=".gux-toast{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-gap);place-content:stretch flex-start;align-items:flex-start;inline-size:var(--gse-ui-toast-wrappingWidth);padding:var(--gse-ui-toast-margin);margin-block-end:var(--gse-ui-toast-stacking-gap);border-radius:var(--gse-ui-toast-borderRadius);box-shadow:var(--gse-ui-toast-boxShadow)}.gux-toast .gux-icon ::slotted(gux-icon){inline-size:var(--gse-ui-toast-icon) !important;block-size:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon gux-icon{inline-size:var(--gse-ui-toast-icon) !important;block-size:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon.gux-icon-error{color:var(--gse-ui-toast-error-iconColor)}.gux-toast .gux-icon.gux-icon-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-toast .gux-icon.gux-icon-success{color:var(--gse-ui-toast-success-iconColor)}.gux-toast .gux-icon.gux-icon-info{color:var(--gse-ui-toast-info-iconColor)}.gux-toast .gux-icon.gux-icon-action{color:var(--gse-ui-toast-action-iconColor)}.gux-toast .gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-toast-gapButton);place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0}.gux-toast .gux-content .gux-message{display:flex;flex-direction:column;gap:var(--gse-ui-toast-gapText)}.gux-toast .gux-content .gux-message .gux-message-title{font-family:var(--gse-ui-toast-heading-fontFamily);font-size:var(--gse-ui-toast-heading-fontSize);font-weight:var(--gse-ui-toast-heading-fontWeight);line-height:var(--gse-ui-toast-heading-lineHeight)}.gux-toast .gux-content .gux-message .gux-message-body{font-family:var(--gse-ui-toast-text-fontFamily);font-size:var(--gse-ui-toast-text-fontSize);line-height:var(--gse-ui-toast-text-lineHeight);word-break:break-all}.gux-toast .gux-content .gux-buttons-bar{inline-size:100%}.gux-toast.gux-toast-success{background-color:var(--gse-ui-toast-success-backgroundColor)}.gux-toast.gux-toast-success .gux-message{color:var(--gse-ui-toast-success-foregroundColor)}.gux-toast.gux-toast-warning{background-color:var(--gse-ui-toast-warning-backgroundColor)}.gux-toast.gux-toast-warning .gux-message{color:var(--gse-ui-toast-warning-foregroundColor)}.gux-toast.gux-toast-error{background-color:var(--gse-ui-toast-error-backgroundColor)}.gux-toast.gux-toast-error .gux-message{color:var(--gse-ui-toast-error-foregroundColor)}.gux-toast.gux-toast-info{background-color:var(--gse-ui-toast-info-backgroundColor)}.gux-toast.gux-toast-info .gux-message{color:var(--gse-ui-toast-info-foregroundColor)}.gux-toast.gux-toast-action{background-color:var(--gse-ui-toast-action-backgroundColor)}.gux-toast.gux-toast-action .gux-message{color:var(--gse-ui-toast-action-foregroundColor)}";export{n as gux_toast}
|
@@ -1 +1 @@
|
|
1
|
-
import{h as r,r as a,g as e}from"./p-cf74fd3d.js";import{b as s}from"./p-e5e644b3.js";import{t}from"./p-
|
1
|
+
import{h as r,r as a,g as e}from"./p-cf74fd3d.js";import{b as s}from"./p-e5e644b3.js";import{t}from"./p-6ec0040f.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:"2bff8a2a2eb177f4b99b124359249ba8628223e6",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;inline-size:var(--gse-ui-progressAndLoading-spinner-large);block-size:var(--gse-ui-progressAndLoading-spinner-large)}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:var(--gse-semantic-background-container-page-default);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{inline-size:var(--gse-ui-progressAndLoading-spinner-small);block-size:var(--gse-ui-progressAndLoading-spinner-small)}div[role=progressbar].gux-input .gux-svg-container .gux-dynamic-circle{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-foreground);stroke-width:2;transform-origin:50% 50%;animation-name:smallSpin;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite, infinite}div[role=progressbar].gux-input .gux-svg-container .gux-static-circle{stroke:var(--gse-ui-progressAndLoading-spinner-base);stroke-width:2}";export{i as gux_radial_loading}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as e,g as i}from"./p-cf74fd3d.js";import{O as r}from"./p-f3d844c7.js";import{s as o}from"./p-2c25e2f2.js";import{b as s}from"./p-cf0e7d3b.js";import{g as n,b as a}from"./p-e5e644b3.js";import{t as u}from"./p-14333ed8.js";import{l as c}from"./p-8eaf8caf.js";import{a as l}from"./p-13d8a42a.js";import{u as p}from"./p-c36d332b.js";import"./p-4202e9f2.js";import"./p-43af726d.js";const h={am:"AM","time-separator":":",clockButton:"Toggle suggested times",hoursInput:"Input hours",minutesInput:"Input minutes",pm:"PM",timeOptionsState:"Time options open: {state}",toggleAmPM:"{amOrPm} selected, click to toggle"};function m(t){const e=new Date,[i,r]=t.split(":");return e.setHours(parseFloat(i)),e.setMinutes(parseFloat(r)),e.setSeconds(0),e.getTime()}function g(t,e){const[i,r]=t.split(":");return`${((parseInt(i,10)+e+24)%24).toString().padStart(2,"0")}:${r}`}function d(t,e,i){const[r,o]=t.split(":");let s=(parseInt(o,10)+e+60)%60;for(;s%i!=0;)s=(s+e+60)%60;return`${r}:${s.toString().padStart(2,"0")}`}function f(t,e){const[i,r]=t.split(":");return"12h"===e?`${(parseInt(i,10)%12||12).toString().padStart(2,"0")}:${r}`:`${i}:${r}`}function x(t,e,i){const[r,o]=t.split(":");return"12h"===e?i?`${(parseInt(r,10)%12).toString().padStart(2,"0")}:${o}`:`${(parseInt(r,10)%12+12).toString().padStart(2,"0")}:${o}`:`${r}:${o}`}function b(t,e){const[i]=f(t,e).split(":");return i}function v(t){const[,e]=t.split(":");return e}function k(t){const[e]=t.split(":");return parseInt(e,10)<12}function w(t){return"12h"===t?"^(0?[1-9]|1[012])$":"^([01]?[0-9]|2[0-3])$"}const C=class{constructor(e){t(this,e),this.value="00:00",this.interval=60,this.step=1,this.disabled=!1,this.required=!1,this.hasError=!1,this.expanded=!1}onFocus(){this.valueLastChange=this.value}onBlur(){this.valueLastChange!==this.value&&o(this.root,"change")}onClickOutside(){this.expanded=!1}handleKeydown(t){switch(t.key){case"Escape":case"Tab":this.expanded=!1}}async componentWillLoad(){u(this.root),this.i18n=await a(this.root,h),this.clockType=this.clockType||function(t){let e;e=p()?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!p()&&["ar","ko","zh-cn","zh-tw"].some((t=>e.startsWith(t)))||new RegExp(".*15.*").test(r)?"24h":"12h"}(this.root),this.validateValueFormat(this.value,"00:00"),"12h"==this.clockType&&(this.min||this.max)&&c(this.root,'clock type must be "24h" when using min/max props')}validateValueFormat(t,e){this.isValidTimeFormat(t)||(c(this.root,`"${t}" is not a valid value format. Format must be "hh:mm" or "h:mm". Falling back to previous value: "${e}"`),this.value=e)}isValidTimeFormat(t){return"string"==typeof t&&/^\d{1,2}:\d{2}$/.test(t)}updateValue(t,e=!1){t!==this.value&&(this.value=t,o(this.root,"input"),e&&this.valueLastChange!==this.value&&(o(this.root,"change"),this.valueLastChange=this.value))}valueToId(t){return`gux-id-${t.replace(":","-")}`}focusRelevantItemInPopupList(){s((()=>{this.listElement.guxFocusItemByClosestId(this.valueToId(this.value))}))}toggleDropdown(){this.expanded=!this.expanded,this.expanded&&this.focusRelevantItemInPopupList()}onTargetClick(t){const e=t.composedPath(),i=e.includes(this.clockButton),r=e.includes(this.amPmElement),o=e.includes(this.hourInputElement),s=e.includes(this.minuteInputElement);i||r||s||o||this.toggleDropdown()}handleClickDropdownValue(t){const e=x(t,this.clockType,k(this.value));this.updateValue(e,!0),this.clockButton.focus(),this.expanded=!1}onHourKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(g(this.value,-1));break;case"ArrowUp":t.preventDefault(),this.updateValue(g(this.value,1));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.hourInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i,r,o){const[s,n]=f(t,e).split(":");let a=s;return a="Backspace"===i?"12h"==e&&1==o?a.split("").filter(((t,e)=>e==r-1)).join(""):a.split("").filter(((t,e)=>e!==r-1)).join("").padStart(2,"0"):parseInt(a.slice(0,r)+i+a.slice(r+1),10).toString().slice(-2).padStart(2,"0"),new RegExp(w(e)).test(a)||(a="12h"===e?i:i.padStart(2,"0")),x(`${a}:${n}`,e,k(t))}(this.value,this.clockType,t.key,this.hourInputElement.selectionStart,this.hourInputElement.value.length));break;default:t.preventDefault()}}onMinuteKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(d(this.value,-1,this.step));break;case"ArrowUp":t.preventDefault(),this.updateValue(d(this.value,1,this.step));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.minuteInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i){const[r,o]=t.split(":");let s=o;return s="Backspace"===e?s.split("").filter(((t,e)=>e!==i-1)).join("").padStart(2,"0"):(s.slice(0,i)+e+s.slice(i+1)).slice(-2).padStart(2,"0"),new RegExp("^[0-5][0-9]$").test(s)||(s=e.padStart(2,"0")),`${r}:${s}`}(this.value,t.key,this.minuteInputElement.selectionStart));break;default:t.preventDefault()}}onAmPmButtonKeyDown(t){switch(t.key){case"ArrowDown":case"ArrowUp":this.toggleAmPm(t)}}onListKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.clockButton.focus())}toggleAmPm(t){t.preventDefault(),this.updateValue(g(this.value,12),!0)}getAmPmString(){return k(this.value)?this.i18n("am"):this.i18n("pm")}renderNumberInput(){return e("div",{class:"gux-input-time-container"},e("input",{role:"spinbutton",class:"gux-input-time-hours",type:"text",disabled:this.disabled,value:b(this.value,this.clockType),onKeyDown:t=>this.onHourKeyDown(t),"aria-label":this.i18n("hoursInput"),pattern:w(this.clockType),ref:t=>this.hourInputElement=t,"aria-valuetext":b(this.value,this.clockType),"aria-valuenow":b(this.value,this.clockType),"aria-valuemin":"24h"===this.clockType?0:1,"aria-valuemax":"24h"===this.clockType?23:12}),e("span",{class:"gux-time-separator"},this.i18n("time-separator")),e("input",{role:"spinbutton",class:"gux-input-time-minutes",type:"text",disabled:this.disabled,value:v(this.value),onKeyDown:t=>this.onMinuteKeyDown(t),"aria-label":this.i18n("minutesInput"),pattern:"^[0-5][0-9]$",ref:t=>this.minuteInputElement=t,"aria-valuetext":v(this.value),"aria-valuenow":v(this.value),"aria-valuemin":0,"aria-valuemax":59}))}renderAmPmSelector(){if("12h"===this.clockType)return e("button",{class:"gux-input-time-am-pm-selector",type:"button",disabled:this.disabled,"aria-label":this.i18n("toggleAmPM",{amOrPm:this.getAmPmString()}),onClick:t=>this.toggleAmPm(t),onKeyDown:t=>this.onAmPmButtonKeyDown(t),ref:t=>this.amPmElement=t},e("div",{class:{"gux-meridiem":!0,"gux-visible":k(this.value)}},this.i18n("am")),e("div",{class:{"gux-meridiem":!0,"gux-visible":!k(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",size:"small"}))}renderTimeListItems(){return function(t,e,i,r){const o=[0,15,30,45].filter((e=>Number.isInteger(e/t))).map((t=>String(t).padStart(2,"0"))),s=("12h"===e?["12","01","02","03","04","05","06","07","08","09","10","11"]:Array.from(Array(24).keys()).map((t=>String(t).padStart(2,"0")))).reduce(((t,e)=>t.concat(o.map((t=>`${e}:${t}`)))),[]);return"24h"===e?function(t,e,i){return e&&i&&m(e)>m(i)?t=t.filter((t=>{const r=m(t),o=m(e),s=m(i),n=m("23:59");return r>=o&&r<n||r<=s})):(e&&(t=t.filter((t=>m(t)>=m(e)))),i&&(t=t.filter((t=>m(t)<=m(i))))),t}(s,i,r):s}(this.interval,this.clockType,this.min,this.max).map((t=>{const i=x(t,this.clockType,k(this.value));return e("gux-list-item",{id:this.valueToId(i),onClick:()=>this.handleClickDropdownValue(t)},t)}))}renderTarget(){return e("div",{class:"gux-input-time",slot:"target",onClick:this.onTargetClick.bind(this)},this.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:"be401fe95b5c14a64bd8598b92b21eefe233c5da",class:{"gux-time-picker":!0,"gux-error":this.hasError},expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return i(this)}static get watchers(){return{value:["validateValueFormat"]}}};(function(t,e,i,r){var o,s=arguments.length,n=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(s<3?o(n):s>3?o(e,i,n):o(e,i))||n);s>3&&n&&Object.defineProperty(e,i,n)})([r({triggerEvents:"mousedown"})],C.prototype,"onClickOutside",null),C.style=".gux-time-picker{position:relative;display:inline-block}.gux-time-picker.gux-error .gux-input-time{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-time-picker .gux-input-time{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-time-picker .gux-input-time:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-time-picker .gux-input-time:hover:not(:disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-time-picker .gux-input-time input{flex:1 1 auto;align-self:auto;order:0;inline-size:2ch;padding:0;font-size:var(--gse-ui-formControl-label-text-fontSize);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}.gux-time-picker .gux-input-time input.gux-input-time-hours{text-align:end}.gux-time-picker .gux-input-time input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector{display:grid;grid-template:auto 1fr/auto 1fr auto;place-items:flex-end;padding:0;font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);font-weight:var(--gse-ui-formControl-input-prefixSufix-text-fontWeight);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background:transparent;border:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);border-radius:var(--gse-ui-timePicker-focusAmpm-borderRadius)}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{display:none;grid-row:1/1;grid-column:1/1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{display:inline-block}.gux-time-picker .gux-input-time .gux-clock-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);outline:none;background:transparent;border:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:var(--gse-ui-timePicker-clockStates-activeColor);cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible{outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);border-radius:var(--gse-ui-timePicker-focusClock-borderRadius)}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{padding:var(--gse-ui-timePicker-clock-padding)}.gux-time-picker .gux-time-separator{padding-block:0;padding-inline:1ch}.gux-time-picker .gux-list-container{max-block-size:150px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";export{C as gux_time_picker}
|
1
|
+
import{r as t,h as e,g as i}from"./p-cf74fd3d.js";import{O as r}from"./p-f3d844c7.js";import{s as o}from"./p-2c25e2f2.js";import{b as s}from"./p-cf0e7d3b.js";import{g as n,b as a}from"./p-e5e644b3.js";import{t as u}from"./p-6ec0040f.js";import{l as c}from"./p-8eaf8caf.js";import{a as l}from"./p-13d8a42a.js";import{u as p}from"./p-c36d332b.js";import"./p-4202e9f2.js";import"./p-43af726d.js";const h={am:"AM","time-separator":":",clockButton:"Toggle suggested times",hoursInput:"Input hours",minutesInput:"Input minutes",pm:"PM",timeOptionsState:"Time options open: {state}",toggleAmPM:"{amOrPm} selected, click to toggle"};function m(t){const e=new Date,[i,r]=t.split(":");return e.setHours(parseFloat(i)),e.setMinutes(parseFloat(r)),e.setSeconds(0),e.getTime()}function g(t,e){const[i,r]=t.split(":");return`${((parseInt(i,10)+e+24)%24).toString().padStart(2,"0")}:${r}`}function d(t,e,i){const[r,o]=t.split(":");let s=(parseInt(o,10)+e+60)%60;for(;s%i!=0;)s=(s+e+60)%60;return`${r}:${s.toString().padStart(2,"0")}`}function f(t,e){const[i,r]=t.split(":");return"12h"===e?`${(parseInt(i,10)%12||12).toString().padStart(2,"0")}:${r}`:`${i}:${r}`}function x(t,e,i){const[r,o]=t.split(":");return"12h"===e?i?`${(parseInt(r,10)%12).toString().padStart(2,"0")}:${o}`:`${(parseInt(r,10)%12+12).toString().padStart(2,"0")}:${o}`:`${r}:${o}`}function b(t,e){const[i]=f(t,e).split(":");return i}function v(t){const[,e]=t.split(":");return e}function k(t){const[e]=t.split(":");return parseInt(e,10)<12}function w(t){return"12h"===t?"^(0?[1-9]|1[012])$":"^([01]?[0-9]|2[0-3])$"}const C=class{constructor(e){t(this,e),this.value="00:00",this.interval=60,this.step=1,this.disabled=!1,this.required=!1,this.hasError=!1,this.expanded=!1}onFocus(){this.valueLastChange=this.value}onBlur(){this.valueLastChange!==this.value&&o(this.root,"change")}onClickOutside(){this.expanded=!1}handleKeydown(t){switch(t.key){case"Escape":case"Tab":this.expanded=!1}}async componentWillLoad(){u(this.root),this.i18n=await a(this.root,h),this.clockType=this.clockType||function(t){let e;e=p()?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!p()&&["ar","ko","zh-cn","zh-tw"].some((t=>e.startsWith(t)))||new RegExp(".*15.*").test(r)?"24h":"12h"}(this.root),this.validateValueFormat(this.value,"00:00"),"12h"==this.clockType&&(this.min||this.max)&&c(this.root,'clock type must be "24h" when using min/max props')}validateValueFormat(t,e){this.isValidTimeFormat(t)||(c(this.root,`"${t}" is not a valid value format. Format must be "hh:mm" or "h:mm". Falling back to previous value: "${e}"`),this.value=e)}isValidTimeFormat(t){return"string"==typeof t&&/^\d{1,2}:\d{2}$/.test(t)}updateValue(t,e=!1){t!==this.value&&(this.value=t,o(this.root,"input"),e&&this.valueLastChange!==this.value&&(o(this.root,"change"),this.valueLastChange=this.value))}valueToId(t){return`gux-id-${t.replace(":","-")}`}focusRelevantItemInPopupList(){s((()=>{this.listElement.guxFocusItemByClosestId(this.valueToId(this.value))}))}toggleDropdown(){this.expanded=!this.expanded,this.expanded&&this.focusRelevantItemInPopupList()}onTargetClick(t){const e=t.composedPath(),i=e.includes(this.clockButton),r=e.includes(this.amPmElement),o=e.includes(this.hourInputElement),s=e.includes(this.minuteInputElement);i||r||s||o||this.toggleDropdown()}handleClickDropdownValue(t){const e=x(t,this.clockType,k(this.value));this.updateValue(e,!0),this.clockButton.focus(),this.expanded=!1}onHourKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(g(this.value,-1));break;case"ArrowUp":t.preventDefault(),this.updateValue(g(this.value,1));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.hourInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i,r,o){const[s,n]=f(t,e).split(":");let a=s;return a="Backspace"===i?"12h"==e&&1==o?a.split("").filter(((t,e)=>e==r-1)).join(""):a.split("").filter(((t,e)=>e!==r-1)).join("").padStart(2,"0"):parseInt(a.slice(0,r)+i+a.slice(r+1),10).toString().slice(-2).padStart(2,"0"),new RegExp(w(e)).test(a)||(a="12h"===e?i:i.padStart(2,"0")),x(`${a}:${n}`,e,k(t))}(this.value,this.clockType,t.key,this.hourInputElement.selectionStart,this.hourInputElement.value.length));break;default:t.preventDefault()}}onMinuteKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(d(this.value,-1,this.step));break;case"ArrowUp":t.preventDefault(),this.updateValue(d(this.value,1,this.step));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.minuteInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i){const[r,o]=t.split(":");let s=o;return s="Backspace"===e?s.split("").filter(((t,e)=>e!==i-1)).join("").padStart(2,"0"):(s.slice(0,i)+e+s.slice(i+1)).slice(-2).padStart(2,"0"),new RegExp("^[0-5][0-9]$").test(s)||(s=e.padStart(2,"0")),`${r}:${s}`}(this.value,t.key,this.minuteInputElement.selectionStart));break;default:t.preventDefault()}}onAmPmButtonKeyDown(t){switch(t.key){case"ArrowDown":case"ArrowUp":this.toggleAmPm(t)}}onListKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.clockButton.focus())}toggleAmPm(t){t.preventDefault(),this.updateValue(g(this.value,12),!0)}getAmPmString(){return k(this.value)?this.i18n("am"):this.i18n("pm")}renderNumberInput(){return e("div",{class:"gux-input-time-container"},e("input",{role:"spinbutton",class:"gux-input-time-hours",type:"text",disabled:this.disabled,value:b(this.value,this.clockType),onKeyDown:t=>this.onHourKeyDown(t),"aria-label":this.i18n("hoursInput"),pattern:w(this.clockType),ref:t=>this.hourInputElement=t,"aria-valuetext":b(this.value,this.clockType),"aria-valuenow":b(this.value,this.clockType),"aria-valuemin":"24h"===this.clockType?0:1,"aria-valuemax":"24h"===this.clockType?23:12}),e("span",{class:"gux-time-separator"},this.i18n("time-separator")),e("input",{role:"spinbutton",class:"gux-input-time-minutes",type:"text",disabled:this.disabled,value:v(this.value),onKeyDown:t=>this.onMinuteKeyDown(t),"aria-label":this.i18n("minutesInput"),pattern:"^[0-5][0-9]$",ref:t=>this.minuteInputElement=t,"aria-valuetext":v(this.value),"aria-valuenow":v(this.value),"aria-valuemin":0,"aria-valuemax":59}))}renderAmPmSelector(){if("12h"===this.clockType)return e("button",{class:"gux-input-time-am-pm-selector",type:"button",disabled:this.disabled,"aria-label":this.i18n("toggleAmPM",{amOrPm:this.getAmPmString()}),onClick:t=>this.toggleAmPm(t),onKeyDown:t=>this.onAmPmButtonKeyDown(t),ref:t=>this.amPmElement=t},e("div",{class:{"gux-meridiem":!0,"gux-visible":k(this.value)}},this.i18n("am")),e("div",{class:{"gux-meridiem":!0,"gux-visible":!k(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",size:"small"}))}renderTimeListItems(){return function(t,e,i,r){const o=[0,15,30,45].filter((e=>Number.isInteger(e/t))).map((t=>String(t).padStart(2,"0"))),s=("12h"===e?["12","01","02","03","04","05","06","07","08","09","10","11"]:Array.from(Array(24).keys()).map((t=>String(t).padStart(2,"0")))).reduce(((t,e)=>t.concat(o.map((t=>`${e}:${t}`)))),[]);return"24h"===e?function(t,e,i){return e&&i&&m(e)>m(i)?t=t.filter((t=>{const r=m(t),o=m(e),s=m(i),n=m("23:59");return r>=o&&r<n||r<=s})):(e&&(t=t.filter((t=>m(t)>=m(e)))),i&&(t=t.filter((t=>m(t)<=m(i))))),t}(s,i,r):s}(this.interval,this.clockType,this.min,this.max).map((t=>{const i=x(t,this.clockType,k(this.value));return e("gux-list-item",{id:this.valueToId(i),onClick:()=>this.handleClickDropdownValue(t)},t)}))}renderTarget(){return e("div",{class:"gux-input-time",slot:"target",onClick:this.onTargetClick.bind(this)},this.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:"be401fe95b5c14a64bd8598b92b21eefe233c5da",class:{"gux-time-picker":!0,"gux-error":this.hasError},expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return i(this)}static get watchers(){return{value:["validateValueFormat"]}}};(function(t,e,i,r){var o,s=arguments.length,n=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(s<3?o(n):s>3?o(e,i,n):o(e,i))||n);s>3&&n&&Object.defineProperty(e,i,n)})([r({triggerEvents:"mousedown"})],C.prototype,"onClickOutside",null),C.style=".gux-time-picker{position:relative;display:inline-block}.gux-time-picker.gux-error .gux-input-time{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-time-picker .gux-input-time{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-time-picker .gux-input-time:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-time-picker .gux-input-time:hover:not(:disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-time-picker .gux-input-time input{flex:1 1 auto;align-self:auto;order:0;inline-size:2ch;padding:0;font-size:var(--gse-ui-formControl-label-text-fontSize);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}.gux-time-picker .gux-input-time input.gux-input-time-hours{text-align:end}.gux-time-picker .gux-input-time input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector{display:grid;grid-template:auto 1fr/auto 1fr auto;place-items:flex-end;padding:0;font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);font-weight:var(--gse-ui-formControl-input-prefixSufix-text-fontWeight);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background:transparent;border:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);border-radius:var(--gse-ui-timePicker-focusAmpm-borderRadius)}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{display:none;grid-row:1/1;grid-column:1/1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{display:inline-block}.gux-time-picker .gux-input-time .gux-clock-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);outline:none;background:transparent;border:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:var(--gse-ui-timePicker-clockStates-activeColor);cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible{outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);border-radius:var(--gse-ui-timePicker-focusClock-borderRadius)}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{padding:var(--gse-ui-timePicker-clock-padding)}.gux-time-picker .gux-time-separator{padding-block:0;padding-inline:1ch}.gux-time-picker .gux-list-container{max-block-size:150px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";export{C as gux_time_picker}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,c as a,h as o,g as t}from"./p-cf74fd3d.js";import{a as r}from"./p-8eaf8caf.js";import{b as s}from"./p-e5e644b3.js";import{t as i}from"./p-
|
1
|
+
import{r as e,c as a,h as o,g as t}from"./p-cf74fd3d.js";import{a as r}from"./p-8eaf8caf.js";import{b as s}from"./p-e5e644b3.js";import{t as i}from"./p-6ec0040f.js";import"./p-4202e9f2.js";const n={changePhoto:"Change profile photo"},c=class{constructor(o){e(this,o),this.guxchangephoto=a(this,"guxchangephoto",7)}async componentWillLoad(){this.validateSlot(),i(this.root),this.i18n=await s(this.root,n)}validateSlot(){this.root.querySelector("gux-avatar-beta")||r(this.root,"Slotted element must be gux-avatar-beta")}render(){return o("button",{key:"c88a6a0323e13b6bdd7d68a955f96d8a86a89eb0",class:"gux-change-photo",onClick:()=>this.guxchangephoto.emit(),"aria-label":this.i18n("changePhoto")},o("gux-icon",{key:"8dc2733dfdb2bd75117ab01c9546b96bbd9e0bc5",class:"gux-change-photo-icon","icon-name":"fa/camera-solid",size:"small",decorative:!0}),o("slot",{key:"83bb98873748afca9e7882e399de469267244eff",name:"avatar"}),o("gux-tooltip-beta",{key:"35e11ed2ccc0943d67ec0e72dc3b220a81675617",placement:"top",visualOnly:!0},o("div",{key:"926fe5e737148d1ebf920c2687d624f201a663a7",slot:"content"},this.i18n("changePhoto"))))}static get delegatesFocus(){return!0}get root(){return t(this)}};c.style=':host{display:inline-block}.gux-change-photo{position:relative;padding:0;margin:0;line-height:0px;cursor:pointer;background:none;border:none;border-radius:50%}.gux-change-photo .gux-change-photo-icon{display:none}.gux-change-photo:hover,.gux-change-photo:focus-visible{cursor:pointer}.gux-change-photo:hover .gux-change-photo-icon,.gux-change-photo:focus-visible .gux-change-photo-icon{position:absolute;inset-block-start:50%;inset-inline-start:50%;z-index:var(--gse-semantic-zIndex-showFocus);display:inline-block;color:var(--gse-ui-avatar-hoverModal-foregroundColor);transform:translate(-50%, -50%)}.gux-change-photo:hover::after,.gux-change-photo:focus-visible::after{position:absolute;inset-block-start:var(--gse-ui-avatar-large-presenceRing-width);inset-inline-start:var(--gse-ui-avatar-large-presenceRing-width);inline-size:var(--gse-ui-avatar-addChangeImage-hoverModal-shroudSize);block-size:var(--gse-ui-avatar-addChangeImage-hoverModal-shroudSize);content:"";background-color:var(--gse-ui-avatar-hoverModal-shroudColor);border:var(--gse-ui-avatar-content-large-border-width) var(--gse-ui-avatar-content-default-border-style) var(--gse-ui-avatar-content-default-border-color);border-radius:50%;opacity:var(--gse-ui-avatar-hoverModal-opacity);transition:background-color 0.5s ease}.gux-change-photo:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}';export{c as gux_avatar_change_photo_beta}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,h as i,g as r}from"./p-cf74fd3d.js";import{a as s,c as o,o as a,f as n}from"./p-04c85b3b.js";import{r as u}from"./p-0934300e.js";import{a as d}from"./p-cf0e7d3b.js";import{f as l,a as c,b as h,c as p}from"./p-e33e87ef.js";import{O as g}from"./p-f3d844c7.js";import{t as f}from"./p-14333ed8.js";import{b as x}from"./p-e5e644b3.js";import{g as b,a as k}from"./p-13d8a42a.js";import{u as m}from"./p-c36d332b.js";import"./p-4202e9f2.js";import"./p-43af726d.js";const v={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function C(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 y(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?y(t,C(-1,e)):i}function w(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function D(t){return t.match(/\W/)[0]}function F(t){const e=D(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function R(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.label="",this.numberOfMonths=1,this.minDate="",this.maxDate="",this.mode="single",this.disabled=!1,this.labelPosition="beside",this.formattedValue="",this.toFormattedValue="",this.active=!1,this.pressedKeys=[]}watchValue(){this.format&&this.updateDate()}watchMinDate(t){this.minDateDate=t?l(t):null}watchMaxDate(t){this.maxDateDate=t?l(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=F(t),this.lastIntervalRange=this.initialIntervalRange}watchActiveCalendar(t){if(!0===t){const t=l(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=F(t),r=w(t,e.selectionStart),s=i.indexOf(r);return R(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=F(t),r=w(t,e.selectionStart),s=i.indexOf(r);return R(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=R(this.format,w(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 R(this.format,w(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"===w(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),o=parseInt(r[i.indexOf("mm")],10)-1,a=parseInt(r[i.indexOf("dd")],10),n=new Date(s,o,a);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=c(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(w(this.format,this.focusedField.selectionStart)){case"d":{const t=l(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:o}=this.getMapAndRegexFromField(e);this.toFormattedValue=this.format.replace(o,(t=>s[t]))}else{const t=l(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 l(this.value)}getRangeFocusedDateValue(){const[t,e]=p(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=w(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let r;switch(e){case"d":r=C(t,i);break;case"m":r=y(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,o,a;s=r,o=this.minDateDate,((a=this.maxDateDate)&&a<s||o&&o>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=m()?this.format||b(k(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?c(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(){o(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[a({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",size:"small"}))}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:"b8ac62b13ada393e6e80482f4e10da8eafd03bb6",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,o=arguments.length,a=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(a=(o<3?s(a):o>3?s(e,i,a):s(e,i))||a);o>3&&a&&Object.defineProperty(e,i,a)})([g({triggerEvents:"mousedown"})],I.prototype,"onClickOutside",null),I.style=":host{display:block;inline-size:fit-content}.gux-datepicker{display:flex}.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;inline-size:100%}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-inline-start:var(--gse-ui-datePicker-range-gap)}.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-block-start:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-inline-end:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-inline-end:var(--gse-ui-formControl-helper-gap);font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.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;inline-size:100%;block-size: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{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);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)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input.gux-active{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);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)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex:1 1 auto;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;inline-size:calc(var(--gse-ui-calendarMenu-day-input-width) - var(--gse-ui-icon-small-size));padding:0;overflow:hidden;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border: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);outline:none;background:transparent;border:none;border-radius:var(--gse-ui-actionButton-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);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-offset:var(--gse-ui-datePicker-focusCalendar-gap);border:none;border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius)}.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-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-cf74fd3d.js";import{a as s,c as o,o as a,f as n}from"./p-43db8808.js";import{r as u}from"./p-0934300e.js";import{a as d}from"./p-cf0e7d3b.js";import{f as l,a as c,b as h,c as p}from"./p-e33e87ef.js";import{O as g}from"./p-f3d844c7.js";import{t as f}from"./p-6ec0040f.js";import{b as x}from"./p-e5e644b3.js";import{g as b,a as k}from"./p-13d8a42a.js";import{u as m}from"./p-c36d332b.js";import"./p-4202e9f2.js";import"./p-43af726d.js";const v={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function C(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 y(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?y(t,C(-1,e)):i}function w(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function D(t){return t.match(/\W/)[0]}function F(t){const e=D(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function R(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.label="",this.numberOfMonths=1,this.minDate="",this.maxDate="",this.mode="single",this.disabled=!1,this.labelPosition="beside",this.formattedValue="",this.toFormattedValue="",this.active=!1,this.pressedKeys=[]}watchValue(){this.format&&this.updateDate()}watchMinDate(t){this.minDateDate=t?l(t):null}watchMaxDate(t){this.maxDateDate=t?l(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=F(t),this.lastIntervalRange=this.initialIntervalRange}watchActiveCalendar(t){if(!0===t){const t=l(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=F(t),r=w(t,e.selectionStart),s=i.indexOf(r);return R(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=F(t),r=w(t,e.selectionStart),s=i.indexOf(r);return R(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=R(this.format,w(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 R(this.format,w(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"===w(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),o=parseInt(r[i.indexOf("mm")],10)-1,a=parseInt(r[i.indexOf("dd")],10),n=new Date(s,o,a);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=c(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(w(this.format,this.focusedField.selectionStart)){case"d":{const t=l(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:o}=this.getMapAndRegexFromField(e);this.toFormattedValue=this.format.replace(o,(t=>s[t]))}else{const t=l(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 l(this.value)}getRangeFocusedDateValue(){const[t,e]=p(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=w(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let r;switch(e){case"d":r=C(t,i);break;case"m":r=y(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,o,a;s=r,o=this.minDateDate,((a=this.maxDateDate)&&a<s||o&&o>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=m()?this.format||b(k(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?c(t,t):h(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}this.updateDate()}runUpdatePosition(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.cleanupUpdatePosition=s(this.datepickerElement,this.calendarElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){o(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[a({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",size:"small"}))}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:"8bf19a961f4cd2d4b66e75d6088b93ea72a13879",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,o=arguments.length,a=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(a=(o<3?s(a):o>3?s(e,i,a):s(e,i))||a);o>3&&a&&Object.defineProperty(e,i,a)})([g({triggerEvents:"mousedown"})],I.prototype,"onClickOutside",null),I.style=":host{display:block;inline-size:fit-content}.gux-datepicker{display:flex}.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;inline-size:100%}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-inline-start:var(--gse-ui-datePicker-range-gap)}.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-block-start:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-inline-end:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-inline-end:var(--gse-ui-formControl-helper-gap);font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.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;inline-size:100%;block-size: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{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);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)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input.gux-active{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);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)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex:1 1 auto;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;inline-size:calc(var(--gse-ui-calendarMenu-day-input-width) - var(--gse-ui-icon-small-size));padding:0;overflow:hidden;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border: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);outline:none;background:transparent;border:none;border-radius:var(--gse-ui-actionButton-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);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-offset:var(--gse-ui-datePicker-focusCalendar-gap);border:none;border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius)}.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-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,f as e,d as i,h as a,H as o,g as n}from"./p-cf74fd3d.js";import{O as s}from"./p-832c080d.js";import{O as r}from"./p-946c70b7.js";import{t as l}from"./p-
|
1
|
+
import{r as t,f as e,d as i,h as a,H as o,g as n}from"./p-cf74fd3d.js";import{O as s}from"./p-832c080d.js";import{O as r}from"./p-946c70b7.js";import{t as l}from"./p-6ec0040f.js";import{g as c}from"./p-89657908.js";import{a as d}from"./p-cf0e7d3b.js";function u(t,e){[].concat(t).forEach((t=>{null!=t&&(t.accent=e)}))}function h(t,...e){e.flat().filter((t=>null!=t&&!(null==t?void 0:t.hasAttribute("icon-only")))).forEach((e=>e.iconOnly=t))}var b=function(t,e,i,a){var o,n=arguments.length,s=n<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,a);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(s=(n<3?o(s):n>3?o(e,i,s):o(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const p=class{constructor(e){t(this,e),this.displayedLayout="full",this.hasContextDivider=!1,this.minimumSizes={full:0,iconOnly:0,condensed:0}}onMutation(){this.hasContextDivider=this.needsContextDivider(),e(this.root)}recordLayoutMinSize(){i((()=>{var t,e,i;const a=0|(null===(t=this.searchAndFilterContainer)||void 0===t?void 0:t.clientWidth),o=0|(null===(e=this.actionsContainer)||void 0===e?void 0:e.clientWidth),n=0|(null===(i=this.minControlSize)||void 0===i?void 0:i.clientWidth);this.minimumSizes[this.displayedLayout]=a+o+n}))}get minControlSize(){return this.root.shadowRoot.querySelector(".section-spacing")}get actionsContainer(){return this.root.shadowRoot.querySelector(".gux-contextual-permanent-primary")}get searchAndFilterContainer(){return this.root.shadowRoot.querySelector(".search-filter-container")}get filterSlot(){return c(this.root,"search-and-filter")}get menuActionSlot(){return c(this.root,"menu-actions")}get permanentSlot(){return c(this.root,"permanent-actions")||c(this.menuActionSlot,"permanent-actions")}get contextualSlot(){return c(this.root,"contextual-actions")}get primaryAction(){var t;return null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-table-toolbar-custom-action[slot]")}get permanentActions(){var t,e;return(null===(t=this.permanentSlot)||void 0===t?void 0:t.hasChildNodes)?Array.from(null===(e=this.permanentSlot)||void 0===e?void 0:e.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action")):[]}get menuActionsItems(){var t,e;if(null===(t=this.menuActionSlot)||void 0===t?void 0:t.hasChildNodes)return Array.from(null===(e=this.menuActionSlot)||void 0===e?void 0:e.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action"))}get contextualActions(){var t,e;return(null===(t=this.contextualSlot)||void 0===t?void 0:t.hasChildNodes)?Array.from(null===(e=this.contextualSlot)||void 0===e?void 0:e.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action")):[]}get filterActions(){var t,e;return(null===(t=this.filterSlot)||void 0===t?void 0:t.hasChildNodes)?Array.from(null===(e=this.filterSlot)||void 0===e?void 0:e.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action")):[]}get allFilterContextual(){var t;return null===(t=this.filterActions)||void 0===t?void 0:t.concat(this.contextualActions)}needsContextDivider(){var t;return(null===(t=this.contextualActions)||void 0===t?void 0:t.length)&&this.contextualSlot!==this.root.lastElementChild}renderMenu(){var t;return Boolean((null===(t=this.menuActionsItems)||void 0===t?void 0:t.length)||"condensed"==this.displayedLayout)}renderFullLayout(){this.displayedLayout="full",h(!1,this.primaryAction,...this.allFilterContextual,...this.permanentActions)}renderIconOnlyLayoutScaleDown(){this.displayedLayout="iconOnly",h(!0,this.primaryAction,...this.allFilterContextual,...this.permanentActions)}renderIconOnlyLayoutScaleUp(){var t,e;this.displayedLayout="iconOnly",u(this.permanentActions,"secondary"),u(this.primaryAction,"primary"),h(!0,this.primaryAction,...this.allFilterContextual,...this.permanentActions),this.permanentActions&&(null===(t=this.root)||void 0===t||t.appendChild(this.permanentSlot)),this.primaryAction&&(null===(e=this.root)||void 0===e||e.appendChild(this.primaryAction))}renderCondensedLayout(){var t,e;this.displayedLayout="condensed",this.permanentActions&&(null===(t=this.menuActionSlot)||void 0===t||t.appendChild(this.permanentSlot)),this.primaryAction&&(null===(e=this.menuActionSlot)||void 0===e||e.appendChild(this.primaryAction)),h(!0,...this.allFilterContextual),h(!1,...this.permanentActions),h(!1,this.primaryAction),u(this.menuActionsItems,"ghost")}componentWillRender(){l(this.root),this.hasContextDivider=this.needsContextDivider()}componentDidLoad(){d((()=>{this.recordLayoutMinSize(),this.checkResponsiveLayout()})),u(this.menuActionsItems,"ghost")}componentDidUpdate(){this.recordLayoutMinSize(),this.checkResponsiveLayout()}checkResponsiveLayout(){i((()=>{const t=this.root.clientWidth;t<=this.minimumSizes.iconOnly?"iconOnly"==this.displayedLayout&&this.renderCondensedLayout():t<=this.minimumSizes.full?"full"==this.displayedLayout?this.renderIconOnlyLayoutScaleDown():"condensed"==this.displayedLayout&&this.renderIconOnlyLayoutScaleUp():this.minimumSizes.iconOnly>this.minimumSizes.full?this.renderIconOnlyLayoutScaleUp():this.renderFullLayout()}))}render(){return a(o,{key:"337dbcf7b2dcf25530dcac20776ff4bcb64fa00b",role:"toolbar","aria-orientation":"horizontal","gs-layout":this.displayedLayout},a("div",{key:"ff3485b6b3eaf5fa216c53502aa28e4c59f054b2",class:"search-filter-container"},a("slot",{key:"ecb9f0fd9b0166a09b067261c7f5cd065632b191",name:"search-and-filter"})),a("div",{key:"56327ee8962b333be4bd47db502c0ade7ad6b077",class:"section-spacing"}),a("div",{key:"09e5fb47e40c2ac796364ffdce517df345ac13ad",class:"gux-contextual-permanent-primary"},a("div",{key:"8d022078707ee1e7b9894fb3f17214fcba6f0f83",class:{"gux-contextual-wrapper":this.hasContextDivider}},a("slot",{key:"64c524e4284e630310d44038ac68b909db3c55e8",name:"contextual-actions"})),a("div",{key:"6962e2ef361c483cb67a41e19509daa4d9751a1b",class:"gux-permanent-menu-primary-wrapper"},a("slot",{key:"57e776b841a9c9fc8d7934b0c507bc836f1532f7",name:"permanent-actions"}),a("gux-table-toolbar-menu-button",{key:"74528cec9977109f97bfc530ad428ad5a517adbb","show-menu":this.renderMenu()},a("slot",{key:"dee04cd0915b223f4b71ae4fb20e5cb9568c19c2",name:"menu-actions"})),a("slot",{key:"5694296b21c1a5cbff1131a1e6e8776bb8de54c0",name:"primary-action"}))))}get root(){return n(this)}};b([r({childList:!0,subtree:!0})],p.prototype,"onMutation",null),b([s()],p.prototype,"checkResponsiveLayout",null),p.style=":host{display:flex;flex-direction:row;align-items:center;justify-content:space-between;inline-size:100%;max-block-size:var(--gse-ui-dataTableItems-tableToolbar-height);visibility:hidden;transition:visibility 0s 0.5s;}@keyframes show-toolbar{to{visibility:visible}}:host .search-filter-container{min-inline-size:260px;padding-inline-end:var(--gse-ui-dataTableItems-tableToolbar-gap)}:host slot[name=search-and-filter]::slotted(*){display:flex;flex-direction:row;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);align-content:flex-start;align-items:center}:host .section-spacing{display:flex;flex-direction:row;min-inline-size:72px}:host .gux-contextual-permanent-primary{display:flex;flex-direction:row;justify-content:space-between;padding-inline-start:var(--gse-ui-dataTableItems-tableToolbar-gap)}:host .gux-contextual-permanent-primary slot[name=permanent-actions]::slotted(*),:host .gux-contextual-permanent-primary slot[name=contextual-actions]::slotted(*){display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);align-content:flex-end;align-items:center}:host .gux-contextual-permanent-primary .gux-contextual-wrapper{padding-inline-end:var(--gse-ui-dataTableItems-tableToolbar-gap);border-inline-end:var(--gse-ui-dataTableItems-tableToolbar-divider-width) solid var(--gse-ui-dataTableItems-tableToolbar-dividerColor)}:host .gux-contextual-permanent-primary .gux-permanent-menu-primary-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);margin-inline-start:var(--gse-ui-dataTableItems-tableToolbar-gap)}";export{p as gux_table_toolbar}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as i,g as t}from"./p-cf74fd3d.js";import{b as o}from"./p-e5e644b3.js";import{O as r}from"./p-946c70b7.js";import{a as l,o as a}from"./p-6b12dd16.js";import{h as s}from"./p-6d8b4027.js";import{g as n}from"./p-0268a3e8.js";import{a as f,G as d}from"./p-56b18d28.js";import{G as h,a as u,b as c}from"./p-eca567b9.js";import{v as p,a as m}from"./p-4aaf349e.js";import{t as g}from"./p-
|
1
|
+
import{r as e,h as i,g as t}from"./p-cf74fd3d.js";import{b as o}from"./p-e5e644b3.js";import{O as r}from"./p-946c70b7.js";import{a as l,o as a}from"./p-6b12dd16.js";import{h as s}from"./p-6d8b4027.js";import{g as n}from"./p-0268a3e8.js";import{a as f,G as d}from"./p-56b18d28.js";import{G as h,a as u,b as c}from"./p-eca567b9.js";import{v as p,a as m}from"./p-4aaf349e.js";import{t as g}from"./p-6ec0040f.js";import"./p-4202e9f2.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const b={required:"Required"};const x=class{constructor(i){e(this,i),this.indicatorMark="required",this.computedLabelPosition="above",this.hasError=!1,this.hasHelp=!1,this.hasLabelInfo=!1}watchValue(e){const i=this.root.querySelector("gux-time-picker");i&&(i.hasError=e)}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help")}handleKeyup(e){var i;"Tab"===e.key?this.input.matches(":focus-within")&&(null===(i=this.labelInfo)||void 0===i||i.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-within")&&clearTimeout(this.hideLabelInfoTimeout)}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}async componentWillLoad(){this.getI18nValue=await o(this.root,b),this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help"),this.hasLabelInfo=s(this.root,"label-info"),g(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){var e;return i(c,{key:"0c2cdc6eca40af226ae24079c99d164ddcd12600",labelPosition:this.computedLabelPosition},i(u,{key:"1617f88288293f831889f150ef1d69eabb123a42"},null===(e=this.label)||void 0===e?void 0:e.textContent,this.renderText(this.getI18nValue("required"),this.required),this.renderText(n(this.root,"error"),this.hasError),this.renderText(n(this.root,"label-info"),this.hasLabelInfo)),i(h,{key:"aeaa56b68b49eb096a9570d5d3dc9d0643b47a57",position:this.computedLabelPosition,required:this.required},i("slot",{key:"afc71be8118bec86e2041c68e4f261d2a778265f",name:"label",onSlotchange:()=>this.setLabel()}),i("gux-form-field-label-indicator",{key:"5238dec8976b892b08367c6fb8e4a82c7126cf3a",variant:this.indicatorMark,required:this.required}),i("slot",{key:"cd5111809b8ff0b3cd0316ed018b524d2db973a2",name:"label-info"})),i("div",{key:"9af39d057c982688352b877aadefdcef8119a31a",class:"gux-input-and-error-container"},i("div",{key:"b31672314ac1065f65b99d13dbc774897ac37437",class:{"gux-input":!0,"gux-input-error":this.hasError}},i("div",{key:"8afed2032d884964bb8184acdba88bf3aaf3e9ee",class:{"gux-time-picker-container":!0,"gux-disabled":this.disabled}},i("slot",{key:"985ce24b804a8388e9edcf153677ba2698a77bef"}))),i(f,{key:"a59b033b7d4f77e5b692cc84f00f9dc46d95baa5",show:this.hasError},i("slot",{key:"1f9ad63d997b15c22d660198ae66f345b2e62034",name:"error"})),i(d,{key:"0e2d230e6b2e3768d5794c6e8752a57f710ed466",show:!this.hasError&&this.hasHelp},i("slot",{key:"5d7216036c87afa602947d8d218520792b9580d8",name:"help"}))))}renderText(e,i=!1){if(i)return" "+e}get variant(){return`timePicker-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.input=this.root.querySelector("gux-time-picker"),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=l(this.input,(e=>{this.disabled=e})),this.requiredObserver=a(this.input,(e=>{this.required=e})),p(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=m(this.label,this.labelPosition)}get root(){return t(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(e,i,t,o){var r,l=arguments.length,a=l<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,i,t,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(l<3?r(a):l>3?r(i,t,a):r(i,t))||a);l>3&&a&&Object.defineProperty(i,t,a)})([r({childList:!0,subtree:!0})],x.prototype,"onMutation",null),x.style=".gux-form-field-fieldset-container{display:flex;min-inline-size:0;padding:0;margin:0;border:none}.gux-form-field-fieldset-container.gux-beside{flex-direction:row}.gux-form-field-fieldset-container.gux-above{flex-direction:column}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}.gux-form-field-visual-label{display:inline-flex;flex:1 0 auto}.gux-form-field-visual-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-visual-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-visual-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-visual-label.gux-screenreader{display:none}.gux-form-field-screenreader-label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{flex-grow:1}";export{x as gux_form_field_time_picker}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as s,H as e,g as i}from"./p-cf74fd3d.js";import{t as r}from"./p-
|
1
|
+
import{r as t,h as s,H as e,g as i}from"./p-cf74fd3d.js";import{t as r}from"./p-6ec0040f.js";import{D as o,g as a}from"./p-8e7bc8d5.js";import{d as h,a as m}from"./p-13d8a42a.js";import{u as p}from"./p-c36d332b.js";import{g as f}from"./p-e5e644b3.js";import"./p-43af726d.js";import"./p-4202e9f2.js";const n=class{constructor(s){t(this,s),this.hasRegionalDatesCookie=!1,this.datetime=(new Date).toISOString(),this.format="short"}componentWillLoad(){r(this.root),p()?this.hasRegionalDatesCookie=!0:this.formatter=new o(f(this.root))}renderTime(){return this.hasRegionalDatesCookie?h(m(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:"ff847978a4b90cfa030506f5e8bf3627b4bb616d"},this.renderTime())}get root(){return i(this)}};export{n as gux_time_beta}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as n,g as a}from"./p-cf74fd3d.js";import{t}from"./p-
|
1
|
+
import{r as e,h as n,g as a}from"./p-cf74fd3d.js";import{t}from"./p-6ec0040f.js";import{O as i}from"./p-946c70b7.js";import{h as o}from"./p-6d8b4027.js";const s=class{constructor(n){e(this,n),this.hasCallToAction=!1,this.hasGuidance=!1}onMutation(){this.hasCallToAction=o(this.root,"call-to-action"),this.hasGuidance=o(this.root,"additional-guidance")}renderCallToActionSlot(){if(this.hasCallToAction)return n("gux-button-slot",{accent:"primary"},n("slot",{name:"call-to-action"}))}renderGuidanceSlot(){if(this.hasGuidance)return n("div",{class:"gux-guidance"},n("slot",{name:"additional-guidance"}))}componentWillLoad(){t(this.root),this.hasCallToAction=o(this.root,"call-to-action"),this.hasGuidance=o(this.root,"additional-guidance")}render(){return n("div",{key:"e7c20863e2a8e957ec8e3b0d8c796bb6e250f817",class:"gux-container"},n("div",{key:"33e2d205db3d81db81490c4a1986adf25f815878",class:"gux-image"},n("slot",{key:"1ad4172b9e9b82e026ff1527727c2c3e83115b8c",name:"image"})),n("div",{key:"c189af637773ec5b19fa5a8bf29c302ea37bb109",class:"gux-message"},n("slot",{key:"d0933deb27de1c4565e4a0c41c2631c7e7efd037",name:"primary-message"})),this.renderGuidanceSlot(),this.renderCallToActionSlot())}get root(){return a(this)}};(function(e,n,a,t){var i,o=arguments.length,s=o<3?n:null===t?t=Object.getOwnPropertyDescriptor(n,a):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,n,a,t);else for(var r=e.length-1;r>=0;r--)(i=e[r])&&(s=(o<3?i(s):o>3?i(n,a,s):i(n,a))||s);o>3&&s&&Object.defineProperty(n,a,s)})([i({childList:!0,subtree:!0})],s.prototype,"onMutation",null),s.style=":host {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n container-type: inline-size;\n}\n\n.gux-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: var(--gse-ui-blankState-padding);\n color: var(--gse-ui-blankState-foregroundColor);\n}\n.gux-container .gux-image {\n padding-block-end: var(--gse-ui-blankState-gapMain);\n}\n.gux-container .gux-message {\n padding-block-end: var(--gse-ui-blankState-gapMessage);\n}\n.gux-container .gux-guidance {\n padding-block-end: var(--gse-ui-blankState-gapContent);\n}\n.gux-container ::slotted(gux-icon) {\n inline-size: var(--gse-ui-blankState-icon-size-lg);\n block-size: var(--gse-ui-blankState-icon-size-lg);\n color: var(--gse-ui-blankState-iconColor);\n}\n.gux-container slot[name=primary-message] {\n font-family: var(--gse-ui-progressAndLoading-blankState-large-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-large-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-large-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-large-header-lineHeight);\n color: var(--gse-ui-blankState-foregroundColor);\n text-align: center;\n}\n.gux-container slot[name=additional-guidance] {\n font-family: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-large-subheader-lineHeight);\n color: var(--gse-ui-blankState-foregroundColor);\n text-align: center;\n}\n\n@container (width < 570px) {\n .gux-container ::slotted(gux-icon) {\n inline-size: var(--gse-ui-blankState-icon-size-sm);\n block-size: var(--gse-ui-blankState-icon-size-sm);\n }\n .gux-container slot[name=primary-message] {\n font-family: var(--gse-ui-progressAndLoading-blankState-small-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-small-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-small-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-small-header-lineHeight);\n }\n .gux-container slot[name=additional-guidance] {\n font-family: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-small-subheader-lineHeight);\n }\n}";export{s as gux_blank_state}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as i,h as o,g as r}from"./p-cf74fd3d.js";import{t}from"./p-
|
1
|
+
import{r as i,h as o,g as r}from"./p-cf74fd3d.js";import{t}from"./p-6ec0040f.js";import{b as a}from"./p-e5e644b3.js";import"./p-4202e9f2.js";const e={optional:"optional"},l=class{constructor(o){i(this,o),this.variant="required",this.required=!1}async componentWillLoad(){t(this.root,{variant:this.variant}),this.i18n=await a(this.root,e)}render(){return"optional"!==this.variant||this.required?"required"===this.variant&&this.required?o("span",{class:"gux-form-field-label-indicator-required","aria-hidden":"true"},"*"):null:o("span",{class:"gux-form-field-label-indicator-optional"},"(",this.i18n("optional"),")")}get root(){return r(this)}};l.style=".gux-form-field-label-indicator-required{padding-inline-start:var(--gse-ui-formControl-formField-gap);color:var(--gse-ui-formControl-label-indicator-requiredColor)}.gux-form-field-label-indicator-optional{margin-inline-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-label-indicator-text-fontFamily);font-size:var(--gse-ui-formControl-label-indicator-text-fontSize);font-weight:var(--gse-ui-formControl-label-indicator-text-fontWeight);line-height:var(--gse-ui-formControl-label-indicator-text-lineHeight);color:var(--gse-ui-formControl-label-indicator-optionalColor)}";export{l as gux_form_field_label_indicator}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,f as t,h as o,g as i,c as r}from"./p-cf74fd3d.js";import{b as n}from"./p-e5e644b3.js";import{c as s,o as a}from"./p-f4751a15.js";import{O as l}from"./p-946c70b7.js";import{o as u}from"./p-6b12dd16.js";import{p as f}from"./p-a11d5d42.js";import{h as d,c,g as p,v as g,a as h,d as b}from"./p-4aaf349e.js";import{s as m}from"./p-2c25e2f2.js";import{h as x}from"./p-6d8b4027.js";import{a as v,G as C}from"./p-56b18d28.js";import{G as y,a as k}from"./p-bd1d4fac.js";import{t as w}from"./p-14333ed8.js";import{f as j}from"./p-54822e3b.js";import{t as T}from"./p-20fbe34f.js";import{O as z}from"./p-f3d844c7.js";import{b as F}from"./p-cf0e7d3b.js";import"./p-4202e9f2.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";const I={increment:"Increment",decrement:"Decrement"};const O=class{constructor(t){e(this,t),this.indicatorMark="required",this.computedLabelPosition="above",this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help")}handleKeyup(e){var t,o;"Tab"===e.key?this.input.matches(":focus-visible")&&(null===(t=this.labelInfo)||void 0===t||t.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-visible")&&(null===(o=this.labelInfo)||void 0===o||o.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}async guxForceUpdate(){this.hasContent=d(this.input),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help"),t(this.root)}async componentWillLoad(){this.getI18nValue=await n(this.root,I),this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help"),w(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){const e=this.clearable&&this.hasContent&&!this.disabled;return o(k,{key:"064b2007a38027d4f97550745ca7c7f3cf4b7d8f",labelPosition:this.computedLabelPosition},o(y,{key:"d1740901d5d5c27ec4f806bf35befa064e6a66d5",required:this.required,position:this.computedLabelPosition},o("slot",{key:"58027f50032fbeafecd90837708f7d601d10f1fe",name:"label",onSlotchange:()=>this.setLabel()}),o("gux-form-field-label-indicator",{key:"0488b44de3e25719b594ad8d8ddb11bf262ec7dd",variant:this.indicatorMark,required:this.required}),o("slot",{key:"de7653879e59754090b60f0e252b31e56465aeca",name:"label-info"})),o("div",{key:"90ac5896eca80bcf8f90bd46ddffeb55cb8a8857",class:"gux-input-and-error-container"},o("div",{key:"ba18c3897c9c0a05c79db41a2e830cf868278f3b",class:{"gux-input":!0,"gux-input-error":this.hasError},part:"input-section"},o("div",{key:"df7c0fda30de62de2b8e60d990db981d46bed398",class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-clear":e},onClick:()=>j(this.input)},o("slot",{key:"db8e57514b91b790ffef0e6527c7453f4b836ff1",name:"input",onSlotchange:()=>this.setInput()}),e&&o("gux-form-field-input-clear-button",{key:"a94c0704fd44dd528e715f080fb78ce4c01c4c34",onClick:()=>c(this.input)})),this.renderStepButtons(this.input,this.getI18nValue,this.disabled)),o(v,{key:"2b5102f868a4e18812549bf6e96b6e413f352096",show:this.hasError},o("slot",{key:"9d22a28226b37f1f07269fac2b213a95ea28081a",name:"error"})),o(C,{key:"337135575dadc0205a503693eb6ed0904048e7ed",show:!this.hasError&&this.hasHelp},o("slot",{key:"5ff91b042057e53e5a0544a1f2f2360d6efcb671",name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.clearable?"clearable":"unclearable"}-${e}`}setInput(){this.input=p(this.root,'input[type="number"][slot="input"]'),this.hasContent=d(this.input),f(this.input),this.input.addEventListener("input",(()=>{this.hasContent=d(this.input)})),this.disabled=s(this.input),this.required=this.input.required,this.disabledObserver=a(this.input,(e=>{this.disabled=e})),this.requiredObserver=u(this.input,(e=>{this.required=e})),g(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=h(this.label,this.labelPosition)}renderStepButtons(e,t,i){return o("div",{class:"gux-step-buttons-container"},o("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:t("increment"),disabled:i,onClick:()=>this.stepUp(e)},o("gux-icon",{"icon-name":"custom/chevron-up-small-regular",decorative:!0})),o("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:t("decrement"),disabled:i,onClick:()=>this.stepDown(e)},o("gux-icon",{"icon-name":"custom/chevron-down-small-regular",decorative:!0})))}stepDown(e){""===e.value?b(e,e.min||"0",!1):(e.stepDown(),this.simulateNativeInputAndChangeEvents(e))}stepUp(e){""===e.value?b(e,e.min||"0",!1):(e.stepUp(),this.simulateNativeInputAndChangeEvents(e))}simulateNativeInputAndChangeEvents(e){m(e,"input"),m(e,"change")}static get delegatesFocus(){return!0}get root(){return i(this)}};(function(e,t,o,i){var r,n=arguments.length,s=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,o,s):r(t,o))||s);n>3&&s&&Object.defineProperty(t,o,s)})([l({childList:!0,subtree:!0})],O.prototype,"onMutation",null),O.style=".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;inline-size:100%;padding-block-end:0;overflow:hidden;text-overflow:ellipsis;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);text-align:end;outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;inline-size:100%}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;align-self:auto;order:0;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);cursor:text;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-input-and-error-container .gux-input .gux-input-container.gux-disabled{cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);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)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-step-buttons-container{flex:0 1 14px;align-self:auto;order:0;margin-inline-start:var(--gse-ui-formControl-spinButton-gap)}.gux-step-buttons-container .gux-step-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-defaultColor);background:transparent;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) transparent}.gux-step-buttons-container .gux-step-button:not(:disabled):focus-visible,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{cursor:pointer;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-step-buttons-container .gux-step-button gux-icon{flex:0 0 auto;inline-size:14px;block-size:14px}";const R=class{constructor(t){e(this,t),this.goToPage=r(this,"goToPage",7),this.isOpen=!1,this.disabled=!1}handleKeyDown(e){const t=e.composedPath();switch(e.key){case"Escape":this.isOpen=!1,this.ellipsisButton.focus();break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":t.includes(this.ellipsisButton)&&(e.preventDefault(),this.isOpen=!0,this.focusInputElement())}}handleKeyup(e){if(" "===e.key)e.composedPath().includes(this.ellipsisButton)&&(this.isOpen=!0,this.focusInputElement())}watchIsDisabled(e){e&&(this.isOpen=!1)}toggle(){this.isOpen=!this.isOpen,this.isOpen&&this.focusInputElement()}onClickOutside(){this.isOpen=!1}focusInputElement(){F((()=>{this.inputElement.focus()}))}applyInputListener(){var e;null===(e=this.inputElement)||void 0===e||e.addEventListener("keydown",(e=>{const t=e.target.value.trim();"Enter"!=e.key&&" "!=e.key||(""==t?e.preventDefault():(e.preventDefault(),this.goToPage.emit(e.target.value),this.isOpen=!1))}))}async componentWillLoad(){this.i18n=await n(this.root,T,"gux-pagination-buttons"),w(this.root)}componentDidLoad(){this.applyInputListener()}render(){return[o("gux-button",{key:"3b4e01afe3cc52e4f15bd06beaf246ddb6022347",accent:"ghost",id:"popover-target",type:"button",disabled:this.disabled,ref:e=>this.ellipsisButton=e,onClick:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},o("gux-icon",{key:"4dd184f3df45a8217662c6a2212a43ed8b8dc637",screenreaderText:this.i18n("goToPage"),"icon-name":"fa/ellipsis-regular",size:"small"})),o("gux-tooltip",{key:"7c5e0ae742547ebb974acd5893d32cf1f7c7a160",for:"popover-target"},o("div",{key:"ab2acb2eaddf719a43100a02961ade72fb58adac",slot:"content"},this.i18n("goToPage"))),o("gux-popover",{key:"fd4dfdb6366ff55b0bb2cf89cb44ba4619c512e4","is-open":this.isOpen,for:"popover-target"},o("span",{key:"9df657db624e86018296c02bb1af9601414cef7c",slot:"title"},this.i18n("goToPage")),o("gux-form-field-number",{key:"bdd0cbe91e36e28dbcd5f24312f287f1e1ec4441"},o("input",{key:"a229de63ad7e45af3526dc547765dfa19fdacf6e",slot:"input",type:"number",ref:e=>this.inputElement=e,min:"1",max:this.totalPages,value:"1",onKeyDown:e=>["e","E","+","-","."].includes(e.key)&&e.preventDefault()}),o("label",{key:"2300839502e8b3d3c267ef8a8e46fe349315db57",slot:"label"})))]}get root(){return i(this)}static get watchers(){return{disabled:["watchIsDisabled"]}}};(function(e,t,o,i){var r,n=arguments.length,s=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,o,s):r(t,o))||s);n>3&&s&&Object.defineProperty(t,o,s)})([z({triggerEvents:"mousedown"})],R.prototype,"onClickOutside",null),R.style="gux-button gux-icon{padding-block-start:4px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}";export{O as gux_form_field_number,R as gux_pagination_ellipsis_button}
|
1
|
+
import{r as e,f as t,h as o,g as i,c as r}from"./p-cf74fd3d.js";import{b as n}from"./p-e5e644b3.js";import{c as s,o as a}from"./p-f4751a15.js";import{O as l}from"./p-946c70b7.js";import{o as u}from"./p-6b12dd16.js";import{p as f}from"./p-a11d5d42.js";import{h as d,c,g as p,v as g,a as h,d as b}from"./p-4aaf349e.js";import{s as m}from"./p-2c25e2f2.js";import{h as x}from"./p-6d8b4027.js";import{a as v,G as C}from"./p-56b18d28.js";import{G as y,a as k}from"./p-bd1d4fac.js";import{t as w}from"./p-6ec0040f.js";import{f as j}from"./p-54822e3b.js";import{t as T}from"./p-20fbe34f.js";import{O as z}from"./p-f3d844c7.js";import{b as F}from"./p-cf0e7d3b.js";import"./p-4202e9f2.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";const I={increment:"Increment",decrement:"Decrement"};const O=class{constructor(t){e(this,t),this.indicatorMark="required",this.computedLabelPosition="above",this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help")}handleKeyup(e){var t,o;"Tab"===e.key?this.input.matches(":focus-visible")&&(null===(t=this.labelInfo)||void 0===t||t.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-visible")&&(null===(o=this.labelInfo)||void 0===o||o.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}async guxForceUpdate(){this.hasContent=d(this.input),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help"),t(this.root)}async componentWillLoad(){this.getI18nValue=await n(this.root,I),this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help"),w(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){const e=this.clearable&&this.hasContent&&!this.disabled;return o(k,{key:"064b2007a38027d4f97550745ca7c7f3cf4b7d8f",labelPosition:this.computedLabelPosition},o(y,{key:"d1740901d5d5c27ec4f806bf35befa064e6a66d5",required:this.required,position:this.computedLabelPosition},o("slot",{key:"58027f50032fbeafecd90837708f7d601d10f1fe",name:"label",onSlotchange:()=>this.setLabel()}),o("gux-form-field-label-indicator",{key:"0488b44de3e25719b594ad8d8ddb11bf262ec7dd",variant:this.indicatorMark,required:this.required}),o("slot",{key:"de7653879e59754090b60f0e252b31e56465aeca",name:"label-info"})),o("div",{key:"90ac5896eca80bcf8f90bd46ddffeb55cb8a8857",class:"gux-input-and-error-container"},o("div",{key:"ba18c3897c9c0a05c79db41a2e830cf868278f3b",class:{"gux-input":!0,"gux-input-error":this.hasError},part:"input-section"},o("div",{key:"df7c0fda30de62de2b8e60d990db981d46bed398",class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-clear":e},onClick:()=>j(this.input)},o("slot",{key:"db8e57514b91b790ffef0e6527c7453f4b836ff1",name:"input",onSlotchange:()=>this.setInput()}),e&&o("gux-form-field-input-clear-button",{key:"a94c0704fd44dd528e715f080fb78ce4c01c4c34",onClick:()=>c(this.input)})),this.renderStepButtons(this.input,this.getI18nValue,this.disabled)),o(v,{key:"2b5102f868a4e18812549bf6e96b6e413f352096",show:this.hasError},o("slot",{key:"9d22a28226b37f1f07269fac2b213a95ea28081a",name:"error"})),o(C,{key:"337135575dadc0205a503693eb6ed0904048e7ed",show:!this.hasError&&this.hasHelp},o("slot",{key:"5ff91b042057e53e5a0544a1f2f2360d6efcb671",name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.clearable?"clearable":"unclearable"}-${e}`}setInput(){this.input=p(this.root,'input[type="number"][slot="input"]'),this.hasContent=d(this.input),f(this.input),this.input.addEventListener("input",(()=>{this.hasContent=d(this.input)})),this.disabled=s(this.input),this.required=this.input.required,this.disabledObserver=a(this.input,(e=>{this.disabled=e})),this.requiredObserver=u(this.input,(e=>{this.required=e})),g(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=h(this.label,this.labelPosition)}renderStepButtons(e,t,i){return o("div",{class:"gux-step-buttons-container"},o("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:t("increment"),disabled:i,onClick:()=>this.stepUp(e)},o("gux-icon",{"icon-name":"custom/chevron-up-small-regular",decorative:!0})),o("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:t("decrement"),disabled:i,onClick:()=>this.stepDown(e)},o("gux-icon",{"icon-name":"custom/chevron-down-small-regular",decorative:!0})))}stepDown(e){""===e.value?b(e,e.min||"0",!1):(e.stepDown(),this.simulateNativeInputAndChangeEvents(e))}stepUp(e){""===e.value?b(e,e.min||"0",!1):(e.stepUp(),this.simulateNativeInputAndChangeEvents(e))}simulateNativeInputAndChangeEvents(e){m(e,"input"),m(e,"change")}static get delegatesFocus(){return!0}get root(){return i(this)}};(function(e,t,o,i){var r,n=arguments.length,s=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,o,s):r(t,o))||s);n>3&&s&&Object.defineProperty(t,o,s)})([l({childList:!0,subtree:!0})],O.prototype,"onMutation",null),O.style=".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;inline-size:100%;padding-block-end:0;overflow:hidden;text-overflow:ellipsis;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);text-align:end;outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;inline-size:100%}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;align-self:auto;order:0;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);cursor:text;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-input-and-error-container .gux-input .gux-input-container.gux-disabled{cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);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)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-step-buttons-container{flex:0 1 14px;align-self:auto;order:0;margin-inline-start:var(--gse-ui-formControl-spinButton-gap)}.gux-step-buttons-container .gux-step-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-defaultColor);background:transparent;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) transparent}.gux-step-buttons-container .gux-step-button:not(:disabled):focus-visible,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{cursor:pointer;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-step-buttons-container .gux-step-button gux-icon{flex:0 0 auto;inline-size:14px;block-size:14px}";const R=class{constructor(t){e(this,t),this.goToPage=r(this,"goToPage",7),this.isOpen=!1,this.disabled=!1}handleKeyDown(e){const t=e.composedPath();switch(e.key){case"Escape":this.isOpen=!1,this.ellipsisButton.focus();break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":t.includes(this.ellipsisButton)&&(e.preventDefault(),this.isOpen=!0,this.focusInputElement())}}handleKeyup(e){if(" "===e.key)e.composedPath().includes(this.ellipsisButton)&&(this.isOpen=!0,this.focusInputElement())}watchIsDisabled(e){e&&(this.isOpen=!1)}toggle(){this.isOpen=!this.isOpen,this.isOpen&&this.focusInputElement()}onClickOutside(){this.isOpen=!1}focusInputElement(){F((()=>{this.inputElement.focus()}))}applyInputListener(){var e;null===(e=this.inputElement)||void 0===e||e.addEventListener("keydown",(e=>{const t=e.target.value.trim();"Enter"!=e.key&&" "!=e.key||(""==t?e.preventDefault():(e.preventDefault(),this.goToPage.emit(e.target.value),this.isOpen=!1))}))}async componentWillLoad(){this.i18n=await n(this.root,T,"gux-pagination-buttons"),w(this.root)}componentDidLoad(){this.applyInputListener()}render(){return[o("gux-button",{key:"3b4e01afe3cc52e4f15bd06beaf246ddb6022347",accent:"ghost",id:"popover-target",type:"button",disabled:this.disabled,ref:e=>this.ellipsisButton=e,onClick:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},o("gux-icon",{key:"4dd184f3df45a8217662c6a2212a43ed8b8dc637",screenreaderText:this.i18n("goToPage"),"icon-name":"fa/ellipsis-regular",size:"small"})),o("gux-tooltip",{key:"7c5e0ae742547ebb974acd5893d32cf1f7c7a160",for:"popover-target"},o("div",{key:"ab2acb2eaddf719a43100a02961ade72fb58adac",slot:"content"},this.i18n("goToPage"))),o("gux-popover",{key:"fd4dfdb6366ff55b0bb2cf89cb44ba4619c512e4","is-open":this.isOpen,for:"popover-target"},o("span",{key:"9df657db624e86018296c02bb1af9601414cef7c",slot:"title"},this.i18n("goToPage")),o("gux-form-field-number",{key:"bdd0cbe91e36e28dbcd5f24312f287f1e1ec4441"},o("input",{key:"a229de63ad7e45af3526dc547765dfa19fdacf6e",slot:"input",type:"number",ref:e=>this.inputElement=e,min:"1",max:this.totalPages,value:"1",onKeyDown:e=>["e","E","+","-","."].includes(e.key)&&e.preventDefault()}),o("label",{key:"2300839502e8b3d3c267ef8a8e46fe349315db57",slot:"label"})))]}get root(){return i(this)}static get watchers(){return{disabled:["watchIsDisabled"]}}};(function(e,t,o,i){var r,n=arguments.length,s=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,o,s):r(t,o))||s);n>3&&s&&Object.defineProperty(t,o,s)})([z({triggerEvents:"mousedown"})],R.prototype,"onClickOutside",null),R.style="gux-button gux-icon{padding-block-start:4px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}";export{O as gux_form_field_number,R as gux_pagination_ellipsis_button}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as a,H as t,g as o}from"./p-cf74fd3d.js";import{t as s}from"./p-
|
1
|
+
import{r as e,h as a,H as t,g as o}from"./p-cf74fd3d.js";import{t as s}from"./p-6ec0040f.js";const i=class{constructor(a){e(this,a)}componentWillLoad(){s(this.root)}render(){return a(t,{key:"86c7d4b10a2b6aff27aefc4b301600d37d3a2b95"},a("div",{key:"c91122959f04e871256924658943d42e3efa086d",class:"gux-header"},a("div",{key:"197997e4491ecfef4eae36be626625d63e5cafe6",class:"gux-icon"},a("slot",{key:"42299d9477f16ead474126a0eb6c18dec4e51ba5",name:"icon"})),a("div",{key:"79aa729ba27becac9f95ac5278d105e14ed69211",class:"gux-title"},a("slot",{key:"59b6d808b0c56b6e0468ec59598326039758074d",name:"title"}))),a("div",{key:"b1e73ea83c95fd1e17f0f1657ab8aa5b9b7deb14",class:"gux-message"},a("slot",{key:"e16d6521334acf2997d594c62589662b65eba647",name:"message"})),a("div",{key:"4c72959e5ac48709d03f49ed00d3af1e0b9241bb",class:"gux-action-buttons"},a("div",{key:"6d451a966ff94fa805f78462215ca3858d6bcc11",class:"gux-positive-button"},a("slot",{key:"5e7f6901f414700e0dacff47fc2bb4ea591bbedb",name:"positive-button"})),a("div",{key:"6a51a2a92c669756d643655487e3deeabdd94e04",class:"gux-negative-button"},a("slot",{key:"3194513f90919ad3f4f4f2d0c50f4fedd92bb6c0",name:"negative-button"}))))}get root(){return o(this)}};i.style=":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:stretch;width:270px;padding:20px 24px;margin-bottom:4px;color:var(--gse-ui-toast-success-foregroundColor);background:var(--gse-ui-toast-success-backgroundColor);border:1px solid var(--gse-ui-card-default-border-color);border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;align-self:auto;order:0;font-family:var(--gse-semantic-heading-lg-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-lg-bold-fontSize);line-height:var(--gse-semantic-heading-lg-bold-lineHeight);font-weight:var(--gse-semantic-heading-lg-bold-fontWeight)}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:var(--gse-core-colorLegacy-secondary-aquaGreen)}.gux-header .gux-icon ::slotted(gux-icon){width:32px !important;height:32px !important}.gux-header .gux-title{flex:1 1 auto;align-self:auto;order:0;margin:0 0 0 8px}.gux-message{flex:0 1 auto;align-self:auto;order:0;margin:16px 0;font-family:var(--gse-semantic-body-sm-regular-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-semantic-body-sm-regular-fontSize);line-height:var(--gse-semantic-body-sm-regular-lineHeight);font-weight:var(--gse-semantic-body-sm-regular-fontWeight)}.gux-message ::slotted(dl){display:flex;flex-direction:row;flex-wrap:wrap;place-content:stretch flex-start;align-items:flex-start;margin:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}";export{i as gux_action_toast_legacy}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as s,H as i,g as e}from"./p-cf74fd3d.js";import{s as o}from"./p-2c25e2f2.js";import{t as h}from"./p-
|
1
|
+
import{r as t,h as s,H as i,g as e}from"./p-cf74fd3d.js";import{s as o}from"./p-2c25e2f2.js";import{t as h}from"./p-6ec0040f.js";const r=class{constructor(s){t(this,s),this.layout="default",this.switchItems=[]}onClick(t){t.stopPropagation();const s=t.target.closest("gux-switch-item");s&&this.value!==s.value&&(this.value=s.value,o(this.root,"input"),o(this.root,"change"))}slotChanged(){this.switchItems=Array.from(this.root.children)}componentWillLoad(){h(this.root,{variant:this.layout})}componentWillRender(){this.switchItems.forEach((t=>{t.selected=t.value===this.value}))}render(){return s(i,{key:"88b86e36c2c9083bf79172dea82fbdd6b5040d4b",role:"group",class:`gux-${this.layout}`},s("slot",{key:"6ac3e68b902ea94c0647b2161b11bbe423b54b12",onSlotchange:this.slotChanged.bind(this)}))}get root(){return e(this)}};r.style=":host{display:flex;align-items:flex-end}";export{r as gux_switch_legacy}
|
@@ -0,0 +1 @@
|
|
1
|
+
import{r as t,c as s,h as i,g as e}from"./p-cf74fd3d.js";import{a as o,c as a,o as r,f as h,s as n,h as p,b as c}from"./p-43db8808.js";import{a as d}from"./p-cf0e7d3b.js";import{O as l}from"./p-f3d844c7.js";import{t as u}from"./p-6ec0040f.js";import{f as b}from"./p-9b0d3713.js";const f=class{constructor(i){t(this,i),this.guxdismiss=s(this,"guxdismiss",7),this.position="bottom",this.closeOnClickOutside=!1,this.isOpen=!1,this.disconnect=void 0}onKeyDown(t){switch(t.key){case"Tab":this.dismiss();break;case"Escape":this.dismiss(),this.forElement.focus()}}checkForClickOutside(t){const s=t.composedPath(),i=b(this.root,this.for),e=s.includes(i);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||e||this.dismiss()}runUpdatePosition(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.root.isConnected?this.cleanupUpdatePosition=o(b(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const t=b(this.root,this.for);this.popupElement&&a(t,this.popupElement,{strategy:"fixed",placement:this.position,middleware:[r(2),h(),n(),p(),c({element:this.arrowElement,padding:16})]}).then((({x:t,y:s,middlewareData:i,placement:e})=>{Object.assign(this.popupElement.style,{left:`${t}px`,top:`${s}px`});const o={top:"bottom",right:"left",bottom:"top",left:"right"}[e.split("-")[0]];if(i.arrow){const{x:t,y:s}=i.arrow;this.popupElement.setAttribute("data-placement",e),Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=s?`${s}px`:"",right:"",bottom:"",[o]:"-6.5px",transform:"rotate(45deg)"})}i.hide&&Object.assign(this.popupElement.style,{visibility:i.hide.referenceHidden?"hidden":"visible"})}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1,this.popupElement.togglePopover())}focusFirstItemInPopupList(){d((()=>{this.listElement.guxFocusFirstItem()}))}onKeydown(t){switch(t.key){case"Enter":case" ":this.popupElement.togglePopover(),this.isOpen=!this.isOpen,this.runUpdatePosition(),this.focusFirstItemInPopupList()}}onMouseup(){this.popupElement.togglePopover(),this.isOpen=!this.isOpen,this.runUpdatePosition()}connectedCallback(){u(this.root,{variant:this.position}),this.listElement=this.root.querySelector("gux-list"),this.forElement=b(this.root,this.for),this.forElement.setAttribute("aria-haspopup","true");const t=this.onKeydown.bind(this);this.forElement.addEventListener("keydown",t);const s=this.onMouseup.bind(this);this.forElement.addEventListener("mouseup",s),this.disconnect=()=>{this.forElement.removeEventListener("keydown",t),this.forElement.removeEventListener("mouseup",s)}}componentDidLoad(){this.isOpen&&(this.popupElement.togglePopover(),this.runUpdatePosition())}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.disconnect()}render(){return i("div",{key:"6e8a7aedef7c765741027e160fc33bd742998108",ref:t=>this.popupElement=t,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0,popover:"manual"},i("div",{key:"07052e7958ca90f582d699839c122a46b12da7b6",ref:t=>this.arrowElement=t,class:"gux-arrow"}),this.displayDismissButton&&i("gux-dismiss-button",{key:"c5559ac16b0a8b48729c5f9c8672ce3c5a25768f",onClick:this.dismiss.bind(this)}),i("div",{key:"34d370a8e31db4884b611471a26eb8f1bf04a166",class:"gux-popover-content"},i("slot",{key:"2c5a0052e1a764bd615317155f48f998537ce5a3"})))}get root(){return e(this)}};(function(t,s,i,e){var o,a=arguments.length,r=a<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,i,e);else for(var h=t.length-1;h>=0;h--)(o=t[h])&&(r=(a<3?o(r):a>3?o(s,i,r):o(s,i))||r);a>3&&r&&Object.defineProperty(s,i,r)})([l({triggerEvents:"mousedown"})],f.prototype,"checkForClickOutside",null),f.style=":popover-open{position:absolute;inset:unset}.gux-popover-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding-block:8px;padding-inline:0;overflow-y:hidden;background-color:var(--gse-ui-popover-backgroundColor);border:none;border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow);}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";export{f as gux_popover_list_beta}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as i,c as e,h as a,g as l}from"./p-cf74fd3d.js";import{b as r}from"./p-e5e644b3.js";import{t as o}from"./p-
|
1
|
+
import{r as i,c as e,h as a,g as l}from"./p-cf74fd3d.js";import{b as r}from"./p-e5e644b3.js";import{t as o}from"./p-6ec0040f.js";import"./p-4202e9f2.js";const t={removeFile:"Remove {filename} file",uploadingFile:"Uploading {filename} file",success:"{filename} file uploaded successfully",error:"{filename} file has an error"},n=class{constructor(a){i(this,a),this.guxremovefile=e(this,"guxremovefile",7),this.disabled=!1}async componentWillLoad(){this.getI18nValue=await r(this.root,t),o(this.root)}render(){return a("div",{key:"d53955036d4a45a954e6beaafb6c933a380c29b8",class:{"gux-file-list-item":!0,[`gux-${this.status}`]:!0,"gux-disabled":this.disabled}},a("div",{key:"3a1003748e90a3b27ecdbece18249884ed8835a3",class:"gux-info"},a("gux-truncate",{key:"7ffb12f5e1d210bf991075ba6936c72518cce6fd"},a("span",{key:"461a240baa6c3dac8c0cb7027045bfb10edf906b",class:"gux-file-name"},this.name)),this.renderStatusIndicator(),this.renderFileRemoveButton()),this.renderAdditionalInfo())}renderStatusIndicator(){switch(this.status){case"loading":return a("gux-radial-loading",{context:"input","screenreader-text":this.getI18nValue("uploadingFile",{filename:this.name})});case"success":return a("gux-icon-tooltip-beta",{"icon-name":"fa/circle-check-solid",class:"gux-indicator"},a("span",{slot:"content"},this.getI18nValue("success",{filename:this.name})));case"error":return a("gux-icon-tooltip-beta",{"icon-name":"fa/hexagon-exclamation-solid",class:"gux-indicator"},a("span",{slot:"content"},this.getI18nValue("error",{filename:this.name})));default:return null}}renderFileRemoveButton(){return this.disabled?null:a("gux-button-slot",{accent:"ghost","icon-only":!0},a("button",{type:"button",onClick:()=>this.guxremovefile.emit(this.index)},a("gux-icon",{"icon-name":"fa/xmark-large-regular",size:"small",decorative:!0}),a("gux-screen-reader-beta",null,this.getI18nValue("removeFile",{filename:this.name}))))}renderAdditionalInfo(){return"error"===this.status?a("div",{class:"gux-additional-info"},a("div",{class:"gux-additional-info-header"},a("slot",{name:"additional-info-header"})),a("div",{class:"gux-additional-info-content"},a("slot",{name:"additional-info-content"}))):null}get root(){return l(this)}};n.style=':host{display:block}.gux-file-list-item{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--gse-ui-fileUpload-fileCard-foregroundColor);border:var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-width) var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-style) var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-color);border-radius:var(--gse-ui-fileUpload-fileCard-borderRadius);box-shadow:var(--gse-ui-fileUpload-fileCard-boxShadow)}.gux-file-list-item.gux-disabled{opacity:0.5}.gux-file-list-item.gux-error{padding-block-start:0;border:var(--gse-ui-fileUpload-fileCard-mainContainer-error-border-width) var(--gse-ui-fileUpload-fileCard-mainContainer-error-border-style) var(--gse-ui-fileUpload-fileCard-mainContainer-error-border-color)}.gux-file-list-item .gux-info{box-sizing:border-box;display:flex;gap:var(--gse-ui-fileUpload-fileCard-card-gap);align-items:center;inline-size:100%;block-size:32px;padding:var(--gse-ui-fileUpload-fileCard-card-padding)}.gux-file-list-item .gux-info .gux-file-name{font-family:var(--gse-ui-fileUpload-fileCard-fileName-text-fontFamily);font-size:var(--gse-ui-fileUpload-fileCard-fileName-text-fontSize);font-weight:var(--gse-ui-fileUpload-fileCard-fileName-text-fontWeight);line-height:var(--gse-ui-fileUpload-fileCard-fileName-text-lineHeight);color:var(--gse-ui-fileUpload-fileCard-fileName-default)}.gux-file-list-item .gux-info .gux-indicator[icon-name="fa/circle-check-solid"]{--gse-ui-formControl-label-tooltipTrigger-color:ui.$gse-ui-fileUpload-fileCard-statusIcon-success}.gux-file-list-item .gux-info .gux-indicator[icon-name="fa/hexagon-exclamation-solid"]{--gse-ui-formControl-label-tooltipTrigger-color:ui.$gse-ui-fileUpload-fileCard-statusIcon-error}.gux-file-list-item .gux-info gux-button-slot{inline-size:var(--gse-ui-button-dismiss-small-width);block-size:var(--gse-ui-button-dismiss-small-height)}.gux-file-list-item .gux-info gux-button-slot button{--gse-ui-button-default-paddingIconOnly:4px;inline-size:var(--gse-ui-button-dismiss-small-width);min-inline-size:var(--gse-ui-button-dismiss-small-width);block-size:var(--gse-ui-button-dismiss-small-height)}.gux-file-list-item .gux-additional-info{display:flex;flex-direction:column;gap:var(--gse-ui-fileUpload-fileCard-card-errorCard-errorTextSection-gap);inline-size:100%;padding:var(--gse-ui-fileUpload-fileCard-card-errorCard-mainContainer-padding);font-family:var(--gse-ui-fileUpload-fileCard-error-text-fontFamily);font-size:var(--gse-ui-fileUpload-fileCard-error-text-fontSize);font-weight:var(--gse-ui-fileUpload-fileCard-error-text-fontWeight);line-height:var(--gse-ui-fileUpload-fileCard-error-text-lineHeight);border-block-start:var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-width) var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-style) var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-color)}.gux-file-list-item .gux-additional-info .gux-additional-info-header{padding:var(--gse-ui-fileUpload-fileCard-card-padding);color:var(--gse-ui-fileUpload-fileCard-error-errorMessage)}.gux-file-list-item .gux-additional-info .gux-additional-info-content{padding:var(--gse-ui-fileUpload-fileCard-card-padding);color:var(--gse-ui-fileUpload-fileCard-error-errorHelper)}';export{n as gux_file_list_item}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as a,h as s,H as i,g as e}from"./p-cf74fd3d.js";import{t as h}from"./p-
|
1
|
+
import{r as t,c as a,h as s,H as i,g as e}from"./p-cf74fd3d.js";import{t as h}from"./p-6ec0040f.js";const c=class{constructor(s){t(this,s),this.guxactivetabchange=a(this,"guxactivetabchange",7),this.tabPanels=[]}watchActiveTab(t){this.activateTab(t,this.tabList,this.tabPanels),this.guxactivetabchange.emit(t)}onInternalActivateTabPanel(t){t.stopPropagation(),this.activateTab(t.detail,this.tabList,this.tabPanels)}async guxActivate(t){this.activateTab(t,this.tabList,this.tabPanels)}onSlotchange(){const[t,a]=Array.from(this.root.shadowRoot.querySelectorAll("slot"));this.tabList=t.assignedElements()[0],this.tabPanels=a.assignedElements(),this.activateTab(this.activeTab,this.tabList,this.tabPanels)}activateTab(t,a,s){var i;this.activeTab=t||(null===(i=null==a?void 0:a.querySelector("gux-tab-advanced"))||void 0===i?void 0:i.getAttribute("tab-id")),a.guxSetActive(this.activeTab),s.forEach((t=>{t.guxSetActive(t.tabId===this.activeTab)}))}componentWillLoad(){h(this.root)}render(){return s(i,{key:"ff8dc727f1d22924681b1bb773149410625038e5"},s("slot",{key:"ea6c56622105d32a5a69a389551032729067492d",name:"tab-list"}),s("slot",{key:"b79b2dc3889a5a50eb95c8984b0c0aeead58c2aa",onSlotchange:this.onSlotchange.bind(this)}))}get root(){return e(this)}static get watchers(){return{activeTab:["watchActiveTab"]}}};export{c as gux_tabs_advanced}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as i,h as t,g as e}from"./p-cf74fd3d.js";import{b as n}from"./p-e5e644b3.js";import{t as a}from"./p-
|
1
|
+
import{r as i,h as t,g as e}from"./p-cf74fd3d.js";import{b as n}from"./p-e5e644b3.js";import{t as a}from"./p-6ec0040f.js";import"./p-4202e9f2.js";const o={navigationName:"Skip links navigation"},s=class{constructor(t){i(this,t)}async componentWillLoad(){a(this.root),this.i18n=await n(this.root,o)}render(){return t("div",{key:"e5adf97bb6ce628c5d7098994335ff61f6f7e390",class:"gux-container"},t("nav",{key:"97232a5218a5f74cde772cedfd8ce964e89a9816","aria-label":this.i18n("navigationName")},t("ul",{key:"5502dc030d9252507fad80a53106cccc33dc6deb",role:"list"},t("slot",{key:"019a601796b13c2e42eeefc7a9133db8074ccee0"}))))}static get delegatesFocus(){return!0}get root(){return e(this)}};s.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;position:absolute;inset:0}.gux-container nav{inline-size:fit-content;margin-block:40px;margin-inline:auto}.gux-container nav ul{padding:0;margin:0}";export{s as gux_skip_navigation_list}
|