genesys-spark-components 4.138.2 → 4.138.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/genesys-webcomponents.cjs.js +1 -1
- package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-advanced-dropdown-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-announce-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-beta.cjs.entry.js +2 -2
- 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 +2 -2
- package/dist/cjs/gux-calendar-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-calendar.cjs.entry.js +1 -1
- package/dist/cjs/gux-card.cjs.entry.js +1 -1
- package/dist/cjs/gux-column-manager.cjs.entry.js +1 -1
- package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-context-menu.cjs.entry.js +1 -1
- package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js +1 -1
- package/dist/cjs/gux-date-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-date-time-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/gux-day-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-file-list-item.cjs.entry.js +1 -1
- package/dist/cjs/gux-flag-icon-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-flyout-menu.cjs.entry.js +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 +2 -2
- 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-label-info-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-link-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-list-item.cjs.entry.js +1 -17
- package/dist/cjs/gux-list.cjs.entry.js +2 -6
- package/dist/cjs/gux-listbox-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-loading-message.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal-side-panel-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal.cjs.entry.js +1 -1
- package/dist/cjs/gux-month-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
- package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-beta.cjs.entry.js +2 -2
- 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-radial-loading.cjs.entry.js +2 -2
- package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
- package/dist/cjs/gux-rating.cjs.entry.js +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 +9 -5
- package/dist/cjs/gux-rich-text-editor-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-screen-reader-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-segmented-control-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-selector-card-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-selector-cards-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-side-panel-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-side-panel-heading.cjs.entry.js +1 -1
- package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-skip-navigation-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
- package/dist/cjs/gux-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-slider.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 +2 -2
- package/dist/cjs/gux-tooltip-pointer-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip_2.cjs.entry.js +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{usage-e06b6a09.js → usage-44465713.js} +8 -8
- package/dist/collection/components/beta/gux-avatar/gux-avatar.css +3 -3
- package/dist/collection/components/beta/gux-calendar-beta/gux-calendar.css +1 -1
- package/dist/collection/components/beta/gux-popover-beta/gux-popover.css +1 -0
- package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-beta.js +7 -3
- package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor.css +8 -1
- package/dist/collection/components/beta/gux-tooltip-base/gux-tooltip-base.js +1 -1
- package/dist/collection/components/stable/gux-button/gux-button.css +1 -0
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-range/gux-form-field-range.css +1 -1
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-textarea/gux-form-field-textarea.css +1 -1
- package/dist/collection/components/stable/gux-list/gux-list-item/gux-list-item.js +1 -32
- package/dist/collection/components/stable/gux-list/gux-list.js +1 -5
- package/dist/collection/components/stable/gux-radial-loading/gux-radial-loading.css +5 -4
- package/dist/collection/components/stable/gux-toggle/gux-toggle-slider/gux-toggle-slider.css +5 -5
- package/dist/collection/components/stable/gux-tooltip/gux-tooltip.js +1 -1
- package/dist/esm/genesys-webcomponents.js +1 -1
- package/dist/esm/gux-accordion.entry.js +1 -1
- package/dist/esm/gux-action-button.entry.js +1 -1
- package/dist/esm/gux-action-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-advanced-dropdown-legacy.entry.js +1 -1
- package/dist/esm/gux-announce-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-beta.entry.js +2 -2
- 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 +2 -2
- package/dist/esm/gux-calendar-beta.entry.js +2 -2
- package/dist/esm/gux-calendar.entry.js +1 -1
- package/dist/esm/gux-card.entry.js +1 -1
- package/dist/esm/gux-column-manager.entry.js +1 -1
- package/dist/esm/gux-content-search.entry.js +1 -1
- package/dist/esm/gux-context-menu.entry.js +1 -1
- package/dist/esm/gux-copy-to-clipboard.entry.js +1 -1
- package/dist/esm/gux-date-beta.entry.js +1 -1
- package/dist/esm/gux-date-time-beta.entry.js +1 -1
- package/dist/esm/gux-datepicker.entry.js +1 -1
- package/dist/esm/gux-day-beta.entry.js +1 -1
- package/dist/esm/gux-disclosure-button-legacy.entry.js +1 -1
- package/dist/esm/gux-dismiss-button.entry.js +1 -1
- package/dist/esm/gux-dropdown-multi.entry.js +1 -1
- package/dist/esm/gux-dropdown_3.entry.js +1 -1
- package/dist/esm/gux-file-list-item.entry.js +1 -1
- package/dist/esm/gux-flag-icon-beta.entry.js +1 -1
- package/dist/esm/gux-flyout-menu.entry.js +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 +2 -2
- 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-label-info-beta.entry.js +1 -1
- package/dist/esm/gux-link-beta.entry.js +1 -1
- package/dist/esm/gux-list-item.entry.js +1 -17
- package/dist/esm/gux-list.entry.js +2 -6
- package/dist/esm/gux-listbox-multi.entry.js +1 -1
- package/dist/esm/gux-loading-message.entry.js +1 -1
- package/dist/esm/gux-modal-legacy.entry.js +1 -1
- package/dist/esm/gux-modal-side-panel-beta.entry.js +1 -1
- package/dist/esm/gux-modal.entry.js +1 -1
- package/dist/esm/gux-month-picker-beta.entry.js +1 -1
- package/dist/esm/gux-notification-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
- package/dist/esm/gux-pagination-cursor.entry.js +1 -1
- package/dist/esm/gux-pagination-legacy.entry.js +1 -1
- package/dist/esm/gux-pagination.entry.js +1 -1
- package/dist/esm/gux-phone-input-beta.entry.js +1 -1
- package/dist/esm/gux-popover-beta.entry.js +2 -2
- 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-radial-loading.entry.js +2 -2
- 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 +9 -5
- package/dist/esm/gux-rich-text-editor-list.entry.js +1 -1
- package/dist/esm/gux-screen-reader-beta.entry.js +1 -1
- package/dist/esm/gux-segmented-control-beta.entry.js +1 -1
- package/dist/esm/gux-selector-card-beta.entry.js +1 -1
- package/dist/esm/gux-selector-cards-beta.entry.js +1 -1
- package/dist/esm/gux-side-panel-beta.entry.js +1 -1
- package/dist/esm/gux-side-panel-heading.entry.js +1 -1
- package/dist/esm/gux-simple-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-skip-navigation-list.entry.js +1 -1
- package/dist/esm/gux-sort-control.entry.js +1 -1
- package/dist/esm/gux-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-slider.entry.js +1 -1
- package/dist/esm/gux-toggle.entry.js +1 -1
- package/dist/esm/gux-tooltip-base-beta_2.entry.js +2 -2
- package/dist/esm/gux-tooltip-pointer-beta.entry.js +1 -1
- package/dist/esm/gux-tooltip_2.entry.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{usage-c3cd0c00.js → usage-824390aa.js} +8 -8
- package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
- package/dist/genesys-webcomponents/{p-ec5b00d9.entry.js → p-00134486.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-05076617.entry.js → p-0532e7cc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-56ac2b6f.entry.js → p-0625e2bd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-855e9ced.entry.js → p-067a620a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ddcb5255.entry.js → p-08527250.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-03bbb10e.entry.js → p-0b9d1b97.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d3b37155.entry.js → p-0e29bef4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-309a3216.entry.js → p-0e6b49c5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8233df36.entry.js → p-107e61ff.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-32025f38.entry.js → p-1153742a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8d7e07a4.entry.js → p-1187bca0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-63bd2830.entry.js → p-12eb2e05.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-64da953f.entry.js → p-134e3398.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-133f8124.entry.js → p-17386406.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-746ca859.entry.js → p-17552b64.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c2645c4f.entry.js → p-176a279e.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-176f5298.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-4134fa64.entry.js → p-1a7e4c7c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5cc173c2.entry.js → p-1b419f1f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-72d15c77.entry.js → p-1dbaa2d8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-43c731d0.entry.js → p-1e82aeb0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-348ec479.entry.js → p-1f4f30b5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-52f86aa0.entry.js → p-25a6b97e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-340e339e.entry.js → p-2b6e66b6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0656bfbe.entry.js → p-2f19d7e3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b593ba74.entry.js → p-30681efb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fd0c88ae.entry.js → p-33065c15.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0420397a.entry.js → p-3650cb32.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-735e957d.entry.js → p-3678c8c1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d919fcd4.entry.js → p-36ccda4d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-39e64d9a.entry.js → p-37b6603a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a73dccd8.entry.js → p-389f8801.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-38f4de71.entry.js → p-39aed2d2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4604302c.entry.js → p-3a74db79.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0c9932d4.entry.js → p-3aaf5bb6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a2659047.entry.js → p-3cb2ab12.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-acf1b535.entry.js → p-3cd88672.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-111789c7.entry.js → p-40ccf97a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-aba21416.entry.js → p-44efda7e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-38843c1e.entry.js → p-483d6868.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3be9abee.entry.js → p-500ff032.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0f826c3e.entry.js → p-51b21493.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2cf2eef9.entry.js → p-52b4b448.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8acb91aa.entry.js → p-55b6293d.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-55e7887c.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-c3cfca83.entry.js → p-5a0242a4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-16e9fcc3.entry.js → p-5c692053.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-902659d1.entry.js → p-65d9b2a9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3eec985a.entry.js → p-661f4700.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-95237bcb.entry.js → p-66269c8d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8b0fe0b6.entry.js → p-6891a5f2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-208a9f6b.entry.js → p-6ac622ce.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d2318610.entry.js → p-6d30beaf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2e85b7b3.entry.js → p-6f1847ad.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0b823000.entry.js → p-6f657d91.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-411bc309.entry.js → p-70d9fdc3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-74437e8f.js → p-7109c05e.js} +1 -1
- package/dist/genesys-webcomponents/{p-a57f2fa4.entry.js → p-711b1ad9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d44d57f2.entry.js → p-720e6587.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f08fb315.entry.js → p-746d21b4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8af862d6.entry.js → p-783ad17d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-aa9afbe6.entry.js → p-787dfa9e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9e15fbab.entry.js → p-795b5d02.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5c305bcd.entry.js → p-797c7c78.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fd7e528c.entry.js → p-7ae6b1d2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-66f2cb44.entry.js → p-7bb5cce8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-83a152f7.entry.js → p-7c7c732e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-eeeeff39.entry.js → p-8080a4b1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bd947c75.entry.js → p-811d5ea4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0858c5d5.entry.js → p-82a822e4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9e3a26d4.entry.js → p-82d47cc8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d308aed2.entry.js → p-8c036f3a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-607cbbc9.entry.js → p-917225ef.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-62e93449.entry.js → p-995592f3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7cec65aa.entry.js → p-9b0f9f11.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3b3c40ad.entry.js → p-9c068189.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-56a3bc97.entry.js → p-9d1bdc62.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2207554a.entry.js → p-9e30513e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-95d629d3.entry.js → p-9e306c0d.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-9ffef377.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-06cf738f.entry.js → p-a0e9545a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-933f3919.entry.js → p-a9f196ca.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-504dab7e.entry.js → p-aa7992f2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e2e786d9.entry.js → p-ab8fb64b.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-aee79d1f.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-1ed9fa71.entry.js → p-afa1c646.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a571a361.entry.js → p-b1da26d9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-30eb0292.entry.js → p-b224b207.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4556d72f.entry.js → p-b52c3738.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4c09a53d.entry.js → p-b68c07b8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cffa4906.entry.js → p-b7a7837c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b64b966d.entry.js → p-b9a387a9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-00768df9.entry.js → p-bb5f7658.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-79582a43.entry.js → p-bbaa66f2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6cc12fae.entry.js → p-c03a68bd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e8a6a1bc.entry.js → p-c609d95e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-587a2bc4.entry.js → p-c6691d01.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4967539e.entry.js → p-c825e9c4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8c240ad2.entry.js → p-cb33b806.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-efddf800.entry.js → p-ceefd706.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e1bbe19e.entry.js → p-cf799ba1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-987fbade.entry.js → p-d08bfc87.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fc3b9b4b.entry.js → p-d80b71e5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8cef1d17.entry.js → p-d9a8d05d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b83601dd.entry.js → p-da78758e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2f8e672a.entry.js → p-db66942d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2b52643b.entry.js → p-dcc8f269.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2a8044be.entry.js → p-ddb81ce5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2df5689f.entry.js → p-ddf1f408.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0b5bcd84.entry.js → p-e777963f.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-e785819b.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-4ed37e74.entry.js → p-e948bc4a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5e847656.entry.js → p-ea5c14d1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ec815012.entry.js → p-ee64819c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ea2367f3.entry.js → p-eea07895.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-949a75e6.entry.js → p-f70ae14a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d0277a10.entry.js → p-f8eb6d38.entry.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/components/stable/gux-list/gux-list-item/gux-list-item.d.ts +0 -3
- package/dist/types/components/stable/gux-list/gux-list.d.ts +0 -1
- package/dist/types/stencil-wrapper.d.ts +1 -1
- package/package.json +8 -8
- package/dist/genesys-webcomponents/p-5f1bcf3b.entry.js +0 -1
- package/dist/genesys-webcomponents/p-79855499.entry.js +0 -1
- package/dist/genesys-webcomponents/p-91928b63.entry.js +0 -1
- package/dist/genesys-webcomponents/p-9d3d5116.entry.js +0 -1
- package/dist/genesys-webcomponents/p-a3b0452f.entry.js +0 -1
- /package/dist/cjs/{index.umd-bb1164bf.js → index.umd-8731232d.js} +0 -0
- /package/dist/esm/{index.umd-8788765f.js → index.umd-c10720d4.js} +0 -0
- /package/dist/genesys-webcomponents/{p-3958682f.js → p-0ee23f31.js} +0 -0
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as t,g as a}from"./p-cf74fd3d.js";import{g as o}from"./p-e5e644b3.js";import{d as r}from"./p-13d8a42a.js";import{i as n}from"./p-
|
1
|
+
import{r as e,h as t,g as a}from"./p-cf74fd3d.js";import{g as o}from"./p-e5e644b3.js";import{d as r}from"./p-13d8a42a.js";import{i as n}from"./p-0ee23f31.js";import"./p-4202e9f2.js";import"./p-43af726d.js";import"./p-e9c4f463.js";const i=class{constructor(t){e(this,t)}onDayPropChange(){this.readDateFromProp()}readDateFromProp(){this.date=n.exports.Temporal.PlainDate.from(this.day)}async connectedCallback(){this.readDateFromProp();const e=o(this.root);this.readerFormatter=r(e,{year:"numeric",month:"long",day:"numeric"})}render(){return t("button",{key:"4282bb9b77fc4238e0748cc142f4e422ab29be41",type:"button",disabled:this.disabled},t("slot",{key:"54b746f12a4a7d95468f983e6cb5bbeba0733061"},t("span",{key:"712abfbeb57c6b477f46ad8999d0931ab12017b8","aria-hidden":"true"},this.date.day),t("span",{key:"be8a82a9454f700a5b2966db75395e1d7b6ad789",class:"gux-sr-only"},function(e,t){const a=new Date;return a.setFullYear(t.year),a.setMonth(t.month-1),a.setDate(t.day),a.setHours(12),a.setMinutes(0),a.setSeconds(0),a.setMilliseconds(0),e.format(a)}(this.readerFormatter,this.date))))}static get delegatesFocus(){return!0}get root(){return a(this)}static get watchers(){return{day:["onDayPropChange"]}}};i.style=":host{display:inline-block;inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-input-height);outline:none;border:none;border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}:host(:hover){background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor)}:host(:focus-within){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-calendarMenu-month-focusBorderRadius)}:host([aria-current=true]){color:var(--gse-ui-calendarMenu-date-selected-foregroundColor);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor)}:host(:disabled),:host(.gux-muted){opacity:var(--gse-ui-calendarMenu-disabled-opacity)}button{padding:0;margin:0;color:inherit;background:none;border:none;inline-size:100%;block-size:100%;font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-defaultText-fontSize);font-style:normal;font-weight:var(--gse-ui-calendarMenu-date-defaultText-fontWeight);line-height:32px;vertical-align:middle;text-align:center;cursor:pointer}button:focus{outline:none}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}";export{i as gux_day_beta}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as i,g as t}from"./p-cf74fd3d.js";import{b as o}from"./p-e5e644b3.js";import{O as r}from"./p-946c70b7.js";import{a as l,o as a}from"./p-6b12dd16.js";import{h as s}from"./p-6d8b4027.js";import{g as n}from"./p-0268a3e8.js";import{a as f,G as h}from"./p-25141c4d.js";import{G as d,a as u,b as c}from"./p-eca567b9.js";import{v as p,a as m}from"./p-4aaf349e.js";import{t as g}from"./p-
|
1
|
+
import{r as e,h as i,g as t}from"./p-cf74fd3d.js";import{b as o}from"./p-e5e644b3.js";import{O as r}from"./p-946c70b7.js";import{a as l,o as a}from"./p-6b12dd16.js";import{h as s}from"./p-6d8b4027.js";import{g as n}from"./p-0268a3e8.js";import{a as f,G as h}from"./p-25141c4d.js";import{G as d,a as u,b as c}from"./p-eca567b9.js";import{v as p,a as m}from"./p-4aaf349e.js";import{t as g}from"./p-7109c05e.js";import"./p-4202e9f2.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const b={required:"Required"};const x=class{constructor(i){e(this,i),this.indicatorMark="required",this.computedLabelPosition="above",this.hasError=!1,this.hasHelp=!1,this.hasLabelInfo=!1}watchValue(e){const i=this.root.querySelector("gux-time-zone-picker-beta");i&&(i.hasError=e)}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help")}handleKeyup(e){var i,t;"Tab"===e.key?this.input.matches(":focus-within")&&(null===(i=this.labelInfo)||void 0===i||i.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-within")&&(null===(t=this.labelInfo)||void 0===t||t.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}async componentWillLoad(){this.getI18nValue=await o(this.root,b),this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help"),this.hasLabelInfo=s(this.root,"label-info"),g(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){var e;return i(c,{key:"63fe764bd0305f73e98138f208194ea346dafa82",labelPosition:this.computedLabelPosition},i(u,{key:"8f7cc3150eef654346cc49aa43f40d54e6e20c9d"},null===(e=this.label)||void 0===e?void 0:e.textContent,this.renderText(this.getI18nValue("required"),this.required),this.renderText(n(this.root,"error"),this.hasError),this.renderText(n(this.root,"label-info"),this.hasLabelInfo)),i(d,{key:"731d7e3a8f00df3dc894cd24988841419f6f09dc",position:this.computedLabelPosition,required:this.required},i("slot",{key:"c612bc191a188822b5a212a7a5132e64ed70be21",name:"label",onSlotchange:()=>this.setLabel()}),i("gux-form-field-label-indicator",{key:"1724057c6cf45d88e2a414479ddc66cfb5fe48ea",variant:this.indicatorMark,required:this.required}),i("slot",{key:"5ead73514f396411ff0fc79499a89c874e2118cd",name:"label-info"})),i("slot",{key:"e0887f800850c98f5e5b7ac80fd7d00ec7bdf289",name:"label-info"}),i("div",{key:"30068c15a89e9aa42a8610d0540e60c05a9681d0",class:"gux-input-and-error-container"},i("div",{key:"d3ac67e6fb2a0d79e0e33a177971b32ca4557d54",class:{"gux-input":!0,"gux-input-error":this.hasError,"gux-time-zone-picker-container":!0,"gux-disabled":this.disabled}},i("slot",{key:"0d855e2f1564c2e3b8736bbca24d24ac6a55d5d1"})),i(f,{key:"f45773a01706d6ff6ece24fe897d092ac850edcb",show:this.hasError},i("slot",{key:"80583c4fb2866590600059f8a913fa26bf630204",name:"error"})),i(h,{key:"3be673b6b92e7b12b07b67f0ba8cd7468b873fa1",show:!this.hasError&&this.hasHelp},i("slot",{key:"41c81c39d84bf560eb818c856d94a5a5a57d695c",name:"help"}))))}renderText(e,i=!1){if(i)return" "+e}get variant(){return`timeZonePicker-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.input=this.root.querySelector("gux-time-zone-picker-beta"),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=l(this.input,(e=>{this.disabled=e})),this.requiredObserver=a(this.input,(e=>{this.required=e})),p(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=m(this.label,this.labelPosition)}get root(){return t(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(e,i,t,o){var r,l=arguments.length,a=l<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,i,t,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(l<3?r(a):l>3?r(i,t,a):r(i,t))||a);l>3&&a&&Object.defineProperty(i,t,a)})([r({childList:!0,subtree:!0})],x.prototype,"onMutation",null),x.style=".gux-form-field-fieldset-container{display:flex;min-inline-size:0;padding:0;margin:0;border:none}.gux-form-field-fieldset-container.gux-beside{flex-direction:row}.gux-form-field-fieldset-container.gux-above{flex-direction:column}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}.gux-form-field-visual-label{display:inline-flex;flex:1 0 auto}.gux-form-field-visual-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-visual-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-visual-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-visual-label.gux-screenreader{display:none}.gux-form-field-screenreader-label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{flex-grow:1}";export{x as gux_form_field_time_zone_picker}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,c as t,h as a,g as n}from"./p-cf74fd3d.js";import{a as r}from"./p-cf0e7d3b.js";import{a as i,c as s,b as d,f as o}from"./p-e33e87ef.js";import{t as u}from"./p-74437e8f.js";import{g as l,c}from"./p-e5e644b3.js";import{c as g}from"./p-267e2aed.js";import{d as h}from"./p-13d8a42a.js";import{u as x}from"./p-c36d332b.js";import"./p-4202e9f2.js";import"./p-43af726d.js";function b(e,t){f(e,"remove",t)}function f(e=[],t,a){const n=[].concat(e);for(const e of n)e.classList[t](a)}function v(e,t){return x()?g(h(t,{year:"numeric",month:"long"}).format(e)):g(e.toLocaleDateString(t,{year:"numeric",month:"long"}))}const m=class{constructor(a){e(this,a),this.calendarSelect=t(this,"calendarSelect",7),this.value="",this.minDate="",this.maxDate="",this.mode="single",this.numberOfMonths=1,this.previewValue=new Date,this.selectingDate=null,this.locale="en"}emitCalendarSelect(){this.calendarSelect.emit(this.value)}async setValue(e){if("range"===this.mode&&e instanceof Array){const[t,a]=e;this.value=i(t,a),this.previewValue=s(this.value)[0]}else{const t=e;this.value=d(t),this.previewValue=t}}async focusPreviewDate(){const e=this.root.shadowRoot.querySelector(`td[data-date="${this.previewValue.getTime()}"]`);e&&e.focus()}async resetCalendarView(e){this.previewValue=e}incrementPreviewDateByMonth(e){this.previewValue=new Date(this.previewValue.getFullYear(),this.previewValue.getMonth()+e,15,0,0,0),r((()=>{this.focusPreviewDate()}))}async setValueAndEmit(e){await this.setValue(e),this.emitCalendarSelect()}outOfBounds(e){return""!==this.maxDate&&o(this.maxDate)<e||""!==this.minDate&&o(this.minDate)>e}generateDatesFrom(e,t,a){const n=[],r=new Date(t.getFullYear(),t.getMonth(),t.getDate(),0,0,0,0);for(let t=0;t<a;t++){const t=new Date(r.getFullYear(),r.getMonth(),r.getDate(),0,0,0,0),a=[],i=new Date,d=r.getFullYear()===i.getFullYear()&&r.getMonth()===i.getMonth()&&r.getDate()===i.getDate();let u=!1,l=!1;t.getMonth()!==e&&(a.push("gux-not-in-month"),u=!0,"range"===this.mode&&(a.push("gux-hidden"),l=!0)),this.outOfBounds(t)&&(a.push("gux-disabled"),u=!0);let c=!1;if(d&&a.push("gux-current-date"),"range"===this.mode){const[e,n]=s(this.value),r=e.getTime(),i=n.getTime();t.getTime()===r&&t.getTime()===i?(c=!0,a.push("gux-selected")):t.getTime()===r?(c=!0,a.push("gux-selected"),a.push("gux-start-date")):t.getTime()===i&&(c=!0,a.push("gux-selected"),a.push("gux-end-date"))}else{const e=o(this.value).getTime();t.getTime()===e&&(c=!0,a.push("gux-selected"))}n.push({class:a.join(" "),date:t,hidden:l,disabled:u,selected:c,isToday:d}),r.setDate(r.getDate()+1)}return n}create2DArray(e,t){const a=[];for(let n=0;n<t-1;n++){const r=e.slice(n*t,n*t+t);this.weekShouldBeDisplayed(r)&&a.push(r)}return a}isFocusableDate(e){return e.selected||this.previewValue.getTime()===e.date.getTime()}weekShouldBeDisplayed(e){const t=e.find((e=>!e.hidden));return e.length&&!!t}getMonthDays(e){const t=new Date(this.previewValue.getTime());t.setDate(1),t.setMonth(t.getMonth()+e);const a=t.getMonth(),n=function(e,t,a){const n=new Date(t,e,1,1,0,0,0),r=-1*(a-n.getDay()-7)%7;return new Date(n.getTime()-864e5*r)}(a,t.getFullYear(),this.startDayOfWeek),r=this.generateDatesFrom(a,n,42);return this.create2DArray(r,7)}addDays(e,t){const a=new Date(e.valueOf());return a.setDate(a.getDate()+t),a}getAllDatesElements(){const e=this.root.shadowRoot.querySelectorAll("td");return Array.from(e)}getAllSelectableDatesElements(){const e=this.root.shadowRoot.querySelectorAll('td[tabindex="0"]');return Array.from(e)}getRangeDatesElements(e,t){const a=[];let n;n=t<e?this.getRangeDates(t,e):this.getRangeDates(e,t);for(const e of n){const t=this.root.shadowRoot.querySelector(`td[data-date="${e.getTime()}"]:not(.gux-hidden)`);t&&a.push(t)}return a}getRangeDates(e,t){const a=[];let n=e;for(;n<=t;)a.push(new Date(n)),n=this.addDays(n,1);return a}async onDateClick(e){if(!this.outOfBounds(e))if("range"!==this.mode)await this.setValueAndEmit(e);else if(null===this.selectingDate)b(this.getAllDatesElements(),"gux-hovered"),this.selectingDate=new Date(e.valueOf()),this.value=i(e,e);else{const t=this.root.shadowRoot.querySelector(`td[data-date="${e.getTime()}"]`);t&&t.classList.add("gux-selected"),this.updateRangeElements(),await this.setValueAndEmit([this.selectingDate,e]),this.previewValue=e,this.selectingDate=null}}onDateMouseEnter(e){"range"===this.mode&&null!==this.selectingDate&&(this.value=i(e,this.selectingDate),this.updateRangeElements())}updateRangeElements(){if("range"===this.mode){b(this.getAllDatesElements(),"gux-hovered");const[e,t]=s(this.value);f(this.getRangeDatesElements(e,t),"add","gux-hovered")}}async onKeyDown(e){switch(e.key){case" ":case"Enter":e.preventDefault(),await this.onDateClick(this.previewValue);break;case"ArrowDown":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+7)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowUp":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-7)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowLeft":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-1)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowRight":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+1)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"PageUp":this.incrementPreviewDateByMonth(1),this.onDateMouseEnter(this.previewValue);break;case"PageDown":this.incrementPreviewDateByMonth(-1),this.onDateMouseEnter(this.previewValue)}}componentWillLoad(){if(u(this.root,{variant:this.mode}),this.locale=l(this.root),this.startDayOfWeek=this.startDayOfWeek||c(this.locale),!this.value){const e=new Date;e.setHours(0,0,0,0),this.value="range"===this.mode?i(e,e):d(e)}this.previewValue=o(this.value)}componentDidRender(){this.updateRangeElements()}renderMonthHeader(){return a("div",{class:"gux-month-list"},Array.from(Array(this.numberOfMonths).keys()).map((e=>{const t=function(e,t){const a=new Date(e);return a.setDate(1),a.setMonth(a.getMonth()+t),a}(this.previewValue,e);return a("label",null,v(t,this.locale))})))}renderCalendarTable(e){return a("table",null,a("tr",null,function(e,t){const a=[],n=new Date(1970,0,4);for(let t=0;t<7;t++){const t=n.toLocaleString(e,{weekday:"narrow"});a.push(t),n.setDate(n.getDate()+1)}return(r=a).concat(r.splice(0,(i=t)>r.length?i%r.length:i));var r,i}(this.locale,this.startDayOfWeek).map((e=>a("th",null,e)))),this.getMonthDays(e).map((e=>a("tr",null,e.map((e=>a("td",{tabindex:this.isFocusableDate(e)?"0":"-1",class:e.class,"aria-hidden":e.hidden?"true":"false","aria-disabled":e.disabled?"true":"false","data-date":e.date.getTime(),onClick:()=>{this.onDateClick(e.date)},onMouseEnter:()=>this.onDateMouseEnter(e.date),onKeyDown:e=>{this.onKeyDown(e)}},a("div",{class:"gux-date"},e.date.getDate(),a("span",{class:"gux-sr-only"},v(e.date,this.locale))))))))))}render(){return a("div",{key:"3e7104c7c527ba42cc818e65513814372fb85602",class:"gux-calendar"},a("div",{key:"3b8db690a35c0d8d7e0fee9aef4c11cc8da8bad0",class:"gux-header"},a("button",{key:"543de6897267a1f4e6e8db8b97bb711304c08b52",type:"button",class:"gux-left",onClick:()=>this.incrementPreviewDateByMonth(-1),tabindex:"-1","aria-hidden":"true"},a("gux-icon",{key:"b2c294ef682512eece2727b7a81d767e8eaa6ac9",size:"small",decorative:!0,"icon-name":"custom/chevron-left-small-regular"})),this.renderMonthHeader(),a("button",{key:"63a15fda509d1b4094e9758f7e363a12d9eb8b5a",type:"button",class:"gux-right",onClick:()=>this.incrementPreviewDateByMonth(1),tabindex:"-1","aria-hidden":"true"},a("gux-icon",{key:"8ddab445b31da40a62add023f2e6c7e96ebbe62e",size:"small",decorative:!0,"icon-name":"custom/chevron-right-small-regular"}))),a("div",{key:"717c46e440097c55521bd0ccece930c78cb18673",class:"gux-content"},Array.from(Array(this.numberOfMonths).keys()).map((e=>this.renderCalendarTable(e)))))}get root(){return n(this)}};m.style=":host{display:inline-block}.gux-calendar{margin-block-start:2px;border-radius:8px;box-shadow:var(--gse-ui-calendarMenu-boxShadow)}.gux-calendar .gux-header{position:relative;display:flex;gap:var(--gse-ui-calendarMenu-header-gap);align-items:center;justify-content:space-between;block-size:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);font-weight:var(--gse-ui-calendarMenu-month-headerText-fontWeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-calendar .gux-header button{position:absolute;color:var(--gse-ui-calendarMenu-header-foregroundColor);cursor:pointer;outline:none;background:none;border:none}.gux-calendar .gux-header button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color)}.gux-calendar .gux-header button.gux-left{inset-inline-start:18px}.gux-calendar .gux-header button.gux-right{inset-inline-end:18px}.gux-calendar .gux-header button gux-icon{pointer-events:none}.gux-calendar .gux-header .gux-month-list{display:flex;justify-content:space-between;inline-size:100%;font-family:var(--gse-ui-calendarMenu-month-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-headerText-fontSize);line-height:var(--gse-ui-calendarMenu-month-headerText-lineHeight)}.gux-calendar .gux-header .gux-month-list label{inline-size:100%;text-align:center}.gux-calendar .gux-content{display:flex;align-items:flex-start;block-size:var(--gse-ui-calendarMenu-height);padding:var(--gse-ui-calendarMenu-dateBody-padding);color:var(--gse-ui-calendarMenu-month-default-foregroundColor);background-color:var(--gse-ui-calendarMenu-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius)}.gux-calendar .gux-content table{inline-size:var(--gse-ui-calendarMenu-day-input-width);text-align:start;-ms-user-select:none;user-select:none;table-layout:fixed;border-spacing:0}.gux-calendar .gux-content table:not(:last-child){padding-inline-end:24px}.gux-calendar .gux-content table tr{block-size:var(--gse-ui-calendarMenu-day-input-height)}.gux-calendar .gux-content table tr:empty{display:none}.gux-calendar .gux-content table tr th,.gux-calendar .gux-content table tr td{inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-date-size);padding:0;margin:0;text-align:center}.gux-calendar .gux-content table tr th{font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-day-headerText-fontSize);font-weight:var(--gse-ui-calendarMenu-day-headerText-fontWeight);line-height:var(--gse-ui-calendarMenu-day-headerText-lineHeight)}.gux-calendar .gux-content table tr td{font-family:var(--gse-ui-calendarMenu-date-defaultText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-defaultText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-defaultText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-defaultText-lineHeight);color:var(--gse-ui-calendarMenu-date-default-foregroundColor);cursor:pointer}.gux-calendar .gux-content table tr td.gux-hovered{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-selected{color:var(--gse-ui-calendarMenu-date-selected-foregroundColor);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-selected:hover:not(.gux-calendar .gux-content table tr td.gux-selected.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-selected.gux-end-date){background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date,.gux-calendar .gux-content table tr td.gux-end-date{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date,.gux-calendar .gux-content table tr td.gux-end-date .gux-date{display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-date-size);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date:hover,.gux-calendar .gux-content table tr td.gux-end-date .gux-date:hover{background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date{border-radius:var(--gse-ui-calendarMenu-range-date-startDate-borderRadius)}.gux-calendar .gux-content table tr td.gux-end-date{border-radius:var(--gse-ui-calendarMenu-range-date-endDate-borderRadius)}.gux-calendar .gux-content table tr td:hover:not(.gux-calendar .gux-content table tr td.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-end-date):not(.gux-calendar .gux-content table tr td.gux-hovered):not(.gux-calendar .gux-content table tr td.gux-selected){background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-disabled{pointer-events:none;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month{opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month:hover{background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor)}.gux-calendar .gux-content table tr td.gux-not-in-month.gux-hidden{visibility:hidden}.gux-calendar .gux-content table tr td.gux-current-date{font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-currentText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-currentText-lineHeight)}.gux-calendar .gux-content table tr td:focus-visible{border-radius:var(--gse-ui-calendarMenu-month-focusBorderRadius);outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{m as gux_calendar}
|
1
|
+
import{r as e,c as t,h as a,g as n}from"./p-cf74fd3d.js";import{a as r}from"./p-cf0e7d3b.js";import{a as i,c as s,b as d,f as o}from"./p-e33e87ef.js";import{t as u}from"./p-7109c05e.js";import{g as l,c}from"./p-e5e644b3.js";import{c as g}from"./p-267e2aed.js";import{d as h}from"./p-13d8a42a.js";import{u as x}from"./p-c36d332b.js";import"./p-4202e9f2.js";import"./p-43af726d.js";function b(e,t){f(e,"remove",t)}function f(e=[],t,a){const n=[].concat(e);for(const e of n)e.classList[t](a)}function v(e,t){return x()?g(h(t,{year:"numeric",month:"long"}).format(e)):g(e.toLocaleDateString(t,{year:"numeric",month:"long"}))}const m=class{constructor(a){e(this,a),this.calendarSelect=t(this,"calendarSelect",7),this.value="",this.minDate="",this.maxDate="",this.mode="single",this.numberOfMonths=1,this.previewValue=new Date,this.selectingDate=null,this.locale="en"}emitCalendarSelect(){this.calendarSelect.emit(this.value)}async setValue(e){if("range"===this.mode&&e instanceof Array){const[t,a]=e;this.value=i(t,a),this.previewValue=s(this.value)[0]}else{const t=e;this.value=d(t),this.previewValue=t}}async focusPreviewDate(){const e=this.root.shadowRoot.querySelector(`td[data-date="${this.previewValue.getTime()}"]`);e&&e.focus()}async resetCalendarView(e){this.previewValue=e}incrementPreviewDateByMonth(e){this.previewValue=new Date(this.previewValue.getFullYear(),this.previewValue.getMonth()+e,15,0,0,0),r((()=>{this.focusPreviewDate()}))}async setValueAndEmit(e){await this.setValue(e),this.emitCalendarSelect()}outOfBounds(e){return""!==this.maxDate&&o(this.maxDate)<e||""!==this.minDate&&o(this.minDate)>e}generateDatesFrom(e,t,a){const n=[],r=new Date(t.getFullYear(),t.getMonth(),t.getDate(),0,0,0,0);for(let t=0;t<a;t++){const t=new Date(r.getFullYear(),r.getMonth(),r.getDate(),0,0,0,0),a=[],i=new Date,d=r.getFullYear()===i.getFullYear()&&r.getMonth()===i.getMonth()&&r.getDate()===i.getDate();let u=!1,l=!1;t.getMonth()!==e&&(a.push("gux-not-in-month"),u=!0,"range"===this.mode&&(a.push("gux-hidden"),l=!0)),this.outOfBounds(t)&&(a.push("gux-disabled"),u=!0);let c=!1;if(d&&a.push("gux-current-date"),"range"===this.mode){const[e,n]=s(this.value),r=e.getTime(),i=n.getTime();t.getTime()===r&&t.getTime()===i?(c=!0,a.push("gux-selected")):t.getTime()===r?(c=!0,a.push("gux-selected"),a.push("gux-start-date")):t.getTime()===i&&(c=!0,a.push("gux-selected"),a.push("gux-end-date"))}else{const e=o(this.value).getTime();t.getTime()===e&&(c=!0,a.push("gux-selected"))}n.push({class:a.join(" "),date:t,hidden:l,disabled:u,selected:c,isToday:d}),r.setDate(r.getDate()+1)}return n}create2DArray(e,t){const a=[];for(let n=0;n<t-1;n++){const r=e.slice(n*t,n*t+t);this.weekShouldBeDisplayed(r)&&a.push(r)}return a}isFocusableDate(e){return e.selected||this.previewValue.getTime()===e.date.getTime()}weekShouldBeDisplayed(e){const t=e.find((e=>!e.hidden));return e.length&&!!t}getMonthDays(e){const t=new Date(this.previewValue.getTime());t.setDate(1),t.setMonth(t.getMonth()+e);const a=t.getMonth(),n=function(e,t,a){const n=new Date(t,e,1,1,0,0,0),r=-1*(a-n.getDay()-7)%7;return new Date(n.getTime()-864e5*r)}(a,t.getFullYear(),this.startDayOfWeek),r=this.generateDatesFrom(a,n,42);return this.create2DArray(r,7)}addDays(e,t){const a=new Date(e.valueOf());return a.setDate(a.getDate()+t),a}getAllDatesElements(){const e=this.root.shadowRoot.querySelectorAll("td");return Array.from(e)}getAllSelectableDatesElements(){const e=this.root.shadowRoot.querySelectorAll('td[tabindex="0"]');return Array.from(e)}getRangeDatesElements(e,t){const a=[];let n;n=t<e?this.getRangeDates(t,e):this.getRangeDates(e,t);for(const e of n){const t=this.root.shadowRoot.querySelector(`td[data-date="${e.getTime()}"]:not(.gux-hidden)`);t&&a.push(t)}return a}getRangeDates(e,t){const a=[];let n=e;for(;n<=t;)a.push(new Date(n)),n=this.addDays(n,1);return a}async onDateClick(e){if(!this.outOfBounds(e))if("range"!==this.mode)await this.setValueAndEmit(e);else if(null===this.selectingDate)b(this.getAllDatesElements(),"gux-hovered"),this.selectingDate=new Date(e.valueOf()),this.value=i(e,e);else{const t=this.root.shadowRoot.querySelector(`td[data-date="${e.getTime()}"]`);t&&t.classList.add("gux-selected"),this.updateRangeElements(),await this.setValueAndEmit([this.selectingDate,e]),this.previewValue=e,this.selectingDate=null}}onDateMouseEnter(e){"range"===this.mode&&null!==this.selectingDate&&(this.value=i(e,this.selectingDate),this.updateRangeElements())}updateRangeElements(){if("range"===this.mode){b(this.getAllDatesElements(),"gux-hovered");const[e,t]=s(this.value);f(this.getRangeDatesElements(e,t),"add","gux-hovered")}}async onKeyDown(e){switch(e.key){case" ":case"Enter":e.preventDefault(),await this.onDateClick(this.previewValue);break;case"ArrowDown":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+7)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowUp":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-7)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowLeft":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-1)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowRight":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+1)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"PageUp":this.incrementPreviewDateByMonth(1),this.onDateMouseEnter(this.previewValue);break;case"PageDown":this.incrementPreviewDateByMonth(-1),this.onDateMouseEnter(this.previewValue)}}componentWillLoad(){if(u(this.root,{variant:this.mode}),this.locale=l(this.root),this.startDayOfWeek=this.startDayOfWeek||c(this.locale),!this.value){const e=new Date;e.setHours(0,0,0,0),this.value="range"===this.mode?i(e,e):d(e)}this.previewValue=o(this.value)}componentDidRender(){this.updateRangeElements()}renderMonthHeader(){return a("div",{class:"gux-month-list"},Array.from(Array(this.numberOfMonths).keys()).map((e=>{const t=function(e,t){const a=new Date(e);return a.setDate(1),a.setMonth(a.getMonth()+t),a}(this.previewValue,e);return a("label",null,v(t,this.locale))})))}renderCalendarTable(e){return a("table",null,a("tr",null,function(e,t){const a=[],n=new Date(1970,0,4);for(let t=0;t<7;t++){const t=n.toLocaleString(e,{weekday:"narrow"});a.push(t),n.setDate(n.getDate()+1)}return(r=a).concat(r.splice(0,(i=t)>r.length?i%r.length:i));var r,i}(this.locale,this.startDayOfWeek).map((e=>a("th",null,e)))),this.getMonthDays(e).map((e=>a("tr",null,e.map((e=>a("td",{tabindex:this.isFocusableDate(e)?"0":"-1",class:e.class,"aria-hidden":e.hidden?"true":"false","aria-disabled":e.disabled?"true":"false","data-date":e.date.getTime(),onClick:()=>{this.onDateClick(e.date)},onMouseEnter:()=>this.onDateMouseEnter(e.date),onKeyDown:e=>{this.onKeyDown(e)}},a("div",{class:"gux-date"},e.date.getDate(),a("span",{class:"gux-sr-only"},v(e.date,this.locale))))))))))}render(){return a("div",{key:"3e7104c7c527ba42cc818e65513814372fb85602",class:"gux-calendar"},a("div",{key:"3b8db690a35c0d8d7e0fee9aef4c11cc8da8bad0",class:"gux-header"},a("button",{key:"543de6897267a1f4e6e8db8b97bb711304c08b52",type:"button",class:"gux-left",onClick:()=>this.incrementPreviewDateByMonth(-1),tabindex:"-1","aria-hidden":"true"},a("gux-icon",{key:"b2c294ef682512eece2727b7a81d767e8eaa6ac9",size:"small",decorative:!0,"icon-name":"custom/chevron-left-small-regular"})),this.renderMonthHeader(),a("button",{key:"63a15fda509d1b4094e9758f7e363a12d9eb8b5a",type:"button",class:"gux-right",onClick:()=>this.incrementPreviewDateByMonth(1),tabindex:"-1","aria-hidden":"true"},a("gux-icon",{key:"8ddab445b31da40a62add023f2e6c7e96ebbe62e",size:"small",decorative:!0,"icon-name":"custom/chevron-right-small-regular"}))),a("div",{key:"717c46e440097c55521bd0ccece930c78cb18673",class:"gux-content"},Array.from(Array(this.numberOfMonths).keys()).map((e=>this.renderCalendarTable(e)))))}get root(){return n(this)}};m.style=":host{display:inline-block}.gux-calendar{margin-block-start:2px;border-radius:8px;box-shadow:var(--gse-ui-calendarMenu-boxShadow)}.gux-calendar .gux-header{position:relative;display:flex;gap:var(--gse-ui-calendarMenu-header-gap);align-items:center;justify-content:space-between;block-size:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);font-weight:var(--gse-ui-calendarMenu-month-headerText-fontWeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-calendar .gux-header button{position:absolute;color:var(--gse-ui-calendarMenu-header-foregroundColor);cursor:pointer;outline:none;background:none;border:none}.gux-calendar .gux-header button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color)}.gux-calendar .gux-header button.gux-left{inset-inline-start:18px}.gux-calendar .gux-header button.gux-right{inset-inline-end:18px}.gux-calendar .gux-header button gux-icon{pointer-events:none}.gux-calendar .gux-header .gux-month-list{display:flex;justify-content:space-between;inline-size:100%;font-family:var(--gse-ui-calendarMenu-month-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-headerText-fontSize);line-height:var(--gse-ui-calendarMenu-month-headerText-lineHeight)}.gux-calendar .gux-header .gux-month-list label{inline-size:100%;text-align:center}.gux-calendar .gux-content{display:flex;align-items:flex-start;block-size:var(--gse-ui-calendarMenu-height);padding:var(--gse-ui-calendarMenu-dateBody-padding);color:var(--gse-ui-calendarMenu-month-default-foregroundColor);background-color:var(--gse-ui-calendarMenu-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius)}.gux-calendar .gux-content table{inline-size:var(--gse-ui-calendarMenu-day-input-width);text-align:start;-ms-user-select:none;user-select:none;table-layout:fixed;border-spacing:0}.gux-calendar .gux-content table:not(:last-child){padding-inline-end:24px}.gux-calendar .gux-content table tr{block-size:var(--gse-ui-calendarMenu-day-input-height)}.gux-calendar .gux-content table tr:empty{display:none}.gux-calendar .gux-content table tr th,.gux-calendar .gux-content table tr td{inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-date-size);padding:0;margin:0;text-align:center}.gux-calendar .gux-content table tr th{font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-day-headerText-fontSize);font-weight:var(--gse-ui-calendarMenu-day-headerText-fontWeight);line-height:var(--gse-ui-calendarMenu-day-headerText-lineHeight)}.gux-calendar .gux-content table tr td{font-family:var(--gse-ui-calendarMenu-date-defaultText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-defaultText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-defaultText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-defaultText-lineHeight);color:var(--gse-ui-calendarMenu-date-default-foregroundColor);cursor:pointer}.gux-calendar .gux-content table tr td.gux-hovered{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-selected{color:var(--gse-ui-calendarMenu-date-selected-foregroundColor);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-selected:hover:not(.gux-calendar .gux-content table tr td.gux-selected.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-selected.gux-end-date){background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date,.gux-calendar .gux-content table tr td.gux-end-date{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date,.gux-calendar .gux-content table tr td.gux-end-date .gux-date{display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-date-size);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date:hover,.gux-calendar .gux-content table tr td.gux-end-date .gux-date:hover{background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date{border-radius:var(--gse-ui-calendarMenu-range-date-startDate-borderRadius)}.gux-calendar .gux-content table tr td.gux-end-date{border-radius:var(--gse-ui-calendarMenu-range-date-endDate-borderRadius)}.gux-calendar .gux-content table tr td:hover:not(.gux-calendar .gux-content table tr td.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-end-date):not(.gux-calendar .gux-content table tr td.gux-hovered):not(.gux-calendar .gux-content table tr td.gux-selected){background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-disabled{pointer-events:none;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month{opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month:hover{background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor)}.gux-calendar .gux-content table tr td.gux-not-in-month.gux-hidden{visibility:hidden}.gux-calendar .gux-content table tr td.gux-current-date{font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-currentText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-currentText-lineHeight)}.gux-calendar .gux-content table tr td:focus-visible{border-radius:var(--gse-ui-calendarMenu-month-focusBorderRadius);outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{m as gux_calendar}
|
@@ -1 +1 @@
|
|
1
|
-
import{r,h as e,g as s}from"./p-cf74fd3d.js";import{t}from"./p-
|
1
|
+
import{r,h as e,g as s}from"./p-cf74fd3d.js";import{t}from"./p-7109c05e.js";const a=class{constructor(e){r(this,e)}componentWillLoad(){t(this.root)}render(){return e("gux-radial-loading",{key:"309e160531c6d7333185bdf8197b0ad15098c56a",class:"gux-spinner","screenreader-text":this.screenreaderText,context:"full-page"})}get root(){return s(this)}};a.style=":host{display:flex}.gux-spinner{margin:auto}";export{a as gux_page_loading_spinner}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as e,g as i}from"./p-cf74fd3d.js";import{O as r}from"./p-f3d844c7.js";import{s as o}from"./p-2c25e2f2.js";import{b as s}from"./p-cf0e7d3b.js";import{g as n,b as a}from"./p-e5e644b3.js";import{t as u}from"./p-74437e8f.js";import{l as c}from"./p-8eaf8caf.js";import{a as l}from"./p-13d8a42a.js";import{u as p}from"./p-c36d332b.js";import"./p-4202e9f2.js";import"./p-43af726d.js";const h={am:"AM","time-separator":":",clockButton:"Toggle suggested times",hoursInput:"Input hours",minutesInput:"Input minutes",pm:"PM",timeOptionsState:"Time options open: {state}",toggleAmPM:"{amOrPm} selected, click to toggle"};function m(t){const e=new Date,[i,r]=t.split(":");return e.setHours(parseFloat(i)),e.setMinutes(parseFloat(r)),e.setSeconds(0),e.getTime()}function g(t,e){const[i,r]=t.split(":");return`${((parseInt(i,10)+e+24)%24).toString().padStart(2,"0")}:${r}`}function d(t,e,i){const[r,o]=t.split(":");let s=(parseInt(o,10)+e+60)%60;for(;s%i!=0;)s=(s+e+60)%60;return`${r}:${s.toString().padStart(2,"0")}`}function f(t,e){const[i,r]=t.split(":");return"12h"===e?`${(parseInt(i,10)%12||12).toString().padStart(2,"0")}:${r}`:`${i}:${r}`}function x(t,e,i){const[r,o]=t.split(":");return"12h"===e?i?`${(parseInt(r,10)%12).toString().padStart(2,"0")}:${o}`:`${(parseInt(r,10)%12+12).toString().padStart(2,"0")}:${o}`:`${r}:${o}`}function b(t,e){const[i]=f(t,e).split(":");return i}function v(t){const[,e]=t.split(":");return e}function k(t){const[e]=t.split(":");return parseInt(e,10)<12}function w(t){return"12h"===t?"^(0?[1-9]|1[012])$":"^([01]?[0-9]|2[0-3])$"}const C=class{constructor(e){t(this,e),this.value="00:00",this.interval=60,this.step=1,this.disabled=!1,this.required=!1,this.hasError=!1,this.expanded=!1}onFocus(){this.valueLastChange=this.value}onBlur(){this.valueLastChange!==this.value&&o(this.root,"change")}onClickOutside(){this.expanded=!1}handleKeydown(t){switch(t.key){case"Escape":case"Tab":this.expanded=!1}}async componentWillLoad(){u(this.root),this.i18n=await a(this.root,h),this.clockType=this.clockType||function(t){let e;e=p()?l(t).toLowerCase():n(t).toLowerCase();const i=new Date("January 19, 1975 15:00:00 UTC+00:00"),r=new Intl.DateTimeFormat(e,{timeStyle:"short",timeZone:"UTC"}).format(i);return!p()&&["ar","ko","zh-cn","zh-tw"].some((t=>e.startsWith(t)))||new RegExp(".*15.*").test(r)?"24h":"12h"}(this.root),this.validateValueFormat(this.value,"00:00"),"12h"==this.clockType&&(this.min||this.max)&&c(this.root,'clock type must be "24h" when using min/max props')}validateValueFormat(t,e){this.isValidTimeFormat(t)||(c(this.root,`"${t}" is not a valid value format. Format must be "hh:mm" or "h:mm". Falling back to previous value: "${e}"`),this.value=e)}isValidTimeFormat(t){return"string"==typeof t&&/^\d{1,2}:\d{2}$/.test(t)}updateValue(t,e=!1){t!==this.value&&(this.value=t,o(this.root,"input"),e&&this.valueLastChange!==this.value&&(o(this.root,"change"),this.valueLastChange=this.value))}valueToId(t){return`gux-id-${t.replace(":","-")}`}focusRelevantItemInPopupList(){s((()=>{this.listElement.guxFocusItemByClosestId(this.valueToId(this.value))}))}toggleDropdown(){this.expanded=!this.expanded,this.expanded&&this.focusRelevantItemInPopupList()}onTargetClick(t){const e=t.composedPath(),i=e.includes(this.clockButton),r=e.includes(this.amPmElement),o=e.includes(this.hourInputElement),s=e.includes(this.minuteInputElement);i||r||s||o||this.toggleDropdown()}handleClickDropdownValue(t){const e=x(t,this.clockType,k(this.value));this.updateValue(e,!0),this.clockButton.focus(),this.expanded=!1}onHourKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(g(this.value,-1));break;case"ArrowUp":t.preventDefault(),this.updateValue(g(this.value,1));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.hourInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i,r,o){const[s,n]=f(t,e).split(":");let a=s;return a="Backspace"===i?"12h"==e&&1==o?a.split("").filter(((t,e)=>e==r-1)).join(""):a.split("").filter(((t,e)=>e!==r-1)).join("").padStart(2,"0"):parseInt(a.slice(0,r)+i+a.slice(r+1),10).toString().slice(-2).padStart(2,"0"),new RegExp(w(e)).test(a)||(a="12h"===e?i:i.padStart(2,"0")),x(`${a}:${n}`,e,k(t))}(this.value,this.clockType,t.key,this.hourInputElement.selectionStart,this.hourInputElement.value.length));break;default:t.preventDefault()}}onMinuteKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(d(this.value,-1,this.step));break;case"ArrowUp":t.preventDefault(),this.updateValue(d(this.value,1,this.step));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.minuteInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i){const[r,o]=t.split(":");let s=o;return s="Backspace"===e?s.split("").filter(((t,e)=>e!==i-1)).join("").padStart(2,"0"):(s.slice(0,i)+e+s.slice(i+1)).slice(-2).padStart(2,"0"),new RegExp("^[0-5][0-9]$").test(s)||(s=e.padStart(2,"0")),`${r}:${s}`}(this.value,t.key,this.minuteInputElement.selectionStart));break;default:t.preventDefault()}}onAmPmButtonKeyDown(t){switch(t.key){case"ArrowDown":case"ArrowUp":this.toggleAmPm(t)}}onListKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.clockButton.focus())}toggleAmPm(t){t.preventDefault(),this.updateValue(g(this.value,12),!0)}getAmPmString(){return k(this.value)?this.i18n("am"):this.i18n("pm")}renderNumberInput(){return e("div",{class:"gux-input-time-container"},e("input",{role:"spinbutton",class:"gux-input-time-hours",type:"text",disabled:this.disabled,value:b(this.value,this.clockType),onKeyDown:t=>this.onHourKeyDown(t),"aria-label":this.i18n("hoursInput"),pattern:w(this.clockType),ref:t=>this.hourInputElement=t,"aria-valuetext":b(this.value,this.clockType),"aria-valuenow":b(this.value,this.clockType),"aria-valuemin":"24h"===this.clockType?0:1,"aria-valuemax":"24h"===this.clockType?23:12}),e("span",{class:"gux-time-separator"},this.i18n("time-separator")),e("input",{role:"spinbutton",class:"gux-input-time-minutes",type:"text",disabled:this.disabled,value:v(this.value),onKeyDown:t=>this.onMinuteKeyDown(t),"aria-label":this.i18n("minutesInput"),pattern:"^[0-5][0-9]$",ref:t=>this.minuteInputElement=t,"aria-valuetext":v(this.value),"aria-valuenow":v(this.value),"aria-valuemin":0,"aria-valuemax":59}))}renderAmPmSelector(){if("12h"===this.clockType)return e("button",{class:"gux-input-time-am-pm-selector",type:"button",disabled:this.disabled,"aria-label":this.i18n("toggleAmPM",{amOrPm:this.getAmPmString()}),onClick:t=>this.toggleAmPm(t),onKeyDown:t=>this.onAmPmButtonKeyDown(t),ref:t=>this.amPmElement=t},e("div",{class:{"gux-meridiem":!0,"gux-visible":k(this.value)}},this.i18n("am")),e("div",{class:{"gux-meridiem":!0,"gux-visible":!k(this.value)}},this.i18n("pm")))}renderClockButton(){return e("button",{class:{"gux-clock-button":!0,"gux-active":this.expanded},type:"button",disabled:this.disabled,"aria-label":this.i18n("clockButton"),"aria-expanded":this.expanded.toString(),onClick:this.toggleDropdown.bind(this),ref:t=>this.clockButton=t},e("gux-icon",{decorative:!0,"icon-name":"fa/clock-regular",size:"small"}))}renderTimeListItems(){return function(t,e,i,r){const o=[0,15,30,45].filter((e=>Number.isInteger(e/t))).map((t=>String(t).padStart(2,"0"))),s=("12h"===e?["12","01","02","03","04","05","06","07","08","09","10","11"]:Array.from(Array(24).keys()).map((t=>String(t).padStart(2,"0")))).reduce(((t,e)=>t.concat(o.map((t=>`${e}:${t}`)))),[]);return"24h"===e?function(t,e,i){return e&&i&&m(e)>m(i)?t=t.filter((t=>{const r=m(t),o=m(e),s=m(i),n=m("23:59");return r>=o&&r<n||r<=s})):(e&&(t=t.filter((t=>m(t)>=m(e)))),i&&(t=t.filter((t=>m(t)<=m(i))))),t}(s,i,r):s}(this.interval,this.clockType,this.min,this.max).map((t=>{const i=x(t,this.clockType,k(this.value));return e("gux-list-item",{id:this.valueToId(i),onClick:()=>this.handleClickDropdownValue(t)},t)}))}renderTarget(){return e("div",{class:"gux-input-time",slot:"target",onClick:this.onTargetClick.bind(this)},this.renderNumberInput(),this.renderAmPmSelector(),this.renderClockButton())}renderPopup(){return e("div",{slot:"popup",class:"gux-list-container",onKeyDown:t=>this.onListKeyDown(t)},e("gux-list",{ref:t=>this.listElement=t},this.renderTimeListItems()))}render(){return e("gux-popup",{key:"aeaf22b5d75a232497f9d4121d8dc2ca1716b330",class:{"gux-time-picker":!0,"gux-error":this.hasError},expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return i(this)}static get watchers(){return{value:["validateValueFormat"]}}};(function(t,e,i,r){var o,s=arguments.length,n=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(s<3?o(n):s>3?o(e,i,n):o(e,i))||n);s>3&&n&&Object.defineProperty(e,i,n)})([r({triggerEvents:"mousedown"})],C.prototype,"onClickOutside",null),C.style=".gux-time-picker{position:relative;display:inline-block}.gux-time-picker.gux-error .gux-input-time{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-time-picker .gux-input-time{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-time-picker .gux-input-time:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-time-picker .gux-input-time:hover:not(:disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-time-picker .gux-input-time input{flex:1 1 auto;align-self:auto;order:0;inline-size:2ch;padding:0;font-size:var(--gse-ui-formControl-label-text-fontSize);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}.gux-time-picker .gux-input-time input.gux-input-time-hours{text-align:end}.gux-time-picker .gux-input-time input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector{display:grid;grid-template:auto 1fr/auto 1fr auto;place-items:flex-end;padding:0;font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);font-weight:var(--gse-ui-formControl-input-prefixSufix-text-fontWeight);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background:transparent;border:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);border-radius:var(--gse-ui-timePicker-focusAmpm-borderRadius)}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{display:none;grid-row:1/1;grid-column:1/1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{display:inline-block}.gux-time-picker .gux-input-time .gux-clock-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);outline:none;background:transparent;border:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:var(--gse-ui-timePicker-clockStates-activeColor);cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible{outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);border-radius:var(--gse-ui-timePicker-focusClock-borderRadius)}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{padding:var(--gse-ui-timePicker-clock-padding)}.gux-time-picker .gux-time-separator{padding-block:0;padding-inline:1ch}.gux-time-picker .gux-list-container{max-block-size:150px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";export{C as gux_time_picker}
|
1
|
+
import{r as t,h as e,g as i}from"./p-cf74fd3d.js";import{O as r}from"./p-f3d844c7.js";import{s as o}from"./p-2c25e2f2.js";import{b as s}from"./p-cf0e7d3b.js";import{g as n,b as a}from"./p-e5e644b3.js";import{t as u}from"./p-7109c05e.js";import{l as c}from"./p-8eaf8caf.js";import{a as l}from"./p-13d8a42a.js";import{u as p}from"./p-c36d332b.js";import"./p-4202e9f2.js";import"./p-43af726d.js";const h={am:"AM","time-separator":":",clockButton:"Toggle suggested times",hoursInput:"Input hours",minutesInput:"Input minutes",pm:"PM",timeOptionsState:"Time options open: {state}",toggleAmPM:"{amOrPm} selected, click to toggle"};function m(t){const e=new Date,[i,r]=t.split(":");return e.setHours(parseFloat(i)),e.setMinutes(parseFloat(r)),e.setSeconds(0),e.getTime()}function g(t,e){const[i,r]=t.split(":");return`${((parseInt(i,10)+e+24)%24).toString().padStart(2,"0")}:${r}`}function d(t,e,i){const[r,o]=t.split(":");let s=(parseInt(o,10)+e+60)%60;for(;s%i!=0;)s=(s+e+60)%60;return`${r}:${s.toString().padStart(2,"0")}`}function f(t,e){const[i,r]=t.split(":");return"12h"===e?`${(parseInt(i,10)%12||12).toString().padStart(2,"0")}:${r}`:`${i}:${r}`}function x(t,e,i){const[r,o]=t.split(":");return"12h"===e?i?`${(parseInt(r,10)%12).toString().padStart(2,"0")}:${o}`:`${(parseInt(r,10)%12+12).toString().padStart(2,"0")}:${o}`:`${r}:${o}`}function b(t,e){const[i]=f(t,e).split(":");return i}function v(t){const[,e]=t.split(":");return e}function k(t){const[e]=t.split(":");return parseInt(e,10)<12}function w(t){return"12h"===t?"^(0?[1-9]|1[012])$":"^([01]?[0-9]|2[0-3])$"}const C=class{constructor(e){t(this,e),this.value="00:00",this.interval=60,this.step=1,this.disabled=!1,this.required=!1,this.hasError=!1,this.expanded=!1}onFocus(){this.valueLastChange=this.value}onBlur(){this.valueLastChange!==this.value&&o(this.root,"change")}onClickOutside(){this.expanded=!1}handleKeydown(t){switch(t.key){case"Escape":case"Tab":this.expanded=!1}}async componentWillLoad(){u(this.root),this.i18n=await a(this.root,h),this.clockType=this.clockType||function(t){let e;e=p()?l(t).toLowerCase():n(t).toLowerCase();const i=new Date("January 19, 1975 15:00:00 UTC+00:00"),r=new Intl.DateTimeFormat(e,{timeStyle:"short",timeZone:"UTC"}).format(i);return!p()&&["ar","ko","zh-cn","zh-tw"].some((t=>e.startsWith(t)))||new RegExp(".*15.*").test(r)?"24h":"12h"}(this.root),this.validateValueFormat(this.value,"00:00"),"12h"==this.clockType&&(this.min||this.max)&&c(this.root,'clock type must be "24h" when using min/max props')}validateValueFormat(t,e){this.isValidTimeFormat(t)||(c(this.root,`"${t}" is not a valid value format. Format must be "hh:mm" or "h:mm". Falling back to previous value: "${e}"`),this.value=e)}isValidTimeFormat(t){return"string"==typeof t&&/^\d{1,2}:\d{2}$/.test(t)}updateValue(t,e=!1){t!==this.value&&(this.value=t,o(this.root,"input"),e&&this.valueLastChange!==this.value&&(o(this.root,"change"),this.valueLastChange=this.value))}valueToId(t){return`gux-id-${t.replace(":","-")}`}focusRelevantItemInPopupList(){s((()=>{this.listElement.guxFocusItemByClosestId(this.valueToId(this.value))}))}toggleDropdown(){this.expanded=!this.expanded,this.expanded&&this.focusRelevantItemInPopupList()}onTargetClick(t){const e=t.composedPath(),i=e.includes(this.clockButton),r=e.includes(this.amPmElement),o=e.includes(this.hourInputElement),s=e.includes(this.minuteInputElement);i||r||s||o||this.toggleDropdown()}handleClickDropdownValue(t){const e=x(t,this.clockType,k(this.value));this.updateValue(e,!0),this.clockButton.focus(),this.expanded=!1}onHourKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(g(this.value,-1));break;case"ArrowUp":t.preventDefault(),this.updateValue(g(this.value,1));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.hourInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i,r,o){const[s,n]=f(t,e).split(":");let a=s;return a="Backspace"===i?"12h"==e&&1==o?a.split("").filter(((t,e)=>e==r-1)).join(""):a.split("").filter(((t,e)=>e!==r-1)).join("").padStart(2,"0"):parseInt(a.slice(0,r)+i+a.slice(r+1),10).toString().slice(-2).padStart(2,"0"),new RegExp(w(e)).test(a)||(a="12h"===e?i:i.padStart(2,"0")),x(`${a}:${n}`,e,k(t))}(this.value,this.clockType,t.key,this.hourInputElement.selectionStart,this.hourInputElement.value.length));break;default:t.preventDefault()}}onMinuteKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(d(this.value,-1,this.step));break;case"ArrowUp":t.preventDefault(),this.updateValue(d(this.value,1,this.step));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.minuteInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i){const[r,o]=t.split(":");let s=o;return s="Backspace"===e?s.split("").filter(((t,e)=>e!==i-1)).join("").padStart(2,"0"):(s.slice(0,i)+e+s.slice(i+1)).slice(-2).padStart(2,"0"),new RegExp("^[0-5][0-9]$").test(s)||(s=e.padStart(2,"0")),`${r}:${s}`}(this.value,t.key,this.minuteInputElement.selectionStart));break;default:t.preventDefault()}}onAmPmButtonKeyDown(t){switch(t.key){case"ArrowDown":case"ArrowUp":this.toggleAmPm(t)}}onListKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.clockButton.focus())}toggleAmPm(t){t.preventDefault(),this.updateValue(g(this.value,12),!0)}getAmPmString(){return k(this.value)?this.i18n("am"):this.i18n("pm")}renderNumberInput(){return e("div",{class:"gux-input-time-container"},e("input",{role:"spinbutton",class:"gux-input-time-hours",type:"text",disabled:this.disabled,value:b(this.value,this.clockType),onKeyDown:t=>this.onHourKeyDown(t),"aria-label":this.i18n("hoursInput"),pattern:w(this.clockType),ref:t=>this.hourInputElement=t,"aria-valuetext":b(this.value,this.clockType),"aria-valuenow":b(this.value,this.clockType),"aria-valuemin":"24h"===this.clockType?0:1,"aria-valuemax":"24h"===this.clockType?23:12}),e("span",{class:"gux-time-separator"},this.i18n("time-separator")),e("input",{role:"spinbutton",class:"gux-input-time-minutes",type:"text",disabled:this.disabled,value:v(this.value),onKeyDown:t=>this.onMinuteKeyDown(t),"aria-label":this.i18n("minutesInput"),pattern:"^[0-5][0-9]$",ref:t=>this.minuteInputElement=t,"aria-valuetext":v(this.value),"aria-valuenow":v(this.value),"aria-valuemin":0,"aria-valuemax":59}))}renderAmPmSelector(){if("12h"===this.clockType)return e("button",{class:"gux-input-time-am-pm-selector",type:"button",disabled:this.disabled,"aria-label":this.i18n("toggleAmPM",{amOrPm:this.getAmPmString()}),onClick:t=>this.toggleAmPm(t),onKeyDown:t=>this.onAmPmButtonKeyDown(t),ref:t=>this.amPmElement=t},e("div",{class:{"gux-meridiem":!0,"gux-visible":k(this.value)}},this.i18n("am")),e("div",{class:{"gux-meridiem":!0,"gux-visible":!k(this.value)}},this.i18n("pm")))}renderClockButton(){return e("button",{class:{"gux-clock-button":!0,"gux-active":this.expanded},type:"button",disabled:this.disabled,"aria-label":this.i18n("clockButton"),"aria-expanded":this.expanded.toString(),onClick:this.toggleDropdown.bind(this),ref:t=>this.clockButton=t},e("gux-icon",{decorative:!0,"icon-name":"fa/clock-regular",size:"small"}))}renderTimeListItems(){return function(t,e,i,r){const o=[0,15,30,45].filter((e=>Number.isInteger(e/t))).map((t=>String(t).padStart(2,"0"))),s=("12h"===e?["12","01","02","03","04","05","06","07","08","09","10","11"]:Array.from(Array(24).keys()).map((t=>String(t).padStart(2,"0")))).reduce(((t,e)=>t.concat(o.map((t=>`${e}:${t}`)))),[]);return"24h"===e?function(t,e,i){return e&&i&&m(e)>m(i)?t=t.filter((t=>{const r=m(t),o=m(e),s=m(i),n=m("23:59");return r>=o&&r<n||r<=s})):(e&&(t=t.filter((t=>m(t)>=m(e)))),i&&(t=t.filter((t=>m(t)<=m(i))))),t}(s,i,r):s}(this.interval,this.clockType,this.min,this.max).map((t=>{const i=x(t,this.clockType,k(this.value));return e("gux-list-item",{id:this.valueToId(i),onClick:()=>this.handleClickDropdownValue(t)},t)}))}renderTarget(){return e("div",{class:"gux-input-time",slot:"target",onClick:this.onTargetClick.bind(this)},this.renderNumberInput(),this.renderAmPmSelector(),this.renderClockButton())}renderPopup(){return e("div",{slot:"popup",class:"gux-list-container",onKeyDown:t=>this.onListKeyDown(t)},e("gux-list",{ref:t=>this.listElement=t},this.renderTimeListItems()))}render(){return e("gux-popup",{key:"aeaf22b5d75a232497f9d4121d8dc2ca1716b330",class:{"gux-time-picker":!0,"gux-error":this.hasError},expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return i(this)}static get watchers(){return{value:["validateValueFormat"]}}};(function(t,e,i,r){var o,s=arguments.length,n=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(s<3?o(n):s>3?o(e,i,n):o(e,i))||n);s>3&&n&&Object.defineProperty(e,i,n)})([r({triggerEvents:"mousedown"})],C.prototype,"onClickOutside",null),C.style=".gux-time-picker{position:relative;display:inline-block}.gux-time-picker.gux-error .gux-input-time{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-time-picker .gux-input-time{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-time-picker .gux-input-time:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-time-picker .gux-input-time:hover:not(:disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-time-picker .gux-input-time input{flex:1 1 auto;align-self:auto;order:0;inline-size:2ch;padding:0;font-size:var(--gse-ui-formControl-label-text-fontSize);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}.gux-time-picker .gux-input-time input.gux-input-time-hours{text-align:end}.gux-time-picker .gux-input-time input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector{display:grid;grid-template:auto 1fr/auto 1fr auto;place-items:flex-end;padding:0;font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);font-weight:var(--gse-ui-formControl-input-prefixSufix-text-fontWeight);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background:transparent;border:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);border-radius:var(--gse-ui-timePicker-focusAmpm-borderRadius)}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{display:none;grid-row:1/1;grid-column:1/1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{display:inline-block}.gux-time-picker .gux-input-time .gux-clock-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);outline:none;background:transparent;border:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:var(--gse-ui-timePicker-clockStates-activeColor);cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible{outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);border-radius:var(--gse-ui-timePicker-focusClock-borderRadius)}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{padding:var(--gse-ui-timePicker-clock-padding)}.gux-time-picker .gux-time-separator{padding-block:0;padding-inline:1ch}.gux-time-picker .gux-list-container{max-block-size:150px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";export{C as gux_time_picker}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as i,H as e,g as o}from"./p-cf74fd3d.js";import{a as s,o as a,f as r,s as n,h,c as l}from"./p-864af39c.js";import{r as d}from"./p-0934300e.js";import{t as c}from"./p-
|
1
|
+
import{r as t,h as i,H as e,g as o}from"./p-cf74fd3d.js";import{a as s,o as a,f as r,s as n,h,c as l}from"./p-864af39c.js";import{r as d}from"./p-0934300e.js";import{t as c}from"./p-7109c05e.js";import{b as u}from"./p-cf0e7d3b.js";import{o as p}from"./p-52d53e47.js";import{f as g}from"./p-9b0d3713.js";const f=class{constructor(i){t(this,i),this.pointerenterHandler=()=>this.show(),this.pointerleaveHandler=()=>this.hide(),this.focusinHandler=()=>this.show(),this.focusoutHandler=()=>this.hide(),this.forElementListeners=new Map([["pointerenter",this.pointerenterHandler],["pointerleave",this.pointerleaveHandler],["focusin",this.focusinHandler],["focusout",this.focusoutHandler],["mousemove",this.handlePointerMove.bind(this)]]),this.id=d("gux-tooltip-base"),this.placement="bottom-start",this.offsetX=0,this.offsetY=0,this.accent="light",this.visualOnly=!1,this.followMouse=!1,this.isShown=!1}handleKeyDown(t){"Escape"===t.key&&this.isShown&&this.hide()}handlePointerenter(){this.show()}handlePointerleave(){this.hide()}handlePointerMove(t){this.followMouse&&(t.preventDefault(),this.refElement=this.getRefElement(t.clientX,t.clientY),this.runUpdatePosition())}async showTooltip(){this.show()}async hideTooltip(){this.hide()}runUpdatePosition(){const t=this.followMouse&&this.refElement?this.refElement:this.forElement;this.cleanupUpdatePosition=s(t,this.root,(()=>this.updatePosition(t)),{ancestorScroll:!0,elementResize:!0,animationFrame:this.followMouse,ancestorResize:!0})}updatePosition(t){const i=[a(12),r(),n(),h(),p()];l(t,this.root,{placement:this.placement,strategy:"fixed",middleware:i}).then((({x:t,y:i,middlewareData:e})=>{var o;Object.assign(this.root.style,{left:`${t+this.offsetX}px`,top:`${i+this.offsetY}px`,visibility:(null===(o=e.hide)||void 0===o?void 0:o.referenceHidden)?"hidden":"visible"}),this.root.setAttribute("data-placement",this.placement)}))}show(){clearTimeout(this.hideDelayTimeout),this.isShown=!0,u((()=>{this.runUpdatePosition()}))}hide(){this.hideDelayTimeout=setTimeout((()=>{this.isShown=!1,this.refElement=void 0,this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}),350)}setForElement(){this.forElement&&(this.visualOnly||this.forElement.setAttribute("aria-describedby",this.tooltipId?this.tooltipId:this.id),this.forElementListeners.forEach(((t,i)=>this.forElement.addEventListener(i,t))))}disconnectForElement(){this.forElement&&(this.forElement.removeAttribute("aria-describedby"),this.forElementListeners.forEach(((t,i)=>this.forElement.removeEventListener(i,t))))}updateForElement(){this.disconnectForElement(),this.setForElement()}getRefElement(t,i){return{getBoundingClientRect:()=>({x:t,y:i,top:i,left:t,bottom:i,right:t,width:10,height:10})}}connectedCallback(){this.setForElement()}componentWillLoad(){c(this.root,{variant:this.placement})}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.disconnectForElement()}render(){return i(e,{key:"4e7c0cf62fae55affefec3c26c6f09e1a7a31edd",id:this.tooltipId?void 0:this.id,role:this.tooltipId&&!this.isShown?void 0:"tooltip",class:{"gux-show":this.isShown},"aria-hidden":this.visualOnly},i("div",{key:"5331c5c37ba1c7fff188e3aab855d8ed0abbd921",class:{"gux-container":!0,[`gux-${this.accent}`]:!0},"data-placement":this.placement},i("slot",{key:"70e9076b53ea55109e601bc5f6f9a8eca82ff3c8",name:"content"})))}get root(){return o(this)}static get watchers(){return{offsetX:["runUpdatePosition"],offsetY:["runUpdatePosition"],forElement:["updateForElement"]}}};f.style=":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;inline-size:max-content;max-inline-size:250px;border-radius:var(--gse-ui-tooltip-borderRadius);box-shadow:var(--gse-ui-tooltip-boxShadow);opacity:0}:host(.gux-show){display:block;animation-name:fade-in;animation-duration:250ms;animation-delay:350ms;animation-fill-mode:forwards}.gux-container{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-tooltip-gap);place-content:center flex-start;padding:var(--gse-ui-tooltip-padding);font-family:var(--gse-ui-tooltip-text-fontFamily);font-size:var(--gse-ui-tooltip-text-fontSize);font-weight:var(--gse-ui-tooltip-text-fontWeight);line-height:var(--gse-ui-tooltip-text-lineHeight);color:var(--gse-ui-tooltip-light-foregroundColor);pointer-events:none;background-color:var(--gse-ui-tooltip-light-backgroundColor);border:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-radius:var(--gse-ui-tooltip-borderRadius)}.gux-container ::slotted(gux-icon){align-self:center;inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);color:var(--gse-ui-tooltip-light-foregroundColor)}.gux-container ::slotted(*){inline-size:100%;overflow-wrap:break-word;white-space:normal}.gux-container.gux-dark{color:var(--gse-ui-tooltip-dark-foregroundColor);background-color:var(--gse-ui-tooltip-dark-backgroundColor);border:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark ::slotted(gux-icon){align-self:center;inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);color:var(--gse-ui-tooltip-dark-iconColor)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";const b=class{constructor(i){t(this,i),this.id=d("gux-tooltip"),this.placement="bottom-start",this.accent="light",this.visualOnly=!1}async showTooltip(){return await this.baseTooltip.showTooltip()}async hideTooltip(){return await this.baseTooltip.hideTooltip()}updateForElement(){this.forElement=this.getForElement()}componentWillLoad(){c(this.root,{variant:this.placement})}componentDidLoad(){this.baseTooltip&&(this.tooltipObserver=new MutationObserver((()=>{var t;this.role=null===(t=this.baseTooltip)||void 0===t?void 0:t.role})),this.tooltipObserver.observe(this.baseTooltip,{childList:!0,attributes:!0,attributeFilter:["role"]}))}connectedCallback(){this.updateForElement()}disconnectedCallback(){this.tooltipObserver&&this.tooltipObserver.disconnect()}getForElement(){if(this.for){const t=g(this.root,this.for);return t||this.logForAttributeError(),t}return this.root.parentElement}logForAttributeError(){this.root.isConnected&&console.error(`gux-tooltip: invalid element supplied to 'for': "${this.for}"`)}render(){return i(e,{key:"39759a12861d98e00fe221320c70eeec572d9a5d",id:this.id,role:this.role},i("gux-tooltip-base-beta",{key:"9652ad62b51d30b360ac8caa089158a50e2f247a",forElement:this.forElement,placement:this.placement,accent:this.accent,tooltipId:this.id,visualOnly:this.visualOnly,ref:t=>this.baseTooltip=t},i("span",{key:"de2a76685d4eba0581c6808e9b08ac3a077c3840",slot:"content"},i("slot",{key:"a101c8ccf58d4e1a82e4164bfd1b388b27a28f7d",name:"content"},i("slot",{key:"5649a672ea4f1602e9a22dddf29861641e5a7c03"})))))}get root(){return o(this)}static get watchers(){return{for:["updateForElement"]}}};export{f as gux_tooltip_base_beta,b as gux_tooltip_beta}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as a,H as i,g as s}from"./p-cf74fd3d.js";import{s as e}from"./p-2c25e2f2.js";import{c as r}from"./p-a43079c8.js";import{t as o}from"./p-
|
1
|
+
import{r as t,h as a,H as i,g as s}from"./p-cf74fd3d.js";import{s as e}from"./p-2c25e2f2.js";import{c as r}from"./p-a43079c8.js";import{t as o}from"./p-7109c05e.js";import{a as n}from"./p-8eaf8caf.js";const h=class{constructor(a){t(this,a),this.value=0,this.maxValue=5,this.disabled=!1,this.readonly=!1,this.increment="default"}onClick(t){if(t.stopPropagation(),this.disabled||this.readonly)return;const[a]=t.composedPath(),i=a.getRootNode(),s=Array.from(this.starContainer.children).findIndex((t=>t.shadowRoot===i))+1;s===this.value+.5?this.updateRatingValue(s):s===this.value?this.updateRatingValue(0):s!==Math.floor(this.value)?this.updateRatingValue("half"===this.increment?s-.5:s):this.updateRatingValue(s)}onKeyDown(t){if(t.stopPropagation(),this.disabled||this.readonly)return;const a="half"===this.increment?.5:1;switch(t.key){case"ArrowUp":case"ArrowRight":t.preventDefault(),this.updateRatingValue(this.value+a);break;case"ArrowDown":case"ArrowLeft":t.preventDefault(),this.updateRatingValue(this.value-a);break;case"End":t.preventDefault(),this.updateRatingValue(1/0);break;case"Home":t.preventDefault(),this.updateRatingValue(-1/0)}}updateRatingValue(t){const a=r(t,0,Array.from(this.starContainer.children).length),i="half"===this.increment?.5:1,s=Math.round(a/i)*i;this.value!==s&&(this.value=s,e(this.root,"input"),e(this.root,"change"))}getRatingStarElements(){return[...Array(this.maxValue).keys()].reduce(((t,a)=>t.concat(a+.5===this.value?"fa/star-sharp-half-stroke-regular":a+1<=this.value?"fa/star-solid":"fa/star-regular")),[]).map((t=>a("gux-icon",{"icon-name":t,decorative:!0,size:"small"})))}getTabIndex(){return this.disabled?-1:0}componentWillLoad(){o(this.root)}componentDidLoad(){this.root.getAttribute("aria-label")||this.root.getAttribute("aria-labelledby")||n(this.root,"`gux-rating` requires a label. Either provide a label and associate it with the gux-rating element using `aria-labelledby` or add an `aria-label` attribute to the gux-rating element.")}render(){return a(i,{key:"ff9593ff50916c8eb9bd5a749712d2c232b66ac1",role:"spinbutton",tabindex:this.getTabIndex(),"aria-readonly":this.readonly.toString(),"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":this.maxValue},a("div",{key:"e73bb89716b389959d264e7344d55aa543cb9018",ref:t=>this.starContainer=t,class:{"gux-rating-star-container":!0,"gux-disabled":this.disabled}},this.getRatingStarElements()))}get root(){return s(this)}};h.style=":host{display:inline-block;min-inline-size:fit-content;user-select:none}:host(:host:focus-visible){outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);box-shadow:0 0 0 1px var(--gse-semantic-border-focus)}.gux-rating-star-container{display:flex;gap:var(--gse-ui-rating-star-gap);justify-content:space-between;color:var(--gse-ui-rating-default-color)}.gux-rating-star-container.gux-disabled{color:var(--gse-ui-rating-disabled-color);pointer-events:none;opacity:var(--gse-ui-rating-disabled-opacity)}.gux-rating-star-container gux-icon{flex:0 0 auto;color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";export{h as gux_rating}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as s,g as o}from"./p-cf74fd3d.js";import{t as i}from"./p-
|
1
|
+
import{r as t,h as s,g as o}from"./p-cf74fd3d.js";import{t as i}from"./p-7109c05e.js";import{b as r}from"./p-e5e644b3.js";import{t as e}from"./p-f01d2320.js";import{h as n,r as a}from"./p-b2e29026.js";import"./p-4202e9f2.js";import"./p-43af726d.js";const u=class{constructor(s){t(this,s),this.disabled=!1,this.isActive=!1}async componentWillLoad(){i(this.root,{variant:this.action}),this.i18n=await r(this.root,e)}renderTooltip(){if(!this.disabled)return s("gux-tooltip-beta",null,s("div",{slot:"content"},this.i18n(this.action)))}renderActionButton(){return s("gux-button-slot",{accent:"ghost","icon-only":!0},s("button",{type:"button",disabled:this.disabled||n(this.root),class:{"gux-is-pressed":this.isActive},"aria-pressed":this.isActive.toString()},s("gux-icon",{"icon-name":a(this.action),"screenreader-text":this.i18n(this.action),size:"small"})),this.renderTooltip())}render(){return this.renderActionButton()}get root(){return o(this)}};u.style=":host{display:block}gux-button-slot{inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height)}gux-button-slot button.gux-is-pressed{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}";export{u as gux_rich_text_editor_action}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as o,g as r}from"./p-cf74fd3d.js";import{c as t,o as i}from"./p-f4751a15.js";import{O as n}from"./p-946c70b7.js";import{o as l}from"./p-6b12dd16.js";import{p as a}from"./p-a11d5d42.js";import{h as s}from"./p-6d8b4027.js";import{a as u,G as f}from"./p-25141c4d.js";import{G as d,a as p}from"./p-bd1d4fac.js";import{v as c,a as g}from"./p-4aaf349e.js";import{t as h}from"./p-
|
1
|
+
import{r as e,h as o,g as r}from"./p-cf74fd3d.js";import{c as t,o as i}from"./p-f4751a15.js";import{O as n}from"./p-946c70b7.js";import{o as l}from"./p-6b12dd16.js";import{p as a}from"./p-a11d5d42.js";import{h as s}from"./p-6d8b4027.js";import{a as u,G as f}from"./p-25141c4d.js";import{G as d,a as p}from"./p-bd1d4fac.js";import{v as c,a as g}from"./p-4aaf349e.js";import{t as h}from"./p-7109c05e.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const m=class{constructor(o){e(this,o),this.indicatorMark="required",this.computedLabelPosition="above",this.hasError=!1,this.hasHelp=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help")}handleKeyup(e){var o,r;"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===(r=this.labelInfo)||void 0===r||r.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}componentWillLoad(){this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help"),h(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return o(p,{key:"8fab666ed9dd8dfb34c3c9169b0318cb85ae886c",labelPosition:this.computedLabelPosition},o(d,{key:"67c189b8e8ae3c38c5d7600e92aaa931b73fe3c7",required:this.required,position:this.computedLabelPosition},o("slot",{key:"5931134fe8b4b588213f17c3a073e300d6ad380d",name:"label",onSlotchange:()=>this.setLabel()}),o("gux-form-field-label-indicator",{key:"164f4bacb16425c76face2e8c8d030ab9be6c1e6",variant:this.indicatorMark,required:this.required}),o("slot",{key:"69f66ea9a268e95d7e7db80ab86d1fa9eea27374",name:"label-info"})),o("div",{key:"f50f9c67182be19f1f9d73d3577b2f5c8edb0d70",class:"gux-input-and-error-container"},o("div",{key:"38fb0fb812dca5f250a743edcf77c6f7a44006f7",class:{"gux-input":!0,"gux-input-error":this.hasError}},o("div",{key:"ce68e4c39d3bf617c406387857777775f8efa7b6",class:{"gux-input-container":!0,"gux-disabled":this.disabled}},o("slot",{key:"90cbaae24a5863e6d6bb65ec3e34cb09a2895ec0",name:"input"}),o("gux-icon",{key:"bcfb3024085f44651148d515befb45c3da39926e","icon-name":"custom/chevron-down-small-regular",decorative:!0,size:"small"}))),o(u,{key:"cec22eac2942c4f37bcf10a5ea148a69ea128a46",show:this.hasError},o("slot",{key:"b884778e478663e3e4cff9b07fc48dcd97ea05f1",name:"error"})),o(f,{key:"d373a37aec09d91e33e837fde1425dc2a35a64b4",show:!this.hasError&&this.hasHelp},o("slot",{key:"7d9c3445f573e585989aeb5ed5ff7ff8fb341e0d",name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${e}`}setInput(){this.input=this.root.querySelector('select[slot="input"]'),a(this.input),this.disabled=t(this.input),this.required=this.input.required,this.disabledObserver=i(this.input,(e=>{this.disabled=e})),this.requiredObserver=l(this.input,(e=>{this.required=e})),c(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=g(this.label,this.labelPosition)}get root(){return r(this)}};(function(e,o,r,t){var i,n=arguments.length,l=n<3?o:null===t?t=Object.getOwnPropertyDescriptor(o,r):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,o,r,t);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(l=(n<3?i(l):n>3?i(o,r,l):i(o,r))||l);n>3&&l&&Object.defineProperty(o,r,l)})([n({childList:!0,subtree:!0})],m.prototype,"onMutation",null),m.style=".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(select){flex:1 1 auto;align-self:auto;order:0;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding-inline-start:var(--gse-ui-formControl-input-gap);color:var(--gse-ui-formControl-input-populatedColor);-moz-appearance:none;-webkit-appearance:none;appearance:none;outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;border-radius:var(--gse-ui-formControl-input-borderRadius)}::slotted(select)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{position:relative;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%;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);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{pointer-events:none;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:hover gux-icon{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-input-and-error-container .gux-input .gux-input-container gux-icon{position:absolute;inset-block-start:0;inset-inline-end:0;margin:var(--gse-ui-formControl-input-padding);pointer-events:none}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}";export{m as gux_form_field_select}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as t,H as a,g as o}from"./p-cf74fd3d.js";import{t as i}from"./p-
|
1
|
+
import{r as e,h as t,H as a,g as o}from"./p-cf74fd3d.js";import{t as i}from"./p-7109c05e.js";const s=class{constructor(t){e(this,t)}componentWillLoad(){i(this.root)}render(){return t(a,{key:"1a8af93ebf97822103c278b6e1acf302d6fac828"},t("div",{key:"690645f09dfbbf533a000b8e573a8eea7077eb0f",class:"gux-header"},t("div",{key:"13d314e118929340e9f229fd4efbdd90342b7778",class:"gux-icon"},t("slot",{key:"dac24e0dcb852921e631e7e24ae8b283fb3dc348",name:"icon"})),t("div",{key:"d0c423a9f94f4cc2c2a0d9e42f28c0350c6eaebe",class:"gux-title"},t("slot",{key:"4dc1946758a1644e5a8f5f852e93205386f8dc5e",name:"title"}))),t("div",{key:"633d576934edbef111e81a4291c0586a831f8127",class:"gux-message"},t("slot",{key:"78830fba4de476e503b0bf6774c9453d3b7f589d",name:"message"})),t("div",{key:"ede5f36a0f0dfcfe3c57563813dcfb88754f9e1c",class:"gux-action-buttons"},t("div",{key:"6d4c629edce80fe5bb17af72eb20569c92afb8d2",class:"gux-positive-button"},t("slot",{key:"5d7ba5a7a8700b0258f38631f41a451f9229eea3",name:"positive-button"})),t("div",{key:"f004a4f6eff0999ace5bd07b5613c7e848f4b0c7",class:"gux-negative-button"},t("slot",{key:"45311073079442b62fa1580cb14cc4f0b4643cf4",name:"negative-button"}))))}get root(){return o(this)}};s.style=":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:stretch;width:270px;padding:20px 24px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;align-self:auto;order:0;font-family:var(--gse-semantic-heading-lg-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-lg-bold-fontSize);line-height:var(--gse-semantic-heading-lg-bold-lineHeight);font-weight:var(--gse-semantic-heading-lg-bold-fontWeight)}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:#1da8b3}.gux-header .gux-icon ::slotted(gux-icon){width:32px !important;height:32px !important}.gux-header .gux-title{flex:1 1 auto;align-self:auto;order:0;margin:0 0 0 8px}.gux-message{flex:0 1 auto;align-self:auto;order:0;margin:16px 0;font-family:var(--gse-semantic-body-sm-regular-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-semantic-body-sm-regular-fontSize);line-height:var(--gse-semantic-body-sm-regular-lineHeight);font-weight:var(--gse-semantic-body-sm-regular-fontWeight)}.gux-message ::slotted(dl){display:flex;flex-direction:row;flex-wrap:wrap;place-content:stretch flex-start;align-items:flex-start;margin:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}";export{s as gux_action_toast_legacy}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,f as e,h as r,g as a}from"./p-cf74fd3d.js";import{b as s}from"./p-e5e644b3.js";import{t as i}from"./p-
|
1
|
+
import{r as t,f as e,h as r,g as a}from"./p-cf74fd3d.js";import{b as s}from"./p-e5e644b3.js";import{t as i}from"./p-7109c05e.js";import"./p-4202e9f2.js";const o={breadcrumbs:"Breadcrumbs"},c=class{constructor(e){t(this,e),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((t=>e(t)))}render(){return r("nav",{key:"acf6c84d719c43df03381127ef2fa2367906ed79","aria-label":this.i18n("breadcrumbs")},r("ol",{key:"4dfbc4c462d69aa146e2282523293fe44d427217"},r("slot",{key:"0f5f128f1a3766d67498c4db2321132fc24d9c7c",onSlotchange:this.onSlotChange.bind(this)})))}get root(){return a(this)}};c.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{c as gux_breadcrumbs}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as o,h as e,H as t,g as r}from"./p-cf74fd3d.js";import{t as a}from"./p-
|
1
|
+
import{r as o,h as e,H as t,g as r}from"./p-cf74fd3d.js";import{t as a}from"./p-7109c05e.js";const i=class{constructor(e){o(this,e),this.placement="page-desktop"}componentWillLoad(){a(this.root,{variant:this.placement})}render(){return e(t,{key:"4f6079d93cee9ed8f9ac2e99c23c61ce4266621e",class:{[`gux-form-footer-${this.placement}`]:!0}},e("slot",{key:"099c671fbbf9d2465a54e14c5314b219eda9fb74"}))}get root(){return r(this)}};i.style=":host ::slotted(footer){display:flex;align-items:center;justify-content:flex-start;margin-block-start:var(--gse-semantic-formControl-formBody-paddingBottom);border-block-start:var(--gse-ui-formFooter-separator-width) var(--gse-ui-formFooter-separator-style) var(--gse-ui-formFooter-separator-color)}:host(.gux-form-footer-page-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-page-desktop-gap);padding-block:var(--gse-ui-formFooter-page-desktop-topPadding) var(--gse-ui-formFooter-page-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-desktop-horizontalPadding) var(--gse-ui-formFooter-page-desktop-horizontalPadding)}:host(.gux-form-footer-page-mobile) ::slotted(footer){flex-direction:column;gap:var(--gse-ui-formFooter-page-mobile-gap);align-items:stretch;justify-content:center;padding-block:var(--gse-ui-formFooter-page-mobile-topPadding) var(--gse-ui-formFooter-page-mobile-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-mobile-horizontalPadding) var(--gse-ui-formFooter-page-mobile-horizontalPadding)}:host(.gux-form-footer-side-sheet-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-sideSheet-desktop-gap);padding-block:var(--gse-ui-formFooter-sideSheet-desktop-topPadding) var(--gse-ui-formFooter-sideSheet-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding) var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding)}";export{i as gux_form_footer}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,h as i,g as r}from"./p-cf74fd3d.js";import{a as s,c as o,o as a,f as n}from"./p-864af39c.js";import{r as u}from"./p-0934300e.js";import{a as d}from"./p-cf0e7d3b.js";import{f as l,a as c,b as h,c as p}from"./p-e33e87ef.js";import{O as g}from"./p-f3d844c7.js";import{t as f}from"./p-74437e8f.js";import{b as x}from"./p-e5e644b3.js";import{g as b,a as k}from"./p-13d8a42a.js";import{u as m}from"./p-c36d332b.js";import"./p-4202e9f2.js";import"./p-43af726d.js";const v={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function C(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function y(t,e){const i=new Date(e.valueOf()),r=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(r),i.setFullYear(e.getFullYear()),i.getMonth()!==r?y(t,C(-1,e)):i}function w(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function D(t){return t.match(/\W/)[0]}function F(t){const e=D(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function R(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const I=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.isSelectingRangeWithMouse=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=u("gux-datepicker"),this.endInputId=u("gux-datepicker"),this.label="",this.numberOfMonths=1,this.minDate="",this.maxDate="",this.mode="single",this.disabled=!1,this.labelPosition="beside",this.formattedValue="",this.toFormattedValue="",this.active=!1,this.pressedKeys=[]}watchValue(){this.format&&this.updateDate()}watchMinDate(t){this.minDateDate=t?l(t):null}watchMaxDate(t){this.maxDateDate=t?l(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=F(t),this.lastIntervalRange=this.initialIntervalRange}watchActiveCalendar(t){if(!0===t){const t=l(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isInputFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":break;case"ArrowDown":t.preventDefault(),this.increment(-1),this.setCursorRange();break;case"ArrowUp":t.preventDefault(),this.increment(1),this.setCursorRange();break;case"ArrowLeft":{t.preventDefault();const e=function(t,e){const i=F(t),r=w(t,e.selectionStart),s=i.indexOf(r);return R(t,i[(s+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange(),this.pressedKeys.length=0;break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=F(t),r=w(t,e.selectionStart),s=i.indexOf(r);return R(t,i[(s+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange(),this.pressedKeys.length=0;break}default:t.preventDefault(),this.isSelectingRangeWithMouse||(this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(t),this.setCursorRange())}else switch(t.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");d((()=>{t.focus()}));break}case"Tab":this.active&&(this.active=!1)}}onMouseDown(t){this.isInputFieldEvent(t)&&(this.isSelectingRangeWithMouse=!0);const e=t.composedPath(),i=e.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every((t=>!e.includes(t)))&&(this.active=i)}onClickOutside(){this.active=!1,this.pressedKeys.length=0}onInputFocusIn(t){this.focusedField=this.getInputFieldFromEvent(t),this.isSelectingRangeWithMouse||d((()=>this.setRange()))}onInputFocusOut(){this.lastIntervalRange=this.initialIntervalRange}onInputMouseUp(t){t.preventDefault(),this.lastIntervalRange=R(this.format,w(this.format,this.focusedField.selectionStart)),this.setRange(),this.isSelectingRangeWithMouse=!1}isInputFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}get initialIntervalRange(){return R(this.format,w(this.format,0))}getInputFieldFromEvent(t){return t.composedPath()[0]}updateIntervalValue(t){this.pressedKeys.push(t.key);const e=parseInt(t.key,10);if(!isNaN(e)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);"y"===w(this.format,this.focusedField.selectionStart)&&"yyyy"===this.yearFormat?this.typeYearValue(i,t.key):this.canSetDate(e)&&this.pressedKeys.length>=2?(this.updateSelection(this.focusedField,`${i[1]}${t.key}`),this.setValue()):(this.updateSelection(this.focusedField,`0${t.key}`.replace("00","01")),this.setValue())}}updateSelection(t,e){t.value=t.value.substr(0,this.intervalRange.selectionStart)+e+t.value.substr(this.intervalRange.selectionEnd)}getCalendarLabels(){return function(t,e,i){const r=t.split(",").map((t=>t.trim()));return"range"===e?[r[0]||i[0],r[1]||i[1]]:"range"===e||r[0]?[r[0]]:[i[2]]}(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(t){const e=D(this.format),i=this.format.toLowerCase().split(e),r=t.split(e),s=parseInt(r[i.indexOf(this.yearFormat)],10),o=parseInt(r[i.indexOf("mm")],10)-1,a=parseInt(r[i.indexOf("dd")],10),n=new Date(s,o,a);return"yy"===this.yearFormat&&n.getFullYear()<1970&&this.lastYear>1970&&n.setFullYear(n.getFullYear()+100),n}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formattedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormattedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=c(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=h(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(t,e){" "!==t[0]?this.updateSelection(this.focusedField,` ${e}`):(this.updateSelection(this.focusedField,`${t.substr(1)}${e}`),(t.substr(1)+e).includes(" ")||this.setValue())}canSetDate(t){const e=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),t].join(""),10);if(e)switch(w(this.format,this.focusedField.selectionStart)){case"d":{const t=l(this.value);if(e<=new Date(t.getFullYear(),t.getMonth()+1,0).getDate())return!0;break}case"m":if(e<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(t){const e={dd:`0${t.getDate()}`.slice(-2),mm:`0${t.getMonth()+1}`.slice(-2)};return"yyyy"===this.yearFormat?e.yyyy=t.getFullYear().toString():e.yy=t.getFullYear().toString().slice(-2),{map:e,regexp:new RegExp(Object.keys(e).join("|"),"gi")}}updateDate(){if("range"===this.mode){const[t,e]=p(this.value),{map:i,regexp:r}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(r,(t=>i[t]));const{map:s,regexp:o}=this.getMapAndRegexFromField(e);this.toFormattedValue=this.format.replace(o,(t=>s[t]))}else{const t=l(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&(this.focusedField.setSelectionRange(0,100),this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd))}toggleCalendar(){this.active=!this.active,this.active&&d((()=>{this.calendarElement.focusPreviewDate()}))}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return l(this.value)}getRangeFocusedDateValue(){const[t,e]=p(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=w(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let r;switch(e){case"d":r=C(t,i);break;case"m":r=y(t,i);break;case"y":r=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var s,o,a;s=r,o=this.minDateDate,((a=this.maxDateDate)&&a<s||o&&o>s)&&(r=i),this.lastYear=r.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=D(e),r=e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i);return r}(r,this.format),this.setValue()}async componentWillLoad(){if(f(this.root,{variant:this.mode}),this.i18n=await x(this.root,v),this.format=m()?this.format||b(k(this.root)):this.format||"mm/dd/yyyy",this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?c(t,t):h(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}this.updateDate()}runUpdatePosition(){this.cleanupUpdatePosition=s(this.datepickerElement,this.calendarElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){o(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[a({crossAxis:-3}),n({fallbackStrategy:"initialPlacement"})]}).then((({x:t,y:e})=>{Object.assign(this.calendarElement.style,{left:`${t}px`,top:`${e}px`})}))}componentDidUpdate(){this.active?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"fa/calendar-regular",size:"small"}))}renderCalendar(){return i("gux-calendar",{tabIndex:-1,ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onCalendarSelect:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths,startDayOfWeek:this.startDayOfWeek})}renderStartDateField(){return i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",onClick:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),ref:t=>this.inputElement=t,value:this.formattedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,onMouseUp:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),value:this.toFormattedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{key:"9b6737412b9c14de513320e17ba00e815802f069",class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return r(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,r){var s,o=arguments.length,a=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(a=(o<3?s(a):o>3?s(e,i,a):s(e,i))||a);o>3&&a&&Object.defineProperty(e,i,a)})([g({triggerEvents:"mousedown"})],I.prototype,"onClickOutside",null),I.style=":host{display:block;inline-size:fit-content}.gux-datepicker{display:flex}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:var(--gse-ui-datePicker-disabled-opacity)}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center;inline-size:100%}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-inline-start:var(--gse-ui-datePicker-range-gap)}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-block-start:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-inline-end:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-inline-end:var(--gse-ui-formControl-helper-gap);font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input.gux-active{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;inline-size:calc(var(--gse-ui-calendarMenu-day-input-width) - var(--gse-ui-icon-small-size));padding:0;overflow:hidden;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);outline:none;background:transparent;border:none;border-radius:var(--gse-ui-actionButton-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline-offset:var(--gse-ui-datePicker-focusCalendar-gap);border:none;border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-datePicker-iconHover);cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gse-semantic-zIndex-popup);display:none}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{I as gux_datepicker}
|
1
|
+
import{r as t,c as e,h as i,g as r}from"./p-cf74fd3d.js";import{a as s,c as o,o as a,f as n}from"./p-864af39c.js";import{r as u}from"./p-0934300e.js";import{a as d}from"./p-cf0e7d3b.js";import{f as l,a as c,b as h,c as p}from"./p-e33e87ef.js";import{O as g}from"./p-f3d844c7.js";import{t as f}from"./p-7109c05e.js";import{b as x}from"./p-e5e644b3.js";import{g as b,a as k}from"./p-13d8a42a.js";import{u as m}from"./p-c36d332b.js";import"./p-4202e9f2.js";import"./p-43af726d.js";const v={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function C(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function y(t,e){const i=new Date(e.valueOf()),r=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(r),i.setFullYear(e.getFullYear()),i.getMonth()!==r?y(t,C(-1,e)):i}function w(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function D(t){return t.match(/\W/)[0]}function F(t){const e=D(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function R(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const I=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.isSelectingRangeWithMouse=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=u("gux-datepicker"),this.endInputId=u("gux-datepicker"),this.label="",this.numberOfMonths=1,this.minDate="",this.maxDate="",this.mode="single",this.disabled=!1,this.labelPosition="beside",this.formattedValue="",this.toFormattedValue="",this.active=!1,this.pressedKeys=[]}watchValue(){this.format&&this.updateDate()}watchMinDate(t){this.minDateDate=t?l(t):null}watchMaxDate(t){this.maxDateDate=t?l(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=F(t),this.lastIntervalRange=this.initialIntervalRange}watchActiveCalendar(t){if(!0===t){const t=l(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isInputFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":break;case"ArrowDown":t.preventDefault(),this.increment(-1),this.setCursorRange();break;case"ArrowUp":t.preventDefault(),this.increment(1),this.setCursorRange();break;case"ArrowLeft":{t.preventDefault();const e=function(t,e){const i=F(t),r=w(t,e.selectionStart),s=i.indexOf(r);return R(t,i[(s+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange(),this.pressedKeys.length=0;break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=F(t),r=w(t,e.selectionStart),s=i.indexOf(r);return R(t,i[(s+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange(),this.pressedKeys.length=0;break}default:t.preventDefault(),this.isSelectingRangeWithMouse||(this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(t),this.setCursorRange())}else switch(t.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");d((()=>{t.focus()}));break}case"Tab":this.active&&(this.active=!1)}}onMouseDown(t){this.isInputFieldEvent(t)&&(this.isSelectingRangeWithMouse=!0);const e=t.composedPath(),i=e.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every((t=>!e.includes(t)))&&(this.active=i)}onClickOutside(){this.active=!1,this.pressedKeys.length=0}onInputFocusIn(t){this.focusedField=this.getInputFieldFromEvent(t),this.isSelectingRangeWithMouse||d((()=>this.setRange()))}onInputFocusOut(){this.lastIntervalRange=this.initialIntervalRange}onInputMouseUp(t){t.preventDefault(),this.lastIntervalRange=R(this.format,w(this.format,this.focusedField.selectionStart)),this.setRange(),this.isSelectingRangeWithMouse=!1}isInputFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}get initialIntervalRange(){return R(this.format,w(this.format,0))}getInputFieldFromEvent(t){return t.composedPath()[0]}updateIntervalValue(t){this.pressedKeys.push(t.key);const e=parseInt(t.key,10);if(!isNaN(e)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);"y"===w(this.format,this.focusedField.selectionStart)&&"yyyy"===this.yearFormat?this.typeYearValue(i,t.key):this.canSetDate(e)&&this.pressedKeys.length>=2?(this.updateSelection(this.focusedField,`${i[1]}${t.key}`),this.setValue()):(this.updateSelection(this.focusedField,`0${t.key}`.replace("00","01")),this.setValue())}}updateSelection(t,e){t.value=t.value.substr(0,this.intervalRange.selectionStart)+e+t.value.substr(this.intervalRange.selectionEnd)}getCalendarLabels(){return function(t,e,i){const r=t.split(",").map((t=>t.trim()));return"range"===e?[r[0]||i[0],r[1]||i[1]]:"range"===e||r[0]?[r[0]]:[i[2]]}(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(t){const e=D(this.format),i=this.format.toLowerCase().split(e),r=t.split(e),s=parseInt(r[i.indexOf(this.yearFormat)],10),o=parseInt(r[i.indexOf("mm")],10)-1,a=parseInt(r[i.indexOf("dd")],10),n=new Date(s,o,a);return"yy"===this.yearFormat&&n.getFullYear()<1970&&this.lastYear>1970&&n.setFullYear(n.getFullYear()+100),n}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formattedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormattedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=c(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=h(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(t,e){" "!==t[0]?this.updateSelection(this.focusedField,` ${e}`):(this.updateSelection(this.focusedField,`${t.substr(1)}${e}`),(t.substr(1)+e).includes(" ")||this.setValue())}canSetDate(t){const e=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),t].join(""),10);if(e)switch(w(this.format,this.focusedField.selectionStart)){case"d":{const t=l(this.value);if(e<=new Date(t.getFullYear(),t.getMonth()+1,0).getDate())return!0;break}case"m":if(e<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(t){const e={dd:`0${t.getDate()}`.slice(-2),mm:`0${t.getMonth()+1}`.slice(-2)};return"yyyy"===this.yearFormat?e.yyyy=t.getFullYear().toString():e.yy=t.getFullYear().toString().slice(-2),{map:e,regexp:new RegExp(Object.keys(e).join("|"),"gi")}}updateDate(){if("range"===this.mode){const[t,e]=p(this.value),{map:i,regexp:r}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(r,(t=>i[t]));const{map:s,regexp:o}=this.getMapAndRegexFromField(e);this.toFormattedValue=this.format.replace(o,(t=>s[t]))}else{const t=l(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&(this.focusedField.setSelectionRange(0,100),this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd))}toggleCalendar(){this.active=!this.active,this.active&&d((()=>{this.calendarElement.focusPreviewDate()}))}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return l(this.value)}getRangeFocusedDateValue(){const[t,e]=p(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=w(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let r;switch(e){case"d":r=C(t,i);break;case"m":r=y(t,i);break;case"y":r=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var s,o,a;s=r,o=this.minDateDate,((a=this.maxDateDate)&&a<s||o&&o>s)&&(r=i),this.lastYear=r.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=D(e),r=e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i);return r}(r,this.format),this.setValue()}async componentWillLoad(){if(f(this.root,{variant:this.mode}),this.i18n=await x(this.root,v),this.format=m()?this.format||b(k(this.root)):this.format||"mm/dd/yyyy",this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?c(t,t):h(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}this.updateDate()}runUpdatePosition(){this.cleanupUpdatePosition=s(this.datepickerElement,this.calendarElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){o(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[a({crossAxis:-3}),n({fallbackStrategy:"initialPlacement"})]}).then((({x:t,y:e})=>{Object.assign(this.calendarElement.style,{left:`${t}px`,top:`${e}px`})}))}componentDidUpdate(){this.active?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"fa/calendar-regular",size:"small"}))}renderCalendar(){return i("gux-calendar",{tabIndex:-1,ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onCalendarSelect:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths,startDayOfWeek:this.startDayOfWeek})}renderStartDateField(){return i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",onClick:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),ref:t=>this.inputElement=t,value:this.formattedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,onMouseUp:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),value:this.toFormattedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{key:"9b6737412b9c14de513320e17ba00e815802f069",class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return r(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,r){var s,o=arguments.length,a=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(a=(o<3?s(a):o>3?s(e,i,a):s(e,i))||a);o>3&&a&&Object.defineProperty(e,i,a)})([g({triggerEvents:"mousedown"})],I.prototype,"onClickOutside",null),I.style=":host{display:block;inline-size:fit-content}.gux-datepicker{display:flex}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:var(--gse-ui-datePicker-disabled-opacity)}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center;inline-size:100%}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-inline-start:var(--gse-ui-datePicker-range-gap)}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-block-start:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-inline-end:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-inline-end:var(--gse-ui-formControl-helper-gap);font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input.gux-active{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;inline-size:calc(var(--gse-ui-calendarMenu-day-input-width) - var(--gse-ui-icon-small-size));padding:0;overflow:hidden;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);outline:none;background:transparent;border:none;border-radius:var(--gse-ui-actionButton-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline-offset:var(--gse-ui-datePicker-focusCalendar-gap);border:none;border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-datePicker-iconHover);cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gse-semantic-zIndex-popup);display:none}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{I as gux_datepicker}
|
@@ -0,0 +1 @@
|
|
1
|
+
import{h as a,r as e,g as i}from"./p-cf74fd3d.js";import{t}from"./p-7109c05e.js";import{a as r}from"./p-8eaf8caf.js";import{b as n}from"./p-e5e644b3.js";import{g,a as o}from"./p-5fcdcbfd.js";import"./p-4202e9f2.js";const u={notifications:"Notifications"},s=class{constructor(a){e(this,a),this.size="large",this.accent="default",this.presence="none",this.ring=!1,this.badge=!1,this.notifications=!1,this.ucIntegration="none"}validatingInputs(){const a=this.root.querySelector("img");this.name||r(this.root,"Name prop is required for accessibility"),a&&!a.getAttribute("alt")&&r(this.root,"Alt attribute is required for slotted image."),"none"!==this.ucIntegration&&"large"!==this.size&&r(this.root,"UC Integration app logo can only be shown on large avatar")}renderBadge(){return this.notifications?this.renderNotificationsBadge():this.badge&&!["idle","none"].includes(this.presence)?a("div",{class:{"gux-avatar-badge":!0,[`gux-${this.presence}`]:!0,[`gux-${this.size}`]:!0}},a("gux-icon",{"icon-name":this.getPresenceIcon(this.presence),decorative:!0})):void 0}renderNotificationsBadge(){return a("div",{class:{"gux-avatar-badge gux-notifications":!0,[`gux-${this.size}`]:!0}},a("gux-icon",{"icon-name":"fa/bell-regular",decorative:!0}))}getPresenceIcon(a){switch(a){case"available":return"fa/circle-check-solid";case"busy":case"meeting":return"fa/ban-outline";case"away":case"break":case"meal":case"training":return"fa/clock-outline";case"on-queue":return"fa/headset-solid";case"offline":default:return"fa/circle-xmark-regular";case"out-of-office":return"fa/subtract-circle"}}renderUcIntegrationsIcon(e){switch(e){case"teams":return a("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("g",{"clip-path":"url(#clip0_17811_243865)"},a("path",{d:"M22.3205 12.0769H30.5862C31.3671 12.0769 32.0002 12.7051 32.0002 13.48V20.951C32.0002 23.799 29.6735 26.1077 26.8035 26.1077H26.7789C23.9089 26.1081 21.582 23.7997 21.5815 20.9517C21.5815 20.9515 21.5815 20.9512 21.5815 20.951V12.8102C21.5816 12.4052 21.9124 12.0769 22.3205 12.0769Z",fill:"#5059C9"}),a("path",{d:"M27.9069 10.6C29.7565 10.6 31.2558 9.11222 31.2558 7.27694C31.2558 5.44165 29.7565 3.95386 27.9069 3.95386C26.0574 3.95386 24.5581 5.44165 24.5581 7.27694C24.5581 9.11222 26.0574 10.6 27.9069 10.6Z",fill:"#5059C9"}),a("path",{d:"M17.4886 10.6C20.1601 10.6 22.3258 8.45098 22.3258 5.80001C22.3258 3.14904 20.1601 1 17.4886 1C14.8171 1 12.6514 3.14904 12.6514 5.80001C12.6514 8.45098 14.8171 10.6 17.4886 10.6Z",fill:"#7B83EB"}),a("path",{d:"M23.9381 12.0769H10.2941C9.52253 12.0959 8.91215 12.7313 8.93005 13.497V22.0181C8.8223 26.613 12.4857 30.426 17.1161 30.5385C21.7465 30.426 25.4099 26.613 25.3022 22.0181V13.497C25.32 12.7313 24.7097 12.0959 23.9381 12.0769Z",fill:"#7B83EB"}),a("path",{opacity:"0.1",d:"M17.8603 12.0769V24.0178C17.8566 24.5654 17.5222 25.0573 17.0119 25.2658C16.8495 25.334 16.6749 25.3692 16.4985 25.3692H9.58496C9.48822 25.1255 9.39892 24.8818 9.32449 24.6308C9.064 23.7834 8.93108 22.9025 8.93007 22.0166V13.4948C8.91218 12.7303 9.52156 12.0959 10.2919 12.0769H17.8603Z",fill:"black"}),a("path",{opacity:"0.2",d:"M17.1161 12.0769V24.7563C17.1161 24.9313 17.0807 25.1046 17.0119 25.2658C16.8018 25.7722 16.3061 26.104 15.7543 26.1077H9.93474C9.80822 25.864 9.68915 25.6203 9.58496 25.3692C9.48077 25.1181 9.39892 24.8818 9.32449 24.6308C9.064 23.7834 8.93108 22.9025 8.93007 22.0166V13.4948C8.91218 12.7303 9.52156 12.0959 10.2919 12.0769H17.1161Z",fill:"black"}),a("path",{opacity:"0.2",d:"M17.1161 12.0769V23.2794C17.1105 24.0234 16.504 24.6251 15.7543 24.6308H9.32449C9.064 23.7834 8.93108 22.9025 8.93007 22.0166V13.4948C8.91218 12.7303 9.52156 12.0959 10.2919 12.0769H17.1161Z",fill:"black"}),a("path",{opacity:"0.2",d:"M16.3719 12.0769V23.2794C16.3663 24.0234 15.7598 24.6251 15.0101 24.6308H9.32449C9.064 23.7834 8.93108 22.9025 8.93007 22.0166V13.4948C8.91218 12.7303 9.52156 12.0959 10.2919 12.0769H16.3719Z",fill:"black"}),a("path",{opacity:"0.1",d:"M17.8605 8.25909V10.5852C17.734 10.5926 17.6149 10.6 17.4884 10.6C17.3619 10.6 17.2428 10.5926 17.1163 10.5852C16.8651 10.5687 16.616 10.5291 16.3721 10.4671C14.8652 10.113 13.6201 9.06422 13.0233 7.64617C12.9206 7.40804 12.8409 7.16077 12.7852 6.90771H16.4986C17.2496 6.91054 17.8577 7.5139 17.8605 8.25909Z",fill:"black"}),a("path",{opacity:"0.2",d:"M17.1165 8.99749V10.5852C16.8653 10.5686 16.6161 10.5291 16.3723 10.467C14.8653 10.1129 13.6203 9.06416 13.0234 7.64612H15.7546C16.5055 7.64894 17.1136 8.25232 17.1165 8.99749Z",fill:"black"}),a("path",{opacity:"0.2",d:"M17.1165 8.99749V10.5852C16.8653 10.5686 16.6161 10.5291 16.3723 10.467C14.8653 10.1129 13.6203 9.06416 13.0234 7.64612H15.7546C16.5055 7.64894 17.1136 8.25232 17.1165 8.99749Z",fill:"black"}),a("path",{opacity:"0.2",d:"M16.3723 8.9975V10.467C14.8653 10.1129 13.6203 9.06416 13.0234 7.64612H15.0104C15.7614 7.64895 16.3694 8.25234 16.3723 8.9975Z",fill:"black"}),a("path",{d:"M1.36409 7.64612H15.008C15.7614 7.64612 16.3721 8.25215 16.3721 8.99971V22.5387C16.3721 23.2862 15.7613 23.8923 15.008 23.8923H1.36409C0.610716 23.8923 0 23.2862 0 22.5387V8.99971C0 8.25215 0.61073 7.64612 1.36409 7.64612Z",fill:"url(#paint0_linear_17811_243865)"}),a("path",{d:"M11.7761 12.7992H9.04865V20.169H7.31098V12.7992H4.59619V11.3695H11.7761V12.7992Z",fill:"white"})),a("defs",null,a("linearGradient",{id:"paint0_linear_17811_243865",x1:"2.84416",y1:"6.58844",x2:"13.4047",y2:"25.0206",gradientUnits:"userSpaceOnUse"},a("stop",{"stop-color":"#5A62C3"}),a("stop",{offset:"0.5","stop-color":"#4D55BD"}),a("stop",{offset:"1","stop-color":"#3940AB"})),a("clipPath",{id:"clip0_17811_243865"},a("rect",{width:"32",height:"29.5385",fill:"white",transform:"translate(0 1)"}))));case"zoom":return a("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M0 14C0 6.26801 6.26801 0 14 0H18C25.732 0 32 6.26801 32 14V18C32 25.732 25.732 32 18 32H14C6.26801 32 0 25.732 0 18V14Z",fill:"url(#paint0_linear_17811_243867)"}),a("path",{d:"M9.03495 17.9231H4.76573C4.48252 17.9231 4.22028 17.7885 4.08392 17.5577C3.93706 17.2885 3.98951 16.9712 4.22028 16.7692L7.1888 14.0481H5.05944C4.47203 14.0481 4 13.6058 4 13.0769H7.93355C8.21677 13.0769 8.479 13.2115 8.61537 13.4423C8.76222 13.7115 8.70977 14.0288 8.479 14.2308L5.51048 16.9519H7.97551C8.56292 16.9519 9.03495 17.3942 9.03495 17.9231ZM25.944 13C25.3356 13 24.7796 13.2404 24.402 13.6346C24.0244 13.25 23.4685 13 22.8601 13C21.7272 13 20.7936 13.8846 20.7936 14.9231V17.9231C21.3811 17.9231 21.8531 17.4904 21.8531 16.9519V14.9135C21.8531 14.4135 22.2727 13.9904 22.8181 13.9712C23.395 13.9519 23.8671 14.375 23.8671 14.8942V16.9519C23.8671 17.4904 24.3391 17.9231 24.9265 17.9231V14.9135C24.9265 14.4135 25.3461 13.9904 25.8915 13.9712C26.4684 13.9519 26.9405 14.375 26.9405 14.8942V16.9519C26.9405 17.4904 27.4125 17.9231 27.9999 17.9231V14.9231C28.0104 13.8846 27.0768 13 25.944 13ZM14.3846 15.5C14.3846 16.875 13.1573 18 11.6573 18C10.1468 18 8.93005 16.875 8.93005 15.5C8.93005 14.125 10.1573 13 11.6573 13C13.1573 13 14.3846 14.125 14.3846 15.5ZM13.3251 15.5C13.3251 14.6538 12.5804 13.9712 11.6573 13.9712C10.7342 13.9712 9.98949 14.6538 9.98949 15.5C9.98949 16.3462 10.7342 17.0288 11.6573 17.0288C12.5804 17.0288 13.3251 16.3462 13.3251 15.5ZM20.2692 15.5C20.2692 16.875 19.0419 18 17.5419 18C16.0314 18 14.8146 16.875 14.8146 15.5C14.8146 14.125 16.0419 13 17.5419 13C19.0419 13 20.2692 14.125 20.2692 15.5ZM19.2097 15.5C19.2097 14.6538 18.465 13.9712 17.5419 13.9712C16.6188 13.9712 15.8741 14.6538 15.8741 15.5C15.8741 16.3462 16.6188 17.0288 17.5419 17.0288C18.465 17.0288 19.2097 16.3462 19.2097 15.5Z",fill:"white"}),a("defs",null,a("linearGradient",{id:"paint0_linear_17811_243867",x1:"6",y1:"29",x2:"26",y2:"2.5",gradientUnits:"userSpaceOnUse"},a("stop",{"stop-color":"#084ACD"}),a("stop",{offset:"0.505","stop-color":"#0B5CFF"}),a("stop",{offset:"1","stop-color":"#236EF9"}))));case"8x8":return a("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("rect",{width:"32",height:"32",fill:"#CB2233"}),a("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M19.4298 14.2388H16.8341L16.2371 15.4154C16.1751 15.5507 16.1037 15.6811 16.0236 15.8055H15.9988C15.9988 15.8055 15.8808 15.5988 15.7841 15.4154L15.1965 14.2302H12.6127L14.6479 17.5052L12.621 20.7815H15.1611L15.8454 19.4129C15.9061 19.2937 15.9589 19.1704 16.0035 19.0437H16.0283C16.0283 19.0437 16.1227 19.2898 16.1864 19.4129L16.886 20.7815H19.4298L17.4028 17.5052L19.4298 14.2388ZM7.95949 19.1225C7.79341 19.1261 7.62828 19.0954 7.47357 19.0323C7.31886 18.9692 7.17761 18.8748 7.05792 18.7547C6.93823 18.6345 6.84245 18.4909 6.77608 18.332C6.7097 18.1732 6.67404 18.0022 6.67112 17.8289C6.68897 17.3197 6.89037 16.8362 7.23508 16.4751C8.28512 16.9674 9.24078 17.3465 9.24078 17.9852C9.24668 18.7163 8.75352 19.1225 7.95949 19.1225ZM8.03028 12.3975C8.72992 12.3975 9.15112 12.8037 9.15112 13.4252C9.14236 13.9074 9.0139 14.3789 8.77829 14.7938C7.83443 14.3705 7.06047 13.9975 7.06047 13.2677C7.05575 12.7877 7.3625 12.3975 8.03028 12.3975ZM10.6613 15.7625C10.7651 15.6308 11.7113 14.4283 11.7113 13.2258C11.7113 11.152 10.082 10 8.09399 10C5.59748 10 4.5085 11.5914 4.5085 13.2086C4.5085 14.1625 4.91436 14.8258 5.47832 15.3403C5.15269 15.6148 4 16.624 4 18.0615C4 19.8363 5.35916 21.52 7.95949 21.52C10.6058 21.52 11.9178 19.8191 11.9178 18.1194C11.9178 16.9994 11.3774 16.2782 10.6613 15.7625ZM24.0452 19.1225C23.8792 19.1259 23.7142 19.0951 23.5597 19.0319C23.4051 18.9688 23.264 18.8744 23.1444 18.7542C23.0249 18.6341 22.9292 18.4905 22.8629 18.3317C22.7966 18.1729 22.761 18.0021 22.758 17.8289C22.7759 17.3197 22.9773 16.8362 23.322 16.4751C24.372 16.9674 25.3277 17.3465 25.3277 17.9852C25.3277 18.7237 24.8345 19.1286 24.0476 19.1286L24.0452 19.1225ZM24.1172 12.3975C24.8168 12.3975 25.238 12.8037 25.238 13.4252C25.2296 13.9076 25.1007 14.3794 24.864 14.7938C23.9202 14.3705 23.1474 13.9975 23.1474 13.2677C23.1474 12.7877 23.4494 12.3975 24.1172 12.3975ZM26.7435 15.7625C26.8473 15.6222 27.7935 14.4197 27.7935 13.2258C27.7935 11.152 26.163 10 24.1762 10C21.6797 10 20.5907 11.5914 20.5907 13.2086C20.5907 14.1625 20.9966 14.8258 21.5605 15.3403C21.2349 15.6049 20.0822 16.6166 20.0822 18.048C20.0822 19.8228 21.4414 21.5065 24.0405 21.5065C26.688 21.5065 28 19.8068 28 18.1058C28 16.9994 27.4596 16.2782 26.7435 15.7625Z",fill:"white"}));default:return null}}getUcIntegrationText(a){switch(a){case"teams":return"Microsoft Teams";case"zoom":return"Zoom";case"8x8":return"8 by 8";default:return null}}renderUcIntegrationBadge(){if(["zoom","teams","8x8"].includes(this.ucIntegration)&&"large"===this.size)return a("div",{class:"gux-avatar-integration-badge"},this.renderUcIntegrationsIcon(this.ucIntegration),a("gux-screen-reader-beta",null,this.getUcIntegrationText(this.ucIntegration)))}renderTooltip(){return["A","BUTTON"].includes(this.parentElement.tagName)?a("gux-tooltip-beta",{placement:"top",ref:a=>this.tooltip=a},a("div",{slot:"content"},this.getDescriptionText())):null}getDescriptionText(){return this.notifications?`${this.name} (${this.i18n("notifications")})`:this.label&&"none"!==this.presence?`${this.name} (${this.label})`:`${this.name}`}async showTooltip(){return await this.tooltip.showTooltip()}async hideTooltip(){return await this.tooltip.hideTooltip()}async componentWillLoad(){this.parentElement=this.root.parentElement,t(this.root,{variant:this.size}),this.i18n=await n(this.root,u)}componentDidLoad(){this.validatingInputs()}render(){return[a("div",{key:"cef226c15517c37cc2729cecf7bb1e06166d4fa9",class:{"gux-avatar":!0,[`gux-${this.presence}`]:this.ring||this.badge,[`gux-${this.size}`]:!0,"gux-ring":this.ring,[o(this.accent,this.name)]:!0}},a("div",{key:"9cc33a7794aaf2f1853f6f7569a7c5af5d063340",class:"gux-content"},a("slot",{key:"b95fd0f65798bf47c959cfdaecea586e8635dbb0",name:"image"},a("abbr",{key:"ee135fd29f555c8bf808c69fb33a8d5c224999a7","aria-label":this.getDescriptionText()},g(this.name)))),this.renderTooltip()),this.renderBadge(),this.renderUcIntegrationBadge()]}get root(){return i(this)}};s.style=":host{position:relative;display:inline-block}:host abbr{text-decoration:none}::slotted(img){inline-size:100%;block-size:100%;object-fit:cover}.gux-avatar{position:relative;inline-size:var(--gse-ui-avatar-large-size);block-size:var(--gse-ui-avatar-large-size);overflow:hidden;border-radius:50%}.gux-avatar .gux-content{box-sizing:border-box;display:flex;align-items:center;justify-content:center;inline-size:calc(100% - var(--gse-ui-avatar-large-presenceRing-width) * 2);block-size:calc(100% - var(--gse-ui-avatar-large-presenceRing-width) * 2);margin:var(--gse-ui-avatar-large-presenceRing-width);overflow:hidden;font-family:var(--gse-ui-avatar-large-initials-fontFamily);font-size:var(--gse-ui-avatar-large-initials-fontSize);font-weight:var(--gse-ui-avatar-large-initials-fontWeight);line-height:var(--gse-ui-avatar-small-initials-lineHeight);color:var(--gse-ui-avatar-media-initialsForeground-inverse);text-transform:uppercase;background-color:var(--gse-ui-avatar-media-initialsBackground-default);border:var(--gse-ui-avatar-content-large-border-width) var(--gse-ui-avatar-content-default-border-style) var(--gse-ui-avatar-content-default-border-color);border-radius:50%}.gux-avatar.gux-medium{inline-size:var(--gse-ui-avatar-medium-size);block-size:var(--gse-ui-avatar-medium-size)}.gux-avatar.gux-medium .gux-content{inline-size:calc(100% - var(--gse-ui-avatar-medium-presenceRing-width) * 2);block-size:calc(100% - var(--gse-ui-avatar-medium-presenceRing-width) * 2);margin:var(--gse-ui-avatar-medium-presenceRing-width);font-size:var(--gse-ui-avatar-medium-initials-fontSize);font-weight:var(--gse-ui-avatar-medium-initials-fontWeight)}.gux-avatar.gux-medium .gux-content,.gux-avatar.gux-small .gux-content,.gux-avatar.gux-xsmall .gux-content{border-width:var(--gse-ui-avatar-content-default-border-width)}.gux-avatar.gux-small{inline-size:var(--gse-ui-avatar-small-size);block-size:var(--gse-ui-avatar-small-size)}.gux-avatar.gux-small .gux-content{inline-size:calc(100% - var(--gse-ui-avatar-small-presenceRing-width) * 2);block-size:calc(100% - var(--gse-ui-avatar-small-presenceRing-width) * 2);margin:var(--gse-ui-avatar-small-presenceRing-width);font-size:var(--gse-ui-avatar-small-initials-fontSize);font-weight:var(--gse-ui-avatar-small-initials-fontWeight)}.gux-avatar.gux-xsmall{inline-size:var(--gse-ui-avatar-xsmall-size);block-size:var(--gse-ui-avatar-xsmall-size)}.gux-avatar.gux-xsmall .gux-content{inline-size:calc(100% - var(--gse-ui-avatar-xsmall-presenceRing-width) * 2);block-size:calc(100% - var(--gse-ui-avatar-xsmall-presenceRing-width) * 2);margin:var(--gse-ui-avatar-xsmall-presenceRing-width);font-size:var(--gse-ui-avatar-xsmall-initials-fontSize);font-weight:var(--gse-ui-avatar-xsmall-initials-fontWeight)}.gux-avatar.gux-accent-1 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent1)}.gux-avatar.gux-accent-2 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent2)}.gux-avatar.gux-accent-3 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent3)}.gux-avatar.gux-accent-4 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent4)}.gux-avatar.gux-accent-5 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent5)}.gux-avatar.gux-accent-6 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent6)}.gux-avatar.gux-accent-7 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent7)}.gux-avatar.gux-accent-8 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent8)}.gux-avatar.gux-accent-9 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent9)}.gux-avatar.gux-accent-10 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent10)}.gux-avatar.gux-accent-11 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent11)}.gux-avatar.gux-accent-12 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent12)}.gux-avatar.gux-accent-inherit .gux-content{color:inherit;background-color:inherit}.gux-avatar.gux-ring.gux-available{background:var(--gse-ui-avatar-presenceRing-available)}.gux-avatar.gux-ring.gux-away,.gux-avatar.gux-ring.gux-break,.gux-avatar.gux-ring.gux-meal,.gux-avatar.gux-ring.gux-training{background:var(--gse-ui-avatar-presenceRing-away)}.gux-avatar.gux-ring.gux-busy,.gux-avatar.gux-ring.gux-meeting{background:var(--gse-ui-avatar-presenceRing-busy)}.gux-avatar.gux-ring.gux-offline{background:var(--gse-ui-avatar-presenceRing-offline)}.gux-avatar.gux-ring.gux-out-of-office{background:var(--gse-ui-avatar-presenceRing-outOfOffice)}.gux-avatar.gux-ring.gux-on-queue{background:var(--gse-ui-avatar-presenceRing-onQueue)}.gux-avatar-integration-badge{position:absolute;inset-block-end:0;inset-inline-end:0;z-index:var(--gse-semantic-zIndex-showFocus);display:flex;align-items:center;justify-content:center}.gux-avatar-badge{position:absolute;inset-block-start:calc(var(--gse-ui-avatar-content-large-border-width) * -1);inset-inline-end:calc(var(--gse-ui-avatar-content-large-border-width) * -1);z-index:var(--gse-semantic-zIndex-showFocus);display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-avatar-large-badge-size);block-size:var(--gse-ui-avatar-large-badge-size);border-color:var(--gse-ui-avatar-content-default-border-color);border-style:var(--gse-ui-avatar-content-default-border-style);border-width:var(--gse-ui-avatar-content-large-border-width);border-radius:50%}.gux-avatar-badge.gux-medium{inset-block-start:calc(var(--gse-ui-avatar-content-default-border-width) * -1);inset-inline-end:calc(var(--gse-ui-avatar-content-default-border-width) * -1);inline-size:var(--gse-ui-avatar-medium-badge-size);block-size:var(--gse-ui-avatar-medium-badge-size);border-width:var(--gse-ui-avatar-content-default-border-width)}.gux-avatar-badge.gux-small,.gux-avatar-badge.gux-xsmall{inset-block-start:calc(var(--gse-ui-avatar-content-default-border-width) * -1);inset-inline-end:calc(var(--gse-ui-avatar-content-default-border-width) * -1);inline-size:var(--gse-ui-avatar-small-badge-size);block-size:var(--gse-ui-avatar-small-badge-size);border-width:var(--gse-ui-avatar-content-default-border-width)}.gux-avatar-badge.gux-small gux-icon,.gux-avatar-badge.gux-xsmall gux-icon{display:none}.gux-avatar-badge.gux-available{background-color:var(--gse-semantic-background-container-elevated-default)}.gux-avatar-badge.gux-available.gux-small,.gux-avatar-badge.gux-available.gux-xsmall{background-color:var(--gse-ui-avatar-badge-available-color)}.gux-avatar-badge.gux-available gux-icon{color:var(--gse-ui-avatar-badge-available-color)}.gux-avatar-badge.gux-away,.gux-avatar-badge.gux-break,.gux-avatar-badge.gux-meal,.gux-avatar-badge.gux-training{background-color:var(--gse-ui-avatar-badge-away-color)}.gux-avatar-badge.gux-away gux-icon,.gux-avatar-badge.gux-break gux-icon,.gux-avatar-badge.gux-meal gux-icon,.gux-avatar-badge.gux-training gux-icon{margin:var(--gse-ui-avatar-badge-away-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDark-color)}.gux-avatar-badge.gux-busy,.gux-avatar-badge.gux-meeting{background-color:var(--gse-ui-avatar-badge-busy-color)}.gux-avatar-badge.gux-busy gux-icon,.gux-avatar-badge.gux-meeting gux-icon{margin:var(--gse-ui-avatar-badge-busy-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-notifications{background-color:var(--gse-ui-avatar-badge-notification-color)}.gux-avatar-badge.gux-notifications gux-icon{margin:var(--gse-ui-avatar-badge-notifications-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-offline{background-color:var(--gse-semantic-background-container-elevated-default)}.gux-avatar-badge.gux-offline.gux-small,.gux-avatar-badge.gux-offline.gux-xsmall{background-color:var(--gse-ui-avatar-badge-offline-color)}.gux-avatar-badge.gux-offline gux-icon{color:var(--gse-ui-avatar-badge-offline-color)}.gux-avatar-badge.gux-out-of-office{background-color:var(--gse-semantic-background-container-elevated-default)}.gux-avatar-badge.gux-out-of-office.gux-small,.gux-avatar-badge.gux-out-of-office.gux-xsmall{background-color:var(--gse-ui-avatar-badge-outOfOffice)}.gux-avatar-badge.gux-out-of-office gux-icon{color:var(--gse-ui-avatar-badge-outOfOffice)}.gux-avatar-badge.gux-on-queue{background-color:var(--gse-ui-avatar-badge-onQueue-color)}.gux-avatar-badge.gux-on-queue gux-icon{margin:var(--gse-ui-avatar-badge-queue-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge gux-icon{inline-size:100%;block-size:100%}";export{s as gux_avatar_beta}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as i,g as t}from"./p-cf74fd3d.js";import{b as o}from"./p-e5e644b3.js";import{O as r}from"./p-946c70b7.js";import{a as l,o as a}from"./p-6b12dd16.js";import{t as s}from"./p-
|
1
|
+
import{r as e,h as i,g as t}from"./p-cf74fd3d.js";import{b as o}from"./p-e5e644b3.js";import{O as r}from"./p-946c70b7.js";import{a as l,o as a}from"./p-6b12dd16.js";import{t as s}from"./p-7109c05e.js";import{a as n,G as f}from"./p-25141c4d.js";import{G as h,a as d,b as u}from"./p-eca567b9.js";import{h as c}from"./p-6d8b4027.js";import{g as p}from"./p-0268a3e8.js";import{v as g,a as m}from"./p-4aaf349e.js";import"./p-4202e9f2.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const b={required:"Required"};const x=class{constructor(i){e(this,i),this.indicatorMark="required",this.computedLabelPosition="above",this.required=!1,this.hasError=!1,this.hasHelp=!1,this.hasLabelInfo=!1}watchValue(e){const i=this.root.querySelector("gux-phone-input-beta");i&&(i.hasError=e)}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=c(this.root,"error"),this.hasHelp=c(this.root,"help"),this.hasLabelInfo=c(this.root,"label-info")}handleKeyup(e){var i,t;"Tab"===e.key?this.input.matches(":focus-within")&&(null===(i=this.labelInfo)||void 0===i||i.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-within")&&(null===(t=this.labelInfo)||void 0===t||t.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}async componentWillLoad(){this.getI18nValue=await o(this.root,b),this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=c(this.root,"error"),this.hasHelp=c(this.root,"help"),this.hasLabelInfo=c(this.root,"label-info"),s(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){var e;return i(u,{key:"4cf726af903c7be3b333f632330a91f543ef6684",labelPosition:this.computedLabelPosition},i(d,{key:"3362298599464d52a448a4ad5e73e47e0b162a48"},null===(e=this.label)||void 0===e?void 0:e.textContent,this.renderText(this.getI18nValue("required"),this.required),this.renderText(p(this.root,"error"),this.hasError),this.renderText(p(this.root,"label-info"),this.hasLabelInfo)),i(h,{key:"a53166b5171edfd9db4a9fca89f9fcab58797ee8",position:this.computedLabelPosition,required:this.required},i("slot",{key:"a58e3699c16daf7a302c610e443b12b207cc53fa",name:"label",onSlotchange:()=>this.setLabel()}),i("gux-form-field-label-indicator",{key:"cb7097d5a031f680624bc2dcea9181247b1fa3c3",variant:this.indicatorMark,required:this.required}),i("slot",{key:"a0dc10a0c043e891f226c16c88c7cb866b7c80b9",name:"label-info"})),i("div",{key:"4a5308add4085fe534b2d6bba3c61b370a29f4f1",class:"gux-input-and-error-container"},i("div",{key:"7b325104e32aea1dc06673a0bee9a2f62c96e326",class:{"gux-input":!0,"gux-input-error":this.hasError}},i("div",{key:"4878c0512fc9cae7bad1201aafac835ceb07e644",class:{"gux-input-container":!0,"gux-disabled":this.disabled}},i("slot",{key:"0f64e70da67a4289fb0d609defc6418e74733928"}))),i(n,{key:"dab561c39953b59676ed2d5664dae2667c271a8d",show:this.hasError},i("slot",{key:"cdc5539e17a8700b0aa23b4c963c5835bde680d0",name:"error"})),i(f,{key:"f2953b9d4935909b3eca68b4d8a41b9c418f6ca5",show:!this.hasError&&this.hasHelp},i("slot",{key:"a18968d4a0106583b2f2724b4da0f5b9d3ac876d",name:"help"}))))}renderText(e,i=!1){if(i)return" "+e}get variant(){return`phoneInput-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.input=this.root.querySelector("gux-phone-input-beta"),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=l(this.input,(e=>{this.disabled=e})),this.requiredObserver=a(this.input,(e=>{this.required=e})),g(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=m(this.label,this.labelPosition)}get root(){return t(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(e,i,t,o){var r,l=arguments.length,a=l<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,i,t,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(l<3?r(a):l>3?r(i,t,a):r(i,t))||a);l>3&&a&&Object.defineProperty(i,t,a)})([r({childList:!0,subtree:!0})],x.prototype,"onMutation",null),x.style=".gux-form-field-fieldset-container{display:flex;min-inline-size:0;padding:0;margin:0;border:none}.gux-form-field-fieldset-container.gux-beside{flex-direction:row}.gux-form-field-fieldset-container.gux-above{flex-direction:column}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}.gux-form-field-visual-label{display:inline-flex;flex:1 0 auto}.gux-form-field-visual-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-visual-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-visual-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-visual-label.gux-screenreader{display:none}.gux-form-field-screenreader-label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{flex-grow:1}";export{x as gux_form_field_phone}
|