genesys-spark-components 4.111.0 → 4.111.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-advanced-dropdown-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-announce-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-change-photo-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-group-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-group-item-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-badge.cjs.entry.js +1 -1
- package/dist/cjs/gux-blank-state.cjs.entry.js +1 -1
- package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-slot.cjs.entry.js +1 -1
- package/dist/cjs/gux-button_2.cjs.entry.js +1 -1
- package/dist/cjs/gux-calendar.cjs.entry.js +1 -1
- package/dist/cjs/gux-card.cjs.entry.js +1 -1
- package/dist/cjs/gux-column-manager.cjs.entry.js +1 -1
- package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-context-menu.cjs.entry.js +1 -1
- package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js +1 -1
- package/dist/cjs/gux-date-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-date-time-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-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.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-label-indicator.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-number_2.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-phone.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-radio-group-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-range.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-time-zone-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-footer.cjs.entry.js +1 -1
- package/dist/cjs/gux-icon-tooltip-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-icon.cjs.entry.js +1 -1
- package/dist/cjs/gux-inline-alert.cjs.entry.js +1 -1
- package/dist/cjs/gux-label-info-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-link-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-listbox-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-loading-message.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal-side-panel-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal.cjs.entry.js +1 -1
- package/dist/cjs/gux-month-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
- package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-list-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
- package/dist/cjs/gux-rating.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-style-list-item.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.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-text-editor-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-screen-reader-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-segmented-control-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-selector-card-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-selector-cards-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-side-panel-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-side-panel-heading.cjs.entry.js +1 -1
- package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-skip-navigation-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
- package/dist/cjs/gux-switch-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar.cjs.entry.js +1 -1
- package/dist/cjs/gux-table.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
- package/dist/cjs/gux-tag.cjs.entry.js +1 -1
- package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-zone-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-toast.cjs.entry.js +1 -1
- package/dist/cjs/gux-toggle.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip-base-beta_2.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/{usage-dfe90c00.js → usage-61b83f53.js} +1 -1
- package/dist/esm/gux-accordion.entry.js +1 -1
- package/dist/esm/gux-action-button.entry.js +1 -1
- package/dist/esm/gux-action-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-advanced-dropdown-legacy.entry.js +1 -1
- package/dist/esm/gux-announce-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-change-photo-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-group-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-group-item-beta.entry.js +1 -1
- package/dist/esm/gux-badge.entry.js +1 -1
- package/dist/esm/gux-blank-state.entry.js +1 -1
- package/dist/esm/gux-breadcrumbs.entry.js +1 -1
- package/dist/esm/gux-button-multi.entry.js +1 -1
- package/dist/esm/gux-button-slot.entry.js +1 -1
- package/dist/esm/gux-button_2.entry.js +1 -1
- package/dist/esm/gux-calendar.entry.js +1 -1
- package/dist/esm/gux-card.entry.js +1 -1
- package/dist/esm/gux-column-manager.entry.js +1 -1
- package/dist/esm/gux-content-search.entry.js +1 -1
- package/dist/esm/gux-context-menu.entry.js +1 -1
- package/dist/esm/gux-copy-to-clipboard.entry.js +1 -1
- package/dist/esm/gux-date-beta.entry.js +1 -1
- package/dist/esm/gux-date-time-beta.entry.js +1 -1
- package/dist/esm/gux-datepicker.entry.js +1 -1
- package/dist/esm/gux-disclosure-button-legacy.entry.js +1 -1
- package/dist/esm/gux-dismiss-button.entry.js +1 -1
- package/dist/esm/gux-dropdown-multi.entry.js +1 -1
- package/dist/esm/gux-dropdown_3.entry.js +1 -1
- package/dist/esm/gux-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.entry.js +1 -1
- package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
- package/dist/esm/gux-form-field-label-indicator.entry.js +1 -1
- package/dist/esm/gux-form-field-number_2.entry.js +1 -1
- package/dist/esm/gux-form-field-phone.entry.js +1 -1
- package/dist/esm/gux-form-field-radio-group-beta.entry.js +1 -1
- package/dist/esm/gux-form-field-radio.entry.js +1 -1
- package/dist/esm/gux-form-field-range.entry.js +1 -1
- package/dist/esm/gux-form-field-search.entry.js +1 -1
- package/dist/esm/gux-form-field-select.entry.js +1 -1
- package/dist/esm/gux-form-field-text-like.entry.js +1 -1
- package/dist/esm/gux-form-field-textarea.entry.js +1 -1
- package/dist/esm/gux-form-field-time-picker.entry.js +1 -1
- package/dist/esm/gux-form-field-time-zone-picker.entry.js +1 -1
- package/dist/esm/gux-form-footer.entry.js +1 -1
- package/dist/esm/gux-icon-tooltip-beta.entry.js +1 -1
- package/dist/esm/gux-icon.entry.js +1 -1
- package/dist/esm/gux-inline-alert.entry.js +1 -1
- package/dist/esm/gux-label-info-beta.entry.js +1 -1
- package/dist/esm/gux-link-beta.entry.js +1 -1
- package/dist/esm/gux-list.entry.js +1 -1
- package/dist/esm/gux-listbox-multi.entry.js +1 -1
- package/dist/esm/gux-loading-message.entry.js +1 -1
- package/dist/esm/gux-modal-legacy.entry.js +1 -1
- package/dist/esm/gux-modal-side-panel-beta.entry.js +1 -1
- package/dist/esm/gux-modal.entry.js +1 -1
- package/dist/esm/gux-month-picker-beta.entry.js +1 -1
- package/dist/esm/gux-notification-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
- package/dist/esm/gux-pagination-cursor.entry.js +1 -1
- package/dist/esm/gux-pagination-legacy.entry.js +1 -1
- package/dist/esm/gux-pagination.entry.js +1 -1
- package/dist/esm/gux-phone-input-beta.entry.js +1 -1
- package/dist/esm/gux-popover-beta.entry.js +1 -1
- package/dist/esm/gux-popover-list-beta.entry.js +1 -1
- package/dist/esm/gux-popover-list.entry.js +1 -1
- package/dist/esm/gux-radial-loading.entry.js +1 -1
- package/dist/esm/gux-radial-progress.entry.js +1 -1
- package/dist/esm/gux-rating.entry.js +1 -1
- package/dist/esm/gux-rich-style-list-item.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.entry.js +1 -1
- package/dist/esm/gux-rich-text-editor-list.entry.js +1 -1
- package/dist/esm/gux-screen-reader-beta.entry.js +1 -1
- package/dist/esm/gux-segmented-control-beta.entry.js +1 -1
- package/dist/esm/gux-selector-card-beta.entry.js +1 -1
- package/dist/esm/gux-selector-cards-beta.entry.js +1 -1
- package/dist/esm/gux-side-panel-beta.entry.js +1 -1
- package/dist/esm/gux-side-panel-heading.entry.js +1 -1
- package/dist/esm/gux-simple-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-skip-navigation-list.entry.js +1 -1
- package/dist/esm/gux-sort-control.entry.js +1 -1
- package/dist/esm/gux-switch-legacy.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-action.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-custom-action.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-menu-button.entry.js +1 -1
- package/dist/esm/gux-table-toolbar.entry.js +1 -1
- package/dist/esm/gux-table.entry.js +1 -1
- package/dist/esm/gux-tabs-advanced.entry.js +1 -1
- package/dist/esm/gux-tabs.entry.js +1 -1
- package/dist/esm/gux-tag.entry.js +1 -1
- package/dist/esm/gux-text-highlight.entry.js +1 -1
- package/dist/esm/gux-time-beta.entry.js +1 -1
- package/dist/esm/gux-time-picker.entry.js +1 -1
- package/dist/esm/gux-time-zone-beta.entry.js +1 -1
- package/dist/esm/gux-time-zone-picker-beta.entry.js +1 -1
- package/dist/esm/gux-toast.entry.js +1 -1
- package/dist/esm/gux-toggle.entry.js +1 -1
- package/dist/esm/gux-tooltip-base-beta_2.entry.js +1 -1
- package/dist/esm/gux-tooltip.entry.js +1 -1
- package/dist/esm/{usage-2e7bd1c5.js → usage-509cc071.js} +1 -1
- package/dist/genesys-webcomponents/genesys-webcomponents-legacy.css +1 -1
- package/dist/genesys-webcomponents/genesys-webcomponents.css +2 -2
- package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
- package/dist/genesys-webcomponents/{p-ee50ce49.entry.js → p-00f1565a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f6358b8f.entry.js → p-02cc4a4f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2251ad82.entry.js → p-0615fcf2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4ff228fd.entry.js → p-0892aff8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-add564d3.entry.js → p-0b10a569.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-566060f5.entry.js → p-0bd2d027.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7c5f1595.entry.js → p-0c749da8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ae437bf0.entry.js → p-0e56c97e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8af08156.entry.js → p-10b5c419.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-327e708a.entry.js → p-10bd706b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-757fd256.entry.js → p-11bcf7e6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-388cc749.entry.js → p-1445a21b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8847c7ea.entry.js → p-18c94438.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-06dc4953.entry.js → p-1d134bdb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-89c02a71.entry.js → p-2144ce42.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d7992a33.js → p-2b077ec0.js} +1 -1
- package/dist/genesys-webcomponents/{p-ef84c5cd.entry.js → p-2c194dd0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b83c6642.entry.js → p-30925f32.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dd7febf3.entry.js → p-33e25e2f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c92eb68f.entry.js → p-369c07f6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-198dc043.entry.js → p-3a0e0b86.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-426ac707.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-6722a966.entry.js → p-447a9163.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-055593eb.entry.js → p-459d717e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ccac4391.entry.js → p-46f33b3a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a46eb48a.entry.js → p-49b8c323.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-79fc0a4d.entry.js → p-4aa1c171.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3491b183.entry.js → p-4bfab187.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a1f9d3ad.entry.js → p-4c466460.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1af8a156.entry.js → p-4ce1ed41.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bb74542d.entry.js → p-4e56930b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2addc40c.entry.js → p-537c887c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3e5868b9.entry.js → p-54752491.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7b2252b1.entry.js → p-55fb962d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4758ea65.entry.js → p-56f38e06.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ffc24e42.entry.js → p-5f7b18a6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dc3b41ec.entry.js → p-61b26017.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7756e355.entry.js → p-63863bcb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-efc15bd4.entry.js → p-65ff32b6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fcfee523.entry.js → p-6714381e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-db73ab47.entry.js → p-68999194.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-65f79094.entry.js → p-6d05dfe5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ef9bbce4.entry.js → p-6ec645bb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7875674f.entry.js → p-6f7cc6c0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ef0f3d99.entry.js → p-704d8ad5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1050ea08.entry.js → p-709e9044.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-310b7b24.entry.js → p-79224bc3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6611fcfd.entry.js → p-794a4b8e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4c3aae0b.entry.js → p-7e14b38a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ea571581.entry.js → p-7f6963ee.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f229ef74.entry.js → p-80d4700c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b963ae3b.entry.js → p-84a36f2d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-63754a0f.entry.js → p-85d1f4af.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e4b7cbe7.entry.js → p-86ad788f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a286521a.entry.js → p-88609610.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-222f20a2.entry.js → p-88a18831.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6f079726.entry.js → p-89c3d1b2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-175375b9.entry.js → p-89f2b62c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9679223e.entry.js → p-8a337ee1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9060edb8.entry.js → p-8d97f20c.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-8fe735a9.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-ba47c24b.entry.js → p-905e325b.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-913cb7bc.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-aa7d54f7.entry.js → p-939879d1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b592ec44.entry.js → p-9411b216.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1d866a95.entry.js → p-94b08f70.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7459f5d3.entry.js → p-94d2b4cd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-877c76e2.entry.js → p-96d691fc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0a16d4f5.entry.js → p-9a7c0ef2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a8973843.entry.js → p-9b97b70d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bf5bae7c.entry.js → p-9d576447.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-138a59dc.entry.js → p-9f694b56.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-441f8439.entry.js → p-a0254628.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a1afda6d.entry.js → p-a11a76f1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5c7b9fcc.entry.js → p-a1c47228.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f65f0584.entry.js → p-a3058410.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e74057bf.entry.js → p-a33e10a6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1a14a665.entry.js → p-a9172471.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8251d980.entry.js → p-abc79885.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-860031b9.entry.js → p-abe373c0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ea60d8cd.entry.js → p-b2dc7b05.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1d238558.entry.js → p-b315168f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1256030c.entry.js → p-b42cd44e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7c2802b6.entry.js → p-b619a2d8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8431d492.entry.js → p-b89087be.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ac891031.entry.js → p-bb62fe8c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-aa9e4196.entry.js → p-c2530991.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9d26bf28.entry.js → p-c3be4e9b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ffb28dd8.entry.js → p-c4095834.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e6140706.entry.js → p-c52d00e9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4a42f6fe.entry.js → p-ccdf03b3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fbf82f94.entry.js → p-d016160e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4e7581a0.entry.js → p-d5315444.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-11a31bdf.entry.js → p-d5a900f5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-33b542f3.entry.js → p-d975e60f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4079d3e9.entry.js → p-df75b2d7.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-e07169fd.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-9f10a295.entry.js → p-eee45727.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a1ccf58b.entry.js → p-eef8fe71.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e97e22d1.entry.js → p-f15d2440.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-15a4d146.entry.js → p-f350df36.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-99661353.entry.js → p-f710417b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8c6c5f8b.entry.js → p-fa1d913f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ff914748.entry.js → p-faf6cd0d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b651bb9c.entry.js → p-fce37b6a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e6236ad1.entry.js → p-fcee59ed.entry.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/stencil-wrapper.d.ts +1 -1
- package/package.json +1 -1
- package/dist/genesys-webcomponents/p-34eeec81.entry.js +0 -1
- package/dist/genesys-webcomponents/p-5936a6dd.entry.js +0 -1
- package/dist/genesys-webcomponents/p-59f54260.entry.js +0 -1
- package/dist/genesys-webcomponents/p-7ba87247.entry.js +0 -1
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as t,H as o,g as i}from"./p-78cb19b9.js";import{t as n}from"./p-
|
1
|
+
import{r as e,h as t,H as o,g as i}from"./p-78cb19b9.js";import{t as n}from"./p-2b077ec0.js";import{g as s}from"./p-4202e9f2.js";const r=class{constructor(t){e(this,t),this.disabled=!1,this.value=void 0}onMouseUp(){this.focusParentList()}onMouseOver(){this.focusParentList()}focusParentList(){const e=s("gux-rich-text-editor-list",this.root);e&&null===e.shadowRoot.activeElement&&(this.root.blur(),e.focus({preventScroll:!0}))}componentWillLoad(){n(this.root)}render(){return t(o,{key:"4bd7d026d50812a706946d470dbb4e1ef9a6f7b8",role:"listitem"},t("button",{key:"ef5f0873f68c1645897c3ba0e616c018042c8561",type:"button",tabIndex:-1,disabled:this.disabled},t("slot",{key:"c0ec924cb8797c5d154e3337ce9ab3df7fcbdd16"})))}static get delegatesFocus(){return!0}get root(){return i(this)}};r.style=":host{inline-size:100%;text-align:start;outline:none}:host([disabled]){pointer-events:none}:host([disabled=false]){pointer-events:auto}::slotted(gux-icon){inline-size:var(--gse-ui-menu-option-startIcon-height);block-size:var(--gse-ui-menu-option-startIcon-height);margin-inline-end:var(--gse-ui-menu-option-gap);vertical-align:middle}button{all:unset;box-sizing:border-box;inline-size:100%;min-block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer;background-color:var(--gse-ui-menu-option-default-backgroundColor);border:none;outline:none;outline-offset:calc(var(--gse-ui-menu-option-focus-border-width) * -1)}button:focus-visible:not(:disabled){border-radius:var(--gse-semantic-focusOutline-sm-borderRadius);outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color)}button:hover:not(:disabled){background:var(--gse-ui-menu-option-hover-backgroundColor)}button:active:not(:disabled){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}button:disabled{cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}::slotted(*){margin:0}";export{r as gux_rich_style_list_item}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,h as i,H as s,g as o}from"./p-78cb19b9.js";import{O as a}from"./p-045d724a.js";import{t as c}from"./p-
|
1
|
+
import{r as t,c as e,h as i,H as s,g as o}from"./p-78cb19b9.js";import{O as a}from"./p-045d724a.js";import{t as c}from"./p-2b077ec0.js";import{b as r}from"./p-4b423804.js";import{t as n}from"./p-7747f18f.js";import{b as l}from"./p-cf0e7d3b.js";import"./p-4202e9f2.js";const b=class{constructor(i){t(this,i),this.linkOptions=e(this,"linkOptions",7),this.disabled=!1,this.isOpen=!1}onClickOutside(){this.isOpen=!1}handleKeydown(t){const e=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,this.actionButton.focus();break;case"ArrowDown":case"Enter":e.includes(this.actionButton)&&(t.preventDefault(),this.isOpen=!0,this.focusTextToDisplayInputElement())}}async componentWillLoad(){c(this.root),this.i18n=await r(this.root,n)}emitLinkOptions(){this.linkOptions.emit({textToDisplay:this.textToDisplayInputElement.value,href:this.linkAddressInputElement.value}),this.textToDisplayInputElement.value=null,this.linkAddressInputElement.value=null,this.isOpen=!1}togglePopover(){this.isOpen=!this.isOpen,this.isOpen?this.focusTextToDisplayInputElement():this.actionButton.focus()}focusTextToDisplayInputElement(){l((()=>{this.textToDisplayInputElement.focus()}))}renderTooltip(){if(!this.disabled)return i("gux-tooltip",null,i("div",{slot:"content"},this.i18n("link")))}render(){return i(s,{key:"166f87e1bb3c3565cb3dd4e05099a83cfa23f80a"},i("gux-button-slot",{key:"15b8d3f16c91c7d601e3859cabc7fb71871f4533",accent:"ghost","icon-only":!0},i("button",{key:"8349fa9d8d15f1f820035d1669ef60d10829022d",id:"popover-target",class:{"gux-is-pressed":this.isOpen},onClick:()=>this.togglePopover(),ref:t=>this.actionButton=t,type:"button",disabled:this.disabled,"aria-label":this.i18n("link"),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},i("gux-icon",{key:"c98e7654129a3160adbc03b9c08c4109122fff21",size:"small","icon-name":"fa/link-simple-regular",decorative:!0})),this.renderTooltip()),i("gux-popover",{key:"d9c70c9f4ad55ebb955751d349d9242b88a16ab1","is-open":this.isOpen,for:"popover-target"},i("div",{key:"156f243b70d8cf32e237ea751dd274cb7b764176",class:"gux-popover-content-wrapper"},i("gux-form-field-text-like",{key:"819c53504c6e99da78637c9a0cdebac0c19cccb2"},i("input",{key:"7e11f6f5c0032c99cda31355b0b8b757dccbea47",id:"textToDisplay",ref:t=>this.textToDisplayInputElement=t,slot:"input",type:"text"}),i("label",{key:"3f66bb54612a3cac364a8f43025bcd7f095656f7",slot:"label"},this.i18n("textToDisplay"))),i("gux-form-field-text-like",{key:"842113a08dbcc053ac64726c87fb5a2d89b259de"},i("input",{key:"836db888c19706a4b14dc7d35eb55e902fcd45a5",ref:t=>this.linkAddressInputElement=t,slot:"input",type:"text"}),i("label",{key:"aaf0d14cccb4b44bf1a7c32bad1302975244fc5b",slot:"label"},this.i18n("linkAddress"))),i("gux-cta-group",{key:"8e3a45cb60f5b7d99504518ccc88f0d6a57e4d53",align:"end"},i("gux-button",{key:"a8893b5a2265d48e07eeb154d19b4ccebc6e7147",onClick:()=>this.emitLinkOptions(),slot:"primary"},this.i18n("insert")),i("gux-button",{key:"34855e70fa26628fd9f64420acb6b654bdbaf9ab",onClick:()=>this.togglePopover(),slot:"dismiss"},this.i18n("cancel"))))))}get root(){return o(this)}};(function(t,e,i,s){var o,a=arguments.length,c=a<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(c=(a<3?o(c):a>3?o(e,i,c):o(e,i))||c);a>3&&c&&Object.defineProperty(e,i,c)})([a({triggerEvents:"mousedown"})],b.prototype,"onClickOutside",null),b.style=":host{display:block}gux-popover div.gux-popover-content-wrapper{display:flex;flex-direction:column;gap:var(--gse-ui-popover-gap)}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{b as gux_rich_text_editor_action_link}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as o,c as a,h as t,g as e}from"./p-78cb19b9.js";import{b as g}from"./p-4b423804.js";import{t as r}from"./p-
|
1
|
+
import{r as o,c as a,h as t,g as e}from"./p-78cb19b9.js";import{b as g}from"./p-4b423804.js";import{t as r}from"./p-2b077ec0.js";import"./p-4202e9f2.js";const u={tag:"tag with label: {label}","tag-disabled":"disabled tag with label: {label}","remove-tag":"Remove tag with label: {label}"},c=class{constructor(t){o(this,t),this.guxdelete=a(this,"guxdelete",7),this.accent="default",this.disabled=!1,this.removable=!1,this.size="small",this.emphasis="bold",this.label=void 0}onKeyDown(o){switch(o.key){case"Backspace":case"Delete":this.removeTag()}}removeTag(){!this.disabled&&this.removable&&this.guxdelete.emit()}onSlotChange(o){const a=o.composedPath()[0].assignedNodes();this.label=a.map((o=>o.textContent.trim())).join("")}renderTagTitle(){return t("gux-tooltip-title",null,t("span",null,t("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return t("div",{class:"gux-sr-only"},this.i18n(this.disabled?"tag-disabled":"tag",{label:this.label}))}renderRemoveButton(){if(this.removable)return t("button",{class:"gux-tag-remove-button",onClick:this.removeTag.bind(this),type:"button",disabled:this.disabled},t("gux-icon",{class:"gux-tag-remove-icon","icon-name":"fa/xmark-large-regular","screenreader-text":this.i18n("remove-tag",{label:this.label})}))}componentWillLoad(){r(this.root,{variant:this.removable?"removable":"permenant"})}async componentWillRender(){this.i18n=await g(this.root,u)}render(){return t("div",{key:"416ef61ec220fb9e903c9eacf8c051c9960e54ca",class:{"gux-tag":!0,[`gux-accent-${this.accent}`]:!0,"gux-disabled":this.disabled,[`gux-size-${this.size}`]:!0,[`gux-emphasis-${this.emphasis}`]:!0},"aria-disabled":this.disabled.toString()},this.renderTagTitle(),this.renderSrText(),this.renderRemoveButton())}get root(){return e(this)}};c.style=":host{display:inline-block;border-radius:var(--gse-ui-tag-borderRadius)}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-tag-removable-gap);place-content:stretch flex-start;align-items:center;block-size:var(--gse-ui-tag-small-height);padding:var(--gse-ui-tag-padding);font-family:var(--gse-ui-tag-textSmall-fontFamily);font-size:var(--gse-ui-tag-textSmall-fontSize);font-weight:var(--gse-ui-tag-textSmall-fontWeight);line-height:var(--gse-ui-tag-textSmall-lineHeight);color:var(--gse-ui-tag-default-bold-foregroundColor);background-color:var(--gse-ui-tag-default-bold-backgroundColor);border-radius:var(--gse-ui-tag-borderRadius)}.gux-tag.gux-size-large{block-size:var(--gse-ui-tag-large-height);font-family:var(--gse-ui-tag-textLarge-fontFamily);font-size:var(--gse-ui-tag-textLarge-fontSize);font-weight:var(--gse-ui-tag-textLarge-fontWeight);line-height:var(--gse-ui-tag-textLarge-lineHeight)}.gux-tag.gux-disabled{position:relative;user-select:none;opacity:var(--gse-ui-tag-disabled-opacity)}.gux-tag gux-tooltip-title{white-space:nowrap;cursor:default}.gux-tag gux-tooltip-title ::slotted(gux-icon){font-size:var(--gse-ui-tag-button-size)}.gux-tag .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-tag .gux-tag-remove-button{all:unset;display:flex;place-content:center center;align-items:center}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{inline-size:var(--gse-ui-tag-button-size);block-size:var(--gse-ui-tag-button-size);margin-inline-end:-4px}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{border-radius:var(--gse-semantic-focusOutline-sm-borderRadius);outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-ui-color-focus)}.gux-tag.gux-accent-default{color:var(--gse-ui-tag-default-bold-foregroundColor);background-color:var(--gse-ui-tag-default-bold-backgroundColor)}.gux-tag.gux-accent-default.gux-emphasis-subtle{color:var(--gse-ui-tag-default-subtle-foregroundColor);background-color:var(--gse-ui-tag-default-subtle-backgroundColor)}.gux-tag.gux-accent-1{color:var(--gse-ui-tag-accent1-bold-foregroundColor);background-color:var(--gse-ui-tag-accent1-bold-backgroundColor)}.gux-tag.gux-accent-1.gux-emphasis-subtle{color:var(--gse-ui-tag-accent1-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent1-subtle-backgroundColor)}.gux-tag.gux-accent-2{color:var(--gse-ui-tag-accent2-bold-foregroundColor);background-color:var(--gse-ui-tag-accent2-bold-backgroundColor)}.gux-tag.gux-accent-2.gux-emphasis-subtle{color:var(--gse-ui-tag-accent2-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent2-subtle-backgroundColor)}.gux-tag.gux-accent-3{color:var(--gse-ui-tag-accent3-bold-foregroundColor);background-color:var(--gse-ui-tag-accent3-bold-backgroundColor)}.gux-tag.gux-accent-3.gux-emphasis-subtle{color:var(--gse-ui-tag-accent3-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent3-subtle-backgroundColor)}.gux-tag.gux-accent-4{color:var(--gse-ui-tag-accent4-bold-foregroundColor);background-color:var(--gse-ui-tag-accent4-bold-backgroundColor)}.gux-tag.gux-accent-4.gux-emphasis-subtle{color:var(--gse-ui-tag-accent4-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent4-subtle-backgroundColor)}.gux-tag.gux-accent-5{color:var(--gse-ui-tag-accent5-bold-foregroundColor);background-color:var(--gse-ui-tag-accent5-bold-backgroundColor)}.gux-tag.gux-accent-5.gux-emphasis-subtle{color:var(--gse-ui-tag-accent5-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent5-subtle-backgroundColor)}.gux-tag.gux-accent-6{color:var(--gse-ui-tag-accent6-bold-foregroundColor);background-color:var(--gse-ui-tag-accent6-bold-backgroundColor)}.gux-tag.gux-accent-6.gux-emphasis-subtle{color:var(--gse-ui-tag-accent6-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent6-subtle-backgroundColor)}.gux-tag.gux-accent-7{color:var(--gse-ui-tag-accent7-bold-foregroundColor);background-color:var(--gse-ui-tag-accent7-bold-backgroundColor)}.gux-tag.gux-accent-7.gux-emphasis-subtle{color:var(--gse-ui-tag-accent7-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent7-subtle-backgroundColor)}.gux-tag.gux-accent-8{color:var(--gse-ui-tag-accent8-bold-foregroundColor);background-color:var(--gse-ui-tag-accent8-bold-backgroundColor)}.gux-tag.gux-accent-8.gux-emphasis-subtle{color:var(--gse-ui-tag-accent8-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent8-subtle-backgroundColor)}.gux-tag.gux-accent-9{color:var(--gse-ui-tag-accent9-bold-foregroundColor);background-color:var(--gse-ui-tag-accent9-bold-backgroundColor)}.gux-tag.gux-accent-9.gux-emphasis-subtle{color:var(--gse-ui-tag-accent9-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent9-subtle-backgroundColor)}.gux-tag.gux-accent-10{color:var(--gse-ui-tag-accent10-bold-foregroundColor);background-color:var(--gse-ui-tag-accent10-bold-backgroundColor)}.gux-tag.gux-accent-10.gux-emphasis-subtle{color:var(--gse-ui-tag-accent10-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent10-subtle-backgroundColor)}.gux-tag.gux-accent-inherit{color:inherit;background-color:inherit}";export{c as gux_tag}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as t,H as o,g as s}from"./p-78cb19b9.js";import{t as a}from"./p-
|
1
|
+
import{r as e,h as t,H as o,g as s}from"./p-78cb19b9.js";import{t as a}from"./p-2b077ec0.js";import{O as i}from"./p-045d724a.js";import{b as r}from"./p-4b423804.js";import{b as n}from"./p-cf0e7d3b.js";import"./p-4202e9f2.js";const c={additionalActions:"Additional Actions"};const u=class{constructor(t){e(this,t),this.showMenu=void 0,this.expanded=!1}handleKeyDown(e){const t=e.composedPath();switch(e.key){case"Escape":this.expanded=!1,t.includes(this.listElement)&&(e.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.expanded=!1;break;case"ArrowDown":case"Enter":t.includes(this.dropdownButton)&&(e.preventDefault(),this.expanded=!0,this.focusFirstItemInPopupList())}}handleKeyup(e){if(" "===e.key)e.composedPath().includes(this.dropdownButton)&&(this.expanded=!0,this.focusFirstItemInPopupList())}toggle(){this.expanded=!this.expanded,this.expanded&&this.focusPopupList()}onClickOutside(){this.expanded=!1}focusPopupList(){n((()=>{this.listElement.focus()}))}focusFirstItemInPopupList(){n((()=>{this.listElement.guxFocusFirstItem()}))}renderTooltip(){if(!this.expanded)return t("gux-tooltip-beta",null,t("div",{slot:"content"},this.i18n("additionalActions")))}async componentWillLoad(){this.i18n=await r(this.root,c),a(this.root)}render(){return t(o,{key:"78bddee0bdc05b772e4da68a6ca515a1d4532441",class:{"gux-show-menu":this.showMenu}},t("gux-popup",{key:"5073b0731ccd0dcc484622f641f934c9a4e1a478",expanded:this.expanded,"exceed-target-width":!0},t("div",{key:"a74e721d8ffa1dccaf3fc0a9f35d187aa5c22ec6",slot:"target",class:"gux-toolbar-menu-container"},t("gux-button-slot",{key:"475b9b677728ea4b2adbdf895316f4e0280062ee",accent:"secondary"},t("button",{key:"345ce85dcf1399ffa39b07f836e91e20e9b01aea",class:"gux-menu-button",type:"button",ref:e=>this.dropdownButton=e,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.expanded.toString()},t("gux-icon",{key:"54ca7b2ccd359898f93e1e053619db5e342a61f4","icon-name":"fa/ellipsis-regular",decorative:!0}),this.renderTooltip()))),t("div",{key:"0d35ac82191d34b683d47aa62df7dd279d448212",class:"gux-list-container",slot:"popup"},t("gux-list",{key:"1f498dfad8a4ba3a95e574ac7eab9af4a5296ccf",ref:e=>this.listElement=e},t("slot",{key:"579fff0dada8f99926130fbdd8c820c47185c9fa"})))))}static get delegatesFocus(){return!0}get root(){return s(this)}};(function(e,t,o,s){var a,i=arguments.length,r=i<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,s);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(r=(i<3?a(r):i>3?a(t,o,r):a(t,o))||r);i>3&&r&&Object.defineProperty(t,o,r)})([i({triggerEvents:"mousedown"})],u.prototype,"onClickOutside",null),u.style=":host{display:none;-webkit-user-select:none;user-select:none}:host(.gux-show-menu){display:block}.gux-menu-button{display:flex;color:var(--gse-ui-button-secondary-default-foregroundColor);cursor:pointer;border:none}.gux-menu-button gux-icon{align-self:center;inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}.gux-list-container{inline-size:min-content;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-offsetX) var(--gse-ui-menu-boxShadow-offsetY) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}";export{u as gux_table_toolbar_menu_button}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,f as i,h as o,g as s,H as n}from"./p-78cb19b9.js";import{O as r}from"./p-045d724a.js";import{b as u}from"./p-4b423804.js";import{s as a}from"./p-2c25e2f2.js";import{o as l,c as d}from"./p-f4751a15.js";import{b as h}from"./p-cf0e7d3b.js";import{t as c}from"./p-d7992a33.js";import{O as g}from"./p-f4a8d565.js";import{s as f,l as p,g as x,c as b,h as v,a as m,b as w,d as C,e as y,f as z,i as k,j as F,k as S,m as O,o as T}from"./p-787c5373.js";import{h as j}from"./p-6d8b4027.js";import{w as E}from"./p-e97879b4.js";import{g as I}from"./p-4202e9f2.js";import{r as L}from"./p-0934300e.js";const W={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};var H=function(t,e,i,o){var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var u=t.length-1;u>=0;u--)(s=t[u])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const R=class{constructor(i){t(this,i),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.value=void 0,this.disabled=!1,this.required=!1,this.loading=!1,this.placeholder=void 0,this.filterType="none",this.hasError=!1,this.exceedTargetWidth=!1,this.expanded=!1,this.filter=""}watchExpanded(t){t||(this.filter="")}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}watchDisabled(t){t&&(this.expanded=!1)}onKeydown(t){switch(t.key){case"Escape":return this.isFilterable()&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,f(this.listboxElement)))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),i(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit(),this.listboxElement&&h((()=>{this.listboxElement.focus(),this.isFilterable()&&this.filterElement&&this.filterElement.focus()}))}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.listboxElement&&this.validateValue(this.value,this.listboxElement)}async componentWillLoad(){c(this.root),this.i18n=await u(this.root,W),l(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.filter=this.filter)}showTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setShowTooltip()}hideTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setHideTooltip()}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)&&(e.value=t):e&&(e.value=t)}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}isFilterable(){return"starts-with"===this.filterType||"custom"===this.filterType}get optionElements(){return p(this.listboxElement)}getOptionElementByValue(t){return this.optionElements.find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.isFilterable()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.isFilterable()&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),void f(this.listboxElement);case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,a(this.root,"input"),a(this.root,"change")),this.collapseListbox("focusFieldButton")}getTypeaheadText(t){const e=t.length;if(e>0&&!this.loading){const i=x(this.listboxElement,t);if(i&&"custom"!==this.filterType)return i.textContent.trim().substring(e)}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?o("div",{class:"gux-selected-option"},this.renderSelectedItem(t)):o("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderSelectedItem(t){const e=t.tagName.toLowerCase();switch(e){case"gux-option":return this.renderOption(t);case"gux-option-icon":return this.renderIconOption(t);default:return e}}renderOption(t){let e=t.textContent;if(j(t,"subtext")){const i=t.querySelector("[slot=subtext]");e=e.substring(0,e.length-i.textContent.length)}return o("gux-truncate",{ref:t=>this.truncateElement=t,dir:"auto"},e)}renderIconOption(t){let e=null;return null!==t.iconColor&&(e={color:t.iconColor}),o("span",{class:{"gux-selected-icon":!0,"gux-icon-position-end":"end"===t.iconPosition}},o("gux-icon",{"icon-name":t.iconName,style:e,decorative:!0}),o("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent))}renderFilterInputField(){if(this.expanded&&this.isFilterable())return o("div",{class:"gux-field gux-input-field",dir:"auto"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.filter),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.filter))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this),disabled:this.disabled})))))}renderPopup(){return o("slot",{slot:"popup"})}renderTarget(){return o("div",{class:{"gux-target-container-expanded":this.expanded&&this.isFilterable(),"gux-target-container-collapsed":!(this.expanded&&this.isFilterable()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:d(this.root),onClick:this.fieldButtonClick.bind(this),onFocusin:this.showTooltip.bind(this),onFocusout:this.hideTooltip.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:this.expanded?"custom/chevron-up-small-regular":"custom/chevron-down-small-regular"})))}renderTargetContent(){if(!this.expanded||!this.isFilterable())return o("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return o("gux-radial-loading",{context:"input"})}render(){return o("gux-popup",{key:"8435baa8a31d934303386e198443e832f2734cb6",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled||this.loading&&!this.isFilterable(),exceedTargetWidth:this.exceedTargetWidth},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return s(this)}static get watchers(){return{expanded:["watchExpanded"],value:["watchValue"],filter:["handleFilter"],disabled:["watchDisabled"]}}};H([r({triggerEvents:"mousedown"})],R.prototype,"onClickOutside",null),H([g({childList:!0,subtree:!0})],R.prototype,"onMutation",null),R.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{--gux-zindex-tooltip:3;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;inline-size:var(--gse-ui-formControl-input-inputIcon-size);block-size:var(--gse-ui-formControl-input-inputIcon-size);padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(gux-listbox){outline:none;box-shadow:var(--gse-ui-menu-boxShadow-offsetX) var(--gse-ui-menu-boxShadow-offsetY) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}.gux-selected-icon{display:flex;flex-direction:row;align-items:center}.gux-selected-icon.gux-icon-position-end{flex-direction:row-reverse}.gux-selected-icon gux-icon{inline-size:var(--gse-ui-formControl-input-inputIcon-size);block-size:var(--gse-ui-formControl-input-inputIcon-size);padding-inline-end:var(--gse-ui-dropdown-gap)}";const D=["gux-option","gux-option-icon"].join(","),A={noMatches:"No matches",loading:"Loading..."},B=class{constructor(i){t(this,i),this.internallistboxoptionsupdated=e(this,"internallistboxoptionsupdated",7),this.value=void 0,this.loading=!1,this.filter="",this.filterType="none",this.disabled=!1,this.emptyMessage=void 0,this.selectedValues=[],this.listboxOptions=[],this.allListboxOptionsFiltered=void 0}onBlur(){b(this.root)}onKeydown(t){if(!v(this.root))return t.preventDefault(),void f(this.root);switch(t.key){case"Enter":return t.preventDefault(),void F(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(z(this.root)?(t.stopPropagation(),k(this.root)):w(this.root));case"ArrowUp":return t.preventDefault(),void(C(this.root)?(t.stopPropagation(),y(this.root)):m(this.root));case"Home":return t.preventDefault(),void w(this.root);case"End":return t.preventDefault(),void m(this.root);case" ":return void t.preventDefault()}1!==t.key.length||S(this.root,t.key)}onKeyup(t){" "!==t.key||F(this.root,(t=>this.updateValue(t)))}onMousemove(){b(this.root)}onClick(t){E(D,t,(t=>{T(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){F(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=p(this.root),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),a(this.root,"input"),a(this.root,"change")}async componentWillLoad(){c(this.root),this.i18n=await u(this.root,A),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,"custom"!==this.filterType&&(t.filtered=!O(t,this.filter))})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length}renderHiddenSlot(){return o("div",{hidden:!0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[o("div",{class:"gux-message-container"},o("gux-radial-loading",{context:"modal"}),o("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){return[o("div",{class:"gux-message-container"},o("div",{class:"gux-no-matches"},this.emptyMessage||this.i18n("noMatches"))),this.renderHiddenSlot()]}render(){return this.loading?this.renderLoading():this.allListboxOptionsFiltered?this.renderAllListboxOptionsFiltered():o(n,{role:"listbox",tabindex:0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}get root(){return s(this)}};B.style=":host{box-sizing:border-box;display:block;max-block-size:var(--gse-ui-menu-maxHeight);padding:var(--gse-ui-menu-padding);margin:0;overflow:visible auto;background:var(--gse-ui-menu-backgroundColor);border:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);border-radius:var(--gse-ui-menu-borderRadius);outline:none}:host(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-ui-color-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-message-container{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch center;align-items:center;text-align:center}.gux-message-container .gux-no-matches{box-sizing:border-box;block-size:var(--gse-ui-menu-option-height);font-family:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontFamily);font-size:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontSize);font-weight:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontWeight);line-height:var(--gse-ui-dropdown-menu-emptyState-subheader-text-lineHeight);color:var(--gse-ui-dropdown-menu-emptyState-subheader-foregroundColor)}";const K=class{constructor(e){t(this,e),this.value=void 0,this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hasSubtext=!1}handleActive(t){var e,i;t?null===(e=this.truncateElement)||void 0===e||e.setShowTooltip():null===(i=this.truncateElement)||void 0===i||i.setHideTooltip()}componentWillLoad(){this.root.id=this.root.id||L("gux-option"),this.onSubtextChange()}onSubtextChange(){this.hasSubtext=j(this.root,"subtext")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}hasDisabledParent(){const t=I("gux-listbox",this.root);return null==t?void 0:t.disabled}render(){return o(n,{key:"8c4add4d6fa16439db972a504768ab8738c69224",role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled||this.hasDisabledParent(),"gux-filtered":this.filtered,"gux-selected":this.selected,"gux-show-subtext":this.hasSubtext},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},o("div",{key:"5e0dc0460c85a5b80a51c99af86ba7c68ea60dd6",class:"gux-option-wrapper"},o("gux-truncate",{key:"9a530744dc7172908a03166f5af3db317ced8fbb",ref:t=>this.truncateElement=t},o("slot",{key:"6407fff22315b03eb78de767fdd9f4f68215f945"})),o("slot",{key:"4d3075a2ffa8fb5d99a6234b0bde3bc698f871ae",onSlotchange:()=>this.onSubtextChange(),name:"subtext"})))}get root(){return s(this)}static get watchers(){return{active:["handleActive"]}}};K.style=":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-menu-option-gap);place-content:stretch center;align-items:center;block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host .gux-option-wrapper{inline-size:100%}:host .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}:host(:active:not(:disabled)){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight)}:host(.gux-active){border-radius:var(--gse-semantic-focusOutline-sm-borderRadius);outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);outline-offset:-2px}:host(.gux-show-subtext){place-content:stretch flex-start;block-size:auto}:host(.gux-show-subtext) .gux-option-wrapper{display:flex;flex-direction:column}:host(.gux-show-subtext) slot[name=subtext]::slotted(*){font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);color:var(--gse-ui-menu-groupedMenu-subtext-foregroundColor)}:host(:hover:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}";export{R as gux_dropdown,B as gux_listbox,K as gux_option}
|
1
|
+
import{r as t,c as e,f as i,h as o,g as s,H as n}from"./p-78cb19b9.js";import{O as r}from"./p-045d724a.js";import{b as u}from"./p-4b423804.js";import{s as a}from"./p-2c25e2f2.js";import{o as l,c as d}from"./p-f4751a15.js";import{b as h}from"./p-cf0e7d3b.js";import{t as c}from"./p-2b077ec0.js";import{O as g}from"./p-f4a8d565.js";import{s as f,l as p,g as x,c as b,h as v,a as m,b as w,d as C,e as y,f as z,i as k,j as F,k as S,m as O,o as T}from"./p-787c5373.js";import{h as j}from"./p-6d8b4027.js";import{w as E}from"./p-e97879b4.js";import{g as I}from"./p-4202e9f2.js";import{r as L}from"./p-0934300e.js";const W={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};var H=function(t,e,i,o){var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var u=t.length-1;u>=0;u--)(s=t[u])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const R=class{constructor(i){t(this,i),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.value=void 0,this.disabled=!1,this.required=!1,this.loading=!1,this.placeholder=void 0,this.filterType="none",this.hasError=!1,this.exceedTargetWidth=!1,this.expanded=!1,this.filter=""}watchExpanded(t){t||(this.filter="")}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}watchDisabled(t){t&&(this.expanded=!1)}onKeydown(t){switch(t.key){case"Escape":return this.isFilterable()&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,f(this.listboxElement)))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),i(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit(),this.listboxElement&&h((()=>{this.listboxElement.focus(),this.isFilterable()&&this.filterElement&&this.filterElement.focus()}))}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.listboxElement&&this.validateValue(this.value,this.listboxElement)}async componentWillLoad(){c(this.root),this.i18n=await u(this.root,W),l(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.filter=this.filter)}showTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setShowTooltip()}hideTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setHideTooltip()}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)&&(e.value=t):e&&(e.value=t)}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}isFilterable(){return"starts-with"===this.filterType||"custom"===this.filterType}get optionElements(){return p(this.listboxElement)}getOptionElementByValue(t){return this.optionElements.find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.isFilterable()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.isFilterable()&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),void f(this.listboxElement);case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,a(this.root,"input"),a(this.root,"change")),this.collapseListbox("focusFieldButton")}getTypeaheadText(t){const e=t.length;if(e>0&&!this.loading){const i=x(this.listboxElement,t);if(i&&"custom"!==this.filterType)return i.textContent.trim().substring(e)}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?o("div",{class:"gux-selected-option"},this.renderSelectedItem(t)):o("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderSelectedItem(t){const e=t.tagName.toLowerCase();switch(e){case"gux-option":return this.renderOption(t);case"gux-option-icon":return this.renderIconOption(t);default:return e}}renderOption(t){let e=t.textContent;if(j(t,"subtext")){const i=t.querySelector("[slot=subtext]");e=e.substring(0,e.length-i.textContent.length)}return o("gux-truncate",{ref:t=>this.truncateElement=t,dir:"auto"},e)}renderIconOption(t){let e=null;return null!==t.iconColor&&(e={color:t.iconColor}),o("span",{class:{"gux-selected-icon":!0,"gux-icon-position-end":"end"===t.iconPosition}},o("gux-icon",{"icon-name":t.iconName,style:e,decorative:!0}),o("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent))}renderFilterInputField(){if(this.expanded&&this.isFilterable())return o("div",{class:"gux-field gux-input-field",dir:"auto"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.filter),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.filter))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this),disabled:this.disabled})))))}renderPopup(){return o("slot",{slot:"popup"})}renderTarget(){return o("div",{class:{"gux-target-container-expanded":this.expanded&&this.isFilterable(),"gux-target-container-collapsed":!(this.expanded&&this.isFilterable()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:d(this.root),onClick:this.fieldButtonClick.bind(this),onFocusin:this.showTooltip.bind(this),onFocusout:this.hideTooltip.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:this.expanded?"custom/chevron-up-small-regular":"custom/chevron-down-small-regular"})))}renderTargetContent(){if(!this.expanded||!this.isFilterable())return o("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return o("gux-radial-loading",{context:"input"})}render(){return o("gux-popup",{key:"8435baa8a31d934303386e198443e832f2734cb6",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled||this.loading&&!this.isFilterable(),exceedTargetWidth:this.exceedTargetWidth},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return s(this)}static get watchers(){return{expanded:["watchExpanded"],value:["watchValue"],filter:["handleFilter"],disabled:["watchDisabled"]}}};H([r({triggerEvents:"mousedown"})],R.prototype,"onClickOutside",null),H([g({childList:!0,subtree:!0})],R.prototype,"onMutation",null),R.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{--gux-zindex-tooltip:3;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;inline-size:var(--gse-ui-formControl-input-inputIcon-size);block-size:var(--gse-ui-formControl-input-inputIcon-size);padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(gux-listbox){outline:none;box-shadow:var(--gse-ui-menu-boxShadow-offsetX) var(--gse-ui-menu-boxShadow-offsetY) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}.gux-selected-icon{display:flex;flex-direction:row;align-items:center}.gux-selected-icon.gux-icon-position-end{flex-direction:row-reverse}.gux-selected-icon gux-icon{inline-size:var(--gse-ui-formControl-input-inputIcon-size);block-size:var(--gse-ui-formControl-input-inputIcon-size);padding-inline-end:var(--gse-ui-dropdown-gap)}";const D=["gux-option","gux-option-icon"].join(","),A={noMatches:"No matches",loading:"Loading..."},B=class{constructor(i){t(this,i),this.internallistboxoptionsupdated=e(this,"internallistboxoptionsupdated",7),this.value=void 0,this.loading=!1,this.filter="",this.filterType="none",this.disabled=!1,this.emptyMessage=void 0,this.selectedValues=[],this.listboxOptions=[],this.allListboxOptionsFiltered=void 0}onBlur(){b(this.root)}onKeydown(t){if(!v(this.root))return t.preventDefault(),void f(this.root);switch(t.key){case"Enter":return t.preventDefault(),void F(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(z(this.root)?(t.stopPropagation(),k(this.root)):w(this.root));case"ArrowUp":return t.preventDefault(),void(C(this.root)?(t.stopPropagation(),y(this.root)):m(this.root));case"Home":return t.preventDefault(),void w(this.root);case"End":return t.preventDefault(),void m(this.root);case" ":return void t.preventDefault()}1!==t.key.length||S(this.root,t.key)}onKeyup(t){" "!==t.key||F(this.root,(t=>this.updateValue(t)))}onMousemove(){b(this.root)}onClick(t){E(D,t,(t=>{T(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){F(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=p(this.root),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),a(this.root,"input"),a(this.root,"change")}async componentWillLoad(){c(this.root),this.i18n=await u(this.root,A),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,"custom"!==this.filterType&&(t.filtered=!O(t,this.filter))})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length}renderHiddenSlot(){return o("div",{hidden:!0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[o("div",{class:"gux-message-container"},o("gux-radial-loading",{context:"modal"}),o("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){return[o("div",{class:"gux-message-container"},o("div",{class:"gux-no-matches"},this.emptyMessage||this.i18n("noMatches"))),this.renderHiddenSlot()]}render(){return this.loading?this.renderLoading():this.allListboxOptionsFiltered?this.renderAllListboxOptionsFiltered():o(n,{role:"listbox",tabindex:0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}get root(){return s(this)}};B.style=":host{box-sizing:border-box;display:block;max-block-size:var(--gse-ui-menu-maxHeight);padding:var(--gse-ui-menu-padding);margin:0;overflow:visible auto;background:var(--gse-ui-menu-backgroundColor);border:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);border-radius:var(--gse-ui-menu-borderRadius);outline:none}:host(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-ui-color-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-message-container{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch center;align-items:center;text-align:center}.gux-message-container .gux-no-matches{box-sizing:border-box;block-size:var(--gse-ui-menu-option-height);font-family:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontFamily);font-size:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontSize);font-weight:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontWeight);line-height:var(--gse-ui-dropdown-menu-emptyState-subheader-text-lineHeight);color:var(--gse-ui-dropdown-menu-emptyState-subheader-foregroundColor)}";const K=class{constructor(e){t(this,e),this.value=void 0,this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hasSubtext=!1}handleActive(t){var e,i;t?null===(e=this.truncateElement)||void 0===e||e.setShowTooltip():null===(i=this.truncateElement)||void 0===i||i.setHideTooltip()}componentWillLoad(){this.root.id=this.root.id||L("gux-option"),this.onSubtextChange()}onSubtextChange(){this.hasSubtext=j(this.root,"subtext")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}hasDisabledParent(){const t=I("gux-listbox",this.root);return null==t?void 0:t.disabled}render(){return o(n,{key:"8c4add4d6fa16439db972a504768ab8738c69224",role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled||this.hasDisabledParent(),"gux-filtered":this.filtered,"gux-selected":this.selected,"gux-show-subtext":this.hasSubtext},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},o("div",{key:"5e0dc0460c85a5b80a51c99af86ba7c68ea60dd6",class:"gux-option-wrapper"},o("gux-truncate",{key:"9a530744dc7172908a03166f5af3db317ced8fbb",ref:t=>this.truncateElement=t},o("slot",{key:"6407fff22315b03eb78de767fdd9f4f68215f945"})),o("slot",{key:"4d3075a2ffa8fb5d99a6234b0bde3bc698f871ae",onSlotchange:()=>this.onSubtextChange(),name:"subtext"})))}get root(){return s(this)}static get watchers(){return{active:["handleActive"]}}};K.style=":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-menu-option-gap);place-content:stretch center;align-items:center;block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host .gux-option-wrapper{inline-size:100%}:host .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}:host(:active:not(:disabled)){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight)}:host(.gux-active){border-radius:var(--gse-semantic-focusOutline-sm-borderRadius);outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);outline-offset:-2px}:host(.gux-show-subtext){place-content:stretch flex-start;block-size:auto}:host(.gux-show-subtext) .gux-option-wrapper{display:flex;flex-direction:column}:host(.gux-show-subtext) slot[name=subtext]::slotted(*){font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);color:var(--gse-ui-menu-groupedMenu-subtext-foregroundColor)}:host(:hover:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}";export{R as gux_dropdown,B as gux_listbox,K as gux_option}
|
@@ -0,0 +1 @@
|
|
1
|
+
import{r as e,h as r,g as s}from"./p-78cb19b9.js";import{t}from"./p-2b077ec0.js";const a=class{constructor(r){e(this,r),this.screenreaderText=void 0}componentWillLoad(){t(this.root)}render(){return r("gux-radial-loading",{key:"882da68c212015e00af497dd89f43f076e5b3426",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 e,h as a,g as n}from"./p-78cb19b9.js";import{t as i}from"./p-
|
1
|
+
import{r as e,h as a,g as n}from"./p-78cb19b9.js";import{t as i}from"./p-2b077ec0.js";const g=class{constructor(a){e(this,a)}componentWillLoad(){i(this.root)}render(){return a("div",{key:"7930d3e39d9693f70b561d3ae0861ba51ae7bdef",class:"gux-container",role:"alert","aria-live":"assertive"},a("div",{key:"fc0ba552ff4c2aea25e90391dd458acb99102f7c",class:"gux-progress"},a("slot",{key:"b637e1486f7f5fd0ed21ceddff677a57d471edbe",name:"progress"})),a("div",{key:"78531542b297e26fa6d7f4c02d03052191aabaa5",class:"gux-primary-message"},a("slot",{key:"4b15ee1e9ba076e75f6732b659a55f94daad0eb8",name:"primary-message"})),a("div",{key:"69b77a648e3f8910499de0252310f5f16043354d",class:"gux-additional-guidance"},a("slot",{key:"33a049a29db176892aec241a9564580c05d0eb34",name:"additional-guidance"})))}get root(){return n(this)}};g.style=":host {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n container-type: inline-size;\n}\n\n.gux-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n max-inline-size: var(--gse-ui-progressAndLoading-loadingState-large-width);\n color: var(--gse-ui-progressAndLoading-textColor);\n text-align: center;\n}\n\n@container (width > 400px) {\n .gux-container .gux-primary-message {\n margin-block-start: var(--gse-ui-progressAndLoading-large-gap);\n font-family: var(--gse-ui-progressAndLoading-loadingState-large-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-large-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-large-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-large-header-lineHeight);\n }\n .gux-container .gux-additional-guidance {\n margin-block-start: var(--gse-ui-progressAndLoading-large-gapText);\n font-family: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-large-subheader-lineHeight);\n }\n}\n@container (width > 200px) and (width <=400px) {\n .gux-container .gux-primary-message {\n margin-block-start: var(--gse-ui-progressAndLoading-medium-gap);\n font-family: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-medium-header-lineHeight);\n }\n .gux-container .gux-additional-guidance {\n margin-block-start: var(--gse-ui-progressAndLoading-medium-gapText);\n font-family: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-lineHeight);\n }\n}\n@container (width <=200px) {\n .gux-container .gux-primary-message {\n margin-block-start: var(--gse-ui-progressAndLoading-small-gap);\n font-family: var(--gse-ui-progressAndLoading-loadingState-small-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-small-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-small-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-small-header-lineHeight);\n }\n .gux-container .gux-additional-guidance {\n margin-block-start: var(--gse-ui-progressAndLoading-small-gapText);\n font-family: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-small-subheader-lineHeight);\n }\n}";export{g as gux_loading_message}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,h as o,g as i}from"./p-78cb19b9.js";import{a as s,c as r,o as a,f as p,s as n,h,b as l}from"./p-a2f2c0a9.js";import{O as
|
1
|
+
import{r as t,c as e,h as o,g as i}from"./p-78cb19b9.js";import{a as s,c as r,o as a,f as p,s as n,h,b as l}from"./p-a2f2c0a9.js";import{O as c}from"./p-045d724a.js";import{t as d}from"./p-2b077ec0.js";import{g as u}from"./p-1ccc4961.js";import{f as b}from"./p-9b0d3713.js";const v=class{constructor(o){t(this,o),this.guxdismiss=e(this,"guxdismiss",7),this.for=void 0,this.position="bottom",this.displayDismissButton=void 0,this.closeOnClickOutside=!1,this.isOpen=!1,this.forElement=void 0}updateForElement(){this.forElement=this.getForElement()}onKeyDown(t){"Escape"===t.key&&this.dismiss()}onFocusout(t){!this.closeOnClickOutside&&this.displayDismissButton||t.relatedTarget&&!this.root.contains(t.relatedTarget)&&this.dismiss()}checkForClickOutside(t){const e=t.composedPath(),o=b(this.root,this.for),i=e.includes(o);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||i||this.dismiss(),i&&(this.popupElement.togglePopover(),this.isOpen=!this.isOpen,this.runUpdatePosition())}get titleSlot(){return u(this.root,"title")}getForElement(){if(this.for){const t=b(this.root,this.for);return t||this.logForAttributeError(),t}this.logForAttributeError()}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=s(b(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const t=b(this.root,this.for);this.popupElement&&t&&r(t,this.popupElement,{placement:this.position,middleware:[a(7),p(),n(),h(),l({element:this.arrowElement,padding:16})]}).then((({x:t,y:e,middlewareData:o,placement:i})=>{Object.assign(this.popupElement.style,{left:`${t}px`,top:`${e}px`});const s=i.split("-")[0],r={top:"bottom",right:"left",bottom:"top",left:"right"}[s],a={top:0,right:90,bottom:180,left:-90}[s],p="left"===s||"right"===s?15:13;if(o.arrow){let t=o.arrow.x;const e=o.arrow.y;"left"!==s&&"right"!==s||(t+=4),this.popupElement.setAttribute("data-placement",i),Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[r]:-p+"px",transform:`rotate(${a}deg)`})}o.hide&&Object.assign(this.popupElement.style,{visibility:o.hide.referenceHidden?"hidden":"visible"})}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1,this.popupElement.togglePopover())}logForAttributeError(){this.root.isConnected&&console.error(`gux-popover: invalid element supplied to 'for': "${this.for}"`)}connectedCallback(){this.updateForElement(),d(this.root,{variant:this.position})}componentDidLoad(){this.forElement&&(this.forElement.popoverTargetElement=this.popupElement,this.isOpen&&(this.popupElement.togglePopover(),this.runUpdatePosition()))}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderDismissButton(){if(this.displayDismissButton)return o("gux-dismiss-button",{onClick:this.dismiss.bind(this),position:"inherit"})}render(){return o("div",{key:"5e481cf437fbeeb2b9a504cbab1bc379dbe7fba6",ref:t=>this.popupElement=t,class:{"gux-popover-wrapper":!0,"gux-hidden":!this.isOpen},"data-placement":!0,popover:"manual"},o("div",{key:"1ef55c5205040fabe293a146b07e5a1f56468657",ref:t=>this.arrowElement=t,class:"gux-arrow"},o("div",{key:"4527d7f23a405d8d937c5bb5150ae7b88286b946",class:"gux-arrow-caret"})),o("div",{key:"877961881a63783b4fa19387badb63cac0701540",class:{"gux-popover-header":Boolean(this.titleSlot)}},o("slot",{key:"8ab06c20228f35f0925abd7f125b237ddaa2cdac",name:"title"}),this.renderDismissButton()),o("div",{key:"71eec119b566ee0093dc0f0ac4b4406d2d17ba78",class:"gux-popover-content"},o("slot",{key:"4794c27cb2eca72bf18132ff1daae35369576a71"})))}get root(){return i(this)}static get watchers(){return{for:["updateForElement"]}}};(function(t,e,o,i){var s,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,i);else for(var p=t.length-1;p>=0;p--)(s=t[p])&&(a=(r<3?s(a):r>3?s(e,o,a):s(e,o))||a);r>3&&a&&Object.defineProperty(e,o,a)})([c({triggerEvents:"mousedown"})],v.prototype,"checkForClickOutside",null),v.style=":popover-open{position:absolute;inset:unset}.gux-popover-wrapper{position:absolute;inset-block-start:0;inset-inline-start:0;min-inline-size:280px;padding:var(--gse-ui-popover-padding);overflow:hidden;background-color:var(--gse-ui-popover-backgroundColor);border:none;border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color);}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-popover-wrapper .gux-arrow-caret{inline-size:0;block-size:0;filter:drop-shadow(var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) calc(var(--gse-ui-popover-boxShadow-blur) / 2) var(--gse-ui-tooltip-boxShadow-color));border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-block-end:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:var(--gse-ui-popover-headerColor)}.gux-popover-wrapper gux-dismiss-button{float:inline-end}";export{v as gux_popover_beta}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,f as i,h as t,H as r,g as o}from"./p-78cb19b9.js";import{c as a,o as n}from"./p-f4751a15.js";import{O as s}from"./p-f4a8d565.js";import{o as l}from"./p-e5b1cffc.js";import{p as g}from"./p-a11d5d42.js";import{h as u}from"./p-6d8b4027.js";import{a as d,G as h}from"./p-1d9a9724.js";import{a as f,G as p}from"./p-5e79093f.js";import{g as c,v as b,a as x}from"./p-42f2e889.js";import{t as m}from"./p-d7992a33.js";import{O as v}from"./p-0706aebd.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";var y=function(e,i,t,r){var o,a=arguments.length,n=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(n=(a<3?o(n):a>3?o(i,t,n):o(i,t))||n);return a>3&&n&&Object.defineProperty(i,t,n),n};const k=class{constructor(i){e(this,i),this.displayUnits=void 0,this.valueInTooltip=void 0,this.labelPosition=void 0,this.indicatorMark="required",this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1,this.value=void 0,this.active=void 0,this.valueWatcherId=void 0}onInput(e){this.updateValue(e.target.value)}onMousedown(){this.disabled||(this.active=!0)}onMouseup(){this.active=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=u(this.root,"error"),this.hasHelp=u(this.root,"help")}handleKeyup(e){var i,t;"Tab"===e.key?this.input.matches(":focus-visible")&&(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-visible")&&(null===(t=this.labelInfo)||void 0===t||t.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;this.active=!1,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=u(this.root,"error"),this.hasHelp=u(this.root,"help"),m(this.root,{variant:this.variant})}componentDidLoad(){this.updatePosition(),this.tooltipElement&&i(this.root)}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect(),clearInterval(this.valueWatcherId)}render(){return t(r,{key:"02099beaaeb4945b00855e08ebf2fa454ae4afee",class:{"gux-active":this.active}},t(f,{key:"f4489a7dd9336025587ce549b071f5573d43e5db",labelPosition:this.computedLabelPosition},t(p,{key:"15fc734b4e3ae3f6bc8d4c64e71a86138d244491",required:this.required,position:this.computedLabelPosition},t("slot",{key:"f7e238bbb6024496fe86b8be6aaf253072504a10",name:"label",onSlotchange:()=>this.setLabel()}),t("gux-form-field-label-indicator",{key:"b6d29541f18996f54a031df06dc1978aa73997d8",variant:this.indicatorMark,required:this.required}),t("slot",{key:"6deee026027198297109bf4b9330c8b7f3808156",name:"label-info"})),t("div",{key:"236a128611adab8603ca027a3e4f1ab6c981fb96",class:"gux-input-and-error-container"},this.renderRangeInput(),t(d,{key:"90984e8e3e4505ded924b06fee25becd1b8b83d8",show:this.hasError},t("slot",{key:"a220b4b923acee2e436bb9dfc06f70b5ec4a9ea1",name:"error"})),t(h,{key:"dbbc319d2ef70283687cf108e65a8d9c0ff215ed",show:!this.hasError&&this.hasHelp},t("slot",{key:"b6f51b36cf7192450981b6fa65cd36d92be49185",name:"help"})))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=c(this.root,'input[type="range"][slot="input"]'),g(this.input),this.disabled=a(this.input),this.required=this.input.required,this.value=this.input.value,this.disabledObserver=n(this.input,(e=>{this.disabled=e})),this.requiredObserver=l(this.input,(e=>{this.required=e})),clearInterval(this.valueWatcherId),this.valueWatcherId=setInterval((()=>{this.value!==this.input.value&&this.updateValue(this.input.value)}),100),b(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=x(this.label,this.labelPosition)}renderRangeInput(){return t("div",{class:{"gux-range-input-container":!0,"gux-disabled":this.disabled},ref:e=>this.containerElement=e},t("div",{class:"gux-range"},t("div",{class:"gux-track"},t("div",{class:"gux-progress",ref:e=>this.progressElement=e})),t("slot",{name:"input"}),this.valueInTooltip&&t("gux-tooltip-base-beta",{ref:e=>this.tooltipElement=e,forElement:this.containerElement,offsetY:-10,placement:"top"},t("span",{slot:"content"},this.getDisplayValue()))),t("div",{class:{"gux-display":!0,"gux-hidden":this.valueInTooltip}},this.getDisplayValue()))}updateValue(e){this.value=e,this.updatePosition()}updatePosition(){var e,i,t;const r=Number((null===(e=this.input)||void 0===e?void 0:e.value)||0),o=Number((null===(i=this.input)||void 0===i?void 0:i.min)||0),a=(r-o)/(Number((null===(t=this.input)||void 0===t?void 0:t.max)||100)-o)*100;this.tooltipElement&&(this.tooltipElement.offsetX=(a/100-.5)*(this.containerElement.offsetWidth-20)),this.progressElement&&(this.progressElement.style.width=`${a}%`)}getDisplayValue(){return this.displayUnits?`${this.value}${this.displayUnits}`:this.value}get root(){return o(this)}};y([s({childList:!0,subtree:!0})],k.prototype,"onMutation",null),y([v()],k.prototype,"updatePosition",null),k.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;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;min-inline-size:var(--gse-ui-icon-small-size);min-block-size:var(--gse-ui-icon-small-size);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input[type=range]){position:absolute;inline-size:100%;inline-size:100%;block-size:var(--gse-ui-rangeSlider-bar-height);margin-block:calc(var(--gse-ui-rangeSlider-handle-width) / 2);margin-block-start:calc(-1 * (var(--gse-ui-rangeSlider-handle-width) / 2 + var(--gse-ui-rangeSlider-bar-height)));margin-inline:0;-webkit-appearance:none;background:transparent}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container.gux-hidden{display:none}.gux-input-and-error-container .gux-range-input-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-rangeSlider-gap);place-content:stretch flex-start;align-items:center;block-size:32px;font-size:var(--gse-ui-rangeSlider-label-text-fontSize)}.gux-input-and-error-container .gux-range-input-container.gux-disabled{opacity:var(--gse-ui-rangeSlider-disabled-opacity)}.gux-input-and-error-container .gux-range-input-container .gux-range{position:relative;flex:1 1 auto;align-self:center;order:0}.gux-input-and-error-container .gux-range-input-container .gux-range:hover .gux-range-tooltip,.gux-input-and-error-container .gux-range-input-container .gux-range:focus-within .gux-range-tooltip{visibility:visible}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track{inline-size:100%;block-size:var(--gse-ui-rangeSlider-bar-height);margin-block:6px;margin-inline:0;background:var(--gse-ui-rangeSlider-bar-default-backgroundColor);border-radius:var(--gse-ui-rangeSlider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track .gux-progress{block-size:var(--gse-ui-rangeSlider-bar-height);background-color:var(--gse-ui-rangeSlider-bar-selected-backgroundColor);border-radius:var(--gse-ui-rangeSlider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-display{flex:0 1 auto;align-self:auto;order:0;margin-block:0;margin-inline:var(--gux-spacing-medium) 0;font-family:var(--gse-ui-rangeSlider-label-text-fontFamily);font-size:var(--gse-ui-rangeSlider-label-text-fontSize);font-weight:var(--gse-ui-rangeSlider-label-text-fontWeight);line-height:var(--gse-ui-rangeSlider-label-text-lineHeight);text-align:end}.gux-input-and-error-container .gux-range-input-container .gux-display.gux-hidden{display:none}";export{k as gux_form_field_range}
|
1
|
+
import{r as e,f as i,h as t,H as r,g as o}from"./p-78cb19b9.js";import{c as a,o as n}from"./p-f4751a15.js";import{O as s}from"./p-f4a8d565.js";import{o as l}from"./p-e5b1cffc.js";import{p as g}from"./p-a11d5d42.js";import{h as u}from"./p-6d8b4027.js";import{a as d,G as h}from"./p-1d9a9724.js";import{a as f,G as p}from"./p-5e79093f.js";import{g as c,v as b,a as x}from"./p-42f2e889.js";import{t as m}from"./p-2b077ec0.js";import{O as v}from"./p-0706aebd.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";var y=function(e,i,t,r){var o,a=arguments.length,n=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(n=(a<3?o(n):a>3?o(i,t,n):o(i,t))||n);return a>3&&n&&Object.defineProperty(i,t,n),n};const k=class{constructor(i){e(this,i),this.displayUnits=void 0,this.valueInTooltip=void 0,this.labelPosition=void 0,this.indicatorMark="required",this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1,this.value=void 0,this.active=void 0,this.valueWatcherId=void 0}onInput(e){this.updateValue(e.target.value)}onMousedown(){this.disabled||(this.active=!0)}onMouseup(){this.active=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=u(this.root,"error"),this.hasHelp=u(this.root,"help")}handleKeyup(e){var i,t;"Tab"===e.key?this.input.matches(":focus-visible")&&(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-visible")&&(null===(t=this.labelInfo)||void 0===t||t.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;this.active=!1,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=u(this.root,"error"),this.hasHelp=u(this.root,"help"),m(this.root,{variant:this.variant})}componentDidLoad(){this.updatePosition(),this.tooltipElement&&i(this.root)}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect(),clearInterval(this.valueWatcherId)}render(){return t(r,{key:"02099beaaeb4945b00855e08ebf2fa454ae4afee",class:{"gux-active":this.active}},t(f,{key:"f4489a7dd9336025587ce549b071f5573d43e5db",labelPosition:this.computedLabelPosition},t(p,{key:"15fc734b4e3ae3f6bc8d4c64e71a86138d244491",required:this.required,position:this.computedLabelPosition},t("slot",{key:"f7e238bbb6024496fe86b8be6aaf253072504a10",name:"label",onSlotchange:()=>this.setLabel()}),t("gux-form-field-label-indicator",{key:"b6d29541f18996f54a031df06dc1978aa73997d8",variant:this.indicatorMark,required:this.required}),t("slot",{key:"6deee026027198297109bf4b9330c8b7f3808156",name:"label-info"})),t("div",{key:"236a128611adab8603ca027a3e4f1ab6c981fb96",class:"gux-input-and-error-container"},this.renderRangeInput(),t(d,{key:"90984e8e3e4505ded924b06fee25becd1b8b83d8",show:this.hasError},t("slot",{key:"a220b4b923acee2e436bb9dfc06f70b5ec4a9ea1",name:"error"})),t(h,{key:"dbbc319d2ef70283687cf108e65a8d9c0ff215ed",show:!this.hasError&&this.hasHelp},t("slot",{key:"b6f51b36cf7192450981b6fa65cd36d92be49185",name:"help"})))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=c(this.root,'input[type="range"][slot="input"]'),g(this.input),this.disabled=a(this.input),this.required=this.input.required,this.value=this.input.value,this.disabledObserver=n(this.input,(e=>{this.disabled=e})),this.requiredObserver=l(this.input,(e=>{this.required=e})),clearInterval(this.valueWatcherId),this.valueWatcherId=setInterval((()=>{this.value!==this.input.value&&this.updateValue(this.input.value)}),100),b(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=x(this.label,this.labelPosition)}renderRangeInput(){return t("div",{class:{"gux-range-input-container":!0,"gux-disabled":this.disabled},ref:e=>this.containerElement=e},t("div",{class:"gux-range"},t("div",{class:"gux-track"},t("div",{class:"gux-progress",ref:e=>this.progressElement=e})),t("slot",{name:"input"}),this.valueInTooltip&&t("gux-tooltip-base-beta",{ref:e=>this.tooltipElement=e,forElement:this.containerElement,offsetY:-10,placement:"top"},t("span",{slot:"content"},this.getDisplayValue()))),t("div",{class:{"gux-display":!0,"gux-hidden":this.valueInTooltip}},this.getDisplayValue()))}updateValue(e){this.value=e,this.updatePosition()}updatePosition(){var e,i,t;const r=Number((null===(e=this.input)||void 0===e?void 0:e.value)||0),o=Number((null===(i=this.input)||void 0===i?void 0:i.min)||0),a=(r-o)/(Number((null===(t=this.input)||void 0===t?void 0:t.max)||100)-o)*100;this.tooltipElement&&(this.tooltipElement.offsetX=(a/100-.5)*(this.containerElement.offsetWidth-20)),this.progressElement&&(this.progressElement.style.width=`${a}%`)}getDisplayValue(){return this.displayUnits?`${this.value}${this.displayUnits}`:this.value}get root(){return o(this)}};y([s({childList:!0,subtree:!0})],k.prototype,"onMutation",null),y([v()],k.prototype,"updatePosition",null),k.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;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;min-inline-size:var(--gse-ui-icon-small-size);min-block-size:var(--gse-ui-icon-small-size);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input[type=range]){position:absolute;inline-size:100%;inline-size:100%;block-size:var(--gse-ui-rangeSlider-bar-height);margin-block:calc(var(--gse-ui-rangeSlider-handle-width) / 2);margin-block-start:calc(-1 * (var(--gse-ui-rangeSlider-handle-width) / 2 + var(--gse-ui-rangeSlider-bar-height)));margin-inline:0;-webkit-appearance:none;background:transparent}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container.gux-hidden{display:none}.gux-input-and-error-container .gux-range-input-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-rangeSlider-gap);place-content:stretch flex-start;align-items:center;block-size:32px;font-size:var(--gse-ui-rangeSlider-label-text-fontSize)}.gux-input-and-error-container .gux-range-input-container.gux-disabled{opacity:var(--gse-ui-rangeSlider-disabled-opacity)}.gux-input-and-error-container .gux-range-input-container .gux-range{position:relative;flex:1 1 auto;align-self:center;order:0}.gux-input-and-error-container .gux-range-input-container .gux-range:hover .gux-range-tooltip,.gux-input-and-error-container .gux-range-input-container .gux-range:focus-within .gux-range-tooltip{visibility:visible}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track{inline-size:100%;block-size:var(--gse-ui-rangeSlider-bar-height);margin-block:6px;margin-inline:0;background:var(--gse-ui-rangeSlider-bar-default-backgroundColor);border-radius:var(--gse-ui-rangeSlider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track .gux-progress{block-size:var(--gse-ui-rangeSlider-bar-height);background-color:var(--gse-ui-rangeSlider-bar-selected-backgroundColor);border-radius:var(--gse-ui-rangeSlider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-display{flex:0 1 auto;align-self:auto;order:0;margin-block:0;margin-inline:var(--gux-spacing-medium) 0;font-family:var(--gse-ui-rangeSlider-label-text-fontFamily);font-size:var(--gse-ui-rangeSlider-label-text-fontSize);font-weight:var(--gse-ui-rangeSlider-label-text-fontWeight);line-height:var(--gse-ui-rangeSlider-label-text-lineHeight);text-align:end}.gux-input-and-error-container .gux-range-input-container .gux-display.gux-hidden{display:none}";export{k as gux_form_field_range}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,h as i,g as s}from"./p-78cb19b9.js";import{r as o}from"./p-0934300e.js";import{t as r}from"./p-
|
1
|
+
import{r as t,c as e,h as i,g as s}from"./p-78cb19b9.js";import{r as o}from"./p-0934300e.js";import{t as r}from"./p-2b077ec0.js";import{b as a}from"./p-4b423804.js";import"./p-4202e9f2.js";const n={defaultLabel:"Disclosure button"},c=class{constructor(i){t(this,i),this.active=e(this,"active",7),this.panelId=o("gux-disclosure-button-panel"),this.position="left",this.label=void 0,this.isOpen=!1,this.icon="fa/caret-right-solid"}watchIsOpen(){this.updateIcon()}changeState(){this.togglePanel(),this.active.emit(this.isOpen)}togglePanel(){this.isOpen=!this.isOpen}updateIcon(){this.icon="right"===this.position?this.isOpen?"fa/caret-right-solid":"fa/caret-left-solid":this.isOpen?"fa/caret-left-solid":"fa/caret-right-solid"}async componentWillLoad(){r(this.root,{variant:this.position}),this.i18n=await a(this.root,n),this.updateIcon()}render(){return i("div",{key:"b645434ad05b389023a0899d7ef978e788ea1416",class:`gux-disclosure-button-container gux-${this.position}`},i("button",{key:"35bf94deb9b03fd5acfdcaa358cf55ae65591cb8",class:"gux-disclosure-button",onClick:()=>this.changeState(),"aria-controls":this.panelId,"aria-expanded":this.isOpen.toString(),"aria-label":this.label||this.i18n("defaultLabel")},i("gux-icon",{key:"62b47ce345b5b96eae415e2858ed6867ff30ee3a","icon-name":`${this.icon}`,decorative:!0})),i("div",{key:"fdf4ad47994422aa3fc27fdfc386afd119fd52cd",id:this.panelId,class:{"gux-disclosure-panel":!0,"gux-active":this.isOpen},role:"region"},i("slot",{key:"78c10387d9a7106d9390d57243857072e77e1b8c",name:"panel-content"})))}get root(){return s(this)}static get watchers(){return{isOpen:["watchIsOpen"]}}};c.style=":host{height:100%;color:var(--gse-ui-tabs-item-icon-iconColor)}.gux-disclosure-button-container{display:flex;flex-direction:row;justify-content:flex-start;height:100%}.gux-disclosure-button-container .gux-disclosure-button{width:16px;padding:0;margin:0;color:var(--gse-ui-tabs-item-icon-iconColor);background:transparent;border-top:none;border-right:1px solid var(--gse-ui-tabs-item-divider-dividerColor);border-bottom:none;border-left:1px solid var(--gse-ui-tabs-item-divider-dividerColor)}.gux-disclosure-button-container .gux-disclosure-button gux-icon{width:12px;height:12px}.gux-disclosure-button-container .gux-disclosure-button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-disclosure-button-container .gux-disclosure-panel{display:none;order:-1;width:100%}.gux-disclosure-button-container .gux-disclosure-panel.gux-active{display:block}.gux-disclosure-button-container.gux-right{justify-content:flex-end}.gux-disclosure-button-container.gux-right .gux-disclosure-panel{order:1}";export{c as gux_disclosure_button_legacy}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as n,g as a}from"./p-78cb19b9.js";import{t}from"./p-
|
1
|
+
import{r as e,h as n,g as a}from"./p-78cb19b9.js";import{t}from"./p-2b077ec0.js";import{O as i}from"./p-f4a8d565.js";import{h as o}from"./p-6d8b4027.js";const s=class{constructor(n){e(this,n),this.hasCallToAction=!1}onMutation(){this.hasCallToAction=o(this.root,"call-to-action")}renderCallToActionSlot(){if(this.hasCallToAction)return n("gux-button-slot",{accent:"primary"},n("slot",{name:"call-to-action"}))}componentWillLoad(){t(this.root),this.hasCallToAction=o(this.root,"call-to-action")}render(){return n("div",{key:"e0628d9ef55d8fa3426b38430badf3101fbde541",class:"gux-container"},n("div",{key:"969a0e63592b70ba3a6811479fdd7da14107bb6b",class:"gux-image"},n("slot",{key:"d4e1d398541c72d2e12916363d44074b7faf3f07",name:"image"})),n("div",{key:"3005b7deddd32fcabf46d33016538acefe1a1bf7",class:"gux-message"},n("slot",{key:"c7e9bbf5fc2bad5cb4fafea86289d44e2347f683",name:"primary-message"})),n("div",{key:"3f19b0a5e14f338f2d87a0cc6eb866d813c0dcea",class:"gux-guidance"},n("slot",{key:"5e11d90e072cd83d348ff2ea6ed443d2585dcc55",name:"additional-guidance"})),this.renderCallToActionSlot())}get root(){return a(this)}};(function(e,n,a,t){var i,o=arguments.length,s=o<3?n:null===t?t=Object.getOwnPropertyDescriptor(n,a):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,n,a,t);else for(var r=e.length-1;r>=0;r--)(i=e[r])&&(s=(o<3?i(s):o>3?i(n,a,s):i(n,a))||s);o>3&&s&&Object.defineProperty(n,a,s)})([i({childList:!0,subtree:!0})],s.prototype,"onMutation",null),s.style=":host {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n container-type: inline-size;\n}\n\n.gux-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: var(--gse-ui-blankState-padding);\n color: var(--gse-ui-blankState-foregroundColor);\n}\n.gux-container .gux-image {\n padding-block-end: var(--gse-ui-blankState-gapMain);\n}\n.gux-container .gux-message {\n padding-block-end: var(--gse-ui-blankState-gapMessage);\n}\n.gux-container .gux-guidance {\n padding-block-end: var(--gse-ui-blankState-gapContent);\n}\n.gux-container ::slotted(gux-icon) {\n inline-size: var(--gse-ui-blankState-icon-size-lg);\n block-size: var(--gse-ui-blankState-icon-size-lg);\n color: var(--gse-ui-blankState-iconColor);\n}\n.gux-container slot[name=primary-message] {\n font-family: var(--gse-ui-progressAndLoading-blankState-large-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-large-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-large-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-large-header-lineHeight);\n color: var(--gse-ui-blankState-foregroundColor);\n text-align: center;\n}\n.gux-container slot[name=additional-guidance] {\n font-family: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-large-subheader-lineHeight);\n color: var(--gse-ui-blankState-foregroundColor);\n text-align: center;\n}\n\n@container (width < 570px) {\n .gux-container ::slotted(gux-icon) {\n inline-size: var(--gse-ui-blankState-icon-size-sm);\n block-size: var(--gse-ui-blankState-icon-size-sm);\n }\n .gux-container slot[name=primary-message] {\n font-family: var(--gse-ui-progressAndLoading-blankState-small-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-small-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-small-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-small-header-lineHeight);\n }\n .gux-container slot[name=additional-guidance] {\n font-family: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-small-subheader-lineHeight);\n }\n}";export{s as gux_blank_state}
|
@@ -1 +1 @@
|
|
1
|
-
import{h as r,r as a,g as e}from"./p-78cb19b9.js";import{b as s}from"./p-4b423804.js";import{t}from"./p-
|
1
|
+
import{h as r,r as a,g as e}from"./p-78cb19b9.js";import{b as s}from"./p-4b423804.js";import{t}from"./p-2b077ec0.js";import"./p-4202e9f2.js";const o=({context:a="modal",screenreaderText:e})=>{let s=48,t=22;return"input"===a&&(s=16,t=7),r("div",{class:`gux-${a}`,role:"progressbar","aria-label":e},r("svg",{class:"gux-svg-container",viewBox:`0 0 ${s} ${s}`,role:"presentation"},r("circle",{cx:"50%",cy:"50%",r:t,class:"gux-static-circle"}),r("circle",{cx:"50%",cy:"50%",r:t,class:"gux-dynamic-circle","stroke-linecap":"round"}),r("circle",{cx:"50%",cy:"50%",r:t,class:"gux-dynamic-circle-mask","stroke-linecap":"round"})))},n={loading:"Loading"},i=class{constructor(r){a(this,r),this.context="modal",this.screenreaderText=""}async componentWillLoad(){t(this.root,{variant:this.context}),this.getI18nValue=await s(this.root,n)}render(){return r(o,{key:"301d5771e8a7cac678f3c8ec94a50326cbe25310",context:this.context,screenreaderText:this.screenreaderText||this.getI18nValue("loading")})}get root(){return e(this)}};i.style="@keyframes largeSpin{0%{stroke-dasharray:1 68.115038379;transform:rotate(0deg)}7.5%{stroke-dasharray:1 68.115038379;transform:rotate(0deg)}20%{stroke-dasharray:1 68.115038379;transform:rotate(90deg)}30%{stroke-dasharray:34.5575191895;transform:rotate(180deg)}40%{stroke-dasharray:34.5575191895}50%{stroke-dasharray:1 68.115038379;transform:rotate(450deg)}57.5%{stroke-dasharray:1 68.115038379;transform:rotate(450deg)}70%{stroke-dasharray:34.5575191895;transform:rotate(540deg)}80%{stroke-dasharray:34.5575191895;transform:rotate(630deg)}90%{stroke-dasharray:34.5575191895}100%{stroke-dasharray:1 68.115038379;transform:rotate(900deg)}}@keyframes smallSpin{0%{stroke-dasharray:1 20.9911485751;transform:rotate(0deg)}7.5%{stroke-dasharray:1 20.9911485751;transform:rotate(0deg)}20%{stroke-dasharray:1 20.9911485751;transform:rotate(90deg)}30%{stroke-dasharray:10.9955742876;transform:rotate(180deg)}40%{stroke-dasharray:10.9955742876}50%{stroke-dasharray:1 20.9911485751;transform:rotate(450deg)}57.5%{stroke-dasharray:1 20.9911485751;transform:rotate(450deg)}70%{stroke-dasharray:10.9955742876;transform:rotate(540deg)}80%{stroke-dasharray:10.9955742876;transform:rotate(630deg)}90%{stroke-dasharray:10.9955742876}100%{stroke-dasharray:1 20.9911485751;transform:rotate(900deg)}}@keyframes largeThinSpin{0%{stroke-dasharray:1 71.2566310326;transform:rotate(0deg)}7.5%{stroke-dasharray:1 71.2566310326;transform:rotate(0deg)}20%{stroke-dasharray:1 71.2566310326;transform:rotate(90deg)}30%{stroke-dasharray:36.1283155163;transform:rotate(180deg)}40%{stroke-dasharray:36.1283155163}50%{stroke-dasharray:1 71.2566310326;transform:rotate(450deg)}57.5%{stroke-dasharray:1 71.2566310326;transform:rotate(450deg)}70%{stroke-dasharray:36.1283155163;transform:rotate(540deg)}80%{stroke-dasharray:36.1283155163;transform:rotate(630deg)}90%{stroke-dasharray:36.1283155163}100%{stroke-dasharray:1 71.2566310326;transform:rotate(900deg)}}:host{display:inline-block}div[role=progressbar] .gux-svg-container{display:block;inline-size:var(--gse-ui-progressAndLoading-spinner-large);block-size:var(--gse-ui-progressAndLoading-spinner-large)}div[role=progressbar] .gux-svg-container .gux-dynamic-circle,div[role=progressbar] .gux-svg-container .gux-dynamic-circle-mask{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-foreground);stroke-width:4;transform-origin:50% 50%;animation-name:largeSpin;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite, infinite}div[role=progressbar] .gux-svg-container .gux-dynamic-circle-mask{display:none;stroke:white;stroke-width:2}div[role=progressbar] .gux-svg-container .gux-static-circle{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-base);stroke-width:4}div[role=progressbar].gux-full-page .gux-svg-container .gux-dynamic-circle-mask{display:initial}div[role=progressbar].gux-full-page .gux-svg-container .gux-static-circle{display:none}div[role=progressbar].gux-input .gux-svg-container{inline-size:var(--gse-ui-progressAndLoading-spinner-small);block-size:var(--gse-ui-progressAndLoading-spinner-small)}div[role=progressbar].gux-input .gux-svg-container .gux-dynamic-circle{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-foreground);stroke-width:2;transform-origin:50% 50%;animation-name:smallSpin;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite, infinite}div[role=progressbar].gux-input .gux-svg-container .gux-static-circle{stroke:var(--gse-ui-progressAndLoading-spinner-base);stroke-width:2}";export{i as gux_radial_loading}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,h as i,g as r}from"./p-78cb19b9.js";import{a as s,c as a,o,f as n}from"./p-a2f2c0a9.js";import{r as u}from"./p-0934300e.js";import{a as d}from"./p-cf0e7d3b.js";import{f as l,b as c,a as h,c as p}from"./p-9349b5e4.js";import{O as g}from"./p-045d724a.js";import{t as f}from"./p-d7992a33.js";import{b as x}from"./p-4b423804.js";import{u as b,g as k,a as m}from"./p-2319558c.js";import"./p-4202e9f2.js";import"./p-43af726d.js";const v={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function y(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function C(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?C(t,y(-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 z=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.isSelectingRangeWithMouse=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=u("gux-datepicker"),this.endInputId=u("gux-datepicker"),this.value=void 0,this.label="",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.minDate="",this.maxDate="",this.mode="single",this.format=void 0,this.disabled=!1,this.labelPosition="beside",this.formattedValue="",this.minDateDate=void 0,this.maxDateDate=void 0,this.toFormattedValue="",this.active=!1,this.pressedKeys=[]}watchValue(){this.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),a=parseInt(r[i.indexOf("mm")],10)-1,o=parseInt(r[i.indexOf("dd")],10),n=new Date(s,a,o);return"yy"===this.yearFormat&&n.getFullYear()<1970&&this.lastYear>1970&&n.setFullYear(n.getFullYear()+100),n}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formattedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormattedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=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:a}=this.getMapAndRegexFromField(e);this.toFormattedValue=this.format.replace(a,(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=y(t,i);break;case"m":r=C(t,i);break;case"y":r=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var s,a,o;s=r,a=this.minDateDate,((o=this.maxDateDate)&&o<s||a&&a>s)&&(r=i),this.lastYear=r.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=D(e),r=e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i);return r}(r,this.format),this.setValue()}async componentWillLoad(){if(f(this.root,{variant:this.mode}),this.i18n=await x(this.root,v),this.format=b()?this.format||k(m(this.root)):this.format||"mm/dd/yyyy",this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?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(){a(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[o({crossAxis:-3}),n({fallbackStrategy:"initialPlacement"})]}).then((({x:t,y:e})=>{Object.assign(this.calendarElement.style,{left:`${t}px`,top:`${e}px`})}))}componentDidUpdate(){this.active?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"fa/calendar-regular"}))}renderCalendar(){return i("gux-calendar",{tabIndex:-1,ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onCalendarSelect:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths,startDayOfWeek:this.startDayOfWeek})}renderStartDateField(){return i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",onClick:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),ref:t=>this.inputElement=t,value:this.formattedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,onMouseUp:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),value:this.toFormattedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{key:"6d4ebf976b21e17ff568bd205bd77f7bc35250cf",class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return r(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,r){var s,a=arguments.length,o=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,r);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(o=(a<3?s(o):a>3?s(e,i,o):s(e,i))||o);a>3&&o&&Object.defineProperty(e,i,o)})([g({triggerEvents:"mousedown"})],z.prototype,"onClickOutside",null),z.style=":host{display:block;inline-size:fit-content}.gux-datepicker{display:flex}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:var(--gse-ui-datePicker-disabled-opacity)}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center;inline-size:100%}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-inline-start:var(--gse-ui-datePicker-range-gap)}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-block-start:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-inline-end:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-inline-end:var(--gse-ui-formControl-helper-gap);font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline: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)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input.gux-active{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline: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)}.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);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:transparent;border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);background:transparent;border:none;border-radius:var(--gse-ui-actionButton-borderRadius);outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline: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:none;border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius);outline-offset:var(--gse-ui-datePicker-focusCalendar-gap)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-datePicker-iconHover);cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gse-semantic-zIndex-popup);display:none}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{z as gux_datepicker}
|
1
|
+
import{r as t,c as e,h as i,g as r}from"./p-78cb19b9.js";import{a as s,c as a,o,f as n}from"./p-a2f2c0a9.js";import{r as u}from"./p-0934300e.js";import{a as d}from"./p-cf0e7d3b.js";import{f as l,b as c,a as h,c as p}from"./p-9349b5e4.js";import{O as g}from"./p-045d724a.js";import{t as f}from"./p-2b077ec0.js";import{b as x}from"./p-4b423804.js";import{u as b,g as k,a as m}from"./p-2319558c.js";import"./p-4202e9f2.js";import"./p-43af726d.js";const v={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function y(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function C(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?C(t,y(-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 z=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.isSelectingRangeWithMouse=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=u("gux-datepicker"),this.endInputId=u("gux-datepicker"),this.value=void 0,this.label="",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.minDate="",this.maxDate="",this.mode="single",this.format=void 0,this.disabled=!1,this.labelPosition="beside",this.formattedValue="",this.minDateDate=void 0,this.maxDateDate=void 0,this.toFormattedValue="",this.active=!1,this.pressedKeys=[]}watchValue(){this.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),a=parseInt(r[i.indexOf("mm")],10)-1,o=parseInt(r[i.indexOf("dd")],10),n=new Date(s,a,o);return"yy"===this.yearFormat&&n.getFullYear()<1970&&this.lastYear>1970&&n.setFullYear(n.getFullYear()+100),n}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formattedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormattedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=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:a}=this.getMapAndRegexFromField(e);this.toFormattedValue=this.format.replace(a,(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=y(t,i);break;case"m":r=C(t,i);break;case"y":r=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var s,a,o;s=r,a=this.minDateDate,((o=this.maxDateDate)&&o<s||a&&a>s)&&(r=i),this.lastYear=r.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=D(e),r=e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i);return r}(r,this.format),this.setValue()}async componentWillLoad(){if(f(this.root,{variant:this.mode}),this.i18n=await x(this.root,v),this.format=b()?this.format||k(m(this.root)):this.format||"mm/dd/yyyy",this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?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(){a(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[o({crossAxis:-3}),n({fallbackStrategy:"initialPlacement"})]}).then((({x:t,y:e})=>{Object.assign(this.calendarElement.style,{left:`${t}px`,top:`${e}px`})}))}componentDidUpdate(){this.active?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"fa/calendar-regular"}))}renderCalendar(){return i("gux-calendar",{tabIndex:-1,ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onCalendarSelect:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths,startDayOfWeek:this.startDayOfWeek})}renderStartDateField(){return i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",onClick:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),ref:t=>this.inputElement=t,value:this.formattedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,onMouseUp:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),value:this.toFormattedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{key:"6d4ebf976b21e17ff568bd205bd77f7bc35250cf",class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return r(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,r){var s,a=arguments.length,o=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,r);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(o=(a<3?s(o):a>3?s(e,i,o):s(e,i))||o);a>3&&o&&Object.defineProperty(e,i,o)})([g({triggerEvents:"mousedown"})],z.prototype,"onClickOutside",null),z.style=":host{display:block;inline-size:fit-content}.gux-datepicker{display:flex}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:var(--gse-ui-datePicker-disabled-opacity)}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center;inline-size:100%}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-inline-start:var(--gse-ui-datePicker-range-gap)}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-block-start:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-inline-end:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-inline-end:var(--gse-ui-formControl-helper-gap);font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline: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)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input.gux-active{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline: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)}.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);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:transparent;border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);background:transparent;border:none;border-radius:var(--gse-ui-actionButton-borderRadius);outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline: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:none;border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius);outline-offset:var(--gse-ui-datePicker-focusCalendar-gap)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-datePicker-iconHover);cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gse-semantic-zIndex-popup);display:none}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{z as gux_datepicker}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as i,H as o,g as e}from"./p-78cb19b9.js";import{a as s,o as a,f as r,s as n,h as l,c as h}from"./p-a2f2c0a9.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 o,g as e}from"./p-78cb19b9.js";import{a as s,o as a,f as r,s as n,h as l,c as h}from"./p-a2f2c0a9.js";import{r as d}from"./p-0934300e.js";import{t as c}from"./p-2b077ec0.js";import{b as p}from"./p-cf0e7d3b.js";import{o as u}from"./p-2ddeb267.js";import{f as g}from"./p-9b0d3713.js";const b=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]]),this.id=d("gux-tooltip-base"),this.tooltipId=void 0,this.forElement=void 0,this.placement="bottom-start",this.offsetX=0,this.offsetY=0,this.accent="light",this.visualOnly=!1,this.isShown=!1}handleKeyDown(t){"Escape"===t.key&&this.isShown&&this.hide()}async showTooltip(){this.show()}async hideTooltip(){this.hide()}runUpdatePosition(){this.cleanupUpdatePosition=s(this.forElement,this.root,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!1,ancestorResize:!0})}updatePosition(){const t=[a(16),r(),n(),l(),u()];h(this.forElement,this.root,{placement:this.placement,strategy:"fixed",middleware:t}).then((({x:t,y:i,middlewareData:o})=>{var e;Object.assign(this.root.style,{left:`${t+this.offsetX}px`,top:i-this.offsetY+"px",visibility:(null===(e=o.hide)||void 0===e?void 0:e.referenceHidden)?"hidden":"visible"}),this.root.setAttribute("data-placement",this.placement)}))}show(){this.isShown=!0,p((()=>{this.runUpdatePosition()}))}hide(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.isShown=!1}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()}connectedCallback(){this.setForElement()}componentWillLoad(){c(this.root,{variant:this.placement})}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.disconnectForElement()}render(){return i(o,{key:"ccd91353ad277bb3b4b96086b4cbe9e7ca8e9ed3",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:"84b6c22e2c8a11cf713550fa673ebd6898297d34",class:{"gux-container":!0,[`gux-${this.accent}`]:!0},"data-placement":this.placement},i("slot",{key:"3c20323b2eed951d4040722100405ad3d6c985f6",name:"content"})))}get root(){return e(this)}static get watchers(){return{offsetX:["runUpdatePosition"],offsetY:["runUpdatePosition"],forElement:["updateForElement"]}}};b.style=":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;inline-size:max-content;max-inline-size:250px;pointer-events:none;border-radius:var(--gse-ui-tooltip-borderRadius);box-shadow:var(--gse-ui-tooltip-boxShadow-offsetX) var(--gse-ui-tooltip-boxShadow-offsetY) var(--gse-ui-tooltip-boxShadow-blur) var(--gse-ui-tooltip-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color);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);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 f=class{constructor(i){t(this,i),this.id=d("gux-tooltip"),this.forElement=void 0,this.role=void 0,this.for=void 0,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(o,{key:"08e49dbbbb3c16871d42e52ef97e5daeeb17cadc",id:this.id,role:this.role},i("gux-tooltip-base-beta",{key:"e11aeaa54f8ce949f3ea26c8d990c996f01ab99d",forElement:this.forElement,placement:this.placement,accent:this.accent,tooltipId:this.id,visualOnly:this.visualOnly,ref:t=>this.baseTooltip=t},i("span",{key:"1f7b298af19124e2f7036371bb289fff08e83ac5",slot:"content"},i("slot",{key:"87fe210b8ad3f6655da9054e7ffd62c6d9b401ea",name:"content"},i("slot",{key:"cd4fb634e795dfaf0aa7a38514396493d185638f"})))))}get root(){return e(this)}static get watchers(){return{for:["updateForElement"]}}};export{b as gux_tooltip_base_beta,f as gux_tooltip_beta}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as t,H as a,g as o}from"./p-78cb19b9.js";import{t as i}from"./p-
|
1
|
+
import{r as e,h as t,H as a,g as o}from"./p-78cb19b9.js";import{t as i}from"./p-2b077ec0.js";const s=class{constructor(t){e(this,t)}componentWillLoad(){i(this.root)}render(){return t(a,{key:"16c9cc58c496d07996b88b75124124cf4ad3c8e3"},t("div",{key:"729211a7883e24826eb283de47b544a7fd9726ab",class:"gux-header"},t("div",{key:"99ba7dc18707da73876d2a2b6058573197248c7c",class:"gux-icon"},t("slot",{key:"324967fd8298060778b38098d741d7456df6ebde",name:"icon"})),t("div",{key:"ee0fef0f4ae34a129b59987323ce784aeafa35c7",class:"gux-title"},t("slot",{key:"3d9979ce64c6e95ef2c77b40e28337889db27f99",name:"title"}))),t("div",{key:"3e01f41428f38259a956da3f47efe65cc0ce973c",class:"gux-message"},t("slot",{key:"a69c103b51f9826c7cea71a106d4ec2c9c834d19",name:"message"})),t("div",{key:"b7079ca3d1229733172caaaea98ff532630c27d3",class:"gux-action-buttons"},t("div",{key:"53adbf1158a767836c3f82fc198b92f4acdc57f6",class:"gux-positive-button"},t("slot",{key:"a3e754c1df3cdbe58dbdbe12e53cde292e0e1e96",name:"positive-button"})),t("div",{key:"dcfd5e5290fb5d3e314523c969f1aa28f09b45e3",class:"gux-negative-button"},t("slot",{key:"2790d9a4794ecb7d65ea1543fe3b37aa11081d0f",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}
|
package/dist/stencil-wrapper.js
CHANGED
@@ -7,7 +7,7 @@
|
|
7
7
|
*/
|
8
8
|
import { defineCustomElements } from '../dist/loader';
|
9
9
|
// Value templated out during build process (see scripts/wrap-stencil.js)
|
10
|
-
export const COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.111.
|
10
|
+
export const COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.111.2-512/genesys-webcomponents/';
|
11
11
|
// Default domain to load assets from
|
12
12
|
const DEFAULT_DOMAIN = 'app.mypurecloud.com';
|
13
13
|
// List of Genesys UI domains
|
@@ -1,2 +1,2 @@
|
|
1
|
-
export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.111.
|
1
|
+
export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.111.2-512/genesys-webcomponents/";
|
2
2
|
export declare function registerElements(): void;
|