genesys-spark-components 4.113.0 → 4.114.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-advanced-dropdown-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-announce-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-change-photo-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-group-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-group-item-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-overflow-beta_2.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 +2 -2
- package/dist/cjs/gux-form-field-color.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-file.cjs.entry.js +2 -2
- 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 +2 -2
- package/dist/cjs/gux-form-field-phone.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-radio-group-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-radio.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-range.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-search.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-select.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-text-like.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-textarea.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-time-zone-picker.cjs.entry.js +2 -2
- package/dist/cjs/{gux-form-field.service-42c9f800.js → gux-form-field.service-9cc5debc.js} +5 -0
- 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-highlight-list-item.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-text-highlight.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-text-editor-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-text-editor-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 +2 -2
- 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-e8717c7d.js → usage-c2762b3b.js} +1 -1
- package/dist/collection/components/stable/gux-form-field/gux-form-field.service.js +5 -0
- 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-avatar-overflow-beta_2.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 +2 -2
- package/dist/esm/gux-form-field-color.entry.js +2 -2
- package/dist/esm/gux-form-field-dropdown.entry.js +2 -2
- package/dist/esm/gux-form-field-file.entry.js +2 -2
- 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 +2 -2
- package/dist/esm/gux-form-field-phone.entry.js +2 -2
- package/dist/esm/gux-form-field-radio-group-beta.entry.js +1 -1
- package/dist/esm/gux-form-field-radio.entry.js +2 -2
- package/dist/esm/gux-form-field-range.entry.js +2 -2
- package/dist/esm/gux-form-field-search.entry.js +2 -2
- package/dist/esm/gux-form-field-select.entry.js +2 -2
- package/dist/esm/gux-form-field-text-like.entry.js +2 -2
- package/dist/esm/gux-form-field-textarea.entry.js +2 -2
- package/dist/esm/gux-form-field-time-picker.entry.js +2 -2
- package/dist/esm/gux-form-field-time-zone-picker.entry.js +2 -2
- package/dist/esm/{gux-form-field.service-986d3f3f.js → gux-form-field.service-173b5dfc.js} +5 -0
- 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-highlight-list-item.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-text-highlight.entry.js +1 -1
- package/dist/esm/gux-rich-text-editor-action.entry.js +1 -1
- package/dist/esm/gux-rich-text-editor-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 +2 -2
- 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-f19643b5.js → usage-a1221f5d.js} +1 -1
- package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
- package/dist/genesys-webcomponents/{p-9612eaea.entry.js → p-00eaf163.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ab589c01.entry.js → p-01e19cac.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-15f467d5.entry.js → p-036de02e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-49ab8226.entry.js → p-047eaa5d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-05fcbcdb.entry.js → p-0506e65b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4a3e97aa.entry.js → p-089e79a8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d09a8c78.entry.js → p-0b040d99.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-014850fa.entry.js → p-10a5bd60.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d51d88c3.entry.js → p-11e3d8a5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bccfe50d.entry.js → p-14289a6d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3c9e3dfa.entry.js → p-146c9f88.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7bdce1a9.entry.js → p-16a5230a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-06e6b290.entry.js → p-196d568a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7db5de2a.entry.js → p-1a7bc12e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8725879d.entry.js → p-1c20fc53.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a48e13be.entry.js → p-1da0fdbb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-adb4e579.entry.js → p-1f84c743.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-66f7c713.entry.js → p-2133fd6f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c48866c4.entry.js → p-2189f7ed.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4405e4d5.entry.js → p-236ae5dc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-38687724.entry.js → p-2409e7b0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-414eab3f.entry.js → p-26c18582.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-02549899.entry.js → p-2b34fc38.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7a7e02f7.entry.js → p-2de57063.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fa34c71c.entry.js → p-332c699a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8296eeb1.entry.js → p-39f7732a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-68788fb9.entry.js → p-3c87c8d5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-40241601.entry.js → p-3ca482b9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-951a4cee.entry.js → p-3eb8fd71.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-10b7a9e1.entry.js → p-3ef36f1d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7a915b9a.entry.js → p-41c7086f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-edbe5703.entry.js → p-41da5c11.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3f07a79d.entry.js → p-4298f05a.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-43509e7a.entry.js +1 -0
- package/dist/genesys-webcomponents/p-4aaf349e.js +1 -0
- package/dist/genesys-webcomponents/{p-af8c8867.entry.js → p-4c1214d7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ae83f2c0.entry.js → p-4c28318d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-751c61f2.entry.js → p-4ca47f37.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d6a93a09.entry.js → p-4ce53421.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d552a7a3.entry.js → p-4e2d5298.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a1de93b5.entry.js → p-4e7b5d9c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a80a6d49.entry.js → p-4fe12ae2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d2ad86e2.entry.js → p-501d78a6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-61967bec.entry.js → p-53ddfcfa.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4b064fb5.entry.js → p-576503e6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9f4d6be4.entry.js → p-5b0418ee.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5521226b.entry.js → p-5f01b230.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1b3fbb64.entry.js → p-5f22647e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-61f673b9.entry.js → p-5f4d34d5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7a003713.entry.js → p-62179bd3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-76fa4eb0.entry.js → p-6fab9cde.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7172aaba.entry.js → p-7a99feef.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4e14184e.entry.js → p-7f7e7319.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-44786aee.entry.js → p-8143bfe9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a31399b7.entry.js → p-825fdc6c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e42f77ce.entry.js → p-83da5e4c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1ecc0446.entry.js → p-8443a0b1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b18f552b.entry.js → p-85033dc7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-26b9b506.entry.js → p-852212b7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-86612ff6.entry.js → p-85d9283d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-62c63986.entry.js → p-86abf2c7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b04fec40.entry.js → p-89694585.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0256c902.entry.js → p-8b5d6c7e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ff7e2fa6.entry.js → p-8e2f875d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-98f74967.entry.js → p-914bfd95.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dc0337b8.entry.js → p-91e5b870.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-95b71a67.entry.js → p-946c3f07.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d8ec2b5e.entry.js → p-94a6b653.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-41bb87d6.entry.js → p-967c2b6f.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-986bd25f.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-fce86fb9.entry.js → p-99716e16.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ec80cb27.entry.js → p-99ceb476.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9b710284.entry.js → p-99f7d91a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e5b2307d.entry.js → p-9c93f256.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7183904b.entry.js → p-9ee7810c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-55a1cc30.entry.js → p-a0f212c5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7266b063.entry.js → p-a240d168.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dfa26ecf.entry.js → p-a3aa5887.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-99a7e5ef.entry.js → p-a5ab91db.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-54b4eab6.entry.js → p-a5f51a28.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-46843d60.entry.js → p-a8fb2803.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-88c6fea4.entry.js → p-a9008e0f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e44d51a0.entry.js → p-aa80e0dc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-30ff76b3.entry.js → p-aaf5ed35.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e9d8c6bf.entry.js → p-b1ca806b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ad02ac86.entry.js → p-b4d21202.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e8219a25.entry.js → p-b7d108e9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a1035485.entry.js → p-b7f76776.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c2325b13.entry.js → p-b9601fa8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-72831fbe.entry.js → p-bb80d806.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c2a649d1.entry.js → p-be0c7ef5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5e44ef27.entry.js → p-c1b2d385.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f7ebde98.entry.js → p-c73f5227.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-88e99ac8.entry.js → p-cdd00379.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2533e88f.entry.js → p-cec1a152.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3e3bd2f9.entry.js → p-d0eb71b8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-980e6f94.entry.js → p-d72addcb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1183585f.entry.js → p-d7b6d28e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5b4beb54.entry.js → p-d941d085.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a4cc0374.entry.js → p-de7f2692.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a9efd10b.entry.js → p-e2099aa8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f9963072.entry.js → p-e6323083.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cf5e058a.entry.js → p-e71eaeb7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7c26f60c.js → p-e95380de.js} +1 -1
- package/dist/genesys-webcomponents/{p-de5965bb.entry.js → p-ea7ed072.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-85593b8d.entry.js → p-ef433b7f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9307931f.entry.js → p-f0eef34d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-86e2c7b7.entry.js → p-f108e259.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-f88a4ab2.entry.js +1 -0
- package/dist/genesys-webcomponents/p-fb71b9db.entry.js +1 -0
- 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-42f2e889.js +0 -1
- package/dist/genesys-webcomponents/p-5b0867ce.entry.js +0 -1
- package/dist/genesys-webcomponents/p-5f1ac336.entry.js +0 -1
- package/dist/genesys-webcomponents/p-88b54928.entry.js +0 -1
- package/dist/genesys-webcomponents/p-a2e65aa7.entry.js +0 -1
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as e,H as i,g as s}from"./p-78cb19b9.js";import{t as a}from"./p-
|
1
|
+
import{r as t,h as e,H as i,g as s}from"./p-78cb19b9.js";import{t as a}from"./p-e95380de.js";import{a as n}from"./p-8eaf8caf.js";import{s as o,r}from"./p-2a99f284.js";import"./p-4202e9f2.js";const l=class{constructor(e){t(this,e),this.processedGroupItems=[],this.quantity=7}async componentWillLoad(){a(this.root,{variant:this.quantity.toString()})}componentDidLoad(){this.setInitialFocusTarget()}componentWillRender(){this.processGroupItems(),this.hideOverflowGroupItems()}onMouseOver(t){this.hideCurrentTooltip(t)}getGroupItems(){return Array.from(this.root.children)}setInitialFocusTarget(){const t=this.getGroupItems();t.length>0&&o(t[0])}processGroupItems(){const t=this.getGroupItems();this.validateChildElements(t),this.processedGroupItems=t.map(((t,e)=>{var i,s,a;return{img:null!==(i=t.querySelector("img"))&&void 0!==i?i:null,name:null!==(s=null==t?void 0:t.name)&&void 0!==s?s:"",accent:null!==(a=null==t?void 0:t.accent)&&void 0!==a?a:null,isOverflow:e>=this.quantity,groupItem:t}}))}hideOverflowGroupItems(){this.processedGroupItems.filter((t=>t.isOverflow)).forEach((t=>{t.groupItem.setAttribute("hidden","")}))}hideCurrentTooltip(t){const e=t.target,i=this.getGroupItems().find((t=>t.matches(":focus-within")));i&&i!==e&&i.hideTooltip()}handleClick(t){const e=t.target;"GUX-AVATAR-GROUP-ITEM-BETA"!==e.tagName||e.hasAttribute("hidden")||(r(e),o(e))}validateChildElements(t){0===t.length&&n(this.root,"gux-avatar-group-beta: No child elements detected. Please add some gux-avatar-item-beta tags to slot");const e=["GUX-AVATAR-GROUP-ITEM-BETA"];t.some((t=>!e.includes(t.tagName)))&&n(this.root,"gux-avatar-group-beta: Invalid child element detected. All child elements must be either buttons, anchor tags or gux-avatar-beta components")}renderOverflowMenu(){if(this.root.children.length>this.quantity){const t=this.processedGroupItems.filter((t=>t.isOverflow));return e("gux-avatar-overflow-beta",null,t.map((t=>{var i,s;return e("gux-avatar-overflow-item-beta",{name:t.name,accent:t.accent,onClick:()=>t.groupItem.click()},t.img?e("img",{slot:"image",src:null===(i=t.img)||void 0===i?void 0:i.src,alt:null===(s=t.img)||void 0===s?void 0:s.alt}):null)})))}return null}render(){return e(i,{key:"fd252cb40f60c329c1c8330a8df415e3fe0ce86a",role:"menu",onClick:this.handleClick.bind(this)},e("slot",{key:"754b66b2e4024abba062e2a9aa0cbe3933b75139"}),this.renderOverflowMenu())}get root(){return s(this)}};l.style=":host{display:flex;align-items:center;inline-size:fit-content;padding-block:var(--gse-semantic-interactive-sm-padding);padding-inline:var(--gse-semantic-interactive-sm-padding) var(--gse-semantic-interactive-md-padding)}:host(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}";export{l as gux_avatar_group_beta}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as o,H as e,g as n}from"./p-78cb19b9.js";import{t as r}from"./p-
|
1
|
+
import{r as t,h as o,H as e,g as n}from"./p-78cb19b9.js";import{t as r}from"./p-e95380de.js";import{l as a}from"./p-8eaf8caf.js";const i=class{constructor(o){t(this,o),this.accent="secondary",this.iconOnly=void 0}validateSlotContent(){let t=this.root.children[0],o=t.tagName;if("SLOT"===o&&(t=t.assignedNodes()[0],o=t.tagName),"BUTTON"!==o){if("INPUT"===o){const o=t.getAttribute("type");if("button"===o||"submit"===o)return}a(this.root,'You must slot a button, input[type="button"] or input[type="submit"] element.')}}componentWillLoad(){r(this.root),this.validateSlotContent()}render(){return o(e,{key:"e6bbc2d0af4e87622578d8c08042e4ed52b1e505",accent:this.accent,"icon-only":this.iconOnly},o("slot",{key:"85281c21e359f1c635e6235a1ad62b84227f4ddb"}))}get root(){return n(this)}};i.style=":host{display:inline-block;pointer-events:none}::slotted(input[type=button]),::slotted(input[type=submit]),::slotted(button){font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;color:var(--gse-ui-button-secondary-default-foregroundColor);text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}:host([icon-only]) ::slotted(input[type=button]),:host([icon-only]) ::slotted(input[type=submit]),:host([icon-only]) ::slotted(button){padding:var(--gse-ui-button-default-paddingIconOnly)}::slotted(input[type=button][disabled]),::slotted(input[type=submit][disabled]),::slotted(button[disabled]){cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}::slotted(input[type=button]:focus),::slotted(input[type=submit]:focus),::slotted(button:focus){outline:none}::slotted(input[type=button]:focus-visible:enabled),::slotted(input[type=submit]:focus-visible:enabled),::slotted(button:focus-visible:enabled){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(input[type=button]:hover:enabled),::slotted(input[type=submit]:hover:enabled),::slotted(button:hover:enabled){color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}::slotted(input[type=button]:active:enabled),::slotted(input[type=submit]:active:enabled),::slotted(button:active:enabled){color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]),:host([accent=primary]) ::slotted(input[type=submit]),:host([accent=primary]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:hover:enabled),:host([accent=primary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=primary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:active:enabled),:host([accent=primary]) ::slotted(input[type=submit]:active:enabled),:host([accent=primary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]),:host([accent=tertiary]) ::slotted(input[type=submit]),:host([accent=tertiary]) ::slotted(button){color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width)}:host([accent=tertiary]) ::slotted(input[type=button]:hover:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=tertiary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]:active:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:active:enabled),:host([accent=tertiary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]),:host([accent=ghost]) ::slotted(input[type=submit]),:host([accent=ghost]) ::slotted(button){color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:hover:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:hover:enabled),:host([accent=ghost]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:active:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:active:enabled),:host([accent=ghost]) ::slotted(button:active:enabled){color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]),:host([accent=danger]) ::slotted(input[type=submit]),:host([accent=danger]) ::slotted(button){color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:hover:enabled),:host([accent=danger]) ::slotted(input[type=submit]:hover:enabled),:host([accent=danger]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:active:enabled),:host([accent=danger]) ::slotted(input[type=submit]:active:enabled),:host([accent=danger]) ::slotted(button:active:enabled){color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}:host([accent=inline]){min-inline-size:initial}:host([accent=inline]) ::slotted(input[type=button]),:host([accent=inline]) ::slotted(input[type=submit]),:host([accent=inline]) ::slotted(button){block-size:initial;padding:0;color:var(--gse-ui-links-default-foregroundColor);background:none;border:none}:host([accent=inline]) ::slotted(input[type=button][disabled]),:host([accent=inline]) ::slotted(input[type=submit][disabled]),:host([accent=inline]) ::slotted(button[disabled]){color:var(--gse-ui-links-disabled-foregroundColor)}:host([accent=inline]) ::slotted(input[type=button]:hover:enabled),:host([accent=inline]) ::slotted(input[type=submit]:hover:enabled),:host([accent=inline]) ::slotted(button:hover:enabled){color:var(--gse-ui-links-hover-foregroundColor);text-decoration:underline;background:none}:host([accent=inline]) ::slotted(input[type=button]:active:enabled),:host([accent=inline]) ::slotted(input[type=submit]:active:enabled),:host([accent=inline]) ::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}";export{i as gux_button_slot}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,f as i,h as o,g as r}from"./p-78cb19b9.js";import{O as n}from"./p-045d724a.js";import{b as s}from"./p-4b423804.js";import{s as l}from"./p-2c25e2f2.js";import{b as u}from"./p-cf0e7d3b.js";import{o as a}from"./p-f4751a15.js";import{t as d}from"./p-7c26f60c.js";import{s as c,g as h}from"./p-787c5373.js";import{O as g}from"./p-f4a8d565.js";import"./p-4202e9f2.js";const f={textInputResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown",numberSelected:"{numberSelected} selected",pressEnterToCreate:"Press Enter to create new option, {textInputValue}"};var p=function(t,e,i,o){var r,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const x=class{constructor(i){t(this,i),this.guxcreateoption=e(this,"guxcreateoption",7),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.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.hasCreate=!1,this.expanded=!1,this.textInput=""}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit()}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}focusSelectedItemAfterRender(t){t&&this.listboxElement&&u((()=>{this.hasTextInput()?this.textInputElement.focus():this.listboxElement.focus()})),t||(this.textInput="")}watchDisabled(t){t&&(this.expanded=!1)}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}getSelectedValues(){var t;return Promise.resolve((null===(t=this.value)||void 0===t?void 0:t.split(","))||[])}onKeydown(t){switch(t.key){case"Escape":return this.hasTextInput()&&document.activeElement===this.listboxElement?this.textInputElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.textInputElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,c(this.listboxElement)));case"Enter":this.canCreateNewOption()&&this.isActiveElement()&&this.emitCreateOption()}}onInternallistboxoptionsupdated(t){t.stopPropagation(),i(this.root)}onClearselected(t){t.stopPropagation(),this.updateValue(""),this.listboxElement&&(this.listboxElement.value=void 0),this.validateValue(this.value,this.listboxElement),this.fieldButtonElement.focus()}onCreatenewoption(t){t.stopPropagation(),this.emitCreateOption()}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.hasCreate=!!this.root.querySelector("gux-create-option"))}async componentWillLoad(){d(this.root),this.i18n=await s(this.root,f),a(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.textInput=this.textInput)}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)?e.value=t:this.value=void 0:e&&(e.value=t)}hasTextInput(){return this.isFilterable()||this.hasCreate}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}isFilterable(){return"custom"===this.filterType||"starts-with"===this.filterType}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=Array.from(this.root.querySelectorAll("gux-option-multi")),i=t?t.split(","):void 0;if(i)return e.filter((t=>i.includes(t.value)))}fieldButtonClick(){this.expanded=!this.expanded}fieldButtonInputClick(){this.expanded||(this.expanded=!this.expanded)}filterInput(t){t.stopPropagation(),this.textInput=this.textInputElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.hasTextInput()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.hasTextInput()&&document.activeElement===this.listboxElement}emitCreateOption(){this.guxcreateoption.emit(this.textInput),this.textInput="",this.textInputElement.value=""}canCreateNewOption(){return this.hasCreate&&this.textInput&&!this.listboxElement.hasExactMatch}isActiveElement(){return document.activeElement===this.root}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){if("ArrowDown"===t.key)return t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),void c(this.listboxElement)}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,l(this.root,"input"),l(this.root,"change"))}getTypeaheadText(t){var e;const i=t.length;if(i>0&&!this.loading){const o=h(this.listboxElement,t);if(o&&"custom"!==this.filterType){const t=null===(e=o.querySelector("[gux-slot-container]"))||void 0===e?void 0:e.textContent;return null==t?void 0:t.substring(i)}return""}}renderTargetDisplay(){return o("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"),this.getSrSelectedText())}getSrSelectedText(){const t=this.getOptionElementByValue(this.value);if(null==t?void 0:t.length)return o("span",{class:"gux-sr-only"},this.i18n("numberSelected",{numberSelected:t.length.toString()}))}getInputAriaLabel(){return this.canCreateNewOption()&&this.isActiveElement()?this.i18n("pressEnterToCreate",{textInputValue:this.textInput}):this.i18n("textInputResults")}renderTag(){var t;const e=(null===(t=this.value)||void 0===t?void 0:t.split(","))||[];if(e.length)return o("gux-dropdown-multi-tag",{disabled:this.disabled,"number-selected":e.length})}renderFilterInputField(){if(this.expanded&&this.hasTextInput())return o("div",{class:"gux-field gux-input-field"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.textInput),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.textInput))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonInputClick.bind(this),placeholder:this.placeholder||this.i18n("noSelection"),class:"gux-filter-input",type:"text","aria-label":this.getInputAriaLabel(),ref:t=>this.textInputElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this),disabled:this.disabled})))))}renderPopup(){return o("div",{slot:"popup",class:"gux-listbox-container"},o("slot",null))}renderTarget(){return o("div",{class:{"gux-target-container":!0,"gux-target-container-expanded":this.expanded&&this.hasTextInput(),"gux-target-container-collapsed":!(this.expanded&&this.hasTextInput()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:this.disabled,onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderTag(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},size:"small","screenreader-text":this.i18n("dropdown"),iconName:"custom/chevron-down-small-regular"})))}renderTargetContent(){if(!this.expanded||!this.hasTextInput())return o("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return o("gux-radial-loading",{context:"input"})}render(){return[o("div",{key:"4c12f474e5aa49348caa1cd9046632f989f1e329",class:"gux-dropdown-container"},o("gux-popup",{key:"4325f25fc057fd5b7488de52c11660ac4e14138b",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled||this.loading&&!this.isFilterable(),exceedTargetWidth:this.exceedTargetWidth},this.renderTarget(),this.renderPopup()))]}static get delegatesFocus(){return!0}get root(){return r(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],disabled:["watchDisabled"],value:["watchValue"],textInput:["handleFilter"]}}};p([g({childList:!0,subtree:!0})],x.prototype,"onMutation",null),p([n({triggerEvents:"mousedown"})],x.prototype,"onClickOutside",null),x.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-dropdown-container{position:relative}.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-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-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{position:relative;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-selected-option .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-placeholder .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%;padding-inline-start:0}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-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-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-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-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-listbox-container{box-sizing:border-box;margin:0}";export{x as gux_dropdown_multi}
|
1
|
+
import{r as t,c as e,f as i,h as o,g as r}from"./p-78cb19b9.js";import{O as n}from"./p-045d724a.js";import{b as s}from"./p-4b423804.js";import{s as l}from"./p-2c25e2f2.js";import{b as u}from"./p-cf0e7d3b.js";import{o as a}from"./p-f4751a15.js";import{t as d}from"./p-e95380de.js";import{s as c,g as h}from"./p-787c5373.js";import{O as g}from"./p-f4a8d565.js";import"./p-4202e9f2.js";const f={textInputResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown",numberSelected:"{numberSelected} selected",pressEnterToCreate:"Press Enter to create new option, {textInputValue}"};var p=function(t,e,i,o){var r,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const x=class{constructor(i){t(this,i),this.guxcreateoption=e(this,"guxcreateoption",7),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.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.hasCreate=!1,this.expanded=!1,this.textInput=""}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit()}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}focusSelectedItemAfterRender(t){t&&this.listboxElement&&u((()=>{this.hasTextInput()?this.textInputElement.focus():this.listboxElement.focus()})),t||(this.textInput="")}watchDisabled(t){t&&(this.expanded=!1)}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}getSelectedValues(){var t;return Promise.resolve((null===(t=this.value)||void 0===t?void 0:t.split(","))||[])}onKeydown(t){switch(t.key){case"Escape":return this.hasTextInput()&&document.activeElement===this.listboxElement?this.textInputElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.textInputElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,c(this.listboxElement)));case"Enter":this.canCreateNewOption()&&this.isActiveElement()&&this.emitCreateOption()}}onInternallistboxoptionsupdated(t){t.stopPropagation(),i(this.root)}onClearselected(t){t.stopPropagation(),this.updateValue(""),this.listboxElement&&(this.listboxElement.value=void 0),this.validateValue(this.value,this.listboxElement),this.fieldButtonElement.focus()}onCreatenewoption(t){t.stopPropagation(),this.emitCreateOption()}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.hasCreate=!!this.root.querySelector("gux-create-option"))}async componentWillLoad(){d(this.root),this.i18n=await s(this.root,f),a(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.textInput=this.textInput)}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)?e.value=t:this.value=void 0:e&&(e.value=t)}hasTextInput(){return this.isFilterable()||this.hasCreate}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}isFilterable(){return"custom"===this.filterType||"starts-with"===this.filterType}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=Array.from(this.root.querySelectorAll("gux-option-multi")),i=t?t.split(","):void 0;if(i)return e.filter((t=>i.includes(t.value)))}fieldButtonClick(){this.expanded=!this.expanded}fieldButtonInputClick(){this.expanded||(this.expanded=!this.expanded)}filterInput(t){t.stopPropagation(),this.textInput=this.textInputElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.hasTextInput()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.hasTextInput()&&document.activeElement===this.listboxElement}emitCreateOption(){this.guxcreateoption.emit(this.textInput),this.textInput="",this.textInputElement.value=""}canCreateNewOption(){return this.hasCreate&&this.textInput&&!this.listboxElement.hasExactMatch}isActiveElement(){return document.activeElement===this.root}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){if("ArrowDown"===t.key)return t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),void c(this.listboxElement)}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,l(this.root,"input"),l(this.root,"change"))}getTypeaheadText(t){var e;const i=t.length;if(i>0&&!this.loading){const o=h(this.listboxElement,t);if(o&&"custom"!==this.filterType){const t=null===(e=o.querySelector("[gux-slot-container]"))||void 0===e?void 0:e.textContent;return null==t?void 0:t.substring(i)}return""}}renderTargetDisplay(){return o("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"),this.getSrSelectedText())}getSrSelectedText(){const t=this.getOptionElementByValue(this.value);if(null==t?void 0:t.length)return o("span",{class:"gux-sr-only"},this.i18n("numberSelected",{numberSelected:t.length.toString()}))}getInputAriaLabel(){return this.canCreateNewOption()&&this.isActiveElement()?this.i18n("pressEnterToCreate",{textInputValue:this.textInput}):this.i18n("textInputResults")}renderTag(){var t;const e=(null===(t=this.value)||void 0===t?void 0:t.split(","))||[];if(e.length)return o("gux-dropdown-multi-tag",{disabled:this.disabled,"number-selected":e.length})}renderFilterInputField(){if(this.expanded&&this.hasTextInput())return o("div",{class:"gux-field gux-input-field"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.textInput),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.textInput))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonInputClick.bind(this),placeholder:this.placeholder||this.i18n("noSelection"),class:"gux-filter-input",type:"text","aria-label":this.getInputAriaLabel(),ref:t=>this.textInputElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this),disabled:this.disabled})))))}renderPopup(){return o("div",{slot:"popup",class:"gux-listbox-container"},o("slot",null))}renderTarget(){return o("div",{class:{"gux-target-container":!0,"gux-target-container-expanded":this.expanded&&this.hasTextInput(),"gux-target-container-collapsed":!(this.expanded&&this.hasTextInput()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:this.disabled,onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderTag(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},size:"small","screenreader-text":this.i18n("dropdown"),iconName:"custom/chevron-down-small-regular"})))}renderTargetContent(){if(!this.expanded||!this.hasTextInput())return o("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return o("gux-radial-loading",{context:"input"})}render(){return[o("div",{key:"4c12f474e5aa49348caa1cd9046632f989f1e329",class:"gux-dropdown-container"},o("gux-popup",{key:"4325f25fc057fd5b7488de52c11660ac4e14138b",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled||this.loading&&!this.isFilterable(),exceedTargetWidth:this.exceedTargetWidth},this.renderTarget(),this.renderPopup()))]}static get delegatesFocus(){return!0}get root(){return r(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],disabled:["watchDisabled"],value:["watchValue"],textInput:["handleFilter"]}}};p([g({childList:!0,subtree:!0})],x.prototype,"onMutation",null),p([n({triggerEvents:"mousedown"})],x.prototype,"onClickOutside",null),x.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-dropdown-container{position:relative}.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-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-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{position:relative;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-selected-option .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-placeholder .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%;padding-inline-start:0}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-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-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-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-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-listbox-container{box-sizing:border-box;margin:0}";export{x as gux_dropdown_multi}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as o,c as a,h as i,g as t}from"./p-78cb19b9.js";import{r as e}from"./p-0934300e.js";import{t as n}from"./p-
|
1
|
+
import{r as o,c as a,h as i,g as t}from"./p-78cb19b9.js";import{r as e}from"./p-0934300e.js";import{t as n}from"./p-e95380de.js";import{h as d}from"./p-6d8b4027.js";const s=class{constructor(i){o(this,i),this.guxdismiss=a(this,"guxdismiss",7),this.size="dynamic",this.open=!1}syncOpenState(){this.open?this.dialogElement.showModal():this.dialogElement.close()}async showModal(){this.open=!0}async close(){this.open=!1}onKeydown(o){if("Escape"===o.key)return o.preventDefault(),void this.onDismissHandler()}componentWillLoad(){n(this.root,{variant:`${this.size}`})}componentDidLoad(){this.syncOpenState()}hasModalTitleSlot(){return Boolean(this.root.querySelector('[slot="title"]'))}hasFooterButtons(){var o,a;const i=this.root.querySelector('[slot="start-align-buttons"]'),t=this.root.querySelector('[slot="end-align-buttons"]');return Boolean(null===(o=null==i?void 0:i.textContent)||void 0===o?void 0:o.trim())||Boolean(null===(a=null==t?void 0:t.textContent)||void 0===a?void 0:a.trim())}renderFooter(){return d(this.root,"footer")?i("footer",null,i("slot",{name:"footer"})):this.renderButtonFooter()}render(){const o=this.hasModalTitleSlot(),a=e();return i("dialog",{key:"f63cddeab575522484ba4c98777bd39db0693603",onClose:this.onCloseHandler.bind(this),ref:o=>this.dialogElement=o,"aria-labelledby":o?a:null},i("div",{key:"ab7b0ac052880bf8bd098bb6d61ed23bbd2d7d57",class:`gux-modal-container gux-${this.size}`},i("gux-dismiss-button",{key:"3287f5ded174ad6ebc72fbbbfee9922b8efb196e",onClick:this.onDismissHandler.bind(this)}),o&&this.renderTitle(a),i("div",{key:"b4cc1d49d68c06b78ccab305354a7d0ea6ba529d",class:"gux-modal-content"},i("p",{key:"18eaf0c3d247d33136456ea6b69cfd8f060917f2"},i("slot",{key:"36713cb4d872ac74ce315b8f9b48a88438d64429",name:"content"}))),this.renderFooter()))}renderTitle(o){return i("h1",{class:"gux-modal-header",id:o},i("slot",{name:"title"}))}renderButtonFooter(){const o=this.hasFooterButtons();return i("div",{class:{"gux-button-footer":!0,"gux-no-buttons":!o}},i("div",{class:"gux-start-align-buttons"},i("slot",{name:"start-align-buttons"})),i("div",{class:"gux-end-align-buttons"},i("slot",{name:"end-align-buttons"})))}onCloseHandler(){this.guxdismiss.emit()}onDismissHandler(){this.open=!1}static get delegatesFocus(){return!0}get root(){return t(this)}static get watchers(){return{open:["syncOpenState"]}}};s.style="::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=start-align-buttons]::slotted(:not(button,gux-button-slot)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host dialog{box-sizing:border-box;justify-content:space-between;padding:0;overflow:hidden;border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-offsetX) var(--gse-ui-modal-boxShadow-offsetY) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host dialog::backdrop{background:var(--gse-ui-modal-shroudColor)}:host dialog .gux-modal-container{display:flex;flex-direction:column}:host dialog .gux-modal-container.gux-small{inline-size:var(--gse-ui-modal-small-width);max-block-size:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{inline-size:min(var(--gse-ui-modal-medium-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{inline-size:min(var(--gse-ui-modal-large-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-inline-size:calc(100vw - 48px);max-block-size:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-block-size:none}:host dialog .gux-modal-container .gux-modal-header{padding-block-start:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-lineHeight);color:var(--gse-ui-modal-headerColor)}:host dialog .gux-modal-container .gux-modal-content{max-block-size:432px;padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap);overflow-y:auto}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}:host dialog .gux-modal-container .gux-button-footer.gux-no-buttons{display:none}:host dialog .gux-modal-container footer{padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}@media (max-width: 416px){:host dialog .gux-modal-container.gux-small,:host dialog .gux-modal-container.gux-medium,:host dialog .gux-modal-container.gux-large{inline-size:100%;block-size:100%}}";export{s as gux_modal}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as s,H as
|
1
|
+
import{r as t,h as s,H as e,g as i}from"./p-78cb19b9.js";import{t as r}from"./p-e95380de.js";import{D as a,g as o}from"./p-17c48a40.js";import{u as h,d as p,a as m}from"./p-2319558c.js";import{g as n}from"./p-4b423804.js";import"./p-43af726d.js";import"./p-4202e9f2.js";const d=class{constructor(s){t(this,s),this.hasRegionalDatesCookie=!1,this.datetime=(new Date).toISOString(),this.format="short",this.timeZone=void 0}componentWillLoad(){r(this.root),h()?this.hasRegionalDatesCookie=!0:this.formatter=new a(n(this.root))}renderDate(){return this.hasRegionalDatesCookie?p(m(this.root),{dateStyle:this.format,timeZone:o(this.timeZone)}).format(new Date(this.datetime)):this.formatter.formatDate(new Date(this.datetime),this.format,{timeZone:o(this.timeZone)})}render(){return s(e,{key:"34a577a4ae435b5debd5f2d50b8443364b669445"},this.renderDate())}get root(){return i(this)}};export{d as gux_date_beta}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as i,g as t}from"./p-78cb19b9.js";import{t as a}from"./p-
|
1
|
+
import{r as e,h as i,g as t}from"./p-78cb19b9.js";import{t as a}from"./p-e95380de.js";const s=class{constructor(i){e(this,i),this.level=1,this.iconName=void 0}componentWillLoad(){a(this.root),this.headingTag=`h${this.level}`}render(){return i(this.headingTag,{key:"47d23d1a3be238352e2ae4ff212f64dd60b6feb3"},this.iconName&&i("gux-icon",{key:"4b642ba678b527d3b5484ff42bc637f013a69d85",decorative:!0,size:"medium","icon-name":this.iconName}),i("gux-truncate",{key:"e33010961d0b994342eba916d1127b78d2b53d4f"},i("slot",{key:"8ad7d7fee07aa2853719b0077962280c364c13d1"})))}get root(){return t(this)}};s.style=":host{display:block}h1,h2,h3,h4,h5,h6{display:flex;flex:0 0 auto;gap:var(--gse-ui-sidePanel-header-iconGap);align-items:center;inline-size:100%;padding:0;margin:0;font-family:var(--gse-ui-sidePanel-heading-text-fontFamily);font-size:var(--gse-ui-sidePanel-heading-text-fontSize);font-weight:var(--gse-ui-sidePanel-heading-text-fontWeight);line-height:var(--gse-ui-sidePanel-heading-text-lineHeight);color:var(--gse-ui-sidePanel-headerColor)}";export{s as gux_side_panel_heading}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as i,h as o,g as r}from"./p-78cb19b9.js";import{t}from"./p-
|
1
|
+
import{r as i,h as o,g as r}from"./p-78cb19b9.js";import{t}from"./p-e95380de.js";import{b as a}from"./p-4b423804.js";import"./p-4202e9f2.js";const e={optional:"optional"},l=class{constructor(o){i(this,o),this.variant="required",this.required=!1}async componentWillLoad(){t(this.root,{variant:this.variant}),this.i18n=await a(this.root,e)}render(){return"optional"!==this.variant||this.required?"required"===this.variant&&this.required?o("span",{class:"gux-form-field-label-indicator-required","aria-hidden":"true"},"*"):null:o("span",{class:"gux-form-field-label-indicator-optional"},"(",this.i18n("optional"),")")}get root(){return r(this)}};l.style=".gux-form-field-label-indicator-required{padding-inline-start:var(--gse-ui-formControl-formField-gap);color:var(--gse-ui-formControl-label-indicator-requiredColor)}.gux-form-field-label-indicator-optional{margin-inline-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-label-indicator-text-fontFamily);font-size:var(--gse-ui-formControl-label-indicator-text-fontSize);font-weight:var(--gse-ui-formControl-label-indicator-text-fontWeight);line-height:var(--gse-ui-formControl-label-indicator-text-lineHeight);color:var(--gse-ui-formControl-label-indicator-optionalColor)}";export{l as gux_form_field_label_indicator}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as o,h as e,H as t,g as r}from"./p-78cb19b9.js";import{t as a}from"./p-
|
1
|
+
import{r as o,h as e,H as t,g as r}from"./p-78cb19b9.js";import{t as a}from"./p-e95380de.js";const i=class{constructor(e){o(this,e),this.placement="page-desktop"}componentWillLoad(){a(this.root,{variant:this.placement})}render(){return e(t,{key:"1800b2ba3ff355461ca245554972bd430275bd21",class:{[`gux-form-footer-${this.placement}`]:!0}},e("slot",{key:"a51e6da5a63bf167e8fed7dfff493e21c9a7b947"}))}get root(){return r(this)}};i.style=":host ::slotted(footer){display:flex;align-items:center;justify-content:flex-start;margin-block-start:var(--gse-semantic-formControl-formBody-paddingBottom);border-block-start:var(--gse-ui-formFooter-separator-width) var(--gse-ui-formFooter-separator-style) var(--gse-ui-formFooter-separator-color)}:host(.gux-form-footer-page-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-page-desktop-gap);padding-block:var(--gse-ui-formFooter-page-desktop-topPadding) var(--gse-ui-formFooter-page-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-desktop-horizontalPadding) var(--gse-ui-formFooter-page-desktop-horizontalPadding)}:host(.gux-form-footer-page-mobile) ::slotted(footer){flex-direction:column;gap:var(--gse-ui-formFooter-page-mobile-gap);align-items:stretch;justify-content:center;padding-block:var(--gse-ui-formFooter-page-mobile-topPadding) var(--gse-ui-formFooter-page-mobile-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-mobile-horizontalPadding) var(--gse-ui-formFooter-page-mobile-horizontalPadding)}:host(.gux-form-footer-side-sheet-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-sideSheet-desktop-gap);padding-block:var(--gse-ui-formFooter-sideSheet-desktop-topPadding) var(--gse-ui-formFooter-sideSheet-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding) var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding)}";export{i as gux_form_footer}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as s,h as i,H as e,g as r}from"./p-78cb19b9.js";import{t as o}from"./p-
|
1
|
+
import{r as t,c as s,h as i,H as e,g as r}from"./p-78cb19b9.js";import{t as o}from"./p-e95380de.js";import{p as a,n as h,f as n,l}from"./p-8d73b418.js";const c=["gux-rich-style-list-item","gux-rich-highlight-list-item"],g=class{constructor(i){t(this,i),this.internallistitemsupdated=s(this,"internallistitemsupdated",7),this.value=void 0,this.listItems=[]}get listItemsSlot(){return this.root.querySelector("slot")}get listItemElements(){var t;const s=null===(t=this.listItemsSlot)||void 0===t?void 0:t.assignedElements();return s?Array.from(s):[]}handleHighlighItemsNavigation(){if(this.listItemsSlot){const t=this.listItemsSlot.assignedElements().find((t=>"gux-rich-highlight-list-item"===t.tagName.toLowerCase()));t&&(t.shadowRoot.querySelector("button").tabIndex=0)}}setListItems(){this.listItems=this.listItemElements,this.internallistitemsupdated.emit()}async componentWillLoad(){o(this.root),this.setListItems(),this.handleHighlighItemsNavigation()}onKeyDown(t){const s=t.target;if(!s)return;const i={ArrowUp:()=>a(this.root,c),ArrowDown:()=>h(this.root,c),Home:()=>n(this.root,c),End:()=>l(this.root,c)};s.matches("gux-rich-highlight-list-item")&&Object.assign(i,{ArrowLeft:()=>a(this.root,c),ArrowRight:()=>h(this.root,c)});const e=i[t.key];e&&(t.preventDefault(),e())}async guxFocusFirstItem(){n(this.root,c)}async guxFocusLastItem(){l(this.root,c)}render(){return i(e,{key:"a9e2c6054a4069423aab4b7ab97812efe2a3bbd0",role:"list"},i("slot",{key:"8559c06a39a7094a91fcf4ddf8a61769c58df922",onSlotchange:()=>this.setListItems()}))}static get delegatesFocus(){return!0}get root(){return r(this)}};g.style=":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;padding:var(--gse-ui-menu-padding)}";export{g as gux_rich_text_editor_list}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as e,g as i}from"./p-78cb19b9.js";import{O as r}from"./p-045d724a.js";import{s as o}from"./p-2c25e2f2.js";import{b as s}from"./p-cf0e7d3b.js";import{g as n,b as u}from"./p-4b423804.js";import{t as a}from"./p-7c26f60c.js";import{u as c,a as l}from"./p-2319558c.js";import"./p-4202e9f2.js";import"./p-43af726d.js";const p={am:"AM","time-separator":":",clockButton:"Toggle suggested times",hoursInput:"Input hours",minutesInput:"Input minutes",pm:"PM",timeOptionsState:"Time options open: {state}",toggleAmPM:"{amOrPm} selected, click to toggle"};function g(t){const e=new Date,[i,r]=t.split(":");return e.setHours(parseFloat(i)),e.setMinutes(parseFloat(r)),e.setSeconds(0),e.getTime()}function h(t,e){const[i,r]=t.split(":");return`${((parseInt(i,10)+e+24)%24).toString().padStart(2,"0")}:${r}`}function m(t,e,i){const[r,o]=t.split(":");let s=(parseInt(o,10)+e+60)%60;for(;s%i!=0;)s=(s+e+60)%60;return`${r}:${s.toString().padStart(2,"0")}`}function d(t,e){const[i,r]=t.split(":");return"12h"===e?`${(parseInt(i,10)%12||12).toString().padStart(2,"0")}:${r}`:`${i}:${r}`}function f(t,e,i){const[r,o]=t.split(":");return"12h"===e?i?`${(parseInt(r,10)%12).toString().padStart(2,"0")}:${o}`:`${(parseInt(r,10)%12+12).toString().padStart(2,"0")}:${o}`:`${r}:${o}`}function x(t,e){const[i]=d(t,e).split(":");return i}function b(t){const[,e]=t.split(":");return e}function v(t){const[e]=t.split(":");return parseInt(e,10)<12}function k(t){return"12h"===t?"^(0?[1-9]|1[012])$":"^([01]?[0-9]|2[0-3])$"}const w=class{constructor(e){t(this,e),this.value="00:00",this.interval=60,this.step=1,this.disabled=!1,this.required=!1,this.hasError=!1,this.clockType=void 0,this.min=void 0,this.max=void 0,this.expanded=!1}onFocus(){this.valueLastChange=this.value}onBlur(){this.valueLastChange!==this.value&&o(this.root,"change")}onClickOutside(){this.expanded=!1}handleKeydown(t){switch(t.key){case"Escape":case"Tab":this.expanded=!1}}async componentWillLoad(){a(this.root),this.i18n=await u(this.root,p),this.clockType=this.clockType||function(t){let e;e=c()?l(t).toLowerCase():n(t).toLowerCase();const i=new Date("January 19, 1975 15:00:00 UTC+00:00"),r=new Intl.DateTimeFormat(e,{timeStyle:"short",timeZone:"UTC"}).format(i);return!c()&&["ar","ko","zh-cn","zh-tw"].some((t=>e.startsWith(t)))||new RegExp(".*15.*").test(r)?"24h":"12h"}(this.root),"12h"==this.clockType&&(this.min||this.max)&&console.error('clock type must be "24h" when using min/max props')}updateValue(t,e=!1){t!==this.value&&(this.value=t,o(this.root,"input"),e&&this.valueLastChange!==this.value&&(o(this.root,"change"),this.valueLastChange=this.value))}valueToId(t){return`gux-id-${t.replace(":","-")}`}focusRelevantItemInPopupList(){s((()=>{this.listElement.guxFocusItemByClosestId(this.valueToId(this.value))}))}toggleDropdown(){this.expanded=!this.expanded,this.expanded&&this.focusRelevantItemInPopupList()}handleClickDropdownValue(t){const e=f(t,this.clockType,v(this.value));this.updateValue(e,!0),this.clockButton.focus(),this.expanded=!1}onHourKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(h(this.value,-1));break;case"ArrowUp":t.preventDefault(),this.updateValue(h(this.value,1));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.hourInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i,r,o){const[s,n]=d(t,e).split(":");let u=s;return u="Backspace"===i?"12h"==e&&1==o?u.split("").filter(((t,e)=>e==r-1)).join(""):u.split("").filter(((t,e)=>e!==r-1)).join("").padStart(2,"0"):parseInt(u.slice(0,r)+i+u.slice(r+1),10).toString().slice(-2).padStart(2,"0"),new RegExp(k(e)).test(u)||(u="12h"===e?i:i.padStart(2,"0")),f(`${u}:${n}`,e,v(t))}(this.value,this.clockType,t.key,this.hourInputElement.selectionStart,this.hourInputElement.value.length));break;default:t.preventDefault()}}onMinuteKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(m(this.value,-1,this.step));break;case"ArrowUp":t.preventDefault(),this.updateValue(m(this.value,1,this.step));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.minuteInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i){const[r,o]=t.split(":");let s=o;return s="Backspace"===e?s.split("").filter(((t,e)=>e!==i-1)).join("").padStart(2,"0"):(s.slice(0,i)+e+s.slice(i+1)).slice(-2).padStart(2,"0"),new RegExp("^[0-5][0-9]$").test(s)||(s=e.padStart(2,"0")),`${r}:${s}`}(this.value,t.key,this.minuteInputElement.selectionStart));break;default:t.preventDefault()}}onAmPmButtonKeyDown(t){switch(t.key){case"ArrowDown":case"ArrowUp":this.toggleAmPm(t)}}onListKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.clockButton.focus())}toggleAmPm(t){t.preventDefault(),this.updateValue(h(this.value,12),!0)}getAmPmString(){return v(this.value)?this.i18n("am"):this.i18n("pm")}renderNumberInput(){return e("div",{class:"gux-input-time-container"},e("input",{class:"gux-input-time-hours",type:"text",disabled:this.disabled,value:x(this.value,this.clockType),onKeyDown:t=>this.onHourKeyDown(t),"aria-label":this.i18n("hoursInput"),pattern:k(this.clockType),ref:t=>this.hourInputElement=t}),e("span",{class:"gux-time-separator"},this.i18n("time-separator")),e("input",{class:"gux-input-time-minutes",type:"text",disabled:this.disabled,value:b(this.value),onKeyDown:t=>this.onMinuteKeyDown(t),"aria-label":this.i18n("minutesInput"),pattern:"^[0-5][0-9]$",ref:t=>this.minuteInputElement=t}))}renderAmPmSelector(){if("12h"===this.clockType)return e("button",{class:"gux-input-time-am-pm-selector",type:"button",disabled:this.disabled,"aria-label":this.i18n("toggleAmPM",{amOrPm:this.getAmPmString()}),onClick:t=>this.toggleAmPm(t),onKeyDown:t=>this.onAmPmButtonKeyDown(t)},e("div",{class:{"gux-meridiem":!0,"gux-visible":v(this.value)}},this.i18n("am")),e("div",{class:{"gux-meridiem":!0,"gux-visible":!v(this.value)}},this.i18n("pm")))}renderClockButton(){return e("button",{class:{"gux-clock-button":!0,"gux-active":this.expanded},type:"button",disabled:this.disabled,"aria-label":this.i18n("clockButton"),"aria-expanded":this.expanded.toString(),onClick:this.toggleDropdown.bind(this),ref:t=>this.clockButton=t},e("gux-icon",{decorative:!0,"icon-name":"fa/clock-regular"}))}renderTimeListItems(){return function(t,e,i,r){const o=[0,15,30,45].filter((e=>Number.isInteger(e/t))).map((t=>String(t).padStart(2,"0"))),s=("12h"===e?["12","01","02","03","04","05","06","07","08","09","10","11"]:Array.from(Array(24).keys()).map((t=>String(t).padStart(2,"0")))).reduce(((t,e)=>t.concat(o.map((t=>`${e}:${t}`)))),[]);return"24h"===e?function(t,e,i){return e&&i&&g(e)>g(i)?t=t.filter((t=>{const r=g(t),o=g(e),s=g(i),n=g("23:59");return r>=o&&r<n||r<=s})):(e&&(t=t.filter((t=>g(t)>=g(e)))),i&&(t=t.filter((t=>g(t)<=g(i))))),t}(s,i,r):s}(this.interval,this.clockType,this.min,this.max).map((t=>{const i=f(t,this.clockType,v(this.value));return e("gux-list-item",{id:this.valueToId(i),onClick:()=>this.handleClickDropdownValue(t)},t)}))}renderTarget(){return e("div",{class:"gux-input-time",slot:"target"},this.renderNumberInput(),this.renderAmPmSelector(),this.renderClockButton())}renderPopup(){return e("div",{slot:"popup",class:"gux-list-container",onKeyDown:t=>this.onListKeyDown(t)},e("gux-list",{ref:t=>this.listElement=t},this.renderTimeListItems()))}render(){return e("gux-popup",{key:"520d19cc360c779b79a69bbbef7073c4d37ff1a5",class:{"gux-time-picker":!0,"gux-error":this.hasError},expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return i(this)}};(function(t,e,i,r){var o,s=arguments.length,n=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var u=t.length-1;u>=0;u--)(o=t[u])&&(n=(s<3?o(n):s>3?o(e,i,n):o(e,i))||n);s>3&&n&&Object.defineProperty(e,i,n)})([r({triggerEvents:"mousedown"})],w.prototype,"onClickOutside",null),w.style=".gux-time-picker{position:relative;display:inline-block}.gux-time-picker.gux-error .gux-input-time{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-time-picker .gux-input-time{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-time-picker .gux-input-time:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-time-picker .gux-input-time:hover:not(:disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-time-picker .gux-input-time input{flex:1 1 auto;align-self:auto;order:0;inline-size:2ch;padding:0;font-size:var(--gse-ui-formControl-label-text-fontSize);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}.gux-time-picker .gux-input-time input.gux-input-time-hours{text-align:end}.gux-time-picker .gux-input-time input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector{display:grid;grid-template:auto 1fr/auto 1fr auto;place-items:flex-end;padding:0;font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);font-weight:var(--gse-ui-formControl-input-prefixSufix-text-fontWeight);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);border-radius:var(--gse-ui-timePicker-focusAmpm-borderRadius)}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{display:none;grid-row:1/1;grid-column:1/1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{display:inline-block}.gux-time-picker .gux-input-time .gux-clock-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:var(--gse-ui-timePicker-clockStates-activeColor);cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible{outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);border-radius:var(--gse-ui-timePicker-focusClock-borderRadius)}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);padding:var(--gse-ui-timePicker-clock-padding)}.gux-time-picker .gux-time-separator{padding-block:0;padding-inline:1ch}.gux-time-picker .gux-list-container{max-block-size:150px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-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{w as gux_time_picker}
|
1
|
+
import{r as t,h as e,g as i}from"./p-78cb19b9.js";import{O as r}from"./p-045d724a.js";import{s as o}from"./p-2c25e2f2.js";import{b as s}from"./p-cf0e7d3b.js";import{g as n,b as u}from"./p-4b423804.js";import{t as a}from"./p-e95380de.js";import{u as c,a as l}from"./p-2319558c.js";import"./p-4202e9f2.js";import"./p-43af726d.js";const p={am:"AM","time-separator":":",clockButton:"Toggle suggested times",hoursInput:"Input hours",minutesInput:"Input minutes",pm:"PM",timeOptionsState:"Time options open: {state}",toggleAmPM:"{amOrPm} selected, click to toggle"};function g(t){const e=new Date,[i,r]=t.split(":");return e.setHours(parseFloat(i)),e.setMinutes(parseFloat(r)),e.setSeconds(0),e.getTime()}function h(t,e){const[i,r]=t.split(":");return`${((parseInt(i,10)+e+24)%24).toString().padStart(2,"0")}:${r}`}function m(t,e,i){const[r,o]=t.split(":");let s=(parseInt(o,10)+e+60)%60;for(;s%i!=0;)s=(s+e+60)%60;return`${r}:${s.toString().padStart(2,"0")}`}function d(t,e){const[i,r]=t.split(":");return"12h"===e?`${(parseInt(i,10)%12||12).toString().padStart(2,"0")}:${r}`:`${i}:${r}`}function f(t,e,i){const[r,o]=t.split(":");return"12h"===e?i?`${(parseInt(r,10)%12).toString().padStart(2,"0")}:${o}`:`${(parseInt(r,10)%12+12).toString().padStart(2,"0")}:${o}`:`${r}:${o}`}function x(t,e){const[i]=d(t,e).split(":");return i}function b(t){const[,e]=t.split(":");return e}function v(t){const[e]=t.split(":");return parseInt(e,10)<12}function k(t){return"12h"===t?"^(0?[1-9]|1[012])$":"^([01]?[0-9]|2[0-3])$"}const w=class{constructor(e){t(this,e),this.value="00:00",this.interval=60,this.step=1,this.disabled=!1,this.required=!1,this.hasError=!1,this.clockType=void 0,this.min=void 0,this.max=void 0,this.expanded=!1}onFocus(){this.valueLastChange=this.value}onBlur(){this.valueLastChange!==this.value&&o(this.root,"change")}onClickOutside(){this.expanded=!1}handleKeydown(t){switch(t.key){case"Escape":case"Tab":this.expanded=!1}}async componentWillLoad(){a(this.root),this.i18n=await u(this.root,p),this.clockType=this.clockType||function(t){let e;e=c()?l(t).toLowerCase():n(t).toLowerCase();const i=new Date("January 19, 1975 15:00:00 UTC+00:00"),r=new Intl.DateTimeFormat(e,{timeStyle:"short",timeZone:"UTC"}).format(i);return!c()&&["ar","ko","zh-cn","zh-tw"].some((t=>e.startsWith(t)))||new RegExp(".*15.*").test(r)?"24h":"12h"}(this.root),"12h"==this.clockType&&(this.min||this.max)&&console.error('clock type must be "24h" when using min/max props')}updateValue(t,e=!1){t!==this.value&&(this.value=t,o(this.root,"input"),e&&this.valueLastChange!==this.value&&(o(this.root,"change"),this.valueLastChange=this.value))}valueToId(t){return`gux-id-${t.replace(":","-")}`}focusRelevantItemInPopupList(){s((()=>{this.listElement.guxFocusItemByClosestId(this.valueToId(this.value))}))}toggleDropdown(){this.expanded=!this.expanded,this.expanded&&this.focusRelevantItemInPopupList()}handleClickDropdownValue(t){const e=f(t,this.clockType,v(this.value));this.updateValue(e,!0),this.clockButton.focus(),this.expanded=!1}onHourKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(h(this.value,-1));break;case"ArrowUp":t.preventDefault(),this.updateValue(h(this.value,1));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.hourInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i,r,o){const[s,n]=d(t,e).split(":");let u=s;return u="Backspace"===i?"12h"==e&&1==o?u.split("").filter(((t,e)=>e==r-1)).join(""):u.split("").filter(((t,e)=>e!==r-1)).join("").padStart(2,"0"):parseInt(u.slice(0,r)+i+u.slice(r+1),10).toString().slice(-2).padStart(2,"0"),new RegExp(k(e)).test(u)||(u="12h"===e?i:i.padStart(2,"0")),f(`${u}:${n}`,e,v(t))}(this.value,this.clockType,t.key,this.hourInputElement.selectionStart,this.hourInputElement.value.length));break;default:t.preventDefault()}}onMinuteKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(m(this.value,-1,this.step));break;case"ArrowUp":t.preventDefault(),this.updateValue(m(this.value,1,this.step));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.minuteInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i){const[r,o]=t.split(":");let s=o;return s="Backspace"===e?s.split("").filter(((t,e)=>e!==i-1)).join("").padStart(2,"0"):(s.slice(0,i)+e+s.slice(i+1)).slice(-2).padStart(2,"0"),new RegExp("^[0-5][0-9]$").test(s)||(s=e.padStart(2,"0")),`${r}:${s}`}(this.value,t.key,this.minuteInputElement.selectionStart));break;default:t.preventDefault()}}onAmPmButtonKeyDown(t){switch(t.key){case"ArrowDown":case"ArrowUp":this.toggleAmPm(t)}}onListKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.clockButton.focus())}toggleAmPm(t){t.preventDefault(),this.updateValue(h(this.value,12),!0)}getAmPmString(){return v(this.value)?this.i18n("am"):this.i18n("pm")}renderNumberInput(){return e("div",{class:"gux-input-time-container"},e("input",{class:"gux-input-time-hours",type:"text",disabled:this.disabled,value:x(this.value,this.clockType),onKeyDown:t=>this.onHourKeyDown(t),"aria-label":this.i18n("hoursInput"),pattern:k(this.clockType),ref:t=>this.hourInputElement=t}),e("span",{class:"gux-time-separator"},this.i18n("time-separator")),e("input",{class:"gux-input-time-minutes",type:"text",disabled:this.disabled,value:b(this.value),onKeyDown:t=>this.onMinuteKeyDown(t),"aria-label":this.i18n("minutesInput"),pattern:"^[0-5][0-9]$",ref:t=>this.minuteInputElement=t}))}renderAmPmSelector(){if("12h"===this.clockType)return e("button",{class:"gux-input-time-am-pm-selector",type:"button",disabled:this.disabled,"aria-label":this.i18n("toggleAmPM",{amOrPm:this.getAmPmString()}),onClick:t=>this.toggleAmPm(t),onKeyDown:t=>this.onAmPmButtonKeyDown(t)},e("div",{class:{"gux-meridiem":!0,"gux-visible":v(this.value)}},this.i18n("am")),e("div",{class:{"gux-meridiem":!0,"gux-visible":!v(this.value)}},this.i18n("pm")))}renderClockButton(){return e("button",{class:{"gux-clock-button":!0,"gux-active":this.expanded},type:"button",disabled:this.disabled,"aria-label":this.i18n("clockButton"),"aria-expanded":this.expanded.toString(),onClick:this.toggleDropdown.bind(this),ref:t=>this.clockButton=t},e("gux-icon",{decorative:!0,"icon-name":"fa/clock-regular"}))}renderTimeListItems(){return function(t,e,i,r){const o=[0,15,30,45].filter((e=>Number.isInteger(e/t))).map((t=>String(t).padStart(2,"0"))),s=("12h"===e?["12","01","02","03","04","05","06","07","08","09","10","11"]:Array.from(Array(24).keys()).map((t=>String(t).padStart(2,"0")))).reduce(((t,e)=>t.concat(o.map((t=>`${e}:${t}`)))),[]);return"24h"===e?function(t,e,i){return e&&i&&g(e)>g(i)?t=t.filter((t=>{const r=g(t),o=g(e),s=g(i),n=g("23:59");return r>=o&&r<n||r<=s})):(e&&(t=t.filter((t=>g(t)>=g(e)))),i&&(t=t.filter((t=>g(t)<=g(i))))),t}(s,i,r):s}(this.interval,this.clockType,this.min,this.max).map((t=>{const i=f(t,this.clockType,v(this.value));return e("gux-list-item",{id:this.valueToId(i),onClick:()=>this.handleClickDropdownValue(t)},t)}))}renderTarget(){return e("div",{class:"gux-input-time",slot:"target"},this.renderNumberInput(),this.renderAmPmSelector(),this.renderClockButton())}renderPopup(){return e("div",{slot:"popup",class:"gux-list-container",onKeyDown:t=>this.onListKeyDown(t)},e("gux-list",{ref:t=>this.listElement=t},this.renderTimeListItems()))}render(){return e("gux-popup",{key:"520d19cc360c779b79a69bbbef7073c4d37ff1a5",class:{"gux-time-picker":!0,"gux-error":this.hasError},expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return i(this)}};(function(t,e,i,r){var o,s=arguments.length,n=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var u=t.length-1;u>=0;u--)(o=t[u])&&(n=(s<3?o(n):s>3?o(e,i,n):o(e,i))||n);s>3&&n&&Object.defineProperty(e,i,n)})([r({triggerEvents:"mousedown"})],w.prototype,"onClickOutside",null),w.style=".gux-time-picker{position:relative;display:inline-block}.gux-time-picker.gux-error .gux-input-time{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-time-picker .gux-input-time{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-time-picker .gux-input-time:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-time-picker .gux-input-time:hover:not(:disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-time-picker .gux-input-time input{flex:1 1 auto;align-self:auto;order:0;inline-size:2ch;padding:0;font-size:var(--gse-ui-formControl-label-text-fontSize);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}.gux-time-picker .gux-input-time input.gux-input-time-hours{text-align:end}.gux-time-picker .gux-input-time input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector{display:grid;grid-template:auto 1fr/auto 1fr auto;place-items:flex-end;padding:0;font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);font-weight:var(--gse-ui-formControl-input-prefixSufix-text-fontWeight);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);border-radius:var(--gse-ui-timePicker-focusAmpm-borderRadius)}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{display:none;grid-row:1/1;grid-column:1/1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{display:inline-block}.gux-time-picker .gux-input-time .gux-clock-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:var(--gse-ui-timePicker-clockStates-activeColor);cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible{outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);border-radius:var(--gse-ui-timePicker-focusClock-borderRadius)}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);padding:var(--gse-ui-timePicker-clock-padding)}.gux-time-picker .gux-time-separator{padding-block:0;padding-inline:1ch}.gux-time-picker .gux-list-container{max-block-size:150px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-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{w as gux_time_picker}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,c as s,h as a,H as i,g as t}from"./p-78cb19b9.js";import{t as o}from"./p-
|
1
|
+
import{r as e,c as s,h as a,H as i,g as t}from"./p-78cb19b9.js";import{t as o}from"./p-e95380de.js";const c=class{constructor(a){e(this,a),this.guxdismiss=s(this,"guxdismiss",7),this.accent="neutral"}componentWillLoad(){o(this.root,{variant:this.accent})}render(){return a(i,{key:"cd12b491d684eb81457698877ce95c28b38c0e7d"},a("div",{key:"38c6178c912e8ba8e6ba2f0e568ff7839ae39bcf",class:`gux-icon gux-${this.accent}`},a("slot",{key:"2d9a870749e1d07dfb4e6046c6016b40aa4e0e53",name:"icon"})),a("gux-truncate",{key:"55dc46c17c39f744fadee4239d7d2c85a8f0d23a",class:"gux-message","max-lines":2},a("slot",{key:"f2bf7698cc8ee194826b73054a3afde88b1c1cd8",name:"message"})),a("gux-dismiss-button",{key:"c98371ac3aacfa923f2b5a5e4c07f548835d32bc",class:"gux-dismiss",position:"inherit",onClick:this.onDismissClickHandler.bind(this)}))}onDismissClickHandler(e){e.stopPropagation(),this.guxdismiss.emit().defaultPrevented||this.root.remove()}get root(){return t(this)}};c.style=":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:286px;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-icon{flex:0 1 auto;align-self:auto;order:0;padding:8px 12px 8px 16px;margin:2px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon ::slotted(gux-icon){width:16px;height:16px}.gux-message{flex:1 1 auto;align-self:center;order:0;margin:8px 0}.gux-dismiss{margin:4px 0}";export{c as gux_simple_toast_legacy}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,f as t,h as o,g as i,c as r}from"./p-78cb19b9.js";import{b as n}from"./p-4b423804.js";import{c as s,o as a}from"./p-f4751a15.js";import{O as l}from"./p-f4a8d565.js";import{o as u}from"./p-e5b1cffc.js";import{p as f}from"./p-a11d5d42.js";import{h as d,c,g as p,v as h,a as g,d as b}from"./p-42f2e889.js";import{s as m}from"./p-2c25e2f2.js";import{h as x}from"./p-6d8b4027.js";import{a as v,G as C}from"./p-1d9a9724.js";import{G as y,a as k}from"./p-5e79093f.js";import{t as w}from"./p-7c26f60c.js";import{f as z}from"./p-54822e3b.js";import{t as j}from"./p-20fbe34f.js";import{O as T}from"./p-045d724a.js";import{b as I}from"./p-cf0e7d3b.js";import"./p-4202e9f2.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";const F={increment:"Increment",decrement:"Decrement"};const O=class{constructor(t){e(this,t),this.clearable=void 0,this.labelPosition=void 0,this.indicatorMark="required",this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help")}handleKeyup(e){var t,o;"Tab"===e.key?this.input.matches(":focus-visible")&&(null===(t=this.labelInfo)||void 0===t||t.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-visible")&&(null===(o=this.labelInfo)||void 0===o||o.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}async guxForceUpdate(){this.hasContent=d(this.input),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help"),t(this.root)}async componentWillLoad(){this.getI18nValue=await n(this.root,F),this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help"),w(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){const e=this.clearable&&this.hasContent&&!this.disabled;return o(k,{key:"9fe2d60e7ae731e094c68998d51a5a2099a80cd5",labelPosition:this.computedLabelPosition},o(y,{key:"3ceafc7cacdb3d46ca1f4b2d0446677cc8c7e46e",required:this.required,position:this.computedLabelPosition},o("slot",{key:"fcad7e7a18ab32c48cdf39fe63fe11d0669ebd66",name:"label",onSlotchange:()=>this.setLabel()}),o("gux-form-field-label-indicator",{key:"6db058d0c69764d20cc4203a6335213349dc0a0a",variant:this.indicatorMark,required:this.required}),o("slot",{key:"d7aebaabd6b3deb33683abe8b7ca8b59dd066273",name:"label-info"})),o("div",{key:"3aecafbafe1f545e4de2caa9027b1923fc303900",class:"gux-input-and-error-container"},o("div",{key:"68d6777d215ca7be80462a655912065c9436e888",class:{"gux-input":!0,"gux-input-error":this.hasError},part:"input-section"},o("div",{key:"e5a8bb31f04c76d5513dae6180719a26ce9b029c",class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-clear":e},onClick:()=>z(this.input)},o("slot",{key:"7bd49d7eb743604cccf1a1f67d46ca2aa5ff37d8",name:"input",onSlotchange:()=>this.setInput()}),e&&o("gux-form-field-input-clear-button",{key:"c0c085810b2b48ab3998e4bf6cf6899645e758bc",onClick:()=>c(this.input)})),this.renderStepButtons(this.input,this.getI18nValue,this.disabled)),o(v,{key:"d8d284916a98589e15c2fba272ade4fa85997c5d",show:this.hasError},o("slot",{key:"1fb61143cc901e56c8d9fbad4acf11e3425e5af4",name:"error"})),o(C,{key:"832dd5c8568a4e84dd1505d1d6517648769b58ed",show:!this.hasError&&this.hasHelp},o("slot",{key:"36cf83fa87f92081c9e1db7bf8f0aaea43a0d81b",name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.clearable?"clearable":"unclearable"}-${e}`}setInput(){this.input=p(this.root,'input[type="number"][slot="input"]'),this.hasContent=d(this.input),f(this.input),this.input.addEventListener("input",(()=>{this.hasContent=d(this.input)})),this.disabled=s(this.input),this.required=this.input.required,this.disabledObserver=a(this.input,(e=>{this.disabled=e})),this.requiredObserver=u(this.input,(e=>{this.required=e})),h(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=g(this.label,this.labelPosition)}renderStepButtons(e,t,i){return o("div",{class:"gux-step-buttons-container"},o("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:t("increment"),disabled:i,onClick:()=>this.stepUp(e)},o("gux-icon",{"icon-name":"custom/chevron-up-small-regular",decorative:!0})),o("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:t("decrement"),disabled:i,onClick:()=>this.stepDown(e)},o("gux-icon",{"icon-name":"custom/chevron-down-small-regular",decorative:!0})))}stepDown(e){""===e.value?b(e,e.min||"0",!1):(e.stepDown(),this.simulateNativeInputAndChangeEvents(e))}stepUp(e){""===e.value?b(e,e.min||"0",!1):(e.stepUp(),this.simulateNativeInputAndChangeEvents(e))}simulateNativeInputAndChangeEvents(e){m(e,"input"),m(e,"change")}static get delegatesFocus(){return!0}get root(){return i(this)}};(function(e,t,o,i){var r,n=arguments.length,s=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,o,s):r(t,o))||s);n>3&&s&&Object.defineProperty(t,o,s)})([l({childList:!0,subtree:!0})],O.prototype,"onMutation",null),O.style=".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;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){flex:1 1 auto;align-self:auto;order:0;inline-size:100%;padding-block-end:0;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);color:var(--gse-ui-formControl-input-populatedColor);text-align:end;text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;inline-size:100%}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;align-self:auto;order:0;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);cursor:text;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{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-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-step-buttons-container{flex:0 1 14px;align-self:auto;order:0;margin-inline-start:var(--gse-ui-formControl-spinButton-gap)}.gux-step-buttons-container .gux-step-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-defaultColor);background:transparent;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) transparent}.gux-step-buttons-container .gux-step-button:not(:disabled):focus-visible,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{cursor:pointer;border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-step-buttons-container .gux-step-button gux-icon{flex:0 0 auto;inline-size:14px;block-size:14px}";const R=class{constructor(t){e(this,t),this.goToPage=r(this,"goToPage",7),this.isOpen=!1,this.totalPages=void 0,this.disabled=!1}handleKeyDown(e){const t=e.composedPath();switch(e.key){case"Escape":this.isOpen=!1,this.ellipsisButton.focus();break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":t.includes(this.ellipsisButton)&&(e.preventDefault(),this.isOpen=!0,this.focusInputElement())}}handleKeyup(e){if(" "===e.key)e.composedPath().includes(this.ellipsisButton)&&(this.isOpen=!0,this.focusInputElement())}watchIsDisabled(e){e&&(this.isOpen=!1)}toggle(){this.isOpen=!this.isOpen,this.isOpen&&this.focusInputElement()}onClickOutside(){this.isOpen=!1}focusInputElement(){I((()=>{this.inputElement.focus()}))}applyInputListener(){var e;null===(e=this.inputElement)||void 0===e||e.addEventListener("keydown",(e=>{const t=e.target.value.trim();"Enter"!=e.key&&" "!=e.key||(""==t?e.preventDefault():(e.preventDefault(),this.goToPage.emit(e.target.value),this.isOpen=!1))}))}async componentWillLoad(){this.i18n=await n(this.root,j,"gux-pagination-buttons"),w(this.root)}componentDidLoad(){this.applyInputListener()}render(){return[o("gux-button",{key:"064531b62fc4848ff0928d1357e396190fbf0d73",accent:"ghost",id:"popover-target",type:"button",disabled:this.disabled,ref:e=>this.ellipsisButton=e,onClick:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},o("gux-icon",{key:"297f137d486c1623dbf3bed48963cb832d35d513",screenreaderText:this.i18n("goToPage"),"icon-name":"fa/ellipsis-regular"})),o("gux-tooltip",{key:"8a3af1f9980e3b0380361ea79bd645b4b83ba76c",for:"popover-target"},o("div",{key:"9f63300284de2c39e5edda85d02f84cce6a86531",slot:"content"},this.i18n("goToPage"))),o("gux-popover",{key:"81e459874a49f8f8860232d2418950c21a598302","is-open":this.isOpen,for:"popover-target"},o("span",{key:"fcc15272ac3857c29ea1489ac74c90acbf3e2b7e",slot:"title"},this.i18n("goToPage")),o("gux-form-field-number",{key:"7d34e06d57e87c1b0e9dd8411fa73ef1dc94f5f4"},o("input",{key:"77f7d260d720848fa9df55917c329f881f58daf5",slot:"input",type:"number",ref:e=>this.inputElement=e,min:"1",max:this.totalPages,value:"1",onKeyDown:e=>["e","E","+","-","."].includes(e.key)&&e.preventDefault()}),o("label",{key:"94a27ac8c6210d06227cd02f2cbec35df2a32831",slot:"label"})))]}get root(){return i(this)}static get watchers(){return{disabled:["watchIsDisabled"]}}};(function(e,t,o,i){var r,n=arguments.length,s=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,o,s):r(t,o))||s);n>3&&s&&Object.defineProperty(t,o,s)})([T({triggerEvents:"mousedown"})],R.prototype,"onClickOutside",null),R.style="gux-button gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);padding-block-start:4px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}";export{O as gux_form_field_number,R as gux_pagination_ellipsis_button}
|
1
|
+
import{r as e,f as t,h as o,g as i,c as r}from"./p-78cb19b9.js";import{b as n}from"./p-4b423804.js";import{c as s,o as a}from"./p-f4751a15.js";import{O as l}from"./p-f4a8d565.js";import{o as u}from"./p-e5b1cffc.js";import{p as f}from"./p-a11d5d42.js";import{h as d,c,g as p,v as h,a as g,d as b}from"./p-4aaf349e.js";import{s as m}from"./p-2c25e2f2.js";import{h as x}from"./p-6d8b4027.js";import{a as v,G as C}from"./p-1d9a9724.js";import{G as y,a as k}from"./p-5e79093f.js";import{t as w}from"./p-e95380de.js";import{f as z}from"./p-54822e3b.js";import{t as j}from"./p-20fbe34f.js";import{O as T}from"./p-045d724a.js";import{b as I}from"./p-cf0e7d3b.js";import"./p-4202e9f2.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";const F={increment:"Increment",decrement:"Decrement"};const O=class{constructor(t){e(this,t),this.clearable=void 0,this.labelPosition=void 0,this.indicatorMark="required",this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help")}handleKeyup(e){var t,o;"Tab"===e.key?this.input.matches(":focus-visible")&&(null===(t=this.labelInfo)||void 0===t||t.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-visible")&&(null===(o=this.labelInfo)||void 0===o||o.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}async guxForceUpdate(){this.hasContent=d(this.input),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help"),t(this.root)}async componentWillLoad(){this.getI18nValue=await n(this.root,F),this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help"),w(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){const e=this.clearable&&this.hasContent&&!this.disabled;return o(k,{key:"9fe2d60e7ae731e094c68998d51a5a2099a80cd5",labelPosition:this.computedLabelPosition},o(y,{key:"3ceafc7cacdb3d46ca1f4b2d0446677cc8c7e46e",required:this.required,position:this.computedLabelPosition},o("slot",{key:"fcad7e7a18ab32c48cdf39fe63fe11d0669ebd66",name:"label",onSlotchange:()=>this.setLabel()}),o("gux-form-field-label-indicator",{key:"6db058d0c69764d20cc4203a6335213349dc0a0a",variant:this.indicatorMark,required:this.required}),o("slot",{key:"d7aebaabd6b3deb33683abe8b7ca8b59dd066273",name:"label-info"})),o("div",{key:"3aecafbafe1f545e4de2caa9027b1923fc303900",class:"gux-input-and-error-container"},o("div",{key:"68d6777d215ca7be80462a655912065c9436e888",class:{"gux-input":!0,"gux-input-error":this.hasError},part:"input-section"},o("div",{key:"e5a8bb31f04c76d5513dae6180719a26ce9b029c",class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-clear":e},onClick:()=>z(this.input)},o("slot",{key:"7bd49d7eb743604cccf1a1f67d46ca2aa5ff37d8",name:"input",onSlotchange:()=>this.setInput()}),e&&o("gux-form-field-input-clear-button",{key:"c0c085810b2b48ab3998e4bf6cf6899645e758bc",onClick:()=>c(this.input)})),this.renderStepButtons(this.input,this.getI18nValue,this.disabled)),o(v,{key:"d8d284916a98589e15c2fba272ade4fa85997c5d",show:this.hasError},o("slot",{key:"1fb61143cc901e56c8d9fbad4acf11e3425e5af4",name:"error"})),o(C,{key:"832dd5c8568a4e84dd1505d1d6517648769b58ed",show:!this.hasError&&this.hasHelp},o("slot",{key:"36cf83fa87f92081c9e1db7bf8f0aaea43a0d81b",name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.clearable?"clearable":"unclearable"}-${e}`}setInput(){this.input=p(this.root,'input[type="number"][slot="input"]'),this.hasContent=d(this.input),f(this.input),this.input.addEventListener("input",(()=>{this.hasContent=d(this.input)})),this.disabled=s(this.input),this.required=this.input.required,this.disabledObserver=a(this.input,(e=>{this.disabled=e})),this.requiredObserver=u(this.input,(e=>{this.required=e})),h(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=g(this.label,this.labelPosition)}renderStepButtons(e,t,i){return o("div",{class:"gux-step-buttons-container"},o("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:t("increment"),disabled:i,onClick:()=>this.stepUp(e)},o("gux-icon",{"icon-name":"custom/chevron-up-small-regular",decorative:!0})),o("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:t("decrement"),disabled:i,onClick:()=>this.stepDown(e)},o("gux-icon",{"icon-name":"custom/chevron-down-small-regular",decorative:!0})))}stepDown(e){""===e.value?b(e,e.min||"0",!1):(e.stepDown(),this.simulateNativeInputAndChangeEvents(e))}stepUp(e){""===e.value?b(e,e.min||"0",!1):(e.stepUp(),this.simulateNativeInputAndChangeEvents(e))}simulateNativeInputAndChangeEvents(e){m(e,"input"),m(e,"change")}static get delegatesFocus(){return!0}get root(){return i(this)}};(function(e,t,o,i){var r,n=arguments.length,s=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,o,s):r(t,o))||s);n>3&&s&&Object.defineProperty(t,o,s)})([l({childList:!0,subtree:!0})],O.prototype,"onMutation",null),O.style=".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;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){flex:1 1 auto;align-self:auto;order:0;inline-size:100%;padding-block-end:0;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);color:var(--gse-ui-formControl-input-populatedColor);text-align:end;text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;inline-size:100%}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;align-self:auto;order:0;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);cursor:text;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{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-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-step-buttons-container{flex:0 1 14px;align-self:auto;order:0;margin-inline-start:var(--gse-ui-formControl-spinButton-gap)}.gux-step-buttons-container .gux-step-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-defaultColor);background:transparent;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) transparent}.gux-step-buttons-container .gux-step-button:not(:disabled):focus-visible,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{cursor:pointer;border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-step-buttons-container .gux-step-button gux-icon{flex:0 0 auto;inline-size:14px;block-size:14px}";const R=class{constructor(t){e(this,t),this.goToPage=r(this,"goToPage",7),this.isOpen=!1,this.totalPages=void 0,this.disabled=!1}handleKeyDown(e){const t=e.composedPath();switch(e.key){case"Escape":this.isOpen=!1,this.ellipsisButton.focus();break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":t.includes(this.ellipsisButton)&&(e.preventDefault(),this.isOpen=!0,this.focusInputElement())}}handleKeyup(e){if(" "===e.key)e.composedPath().includes(this.ellipsisButton)&&(this.isOpen=!0,this.focusInputElement())}watchIsDisabled(e){e&&(this.isOpen=!1)}toggle(){this.isOpen=!this.isOpen,this.isOpen&&this.focusInputElement()}onClickOutside(){this.isOpen=!1}focusInputElement(){I((()=>{this.inputElement.focus()}))}applyInputListener(){var e;null===(e=this.inputElement)||void 0===e||e.addEventListener("keydown",(e=>{const t=e.target.value.trim();"Enter"!=e.key&&" "!=e.key||(""==t?e.preventDefault():(e.preventDefault(),this.goToPage.emit(e.target.value),this.isOpen=!1))}))}async componentWillLoad(){this.i18n=await n(this.root,j,"gux-pagination-buttons"),w(this.root)}componentDidLoad(){this.applyInputListener()}render(){return[o("gux-button",{key:"064531b62fc4848ff0928d1357e396190fbf0d73",accent:"ghost",id:"popover-target",type:"button",disabled:this.disabled,ref:e=>this.ellipsisButton=e,onClick:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},o("gux-icon",{key:"297f137d486c1623dbf3bed48963cb832d35d513",screenreaderText:this.i18n("goToPage"),"icon-name":"fa/ellipsis-regular"})),o("gux-tooltip",{key:"8a3af1f9980e3b0380361ea79bd645b4b83ba76c",for:"popover-target"},o("div",{key:"9f63300284de2c39e5edda85d02f84cce6a86531",slot:"content"},this.i18n("goToPage"))),o("gux-popover",{key:"81e459874a49f8f8860232d2418950c21a598302","is-open":this.isOpen,for:"popover-target"},o("span",{key:"fcc15272ac3857c29ea1489ac74c90acbf3e2b7e",slot:"title"},this.i18n("goToPage")),o("gux-form-field-number",{key:"7d34e06d57e87c1b0e9dd8411fa73ef1dc94f5f4"},o("input",{key:"77f7d260d720848fa9df55917c329f881f58daf5",slot:"input",type:"number",ref:e=>this.inputElement=e,min:"1",max:this.totalPages,value:"1",onKeyDown:e=>["e","E","+","-","."].includes(e.key)&&e.preventDefault()}),o("label",{key:"94a27ac8c6210d06227cd02f2cbec35df2a32831",slot:"label"})))]}get root(){return i(this)}static get watchers(){return{disabled:["watchIsDisabled"]}}};(function(e,t,o,i){var r,n=arguments.length,s=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,o,s):r(t,o))||s);n>3&&s&&Object.defineProperty(t,o,s)})([T({triggerEvents:"mousedown"})],R.prototype,"onClickOutside",null),R.style="gux-button gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);padding-block-start:4px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}";export{O as gux_form_field_number,R as gux_pagination_ellipsis_button}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as r,g as a}from"./p-78cb19b9.js";import{b as i}from"./p-4b423804.js";import{t as o}from"./p-
|
1
|
+
import{r as e,h as r,g as a}from"./p-78cb19b9.js";import{b as i}from"./p-4b423804.js";import{t as o}from"./p-e95380de.js";import"./p-4202e9f2.js";const t={info:"Information alert with message",success:"Success alert with message",warning:"Warning alert with message",error:"Error alert with message"},s=class{constructor(r){e(this,r),this.accent="info"}getIcon(e){switch(e){case"info":default:return"fa/circle-info-solid";case"success":return"fa/circle-check-solid";case"warning":return"fa/triangle-exclamation-solid";case"error":return"fa/hexagon-exclamation-solid"}}async componentWillLoad(){o(this.root,{variant:this.accent}),this.i18n=await i(this.root,t)}render(){return r("div",{key:"c2e1200e3ef4af39476ad26fa0c2c8dc067d26ad",class:{"gux-inline-alert":!0,[`gux-${this.accent}`]:!0}},r("div",{key:"a35a6e7da12afc651122a041fbe20877e9c7730d",class:"gux-message-wrapper"},r("gux-icon",{key:"47b82561a694a76f91c8be7068bf7bb456115a81","icon-name":this.getIcon(this.accent),decorative:!0}),r("gux-screen-reader-beta",{key:"4ba783f50fd1bdb3d0804abae3145307d3db69a4"},this.i18n(this.accent)),r("div",{key:"4a2b15ca94284dddf5bea6c40ef72146e2977ecc",class:"gux-content"},r("slot",{key:"77fa55f18a45cd15df480803472d657e4e2d2905",name:"content"},r("slot",{key:"655138f31fc50b927279fa8e57569672fcc5eb9b"})))))}get root(){return a(this)}};s.style=":host{display:flex;inline-size:fit-content}.gux-inline-alert{display:inline-flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;padding:var(--gse-ui-alert-padding);border:1px solid;border-radius:var(--gse-ui-alert-borderRadius)}.gux-inline-alert gux-icon{flex-shrink:0;align-self:flex-start;inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);margin-block-start:1px}.gux-inline-alert gux-tooltip-title{white-space:nowrap}.gux-inline-alert .gux-message-wrapper{display:flex;gap:var(--gse-ui-alert-gap);font-family:var(--gse-ui-alert-text-fontFamily);font-size:var(--gse-ui-alert-text-fontSize);font-weight:var(--gse-ui-alert-text-fontWeight);line-height:var(--gse-ui-alert-text-lineHeight)}.gux-inline-alert .gux-content{flex:1 1 auto}.gux-inline-alert.gux-info{color:var(--gse-ui-alert-info-foregroundColor);background-color:var(--gse-ui-alert-info-backgroundColor);border:var(--gse-ui-alert-info-border-width) var(--gse-ui-alert-info-border-style) var(--gse-ui-alert-info-border-color)}.gux-inline-alert.gux-info gux-icon{color:var(--gse-ui-alert-info-iconColor)}.gux-inline-alert.gux-error{color:var(--gse-ui-alert-error-foregroundColor);background-color:var(--gse-ui-alert-error-backgroundColor);border:var(--gse-ui-alert-error-border-width) var(--gse-ui-alert-error-border-style) var(--gse-ui-alert-error-border-color)}.gux-inline-alert.gux-error gux-icon{color:var(--gse-ui-alert-error-iconColor)}.gux-inline-alert.gux-warning{color:var(--gse-ui-alert-warning-foregroundColor);background-color:var(--gse-ui-alert-warning-backgroundColor);border:var(--gse-ui-alert-warning-border-width) var(--gse-ui-alert-warning-border-style) var(--gse-ui-alert-warning-border-color)}.gux-inline-alert.gux-warning gux-icon{color:var(--gse-ui-alert-warning-iconColor)}.gux-inline-alert.gux-success{color:var(--gse-ui-alert-success-foregroundColor);background-color:var(--gse-ui-alert-success-backgroundColor);border:var(--gse-ui-alert-success-border-width) var(--gse-ui-alert-success-border-style) var(--gse-ui-alert-success-border-color)}.gux-inline-alert.gux-success gux-icon{color:var(--gse-ui-alert-success-iconColor)}";export{s as gux_inline_alert}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as r,g as i}from"./p-78cb19b9.js";import{t as o}from"./p-
|
1
|
+
import{r as t,h as r,g as i}from"./p-78cb19b9.js";import{t as o}from"./p-e95380de.js";import{b as e}from"./p-4b423804.js";import{t as a}from"./p-864d63fe.js";import{g as s}from"./p-4202e9f2.js";const g=class{constructor(r){t(this,r),this.disabled=!1,this.highlight="orange",this.value=void 0}onMouseUp(){this.focusParentList()}onMouseOver(){this.focusParentList()}focusParentList(){const t=s("gux-rich-text-editor-list",this.root);t&&null===t.shadowRoot.activeElement&&(this.root.blur(),t.focus({preventScroll:!0}))}async componentWillLoad(){o(this.root,{variant:this.highlight}),this.i18n=await e(this.root,a)}renderTooltip(){if(!this.disabled&&"inherit"!==this.highlight)return r("gux-tooltip-beta",null,r("div",{slot:"content"},this.i18n(`${this.highlight}`)))}render(){return r("div",{key:"c30f320ff38c903e13eb69fc493ba73815153579",class:{"gux-highlight":!0,[`gux-${this.highlight}`]:!0},role:"listitem"},r("button",{key:"58ba38a6ba5ca8a9f256e055e7217670e87e7d10",type:"button","aria-label":this.i18n(`${this.highlight}`),tabIndex:-1,disabled:this.disabled}),this.renderTooltip())}static get delegatesFocus(){return!0}get root(){return i(this)}};g.style=":host{display:block;border-radius:var(--gse-ui-button-borderRadius)}.gux-highlight{inline-size:var(--gse-ui-rte-colorSwatch-width);block-size:var(--gse-ui-rte-colorSwatch-height);border-radius:var(--gse-ui-button-borderRadius)}.gux-highlight button{all:unset;inline-size:100%;block-size:100%;cursor:pointer}.gux-highlight button:focus-visible{outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}.gux-highlight.gux-orange{background-color:var(--gse-ui-rte-colorSwatch-orange-default)}.gux-highlight.gux-coral{background-color:var(--gse-ui-rte-colorSwatch-coral-default)}.gux-highlight.gux-pear{background-color:var(--gse-ui-rte-colorSwatch-pear-default)}.gux-highlight.gux-raspberry{background-color:var(--gse-ui-rte-colorSwatch-raspberry-default)}.gux-highlight.gux-mango{background-color:var(--gse-ui-rte-colorSwatch-mango-default)}.gux-highlight.gux-blue{background-color:var(--gse-ui-rte-colorSwatch-azure-default)}.gux-highlight.gux-mineral{background-color:var(--gse-ui-rte-colorSwatch-mineral-default)}.gux-highlight.gux-island{background-color:var(--gse-ui-rte-colorSwatch-island-default)}.gux-highlight.gux-inherit{color:inherit;background-color:inherit}";export{g as gux_rich_highlight_list_item}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,f as i,h as o,g as s,H as r}from"./p-78cb19b9.js";import{O as n}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-7c26f60c.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 k,i as z,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 L}from"./p-4202e9f2.js";import{r as W}from"./p-0934300e.js";const H={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};var R=function(t,e,i,o){var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var u=t.length-1;u>=0;u--)(s=t[u])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};const I=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,H),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,size:"small"}),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"),size:"small",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:"e65a43af8097df089756d19fa6d09f54d265b71b",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"]}}};R([n({triggerEvents:"mousedown"})],I.prototype,"onClickOutside",null),R([g({childList:!0,subtree:!0})],I.prototype,"onMutation",null),I.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;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{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(k(this.root)?(t.stopPropagation(),z(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(r,{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||W("gux-option"),this.onSubtextChange()}onSubtextChange(){this.hasSubtext=j(this.root,"subtext")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}hasDisabledParent(){const t=L("gux-listbox",this.root);return null==t?void 0:t.disabled}render(){return o(r,{key:"5a0f0e76a9a7d6c47bec3962f8fd928e99bcf90e",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:"0333df4572e7e8e96719311e9f4adb822ed72268",class:"gux-option-wrapper"},o("gux-truncate",{key:"a42db761ef58e2be2d05b11455b9223f211cd0c7",ref:t=>this.truncateElement=t},o("slot",{key:"07afbb2319d63f0fb6e0b45d27e78c3d76ba3020"})),o("slot",{key:"b1b61159e41c756763d4a2060523af62ee8d9590",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{I 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 r}from"./p-78cb19b9.js";import{O as n}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-e95380de.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 k,i as z,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 L}from"./p-4202e9f2.js";import{r as W}from"./p-0934300e.js";const H={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};var R=function(t,e,i,o){var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var u=t.length-1;u>=0;u--)(s=t[u])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};const I=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,H),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,size:"small"}),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"),size:"small",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:"e65a43af8097df089756d19fa6d09f54d265b71b",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"]}}};R([n({triggerEvents:"mousedown"})],I.prototype,"onClickOutside",null),R([g({childList:!0,subtree:!0})],I.prototype,"onMutation",null),I.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;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{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(k(this.root)?(t.stopPropagation(),z(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(r,{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||W("gux-option"),this.onSubtextChange()}onSubtextChange(){this.hasSubtext=j(this.root,"subtext")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}hasDisabledParent(){const t=L("gux-listbox",this.root);return null==t?void 0:t.disabled}render(){return o(r,{key:"5a0f0e76a9a7d6c47bec3962f8fd928e99bcf90e",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:"0333df4572e7e8e96719311e9f4adb822ed72268",class:"gux-option-wrapper"},o("gux-truncate",{key:"a42db761ef58e2be2d05b11455b9223f211cd0c7",ref:t=>this.truncateElement=t},o("slot",{key:"07afbb2319d63f0fb6e0b45d27e78c3d76ba3020"})),o("slot",{key:"b1b61159e41c756763d4a2060523af62ee8d9590",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{I as gux_dropdown,B as gux_listbox,K as gux_option}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as o,h as e,g as r}from"./p-78cb19b9.js";import{c as i,o as t}from"./p-f4751a15.js";import{O as n}from"./p-f4a8d565.js";import{o as l}from"./p-e5b1cffc.js";import{p as a}from"./p-a11d5d42.js";import{h as s}from"./p-6d8b4027.js";import{a as f,G as u}from"./p-1d9a9724.js";import{G as d,a as
|
1
|
+
import{r as o,h as e,g as r}from"./p-78cb19b9.js";import{c as i,o as t}from"./p-f4751a15.js";import{O as n}from"./p-f4a8d565.js";import{o as l}from"./p-e5b1cffc.js";import{p as a}from"./p-a11d5d42.js";import{h as s}from"./p-6d8b4027.js";import{a as f,G as u}from"./p-1d9a9724.js";import{G as d,a as p}from"./p-5e79093f.js";import{g as c,v as g,a as h}from"./p-4aaf349e.js";import{t as m}from"./p-e95380de.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const b=class{constructor(e){o(this,e),this.labelPosition=void 0,this.indicatorMark="required",this.computedLabelPosition=void 0,this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help")}handleKeyup(o){var e,r;"Tab"===o.key?this.input.matches(":focus-visible")&&(null===(e=this.labelInfo)||void 0===e||e.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var o;null===(o=this.labelInfo)||void 0===o||o.hideTooltip()}),6e3)):this.input.matches(":focus-visible")&&(null===(r=this.labelInfo)||void 0===r||r.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var o;null===(o=this.labelInfo)||void 0===o||o.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}componentWillLoad(){this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help"),m(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return e(p,{key:"eb5167c31fccdd7d84ebc4a94228404f18027965",labelPosition:this.computedLabelPosition},e(d,{key:"016b80603997293cdef58742516958685765d5fc",required:this.required,position:this.computedLabelPosition},e("slot",{key:"b3ada7a58c3d46ae2e41ff12215b0d28c60b05a9",name:"label",onSlotchange:()=>this.setLabel()}),e("gux-form-field-label-indicator",{key:"70245fa42b86f0bb1db34722f68942ec04311da0",variant:this.indicatorMark,required:this.required}),e("slot",{key:"6dfcb4faf9144a85c7458db49670fd92512241f1",name:"label-info"})),e("div",{key:"1057e6f945c033a8334319cb968d82aa9679b5fb",class:"gux-input-and-error-container"},e("div",{key:"ae4bd61d9ca718a938ac24ea1246152b59fd15a4",class:{"gux-input":!0,"gux-input-error":this.hasError}},e("div",{key:"4454e9a6152b00d3a0ee2d49c53012ff73d22546",class:{"gux-input-container":!0,"gux-disabled":this.disabled}},e("slot",{key:"389cfccf2d5f364996388b426d006b32bcfff54a",name:"input",onSlotchange:()=>this.setInput()}))),e(f,{key:"3b2f40aa97d1702ad76ee8113d8839bb5b5cf18a",show:this.hasError},e("slot",{key:"8bb94fe63bdf80b4437eeb14f3fc24a23f92568d",name:"error"})),e(u,{key:"f83ffce79ac863b0089beea206dad9f89fc46926",show:!this.hasError&&this.hasHelp},e("slot",{key:"498f9663f15081c36699100bfe9916c54932bc42",name:"help"}))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=c(this.root,'input[type="color"][slot="input"]'),a(this.input),this.disabled=i(this.input),this.required=this.input.required,this.disabledObserver=t(this.input,(o=>{this.disabled=o})),this.requiredObserver=l(this.input,(o=>{this.required=o})),g(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=h(this.label,this.labelPosition)}get root(){return r(this)}};(function(o,e,r,i){var t,n=arguments.length,l=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(o,e,r,i);else for(var a=o.length-1;a>=0;a--)(t=o[a])&&(l=(n<3?t(l):n>3?t(e,r,l):t(e,r))||l);n>3&&l&&Object.defineProperty(e,r,l)})([n({childList:!0,subtree:!0})],b.prototype,"onMutation",null),b.style=".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;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){flex:0 1 auto;align-self:auto;order:0;inline-size:var(--gse-ui-colorPicker-input-swatchSizing);min-inline-size:var(--gse-ui-colorPicker-input-swatchSizing);block-size:var(--gse-ui-colorPicker-input-swatchSizing);padding:0;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);color:var(--gse-ui-formControl-input-populatedColor);text-align:end;text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center}.gux-input-and-error-container .gux-input .gux-input-container{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;align-self:auto;order:0;inline-size:var(--gse-ui-formControl-input-colorPicker-size);block-size:var(--gse-ui-formControl-input-colorPicker-size);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:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container: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-input-and-error-container .gux-input .gux-input-container:hover{cursor:pointer;border-color:var(--gse-ui-formControl-input-hover-border-color)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}";export{b as gux_form_field_color}
|