genesys-spark-components 4.173.2 → 4.174.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-advanced-dropdown-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-announce-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-change-photo-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-group-add-item-beta_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-group-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-group-item-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-badge.cjs.entry.js +1 -1
- package/dist/cjs/gux-blank-state.cjs.entry.js +1 -1
- package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-slot.cjs.entry.js +1 -1
- package/dist/cjs/gux-button_2.cjs.entry.js +1 -1
- package/dist/cjs/gux-calendar.cjs.entry.js +1 -1
- package/dist/cjs/gux-card.cjs.entry.js +1 -1
- package/dist/cjs/gux-cloud-logo-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-cloud-logomark-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-column-manager.cjs.entry.js +1 -1
- package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-context-menu.cjs.entry.js +1 -1
- package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js +1 -1
- package/dist/cjs/gux-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 +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 +1 -1
- package/dist/cjs/gux-form-field-checkbox-group-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-file-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-file.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-label-indicator.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-number_2.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-phone.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-radio-group-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-range.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-time-zone-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-footer.cjs.entry.js +1 -1
- package/dist/cjs/gux-icon-tooltip-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-icon.cjs.entry.js +1 -1
- package/dist/cjs/gux-inline-alert.cjs.entry.js +1 -1
- package/dist/cjs/gux-inline-dropdown-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-label-info-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-link-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-listbox-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-loading-message.cjs.entry.js +1 -1
- package/dist/cjs/gux-logo-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-logomark-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal-side-panel-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal.cjs.entry.js +1 -1
- package/dist/cjs/gux-month-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
- package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-list-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-prompt-input-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
- package/dist/cjs/gux-rating.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-highlight-list-item.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-style-list-item_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-text-editor-action-link.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-text-editor-action-rich-style.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-text-editor-action-text-highlight.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-text-editor-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-text-editor-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-text-editor-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-screen-reader-beta.cjs.entry.js +2 -2
- 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-header.cjs.entry.js +1 -1
- package/dist/cjs/gux-side-panel-heading.cjs.entry.js +1 -1
- package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-skip-navigation-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
- package/dist/cjs/gux-status-indicator-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-step-title.cjs.entry.js +1 -1
- package/dist/cjs/gux-step.cjs.entry.js +1 -1
- package/dist/cjs/gux-stepper-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-switch-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar.cjs.entry.js +1 -1
- package/dist/cjs/gux-table.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
- package/dist/cjs/gux-tag.cjs.entry.js +1 -1
- package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-zone-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-toast.cjs.entry.js +1 -1
- package/dist/cjs/gux-toggle.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip-base-beta_2.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip-pointer-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip_2.cjs.entry.js +1 -1
- package/dist/cjs/{usage-BFTkOxCx.js → usage-HeSP-XhT.js} +1 -1
- package/dist/collection/components/beta/gux-icon-tooltip/gux-icon-tooltip.js +1 -1
- package/dist/collection/components/beta/gux-screen-reader/gux-screen-reader.css +1 -1
- package/dist/collection/components/stable/gux-icon/gux-icon.js +1 -1
- package/dist/collection/components/stable/gux-icon/icons/fa/arrow-up-to-line-solid.svg +1 -0
- package/dist/collection/components/stable/gux-icon/icons/fa/arrows-left-right-regular.svg +1 -1
- package/dist/collection/components/stable/gux-icon/icons/fa/badge-check-regular.svg +1 -0
- package/dist/collection/components/stable/gux-icon/icons/fa/ballot-check-regular.svg +1 -1
- package/dist/collection/components/stable/gux-icon/icons/fa/bullseye-pointer-regular.svg +1 -1
- package/dist/collection/components/stable/gux-icon/icons/fa/circle-nodes-regular.svg +1 -1
- package/dist/collection/components/stable/gux-icon/icons/fa/comment-regular.svg +1 -1
- package/dist/collection/components/stable/gux-icon/icons/fa/comment-solid.svg +1 -1
- package/dist/collection/components/stable/gux-icon/icons/fa/equals-regular.svg +1 -1
- package/dist/collection/components/stable/gux-icon/icons/fa/eraser-regular.svg +1 -1
- package/dist/collection/components/stable/gux-icon/icons/fa/greater-than-equal-regular.svg +1 -1
- package/dist/collection/components/stable/gux-icon/icons/fa/grid-2-plus-regular.svg +1 -1
- package/dist/collection/components/stable/gux-icon/icons/fa/heart-regular.svg +1 -1
- package/dist/collection/components/stable/gux-icon/icons/fa/heart-solid.svg +1 -1
- package/dist/collection/components/stable/gux-icon/icons/fa/laptop-mobile-regular.svg +1 -1
- package/dist/collection/components/stable/gux-icon/icons/fa/less-than-equal-regular.svg +1 -1
- package/dist/collection/components/stable/gux-icon/icons/fa/lightbulb-message-regular.svg +1 -1
- package/dist/collection/components/stable/gux-icon/icons/fa/lighthouse-regular.svg +1 -1
- package/dist/collection/components/stable/gux-icon/icons/fa/link-simple-regular.svg +1 -1
- package/dist/collection/components/stable/gux-icon/icons/fa/location-dot-slash-regular.svg +1 -1
- package/dist/collection/components/stable/gux-icon/icons/fa/lock-open-regular.svg +1 -1
- package/dist/collection/components/stable/gux-icon/icons/fa/lock-solid.svg +1 -1
- package/dist/collection/components/stable/gux-icon/icons/fa/shield-keyhole-solid.svg +1 -1
- package/dist/collection/components/stable/gux-icon/icons/fa/square-solid.svg +1 -1
- package/dist/collection/components/stable/gux-icon/icons/fa/trash-arrow-up-regular.svg +1 -1
- package/dist/collection/components/stable/gux-icon/icons/fa/trophy-regular.svg +1 -1
- package/dist/collection/components/stable/gux-icon/icons/fa/user-group-simple-regular.svg +1 -1
- package/dist/collection/components/stable/gux-icon/icons/fa/user-solid.svg +1 -1
- package/dist/esm/gux-accordion.entry.js +1 -1
- package/dist/esm/gux-action-button.entry.js +1 -1
- package/dist/esm/gux-action-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-advanced-dropdown-legacy.entry.js +1 -1
- package/dist/esm/gux-announce-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-change-photo-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-group-add-item-beta_3.entry.js +1 -1
- package/dist/esm/gux-avatar-group-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-group-item-beta.entry.js +1 -1
- package/dist/esm/gux-badge.entry.js +1 -1
- package/dist/esm/gux-blank-state.entry.js +1 -1
- package/dist/esm/gux-breadcrumbs.entry.js +1 -1
- package/dist/esm/gux-button-multi.entry.js +1 -1
- package/dist/esm/gux-button-slot.entry.js +1 -1
- package/dist/esm/gux-button_2.entry.js +1 -1
- package/dist/esm/gux-calendar.entry.js +1 -1
- package/dist/esm/gux-card.entry.js +1 -1
- package/dist/esm/gux-cloud-logo-beta.entry.js +1 -1
- package/dist/esm/gux-cloud-logomark-beta.entry.js +1 -1
- package/dist/esm/gux-column-manager.entry.js +1 -1
- package/dist/esm/gux-content-search.entry.js +1 -1
- package/dist/esm/gux-context-menu.entry.js +1 -1
- package/dist/esm/gux-copy-to-clipboard.entry.js +1 -1
- package/dist/esm/gux-date-beta.entry.js +1 -1
- package/dist/esm/gux-date-time-beta.entry.js +1 -1
- package/dist/esm/gux-datepicker.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 +1 -1
- package/dist/esm/gux-form-field-checkbox-group-beta.entry.js +1 -1
- package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
- package/dist/esm/gux-form-field-color.entry.js +1 -1
- package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
- package/dist/esm/gux-form-field-file-beta.entry.js +1 -1
- package/dist/esm/gux-form-field-file.entry.js +1 -1
- package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
- package/dist/esm/gux-form-field-label-indicator.entry.js +1 -1
- package/dist/esm/gux-form-field-number_2.entry.js +1 -1
- package/dist/esm/gux-form-field-phone.entry.js +1 -1
- package/dist/esm/gux-form-field-radio-group-beta.entry.js +1 -1
- package/dist/esm/gux-form-field-radio.entry.js +1 -1
- package/dist/esm/gux-form-field-range.entry.js +1 -1
- package/dist/esm/gux-form-field-search.entry.js +1 -1
- package/dist/esm/gux-form-field-select.entry.js +1 -1
- package/dist/esm/gux-form-field-text-like.entry.js +1 -1
- package/dist/esm/gux-form-field-textarea.entry.js +1 -1
- package/dist/esm/gux-form-field-time-picker.entry.js +1 -1
- package/dist/esm/gux-form-field-time-zone-picker.entry.js +1 -1
- package/dist/esm/gux-form-footer.entry.js +1 -1
- package/dist/esm/gux-icon-tooltip-beta.entry.js +1 -1
- package/dist/esm/gux-icon.entry.js +1 -1
- package/dist/esm/gux-inline-alert.entry.js +1 -1
- package/dist/esm/gux-inline-dropdown-beta.entry.js +1 -1
- package/dist/esm/gux-label-info-beta.entry.js +1 -1
- package/dist/esm/gux-link-beta.entry.js +1 -1
- package/dist/esm/gux-list.entry.js +1 -1
- package/dist/esm/gux-listbox-multi.entry.js +1 -1
- package/dist/esm/gux-loading-message.entry.js +1 -1
- package/dist/esm/gux-logo-beta.entry.js +1 -1
- package/dist/esm/gux-logomark-beta.entry.js +1 -1
- package/dist/esm/gux-modal-legacy.entry.js +1 -1
- package/dist/esm/gux-modal-side-panel-beta.entry.js +1 -1
- package/dist/esm/gux-modal.entry.js +1 -1
- package/dist/esm/gux-month-picker-beta.entry.js +1 -1
- package/dist/esm/gux-notification-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
- package/dist/esm/gux-pagination-cursor.entry.js +1 -1
- package/dist/esm/gux-pagination-legacy.entry.js +1 -1
- package/dist/esm/gux-pagination.entry.js +1 -1
- package/dist/esm/gux-phone-input-beta.entry.js +1 -1
- package/dist/esm/gux-popover-beta.entry.js +1 -1
- package/dist/esm/gux-popover-list-beta.entry.js +1 -1
- package/dist/esm/gux-popover-list.entry.js +1 -1
- package/dist/esm/gux-prompt-input-beta.entry.js +1 -1
- package/dist/esm/gux-radial-loading.entry.js +1 -1
- package/dist/esm/gux-radial-progress.entry.js +1 -1
- package/dist/esm/gux-rating.entry.js +1 -1
- package/dist/esm/gux-rich-highlight-list-item.entry.js +1 -1
- package/dist/esm/gux-rich-style-list-item_3.entry.js +1 -1
- package/dist/esm/gux-rich-text-editor-action-link.entry.js +1 -1
- package/dist/esm/gux-rich-text-editor-action-rich-style.entry.js +1 -1
- package/dist/esm/gux-rich-text-editor-action-text-highlight.entry.js +1 -1
- package/dist/esm/gux-rich-text-editor-action.entry.js +1 -1
- package/dist/esm/gux-rich-text-editor-beta.entry.js +1 -1
- package/dist/esm/gux-rich-text-editor-list.entry.js +1 -1
- package/dist/esm/gux-screen-reader-beta.entry.js +2 -2
- 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-header.entry.js +1 -1
- package/dist/esm/gux-side-panel-heading.entry.js +1 -1
- package/dist/esm/gux-simple-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-skip-navigation-list.entry.js +1 -1
- package/dist/esm/gux-sort-control.entry.js +1 -1
- package/dist/esm/gux-status-indicator-beta.entry.js +1 -1
- package/dist/esm/gux-step-title.entry.js +1 -1
- package/dist/esm/gux-step.entry.js +1 -1
- package/dist/esm/gux-stepper-beta.entry.js +1 -1
- package/dist/esm/gux-switch-legacy.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-action.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-custom-action.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-menu-button.entry.js +1 -1
- package/dist/esm/gux-table-toolbar.entry.js +1 -1
- package/dist/esm/gux-table.entry.js +1 -1
- package/dist/esm/gux-tabs-advanced.entry.js +1 -1
- package/dist/esm/gux-tabs.entry.js +1 -1
- package/dist/esm/gux-tag.entry.js +1 -1
- package/dist/esm/gux-text-highlight.entry.js +1 -1
- package/dist/esm/gux-time-beta.entry.js +1 -1
- package/dist/esm/gux-time-picker.entry.js +1 -1
- package/dist/esm/gux-time-zone-beta.entry.js +1 -1
- package/dist/esm/gux-time-zone-picker-beta.entry.js +1 -1
- package/dist/esm/gux-toast.entry.js +1 -1
- package/dist/esm/gux-toggle.entry.js +1 -1
- package/dist/esm/gux-tooltip-base-beta_2.entry.js +1 -1
- package/dist/esm/gux-tooltip-pointer-beta.entry.js +1 -1
- package/dist/esm/gux-tooltip_2.entry.js +1 -1
- package/dist/esm/{usage-BZ93g41o.js → usage-Db6_dTqS.js} +1 -1
- package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
- package/dist/genesys-webcomponents/icons/fa/arrow-up-to-line-solid.svg +1 -0
- package/dist/genesys-webcomponents/icons/fa/arrows-left-right-regular.svg +1 -1
- package/dist/genesys-webcomponents/icons/fa/badge-check-regular.svg +1 -0
- package/dist/genesys-webcomponents/icons/fa/ballot-check-regular.svg +1 -1
- package/dist/genesys-webcomponents/icons/fa/bullseye-pointer-regular.svg +1 -1
- package/dist/genesys-webcomponents/icons/fa/circle-nodes-regular.svg +1 -1
- package/dist/genesys-webcomponents/icons/fa/comment-regular.svg +1 -1
- package/dist/genesys-webcomponents/icons/fa/comment-solid.svg +1 -1
- package/dist/genesys-webcomponents/icons/fa/equals-regular.svg +1 -1
- package/dist/genesys-webcomponents/icons/fa/eraser-regular.svg +1 -1
- package/dist/genesys-webcomponents/icons/fa/greater-than-equal-regular.svg +1 -1
- package/dist/genesys-webcomponents/icons/fa/grid-2-plus-regular.svg +1 -1
- package/dist/genesys-webcomponents/icons/fa/heart-regular.svg +1 -1
- package/dist/genesys-webcomponents/icons/fa/heart-solid.svg +1 -1
- package/dist/genesys-webcomponents/icons/fa/laptop-mobile-regular.svg +1 -1
- package/dist/genesys-webcomponents/icons/fa/less-than-equal-regular.svg +1 -1
- package/dist/genesys-webcomponents/icons/fa/lightbulb-message-regular.svg +1 -1
- package/dist/genesys-webcomponents/icons/fa/lighthouse-regular.svg +1 -1
- package/dist/genesys-webcomponents/icons/fa/link-simple-regular.svg +1 -1
- package/dist/genesys-webcomponents/icons/fa/location-dot-slash-regular.svg +1 -1
- package/dist/genesys-webcomponents/icons/fa/lock-open-regular.svg +1 -1
- package/dist/genesys-webcomponents/icons/fa/lock-solid.svg +1 -1
- package/dist/genesys-webcomponents/icons/fa/shield-keyhole-solid.svg +1 -1
- package/dist/genesys-webcomponents/icons/fa/square-solid.svg +1 -1
- package/dist/genesys-webcomponents/icons/fa/trash-arrow-up-regular.svg +1 -1
- package/dist/genesys-webcomponents/icons/fa/trophy-regular.svg +1 -1
- package/dist/genesys-webcomponents/icons/fa/user-group-simple-regular.svg +1 -1
- package/dist/genesys-webcomponents/icons/fa/user-solid.svg +1 -1
- package/dist/genesys-webcomponents/{p-5495dd1a.entry.js → p-00f128c4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f8be2387.entry.js → p-058e9565.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6afc074c.entry.js → p-06e7dc09.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2470a8f7.entry.js → p-06fb9deb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f7dfc0ca.entry.js → p-09daa0b3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a68eadce.entry.js → p-0a983ef1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-30d82d41.entry.js → p-0bee0a40.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-09000043.entry.js → p-0bfde1db.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-14be19e2.entry.js → p-0c737f80.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b1ae54ad.entry.js → p-0ed8a7dd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-01041193.entry.js → p-10a533c6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ac5de1c7.entry.js → p-12d8d6f0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-330b4f59.entry.js → p-15d7f79a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dbe80abd.entry.js → p-1920e5b3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e702b5de.entry.js → p-23b31b7d.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-2560f1ea.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-ea6a0e4a.entry.js → p-256bb16e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ce50a105.entry.js → p-25ee052c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1197ea9a.entry.js → p-269ab0f9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b6cc3a33.entry.js → p-27a70307.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2d384a7f.entry.js → p-2a4f554e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5cc44ac9.entry.js → p-2a8d41fa.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b1d16ada.entry.js → p-2ad643a6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d29546bd.entry.js → p-2b6d650d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a5143573.entry.js → p-2b82d120.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8e68e6ca.entry.js → p-2c59b605.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e4c43bd8.entry.js → p-36345e1e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0716b5a8.entry.js → p-3879292c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8408d966.entry.js → p-389d705e.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-3c1dc3b1.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-87eee648.entry.js → p-3cd1acc0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c98217b0.entry.js → p-3f9f3357.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ea4f2ffe.entry.js → p-4084c343.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b1db9232.entry.js → p-44a22b8e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ccc7c863.entry.js → p-4570ff03.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-51737a8b.entry.js → p-45a711da.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a2128274.entry.js → p-46bb195c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dc627323.entry.js → p-4bd459e6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9217df8b.entry.js → p-4ec25b54.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-71031c6c.entry.js → p-4efb4403.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-81edae6f.entry.js → p-5111b897.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-26088240.entry.js → p-55aa6183.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dccdc086.entry.js → p-57e1902f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-be7b27f1.entry.js → p-58091923.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2098f972.entry.js → p-5cb14fb3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-91aa9d0e.entry.js → p-5d9bf02a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-02641203.entry.js → p-5e1faa26.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b010e057.entry.js → p-5e2582c9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c8ec00dc.entry.js → p-606ae644.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-010f7d0e.entry.js → p-60c83e54.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c08136f4.entry.js → p-625a451f.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-62b2b390.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-7a336ddf.entry.js → p-6575280c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e9ed63e5.entry.js → p-6881bd97.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b4ee94cf.entry.js → p-6c714b84.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fde2cd79.entry.js → p-6fd295ff.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a8478421.entry.js → p-70d43bb6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-787b8df1.entry.js → p-722a45e8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b9af896b.entry.js → p-7393b74e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7bd52129.entry.js → p-7681a223.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-49fd032a.entry.js → p-785e3097.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3c3ee363.entry.js → p-7c7d9745.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-af6b8b82.entry.js → p-8357866c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a6aede83.entry.js → p-83c8d614.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-26365f76.entry.js → p-84dad4a1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9819ea35.entry.js → p-84e19d9e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fcbbc0cc.entry.js → p-8b4b8b68.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-578ded92.entry.js → p-8c3e265a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2465dca0.entry.js → p-8e5c60c6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b760fdbe.entry.js → p-8f4f3c92.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0ae26ba9.entry.js → p-93b71cf4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-98d6abd2.entry.js → p-93d51020.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-87ddabea.entry.js → p-93f391b3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6d75cd98.entry.js → p-94c8d7e1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-19b68143.entry.js → p-951bd9b5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3b663bc0.entry.js → p-96e6030b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-83f38546.entry.js → p-97098661.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-93883ea6.entry.js → p-98a801b3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e706f4e2.entry.js → p-994bcab7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8d48f54f.entry.js → p-9a62adcd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-365b8dec.entry.js → p-9b8d1aa4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-686b27ee.entry.js → p-9f41696a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-BZ93g41o.js → p-Db6_dTqS.js} +1 -1
- package/dist/genesys-webcomponents/{p-8339af03.entry.js → p-a01c59de.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1fc3b4c0.entry.js → p-a72d94b7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6378f6a5.entry.js → p-a984c348.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-87f01eb0.entry.js → p-a9ae7b9d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-865f3aee.entry.js → p-ab4cc394.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e0302417.entry.js → p-b112f003.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-24b4597c.entry.js → p-b5f30fdf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7e057c57.entry.js → p-b7700616.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-30463740.entry.js → p-ba6fc4ac.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4d6d0dbe.entry.js → p-bebe1cb1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d8b90c8b.entry.js → p-bf78c9e5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4cbe5f3d.entry.js → p-c3d8cf6a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-88f7cdbc.entry.js → p-c4633b78.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-187515f6.entry.js → p-c5458046.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fb011295.entry.js → p-c5adda75.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b6710bc1.entry.js → p-cc4e00ad.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-cea19a79.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-e5223fad.entry.js → p-ced99d2c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1acdd2b1.entry.js → p-d1156a4a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-65786a0a.entry.js → p-d17a3f73.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1c79571b.entry.js → p-d4a57248.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d9fe1478.entry.js → p-d622b202.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a24f72d7.entry.js → p-d69446d9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cd7dcd32.entry.js → p-dbc0ec29.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-de7b0245.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-ffccb9ec.entry.js → p-dfb2a252.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-83236cd8.entry.js → p-e03709cb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0c2323d5.entry.js → p-eb25ea5f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ae5f89a6.entry.js → p-ebf947e2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fe9e5fb1.entry.js → p-eca59258.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0b9811d9.entry.js → p-ef23d89d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-59985076.entry.js → p-f2060b5e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bcdc6a8d.entry.js → p-f556043c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-96978bee.entry.js → p-f599fbfc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2af895fc.entry.js → p-f7446011.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-067f21f8.entry.js → p-f763188a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b640f008.entry.js → p-f8305f58.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a1545bf7.entry.js → p-f86b1200.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-44c706f2.entry.js → p-fa07cc00.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b1c75bb4.entry.js → p-fa54b565.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3ae2fe25.entry.js → p-fd490954.entry.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/components/stable/gux-icon/gux-icon.types.d.ts +1 -1
- package/dist/types/stencil-wrapper.d.ts +1 -1
- package/package.json +3 -3
- package/dist/genesys-webcomponents/p-48052fb2.entry.js +0 -1
- package/dist/genesys-webcomponents/p-77693b64.entry.js +0 -1
- package/dist/genesys-webcomponents/p-9d063a8a.entry.js +0 -1
- package/dist/genesys-webcomponents/p-b8e500a5.entry.js +0 -1
- package/dist/genesys-webcomponents/p-f14f0f86.entry.js +0 -1
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as e,a as r}from"./p-DLb3WMtl.js";import{t as i}from"./p-
|
1
|
+
import{r as t,h as e,a as r}from"./p-DLb3WMtl.js";import{t as i}from"./p-Db6_dTqS.js";import{O as o}from"./p-75IQxJqY.js";import{b as s,g as n}from"./p-BAC4bAxX.js";import{a}from"./p-B0p1zRQq.js";import{u}from"./p-ZuNZ-MBw.js";import{s as l}from"./p-BMRf5pjV.js";import{b as h}from"./p-Bg4q97BS.js";import{g,a as d,b as p}from"./p-Dwrcabgx.js";import"./p-Cd4R0amv.js";import"./p-BZb6pJEJ.js";var c={toggleCalendar:"Toggle month calendar view",month:"Month",year:"Year",unset:"Unset"};const f={year:"numeric",month:"long"},m=["ar","he","ja","ko","zh-cn","zh-tw"],b=class{constructor(e){t(this,e),this.disabled=!1,this.expanded=!1}onKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.calendarToggleButtonElement.focus())}onValueUpdate(t){this.value=this.isOutOfBounds(t)?this.isBeforeMin(t)?this.min:this.max:t,l(this.root,"input"),l(this.root,"change")}onClickOutside(){this.expanded=!1}async componentWillLoad(){i(this.root),this.i18n=await s(this.root,c),this.locale=u()?a(this.root):n(this.root)}onFocusout(t){t.relatedTarget&&!this.root.contains(t.relatedTarget)&&(this.expanded=!1)}isOutOfBounds(t){return this.isBeforeMin(t)||this.isAfterMax(t)}isBeforeMin(t){return this.min&&this.min>t}isAfterMax(t){return this.max&&this.max<t}toggleCalendar(){this.expanded=!this.expanded,this.expanded&&h((()=>{this.monthCalendarElement.guxFocus(this.value)}))}onMonthCalendarInput(){this.value=this.monthCalendarElement.value,this.expanded=!1,this.calendarToggleButtonElement.focus()}incrementMonth(t){if(this.value){const{year:e,month:r}=g(this.value),i=((parseInt(r)+11+t)%12+1).toString().padStart(2,"0");this.value=d(e,i)}else this.value=p()}incrementYear(t){if(this.value){const{year:e,month:r}=g(this.value),i=Math.max(Number(e)+t,0).toString();this.value=d(i,r)}else this.value=p()}onSpinnerKeyDown(t,e,r){switch(t.key){case"ArrowDown":t.preventDefault(),e(-1);break;case"ArrowUp":t.preventDefault(),e(1);break;case"ArrowLeft":case"ArrowRight":t.preventDefault(),r.focus();break;case"Enter":t.preventDefault(),this.expanded=!0,h((()=>{this.monthCalendarElement.guxFocus(this.value)}));break;case" ":t.preventDefault()}}onSpinnerKeyUp(t){t.stopPropagation()," "===t.key&&(t.preventDefault(),this.expanded=!0,h((()=>{this.monthCalendarElement.guxFocus(this.value)})))}onSpinnerClick(){this.expanded=!0}getSpinnerLabel(t){if(this.value){const{year:e,month:r}=g(this.value);return new Date(Number(e),Number(r)-1).toLocaleDateString(this.locale,{[t]:f[t]})}return this.i18n(t)}getSpinnerValueNow(t){return this.value?g(this.value)[t]:"0"}getSpinnerValueText(){if(this.value){const{year:t,month:e}=g(this.value);return new Date(Number(t),Number(e)-1).toLocaleDateString(this.locale,{year:"numeric",month:"long"})}return this.i18n("unset")}renderMonthSpinnerButton(){return e("div",{role:"spinbutton",class:"gux-spinner",tabIndex:this.disabled?-1:0,onKeyDown:t=>this.onSpinnerKeyDown(t,(t=>this.incrementMonth(t)),this.yearSpinnerElement),onKeyUp:t=>this.onSpinnerKeyUp(t),onClick:()=>this.onSpinnerClick(),ref:t=>this.monthSpinnerElement=t,"aria-valuenow":this.getSpinnerValueNow("month"),"aria-valuetext":this.getSpinnerValueText(),"aria-valuemin":"1","aria-valuemax":"12","aria-label":this.i18n("month")},this.getSpinnerLabel("month"))}renderYearSpinnerButton(){return e("div",{role:"spinbutton",class:"gux-spinner",tabIndex:this.disabled?-1:0,onKeyDown:t=>this.onSpinnerKeyDown(t,(t=>this.incrementYear(t)),this.monthSpinnerElement),onKeyUp:t=>this.onSpinnerKeyUp(t),onClick:()=>this.onSpinnerClick(),ref:t=>this.yearSpinnerElement=t,"aria-valuenow":this.getSpinnerValueNow("year"),"aria-valuetext":this.getSpinnerValueText(),"aria-valuemin":"0","aria-label":this.i18n("year")},this.getSpinnerLabel("year"))}renderSpinnerButtons(){return m.includes(this.locale)?e("span",{class:"gux-display"},this.renderYearSpinnerButton(),this.renderMonthSpinnerButton()):e("span",{class:"gux-display"},this.renderMonthSpinnerButton(),this.renderYearSpinnerButton())}renderCalendarToggleButton(){return e("button",{class:{"gux-popup-toggle":!0,"gux-expanded":this.expanded},ref:t=>this.calendarToggleButtonElement=t,type:"button",onClick:()=>this.toggleCalendar(),disabled:this.disabled},e("gux-icon",{"icon-name":"fa/calendar-regular",decorative:!0,size:"small"}),e("gux-screen-reader-beta",null,this.i18n("toggleCalendar")))}renderTarget(){return e("div",{class:"gux-target",slot:"target"},this.renderSpinnerButtons(),this.renderCalendarToggleButton())}renderPopup(){return e("gux-month-calendar",{slot:"popup",ref:t=>this.monthCalendarElement=t,onInput:()=>this.onMonthCalendarInput(),value:this.value,min:this.min,max:this.max})}render(){return e("gux-popup",{key:"251867ede43634e2b710af3ae9b3da9dabf32d0d",expanded:this.expanded,disabled:this.disabled,"exceed-target-width":!0},this.renderTarget(),this.renderPopup())}get root(){return r(this)}static get watchers(){return{value:["onValueUpdate"]}}};(function(t,e,r,i){var o,s=arguments.length,n=s<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,r,i);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(s<3?o(n):s>3?o(e,r,n):o(e,r))||n);s>3&&n&&Object.defineProperty(e,r,n)})([o({triggerEvents:"mousedown"})],b.prototype,"onClickOutside",null),b.style=":host{display:inline-block}.gux-target{display:inline-flex;gap:var(--gse-ui-formControl-input-gap);padding:var(--gse-ui-formControl-textarea-padding);cursor:pointer;background-color:var(--gse-ui-calendarMenu-backgroundColor);border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target: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-target .gux-display{display:inline-flex;align-items:center;min-inline-size:100px;padding-inline-end:var(--gse-ui-formControl-input-gap);font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-target .gux-display .gux-spinner{outline:none}.gux-target .gux-display .gux-spinner:not(:first-child){margin-inline-start:4px}.gux-target .gux-display .gux-spinner:focus-visible{background:var(--gse-ui-calendarMenu-month-hover-backgroundColor)}.gux-target .gux-popup-toggle{justify-content:right;color:var(--gse-ui-monthPicker-calendarStates-defaultColor);background:transparent;border:none}.gux-target .gux-popup-toggle:focus-visible{outline:var(--gse-ui-monthPicker-calendarStates-focus-border-width) var(--gse-ui-monthPicker-calendarStates-focus-border-style) var(--gse-ui-monthPicker-calendarStates-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius)}.gux-target .gux-popup-toggle:not(:disabled):hover{color:var(--gse-ui-monthPicker-calendarStates-hoverColor);cursor:pointer}.gux-target .gux-popup-toggle:not(:disabled):focus{color:var(--gse-ui-monthPicker-calendarStates-activeColor);cursor:pointer}.gux-target .gux-popup-toggle:disabled{color:var(--gse-ui-monthPicker-calendarStates-disabledColor)}.gux-target .gux-popup-toggle.gux-expanded{color:var(--gse-ui-monthPicker-calendarStates-activeColor)}";export{b as gux_month_picker_beta}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as a,f as t,h as r,a as e}from"./p-DLb3WMtl.js";import{b as s}from"./p-BAC4bAxX.js";import{t as
|
1
|
+
import{r as a,f as t,h as r,a as e}from"./p-DLb3WMtl.js";import{b as s}from"./p-BAC4bAxX.js";import{t as i}from"./p-Db6_dTqS.js";import"./p-Cd4R0amv.js";var o={breadcrumbs:"Breadcrumbs"};const n=class{constructor(t){a(this,t),this.accent="primary"}componentWillLoad(){i(this.root,{variant:this.accent})}async componentWillRender(){this.i18n=await s(this.root,o)}onSlotChange(){Array.from(this.root.children).forEach((a=>t(a)))}render(){return r("nav",{key:"e5a11fbfcfd9205f4a5ff4ec4ac54972e9d21a9f","aria-label":this.i18n("breadcrumbs")},r("ol",{key:"6839aa6f10a47c237a885c20a956d39ba668272c"},r("slot",{key:"19975699c393dd4f3ecbaceef71143ed5e2aa9f6",onSlotchange:this.onSlotChange.bind(this)})))}get root(){return e(this)}};n.style="ol{display:flex;flex-direction:row;flex-wrap:wrap;place-content:flex-start flex-start;align-items:center;padding:0;margin:0;list-style:none}";export{n as gux_breadcrumbs}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as a,a as s}from"./p-DLb3WMtl.js";import{t as e}from"./p-
|
1
|
+
import{r as t,h as a,a as s}from"./p-DLb3WMtl.js";import{t as e}from"./p-Db6_dTqS.js";import{h as i}from"./p-qzV3vtOw.js";const o=class{constructor(a){t(this,a),this.accent="info"}async componentWillLoad(){e(this.root,{variant:this.accent})}componentDidLoad(){this.applyTableStyle()}applyTableStyle(){var t;"td"===(null===(t=this.root.parentElement)||void 0===t?void 0:t.tagName.toLowerCase())&&this.statusIndicatorContainerElement.classList.add("gux-has-table-parent")}renderTooltip(){if(i(this.root,"tooltip-text"))return a("gux-tooltip",null,a("slot",{name:"tooltip-text"}))}render(){return a("div",{key:"f64f4b1e6a4ff57fc8db74c0bb37619d8e9e96fb",class:"gux-status-indicator",ref:t=>this.statusIndicatorContainerElement=t},a("span",{key:"5ab19e407736d73ab07922a2dac689053cc7cd36",class:`gux-status-icon gux-status-icon-${this.accent}`}),a("div",{key:"f780cfba76e094a44539f0d06a480244af285019",class:"gux-status-indicator-text"},a("slot",{key:"5fd103566481e4d3fe40d78b0a7a73ed5665e3bb"})),this.renderTooltip())}get root(){return s(this)}};o.style=".gux-status-indicator{display:inline-flex;gap:var(--gse-ui-dataTableItems-statusIndicator-gap);align-items:center;padding:var(--gse-ui-dataTableItems-statusIndicator-gap);font-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);line-height:var(--gse-ui-dataTableItems-statusIndicator-label-lineHeight);border-radius:var(--gse-ui-dataTableItems-statusIndicator-borderRadius)}.gux-status-indicator:hover{cursor:default;background-color:var(--gse-ui-dataTableItems-statusIndicator-hover)}.gux-has-table-parent{position:relative;inset-inline-start:-8px}.gux-status-indicator-text{color:var(--gse-ui-dataTableItems-statusIndicator-text)}.gux-status-icon{display:inline-flex}.gux-status-icon::before{content:\"\"}.gux-status-icon-info::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);background:var(--gse-ui-statusGlyph-information)}.gux-status-icon-warning::before{inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6.16516 0.749268C6.49521 0.749268 6.80275 0.921791 6.97527 1.21434L12.0386 9.8407C12.2111 10.1332 12.2111 10.4933 12.0386 10.7783C11.8735 11.0709 11.5585 11.2509 11.2285 11.2509H1.10186C0.764303 11.2509 0.456764 11.0709 0.291738 10.7783C0.126712 10.4858 0.126712 10.1257 0.291738 9.8407L5.35504 1.21434C5.52757 0.929292 5.8276 0.749268 6.16516 0.749268Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6.16516 0.749268C6.49521 0.749268 6.80275 0.921791 6.97527 1.21434L12.0386 9.8407C12.2111 10.1332 12.2111 10.4933 12.0386 10.7783C11.8735 11.0709 11.5585 11.2509 11.2285 11.2509H1.10186C0.764303 11.2509 0.456764 11.0709 0.291738 10.7783C0.126712 10.4858 0.126712 10.1257 0.291738 9.8407L5.35504 1.21434C5.52757 0.929292 5.8276 0.749268 6.16516 0.749268Z' /%3E%3C/svg%3E\");background:var(--gse-ui-statusGlyph-neutral)}.gux-status-icon-error::before{inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M0.236102 6.88C-0.0787008 6.33785 -0.0787008 5.66215 0.236102 5.12L2.36477 1.38C2.67957 0.837853 3.24922 0.5 3.87133 0.5H8.12867C8.75078 0.5 9.32043 0.837853 9.63523 1.38L11.7639 5.12C12.0787 5.66215 12.0787 6.33785 11.7639 6.88L9.63523 10.62C9.32043 11.1621 8.75078 11.5 8.12867 11.5H3.87133C3.24922 11.5 2.67957 11.1621 2.36477 10.62L0.236102 6.88Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M0.236102 6.88C-0.0787008 6.33785 -0.0787008 5.66215 0.236102 5.12L2.36477 1.38C2.67957 0.837853 3.24922 0.5 3.87133 0.5H8.12867C8.75078 0.5 9.32043 0.837853 9.63523 1.38L11.7639 5.12C12.0787 5.66215 12.0787 6.33785 11.7639 6.88L9.63523 10.62C9.32043 11.1621 8.75078 11.5 8.12867 11.5H3.87133C3.24922 11.5 2.67957 11.1621 2.36477 10.62L0.236102 6.88Z' /%3E%3C/svg%3E\");background:var(--gse-ui-statusGlyph-negative)}.gux-status-icon-success::before{inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");background:var(--gse-ui-statusGlyph-positive)}";export{o as gux_status_indicator_beta}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,c as r,h as t,a as i}from"./p-DLb3WMtl.js";import{t as o}from"./p-
|
1
|
+
import{r as e,c as r,h as t,a as i}from"./p-DLb3WMtl.js";import{t as o}from"./p-Db6_dTqS.js";const s=class{constructor(t){e(this,t),this.internalactivatestep=r(this,"internalactivatestep",7),this.status="incomplete",this.disabled=!1,this.active=!1}onClick(){this.active||this.disabled||this.internalactivatestep.emit(this.stepId)}async guxSetActive(e){this.active=e}componentWillLoad(){o(this.root)}getStatusIcon(e){switch(e){case"incomplete":default:return"fa/circle-dashed-regular";case"completed":return"fa/circle-check-solid";case"error":return"fa/hexagon-exclamation-solid"}}render(){return t("div",{key:"39f5eb3b818448e50ae0cdf43f800d48a615260d",class:{"gux-stepper":!0,[`gux-step-${this.status}`]:!0,"gux-disabled":this.disabled,"gux-active":this.active},"aria-current":this.active.toString(),"aria-disabled":this.disabled.toString()},t("gux-icon",{key:"4e509398b44b51343572326998993d64d832ac2a",size:"small","icon-name":this.active?"fa/circle-half-stroke-regular":this.getStatusIcon(this.status),decorative:!0}),t("div",{key:"1a2d09e75cdc5e6803b7dcc28e496fb63aa1c8f3",class:"gux-step-information"},t("slot",{key:"32a0aa45bb883314eaf26a14d2fdd5b027b55f0c",name:"title"}),t("gux-truncate",{key:"bfd7549675d092dfa9773c58c7ab9ed4b1cebb72",maxLines:2},t("slot",{key:"4ccf93b01e7cc356127cdfc868d118b2495c8527",name:"helper"}))))}get root(){return i(this)}};s.style=":host{inline-size:100%;max-inline-size:100%}.gux-stepper{display:flex;flex-direction:row;gap:var(--step-gap);align-items:flex-start;justify-content:flex-start;min-inline-size:var(--stepper-min-inline-size, 0);min-block-size:var(--stepper-min-block-size, 0);padding-block:var(--stepper-padding-block, 0);padding-inline:var(--stepper-padding-inline, 0);background-color:transparent;border:none}.gux-stepper gux-icon{flex-shrink:0;align-self:flex-start;margin-block-start:var(--stepper-step-body-margin, 0)}.gux-stepper.gux-step-incomplete{color:var(--gse-ui-stepper-icon-incompleted-foregroundColor);border-block-start:var(--stepper-border-block-start-incomplete, none);border-inline-start:var(--stepper-border-inline-start-incomplete)}.gux-stepper.gux-step-completed{color:var(--gse-ui-stepper-icon-completed-selectedForegroundColor);border-block-start:var(--stepper-border-block-start-completed, none);border-inline-start:var(--stepper-border-inline-start-completed, none)}.gux-stepper.gux-step-error{color:var(--gse-ui-stepper-icon-error-foregroundColor);border-block-start:var(--stepper-border-block-start-error, none);border-inline-start:var(--stepper-border-inline-start-error, none)}.gux-stepper.gux-active{color:var(--gse-ui-stepper-icon-active-foregroundColor);border-block-start:var(--stepper-border-block-start-active, none);border-inline-start:var(--stepper-border-inline-start-active, none)}.gux-stepper>.gux-step-information{margin-block-start:var(--stepper-step-body-margin, 0)}.gux-step-information{display:flex;flex:1 0 0;flex-direction:column;gap:var(--gse-ui-stepper-step-text-gap);align-items:flex-start;justify-content:flex-start;margin-inline-end:var(--gse-ui-stepper-step-horizontal-body-marginRight)}.gux-step-information slot[name=helper]{font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);font-weight:var(--gse-ui-formControl-helper-helperText-fontWeight);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-disabled{pointer-events:none;cursor:default;user-select:none}.gux-disabled>*{opacity:var(--gse-ui-stepper-step-disabled-opacity)}gux-truncate{text-align:start}";export{s as gux_step}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,h as i,a as r}from"./p-DLb3WMtl.js";import{a as s,c as o,o as a,f as n}from"./p-C8aV-TzO.js";import{r as u}from"./p-D9jKBqIb.js";import{a as d}from"./p-Bg4q97BS.js";import{f as l,a as c,b as h,c as p}from"./p-aKaDsw_5.js";import{O as g}from"./p-75IQxJqY.js";import{t as f}from"./p-BZ93g41o.js";import{b as x}from"./p-BAC4bAxX.js";import{g as b,a as k}from"./p-B0p1zRQq.js";import{u as m}from"./p-ZuNZ-MBw.js";import"./p-Cd4R0amv.js";import"./p-BZb6pJEJ.js";var 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 R(t){const e=D(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function F(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const z=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=R(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=R(t),r=w(t,e.selectionStart),s=i.indexOf(r);return F(t,i[(s+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange(),this.pressedKeys.length=0;break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=R(t),r=w(t,e.selectionStart),s=i.indexOf(r);return F(t,i[(s+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange(),this.pressedKeys.length=0;break}default:t.preventDefault(),this.isSelectingRangeWithMouse||(this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(t),this.setCursorRange())}else switch(t.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");d((()=>{t.focus()}));break}case"Tab":this.active&&(this.active=!1)}}onMouseDown(t){this.isInputFieldEvent(t)&&(this.isSelectingRangeWithMouse=!0);const e=t.composedPath(),i=e.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every((t=>!e.includes(t)))&&(this.active=i)}onClickOutside(){this.active=!1,this.pressedKeys.length=0}onInputFocusIn(t){this.focusedField=this.getInputFieldFromEvent(t),this.isSelectingRangeWithMouse||d((()=>this.setRange()))}onInputFocusOut(){this.lastIntervalRange=this.initialIntervalRange}onInputMouseUp(t){t.preventDefault(),this.lastIntervalRange=F(this.format,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 F(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:"964add5da00248a406910349337e751462722389",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"})],z.prototype,"onClickOutside",null),z.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));inline-size:100%;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{z as gux_datepicker}
|
1
|
+
import{r as t,c as e,h as i,a as r}from"./p-DLb3WMtl.js";import{a as s,c as o,o as a,f as n}from"./p-C8aV-TzO.js";import{r as u}from"./p-D9jKBqIb.js";import{a as d}from"./p-Bg4q97BS.js";import{f as l,a as c,b as h,c as p}from"./p-aKaDsw_5.js";import{O as g}from"./p-75IQxJqY.js";import{t as f}from"./p-Db6_dTqS.js";import{b as x}from"./p-BAC4bAxX.js";import{g as b,a as k}from"./p-B0p1zRQq.js";import{u as m}from"./p-ZuNZ-MBw.js";import"./p-Cd4R0amv.js";import"./p-BZb6pJEJ.js";var 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 R(t){const e=D(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function F(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const z=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=R(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=R(t),r=w(t,e.selectionStart),s=i.indexOf(r);return F(t,i[(s+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange(),this.pressedKeys.length=0;break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=R(t),r=w(t,e.selectionStart),s=i.indexOf(r);return F(t,i[(s+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange(),this.pressedKeys.length=0;break}default:t.preventDefault(),this.isSelectingRangeWithMouse||(this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(t),this.setCursorRange())}else switch(t.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");d((()=>{t.focus()}));break}case"Tab":this.active&&(this.active=!1)}}onMouseDown(t){this.isInputFieldEvent(t)&&(this.isSelectingRangeWithMouse=!0);const e=t.composedPath(),i=e.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every((t=>!e.includes(t)))&&(this.active=i)}onClickOutside(){this.active=!1,this.pressedKeys.length=0}onInputFocusIn(t){this.focusedField=this.getInputFieldFromEvent(t),this.isSelectingRangeWithMouse||d((()=>this.setRange()))}onInputFocusOut(){this.lastIntervalRange=this.initialIntervalRange}onInputMouseUp(t){t.preventDefault(),this.lastIntervalRange=F(this.format,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 F(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:"964add5da00248a406910349337e751462722389",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"})],z.prototype,"onClickOutside",null),z.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));inline-size:100%;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{z as gux_datepicker}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as s,H as i,a as r}from"./p-DLb3WMtl.js";import{t as e}from"./p-
|
1
|
+
import{r as t,h as s,H as i,a as r}from"./p-DLb3WMtl.js";import{t as e}from"./p-Db6_dTqS.js";import{D as o,g as a}from"./p-C7OtB-tK.js";import{d as h,a as p}from"./p-B0p1zRQq.js";import{u as m}from"./p-ZuNZ-MBw.js";import{g as n}from"./p-BAC4bAxX.js";import"./p-BZb6pJEJ.js";import"./p-Cd4R0amv.js";const d=class{constructor(s){t(this,s),this.hasRegionalDatesCookie=!1,this.datetime=(new Date).toISOString(),this.format="short"}componentWillLoad(){e(this.root),m()?this.hasRegionalDatesCookie=!0:this.formatter=new o(n(this.root))}renderDate(){return this.hasRegionalDatesCookie?h(p(this.root),{dateStyle:this.format,timeZone:a(this.timeZone)}).format(new Date(this.datetime)):this.formatter.formatDate(new Date(this.datetime),this.format,{timeZone:a(this.timeZone)})}render(){return s(i,{key:"b94091cd36373b7c817cb9381784898a95303910"},this.renderDate())}get root(){return r(this)}};export{d as gux_date_beta}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as i,h as o,a as r}from"./p-DLb3WMtl.js";import{t}from"./p-
|
1
|
+
import{r as i,h as o,a as r}from"./p-DLb3WMtl.js";import{t}from"./p-Db6_dTqS.js";import{b as a}from"./p-BAC4bAxX.js";import"./p-Cd4R0amv.js";var l={optional:"optional"};const e=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,l)}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)}};e.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{e as gux_form_field_label_indicator}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as o,f as i,a as r}from"./p-DLb3WMtl.js";import{b as t}from"./p-BAC4bAxX.js";import{O as l}from"./p-D3JfB0In.js";import{h as a}from"./p-qzV3vtOw.js";import{t as s}from"./p-BZ93g41o.js";import{a as n,G as d}from"./p-CqTCGs83.js";import{G as f,a as p}from"./p-DZ53sszK.js";import{g as u,v as g}from"./p-DHLxhscH.js";import{p as h}from"./p-PYfNAK8p.js";import{a as c,o as x,b as m}from"./p-De1NnCmO.js";import{s as b}from"./p-BMRf5pjV.js";import"./p-Cd4R0amv.js";import"./p-D9jKBqIb.js";import"./p-DxtJDeL9.js";var v={uploadFile:"Upload file",uploadFiles:"Upload files",changeFile:"Change file",changeFiles:"Change files",clickToUpload:"Click to upload",dragAndDropFileInstructions:"Drag and drop a file here or",dragAndDropFilesInstructions:"Drag and drop files here or"};const y=class{constructor(o){e(this,o),this.indicatorMark="required",this.dragAndDrop=!1,this.disabled=!1,this.hasError=!1,this.hasHelp=!1,this.required=!1,this.multiple=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help")}handleKeyup(e){var o,i;"Tab"===e.key?this.input.matches(":focus-visible")&&(null===(o=this.labelInfo)||void 0===o||o.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-visible")&&(null===(i=this.labelInfo)||void 0===i||i.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}onGuxRemoveFile(e){this.removeFile(e.detail)}async componentWillLoad(){this.getI18nValue=await t(this.root,v),this.setInput(),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help"),this.labelInfo=this.root.querySelector("[slot=label-info]"),s(this.root)}disconnectedCallback(){var e,o,i;null===(e=this.disabledObserver)||void 0===e||e.disconnect(),null===(o=this.requiredObserver)||void 0===o||o.disconnect(),null===(i=this.multipleObserver)||void 0===i||i.disconnect()}render(){return o(p,{key:"df3e2e37aaece000d3b1145bef244ba721700319",labelPosition:"above"},o(f,{key:"4f51e23e5c625d771919b59baa8481d91951bb56",position:"above",required:this.required},o("slot",{key:"07174882e4bc06b0e6647edc17cb424369591ae7",name:"label"}),o("gux-form-field-label-indicator",{key:"078864f03672ce4e6105e58e0841ff7f69c3c537",variant:this.indicatorMark,required:this.required}),o("slot",{key:"192a3d80b3d9d5c13ed271a99e9c1b6c91317a08",name:"label-info"})),o("div",{key:"9c5b29e1a63f0f2320ffa6855a235b41390ffaeb",class:"gux-input-and-error-container"},o(n,{key:"641cf8ad73760c3d9ddcfd2962d12060be38ad58",show:this.hasHelp},o("slot",{key:"3df43f343973c841bdcf12aa3ce6b030e8ad5b88",name:"help"})),this.renderInputSlot(),o(d,{key:"9bdca612cfe36495ea88211de6ef2e1b0aa7643b",show:this.hasError},o("slot",{key:"91b31b4655f45c03bcaf33308533628720fa9410",name:"error"})),this.renderFileList()))}setInput(){this.input=u(this.root,'input[type="file"][slot="input"]'),this.input.addEventListener("input",(()=>{i(this.root)})),h(this.input),this.disabled=this.input.disabled,this.required=this.input.required,this.multiple=this.input.multiple,this.disabledObserver=c(this.input,(e=>{this.disabled=e})),this.requiredObserver=x(this.input,(e=>{this.required=e})),this.multipleObserver=m(this.input,(e=>{this.multiple=e})),g(this.root,this.input)}getDropZoneText(){return this.getI18nValue(this.multiple?"dragAndDropFilesInstructions":"dragAndDropFileInstructions")}getProxyButtonText(){var e,o,i,r;return this.dragAndDrop?this.getI18nValue("clickToUpload"):this.multiple?(null===(o=null===(e=this.input)||void 0===e?void 0:e.files)||void 0===o?void 0:o.length)>0?this.getI18nValue("changeFiles"):this.getI18nValue("uploadFiles"):(null===(r=null===(i=this.input)||void 0===i?void 0:i.files)||void 0===r?void 0:r.length)>0?this.getI18nValue("changeFile"):this.getI18nValue("uploadFile")}removeFile(e){const o=this.input.files,i=new DataTransfer;for(let r=0;r<o.length;r++)e!==r&&i.items.add(o[r]);this.modifyInputFiles(i.files)}modifyInputFiles(e){this.input.files=e,b(this.root,"input"),b(this.root,"change"),i(this.root)}onProxyFileButtonClick(e){e.preventDefault(),e.stopImmediatePropagation(),this.input.focus(),this.input.click()}onDrop(e){if(e.preventDefault(),e.stopPropagation(),this.disabled)return;const o=this.input.files,i=e.dataTransfer.items,r=new DataTransfer;if(this.multiple)for(let e=0;e<o.length;e++)r.items.add(o[e]);for(let e=0;e<i.length;e++){const o=i[e];if("file"===o.kind&&o.webkitGetAsEntry().isFile&&(r.items.add(o.getAsFile()),!this.multiple))break}this.dropContainer.classList.remove("gux-drag-over"),this.modifyInputFiles(r.files)}onDragOver(e){e.preventDefault(),e.stopPropagation(),this.disabled||this.dropContainer.classList.add("gux-drag-over")}onDragLeave(e){e.preventDefault(),e.stopPropagation(),this.dropContainer.classList.remove("gux-drag-over")}renderFileList(){const e=Array.from(this.input.files||(new DataTransfer).files);return 0===e.length?null:o("div",{class:"gux-file-list"},e.map(((e,i)=>o("slot",{name:`file-${i}`},o("gux-file-list-item",{name:e.name,index:i,disabled:this.disabled})))))}renderInputSlot(){return o("div",{ref:e=>this.dropContainer=e,class:{"gux-drop-container":!0,"gux-drop-zone":this.dragAndDrop,"gux-disabled":this.disabled},"aria-disabled":this.disabled?"true":"false",onDrop:e=>this.onDrop(e),onDragOver:e=>this.onDragOver(e),onDragEnter:e=>this.onDragOver(e),onDragLeave:e=>this.onDragLeave(e)},this.dragAndDrop&&o("div",{class:"gux-drag-and-drop-text"},this.getDropZoneText()),o("div",{class:"gux-proxy-button"},o("gux-button-slot",{accent:"tertiary"},o("button",{tabIndex:-1,type:"button",disabled:this.disabled,onClick:e=>this.onProxyFileButtonClick(e)},o("div",null,this.getProxyButtonText()))),o("div",{class:"gux-offscreen"},o("slot",{name:"input",onSlotchange:()=>this.setInput()}))))}get root(){return r(this)}};(function(e,o,i,r){var t,l=arguments.length,a=l<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,o,i,r);else for(var s=e.length-1;s>=0;s--)(t=e[s])&&(a=(l<3?t(a):l>3?t(o,i,a):t(o,i))||a);l>3&&a&&Object.defineProperty(o,i,a)})([l({childList:!0,subtree:!0})],y.prototype,"onMutation",null),y.style=".gux-form-field-container{display:flex;flex-direction:column}.gux-form-field-container.gux-beside{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 0 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(label){min-inline-size:0}.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)}.gux-input-and-error-container{display:flex;flex-grow:1;flex-direction:column;gap:var(--gse-ui-fileUpload-mainContainer-gap)}.gux-drop-container{box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-fileUpload-dragDrop-btnText-gap);margin-inline:0;font-family:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontFamily);font-size:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontSize);font-weight:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontWeight);line-height:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-lineHeight);color:var(--gse-ui-fileUpload-dragAndDrop-dropZoneText-color)}.gux-drop-container.gux-drop-zone{place-content:stretch center;align-items:center;min-block-size:var(--gse-ui-fileUpload-dragAndDrop-dropZone-minHeight);padding:20px;border:var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-width) var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-style) var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-color);border-radius:var(--gse-ui-fileUpload-dropZone-borderRadius)}.gux-drop-container.gux-drop-zone.gux-drag-over:not(.gux-disabled){background-color:var(--gse-ui-fileUpload-dragAndDrop-dropZone-background-active);border:var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-width) var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-style) var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-color)}.gux-drop-container.gux-drop-zone.gux-disabled{border-color:rgba(0, 0, 64, 0.2509803922)}.gux-drop-container.gux-drop-zone.gux-disabled .gux-drag-and-drop-text{opacity:0.5}.gux-offscreen{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-proxy-button{inline-size:fit-content;border-radius:var(--gse-ui-button-borderRadius)}.gux-proxy-button:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-file-list{display:flex;flex-direction:column;gap:var(--gse-ui-fileUpload-fileCard-cardGroup-gap);inline-size:100%}";export{y as gux_form_field_file_beta}
|
1
|
+
import{r as e,h as o,f as i,a as r}from"./p-DLb3WMtl.js";import{b as t}from"./p-BAC4bAxX.js";import{O as l}from"./p-D3JfB0In.js";import{h as a}from"./p-qzV3vtOw.js";import{t as s}from"./p-Db6_dTqS.js";import{a as n,G as d}from"./p-CqTCGs83.js";import{G as f,a as p}from"./p-DZ53sszK.js";import{g as u,v as g}from"./p-DHLxhscH.js";import{p as h}from"./p-PYfNAK8p.js";import{a as c,o as x,b as m}from"./p-De1NnCmO.js";import{s as b}from"./p-BMRf5pjV.js";import"./p-Cd4R0amv.js";import"./p-D9jKBqIb.js";import"./p-DxtJDeL9.js";var v={uploadFile:"Upload file",uploadFiles:"Upload files",changeFile:"Change file",changeFiles:"Change files",clickToUpload:"Click to upload",dragAndDropFileInstructions:"Drag and drop a file here or",dragAndDropFilesInstructions:"Drag and drop files here or"};const y=class{constructor(o){e(this,o),this.indicatorMark="required",this.dragAndDrop=!1,this.disabled=!1,this.hasError=!1,this.hasHelp=!1,this.required=!1,this.multiple=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help")}handleKeyup(e){var o,i;"Tab"===e.key?this.input.matches(":focus-visible")&&(null===(o=this.labelInfo)||void 0===o||o.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-visible")&&(null===(i=this.labelInfo)||void 0===i||i.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}onGuxRemoveFile(e){this.removeFile(e.detail)}async componentWillLoad(){this.getI18nValue=await t(this.root,v),this.setInput(),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help"),this.labelInfo=this.root.querySelector("[slot=label-info]"),s(this.root)}disconnectedCallback(){var e,o,i;null===(e=this.disabledObserver)||void 0===e||e.disconnect(),null===(o=this.requiredObserver)||void 0===o||o.disconnect(),null===(i=this.multipleObserver)||void 0===i||i.disconnect()}render(){return o(p,{key:"df3e2e37aaece000d3b1145bef244ba721700319",labelPosition:"above"},o(f,{key:"4f51e23e5c625d771919b59baa8481d91951bb56",position:"above",required:this.required},o("slot",{key:"07174882e4bc06b0e6647edc17cb424369591ae7",name:"label"}),o("gux-form-field-label-indicator",{key:"078864f03672ce4e6105e58e0841ff7f69c3c537",variant:this.indicatorMark,required:this.required}),o("slot",{key:"192a3d80b3d9d5c13ed271a99e9c1b6c91317a08",name:"label-info"})),o("div",{key:"9c5b29e1a63f0f2320ffa6855a235b41390ffaeb",class:"gux-input-and-error-container"},o(n,{key:"641cf8ad73760c3d9ddcfd2962d12060be38ad58",show:this.hasHelp},o("slot",{key:"3df43f343973c841bdcf12aa3ce6b030e8ad5b88",name:"help"})),this.renderInputSlot(),o(d,{key:"9bdca612cfe36495ea88211de6ef2e1b0aa7643b",show:this.hasError},o("slot",{key:"91b31b4655f45c03bcaf33308533628720fa9410",name:"error"})),this.renderFileList()))}setInput(){this.input=u(this.root,'input[type="file"][slot="input"]'),this.input.addEventListener("input",(()=>{i(this.root)})),h(this.input),this.disabled=this.input.disabled,this.required=this.input.required,this.multiple=this.input.multiple,this.disabledObserver=c(this.input,(e=>{this.disabled=e})),this.requiredObserver=x(this.input,(e=>{this.required=e})),this.multipleObserver=m(this.input,(e=>{this.multiple=e})),g(this.root,this.input)}getDropZoneText(){return this.getI18nValue(this.multiple?"dragAndDropFilesInstructions":"dragAndDropFileInstructions")}getProxyButtonText(){var e,o,i,r;return this.dragAndDrop?this.getI18nValue("clickToUpload"):this.multiple?(null===(o=null===(e=this.input)||void 0===e?void 0:e.files)||void 0===o?void 0:o.length)>0?this.getI18nValue("changeFiles"):this.getI18nValue("uploadFiles"):(null===(r=null===(i=this.input)||void 0===i?void 0:i.files)||void 0===r?void 0:r.length)>0?this.getI18nValue("changeFile"):this.getI18nValue("uploadFile")}removeFile(e){const o=this.input.files,i=new DataTransfer;for(let r=0;r<o.length;r++)e!==r&&i.items.add(o[r]);this.modifyInputFiles(i.files)}modifyInputFiles(e){this.input.files=e,b(this.root,"input"),b(this.root,"change"),i(this.root)}onProxyFileButtonClick(e){e.preventDefault(),e.stopImmediatePropagation(),this.input.focus(),this.input.click()}onDrop(e){if(e.preventDefault(),e.stopPropagation(),this.disabled)return;const o=this.input.files,i=e.dataTransfer.items,r=new DataTransfer;if(this.multiple)for(let e=0;e<o.length;e++)r.items.add(o[e]);for(let e=0;e<i.length;e++){const o=i[e];if("file"===o.kind&&o.webkitGetAsEntry().isFile&&(r.items.add(o.getAsFile()),!this.multiple))break}this.dropContainer.classList.remove("gux-drag-over"),this.modifyInputFiles(r.files)}onDragOver(e){e.preventDefault(),e.stopPropagation(),this.disabled||this.dropContainer.classList.add("gux-drag-over")}onDragLeave(e){e.preventDefault(),e.stopPropagation(),this.dropContainer.classList.remove("gux-drag-over")}renderFileList(){const e=Array.from(this.input.files||(new DataTransfer).files);return 0===e.length?null:o("div",{class:"gux-file-list"},e.map(((e,i)=>o("slot",{name:`file-${i}`},o("gux-file-list-item",{name:e.name,index:i,disabled:this.disabled})))))}renderInputSlot(){return o("div",{ref:e=>this.dropContainer=e,class:{"gux-drop-container":!0,"gux-drop-zone":this.dragAndDrop,"gux-disabled":this.disabled},"aria-disabled":this.disabled?"true":"false",onDrop:e=>this.onDrop(e),onDragOver:e=>this.onDragOver(e),onDragEnter:e=>this.onDragOver(e),onDragLeave:e=>this.onDragLeave(e)},this.dragAndDrop&&o("div",{class:"gux-drag-and-drop-text"},this.getDropZoneText()),o("div",{class:"gux-proxy-button"},o("gux-button-slot",{accent:"tertiary"},o("button",{tabIndex:-1,type:"button",disabled:this.disabled,onClick:e=>this.onProxyFileButtonClick(e)},o("div",null,this.getProxyButtonText()))),o("div",{class:"gux-offscreen"},o("slot",{name:"input",onSlotchange:()=>this.setInput()}))))}get root(){return r(this)}};(function(e,o,i,r){var t,l=arguments.length,a=l<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,o,i,r);else for(var s=e.length-1;s>=0;s--)(t=e[s])&&(a=(l<3?t(a):l>3?t(o,i,a):t(o,i))||a);l>3&&a&&Object.defineProperty(o,i,a)})([l({childList:!0,subtree:!0})],y.prototype,"onMutation",null),y.style=".gux-form-field-container{display:flex;flex-direction:column}.gux-form-field-container.gux-beside{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 0 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(label){min-inline-size:0}.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)}.gux-input-and-error-container{display:flex;flex-grow:1;flex-direction:column;gap:var(--gse-ui-fileUpload-mainContainer-gap)}.gux-drop-container{box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-fileUpload-dragDrop-btnText-gap);margin-inline:0;font-family:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontFamily);font-size:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontSize);font-weight:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontWeight);line-height:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-lineHeight);color:var(--gse-ui-fileUpload-dragAndDrop-dropZoneText-color)}.gux-drop-container.gux-drop-zone{place-content:stretch center;align-items:center;min-block-size:var(--gse-ui-fileUpload-dragAndDrop-dropZone-minHeight);padding:20px;border:var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-width) var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-style) var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-color);border-radius:var(--gse-ui-fileUpload-dropZone-borderRadius)}.gux-drop-container.gux-drop-zone.gux-drag-over:not(.gux-disabled){background-color:var(--gse-ui-fileUpload-dragAndDrop-dropZone-background-active);border:var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-width) var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-style) var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-color)}.gux-drop-container.gux-drop-zone.gux-disabled{border-color:rgba(0, 0, 64, 0.2509803922)}.gux-drop-container.gux-drop-zone.gux-disabled .gux-drag-and-drop-text{opacity:0.5}.gux-offscreen{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-proxy-button{inline-size:fit-content;border-radius:var(--gse-ui-button-borderRadius)}.gux-proxy-button:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-file-list{display:flex;flex-direction:column;gap:var(--gse-ui-fileUpload-fileCard-cardGroup-gap);inline-size:100%}";export{y as gux_form_field_file_beta}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as i,c as e,h as a,a as l}from"./p-DLb3WMtl.js";import{b as r}from"./p-BAC4bAxX.js";import{t as o}from"./p-
|
1
|
+
import{r as i,c as e,h as a,a as l}from"./p-DLb3WMtl.js";import{b as r}from"./p-BAC4bAxX.js";import{t as o}from"./p-Db6_dTqS.js";import"./p-Cd4R0amv.js";var t={removeFile:"Remove {filename} file",uploadingFile:"Uploading {filename} file",success:"{filename} file uploaded successfully",error:"{filename} file has an error"};const d=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:"bd60a5d901971683dd8c07deaa1d5f13067bf8e3",class:{"gux-file-list-item":!0,[`gux-${this.status}`]:!0,"gux-disabled":this.disabled}},a("div",{key:"0820dde771242058df1655e17c01c57813f69eb7",class:"gux-info"},a("gux-truncate",{key:"cd34287cbe755b4bdacdec4bca6bba418c192815"},a("span",{key:"c17b494d04f95a4bc093c4069cb1284737966d42",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)}};d.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:var(--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:var(--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{d as gux_file_list_item}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,h as a,a as i}from"./p-DLb3WMtl.js";import{t as n}from"./p-
|
1
|
+
import{r as t,c as e,h as a,a as i}from"./p-DLb3WMtl.js";import{t as n}from"./p-Db6_dTqS.js";import{b as s}from"./p-BAC4bAxX.js";import"./p-Cd4R0amv.js";var o={previous:"Previous",next:"Next"};const l=class{constructor(a){t(this,a),this.guxPaginationCursorchange=e(this,"guxPaginationCursorchange",7),this.guxitemsperpagechange=e(this,"guxitemsperpagechange",7),this.hasPrevious=!1,this.hasNext=!1,this.layout="simple"}handleInternalitemsperpagechange(t){this.guxitemsperpagechange.emit(t.detail)}onButtonClick(t){("previous"===t&&this.hasPrevious||"next"===t&&this.hasNext)&&this.guxPaginationCursorchange.emit(t)}async componentWillLoad(){n(this.root),this.i18n=await s(this.root,o)}renderSimpleLayout(){return[a("nav",{"aria-label":this.label,class:"gux-pagination-button-container"},a("gux-button-slot",{accent:"ghost"},a("button",{class:"gux-simple-button",type:"button",disabled:!this.hasPrevious,onClick:()=>this.onButtonClick("previous")},a("gux-icon",{iconName:"custom/chevron-left-small-regular",decorative:!0,size:"small"}),a("gux-screen-reader-beta",null,this.i18n("previous")))),a("gux-button-slot",{accent:"ghost"},a("button",{class:"gux-simple-button",type:"button",disabled:!this.hasNext,onClick:()=>this.onButtonClick("next")},a("gux-icon",{iconName:"custom/chevron-right-small-regular",decorative:!0,size:"small"}),a("gux-screen-reader-beta",null,this.i18n("next")))))]}renderAdvancedLayout(){return[a("nav",{"aria-label":this.label,class:"gux-pagination-button-container"},a("gux-button-slot",{accent:"ghost"},a("button",{type:"button",disabled:!this.hasPrevious,onClick:()=>this.onButtonClick("previous")},a("div",{class:"gux-button-align-content"},a("gux-icon",{decorative:!0,iconName:"custom/chevron-left-small-regular",size:"small"}),a("span",null,this.i18n("previous"))))),a("gux-button-slot",{accent:"ghost"},a("button",{type:"button",disabled:!this.hasNext,onClick:()=>this.onButtonClick("next")},a("div",{class:"gux-button-align-content"},a("span",null,this.i18n("next")),a("gux-icon",{decorative:!0,iconName:"custom/chevron-right-small-regular",size:"small"}))))),this.renderItemsPerPage()]}renderItemsPerPage(){return this.itemsPerPage&&a("gux-pagination-items-per-page",{"items-per-page":this.itemsPerPage,onInternalitemsperpagechange:this.handleInternalitemsperpagechange.bind(this)})}render(){return"advanced"===this.layout?this.renderAdvancedLayout():this.renderSimpleLayout()}get root(){return i(this)}};l.style=":host{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;padding:var(--gse-ui-dataTableItems-tablePagination-padding);font-family:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontFamily);font-size:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontSize);font-weight:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontWeight);line-height:var(--gse-ui-dataTableItems-tablePagination-defaultText-lineHeight);color:var(--gse-ui-dataTableItems-tablePagination-foregroundColor);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor);border-block-start:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}:host .gux-pagination-button-container{display:flex;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);align-content:center}:host .gux-button-align-content{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-button-gap);align-content:center;align-items:center}:host .gux-button-align-content>*{flex:0 1 auto;align-self:auto;order:0}:host gux-icon{display:flex}";export{l as gux_pagination_cursor}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as a,a as i}from"./p-DLb3WMtl.js";import{t}from"./p-
|
1
|
+
import{r as e,h as a,a as i}from"./p-DLb3WMtl.js";import{t}from"./p-Db6_dTqS.js";const l=class{constructor(a){e(this,a),this.level=1,this.size="default"}componentWillLoad(){t(this.root),this.headingTag=`h${this.level}`}render(){return a(this.headingTag,{key:"35bc5dbf85fff88bbb4de912b26f110f1a2db63d",class:this.size},a("gux-truncate",{key:"12c22a979c55a10b3c4bffc10fed1fc3639ab56d"},a("slot",{key:"8ac231a28e7fc2d42caab7f4fc198c57d106d39a"})))}get root(){return i(this)}};l.style=":host{display:block}h1,h2,h3,h4,h5,h6{display:flex;flex:0 0 auto;gap:var(--gse-ui-sidePanel-header-iconGap);align-items:center;inline-size:100%;padding:0;margin:0;color:var(--gse-ui-sidePanel-headerColor)}h1.default,h2.default,h3.default,h4.default,h5.default,h6.default{font-family:var(--gse-ui-sidePanel-heading-mdText-fontFamily);font-size:var(--gse-ui-sidePanel-heading-mdText-fontSize);font-weight:var(--gse-ui-sidePanel-heading-mdText-fontWeight);line-height:var(--gse-ui-sidePanel-heading-mdText-lineHeight)}h1.large,h2.large,h3.large,h4.large,h5.large,h6.large{font-family:var(--gse-ui-sidePanel-heading-lgText-fontFamily);font-size:var(--gse-ui-sidePanel-heading-lgText-fontSize);font-weight:var(--gse-ui-sidePanel-heading-lgText-fontWeight);line-height:var(--gse-ui-sidePanel-heading-lgText-lineHeight)}";export{l as gux_side_panel_heading}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,c as t,h as r,a as s}from"./p-DLb3WMtl.js";import{t as i}from"./p-
|
1
|
+
import{r as e,c as t,h as r,a as s}from"./p-DLb3WMtl.js";import{t as i}from"./p-Db6_dTqS.js";const p=class{constructor(r){e(this,r),this.guxactivestepchange=t(this,"guxactivestepchange",7),this.orientation="horizontal",this.disabled=!1,this.stepList=[]}onInternalActiveStepChange(e){e.stopPropagation(),this.activateStep(null==e?void 0:e.detail,this.stepList)}watchActiveStep(e){this.activateStep(e,this.stepList),this.guxactivestepchange.emit(e)}componentWillLoad(){i(this.root)}componentDidLoad(){this.activateStep(this.activeStepId,this.stepList),this.activeStepId&&this.guxactivestepchange.emit(this.activeStepId)}activateStep(e,t){e&&(this.activeStepId=e),null==t||t.forEach((e=>{e.guxSetActive(e.stepId===this.activeStepId)}))}onSlotChange(){const e=this.root.shadowRoot.querySelector("slot");this.stepList=e.assignedElements()}render(){return r("div",{key:"a42f2fd6330f028b0f9958b5ed637d08abe80025",class:{"gux-stepper":!0,[`gux-stepper-${this.orientation}`]:!0}},r("slot",{key:"0e318b2dc401e9aca1320a92d4a15ee75d6478d7",onSlotchange:this.onSlotChange.bind(this)}))}get root(){return s(this)}static get watchers(){return{activeStepId:["watchActiveStep"]}}};p.style=":host{display:flex;flex-direction:column}:host .gux-stepper{display:flex;block-size:100%}:host .gux-stepper.gux-stepper-horizontal{flex-direction:row;--stepper-min-inline-size:var(--gse-ui-stepper-step-horizontal-minWidth);--stepper-min-block-size:var(--gse-ui-stepper-step-horizontal-minHeight);--step-gap:var(--gse-ui-stepper-step-gap);--stepper-padding-block:var(--gse-ui-stepper-step-horizontal-gap) 0;--stepper-border-block-start-incomplete:var(\n --gse-ui-stepper-bar-horizontal-height\n )\n var(--gse-ui-stepper-bar-incompleted-foregroundColor) solid;--stepper-border-block-start-completed:var(\n --gse-ui-stepper-bar-horizontal-height\n )\n var(--gse-ui-stepper-icon-completed-selectedForegroundColor) solid;--stepper-border-block-start-error:var(\n --gse-ui-stepper-bar-horizontal-height\n )\n var(--gse-ui-stepper-bar-error-foregroundColor) solid;--stepper-border-block-start-active:var(\n --gse-ui-stepper-bar-horizontal-height\n )\n var(--gse-ui-stepper-bar-active-foregroundColor) solid}:host .gux-stepper.gux-stepper-vertical{flex-direction:column;--step-gap:var(--gse-ui-stepper-step-vertical-gap);--stepper-min-block-size:var(--gse-ui-stepper-step-vertical-minHeight);--stepper-min-inline-size:var(--gse-ui-stepper-step-vertical-minWidth);--stepper-padding-inline:var(--gse-ui-stepper-step-vertical-gap) 0;--stepper-border-inline-start-incomplete:var(\n --gse-ui-stepper-bar-horizontal-height\n )\n var(--gse-ui-stepper-bar-incompleted-foregroundColor) solid;--stepper-border-inline-start-completed:var(\n --gse-ui-stepper-bar-horizontal-height\n )\n var(--gse-ui-stepper-icon-completed-selectedForegroundColor) solid;--stepper-border-inline-start-error:var(\n --gse-ui-stepper-bar-horizontal-height\n )\n var(--gse-ui-stepper-bar-error-foregroundColor) solid;--stepper-border-inline-start-active:var(\n --gse-ui-stepper-bar-horizontal-height\n )\n var(--gse-ui-stepper-bar-active-foregroundColor) solid;--stepper-step-body-margin:var(\n --gse-ui-stepper-step-vertical-body-marginTop\n )}";export{p as gux_stepper_beta}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,f as i,h as o,a as r}from"./p-DLb3WMtl.js";import{O as n}from"./p-75IQxJqY.js";import{b as s}from"./p-BAC4bAxX.js";import{s as l}from"./p-BMRf5pjV.js";import{b as u}from"./p-Bg4q97BS.js";import{o as a}from"./p-Cb3FOYGS.js";import{t as d}from"./p-BZ93g41o.js";import{c as g,s as h,g as c,a as f}from"./p-DrYzMOqW.js";import{O as x}from"./p-D3JfB0In.js";import"./p-Cd4R0amv.js";var p={textInputResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown",numberSelected:"{numberSelected} selected",pressEnterToCreate:"Press Enter to create new option, {textInputValue}"},b=function(t,e,i,o){var r,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const v=class{constructor(i){t(this,i),this.guxcreateoption=e(this,"guxcreateoption",7),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.disabled=!1,this.required=!1,this.loading=!1,this.filterType="none",this.hasError=!1,this.exceedTargetWidth=!1,this.hasCreate=!1,this.expanded=!1,this.textInput=""}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit()}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}focusSelectedItemAfterRender(t){t&&this.listboxElement&&u((()=>{this.hasTextInput()?this.textInputElement.focus():this.listboxElement.focus()})),!t&&this.textInputElement&&(this.textInput="",this.textInputElement.value="")}watchDisabled(t){t&&(this.expanded=!1)}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}getSelectedValues(){return Promise.resolve(g(this.value))}onKeydown(t){switch(t.key){case"Escape":return this.hasTextInput()&&document.activeElement===this.listboxElement?this.textInputElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.textInputElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,h(this.listboxElement)));case"Enter":return this.canCreateNewOption()&&this.isActiveElement()&&this.emitCreateOption(),void(this.expanded||this.isFilterable()||h(this.listboxElement));case" ":return void(this.expanded||this.isFilterable()||h(this.listboxElement))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),requestAnimationFrame((()=>{requestAnimationFrame((()=>i(this.root)))}))}onClearselected(t){t.stopPropagation(),this.updateValue(void 0),this.listboxElement&&(this.listboxElement.value=void 0),this.validateValue(this.value,this.listboxElement),this.fieldButtonElement.focus()}onCreatenewoption(t){t.stopPropagation(),this.emitCreateOption()}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t),this.isFilterable()&&(null==t?void 0:t.relatedTarget)&&!this.root.contains(null==t?void 0:t.relatedTarget)&&this.textInputElement.focus()}onClickOutside(){this.collapseListbox("noFocusChange")}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.hasCreate=!!this.root.querySelector("gux-create-option"))}async componentWillLoad(){d(this.root),this.i18n=await s(this.root,p),a(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.textInput=this.textInput)}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)?e.value=t:this.value=void 0:e&&(e.value=t)}hasTextInput(){return this.isFilterable()||this.hasCreate}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}isFilterable(){return"custom"===this.filterType||"starts-with"===this.filterType}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=Array.from(this.root.querySelectorAll("gux-option-multi")),i=g(t);return e.filter((t=>i.includes(t.value)))}fieldButtonClick(){this.expanded=!this.expanded}fieldButtonInputClick(){this.expanded||(this.expanded=!this.expanded)}filterInput(t){t.stopPropagation(),this.textInput=this.textInputElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.hasTextInput()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.hasTextInput()&&document.activeElement===this.listboxElement}emitCreateOption(){this.guxcreateoption.emit(this.textInput),this.textInput="",this.textInputElement.value=""}canCreateNewOption(){return this.hasCreate&&this.textInput&&!this.listboxElement.hasExactMatch}isActiveElement(){return document.activeElement===this.root}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){if("ArrowDown"===t.key)return t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),void h(this.listboxElement)}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,l(this.root,"input"),l(this.root,"change"))}getTypeaheadText(t){var e;const i=t.length;if(i>0&&!this.loading){const o=c(this.listboxElement,t);if(o&&"custom"!==this.filterType){const t=null===(e=f(o))||void 0===e?void 0:e.textContent.trim();return null==t?void 0:t.substring(i)}return""}}renderTargetDisplay(){return o("span",{class:"gux-placeholder"},this.getSrSelectedText(),this.getSelectedOptionText()||this.placeholder||this.i18n("noSelection"))}getSelectedOptionText(){const t=this.getSelectedOptionValueString();return!!t&&[t,o("span",{class:"gux-sr-only"},this.placeholder)]}getSelectedOptionValueString(){return this.getOptionElementByValue(this.value).map((t=>{var e;return null===(e=f(t))||void 0===e?void 0:e.textContent.trim()})).join(", ")}getSrSelectedText(){const t=this.getOptionElementByValue(this.value);if(t.length)return o("span",{class:"gux-sr-only"},this.i18n("numberSelected",{numberSelected:t.length.toString()}))}getInputAriaLabel(){return this.canCreateNewOption()&&this.isActiveElement()?this.i18n("pressEnterToCreate",{textInputValue:this.textInput}):this.i18n("textInputResults")}selectAllPresent(){var t;return this.expanded&&!!(null===(t=this.listboxElement)||void 0===t?void 0:t.querySelector("gux-select-all"))}renderTag(){const t=g(this.value);if(t.length&&!this.selectAllPresent())return o("gux-dropdown-multi-tag",{disabled:this.disabled,"number-selected":t.length})}renderFilterInputField(){if(this.hasTextInput())return o("div",{class:"gux-field gux-input-field"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.textInput),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.textInput))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonInputClick.bind(this),placeholder:this.getSelectedOptionValueString()||this.placeholder||this.i18n("noSelection"),class:"gux-filter-input",type:"text","aria-label":this.getInputAriaLabel(),ref:t=>this.textInputElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this),onFocus:()=>this.expanded=!0,disabled:this.disabled}),this.renderTargetContent()))))}renderPopup(){return o("div",{slot:"popup",class:"gux-listbox-container"},o("slot",null))}renderTarget(){return o("div",{class:{"gux-target-container":!0,"gux-target-container-filterable":this.hasTextInput(),"gux-target-container-filterable-active":this.expanded&&this.hasTextInput(),"gux-target-container-not-filterable":!this.hasTextInput(),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:this.disabled,onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},!this.hasTextInput()&&this.renderTargetContent(),this.renderTag(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},size:"small","screenreader-text":this.i18n("dropdown"),iconName:"custom/chevron-down-small-regular"})))}renderTargetContent(){if(!this.expanded||!this.hasTextInput())return o("span",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return o("gux-radial-loading",{context:"input"})}render(){return[o("div",{key:"1f49ca6084ee4143a6862c2e772cde96bcdd0183",class:"gux-dropdown-container"},o("gux-popup",{key:"3d391398940edf2285fe222063ee50606ac10c94",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled||this.loading&&!this.isFilterable(),exceedTargetWidth:this.exceedTargetWidth},this.renderTarget(),this.renderPopup()))]}static get delegatesFocus(){return!0}get root(){return r(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],disabled:["watchDisabled"],value:["watchValue"],textInput:["handleFilter"]}}};b([x({childList:!0,subtree:!0})],v.prototype,"onMutation",null),b([n({triggerEvents:"mousedown"})],v.prototype,"onClickOutside",null),v.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-dropdown-container{position:relative}.gux-error.gux-target-container-not-filterable .gux-field-button,.gux-error.gux-target-container-filterable{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-not-filterable .gux-field-button,.gux-disabled.gux-target-container-filterable{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-field,.gux-target-container-filterable{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-filterable,.gux-target-container-not-filterable .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-target-container-not-filterable .gux-field-button:hover,.gux-target-container-filterable:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{position:relative;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;overflow:hidden;text-overflow:ellipsis}.gux-field .gux-field-content .gux-filter .gux-sr-only,.gux-field .gux-field-content .gux-selected-option .gux-sr-only,.gux-field .gux-field-content .gux-placeholder .gux-sr-only{}.gux-field .gux-field-content .gux-filter .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-selected-option .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-placeholder .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%;padding-inline-start:0}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input:placeholder-shown{text-overflow:ellipsis}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-filterable{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-filterable:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-filterable:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-filterable.gux-target-container-filterable-active{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-filterable .gux-filter-input{background-color:inherit;border:none}.gux-target-container-filterable .gux-filter-input:focus{outline:none;border:none}.gux-target-container-filterable .gux-field-button{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;outline:none;background:inherit;border:none;box-shadow:none}.gux-target-container-filterable .gux-field-button:focus{outline:none}.gux-target-container-not-filterable .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-not-filterable .gux-field-button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-not-filterable .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-not-filterable .gux-field-content .gux-placeholder{white-space:pre}.gux-listbox-container{box-sizing:border-box;margin:0}";export{v as gux_dropdown_multi}
|
1
|
+
import{r as t,c as e,f as i,h as o,a as r}from"./p-DLb3WMtl.js";import{O as n}from"./p-75IQxJqY.js";import{b as s}from"./p-BAC4bAxX.js";import{s as l}from"./p-BMRf5pjV.js";import{b as u}from"./p-Bg4q97BS.js";import{o as a}from"./p-Cb3FOYGS.js";import{t as d}from"./p-Db6_dTqS.js";import{c as g,s as h,g as c,a as f}from"./p-DrYzMOqW.js";import{O as x}from"./p-D3JfB0In.js";import"./p-Cd4R0amv.js";var p={textInputResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown",numberSelected:"{numberSelected} selected",pressEnterToCreate:"Press Enter to create new option, {textInputValue}"},b=function(t,e,i,o){var r,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const v=class{constructor(i){t(this,i),this.guxcreateoption=e(this,"guxcreateoption",7),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.disabled=!1,this.required=!1,this.loading=!1,this.filterType="none",this.hasError=!1,this.exceedTargetWidth=!1,this.hasCreate=!1,this.expanded=!1,this.textInput=""}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit()}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}focusSelectedItemAfterRender(t){t&&this.listboxElement&&u((()=>{this.hasTextInput()?this.textInputElement.focus():this.listboxElement.focus()})),!t&&this.textInputElement&&(this.textInput="",this.textInputElement.value="")}watchDisabled(t){t&&(this.expanded=!1)}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}getSelectedValues(){return Promise.resolve(g(this.value))}onKeydown(t){switch(t.key){case"Escape":return this.hasTextInput()&&document.activeElement===this.listboxElement?this.textInputElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.textInputElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,h(this.listboxElement)));case"Enter":return this.canCreateNewOption()&&this.isActiveElement()&&this.emitCreateOption(),void(this.expanded||this.isFilterable()||h(this.listboxElement));case" ":return void(this.expanded||this.isFilterable()||h(this.listboxElement))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),requestAnimationFrame((()=>{requestAnimationFrame((()=>i(this.root)))}))}onClearselected(t){t.stopPropagation(),this.updateValue(void 0),this.listboxElement&&(this.listboxElement.value=void 0),this.validateValue(this.value,this.listboxElement),this.fieldButtonElement.focus()}onCreatenewoption(t){t.stopPropagation(),this.emitCreateOption()}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t),this.isFilterable()&&(null==t?void 0:t.relatedTarget)&&!this.root.contains(null==t?void 0:t.relatedTarget)&&this.textInputElement.focus()}onClickOutside(){this.collapseListbox("noFocusChange")}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.hasCreate=!!this.root.querySelector("gux-create-option"))}async componentWillLoad(){d(this.root),this.i18n=await s(this.root,p),a(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.textInput=this.textInput)}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)?e.value=t:this.value=void 0:e&&(e.value=t)}hasTextInput(){return this.isFilterable()||this.hasCreate}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}isFilterable(){return"custom"===this.filterType||"starts-with"===this.filterType}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=Array.from(this.root.querySelectorAll("gux-option-multi")),i=g(t);return e.filter((t=>i.includes(t.value)))}fieldButtonClick(){this.expanded=!this.expanded}fieldButtonInputClick(){this.expanded||(this.expanded=!this.expanded)}filterInput(t){t.stopPropagation(),this.textInput=this.textInputElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.hasTextInput()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.hasTextInput()&&document.activeElement===this.listboxElement}emitCreateOption(){this.guxcreateoption.emit(this.textInput),this.textInput="",this.textInputElement.value=""}canCreateNewOption(){return this.hasCreate&&this.textInput&&!this.listboxElement.hasExactMatch}isActiveElement(){return document.activeElement===this.root}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){if("ArrowDown"===t.key)return t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),void h(this.listboxElement)}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,l(this.root,"input"),l(this.root,"change"))}getTypeaheadText(t){var e;const i=t.length;if(i>0&&!this.loading){const o=c(this.listboxElement,t);if(o&&"custom"!==this.filterType){const t=null===(e=f(o))||void 0===e?void 0:e.textContent.trim();return null==t?void 0:t.substring(i)}return""}}renderTargetDisplay(){return o("span",{class:"gux-placeholder"},this.getSrSelectedText(),this.getSelectedOptionText()||this.placeholder||this.i18n("noSelection"))}getSelectedOptionText(){const t=this.getSelectedOptionValueString();return!!t&&[t,o("span",{class:"gux-sr-only"},this.placeholder)]}getSelectedOptionValueString(){return this.getOptionElementByValue(this.value).map((t=>{var e;return null===(e=f(t))||void 0===e?void 0:e.textContent.trim()})).join(", ")}getSrSelectedText(){const t=this.getOptionElementByValue(this.value);if(t.length)return o("span",{class:"gux-sr-only"},this.i18n("numberSelected",{numberSelected:t.length.toString()}))}getInputAriaLabel(){return this.canCreateNewOption()&&this.isActiveElement()?this.i18n("pressEnterToCreate",{textInputValue:this.textInput}):this.i18n("textInputResults")}selectAllPresent(){var t;return this.expanded&&!!(null===(t=this.listboxElement)||void 0===t?void 0:t.querySelector("gux-select-all"))}renderTag(){const t=g(this.value);if(t.length&&!this.selectAllPresent())return o("gux-dropdown-multi-tag",{disabled:this.disabled,"number-selected":t.length})}renderFilterInputField(){if(this.hasTextInput())return o("div",{class:"gux-field gux-input-field"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.textInput),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.textInput))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonInputClick.bind(this),placeholder:this.getSelectedOptionValueString()||this.placeholder||this.i18n("noSelection"),class:"gux-filter-input",type:"text","aria-label":this.getInputAriaLabel(),ref:t=>this.textInputElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this),onFocus:()=>this.expanded=!0,disabled:this.disabled}),this.renderTargetContent()))))}renderPopup(){return o("div",{slot:"popup",class:"gux-listbox-container"},o("slot",null))}renderTarget(){return o("div",{class:{"gux-target-container":!0,"gux-target-container-filterable":this.hasTextInput(),"gux-target-container-filterable-active":this.expanded&&this.hasTextInput(),"gux-target-container-not-filterable":!this.hasTextInput(),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:this.disabled,onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},!this.hasTextInput()&&this.renderTargetContent(),this.renderTag(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},size:"small","screenreader-text":this.i18n("dropdown"),iconName:"custom/chevron-down-small-regular"})))}renderTargetContent(){if(!this.expanded||!this.hasTextInput())return o("span",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return o("gux-radial-loading",{context:"input"})}render(){return[o("div",{key:"1f49ca6084ee4143a6862c2e772cde96bcdd0183",class:"gux-dropdown-container"},o("gux-popup",{key:"3d391398940edf2285fe222063ee50606ac10c94",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled||this.loading&&!this.isFilterable(),exceedTargetWidth:this.exceedTargetWidth},this.renderTarget(),this.renderPopup()))]}static get delegatesFocus(){return!0}get root(){return r(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],disabled:["watchDisabled"],value:["watchValue"],textInput:["handleFilter"]}}};b([x({childList:!0,subtree:!0})],v.prototype,"onMutation",null),b([n({triggerEvents:"mousedown"})],v.prototype,"onClickOutside",null),v.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-dropdown-container{position:relative}.gux-error.gux-target-container-not-filterable .gux-field-button,.gux-error.gux-target-container-filterable{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-not-filterable .gux-field-button,.gux-disabled.gux-target-container-filterable{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-field,.gux-target-container-filterable{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-filterable,.gux-target-container-not-filterable .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-target-container-not-filterable .gux-field-button:hover,.gux-target-container-filterable:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{position:relative;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;overflow:hidden;text-overflow:ellipsis}.gux-field .gux-field-content .gux-filter .gux-sr-only,.gux-field .gux-field-content .gux-selected-option .gux-sr-only,.gux-field .gux-field-content .gux-placeholder .gux-sr-only{}.gux-field .gux-field-content .gux-filter .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-selected-option .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-placeholder .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%;padding-inline-start:0}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input:placeholder-shown{text-overflow:ellipsis}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-filterable{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-filterable:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-filterable:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-filterable.gux-target-container-filterable-active{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-filterable .gux-filter-input{background-color:inherit;border:none}.gux-target-container-filterable .gux-filter-input:focus{outline:none;border:none}.gux-target-container-filterable .gux-field-button{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;outline:none;background:inherit;border:none;box-shadow:none}.gux-target-container-filterable .gux-field-button:focus{outline:none}.gux-target-container-not-filterable .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-not-filterable .gux-field-button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-not-filterable .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-not-filterable .gux-field-content .gux-placeholder{white-space:pre}.gux-listbox-container{box-sizing:border-box;margin:0}";export{v as gux_dropdown_multi}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as e,a as i}from"./p-DLb3WMtl.js";import{O as r}from"./p-75IQxJqY.js";import{s as o}from"./p-BMRf5pjV.js";import{b as s}from"./p-Bg4q97BS.js";import{g as n,b as a}from"./p-BAC4bAxX.js";import{t as u}from"./p-BZ93g41o.js";import{a as c}from"./p-DxtJDeL9.js";import{a as l}from"./p-B0p1zRQq.js";import{u as p}from"./p-ZuNZ-MBw.js";import"./p-Cd4R0amv.js";import"./p-BZb6pJEJ.js";var 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:"e68e50ccb987ef644acd1f04dfb00f4c0b00133f",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-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-ui-timePicker-focusAmpm-borderRadius)}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{display:none;grid-row:1/1;grid-column:1/1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{display:inline-block}.gux-time-picker .gux-input-time .gux-clock-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);outline:none;background:transparent;border:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:var(--gse-ui-timePicker-clockStates-activeColor);cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-ui-timePicker-focusClock-borderRadius)}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{padding:var(--gse-ui-timePicker-clock-padding)}.gux-time-picker .gux-time-separator{padding-block:0;padding-inline:1ch}.gux-time-picker .gux-list-container{max-block-size:150px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";export{C as gux_time_picker}
|
1
|
+
import{r as t,h as e,a as i}from"./p-DLb3WMtl.js";import{O as r}from"./p-75IQxJqY.js";import{s as o}from"./p-BMRf5pjV.js";import{b as s}from"./p-Bg4q97BS.js";import{g as n,b as a}from"./p-BAC4bAxX.js";import{t as u}from"./p-Db6_dTqS.js";import{a as c}from"./p-DxtJDeL9.js";import{a as l}from"./p-B0p1zRQq.js";import{u as p}from"./p-ZuNZ-MBw.js";import"./p-Cd4R0amv.js";import"./p-BZb6pJEJ.js";var 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:"e68e50ccb987ef644acd1f04dfb00f4c0b00133f",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-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-ui-timePicker-focusAmpm-borderRadius)}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{display:none;grid-row:1/1;grid-column:1/1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{display:inline-block}.gux-time-picker .gux-input-time .gux-clock-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);outline:none;background:transparent;border:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:var(--gse-ui-timePicker-clockStates-activeColor);cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-ui-timePicker-focusClock-borderRadius)}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{padding:var(--gse-ui-timePicker-clock-padding)}.gux-time-picker .gux-time-separator{padding-block:0;padding-inline:1ch}.gux-time-picker .gux-list-container{max-block-size:150px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";export{C as gux_time_picker}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as t,a as o}from"./p-DLb3WMtl.js";import{t as a}from"./p-
|
1
|
+
import{r as e,h as t,a as o}from"./p-DLb3WMtl.js";import{t as a}from"./p-Db6_dTqS.js";import{g as i}from"./p-MAoEg4ig.js";const r=class{constructor(t){e(this,t),this.variant="info",this.placement="right"}componentWillLoad(){a(this.root,{variant:this.variant})}getVariantIcon(e){return"question"===e?"fa/circle-question-regular":"fa/circle-info-regular"}async showTooltip(){return await this.tooltipElement.showTooltip()}async hideTooltip(){return await this.tooltipElement.hideTooltip()}render(){return t("div",{key:"0eed1d52079c24c55e44edfef5b3ba0124b345fe",class:"gux-label-info"},t("gux-screen-reader-beta",{key:"61a35f97e6d5102d20c57776d5dd61af481c3f6d"},i(this.root,"content")),t("gux-icon",{key:"406cbddbb452f6b32818f2da1c14726a44ba537a","icon-name":this.getVariantIcon(this.variant),size:"small",decorative:!0}),t("gux-tooltip-beta",{key:"3c84804aefa355312706ba6f618609903a24a28c",placement:this.placement,ref:e=>this.tooltipElement=e},t("slot",{key:"69d438a3c3668358e691624814269c1c3a9184fe",name:"content"})))}get root(){return o(this)}};r.style=".gux-label-info{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-label-info gux-tooltip{padding-inline-start:0}.gux-label-info gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";export{r as gux_label_info_beta}
|