genesys-spark-components 4.182.2 → 4.182.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-advanced-dropdown-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-announce-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-change-photo-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-group-add-item-beta_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-group-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-group-item-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-badge.cjs.entry.js +1 -1
- package/dist/cjs/gux-blank-state-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-blank-state.cjs.entry.js +1 -1
- package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-slot.cjs.entry.js +1 -1
- package/dist/cjs/gux-button_2.cjs.entry.js +1 -1
- package/dist/cjs/gux-calendar.cjs.entry.js +1 -1
- package/dist/cjs/gux-card.cjs.entry.js +1 -1
- package/dist/cjs/gux-cloud-logo-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-cloud-logomark-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-column-manager.cjs.entry.js +1 -1
- package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-context-menu.cjs.entry.js +3 -6
- package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js +1 -1
- package/dist/cjs/gux-date-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-date-time-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-file-list-item.cjs.entry.js +1 -1
- package/dist/cjs/gux-flag-icon-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-flyout-menu.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-checkbox-group-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-file-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-file.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-label-indicator.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-number_2.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-phone.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-radio-group-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-range.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-time-zone-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-footer.cjs.entry.js +1 -1
- package/dist/cjs/gux-icon-tooltip-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-icon.cjs.entry.js +1 -1
- package/dist/cjs/gux-illustration-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-inline-alert.cjs.entry.js +1 -1
- package/dist/cjs/gux-inline-dropdown-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-label-info-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-link-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-listbox-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-loading-message.cjs.entry.js +1 -1
- package/dist/cjs/gux-logo-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-logomark-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal-side-panel-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal.cjs.entry.js +1 -1
- package/dist/cjs/gux-month-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
- package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-list-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-prompt-input-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
- package/dist/cjs/gux-rating.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-highlight-list-item.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-style-list-item_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-text-editor-action-link.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-text-editor-action-rich-style.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-text-editor-action-text-highlight.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-text-editor-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-text-editor-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-text-editor-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-screen-reader-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-segmented-control-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-selector-card-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-selector-cards-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-side-panel-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-side-panel-header.cjs.entry.js +1 -1
- package/dist/cjs/gux-side-panel-heading.cjs.entry.js +1 -1
- package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-skip-navigation-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
- package/dist/cjs/gux-status-indicator-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-step-title.cjs.entry.js +1 -1
- package/dist/cjs/gux-step.cjs.entry.js +1 -1
- package/dist/cjs/gux-stepper-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-switch-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar.cjs.entry.js +1 -1
- package/dist/cjs/gux-table.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
- package/dist/cjs/gux-tag.cjs.entry.js +22 -2
- package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-zone-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-toast.cjs.entry.js +1 -1
- package/dist/cjs/gux-toggle.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip-base-beta_2.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip-pointer-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip_2.cjs.entry.js +1 -1
- package/dist/cjs/{usage-BIGTSq_I.js → usage-E_Gasq8E.js} +1 -1
- package/dist/collection/components/stable/gux-context-menu/gux-context-menu.js +2 -5
- package/dist/collection/components/stable/gux-tag/gux-tag.js +21 -1
- package/dist/esm/gux-accordion.entry.js +1 -1
- package/dist/esm/gux-action-button.entry.js +1 -1
- package/dist/esm/gux-action-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-advanced-dropdown-legacy.entry.js +1 -1
- package/dist/esm/gux-announce-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-change-photo-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-group-add-item-beta_3.entry.js +1 -1
- package/dist/esm/gux-avatar-group-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-group-item-beta.entry.js +1 -1
- package/dist/esm/gux-badge.entry.js +1 -1
- package/dist/esm/gux-blank-state-beta.entry.js +1 -1
- package/dist/esm/gux-blank-state.entry.js +1 -1
- package/dist/esm/gux-breadcrumbs.entry.js +1 -1
- package/dist/esm/gux-button-multi.entry.js +1 -1
- package/dist/esm/gux-button-slot.entry.js +1 -1
- package/dist/esm/gux-button_2.entry.js +1 -1
- package/dist/esm/gux-calendar.entry.js +1 -1
- package/dist/esm/gux-card.entry.js +1 -1
- package/dist/esm/gux-cloud-logo-beta.entry.js +1 -1
- package/dist/esm/gux-cloud-logomark-beta.entry.js +1 -1
- package/dist/esm/gux-column-manager.entry.js +1 -1
- package/dist/esm/gux-content-search.entry.js +1 -1
- package/dist/esm/gux-context-menu.entry.js +3 -6
- package/dist/esm/gux-copy-to-clipboard.entry.js +1 -1
- package/dist/esm/gux-date-beta.entry.js +1 -1
- package/dist/esm/gux-date-time-beta.entry.js +1 -1
- package/dist/esm/gux-datepicker.entry.js +1 -1
- package/dist/esm/gux-disclosure-button-legacy.entry.js +1 -1
- package/dist/esm/gux-dismiss-button.entry.js +1 -1
- package/dist/esm/gux-dropdown-multi.entry.js +1 -1
- package/dist/esm/gux-dropdown_3.entry.js +1 -1
- package/dist/esm/gux-file-list-item.entry.js +1 -1
- package/dist/esm/gux-flag-icon-beta.entry.js +1 -1
- package/dist/esm/gux-flyout-menu.entry.js +1 -1
- package/dist/esm/gux-form-field-checkbox-group-beta.entry.js +1 -1
- package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
- package/dist/esm/gux-form-field-color.entry.js +1 -1
- package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
- package/dist/esm/gux-form-field-file-beta.entry.js +1 -1
- package/dist/esm/gux-form-field-file.entry.js +1 -1
- package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
- package/dist/esm/gux-form-field-label-indicator.entry.js +1 -1
- package/dist/esm/gux-form-field-number_2.entry.js +1 -1
- package/dist/esm/gux-form-field-phone.entry.js +1 -1
- package/dist/esm/gux-form-field-radio-group-beta.entry.js +1 -1
- package/dist/esm/gux-form-field-radio.entry.js +1 -1
- package/dist/esm/gux-form-field-range.entry.js +1 -1
- package/dist/esm/gux-form-field-search.entry.js +1 -1
- package/dist/esm/gux-form-field-select.entry.js +1 -1
- package/dist/esm/gux-form-field-text-like.entry.js +1 -1
- package/dist/esm/gux-form-field-textarea.entry.js +1 -1
- package/dist/esm/gux-form-field-time-picker.entry.js +1 -1
- package/dist/esm/gux-form-field-time-zone-picker.entry.js +1 -1
- package/dist/esm/gux-form-footer.entry.js +1 -1
- package/dist/esm/gux-icon-tooltip-beta.entry.js +1 -1
- package/dist/esm/gux-icon.entry.js +1 -1
- package/dist/esm/gux-illustration-beta.entry.js +1 -1
- package/dist/esm/gux-inline-alert.entry.js +1 -1
- package/dist/esm/gux-inline-dropdown-beta.entry.js +1 -1
- package/dist/esm/gux-label-info-beta.entry.js +1 -1
- package/dist/esm/gux-link-beta.entry.js +1 -1
- package/dist/esm/gux-list.entry.js +1 -1
- package/dist/esm/gux-listbox-multi.entry.js +1 -1
- package/dist/esm/gux-loading-message.entry.js +1 -1
- package/dist/esm/gux-logo-beta.entry.js +1 -1
- package/dist/esm/gux-logomark-beta.entry.js +1 -1
- package/dist/esm/gux-modal-legacy.entry.js +1 -1
- package/dist/esm/gux-modal-side-panel-beta.entry.js +1 -1
- package/dist/esm/gux-modal.entry.js +1 -1
- package/dist/esm/gux-month-picker-beta.entry.js +1 -1
- package/dist/esm/gux-notification-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
- package/dist/esm/gux-pagination-cursor.entry.js +1 -1
- package/dist/esm/gux-pagination-legacy.entry.js +1 -1
- package/dist/esm/gux-pagination.entry.js +1 -1
- package/dist/esm/gux-phone-input-beta.entry.js +1 -1
- package/dist/esm/gux-popover-beta.entry.js +1 -1
- package/dist/esm/gux-popover-list-beta.entry.js +1 -1
- package/dist/esm/gux-popover-list.entry.js +1 -1
- package/dist/esm/gux-prompt-input-beta.entry.js +1 -1
- package/dist/esm/gux-radial-loading.entry.js +1 -1
- package/dist/esm/gux-radial-progress.entry.js +1 -1
- package/dist/esm/gux-rating.entry.js +1 -1
- package/dist/esm/gux-rich-highlight-list-item.entry.js +1 -1
- package/dist/esm/gux-rich-style-list-item_3.entry.js +1 -1
- package/dist/esm/gux-rich-text-editor-action-link.entry.js +1 -1
- package/dist/esm/gux-rich-text-editor-action-rich-style.entry.js +1 -1
- package/dist/esm/gux-rich-text-editor-action-text-highlight.entry.js +1 -1
- package/dist/esm/gux-rich-text-editor-action.entry.js +1 -1
- package/dist/esm/gux-rich-text-editor-beta.entry.js +1 -1
- package/dist/esm/gux-rich-text-editor-list.entry.js +1 -1
- package/dist/esm/gux-screen-reader-beta.entry.js +1 -1
- package/dist/esm/gux-segmented-control-beta.entry.js +1 -1
- package/dist/esm/gux-selector-card-beta.entry.js +1 -1
- package/dist/esm/gux-selector-cards-beta.entry.js +1 -1
- package/dist/esm/gux-side-panel-beta.entry.js +1 -1
- package/dist/esm/gux-side-panel-header.entry.js +1 -1
- package/dist/esm/gux-side-panel-heading.entry.js +1 -1
- package/dist/esm/gux-simple-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-skip-navigation-list.entry.js +1 -1
- package/dist/esm/gux-sort-control.entry.js +1 -1
- package/dist/esm/gux-status-indicator-beta.entry.js +1 -1
- package/dist/esm/gux-step-title.entry.js +1 -1
- package/dist/esm/gux-step.entry.js +1 -1
- package/dist/esm/gux-stepper-beta.entry.js +1 -1
- package/dist/esm/gux-switch-legacy.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-action.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-custom-action.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-menu-button.entry.js +1 -1
- package/dist/esm/gux-table-toolbar.entry.js +1 -1
- package/dist/esm/gux-table.entry.js +1 -1
- package/dist/esm/gux-tabs-advanced.entry.js +1 -1
- package/dist/esm/gux-tabs.entry.js +1 -1
- package/dist/esm/gux-tag.entry.js +22 -2
- package/dist/esm/gux-text-highlight.entry.js +1 -1
- package/dist/esm/gux-time-beta.entry.js +1 -1
- package/dist/esm/gux-time-picker.entry.js +1 -1
- package/dist/esm/gux-time-zone-beta.entry.js +1 -1
- package/dist/esm/gux-time-zone-picker-beta.entry.js +1 -1
- package/dist/esm/gux-toast.entry.js +1 -1
- package/dist/esm/gux-toggle.entry.js +1 -1
- package/dist/esm/gux-tooltip-base-beta_2.entry.js +1 -1
- package/dist/esm/gux-tooltip-pointer-beta.entry.js +1 -1
- package/dist/esm/gux-tooltip_2.entry.js +1 -1
- package/dist/esm/{usage-CCdqrX4v.js → usage-BgR5MFoI.js} +1 -1
- package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
- package/dist/genesys-webcomponents/{p-3d06d2a4.entry.js → p-05663312.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bf8c4f96.entry.js → p-065257ca.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-24135257.entry.js → p-075b0fe0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6c9ec7ec.entry.js → p-07c6cfe2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-82045dea.entry.js → p-0b7c59db.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-0c776695.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-a992222c.entry.js → p-0e5543c3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-62f48bee.entry.js → p-0e5ae3b0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b70813e3.entry.js → p-10cba3d8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-883ddef9.entry.js → p-12bc8211.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-974f66cc.entry.js → p-149d4290.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-15e338cb.entry.js → p-14fe9ac6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-348158d9.entry.js → p-151ca6b5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b7d4ba81.entry.js → p-16374ee7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0fa27ace.entry.js → p-1781fde1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-34ece808.entry.js → p-191bfd25.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bdfd75cf.entry.js → p-1b37ecb2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ccb740ba.entry.js → p-1d0d3bf4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e6bed664.entry.js → p-21d41299.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3fa76f5c.entry.js → p-27d596b3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8b3e8745.entry.js → p-282c52d9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-69d7e9f2.entry.js → p-29b6a4e0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3615d5e8.entry.js → p-2a7b334d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b323f298.entry.js → p-2b5637ed.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c3f1db1f.entry.js → p-2d46cbe8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d835b4cb.entry.js → p-2dc29721.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-313999b9.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-79258623.entry.js → p-31c48dce.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5c769985.entry.js → p-3227c1ca.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d4aff29a.entry.js → p-329a2eed.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7639cf9e.entry.js → p-329f8a53.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ea691ad9.entry.js → p-359f15e6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-32edbc1f.entry.js → p-35ef08b5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2baf3736.entry.js → p-37c60f54.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1185449b.entry.js → p-386d2b22.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2371b70c.entry.js → p-3a1eb85c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b1b97016.entry.js → p-3e5ceeba.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cedbaeb3.entry.js → p-3eb4a67c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-aebd6de3.entry.js → p-3fef39e5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5eaf48cd.entry.js → p-40d20cbd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f7519fcb.entry.js → p-410b85da.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d8f145e2.entry.js → p-46ec18c4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e6f2d1f0.entry.js → p-4c5d0167.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4be1c12a.entry.js → p-51c5e5f5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dd417ee3.entry.js → p-52b298af.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0cb94523.entry.js → p-53c1b990.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-91f4b8b2.entry.js → p-5531b54a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7c46cce0.entry.js → p-5769a7c4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9639c170.entry.js → p-59e9aed5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5facb329.entry.js → p-61f48652.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-6720cd74.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-a0523a27.entry.js → p-67468c3f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-eb64bb33.entry.js → p-67666fa5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-076f99f4.entry.js → p-67c53e80.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-23c1db09.entry.js → p-67e3d8e3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-35180840.entry.js → p-6d571da2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-14a5696c.entry.js → p-71cf95c0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7ecc9067.entry.js → p-798900a7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0f3a7df0.entry.js → p-7c749592.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6debf44c.entry.js → p-7d76f799.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ac4c788a.entry.js → p-7dc38002.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-20b0baf1.entry.js → p-7f61c948.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e2f38a31.entry.js → p-8103e4ec.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a8310899.entry.js → p-81d7b077.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f0800fff.entry.js → p-81f37c8d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5dd0e627.entry.js → p-8301ea55.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6ff79225.entry.js → p-869bec71.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-21f73b7a.entry.js → p-8878ac8b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-528a169b.entry.js → p-8cd44f83.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8c1aaa00.entry.js → p-8e0b6af5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-210bb6d0.entry.js → p-8f13683c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-02f823a3.entry.js → p-90710533.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a8e241d4.entry.js → p-91340264.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-9197fd1b.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-450875f8.entry.js → p-9268d8af.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2e2b240c.entry.js → p-968a701e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-052a0108.entry.js → p-96907666.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1392deaa.entry.js → p-9927d96b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-12c0d95a.entry.js → p-99e7863f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ba4f66be.entry.js → p-99fc5195.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-9f41248c.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-CCdqrX4v.js → p-BgR5MFoI.js} +1 -1
- package/dist/genesys-webcomponents/{p-5e73074b.entry.js → p-a103294b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2b6da0c5.entry.js → p-a1761fcb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bc45077b.entry.js → p-a21ed1f2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3d3430b7.entry.js → p-a384b88b.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-a6f54172.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-eb11148f.entry.js → p-a9482032.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-002d6150.entry.js → p-a9713331.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5fe6cc12.entry.js → p-ab0aa47a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-de1a7f1c.entry.js → p-aceadce9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-74789915.entry.js → p-ae832e8b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9b7d76e0.entry.js → p-b1c8ca4b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-15b196c8.entry.js → p-b1f1ba37.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-eff18fef.entry.js → p-bb8dd9dc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a75e298b.entry.js → p-bd339842.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a5156efc.entry.js → p-be3086ab.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-14e88134.entry.js → p-c217175e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-73ffb994.entry.js → p-c29fcb47.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dae77280.entry.js → p-c6f26606.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-24629c02.entry.js → p-c70e2144.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-32596e61.entry.js → p-c77cf7ce.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-894308f4.entry.js → p-c7ad96ef.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dfe5daf4.entry.js → p-c7b561c5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e85f8eae.entry.js → p-cb1e46bf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0bbce045.entry.js → p-cbc71e6c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3c869816.entry.js → p-d4e6eb00.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-980fac9f.entry.js → p-d6224ac1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1330ad57.entry.js → p-db6f8cb2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-027e5b54.entry.js → p-dc6c5d72.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ddedb1d4.entry.js → p-e75e1794.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cb1a7c84.entry.js → p-e8434dfa.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d5994c02.entry.js → p-e8fd3d2e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e7c1a3fe.entry.js → p-eaaab264.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-22803eb3.entry.js → p-ec402608.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-eaa2b88b.entry.js → p-ed661c86.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6da064d9.entry.js → p-ee24ba32.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-07a2e569.entry.js → p-eea730e2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f41d1ad6.entry.js → p-ef4452f7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e00a1bcb.entry.js → p-f5232021.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f556a3bf.entry.js → p-f7992b7b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1f99cb9b.entry.js → p-faa8d448.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9270f9bb.entry.js → p-fb2d9f09.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dbdc395b.entry.js → p-fc65b41e.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-fd213c3b.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-1f5e49e2.entry.js → p-ffc5a2dd.entry.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/components/stable/gux-tag/gux-tag.d.ts +1 -0
- package/dist/types/stencil-wrapper.d.ts +1 -1
- package/package.json +1 -1
- package/dist/genesys-webcomponents/p-26ec1dcf.entry.js +0 -1
- package/dist/genesys-webcomponents/p-48539f96.entry.js +0 -1
- package/dist/genesys-webcomponents/p-5ef199b9.entry.js +0 -1
- package/dist/genesys-webcomponents/p-61d513b7.entry.js +0 -1
- package/dist/genesys-webcomponents/p-6531001f.entry.js +0 -1
- package/dist/genesys-webcomponents/p-67817426.entry.js +0 -1
- package/dist/genesys-webcomponents/p-e8824406.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as s,a as r}from"./p-COgvjwDR.js";import{t as o}from"./p-
|
|
1
|
+
import{r as e,c as t,h as s,a as r}from"./p-COgvjwDR.js";import{t as o}from"./p-BgR5MFoI.js";const i=class{constructor(s){e(this,s),this.internalactivestepchange=t(this,"internalactivestepchange",7)}onClick(){this.stepDisabledState||this.internalactivestepchange.emit()}get stepDisabledState(){var e;return null===(e=this.root.closest("gux-step"))||void 0===e?void 0:e.disabled}componentWillLoad(){o(this.root)}render(){return s("button",{key:"2de2f9fa959042c33a10d24d4c50fc39e47429b4",type:"button",disabled:this.stepDisabledState},s("gux-truncate",{key:"9630f415b9ae3f283c5eb8483ddf99339679786d",maxLines:2},s("slot",{key:"bc6bb76cccf4433d28391d2aff5ebf5e2ab495ff"})))}get root(){return r(this)}};i.style="button{all:unset;font-family:var(--gse-ui-stepper-default-text-fontFamily);font-size:var(--gse-ui-stepper-default-text-fontSize);font-weight:var(--gse-ui-stepper-default-text-fontWeight);line-height:var(--gse-ui-stepper-default-text-lineHeight);color:var(--gse-ui-stepper-title-default);cursor:pointer}button[disabled]{pointer-events:none;user-select:none}button:hover:not([disabled]){font-family:var(--gse-ui-stepper-hover-text-fontFamily);font-size:var(--gse-ui-stepper-hover-text-fontSize);font-weight:var(--gse-ui-stepper-hover-text-fontWeight);line-height:var(--gse-ui-stepper-hover-text-lineHeight);color:var(--gse-ui-stepper-title-hover);text-decoration:var(--gse-ui-stepper-hover-text-textDecoration)}button:focus-visible{outline:var(--gse-ui-stepper-step-focus-border-width) var(--gse-ui-stepper-step-focus-border-style) var(--gse-ui-stepper-step-focus-border-color);outline-offset:var(--gse-ui-stepper-focus-offset);border-radius:var(--gse-ui-stepper-step-focus-borderRadius)}";export{i as gux_step_title}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as n,h as e,a}from"./p-COgvjwDR.js";import{t}from"./p-
|
|
1
|
+
import{r as n,h as e,a}from"./p-COgvjwDR.js";import{t}from"./p-BgR5MFoI.js";import{O as i}from"./p-vOC0-qDq.js";import{h as s}from"./p-qzV3vtOw.js";const o=class{constructor(e){n(this,e),this.hasCallToAction=!1,this.hasSecondaryCallToAction=!1,this.hasGuidance=!1,this.alignment="center",this.noPadding=!1}onMutation(){this.hasCallToAction=s(this.root,"call-to-action"),this.hasGuidance=s(this.root,"additional-guidance"),this.hasSecondaryCallToAction=s(this.root,"secondary-call-to-action")}renderImageSlot(){return e("slot",{name:"image"})}renderCallToActions(){if(this.hasCallToAction)return e("div",{class:"gux-call-to-actions"},this.hasCallToAction&&e("gux-button-slot",{accent:"primary"},e("slot",{name:"call-to-action"})),this.hasSecondaryCallToAction&&e("gux-button-slot",{accent:"ghost"},e("slot",{name:"secondary-call-to-action"})))}renderGuidanceSlot(){if(this.hasGuidance)return e("div",{class:"gux-guidance"},e("gux-truncate",{maxLines:3},e("slot",{name:"additional-guidance"})))}componentWillLoad(){t(this.root),this.hasCallToAction=s(this.root,"call-to-action"),this.hasGuidance=s(this.root,"additional-guidance"),this.hasSecondaryCallToAction=s(this.root,"secondary-call-to-action")}render(){return e("div",{key:"841a6017df97390ef5c7a6473052a0636301b7aa",class:{"gux-container":!0,"gux-no-padding":this.noPadding,"gux-alignment-left":"left"===this.alignment}},e("div",{key:"3bdd9f952f016a0212cc7c8ee3c280364adf5079",class:"gux-image"},this.renderImageSlot()),e("div",{key:"1801a0077669a67982d5488a594305fbaa665ada",class:"gux-message"},e("slot",{key:"155e931c22de756059a2e95c7ac3cdfd76aefae8",name:"primary-message"})),this.renderGuidanceSlot(),this.renderCallToActions())}get root(){return a(this)}};(function(n,e,a,t){var i,s=arguments.length,o=s<3?e:null===t?t=Object.getOwnPropertyDescriptor(e,a):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(n,e,a,t);else for(var r=n.length-1;r>=0;r--)(i=n[r])&&(o=(s<3?i(o):s>3?i(e,a,o):i(e,a))||o);s>3&&o&&Object.defineProperty(e,a,o)})([i({childList:!0,subtree:!0})],o.prototype,"onMutation",null),o.style=":host {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n container-type: inline-size;\n}\n\n.gux-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: var(--gse-ui-blankState-padding);\n color: var(--gse-ui-blankState-foregroundColor);\n}\n.gux-container.gux-no-padding {\n padding: 0;\n}\n.gux-container .gux-call-to-actions {\n display: flex;\n flex-direction: column;\n gap: 4px;\n padding-block-start: var(--gse-ui-blankState-gapContent);\n}\n.gux-container .gux-image {\n padding-block-end: var(--gse-ui-blankState-gapMain);\n}\n.gux-container .gux-message {\n padding-block-end: var(--gse-ui-blankState-gapMessage);\n}\n.gux-container ::slotted(gux-icon) {\n inline-size: var(--gse-ui-blankState-icon-size-lg);\n block-size: var(--gse-ui-blankState-icon-size-lg);\n color: var(--gse-ui-blankState-iconColor);\n}\n.gux-container slot[name=primary-message] {\n font-family: var(--gse-ui-progressAndLoading-blankState-large-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-large-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-large-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-large-header-lineHeight);\n color: var(--gse-ui-blankState-foregroundColor);\n text-align: center;\n}\n.gux-container slot[name=additional-guidance] {\n font-family: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-large-subheader-lineHeight);\n color: var(--gse-ui-blankState-foregroundColor);\n text-align: center;\n}\n.gux-container.gux-alignment-left {\n align-items: flex-start;\n}\n.gux-container.gux-alignment-left slot[name=primary-message],\n.gux-container.gux-alignment-left slot[name=additional-guidance] {\n text-align: start;\n}\n\n@container (width < 570px) {\n .gux-container ::slotted(gux-icon) {\n inline-size: var(--gse-ui-blankState-icon-size-sm);\n block-size: var(--gse-ui-blankState-icon-size-sm);\n }\n .gux-container slot[name=primary-message] {\n font-family: var(--gse-ui-progressAndLoading-blankState-small-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-small-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-small-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-small-header-lineHeight);\n }\n .gux-container slot[name=additional-guidance] {\n font-family: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-small-subheader-lineHeight);\n }\n}";export{o as gux_blank_state_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as a,H as t,a as o}from"./p-COgvjwDR.js";import{t as s}from"./p-
|
|
1
|
+
import{r as e,h as a,H as t,a as o}from"./p-COgvjwDR.js";import{t as s}from"./p-BgR5MFoI.js";const i=class{constructor(a){e(this,a)}componentWillLoad(){s(this.root)}render(){return a(t,{key:"75d67820ae309e19d2913fe1857ea0e8d5c62936"},a("div",{key:"b86ff4e2dfbdf83290db95e7b45976fb27e9f8d1",class:"gux-header"},a("div",{key:"3d1f75da3fce6792c0c69b83527d9a5a24c3e2da",class:"gux-icon"},a("slot",{key:"3894a22dd04c410b5762d7cc73636d4085ab61c7",name:"icon"})),a("div",{key:"f7297544f0ecd9fe053f7ede98a145f106d7a879",class:"gux-title"},a("slot",{key:"ea0a1c5f9cc2d8b98f6b90056dff5e69fb3e1fd7",name:"title"}))),a("div",{key:"f5d7b3b430ef5fbb73cdeacf214c18cee158c17d",class:"gux-message"},a("slot",{key:"e23a21e7314a7b3c06b2b74511ed5b268b8fbacd",name:"message"})),a("div",{key:"1bcf28249bc1f9fa4fced9e2f2b56e6fc939399a",class:"gux-action-buttons"},a("div",{key:"47ee8eb8af2fab9c7ed7358071976daf4f687486",class:"gux-positive-button"},a("slot",{key:"abfb9f2ba3b313e5615fcc949a17b60db32b59cb",name:"positive-button"})),a("div",{key:"31cb0927ac3ac76ea49a6d36e03303ef7c6e121c",class:"gux-negative-button"},a("slot",{key:"4f7808777bc3c63b733e6f711405c7bc35dcced6",name:"negative-button"}))))}get root(){return o(this)}};i.style=":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:stretch;width:270px;padding:20px 24px;margin-bottom:4px;color:var(--gse-ui-toast-success-foregroundColor);background:var(--gse-ui-toast-success-backgroundColor);border:1px solid var(--gse-ui-card-default-border-color);border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;align-self:auto;order:0;font-family:var(--gse-semantic-heading-lg-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-lg-bold-fontSize);line-height:var(--gse-semantic-heading-lg-bold-lineHeight);font-weight:var(--gse-semantic-heading-lg-bold-fontWeight)}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:var(--gse-core-colorLegacy-secondary-aquaGreen)}.gux-header .gux-icon ::slotted(gux-icon){width:32px !important;height:32px !important}.gux-header .gux-title{flex:1 1 auto;align-self:auto;order:0;margin:0 0 0 8px}.gux-message{flex:0 1 auto;align-self:auto;order:0;margin:16px 0;font-family:var(--gse-semantic-body-sm-regular-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-semantic-body-sm-regular-fontSize);line-height:var(--gse-semantic-body-sm-regular-lineHeight);font-weight:var(--gse-semantic-body-sm-regular-fontWeight)}.gux-message ::slotted(dl){display:flex;flex-direction:row;flex-wrap:wrap;place-content:stretch flex-start;align-items:flex-start;margin:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}";export{i as gux_action_toast_legacy}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,d as e,h as r,a as o}from"./p-COgvjwDR.js";import{O as n}from"./p-DKPAGIJA.js";import{h as s}from"./p-qzV3vtOw.js";import{t as a}from"./p-
|
|
1
|
+
import{r as t,c as i,d as e,h as r,a as o}from"./p-COgvjwDR.js";import{O as n}from"./p-DKPAGIJA.js";import{h as s}from"./p-qzV3vtOw.js";import{t as a}from"./p-BgR5MFoI.js";import{g as h}from"./p-wqCHc7t7.js";import{b as d}from"./p-D2nzPgXC.js";import{t as c}from"./p-DN3YAdAX.js";import{a as l}from"./p-Bg4q97BS.js";import{O as u}from"./p-vOC0-qDq.js";import"./p-DCZG2J0G.js";import"./p-Cd4R0amv.js";var g=function(t,i,e,r){var o,n=arguments.length,s=n<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,e):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,r);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(s=(n<3?o(s):n>3?o(i,e,s):o(i,e))||s);return n>3&&s&&Object.defineProperty(i,e,s),s};const x=class{constructor(e){t(this,e),this.guxToggleAction=i(this,"guxToggleAction",7),this.disabled=!1,this.typographicalEmphasisActions=[],this.textStylingActions=[],this.listsAndIndentationActions=[],this.insertingActions=[],this.hasToolbar=!1}checkResponsiveLayout(){e((()=>{this.handleOverflow(),this.getHiddenActions()}))}onMutation(){this.hasToolbar=this.hasToolbarChildren()}async componentWillLoad(){a(this.root),this.i18n=await d(this.root,c),this.hasToolbar=this.hasToolbarChildren()}componentDidLoad(){l((()=>{this.checkResponsiveLayout()}))}componentDidUpdate(){this.handleOverflow()}isOverFlowing(){var t;const i=null===(t=this.root)||void 0===t?void 0:t.shadowRoot.querySelector(".gux-rich-text-editor-toolbar-container");return Array.from(i.children).filter((t=>!t.classList.contains("gux-hidden"))).reduce(((t,i)=>t+i.clientWidth),0)>i.clientWidth}handleOverflow(){const t=Array.from(this.root.querySelectorAll("gux-rich-text-editor-action-group"));for(;this.isOverFlowing();){let i=!1;for(let e=t.length-1;e>=0;e--)if(!t[e].classList.contains("gux-hidden")){t[e].classList.add("gux-hidden"),i=!0;break}if(!i)break}for(const i of t)if(i.classList.contains("gux-hidden")&&(i.classList.remove("gux-hidden"),this.isOverFlowing())){i.classList.add("gux-hidden");break}}getHiddenActions(){this.typographicalEmphasisActions=h(this.root,'gux-rich-text-editor-action-group[slot="typographical-emphasis"]',"gux-hidden"),this.listsAndIndentationActions=h(this.root,'gux-rich-text-editor-action-group[slot="lists-indentation"]',"gux-hidden"),this.textStylingActions=h(this.root,'gux-rich-text-editor-action-group[slot="text-styling"]',"gux-hidden"),this.insertingActions=h(this.root,'gux-rich-text-editor-action-group[slot="inserting"]',"gux-hidden")}getAllActions(){return[...this.textStylingActions,...this.typographicalEmphasisActions,...this.listsAndIndentationActions,...this.insertingActions]}categorizeActions(t){const i=[],e=[],r=[];return t.forEach((t=>{t.startsWith("rich-style-")?i.push(t.slice(11)):t.startsWith("highlight-")?e.push(t.slice(10)):r.push(t)})),{richStyleActions:i,highlightActions:e,filteredActions:r}}renderListItems(t,i=!1){return t.map(((t,e)=>{const o=t.replace(/<\/?[^>]+(>|$)/g,"");return r("gux-rich-style-list-item",Object.assign({onClick:()=>this.guxToggleAction.emit(o),key:e,value:o},i?{innerHTML:t}:{}),!i&&(this.i18n(o)||o))}))}renderSubList(t,i,e=!1){if(i.length>0)return r("gux-rich-text-editor-sub-list",{label:this.i18n(t)},this.renderListItems(i,e))}renderHighlightSubList(t){if(t.length>0)return r("gux-rich-text-editor-sub-list",{label:this.i18n("textHighlight")},this.renderListItems(t),r("gux-rich-style-list-item",{onClick:()=>this.guxToggleAction.emit("noHighlightAction"),value:"noHighlight"},r("gux-truncate",{"max-lines":1},this.i18n("noHighlight"))))}renderTextEditorMenu(){const t=this.getAllActions();if(t.length>0){const{richStyleActions:i,highlightActions:e,filteredActions:o}=this.categorizeActions(t);return r("gux-rich-text-editor-menu",null,this.renderListItems(o),this.renderSubList("richStyle",i,!0),this.renderHighlightSubList(e))}}renderSlot(t,i){return s(this.root,t)?r("div",{class:i},r("slot",{name:t})):null}renderTypographicalEmphasis(){return this.renderSlot("typographical-emphasis","gux-typographical-emphasis-container")}renderTextStyling(){return this.renderSlot("text-styling","gux-text-styling-container")}renderListsIndentation(){return this.renderSlot("lists-indentation","gux-lists-indentation-container")}renderInserting(){return this.renderSlot("inserting","gux-inserting-container")}renderGlobalAction(){return this.renderSlot("global-action","gux-global-action-container")}hasToolbarChildren(){return[this.renderTypographicalEmphasis(),this.renderTextStyling(),this.renderListsIndentation(),this.renderInserting(),this.renderTextEditorMenu(),this.renderGlobalAction()].some((t=>null!=t))}render(){return r("div",{key:"87485db6853a7b91ed7e41f6b940583fdb1f4993",class:{"gux-rich-text-editor-container":!0,"gux-disabled":this.disabled,"gux-toolbar-hidden":!this.hasToolbar}},r("div",{key:"c2ec7a7097b07b58e34e0b6a8ee8f39648974c3f",class:"gux-rich-text-editor-toolbar-container"},this.renderTypographicalEmphasis(),this.renderTextStyling(),this.renderListsIndentation(),this.renderInserting(),this.renderTextEditorMenu(),this.renderGlobalAction()),r("slot",{key:"647b6ed5016b40fe4c21ede9d01e82f47ab36b80",name:"editor"}))}get root(){return o(this)}};g([n()],x.prototype,"checkResponsiveLayout",null),g([u({childList:!0,subtree:!0})],x.prototype,"onMutation",null),x.style=":host{display:block}:host([style*=resize]){overflow:auto;resize:inherit}.gux-rich-text-editor-container{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--gse-ui-rte-innerContainer-gap);inline-size:100%;max-inline-size:100%;block-size:100%;max-block-size:100%;padding:var(--gse-ui-rte-padding);overflow:hidden scroll;background-color:var(--gse-ui-formControl-input-backgroundColor);border:var(--gse-ui-rte-mainContainer-default-border-width) var(--gse-ui-rte-mainContainer-default-border-color) var(--gse-ui-rte-mainContainer-default-border-style);border-radius:var(--gse-ui-rte-container-borderRadius)}.gux-rich-text-editor-container.gux-toolbar-hidden{gap:0}.gux-rich-text-editor-container .gux-rich-text-editor-toolbar-container{display:flex;flex-direction:row;justify-content:flex-start}.gux-rich-text-editor-container .gux-rich-text-editor-toolbar-container .gux-global-action-container{margin-inline-start:auto}.gux-rich-text-editor-container.gux-disabled{pointer-events:none;cursor:default;user-select:none;border:var(--gse-ui-rte-mainContainer-disabled-border-width) var(--gse-ui-rte-mainContainer-disabled-border-color) var(--gse-ui-rte-mainContainer-disabled-border-style);opacity:0.5}.gux-rich-text-editor-container:active:enabled{border:var(--gse-ui-rte-mainContainer-active-border-width) var(--gse-ui-rte-mainContainer-active-border-color) var(--gse-ui-rte-mainContainer-active-border-style)}.gux-rich-text-editor-container:focus-within:not(.gux-disabled),.gux-rich-text-editor-container:hover:not(.gux-disabled){border:var(--gse-ui-rte-mainContainer-hover-border-width) var(--gse-ui-rte-mainContainer-hover-border-color) var(--gse-ui-rte-mainContainer-hover-border-style)}.gux-rich-text-editor-container:focus-within:not(.gux-disabled){outline:var(--gse-ui-rte-mainContainer-focus-border-width) var(--gse-ui-rte-mainContainer-focus-border-color) var(--gse-ui-rte-mainContainer-focus-border-style)}";export{x as gux_rich_text_editor_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as o,a as r}from"./p-COgvjwDR.js";import{t}from"./p-
|
|
1
|
+
import{r as i,h as o,a as r}from"./p-COgvjwDR.js";import{t}from"./p-BgR5MFoI.js";import{b as a}from"./p-D2nzPgXC.js";import"./p-Cd4R0amv.js";var l={optional:"optional"};const e=class{constructor(o){i(this,o),this.variant="required",this.required=!1}async componentWillLoad(){t(this.root,{variant:this.variant}),this.i18n=await a(this.root,l)}render(){return"optional"!==this.variant||this.required?"required"===this.variant&&this.required?o("span",{class:"gux-form-field-label-indicator-required","aria-hidden":"true"},"*"):null:o("span",{class:"gux-form-field-label-indicator-optional"},"(",this.i18n("optional"),")")}get root(){return r(this)}};e.style=".gux-form-field-label-indicator-required{padding-inline-start:var(--gse-ui-formControl-formField-gap);color:var(--gse-ui-formControl-label-indicator-requiredColor)}.gux-form-field-label-indicator-optional{margin-inline-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-label-indicator-text-fontFamily);font-size:var(--gse-ui-formControl-label-indicator-text-fontSize);font-weight:var(--gse-ui-formControl-label-indicator-text-fontWeight);line-height:var(--gse-ui-formControl-label-indicator-text-lineHeight);color:var(--gse-ui-formControl-label-indicator-optionalColor)}";export{e as gux_form_field_label_indicator}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as s,a as t}from"./p-COgvjwDR.js";import{t as e}from"./p-
|
|
1
|
+
import{r as i,h as s,a as t}from"./p-COgvjwDR.js";import{t as e}from"./p-BgR5MFoI.js";import{b as n}from"./p-D2nzPgXC.js";import"./p-Cd4R0amv.js";var o={dismiss:"Dismiss"};const a=class{constructor(s){i(this,s),this.position="absolute",this.size="medium"}async componentWillLoad(){e(this.root,{variant:this.position}),this.i18n=await n(this.root,o)}render(){return s("gux-button-slot",{key:"8e9f664c567d0158fba24d555538c7d1eecba885",accent:"ghost",class:{"gux-inherit":"inherit"==this.position,"gux-dismiss-small":"small"==this.size}},s("button",{key:"005f5ee36a716e0f0ddc3af81fcd80776d15e3a0",type:"button",title:this.i18n("dismiss")},s("div",{key:"0ef51e79d18865cf643d1b85eb94a2721b6ce378",class:"gux-icon-container"},s("gux-icon",{key:"7fb042e8b56356d4736aae5e59ccc7bb66f64646","icon-name":"fa/xmark-large-regular",decorative:!0,size:"small"}))))}static get delegatesFocus(){return!0}get root(){return t(this)}};a.style="gux-button-slot{position:absolute;inset-block-start:4px;inset-inline-end:4px;inline-size:var(--gse-ui-button-dismiss-medium-width);block-size:var(--gse-ui-button-dismiss-medium-height)}gux-button-slot.gux-dismiss-small{inline-size:var(--gse-ui-button-dismiss-small-width);block-size:var(--gse-ui-button-dismiss-small-height)}gux-button-slot.gux-dismiss-small button{inline-size:var(--gse-ui-button-dismiss-small-width);min-inline-size:var(--gse-ui-button-dismiss-small-width);block-size:var(--gse-ui-button-dismiss-small-height);padding:0}gux-button-slot.gux-inherit{position:inherit;inset-block-start:inherit;inset-inline-end:inherit}gux-button-slot .gux-icon-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center}gux-button-slot .gux-icon-container gux-icon{flex:0 0 auto;align-self:auto;order:0;color:var(--gse-ui-dismissButton-foregroundColor)}";export{a as gux_dismiss_button}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,f as i,h as t,H as r,a as o}from"./p-COgvjwDR.js";import{c as a,o as n}from"./p-Cb3FOYGS.js";import{O as l}from"./p-vOC0-qDq.js";import{o as s}from"./p-De1NnCmO.js";import{p as g}from"./p-PYfNAK8p.js";import{h as u}from"./p-qzV3vtOw.js";import{G as d,a as f}from"./p-Dry1Kkrx.js";import{a as h,G as p}from"./p-Co3DWTSR.js";import{g as c,v as x,a as b}from"./p-DHLxhscH.js";import{t as m}from"./p-CCdqrX4v.js";import{O as v}from"./p-DKPAGIJA.js";import"./p-D9jKBqIb.js";import"./p-DxtJDeL9.js";import"./p-BMRf5pjV.js";var y=function(e,i,t,r){var o,a=arguments.length,n=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(n=(a<3?o(n):a>3?o(i,t,n):o(i,t))||n);return a>3&&n&&Object.defineProperty(i,t,n),n};const k=class{constructor(i){e(this,i),this.indicatorMark="required",this.computedLabelPosition="above",this.hasError=!1,this.hasHelp=!1}onInput(e){this.updateValue(e.target.value)}onMousedown(){this.disabled||(this.active=!0)}onMouseup(){this.active=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=u(this.root,"error"),this.hasHelp=u(this.root,"help")}handleKeyup(e){var i,t;switch(e.key){case"Tab":this.input.matches(":focus-visible")&&(null===(i=this.labelInfo)||void 0===i||i.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3));break;case"Shift":break;default:this.input.matches(":focus-visible")&&(null===(t=this.labelInfo)||void 0===t||t.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}}onFocusout(){var e;this.active=!1,null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}componentWillLoad(){this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=u(this.root,"error"),this.hasHelp=u(this.root,"help"),m(this.root,{variant:this.variant})}componentDidLoad(){this.updatePosition(),this.tooltipElement&&i(this.root)}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect(),clearInterval(this.valueWatcherId)}render(){return t(r,{key:"c9659001a315704171830f441ec9182edcdb775b",class:{"gux-active":this.active}},t(h,{key:"6375acacb5ffe29e4ab47b537934b53adf2ca1eb",labelPosition:this.computedLabelPosition},t(p,{key:"bf3d45c557af11a891b35d4770f31627e181af4d",required:this.required,position:this.computedLabelPosition},t("slot",{key:"220710ee4498dee17925719dfd97833f2761a8b6",name:"label",onSlotchange:()=>this.setLabel()}),t("gux-form-field-label-indicator",{key:"6409696d7f0261aaf56fedf08b9aefa225f77c87",variant:this.indicatorMark,required:this.required}),t("slot",{key:"404dd77023651d4c31e63e792c3aeb4a04e67f5d",name:"label-info"})),t("div",{key:"cc59cf41be40345152d4ba98a267502cb4b09da4",class:"gux-input-and-error-container"},this.renderRangeInput(),t(d,{key:"82eb5395053d1f34698b3efbfd1906fc4ef872e1",show:this.hasError},t("slot",{key:"dff24fd024a96675168b79286aa97b1a8352ecc1",name:"error"})),t(f,{key:"95f342c37af75350aba83b531b3dfa73680266d0",show:!this.hasError&&this.hasHelp},t("slot",{key:"235e9611fccf02f722d1b6eeb738656b4e1c8154",name:"help"})))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=c(this.root,'input[type="range"][slot="input"]'),g(this.input),this.disabled=a(this.input),this.required=this.input.required,this.value=this.input.value,this.disabledObserver=n(this.input,(e=>{this.disabled=e})),this.requiredObserver=s(this.input,(e=>{this.required=e})),clearInterval(this.valueWatcherId),this.valueWatcherId=setInterval((()=>{this.value!==this.input.value&&this.updateValue(this.input.value)}),100),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=b(this.label,this.labelPosition)}renderRangeInput(){return t("div",{class:{"gux-range-input-container":!0,"gux-disabled":this.disabled},"aria-disabled":this.disabled?"true":"false",ref:e=>this.containerElement=e},t("div",{class:"gux-range"},t("div",{class:"gux-track"},t("div",{class:"gux-progress",ref:e=>this.progressElement=e})),t("slot",{name:"input"}),this.valueInTooltip&&t("gux-tooltip-base-beta",{ref:e=>this.tooltipElement=e,forElement:this.containerElement,offsetY:10,placement:"top"},t("span",{slot:"content"},this.getDisplayValue()))),t("div",{class:{"gux-display":!0,"gux-hidden":this.valueInTooltip}},this.getDisplayValue()))}updateValue(e){this.value=e,this.updatePosition()}updatePosition(){var e,i,t;const r=Number((null===(e=this.input)||void 0===e?void 0:e.value)||0),o=Number((null===(i=this.input)||void 0===i?void 0:i.min)||0),a=(r-o)/(Number((null===(t=this.input)||void 0===t?void 0:t.max)||100)-o)*100;this.tooltipElement&&(this.tooltipElement.offsetX=(a/100-.5)*(this.containerElement.offsetWidth-20)),this.progressElement&&(this.progressElement.style.width=`${a}%`)}getDisplayValue(){return this.displayUnits?`${this.value}${this.displayUnits}`:this.value}get root(){return o(this)}};y([l({childList:!0,subtree:!0})],k.prototype,"onMutation",null),y([v()],k.prototype,"updatePosition",null),k.style=".gux-form-field-container{display:flex;flex-direction:column}.gux-form-field-container.gux-beside{flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 0 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(label){min-inline-size:0}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input[type=range]){position:absolute;inline-size:100%;block-size:var(--gse-ui-rangeSlider-bar-height);margin-block:calc(var(--gse-ui-rangeSlider-handle-height) / 2);margin-block-start:calc(-1 * (calc(var(--gse-ui-rangeSlider-handle-height) / 2) + var(--gse-ui-rangeSlider-bar-height)));margin-inline:0;-webkit-appearance:none;background:transparent}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container.gux-hidden{display:none}.gux-input-and-error-container .gux-range-input-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-rangeSlider-gap);place-content:stretch flex-start;align-items:center;block-size:var(--gse-ui-rangeSlider-set-height);font-size:var(--gse-ui-rangeSlider-label-text-fontSize)}.gux-input-and-error-container .gux-range-input-container.gux-disabled{opacity:var(--gse-ui-rangeSlider-disabled-opacity)}.gux-input-and-error-container .gux-range-input-container .gux-range{position:relative;flex:1 1 auto;align-self:center;order:0}.gux-input-and-error-container .gux-range-input-container .gux-range:hover .gux-range-tooltip,.gux-input-and-error-container .gux-range-input-container .gux-range:focus-within .gux-range-tooltip{visibility:visible}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track{inline-size:100%;block-size:var(--gse-ui-rangeSlider-bar-height);margin-block:6px;margin-inline:0;background:var(--gse-ui-rangeSlider-bar-default-backgroundColor);border-radius:var(--gse-ui-rangeSlider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track .gux-progress{block-size:var(--gse-ui-rangeSlider-bar-height);background-color:var(--gse-ui-rangeSlider-bar-selected-backgroundColor);border-radius:var(--gse-ui-rangeSlider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-display{flex:0 1 auto;align-self:auto;order:0;margin-block:0;margin-inline:var(--gux-spacing-medium) 0;font-family:var(--gse-ui-rangeSlider-label-text-fontFamily);font-size:var(--gse-ui-rangeSlider-label-text-fontSize);font-weight:var(--gse-ui-rangeSlider-label-text-fontWeight);line-height:var(--gse-ui-rangeSlider-label-text-lineHeight);text-align:end}.gux-input-and-error-container .gux-range-input-container .gux-display.gux-hidden{display:none}.gux-form-field-label.gux-beside{inset-block-start:0}";export{k as gux_form_field_range}
|
|
1
|
+
import{r as e,f as i,h as t,H as r,a as o}from"./p-COgvjwDR.js";import{c as a,o as n}from"./p-Cb3FOYGS.js";import{O as l}from"./p-vOC0-qDq.js";import{o as s}from"./p-De1NnCmO.js";import{p as g}from"./p-PYfNAK8p.js";import{h as u}from"./p-qzV3vtOw.js";import{G as d,a as f}from"./p-Dry1Kkrx.js";import{a as h,G as p}from"./p-Co3DWTSR.js";import{g as c,v as x,a as b}from"./p-DHLxhscH.js";import{t as m}from"./p-BgR5MFoI.js";import{O as v}from"./p-DKPAGIJA.js";import"./p-D9jKBqIb.js";import"./p-DxtJDeL9.js";import"./p-BMRf5pjV.js";var y=function(e,i,t,r){var o,a=arguments.length,n=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(n=(a<3?o(n):a>3?o(i,t,n):o(i,t))||n);return a>3&&n&&Object.defineProperty(i,t,n),n};const k=class{constructor(i){e(this,i),this.indicatorMark="required",this.computedLabelPosition="above",this.hasError=!1,this.hasHelp=!1}onInput(e){this.updateValue(e.target.value)}onMousedown(){this.disabled||(this.active=!0)}onMouseup(){this.active=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=u(this.root,"error"),this.hasHelp=u(this.root,"help")}handleKeyup(e){var i,t;switch(e.key){case"Tab":this.input.matches(":focus-visible")&&(null===(i=this.labelInfo)||void 0===i||i.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3));break;case"Shift":break;default:this.input.matches(":focus-visible")&&(null===(t=this.labelInfo)||void 0===t||t.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}}onFocusout(){var e;this.active=!1,null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}componentWillLoad(){this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=u(this.root,"error"),this.hasHelp=u(this.root,"help"),m(this.root,{variant:this.variant})}componentDidLoad(){this.updatePosition(),this.tooltipElement&&i(this.root)}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect(),clearInterval(this.valueWatcherId)}render(){return t(r,{key:"c9659001a315704171830f441ec9182edcdb775b",class:{"gux-active":this.active}},t(h,{key:"6375acacb5ffe29e4ab47b537934b53adf2ca1eb",labelPosition:this.computedLabelPosition},t(p,{key:"bf3d45c557af11a891b35d4770f31627e181af4d",required:this.required,position:this.computedLabelPosition},t("slot",{key:"220710ee4498dee17925719dfd97833f2761a8b6",name:"label",onSlotchange:()=>this.setLabel()}),t("gux-form-field-label-indicator",{key:"6409696d7f0261aaf56fedf08b9aefa225f77c87",variant:this.indicatorMark,required:this.required}),t("slot",{key:"404dd77023651d4c31e63e792c3aeb4a04e67f5d",name:"label-info"})),t("div",{key:"cc59cf41be40345152d4ba98a267502cb4b09da4",class:"gux-input-and-error-container"},this.renderRangeInput(),t(d,{key:"82eb5395053d1f34698b3efbfd1906fc4ef872e1",show:this.hasError},t("slot",{key:"dff24fd024a96675168b79286aa97b1a8352ecc1",name:"error"})),t(f,{key:"95f342c37af75350aba83b531b3dfa73680266d0",show:!this.hasError&&this.hasHelp},t("slot",{key:"235e9611fccf02f722d1b6eeb738656b4e1c8154",name:"help"})))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=c(this.root,'input[type="range"][slot="input"]'),g(this.input),this.disabled=a(this.input),this.required=this.input.required,this.value=this.input.value,this.disabledObserver=n(this.input,(e=>{this.disabled=e})),this.requiredObserver=s(this.input,(e=>{this.required=e})),clearInterval(this.valueWatcherId),this.valueWatcherId=setInterval((()=>{this.value!==this.input.value&&this.updateValue(this.input.value)}),100),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=b(this.label,this.labelPosition)}renderRangeInput(){return t("div",{class:{"gux-range-input-container":!0,"gux-disabled":this.disabled},"aria-disabled":this.disabled?"true":"false",ref:e=>this.containerElement=e},t("div",{class:"gux-range"},t("div",{class:"gux-track"},t("div",{class:"gux-progress",ref:e=>this.progressElement=e})),t("slot",{name:"input"}),this.valueInTooltip&&t("gux-tooltip-base-beta",{ref:e=>this.tooltipElement=e,forElement:this.containerElement,offsetY:10,placement:"top"},t("span",{slot:"content"},this.getDisplayValue()))),t("div",{class:{"gux-display":!0,"gux-hidden":this.valueInTooltip}},this.getDisplayValue()))}updateValue(e){this.value=e,this.updatePosition()}updatePosition(){var e,i,t;const r=Number((null===(e=this.input)||void 0===e?void 0:e.value)||0),o=Number((null===(i=this.input)||void 0===i?void 0:i.min)||0),a=(r-o)/(Number((null===(t=this.input)||void 0===t?void 0:t.max)||100)-o)*100;this.tooltipElement&&(this.tooltipElement.offsetX=(a/100-.5)*(this.containerElement.offsetWidth-20)),this.progressElement&&(this.progressElement.style.width=`${a}%`)}getDisplayValue(){return this.displayUnits?`${this.value}${this.displayUnits}`:this.value}get root(){return o(this)}};y([l({childList:!0,subtree:!0})],k.prototype,"onMutation",null),y([v()],k.prototype,"updatePosition",null),k.style=".gux-form-field-container{display:flex;flex-direction:column}.gux-form-field-container.gux-beside{flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 0 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(label){min-inline-size:0}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input[type=range]){position:absolute;inline-size:100%;block-size:var(--gse-ui-rangeSlider-bar-height);margin-block:calc(var(--gse-ui-rangeSlider-handle-height) / 2);margin-block-start:calc(-1 * (calc(var(--gse-ui-rangeSlider-handle-height) / 2) + var(--gse-ui-rangeSlider-bar-height)));margin-inline:0;-webkit-appearance:none;background:transparent}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container.gux-hidden{display:none}.gux-input-and-error-container .gux-range-input-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-rangeSlider-gap);place-content:stretch flex-start;align-items:center;block-size:var(--gse-ui-rangeSlider-set-height);font-size:var(--gse-ui-rangeSlider-label-text-fontSize)}.gux-input-and-error-container .gux-range-input-container.gux-disabled{opacity:var(--gse-ui-rangeSlider-disabled-opacity)}.gux-input-and-error-container .gux-range-input-container .gux-range{position:relative;flex:1 1 auto;align-self:center;order:0}.gux-input-and-error-container .gux-range-input-container .gux-range:hover .gux-range-tooltip,.gux-input-and-error-container .gux-range-input-container .gux-range:focus-within .gux-range-tooltip{visibility:visible}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track{inline-size:100%;block-size:var(--gse-ui-rangeSlider-bar-height);margin-block:6px;margin-inline:0;background:var(--gse-ui-rangeSlider-bar-default-backgroundColor);border-radius:var(--gse-ui-rangeSlider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track .gux-progress{block-size:var(--gse-ui-rangeSlider-bar-height);background-color:var(--gse-ui-rangeSlider-bar-selected-backgroundColor);border-radius:var(--gse-ui-rangeSlider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-display{flex:0 1 auto;align-self:auto;order:0;margin-block:0;margin-inline:var(--gux-spacing-medium) 0;font-family:var(--gse-ui-rangeSlider-label-text-fontFamily);font-size:var(--gse-ui-rangeSlider-label-text-fontSize);font-weight:var(--gse-ui-rangeSlider-label-text-fontWeight);line-height:var(--gse-ui-rangeSlider-label-text-lineHeight);text-align:end}.gux-input-and-error-container .gux-range-input-container .gux-display.gux-hidden{display:none}.gux-form-field-label.gux-beside{inset-block-start:0}";export{k as gux_form_field_range}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,f as i,h as o,a as r,H as s}from"./p-COgvjwDR.js";import{O as n}from"./p-DGRFHar4.js";import{b as l}from"./p-D2nzPgXC.js";import{s as a}from"./p-BMRf5pjV.js";import{o as u,c as d}from"./p-Cb3FOYGS.js";import{b as g}from"./p-Bg4q97BS.js";import{t as h}from"./p-CCdqrX4v.js";import{O as c}from"./p-vOC0-qDq.js";import{s as f,b as p,g as x,a as b,d as v,h as m,e as w,f as C,i as y,j as k,k as z,l as F,m as j,n as O,o as T,c as S,p as D}from"./p-zrBw_m7x.js";import{h as E}from"./p-qzV3vtOw.js";import{w as L}from"./p-kLXvN2m9.js";import{g as R}from"./p-Cd4R0amv.js";import{b as W}from"./p-CK42c8Uy.js";import{r as H}from"./p-D9jKBqIb.js";import{g as B}from"./p-MAoEg4ig.js";import"./p-DjLdmWVU.js";var I={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"},A=function(t,e,i,o){var r,s=arguments.length,n=s<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 l=t.length-1;l>=0;l--)(r=t[l])&&(n=(s<3?r(n):s>3?r(e,i,n):r(e,i))||n);return s>3&&n&&Object.defineProperty(e,i,n),n};const K=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.disabled=!1,this.required=!1,this.loading=!1,this.filterType="none",this.hasError=!1,this.exceedTargetWidth=!1,this.expanded=!1,this.filter=""}watchExpanded(t){!t&&this.filterElement&&(this.filter="",this.filterElement.value="")}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("noFocusChange")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,f(this.listboxElement)));case"Enter":case" ":return void(this.expanded||this.isFilterable()||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),this.isFilterable()&&!this.root.contains(null==t?void 0:t.relatedTarget)&&this.filterElement.focus()}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&&g((()=>{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(){h(this.root),this.i18n=await l(this.root,I),u(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){const t=b(i);return null==t?void 0:t.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":case"gux-option-status-beta":return this.renderIconOption(t);default:return e}}getOptionDefaultText(t){return b(t)}renderOption(t){return o("gux-truncate",{ref:t=>this.truncateElement=t,dir:"auto"},this.getOptionDefaultText(t))}renderIconOption(t){let e=null,i=t.textContent;return null!==t.iconColor&&(e={color:t.iconColor}),E(t,"subtext")&&(i=this.getOptionDefaultText(t)),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},i))}renderFilterInputField(){if(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",{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),onFocus:()=>this.expanded=!0,disabled:this.disabled}),this.renderTargetContent()))))}renderPopup(){return o("slot",{slot:"popup"})}renderTarget(){return o("div",{class:{"gux-target-container-filterable":this.isFilterable(),"gux-target-container-filterable-active":this.expanded&&this.isFilterable(),"gux-target-container-not-filterable":!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.isFilterable()&&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:"b44699ea3b45c8f05e8bb8b14b1e111d0ea4b12d",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:["watchExpanded"],value:["watchValue"],filter:["handleFilter"],disabled:["watchDisabled"]}}};A([n({triggerEvents:"mousedown"})],K.prototype,"onClickOutside",null),A([c({childList:!0,subtree:!0})],K.prototype,"onMutation",null),K.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-field,.gux-target-container-filterable{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-filterable,.gux-target-container-not-filterable .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-error.gux-target-container-not-filterable .gux-field-button,.gux-error.gux-target-container-filterable{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-not-filterable .gux-field-button,.gux-disabled.gux-target-container-filterable{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-target-container-not-filterable .gux-field-button:hover,.gux-target-container-filterable:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{--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-filterable{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-filterable.gux-target-container-filterable-active{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-filterable: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-filterable: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-filterable .gux-filter-input{background-color:inherit;border:none}.gux-target-container-filterable .gux-filter-input:focus{outline:none;border:none}.gux-target-container-filterable .gux-filter-input::selection{color:inherit;background:transparent;}.gux-target-container-filterable .gux-field-button{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;outline:none;background:inherit;border:none;box-shadow:none}.gux-target-container-filterable .gux-field-button:focus{outline:none}.gux-target-container-not-filterable .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-not-filterable .gux-field-button:focus-visible{outline:var(--gse-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-not-filterable .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)}.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 V=["gux-option","gux-option-icon","gux-option-status-beta"].join(",");var M={noMatches:"No matches",loading:"Loading..."};const q=class{constructor(i){t(this,i),this.internallistboxoptionsupdated=e(this,"internallistboxoptionsupdated",7),this.loading=!1,this.filter="",this.filterType="none",this.disabled=!1,this.selectedValues=[],this.listboxOptions=[]}onBlur(){v(this.root)}onKeydown(t){if(!m(this.root))return t.preventDefault(),void f(this.root);switch(t.key){case"Enter":return t.preventDefault(),void j(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(z(this.root)?(t.stopPropagation(),F(this.root)):C(this.root));case"ArrowUp":return t.preventDefault(),void(y(this.root)?(t.stopPropagation(),k(this.root)):w(this.root));case"Home":return t.preventDefault(),void C(this.root);case"End":return t.preventDefault(),void w(this.root);case" ":return void t.preventDefault()}1!==t.key.length||O(this.root,t.key)}onKeyup(t){" "!==t.key||j(this.root,(t=>this.updateValue(t)))}onMousemove(){v(this.root)}onClick(t){L(V,t,(t=>{T(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){j(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.selectedValues=S(this.value),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(){h(this.root),this.i18n=await l(this.root,M),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,"custom"!==this.filterType&&"none"!==this.filterType&&(t.filtered=!D(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(s,{role:"listbox",tabindex:0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}get root(){return r(this)}};q.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;outline:none;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)}: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);padding-block:var(--gse-ui-dropdown-gap);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);color:var(--gse-ui-menu-option-label-foregroundColor)}";const N=class{constructor(e){t(this,e),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||H("gux-option"),this.onSubtextChange()}onSubtextChange(){const t=B(this.root,"subtext");this.hasSubtext=!!(null==t?void 0:t.trim())}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}hasDisabledParent(){const t=R("gux-listbox",this.root);return null==t?void 0:t.disabled}render(){return o(s,{key:"d5f34265c114817fbe44e2acd6ac7210facbb600",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":W(this.disabled||this.hasDisabledParent())},o("div",{key:"30bd78c10e9ff8fab4136c00e940210606b56133",class:"gux-option-wrapper"},o("gux-truncate",{key:"3d56da75449c4db342f72d0c456a28c09eec7e80","tooltip-placement":"right",ref:t=>this.truncateElement=t},o("slot",{key:"0b6e1f1d2043c77f8b844536337579c5a666a66d"})),o("slot",{key:"c531948a74d1024d5e33507e0ac0709df9a7942d",onSlotchange:()=>this.onSubtextChange(),name:"subtext"})))}get root(){return r(this)}static get watchers(){return{active:["handleActive"]}}};N.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);min-block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);overflow-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){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;border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}:host(.gux-show-subtext){align-items:flex-start;block-size:auto;padding:var(--gse-ui-menu-option-subtext-padding)}: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{K as gux_dropdown,q as gux_listbox,N as gux_option}
|
|
1
|
+
import{r as t,c as e,f as i,h as o,a as r,H as s}from"./p-COgvjwDR.js";import{O as n}from"./p-DGRFHar4.js";import{b as l}from"./p-D2nzPgXC.js";import{s as a}from"./p-BMRf5pjV.js";import{o as u,c as d}from"./p-Cb3FOYGS.js";import{b as g}from"./p-Bg4q97BS.js";import{t as h}from"./p-BgR5MFoI.js";import{O as c}from"./p-vOC0-qDq.js";import{s as f,b as p,g as x,a as b,d as v,h as m,e as w,f as C,i as y,j as k,k as z,l as F,m as j,n as O,o as T,c as S,p as R}from"./p-zrBw_m7x.js";import{h as D}from"./p-qzV3vtOw.js";import{w as E}from"./p-kLXvN2m9.js";import{g as L}from"./p-Cd4R0amv.js";import{b as W}from"./p-CK42c8Uy.js";import{r as B}from"./p-D9jKBqIb.js";import{g as H}from"./p-MAoEg4ig.js";import"./p-DjLdmWVU.js";var I={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"},A=function(t,e,i,o){var r,s=arguments.length,n=s<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 l=t.length-1;l>=0;l--)(r=t[l])&&(n=(s<3?r(n):s>3?r(e,i,n):r(e,i))||n);return s>3&&n&&Object.defineProperty(e,i,n),n};const K=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.disabled=!1,this.required=!1,this.loading=!1,this.filterType="none",this.hasError=!1,this.exceedTargetWidth=!1,this.expanded=!1,this.filter=""}watchExpanded(t){!t&&this.filterElement&&(this.filter="",this.filterElement.value="")}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("noFocusChange")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,f(this.listboxElement)));case"Enter":case" ":return void(this.expanded||this.isFilterable()||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),this.isFilterable()&&!this.root.contains(null==t?void 0:t.relatedTarget)&&this.filterElement.focus()}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&&g((()=>{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(){h(this.root),this.i18n=await l(this.root,I),u(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){const t=b(i);return null==t?void 0:t.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":case"gux-option-status-beta":return this.renderIconOption(t);default:return e}}getOptionDefaultText(t){return b(t)}renderOption(t){return o("gux-truncate",{ref:t=>this.truncateElement=t,dir:"auto"},this.getOptionDefaultText(t))}renderIconOption(t){let e=null,i=t.textContent;return null!==t.iconColor&&(e={color:t.iconColor}),D(t,"subtext")&&(i=this.getOptionDefaultText(t)),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},i))}renderFilterInputField(){if(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",{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),onFocus:()=>this.expanded=!0,disabled:this.disabled}),this.renderTargetContent()))))}renderPopup(){return o("slot",{slot:"popup"})}renderTarget(){return o("div",{class:{"gux-target-container-filterable":this.isFilterable(),"gux-target-container-filterable-active":this.expanded&&this.isFilterable(),"gux-target-container-not-filterable":!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.isFilterable()&&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:"b44699ea3b45c8f05e8bb8b14b1e111d0ea4b12d",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:["watchExpanded"],value:["watchValue"],filter:["handleFilter"],disabled:["watchDisabled"]}}};A([n({triggerEvents:"mousedown"})],K.prototype,"onClickOutside",null),A([c({childList:!0,subtree:!0})],K.prototype,"onMutation",null),K.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-field,.gux-target-container-filterable{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-filterable,.gux-target-container-not-filterable .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-error.gux-target-container-not-filterable .gux-field-button,.gux-error.gux-target-container-filterable{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-not-filterable .gux-field-button,.gux-disabled.gux-target-container-filterable{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-target-container-not-filterable .gux-field-button:hover,.gux-target-container-filterable:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{--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-filterable{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-filterable.gux-target-container-filterable-active{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-filterable: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-filterable: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-filterable .gux-filter-input{background-color:inherit;border:none}.gux-target-container-filterable .gux-filter-input:focus{outline:none;border:none}.gux-target-container-filterable .gux-filter-input::selection{color:inherit;background:transparent;}.gux-target-container-filterable .gux-field-button{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;outline:none;background:inherit;border:none;box-shadow:none}.gux-target-container-filterable .gux-field-button:focus{outline:none}.gux-target-container-not-filterable .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-not-filterable .gux-field-button:focus-visible{outline:var(--gse-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-not-filterable .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)}.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 M=["gux-option","gux-option-icon","gux-option-status-beta"].join(",");var V={noMatches:"No matches",loading:"Loading..."};const q=class{constructor(i){t(this,i),this.internallistboxoptionsupdated=e(this,"internallistboxoptionsupdated",7),this.loading=!1,this.filter="",this.filterType="none",this.disabled=!1,this.selectedValues=[],this.listboxOptions=[]}onBlur(){v(this.root)}onKeydown(t){if(!m(this.root))return t.preventDefault(),void f(this.root);switch(t.key){case"Enter":return t.preventDefault(),void j(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(z(this.root)?(t.stopPropagation(),F(this.root)):C(this.root));case"ArrowUp":return t.preventDefault(),void(y(this.root)?(t.stopPropagation(),k(this.root)):w(this.root));case"Home":return t.preventDefault(),void C(this.root);case"End":return t.preventDefault(),void w(this.root);case" ":return void t.preventDefault()}1!==t.key.length||O(this.root,t.key)}onKeyup(t){" "!==t.key||j(this.root,(t=>this.updateValue(t)))}onMousemove(){v(this.root)}onClick(t){E(M,t,(t=>{T(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){j(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.selectedValues=S(this.value),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(){h(this.root),this.i18n=await l(this.root,V),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,"custom"!==this.filterType&&"none"!==this.filterType&&(t.filtered=!R(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(s,{role:"listbox",tabindex:0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}get root(){return r(this)}};q.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;outline:none;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)}: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);padding-block:var(--gse-ui-dropdown-gap);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);color:var(--gse-ui-menu-option-label-foregroundColor)}";const N=class{constructor(e){t(this,e),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||B("gux-option"),this.onSubtextChange()}onSubtextChange(){const t=H(this.root,"subtext");this.hasSubtext=!!(null==t?void 0:t.trim())}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(s,{key:"d5f34265c114817fbe44e2acd6ac7210facbb600",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":W(this.disabled||this.hasDisabledParent())},o("div",{key:"30bd78c10e9ff8fab4136c00e940210606b56133",class:"gux-option-wrapper"},o("gux-truncate",{key:"3d56da75449c4db342f72d0c456a28c09eec7e80","tooltip-placement":"right",ref:t=>this.truncateElement=t},o("slot",{key:"0b6e1f1d2043c77f8b844536337579c5a666a66d"})),o("slot",{key:"c531948a74d1024d5e33507e0ac0709df9a7942d",onSlotchange:()=>this.onSubtextChange(),name:"subtext"})))}get root(){return r(this)}static get watchers(){return{active:["handleActive"]}}};N.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);min-block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);overflow-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){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;border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}:host(.gux-show-subtext){align-items:flex-start;block-size:auto;padding:var(--gse-ui-menu-option-subtext-padding)}: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{K as gux_dropdown,q as gux_listbox,N as gux_option}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as g,H as l,a as i}from"./p-COgvjwDR.js";import{t as o}from"./p-
|
|
1
|
+
import{r as e,c as t,h as g,H as l,a as i}from"./p-COgvjwDR.js";import{t as o}from"./p-BgR5MFoI.js";import{r as a}from"./p-D9jKBqIb.js";import{b as r}from"./p-D2nzPgXC.js";import"./p-Cd4R0amv.js";var n={defaultAriaLabel:"Toggle Switch",toggleIsLoading:"Toggle is loading",toggleIsFinishedLoading:"Toggle is finished loading"};const s=class{constructor(g){e(this,g),this.check=t(this,"check",7),this.labelId=a("gux-toggle-label"),this.errorId=a("gux-toggle-error"),this.checked=!1,this.disabled=!1,this.loading=!1,this.labelPosition="right",this.displayInline=!1}handleLoading(e){this.announceElement.guxAnnounce(this.i18n(e?"toggleIsLoading":"toggleIsFinishedLoading"))}onKeydown(e){" "===e.key&&(e.preventDefault(),this.toggle())}toggle(){this.disabled||this.loading||this.check.emit(!this.checked).defaultPrevented||(this.checked=!this.checked)}getAriaLabel(){return this.root.getAttribute("aria-label")||this.label||this.checkedLabel||this.root.title||this.i18n("defaultAriaLabel")}async componentWillLoad(){this.i18n=await r(this.root,n),o(this.root,{variant:this.checkedLabel||this.uncheckedLabel?"labled":"unlabled"})}renderLoading(){if(this.loading)return g("div",{class:"gux-toggle-label-loading"},g("gux-radial-loading",{context:"input"}))}renderLabel(){return this.label?g("div",{class:"gux-toggle-label-and-error"},g("div",{class:"gux-toggle-label"},g("div",{class:"gux-toggle-label-text"},g("span",{class:"gux-toggle-label-text-inner"},g("span",{id:this.labelId},this.label),this.renderLoading())))):this.uncheckedLabel&&this.checkedLabel?g("div",{class:"gux-toggle-label-and-error"},g("div",{class:"gux-toggle-label"},g("div",{class:"gux-toggle-label-text"},g("span",{class:"gux-toggle-label-text-inner"},g("span",{id:this.labelId},this.checked?this.checkedLabel:this.uncheckedLabel),this.renderLoading()),g("span",{class:"gux-toggle-label-text-inner gux-hidden"},this.checkedLabel),g("span",{class:"gux-toggle-label-text-inner gux-hidden"},this.uncheckedLabel)))):void 0}renderError(){if(this.errorMessage)return g("div",{role:"alert",id:this.errorId,class:"gux-toggle-error"},g("div",{class:"gux-toggle-error-container"},g("gux-icon",{"icon-name":"fa/hexagon-exclamation-solid",decorative:!0,size:"small"}),g("div",{class:"gux-toggle-error-message"},this.errorMessage)))}render(){return g(l,{key:"c30ae1623ca366fb0354da9dc63b794bc81d6f96",class:{"gux-display-inline":this.displayInline}},g("div",{key:"34b666848b18ea8d13369af1e0adb0d4d24b3f54",class:{"gux-toggle-container":!0,"gux-toggle-label-left":"left"===this.labelPosition,"gux-disabled":this.disabled||this.loading},"aria-disabled":this.disabled||this.loading?"true":"false"},g("div",{key:"3cd561d7ec0fd58f6701a990f039f8d509335ba2",class:"gux-toggle-input",onClick:this.toggle.bind(this)},g("gux-toggle-slider",{key:"0a70119953889bc034698734d35dc06bcd1489f1",checked:this.checked,disabled:this.disabled||this.loading,guxAriaLabel:this.getAriaLabel(),labelId:this.checkedLabel&&this.uncheckedLabel?this.labelId:"",onKeyDown:this.onKeydown.bind(this),errorId:this.errorMessage?this.errorId:""}),this.renderLabel()),this.renderError()),g("gux-announce-beta",{key:"bda041b1688e86b57bdc38e67a9d2dc14ac68e4e",ref:e=>this.announceElement=e}))}static get delegatesFocus(){return!0}get root(){return i(this)}static get watchers(){return{loading:["handleLoading"]}}};s.style=':host{display:block;font-family:initial;font-size:initial;font-weight:initial;line-height:initial;outline:none}:host(.gux-display-inline){display:inline-block}.gux-toggle-container.gux-disabled{pointer-events:none;cursor:default}.gux-toggle-container.gux-disabled .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{opacity:var(--gse-ui-toggle-disabled-opacity)}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input{flex-direction:row-reverse}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{place-items:end}.gux-toggle-container.gux-toggle-label-left .gux-toggle-error{float:inline-end}.gux-toggle-container .gux-toggle-input{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toggle-gap);place-content:stretch flex-start;align-items:center;inline-size:fit-content;cursor:pointer}.gux-toggle-container .gux-toggle-input .gux-toggle-label{position:relative;display:inline-block}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{display:grid;grid-template-areas:"inner-div";place-items:center start}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner{position:relative;grid-area:inner-div;font-family:var(--gse-ui-toggle-label-fontFamily);font-size:var(--gse-ui-toggle-label-fontSize);font-weight:var(--gse-ui-toggle-label-fontWeight);line-height:var(--gse-ui-toggle-label-lineHeight);color:var(--gse-ui-formControl-label-labelColor);overflow-wrap:break-word}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner.gux-hidden{visibility:hidden}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-loading{position:absolute;inset:0;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toggle-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-toggle-label-fontFamily);font-size:var(--gse-ui-toggle-label-fontSize);font-weight:var(--gse-ui-toggle-label-fontWeight);line-height:var(--gse-ui-toggle-label-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container .gux-toggle-error-message{flex:0 1 auto;align-self:auto;order:0}';export{s as gux_toggle}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as o,f as i,a as r}from"./p-COgvjwDR.js";import{b as t}from"./p-D2nzPgXC.js";import{O as l}from"./p-vOC0-qDq.js";import{h as a}from"./p-qzV3vtOw.js";import{t as s}from"./p-CCdqrX4v.js";import{a as n,G as d}from"./p-Dry1Kkrx.js";import{G as f,a as p}from"./p-Co3DWTSR.js";import{g as u,v as g}from"./p-DHLxhscH.js";import{p as h}from"./p-PYfNAK8p.js";import{a as c,o as x,b}from"./p-De1NnCmO.js";import{s as m}from"./p-BMRf5pjV.js";import"./p-Cd4R0amv.js";import"./p-D9jKBqIb.js";import"./p-DxtJDeL9.js";var v={uploadFile:"Upload file",uploadFiles:"Upload files",changeFile:"Change file",changeFiles:"Change files",clickToUpload:"Click to upload",dragAndDropFileInstructions:"Drag and drop a file here or",dragAndDropFilesInstructions:"Drag and drop files here or"};const y=class{constructor(o){e(this,o),this.indicatorMark="required",this.dragAndDrop=!1,this.disabled=!1,this.hasError=!1,this.hasHelp=!1,this.required=!1,this.multiple=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help")}handleKeyup(e){var o,i;switch(e.key){case"Tab":this.input.matches(":focus-visible")&&(null===(o=this.labelInfo)||void 0===o||o.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3));break;case"Shift":break;default:this.input.matches(":focus-visible")&&(null===(i=this.labelInfo)||void 0===i||i.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}onGuxRemoveFile(e){this.removeFile(e.detail)}async componentWillLoad(){this.getI18nValue=await t(this.root,v),this.setInput(),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help"),this.labelInfo=this.root.querySelector("[slot=label-info]"),s(this.root)}disconnectedCallback(){var e,o,i;null===(e=this.disabledObserver)||void 0===e||e.disconnect(),null===(o=this.requiredObserver)||void 0===o||o.disconnect(),null===(i=this.multipleObserver)||void 0===i||i.disconnect()}render(){return o(p,{key:"e9b166fd53f9331f707994d2d6a7434b492c71b3",labelPosition:"above"},o(f,{key:"08e530b79a6a7d6f5910c3a40a6a6e75595234e4",position:"above",required:this.required},o("slot",{key:"5aa85b7ff23fee47de65564f201696b81191e721",name:"label"}),o("gux-form-field-label-indicator",{key:"29984af400fe9533db9bcf9e8ba329b51aa37236",variant:this.indicatorMark,required:this.required}),o("slot",{key:"3732c9fad58a25507898e451944d96fd8cc02901",name:"label-info"})),o("div",{key:"58d976226028aa6dd527627ebfaa1a4e9eedb6d1",class:"gux-input-and-error-container"},o(n,{key:"d1be45394502290a514b0398a2cb445dfefaf3a8",show:this.hasHelp},o("slot",{key:"52d185b20681d5b75d694a049cca26bb26ce5be2",name:"help"})),this.renderInputSlot(),o(d,{key:"59a049e588913219a3bb3049b9598d2b9ad70cf4",show:this.hasError},o("slot",{key:"33a2f4286b4da11bbdbdf750a610c9891c2c46cd",name:"error"})),this.renderFileList()))}setInput(){this.input=u(this.root,'input[type="file"][slot="input"]'),this.input.addEventListener("input",(()=>{i(this.root)})),h(this.input),this.disabled=this.input.disabled,this.required=this.input.required,this.multiple=this.input.multiple,this.disabledObserver=c(this.input,(e=>{this.disabled=e})),this.requiredObserver=x(this.input,(e=>{this.required=e})),this.multipleObserver=b(this.input,(e=>{this.multiple=e})),g(this.root,this.input)}getDropZoneText(){return this.getI18nValue(this.multiple?"dragAndDropFilesInstructions":"dragAndDropFileInstructions")}getProxyButtonText(){var e,o,i,r;return this.dragAndDrop?this.getI18nValue("clickToUpload"):this.multiple?(null===(o=null===(e=this.input)||void 0===e?void 0:e.files)||void 0===o?void 0:o.length)>0?this.getI18nValue("changeFiles"):this.getI18nValue("uploadFiles"):(null===(r=null===(i=this.input)||void 0===i?void 0:i.files)||void 0===r?void 0:r.length)>0?this.getI18nValue("changeFile"):this.getI18nValue("uploadFile")}removeFile(e){const o=this.input.files,i=new DataTransfer;for(let r=0;r<o.length;r++)e!==r&&i.items.add(o[r]);this.modifyInputFiles(i.files)}modifyInputFiles(e){this.input.files=e,m(this.root,"input"),m(this.root,"change"),i(this.root)}onProxyFileButtonClick(e){e.preventDefault(),e.stopImmediatePropagation(),this.input.focus(),this.input.click()}onDrop(e){if(e.preventDefault(),e.stopPropagation(),this.disabled)return;const o=this.input.files,i=e.dataTransfer.items,r=new DataTransfer;if(this.multiple)for(let e=0;e<o.length;e++)r.items.add(o[e]);for(let e=0;e<i.length;e++){const o=i[e];if("file"===o.kind&&o.webkitGetAsEntry().isFile&&(r.items.add(o.getAsFile()),!this.multiple))break}this.dropContainer.classList.remove("gux-drag-over"),this.modifyInputFiles(r.files)}onDragOver(e){e.preventDefault(),e.stopPropagation(),this.disabled||this.dropContainer.classList.add("gux-drag-over")}onDragLeave(e){e.preventDefault(),e.stopPropagation(),this.dropContainer.classList.remove("gux-drag-over")}renderFileList(){const e=Array.from(this.input.files||(new DataTransfer).files);return 0===e.length?null:o("div",{class:"gux-file-list"},e.map(((e,i)=>o("slot",{name:`file-${i}`},o("gux-file-list-item",{name:e.name,index:i,disabled:this.disabled})))))}renderInputSlot(){return o("div",{ref:e=>this.dropContainer=e,class:{"gux-drop-container":!0,"gux-drop-zone":this.dragAndDrop,"gux-disabled":this.disabled},"aria-disabled":this.disabled?"true":"false",onDrop:e=>this.onDrop(e),onDragOver:e=>this.onDragOver(e),onDragEnter:e=>this.onDragOver(e),onDragLeave:e=>this.onDragLeave(e)},this.dragAndDrop&&o("div",{class:"gux-drag-and-drop-text"},this.getDropZoneText()),o("div",{class:"gux-proxy-button"},o("gux-button-slot",{accent:"tertiary"},o("button",{tabIndex:-1,type:"button",disabled:this.disabled,onClick:e=>this.onProxyFileButtonClick(e)},o("div",null,this.getProxyButtonText()))),o("div",{class:"gux-offscreen"},o("slot",{name:"input",onSlotchange:()=>this.setInput()}))))}get root(){return r(this)}};(function(e,o,i,r){var t,l=arguments.length,a=l<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,o,i,r);else for(var s=e.length-1;s>=0;s--)(t=e[s])&&(a=(l<3?t(a):l>3?t(o,i,a):t(o,i))||a);l>3&&a&&Object.defineProperty(o,i,a)})([l({childList:!0,subtree:!0})],y.prototype,"onMutation",null),y.style=".gux-form-field-container{display:flex;flex-direction:column}.gux-form-field-container.gux-beside{flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 0 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(label){min-inline-size:0}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{display:flex;flex-grow:1;flex-direction:column;gap:var(--gse-ui-fileUpload-mainContainer-gap)}.gux-drop-container{box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-fileUpload-dragDrop-btnText-gap);margin-inline:0;font-family:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontFamily);font-size:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontSize);font-weight:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontWeight);line-height:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-lineHeight);color:var(--gse-ui-fileUpload-dragAndDrop-dropZoneText-color)}.gux-drop-container.gux-drop-zone{place-content:stretch center;align-items:center;min-block-size:var(--gse-ui-fileUpload-dragAndDrop-dropZone-minHeight);padding:20px;border:var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-width) var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-style) var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-color);border-radius:var(--gse-ui-fileUpload-dropZone-borderRadius)}.gux-drop-container.gux-drop-zone.gux-drag-over:not(.gux-disabled){background-color:var(--gse-ui-fileUpload-dragAndDrop-dropZone-background-active);border:var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-width) var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-style) var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-color)}.gux-drop-container.gux-drop-zone.gux-disabled{border-color:rgba(0, 0, 64, 0.2509803922)}.gux-drop-container.gux-drop-zone.gux-disabled .gux-drag-and-drop-text{opacity:0.5}.gux-offscreen{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-proxy-button{inline-size:fit-content;border-radius:var(--gse-ui-button-borderRadius)}.gux-proxy-button:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-file-list{display:flex;flex-direction:column;gap:var(--gse-ui-fileUpload-fileCard-cardGroup-gap);inline-size:100%}";export{y as gux_form_field_file_beta}
|
|
1
|
+
import{r as e,h as o,f as i,a as r}from"./p-COgvjwDR.js";import{b as t}from"./p-D2nzPgXC.js";import{O as l}from"./p-vOC0-qDq.js";import{h as a}from"./p-qzV3vtOw.js";import{t as s}from"./p-BgR5MFoI.js";import{a as n,G as d}from"./p-Dry1Kkrx.js";import{G as f,a as p}from"./p-Co3DWTSR.js";import{g as u,v as g}from"./p-DHLxhscH.js";import{p as h}from"./p-PYfNAK8p.js";import{a as c,o as x,b}from"./p-De1NnCmO.js";import{s as m}from"./p-BMRf5pjV.js";import"./p-Cd4R0amv.js";import"./p-D9jKBqIb.js";import"./p-DxtJDeL9.js";var v={uploadFile:"Upload file",uploadFiles:"Upload files",changeFile:"Change file",changeFiles:"Change files",clickToUpload:"Click to upload",dragAndDropFileInstructions:"Drag and drop a file here or",dragAndDropFilesInstructions:"Drag and drop files here or"};const y=class{constructor(o){e(this,o),this.indicatorMark="required",this.dragAndDrop=!1,this.disabled=!1,this.hasError=!1,this.hasHelp=!1,this.required=!1,this.multiple=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help")}handleKeyup(e){var o,i;switch(e.key){case"Tab":this.input.matches(":focus-visible")&&(null===(o=this.labelInfo)||void 0===o||o.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3));break;case"Shift":break;default:this.input.matches(":focus-visible")&&(null===(i=this.labelInfo)||void 0===i||i.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}onGuxRemoveFile(e){this.removeFile(e.detail)}async componentWillLoad(){this.getI18nValue=await t(this.root,v),this.setInput(),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help"),this.labelInfo=this.root.querySelector("[slot=label-info]"),s(this.root)}disconnectedCallback(){var e,o,i;null===(e=this.disabledObserver)||void 0===e||e.disconnect(),null===(o=this.requiredObserver)||void 0===o||o.disconnect(),null===(i=this.multipleObserver)||void 0===i||i.disconnect()}render(){return o(p,{key:"e9b166fd53f9331f707994d2d6a7434b492c71b3",labelPosition:"above"},o(f,{key:"08e530b79a6a7d6f5910c3a40a6a6e75595234e4",position:"above",required:this.required},o("slot",{key:"5aa85b7ff23fee47de65564f201696b81191e721",name:"label"}),o("gux-form-field-label-indicator",{key:"29984af400fe9533db9bcf9e8ba329b51aa37236",variant:this.indicatorMark,required:this.required}),o("slot",{key:"3732c9fad58a25507898e451944d96fd8cc02901",name:"label-info"})),o("div",{key:"58d976226028aa6dd527627ebfaa1a4e9eedb6d1",class:"gux-input-and-error-container"},o(n,{key:"d1be45394502290a514b0398a2cb445dfefaf3a8",show:this.hasHelp},o("slot",{key:"52d185b20681d5b75d694a049cca26bb26ce5be2",name:"help"})),this.renderInputSlot(),o(d,{key:"59a049e588913219a3bb3049b9598d2b9ad70cf4",show:this.hasError},o("slot",{key:"33a2f4286b4da11bbdbdf750a610c9891c2c46cd",name:"error"})),this.renderFileList()))}setInput(){this.input=u(this.root,'input[type="file"][slot="input"]'),this.input.addEventListener("input",(()=>{i(this.root)})),h(this.input),this.disabled=this.input.disabled,this.required=this.input.required,this.multiple=this.input.multiple,this.disabledObserver=c(this.input,(e=>{this.disabled=e})),this.requiredObserver=x(this.input,(e=>{this.required=e})),this.multipleObserver=b(this.input,(e=>{this.multiple=e})),g(this.root,this.input)}getDropZoneText(){return this.getI18nValue(this.multiple?"dragAndDropFilesInstructions":"dragAndDropFileInstructions")}getProxyButtonText(){var e,o,i,r;return this.dragAndDrop?this.getI18nValue("clickToUpload"):this.multiple?(null===(o=null===(e=this.input)||void 0===e?void 0:e.files)||void 0===o?void 0:o.length)>0?this.getI18nValue("changeFiles"):this.getI18nValue("uploadFiles"):(null===(r=null===(i=this.input)||void 0===i?void 0:i.files)||void 0===r?void 0:r.length)>0?this.getI18nValue("changeFile"):this.getI18nValue("uploadFile")}removeFile(e){const o=this.input.files,i=new DataTransfer;for(let r=0;r<o.length;r++)e!==r&&i.items.add(o[r]);this.modifyInputFiles(i.files)}modifyInputFiles(e){this.input.files=e,m(this.root,"input"),m(this.root,"change"),i(this.root)}onProxyFileButtonClick(e){e.preventDefault(),e.stopImmediatePropagation(),this.input.focus(),this.input.click()}onDrop(e){if(e.preventDefault(),e.stopPropagation(),this.disabled)return;const o=this.input.files,i=e.dataTransfer.items,r=new DataTransfer;if(this.multiple)for(let e=0;e<o.length;e++)r.items.add(o[e]);for(let e=0;e<i.length;e++){const o=i[e];if("file"===o.kind&&o.webkitGetAsEntry().isFile&&(r.items.add(o.getAsFile()),!this.multiple))break}this.dropContainer.classList.remove("gux-drag-over"),this.modifyInputFiles(r.files)}onDragOver(e){e.preventDefault(),e.stopPropagation(),this.disabled||this.dropContainer.classList.add("gux-drag-over")}onDragLeave(e){e.preventDefault(),e.stopPropagation(),this.dropContainer.classList.remove("gux-drag-over")}renderFileList(){const e=Array.from(this.input.files||(new DataTransfer).files);return 0===e.length?null:o("div",{class:"gux-file-list"},e.map(((e,i)=>o("slot",{name:`file-${i}`},o("gux-file-list-item",{name:e.name,index:i,disabled:this.disabled})))))}renderInputSlot(){return o("div",{ref:e=>this.dropContainer=e,class:{"gux-drop-container":!0,"gux-drop-zone":this.dragAndDrop,"gux-disabled":this.disabled},"aria-disabled":this.disabled?"true":"false",onDrop:e=>this.onDrop(e),onDragOver:e=>this.onDragOver(e),onDragEnter:e=>this.onDragOver(e),onDragLeave:e=>this.onDragLeave(e)},this.dragAndDrop&&o("div",{class:"gux-drag-and-drop-text"},this.getDropZoneText()),o("div",{class:"gux-proxy-button"},o("gux-button-slot",{accent:"tertiary"},o("button",{tabIndex:-1,type:"button",disabled:this.disabled,onClick:e=>this.onProxyFileButtonClick(e)},o("div",null,this.getProxyButtonText()))),o("div",{class:"gux-offscreen"},o("slot",{name:"input",onSlotchange:()=>this.setInput()}))))}get root(){return r(this)}};(function(e,o,i,r){var t,l=arguments.length,a=l<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,o,i,r);else for(var s=e.length-1;s>=0;s--)(t=e[s])&&(a=(l<3?t(a):l>3?t(o,i,a):t(o,i))||a);l>3&&a&&Object.defineProperty(o,i,a)})([l({childList:!0,subtree:!0})],y.prototype,"onMutation",null),y.style=".gux-form-field-container{display:flex;flex-direction:column}.gux-form-field-container.gux-beside{flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 0 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(label){min-inline-size:0}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{display:flex;flex-grow:1;flex-direction:column;gap:var(--gse-ui-fileUpload-mainContainer-gap)}.gux-drop-container{box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-fileUpload-dragDrop-btnText-gap);margin-inline:0;font-family:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontFamily);font-size:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontSize);font-weight:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontWeight);line-height:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-lineHeight);color:var(--gse-ui-fileUpload-dragAndDrop-dropZoneText-color)}.gux-drop-container.gux-drop-zone{place-content:stretch center;align-items:center;min-block-size:var(--gse-ui-fileUpload-dragAndDrop-dropZone-minHeight);padding:20px;border:var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-width) var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-style) var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-color);border-radius:var(--gse-ui-fileUpload-dropZone-borderRadius)}.gux-drop-container.gux-drop-zone.gux-drag-over:not(.gux-disabled){background-color:var(--gse-ui-fileUpload-dragAndDrop-dropZone-background-active);border:var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-width) var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-style) var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-color)}.gux-drop-container.gux-drop-zone.gux-disabled{border-color:rgba(0, 0, 64, 0.2509803922)}.gux-drop-container.gux-drop-zone.gux-disabled .gux-drag-and-drop-text{opacity:0.5}.gux-offscreen{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-proxy-button{inline-size:fit-content;border-radius:var(--gse-ui-button-borderRadius)}.gux-proxy-button:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-file-list{display:flex;flex-direction:column;gap:var(--gse-ui-fileUpload-fileCard-cardGroup-gap);inline-size:100%}";export{y as gux_form_field_file_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,a as s}from"./p-COgvjwDR.js";import{O as o}from"./p-DGRFHar4.js";import{t as r}from"./p-
|
|
1
|
+
import{r as t,c as i,h as e,a as s}from"./p-COgvjwDR.js";import{O as o}from"./p-DGRFHar4.js";import{t as r}from"./p-BgR5MFoI.js";import{b as h}from"./p-D2nzPgXC.js";import{t as a}from"./p-DN3YAdAX.js";import{h as n}from"./p-wqCHc7t7.js";import{w as l}from"./p-kLXvN2m9.js";import{b as u}from"./p-Bg4q97BS.js";import{e as g}from"./p-C6ZfOd6U.js";import"./p-Cd4R0amv.js";import"./p-DCZG2J0G.js";const c=class{constructor(e){t(this,e),this.noHighlightAction=i(this,"noHighlightAction",7),this.disabled=!1,this.isActive=!1,this.expanded=!1}onClickOutside(){this.expanded=!1}watchDisabled(t){t&&(this.expanded=!1)}handleKeydown(t){const i=g("gux-rich-highlight-list-item",t),e=t.composedPath();switch(t.key){case"Escape":this.expanded=!1,this.actionButton.focus();break;case"ArrowDown":case"Enter":e.includes(this.actionButton)&&(t.preventDefault(),this.expanded=!0,this.focusNoHighlightActionButton());break;case"Tab":if(t.shiftKey)return;i&&(this.expanded=!1)}}async componentWillLoad(){r(this.root),this.i18n=await h(this.root,a)}togglePopup(){this.expanded=!this.expanded,this.expanded?this.focusNoHighlightActionButton():this.actionButton.focus()}focusNoHighlightActionButton(){u((()=>{this.noHighlightActionButton.focus()}))}renderTooltip(){if(!this.disabled&&!this.expanded)return e("gux-tooltip-beta",null,e("div",{slot:"content"},this.i18n("textHighlight")))}renderPopup(){return e("div",{class:"gux-text-highlight-popup",slot:"popup"},this.renderNoHighlightAction(),this.renderTextHighlightColors())}renderNoHighlightAction(){return e("gux-button-slot",{accent:"tertiary"},e("button",{type:"button",ref:t=>this.noHighlightActionButton=t,onClick:()=>this.emitNoHighlightAction()},e("gux-truncate",{"max-lines":1},this.i18n("noHighlight"))))}onListClick(t){l("gux-rich-highlight-list-item",t,(()=>{this.expanded=!1,this.actionButton.focus()}))}renderTextHighlightColors(){return e("gux-rich-text-editor-list",{onClick:t=>this.onListClick(t)},e("slot",null))}emitNoHighlightAction(){this.noHighlightAction.emit(),this.expanded=!1,this.actionButton.focus()}renderTarget(){return e("gux-button-slot",{accent:"ghost","icon-only":!0,slot:"target"},e("button",{type:"button",ref:t=>this.actionButton=t,onClick:()=>this.togglePopup(),disabled:this.disabled||n(this.root),class:{"gux-is-pressed":this.isActive||this.expanded},"aria-haspopup":"true","aria-expanded":this.expanded.toString(),"aria-pressed":this.isActive.toString()},e("gux-icon",{size:"small","icon-name":"fa/highlighter-line-regular",decorative:!0}),e("gux-screen-reader-beta",null,this.i18n("textHighlight"))),this.renderTooltip())}render(){return e("gux-popup",{key:"b678380c78c583ca55ffa44f0b87ba09345b412a",disabled:this.disabled,expanded:this.expanded,exceedTargetWidth:!0,placement:"bottom-start"},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return s(this)}static get watchers(){return{disabled:["watchDisabled"]}}};(function(t,i,e,s){var o,r=arguments.length,h=r<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,i,e,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(h=(r<3?o(h):r>3?o(i,e,h):o(i,e))||h);r>3&&h&&Object.defineProperty(i,e,h)})([o({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{display:block}.gux-text-highlight-popup{display:flex;flex-direction:column;gap:var(--gse-ui-rte-colorPalette-gap);inline-size:104px;padding:12px;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)}.gux-text-highlight-popup gux-rich-text-editor-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gse-ui-rte-colorPalette-gap);align-items:flex-start;justify-content:flex-start;padding:0}.gux-text-highlight-popup gux-button-slot{align-self:center;block-size:var(--gse-ui-rte-menuButton-height)}.gux-text-highlight-popup gux-button-slot button{block-size:var(--gse-ui-rte-menuButton-height)}gux-button-slot button.gux-is-pressed{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}";export{c as gux_rich_text_editor_action_text_highlight}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,h as i,H as t,a as e}from"./p-COgvjwDR.js";import{t as r}from"./p-
|
|
1
|
+
import{r as a,h as i,H as t,a as e}from"./p-COgvjwDR.js";import{t as r}from"./p-BgR5MFoI.js";import{l as o}from"./p-DxtJDeL9.js";import{g as n}from"./p-vciQk5kR.js";import{g as s,a as c}from"./p-BV03_Ljp.js";import"./p-Cd4R0amv.js";const u=class{constructor(i){a(this,i),this.accent="auto"}async componentWillLoad(){r(this.root)}componentDidLoad(){this.validatingInputs()}async hideTooltip(){return await this.tooltip.hideTooltip()}onKeydown(a){n(a,this.root)}isLastItemInGroup(){const a=Array.from(this.root.parentElement.children);return a.findIndex((a=>a===this.root))===a.length-1}validatingInputs(){const a=this.root.querySelector("img");this.name||o(this.root,"Name prop is required for accessibility"),a&&!a.getAttribute("alt")&&o(this.root,"Alt attribute is required for slotted image.")}render(){return i(t,{key:"1e9608a932ae26ad4147c4020e33ade149ebaa4f",role:"menuitem"},i("button",{key:"8c32c0016c57655af3923bada1dcea3482b7997e",type:"button","aria-label":this.name,tabIndex:-1,class:{"gux-avatar":!0,[s(this.accent,this.name)]:!0,"gux-last-item":this.isLastItemInGroup()}},i("slot",{key:"c78ace1bb5c36acdc1c47d337349b932f01db8e1",name:"image"},i("span",{key:"93a995dcc7a43f1bafda1b218fda166db604ed0d",class:"gux-avatar-initials","aria-hidden":"true"},c(this.name))),i("gux-tooltip-beta",{key:"ded1d19eee9dc77a4c643ac644447a4b1f21832d","aria-hidden":"true","visual-only":!0,placement:"top",ref:a=>this.tooltip=a},i("div",{key:"67ff35a3122caf24ad277755d98936b327dce2e0",slot:"content"},this.name))))}static get delegatesFocus(){return!0}get root(){return e(this)}};u.style="::slotted(img){inline-size:100%;block-size:100%;object-fit:cover}button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-avatar-small-content-size);block-size:var(--gse-ui-avatar-small-content-size);padding:0;margin:0;margin-inline-end:var(--gse-ui-avatar-groupSet-gap);overflow:hidden;color:var(--gse-ui-avatar-media-initialsForeground-inverse);cursor:pointer;background:none;background-color:var(--gse-ui-avatar-media-initialsBackground-default);border:none;border-radius:50%;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 26 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 13c0-2.6.7-5 1.8-7.2C21.5 2.3 17.5 0 13 0 5.8 0 0 5.8 0 13s5.8 13 13 13c4.5 0 8.5-2.3 10.8-5.8C22.7 18 22 15.6 22 13z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 26 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 13c0-2.6.7-5 1.8-7.2C21.5 2.3 17.5 0 13 0 5.8 0 0 5.8 0 13s5.8 13 13 13c4.5 0 8.5-2.3 10.8-5.8C22.7 18 22 15.6 22 13z' /%3E%3C/svg%3E\")}button:focus-visible,button:hover{position:relative;z-index:var(--gse-semantic-zIndex-showFocus);mask:none}button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}button.gux-last-item{mask:none}button .gux-avatar-initials{font-family:var(--gse-ui-avatar-small-initials-fontFamily);font-size:var(--gse-ui-avatar-small-initials-fontSize);font-weight:var(--gse-ui-avatar-small-initials-fontWeight);line-height:var(--gse-ui-avatar-small-initials-lineHeight);text-transform:uppercase}button.gux-accent-1{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent1)}button.gux-accent-2{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent2)}button.gux-accent-3{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent3)}button.gux-accent-4{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent4)}button.gux-accent-5{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent5)}button.gux-accent-6{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent6)}button.gux-accent-7{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent7)}button.gux-accent-8{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent8)}button.gux-accent-9{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent9)}button.gux-accent-10{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent10)}button.gux-accent-11{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent11)}button.gux-accent-12{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent12)}button.gux-accent-inherit{color:inherit;background-color:inherit}";export{u as gux_avatar_group_item_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as a,a as n}from"./p-COgvjwDR.js";import{a as r}from"./p-Bg4q97BS.js";import{a as s,c as i,b as d,f as o}from"./p-aKaDsw_5.js";import{t as u}from"./p-CCdqrX4v.js";import{b as l,g as c,c as g}from"./p-D2nzPgXC.js";import{c as h}from"./p-Cf6_BoFM.js";import{d as x}from"./p-Du774lsF.js";import{u as b}from"./p-BgaA4g76.js";import"./p-Cd4R0amv.js";import"./p-DCZG2J0G.js";function f(e,t){v(e,"remove",t)}function v(e=[],t,a){const n=[].concat(e);for(const e of n)e.classList[t](a)}var m={previousMonth:"Go to the previous month",nextMonth:"Go to the next month"};function y(e,t){return b()?h(x(t,{year:"numeric",month:"long"}).format(e)):h(e.toLocaleDateString(t,{year:"numeric",month:"long"}))}const M=class{constructor(a){e(this,a),this.calendarSelect=t(this,"calendarSelect",7),this.value="",this.minDate="",this.maxDate="",this.mode="single",this.numberOfMonths=1,this.previewValue=new Date,this.selectingDate=null,this.locale="en"}emitCalendarSelect(){this.calendarSelect.emit(this.value)}async setValue(e){if("range"===this.mode&&e instanceof Array){const[t,a]=e;this.value=s(t,a),this.previewValue=i(this.value)[0]}else{const t=e;this.value=d(t),this.previewValue=t}}async focusPreviewDate(){const e=this.root.shadowRoot.querySelector(`td[data-date="${this.previewValue.getTime()}"]`);e&&e.focus()}async resetCalendarView(e){this.previewValue=e}incrementPreviewDateByMonth(e){this.previewValue=new Date(this.previewValue.getFullYear(),this.previewValue.getMonth()+e,15,0,0,0)}async setValueAndEmit(e){await this.setValue(e),this.emitCalendarSelect()}outOfBounds(e){return""!==this.maxDate&&o(this.maxDate)<e||""!==this.minDate&&o(this.minDate)>e}generateDatesFrom(e,t,a){const n=[],r=new Date(t.getFullYear(),t.getMonth(),t.getDate(),0,0,0,0);for(let t=0;t<a;t++){const t=new Date(r.getFullYear(),r.getMonth(),r.getDate(),0,0,0,0),a=[],s=new Date,d=r.getFullYear()===s.getFullYear()&&r.getMonth()===s.getMonth()&&r.getDate()===s.getDate();let u=!1,l=!1;t.getMonth()!==e&&(a.push("gux-not-in-month"),u=!0,"range"===this.mode&&(a.push("gux-hidden"),l=!0)),this.outOfBounds(t)&&(a.push("gux-disabled"),u=!0);let c=!1;if(d&&a.push("gux-current-date"),"range"===this.mode){const[e,n]=i(this.value),r=e.getTime(),s=n.getTime();t.getTime()===r&&t.getTime()===s?(c=!0,a.push("gux-selected")):t.getTime()===r?(c=!0,a.push("gux-selected"),a.push("gux-start-date")):t.getTime()===s&&(c=!0,a.push("gux-selected"),a.push("gux-end-date"))}else{const e=o(this.value).getTime();t.getTime()===e&&(c=!0,a.push("gux-selected"))}n.push({class:a.join(" "),date:t,hidden:l,disabled:u,selected:c,isToday:d}),r.setDate(r.getDate()+1)}return n}create2DArray(e,t){const a=[];for(let n=0;n<t-1;n++){const r=e.slice(n*t,n*t+t);this.weekShouldBeDisplayed(r)&&a.push(r)}return a}isFocusableDate(e){return e.selected||this.previewValue.getTime()===e.date.getTime()}weekShouldBeDisplayed(e){const t=e.find((e=>!e.hidden));return e.length&&!!t}getMonthDays(e){const t=new Date(this.previewValue.getTime());t.setDate(1),t.setMonth(t.getMonth()+e);const a=t.getMonth(),n=function(e,t,a){const n=new Date(t,e,1,1,0,0,0),r=-1*(a-n.getDay()-7)%7;return new Date(n.getTime()-864e5*r)}(a,t.getFullYear(),this.startDayOfWeek),r=this.generateDatesFrom(a,n,42);return this.create2DArray(r,7)}addDays(e,t){const a=new Date(e.valueOf());return a.setDate(a.getDate()+t),a}getAllDatesElements(){const e=this.root.shadowRoot.querySelectorAll("td");return Array.from(e)}getAllSelectableDatesElements(){const e=this.root.shadowRoot.querySelectorAll('td[tabindex="0"]');return Array.from(e)}getRangeDatesElements(e,t){const a=[];let n;n=t<e?this.getRangeDates(t,e):this.getRangeDates(e,t);for(const e of n){const t=this.root.shadowRoot.querySelector(`td[data-date="${e.getTime()}"]:not(.gux-hidden)`);t&&a.push(t)}return a}getRangeDates(e,t){const a=[];let n=e;for(;n<=t;)a.push(new Date(n)),n=this.addDays(n,1);return a}async onDateClick(e){if(!this.outOfBounds(e))if("range"!==this.mode)await this.setValueAndEmit(e);else if(null===this.selectingDate)f(this.getAllDatesElements(),"gux-hovered"),this.selectingDate=new Date(e.valueOf()),this.value=s(e,e);else{const t=this.root.shadowRoot.querySelector(`td[data-date="${e.getTime()}"]`);t&&t.classList.add("gux-selected"),this.updateRangeElements(),await this.setValueAndEmit([this.selectingDate,e]),this.previewValue=e,this.selectingDate=null}}onDateMouseEnter(e){"range"===this.mode&&null!==this.selectingDate&&(this.value=s(e,this.selectingDate),this.updateRangeElements())}updateRangeElements(){if("range"===this.mode){f(this.getAllDatesElements(),"gux-hovered");const[e,t]=i(this.value);v(this.getRangeDatesElements(e,t),"add","gux-hovered")}}async onKeyDown(e){switch(e.key){case" ":case"Enter":e.preventDefault(),await this.onDateClick(this.previewValue);break;case"ArrowDown":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+7)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowUp":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-7)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowLeft":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-1)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowRight":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+1)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"PageUp":e.preventDefault(),this.incrementPreviewDateByMonth(1),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"PageDown":e.preventDefault(),this.incrementPreviewDateByMonth(-1),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}))}}async componentWillLoad(){if(u(this.root,{variant:this.mode}),this.i18n=await l(this.root,m),this.locale=c(this.root),this.startDayOfWeek=this.startDayOfWeek||g(this.locale),!this.value){const e=new Date;e.setHours(0,0,0,0),this.value="range"===this.mode?s(e,e):d(e)}this.previewValue=o(this.value)}componentDidRender(){this.updateRangeElements()}renderMonthHeader(){return a("div",{class:"gux-month-list"},Array.from(Array(this.numberOfMonths).keys()).map((e=>{const t=function(e,t){const a=new Date(e);return a.setDate(1),a.setMonth(a.getMonth()+t),a}(this.previewValue,e);return a("label",null,y(t,this.locale))})))}renderCalendarTable(e){return a("table",null,a("tr",null,function(e,t){const a=[],n=new Date(1970,0,4);for(let t=0;t<7;t++){const t=n.toLocaleString(e,{weekday:"narrow"});a.push(t),n.setDate(n.getDate()+1)}return(r=a).concat(r.splice(0,(s=t)>r.length?s%r.length:s));var r,s}(this.locale,this.startDayOfWeek).map((e=>a("th",null,e)))),this.getMonthDays(e).map((e=>a("tr",null,e.map((e=>a("td",{tabindex:this.isFocusableDate(e)?"0":"-1",class:e.class,"aria-hidden":e.hidden?"true":"false","aria-disabled":e.disabled?"true":"false","data-date":e.date.getTime(),onClick:()=>{this.onDateClick(e.date)},onMouseEnter:()=>this.onDateMouseEnter(e.date),onKeyDown:e=>{this.onKeyDown(e)}},a("div",{class:"gux-date"},e.date.getDate(),a("span",{class:"gux-sr-only"},y(e.date,this.locale))))))))))}render(){return a("div",{key:"cd6c50d851d8410f3843c68f1a5f0be54f8d7460",class:"gux-calendar"},a("div",{key:"c95ab41b3d438fd45c2d60d614355343691f0eb6",class:"gux-header"},a("button",{key:"b28c6d87ac010da89aa96e4d1c3402b64c23ed46",type:"button",class:"gux-left","aria-label":this.i18n("previousMonth"),onClick:()=>this.incrementPreviewDateByMonth(-1)},a("gux-icon",{key:"fec29d9097028b81d78c7df2f74f9cfa16773745",size:"small",decorative:!0,"icon-name":"custom/chevron-left-small-regular"})),this.renderMonthHeader(),a("button",{key:"55deb6a23f78e55b54eb8e3a1cb810acb0a2c33b",type:"button",class:"gux-right","aria-label":this.i18n("nextMonth"),onClick:()=>this.incrementPreviewDateByMonth(1)},a("gux-icon",{key:"ca9ea22a8ef0a0f9caa3ae3c035b293730ddf256",size:"small",decorative:!0,"icon-name":"custom/chevron-right-small-regular"}))),a("div",{key:"6350ba215eaefa732bab29346dd98ecf3b1acf09",class:"gux-content"},Array.from(Array(this.numberOfMonths).keys()).map((e=>this.renderCalendarTable(e)))))}get root(){return n(this)}};M.style=":host{display:inline-block}.gux-calendar{margin-block-start:2px;border-radius:8px;box-shadow:var(--gse-ui-calendarMenu-boxShadow)}.gux-calendar .gux-header{display:flex;align-items:center;justify-content:space-between;block-size:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);font-style:normal;font-weight:var(--gse-ui-calendarMenu-month-currentText-fontWeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);text-align:center;background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-calendar .gux-header .gux-header-month-and-year{inline-size:var(--gse-ui-calendarMenu-month-single-header-textWidth);font-family:var(--gse-ui-calendarMenu-month-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-headerText-fontSize);line-height:var(--gse-ui-calendarMenu-month-headerText-lineHeight);color:var(--gse-ui-calendarMenu-month-selected-foregroundColor)}.gux-calendar .gux-header .gux-left,.gux-calendar .gux-header .gux-right{block-size:100%;color:var(--gse-ui-calendarMenu-header-foregroundColor);cursor:pointer;outline:none;background:none;border:none}.gux-calendar .gux-header .gux-left:focus-visible,.gux-calendar .gux-header .gux-right:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-calendar .gux-header .gux-month-list{display:flex;justify-content:space-between;inline-size:100%;font-family:var(--gse-ui-calendarMenu-month-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-headerText-fontSize);line-height:var(--gse-ui-calendarMenu-month-headerText-lineHeight)}.gux-calendar .gux-header .gux-month-list label{inline-size:100%;text-align:center}.gux-calendar .gux-content{display:flex;align-items:flex-start;block-size:var(--gse-ui-calendarMenu-height);padding:var(--gse-ui-calendarMenu-dateBody-padding);color:var(--gse-ui-calendarMenu-month-default-foregroundColor);background-color:var(--gse-ui-calendarMenu-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius)}.gux-calendar .gux-content table{inline-size:var(--gse-ui-calendarMenu-day-input-width);text-align:start;-ms-user-select:none;user-select:none;table-layout:fixed;border-spacing:0}.gux-calendar .gux-content table:not(:last-child){padding-inline-end:24px}.gux-calendar .gux-content table tr{block-size:var(--gse-ui-calendarMenu-day-input-height)}.gux-calendar .gux-content table tr:empty{display:none}.gux-calendar .gux-content table tr th,.gux-calendar .gux-content table tr td{inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-date-size);padding:0;margin:0;text-align:center}.gux-calendar .gux-content table tr th{font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-day-headerText-fontSize);font-weight:var(--gse-ui-calendarMenu-day-headerText-fontWeight);line-height:var(--gse-ui-calendarMenu-day-headerText-lineHeight)}.gux-calendar .gux-content table tr td{font-family:var(--gse-ui-calendarMenu-date-defaultText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-defaultText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-defaultText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-defaultText-lineHeight);color:var(--gse-ui-calendarMenu-date-default-foregroundColor);cursor:pointer}.gux-calendar .gux-content table tr td.gux-hovered{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-selected{color:var(--gse-ui-calendarMenu-date-selected-foregroundColor);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-selected:hover:not(.gux-calendar .gux-content table tr td.gux-selected.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-selected.gux-end-date){background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date,.gux-calendar .gux-content table tr td.gux-end-date{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date,.gux-calendar .gux-content table tr td.gux-end-date .gux-date{display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-date-size);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date:hover,.gux-calendar .gux-content table tr td.gux-end-date .gux-date:hover{background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date{border-radius:var(--gse-ui-calendarMenu-range-date-startDate-borderRadius)}.gux-calendar .gux-content table tr td.gux-end-date{border-radius:var(--gse-ui-calendarMenu-range-date-endDate-borderRadius)}.gux-calendar .gux-content table tr td:hover:not(.gux-calendar .gux-content table tr td.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-end-date):not(.gux-calendar .gux-content table tr td.gux-hovered):not(.gux-calendar .gux-content table tr td.gux-selected){background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-disabled{pointer-events:none;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month{opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month:hover{background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor)}.gux-calendar .gux-content table tr td.gux-not-in-month.gux-hidden{visibility:hidden}.gux-calendar .gux-content table tr td.gux-current-date{font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-currentText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-currentText-lineHeight)}.gux-calendar .gux-content table tr td:focus-visible{border-radius:var(--gse-ui-calendarMenu-month-focusBorderRadius);outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{M as gux_calendar}
|
|
1
|
+
import{r as e,c as t,h as a,a as n}from"./p-COgvjwDR.js";import{a as r}from"./p-Bg4q97BS.js";import{a as s,c as i,b as d,f as o}from"./p-aKaDsw_5.js";import{t as u}from"./p-BgR5MFoI.js";import{b as l,g as c,c as g}from"./p-D2nzPgXC.js";import{c as h}from"./p-Cf6_BoFM.js";import{d as x}from"./p-Du774lsF.js";import{u as b}from"./p-BgaA4g76.js";import"./p-Cd4R0amv.js";import"./p-DCZG2J0G.js";function f(e,t){v(e,"remove",t)}function v(e=[],t,a){const n=[].concat(e);for(const e of n)e.classList[t](a)}var m={previousMonth:"Go to the previous month",nextMonth:"Go to the next month"};function y(e,t){return b()?h(x(t,{year:"numeric",month:"long"}).format(e)):h(e.toLocaleDateString(t,{year:"numeric",month:"long"}))}const M=class{constructor(a){e(this,a),this.calendarSelect=t(this,"calendarSelect",7),this.value="",this.minDate="",this.maxDate="",this.mode="single",this.numberOfMonths=1,this.previewValue=new Date,this.selectingDate=null,this.locale="en"}emitCalendarSelect(){this.calendarSelect.emit(this.value)}async setValue(e){if("range"===this.mode&&e instanceof Array){const[t,a]=e;this.value=s(t,a),this.previewValue=i(this.value)[0]}else{const t=e;this.value=d(t),this.previewValue=t}}async focusPreviewDate(){const e=this.root.shadowRoot.querySelector(`td[data-date="${this.previewValue.getTime()}"]`);e&&e.focus()}async resetCalendarView(e){this.previewValue=e}incrementPreviewDateByMonth(e){this.previewValue=new Date(this.previewValue.getFullYear(),this.previewValue.getMonth()+e,15,0,0,0)}async setValueAndEmit(e){await this.setValue(e),this.emitCalendarSelect()}outOfBounds(e){return""!==this.maxDate&&o(this.maxDate)<e||""!==this.minDate&&o(this.minDate)>e}generateDatesFrom(e,t,a){const n=[],r=new Date(t.getFullYear(),t.getMonth(),t.getDate(),0,0,0,0);for(let t=0;t<a;t++){const t=new Date(r.getFullYear(),r.getMonth(),r.getDate(),0,0,0,0),a=[],s=new Date,d=r.getFullYear()===s.getFullYear()&&r.getMonth()===s.getMonth()&&r.getDate()===s.getDate();let u=!1,l=!1;t.getMonth()!==e&&(a.push("gux-not-in-month"),u=!0,"range"===this.mode&&(a.push("gux-hidden"),l=!0)),this.outOfBounds(t)&&(a.push("gux-disabled"),u=!0);let c=!1;if(d&&a.push("gux-current-date"),"range"===this.mode){const[e,n]=i(this.value),r=e.getTime(),s=n.getTime();t.getTime()===r&&t.getTime()===s?(c=!0,a.push("gux-selected")):t.getTime()===r?(c=!0,a.push("gux-selected"),a.push("gux-start-date")):t.getTime()===s&&(c=!0,a.push("gux-selected"),a.push("gux-end-date"))}else{const e=o(this.value).getTime();t.getTime()===e&&(c=!0,a.push("gux-selected"))}n.push({class:a.join(" "),date:t,hidden:l,disabled:u,selected:c,isToday:d}),r.setDate(r.getDate()+1)}return n}create2DArray(e,t){const a=[];for(let n=0;n<t-1;n++){const r=e.slice(n*t,n*t+t);this.weekShouldBeDisplayed(r)&&a.push(r)}return a}isFocusableDate(e){return e.selected||this.previewValue.getTime()===e.date.getTime()}weekShouldBeDisplayed(e){const t=e.find((e=>!e.hidden));return e.length&&!!t}getMonthDays(e){const t=new Date(this.previewValue.getTime());t.setDate(1),t.setMonth(t.getMonth()+e);const a=t.getMonth(),n=function(e,t,a){const n=new Date(t,e,1,1,0,0,0),r=-1*(a-n.getDay()-7)%7;return new Date(n.getTime()-864e5*r)}(a,t.getFullYear(),this.startDayOfWeek),r=this.generateDatesFrom(a,n,42);return this.create2DArray(r,7)}addDays(e,t){const a=new Date(e.valueOf());return a.setDate(a.getDate()+t),a}getAllDatesElements(){const e=this.root.shadowRoot.querySelectorAll("td");return Array.from(e)}getAllSelectableDatesElements(){const e=this.root.shadowRoot.querySelectorAll('td[tabindex="0"]');return Array.from(e)}getRangeDatesElements(e,t){const a=[];let n;n=t<e?this.getRangeDates(t,e):this.getRangeDates(e,t);for(const e of n){const t=this.root.shadowRoot.querySelector(`td[data-date="${e.getTime()}"]:not(.gux-hidden)`);t&&a.push(t)}return a}getRangeDates(e,t){const a=[];let n=e;for(;n<=t;)a.push(new Date(n)),n=this.addDays(n,1);return a}async onDateClick(e){if(!this.outOfBounds(e))if("range"!==this.mode)await this.setValueAndEmit(e);else if(null===this.selectingDate)f(this.getAllDatesElements(),"gux-hovered"),this.selectingDate=new Date(e.valueOf()),this.value=s(e,e);else{const t=this.root.shadowRoot.querySelector(`td[data-date="${e.getTime()}"]`);t&&t.classList.add("gux-selected"),this.updateRangeElements(),await this.setValueAndEmit([this.selectingDate,e]),this.previewValue=e,this.selectingDate=null}}onDateMouseEnter(e){"range"===this.mode&&null!==this.selectingDate&&(this.value=s(e,this.selectingDate),this.updateRangeElements())}updateRangeElements(){if("range"===this.mode){f(this.getAllDatesElements(),"gux-hovered");const[e,t]=i(this.value);v(this.getRangeDatesElements(e,t),"add","gux-hovered")}}async onKeyDown(e){switch(e.key){case" ":case"Enter":e.preventDefault(),await this.onDateClick(this.previewValue);break;case"ArrowDown":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+7)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowUp":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-7)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowLeft":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-1)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowRight":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+1)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"PageUp":e.preventDefault(),this.incrementPreviewDateByMonth(1),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"PageDown":e.preventDefault(),this.incrementPreviewDateByMonth(-1),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}))}}async componentWillLoad(){if(u(this.root,{variant:this.mode}),this.i18n=await l(this.root,m),this.locale=c(this.root),this.startDayOfWeek=this.startDayOfWeek||g(this.locale),!this.value){const e=new Date;e.setHours(0,0,0,0),this.value="range"===this.mode?s(e,e):d(e)}this.previewValue=o(this.value)}componentDidRender(){this.updateRangeElements()}renderMonthHeader(){return a("div",{class:"gux-month-list"},Array.from(Array(this.numberOfMonths).keys()).map((e=>{const t=function(e,t){const a=new Date(e);return a.setDate(1),a.setMonth(a.getMonth()+t),a}(this.previewValue,e);return a("label",null,y(t,this.locale))})))}renderCalendarTable(e){return a("table",null,a("tr",null,function(e,t){const a=[],n=new Date(1970,0,4);for(let t=0;t<7;t++){const t=n.toLocaleString(e,{weekday:"narrow"});a.push(t),n.setDate(n.getDate()+1)}return(r=a).concat(r.splice(0,(s=t)>r.length?s%r.length:s));var r,s}(this.locale,this.startDayOfWeek).map((e=>a("th",null,e)))),this.getMonthDays(e).map((e=>a("tr",null,e.map((e=>a("td",{tabindex:this.isFocusableDate(e)?"0":"-1",class:e.class,"aria-hidden":e.hidden?"true":"false","aria-disabled":e.disabled?"true":"false","data-date":e.date.getTime(),onClick:()=>{this.onDateClick(e.date)},onMouseEnter:()=>this.onDateMouseEnter(e.date),onKeyDown:e=>{this.onKeyDown(e)}},a("div",{class:"gux-date"},e.date.getDate(),a("span",{class:"gux-sr-only"},y(e.date,this.locale))))))))))}render(){return a("div",{key:"cd6c50d851d8410f3843c68f1a5f0be54f8d7460",class:"gux-calendar"},a("div",{key:"c95ab41b3d438fd45c2d60d614355343691f0eb6",class:"gux-header"},a("button",{key:"b28c6d87ac010da89aa96e4d1c3402b64c23ed46",type:"button",class:"gux-left","aria-label":this.i18n("previousMonth"),onClick:()=>this.incrementPreviewDateByMonth(-1)},a("gux-icon",{key:"fec29d9097028b81d78c7df2f74f9cfa16773745",size:"small",decorative:!0,"icon-name":"custom/chevron-left-small-regular"})),this.renderMonthHeader(),a("button",{key:"55deb6a23f78e55b54eb8e3a1cb810acb0a2c33b",type:"button",class:"gux-right","aria-label":this.i18n("nextMonth"),onClick:()=>this.incrementPreviewDateByMonth(1)},a("gux-icon",{key:"ca9ea22a8ef0a0f9caa3ae3c035b293730ddf256",size:"small",decorative:!0,"icon-name":"custom/chevron-right-small-regular"}))),a("div",{key:"6350ba215eaefa732bab29346dd98ecf3b1acf09",class:"gux-content"},Array.from(Array(this.numberOfMonths).keys()).map((e=>this.renderCalendarTable(e)))))}get root(){return n(this)}};M.style=":host{display:inline-block}.gux-calendar{margin-block-start:2px;border-radius:8px;box-shadow:var(--gse-ui-calendarMenu-boxShadow)}.gux-calendar .gux-header{display:flex;align-items:center;justify-content:space-between;block-size:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);font-style:normal;font-weight:var(--gse-ui-calendarMenu-month-currentText-fontWeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);text-align:center;background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-calendar .gux-header .gux-header-month-and-year{inline-size:var(--gse-ui-calendarMenu-month-single-header-textWidth);font-family:var(--gse-ui-calendarMenu-month-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-headerText-fontSize);line-height:var(--gse-ui-calendarMenu-month-headerText-lineHeight);color:var(--gse-ui-calendarMenu-month-selected-foregroundColor)}.gux-calendar .gux-header .gux-left,.gux-calendar .gux-header .gux-right{block-size:100%;color:var(--gse-ui-calendarMenu-header-foregroundColor);cursor:pointer;outline:none;background:none;border:none}.gux-calendar .gux-header .gux-left:focus-visible,.gux-calendar .gux-header .gux-right:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-calendar .gux-header .gux-month-list{display:flex;justify-content:space-between;inline-size:100%;font-family:var(--gse-ui-calendarMenu-month-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-headerText-fontSize);line-height:var(--gse-ui-calendarMenu-month-headerText-lineHeight)}.gux-calendar .gux-header .gux-month-list label{inline-size:100%;text-align:center}.gux-calendar .gux-content{display:flex;align-items:flex-start;block-size:var(--gse-ui-calendarMenu-height);padding:var(--gse-ui-calendarMenu-dateBody-padding);color:var(--gse-ui-calendarMenu-month-default-foregroundColor);background-color:var(--gse-ui-calendarMenu-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius)}.gux-calendar .gux-content table{inline-size:var(--gse-ui-calendarMenu-day-input-width);text-align:start;-ms-user-select:none;user-select:none;table-layout:fixed;border-spacing:0}.gux-calendar .gux-content table:not(:last-child){padding-inline-end:24px}.gux-calendar .gux-content table tr{block-size:var(--gse-ui-calendarMenu-day-input-height)}.gux-calendar .gux-content table tr:empty{display:none}.gux-calendar .gux-content table tr th,.gux-calendar .gux-content table tr td{inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-date-size);padding:0;margin:0;text-align:center}.gux-calendar .gux-content table tr th{font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-day-headerText-fontSize);font-weight:var(--gse-ui-calendarMenu-day-headerText-fontWeight);line-height:var(--gse-ui-calendarMenu-day-headerText-lineHeight)}.gux-calendar .gux-content table tr td{font-family:var(--gse-ui-calendarMenu-date-defaultText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-defaultText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-defaultText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-defaultText-lineHeight);color:var(--gse-ui-calendarMenu-date-default-foregroundColor);cursor:pointer}.gux-calendar .gux-content table tr td.gux-hovered{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-selected{color:var(--gse-ui-calendarMenu-date-selected-foregroundColor);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-selected:hover:not(.gux-calendar .gux-content table tr td.gux-selected.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-selected.gux-end-date){background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date,.gux-calendar .gux-content table tr td.gux-end-date{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date,.gux-calendar .gux-content table tr td.gux-end-date .gux-date{display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-date-size);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date:hover,.gux-calendar .gux-content table tr td.gux-end-date .gux-date:hover{background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date{border-radius:var(--gse-ui-calendarMenu-range-date-startDate-borderRadius)}.gux-calendar .gux-content table tr td.gux-end-date{border-radius:var(--gse-ui-calendarMenu-range-date-endDate-borderRadius)}.gux-calendar .gux-content table tr td:hover:not(.gux-calendar .gux-content table tr td.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-end-date):not(.gux-calendar .gux-content table tr td.gux-hovered):not(.gux-calendar .gux-content table tr td.gux-selected){background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-disabled{pointer-events:none;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month{opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month:hover{background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor)}.gux-calendar .gux-content table tr td.gux-not-in-month.gux-hidden{visibility:hidden}.gux-calendar .gux-content table tr td.gux-current-date{font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-currentText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-currentText-lineHeight)}.gux-calendar .gux-content table tr td:focus-visible{border-radius:var(--gse-ui-calendarMenu-month-focusBorderRadius);outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{M as gux_calendar}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as t,a}from"./p-COgvjwDR.js";import{b as n}from"./p-D2nzPgXC.js";import{t as o}from"./p-
|
|
1
|
+
import{r as i,h as t,a}from"./p-COgvjwDR.js";import{b as n}from"./p-D2nzPgXC.js";import{t as o}from"./p-BgR5MFoI.js";import"./p-Cd4R0amv.js";var e={navigationName:"Skip links navigation"};const s=class{constructor(t){i(this,t)}async componentWillLoad(){o(this.root),this.i18n=await n(this.root,e)}render(){return t("div",{key:"46dcf90b066679bb78da39268663ff8322097192",class:"gux-container"},t("nav",{key:"294bf9513f52e21cdd95fd762b2b202cf7397d0a","aria-label":this.i18n("navigationName")},t("ul",{key:"44dd43990f2c8932b087bca97f7067a222aaee2a",role:"list"},t("slot",{key:"d1f00d5429f7434cf52b9c084c8390ba1f9b0d92"}))))}static get delegatesFocus(){return!0}get root(){return a(this)}};s.style=":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host(:focus-within){position:inherit;top:inherit;left:inherit;width:inherit;height:inherit;overflow:inherit;position:absolute;inset:0}.gux-container nav{inline-size:fit-content;margin-block:40px;margin-inline:auto}.gux-container nav ul{padding:0;margin:0}";export{s as gux_skip_navigation_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as s,H as r,a as i}from"./p-COgvjwDR.js";import{t as
|
|
1
|
+
import{r as t,h as s,H as r,a as i}from"./p-COgvjwDR.js";import{t as o}from"./p-BgR5MFoI.js";import{b as n}from"./p-D2nzPgXC.js";import{g as e,f as a,t as c}from"./p-W4Ul1r1n.js";import"./p-Cd4R0amv.js";const p=class{constructor(s){t(this,s)}renderZoneDisplay(){let t=this.i18n(this.timeZoneId);this.shorten&&(t=function(t){const s=t.split("/");return(null==s?void 0:s.pop())||t}(t));let r=t;if(this.offset){const s=function(t,s){const r=e().find((t=>t.name===s));return`${t}${a(null==r?void 0:r.currentTimeOffsetInMinutes)}`}(this.i18n("UTC"),this.timeZoneId);r=`${t} ${s}`,this.surroundOffset&&(r=`${t} (${s})`)}return s("span",null,r)}async componentWillLoad(){o(this.root),this.i18n=await n(this.root,c,"gux-time-zone-picker")}render(){return s(r,{key:"4566c2c2e4fa5705704fc1caa6d4562f26d96dd9"},this.renderZoneDisplay())}get root(){return i(this)}};export{p as gux_time_zone_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,f as s,h as e,a as i}from"./p-COgvjwDR.js";import{t as r}from"./p-
|
|
1
|
+
import{r as t,f as s,h as e,a as i}from"./p-COgvjwDR.js";import{t as r}from"./p-BgR5MFoI.js";import{h as o}from"./p-wqCHc7t7.js";import{O as n}from"./p-DGRFHar4.js";import{b as a}from"./p-Bg4q97BS.js";import{b as l}from"./p-D2nzPgXC.js";import{t as u}from"./p-DN3YAdAX.js";import"./p-DCZG2J0G.js";import"./p-Cd4R0amv.js";const h=class{constructor(s){t(this,s),this.expanded=!1,this.disabled=!1}onClickOutside(){this.expanded=!1}watchValue(t){this.validateValue(t,this.listElement)}watchDisabled(t){t&&(this.expanded=!1)}onInternallistitemsupdated(t){t.stopPropagation(),s(this.root)}handleKeydown(t){const s=t.composedPath().includes(this.actionButton),e=t.composedPath().includes(this.listElement);switch(t.key){case"Escape":e&&(t.preventDefault(),this.expanded=!1,this.actionButton.focus());break;case"ArrowDown":case"Enter":s&&!this.expanded&&(t.preventDefault(),this.expanded=!0,this.focusFirstListItem());break;case"Tab":this.expanded=!1;break;case"ArrowUp":s&&!this.expanded&&(t.preventDefault(),this.expanded=!0,this.focusLastListItem())}}handleKeyup(t){" "===t.key&&t.composedPath().includes(this.actionButton)&&(t.preventDefault(),this.expanded=!0,this.focusFirstListItem())}focusFirstListItem(){a((()=>{this.listElement.guxFocusFirstItem()}))}focusLastListItem(){a((()=>{this.listElement.guxFocusLastItem()}))}async componentWillLoad(){r(this.root),this.i18n=await l(this.root,u)}componentWillRender(){(null==this?void 0:this.listElement)&&this.validateValue(this.value,this.listElement)}validateValue(t,s){void 0!==t?this.getListItemElementByValue(t)&&(s.value=t):s.value=t}get listItemElements(){const t=this.listElement.querySelector("slot");if(t)return Array.from(t.assignedElements())}getListItemElementByValue(t){return this.listItemElements.find((s=>s.value===t))}renderTargetDisplay(){if(null==this?void 0:this.listElement){const t=this.getListItemElementByValue(this.value);if(t)return e("span",null,this.renderListItem(t))}}renderMenu(){return e("div",{class:"gux-target-display"},this.renderTargetDisplay(),e("gux-icon",{"icon-name":this.expanded?"custom/chevron-up-small-regular":"custom/chevron-down-small-regular","screenreader-text":this.i18n("richStyleDropdown")}))}renderListItem(t){return e("gux-truncate",{"max-lines":1},t.textContent)}renderTooltip(){if(!this.disabled&&!this.expanded)return e("gux-tooltip-beta",null,e("div",{slot:"content"},this.i18n("richStyle")))}onActionButtonClick(){this.expanded=!this.expanded,this.expanded&&this.focusFirstListItem()}updateValue(t){this.value!==t&&(this.value=t)}onListClick(t){const s=t.target.closest("gux-rich-style-list-item");s&&(this.expanded=!1,this.updateValue(s.value),this.actionButton.focus())}renderPopup(){return e("div",{class:"gux-list-container",slot:"popup"},e("gux-rich-text-editor-list",{ref:t=>this.listElement=t,onClick:t=>this.onListClick(t)},e("slot",null)))}renderTarget(){return e("gux-button-slot",{accent:"ghost",slot:"target","icon-only":!0},e("button",{type:"button",ref:t=>this.actionButton=t,class:{"gux-is-pressed":this.expanded},onClick:()=>this.onActionButtonClick(),disabled:this.disabled||o(this.root),"aria-haspopup":"true","aria-expanded":this.expanded.toString()},this.renderMenu()),this.renderTooltip())}render(){return e("gux-popup",{key:"9955ce82c6945b14fbb2b86d3dbdeb3ffe1371e6",expanded:this.expanded,exceedTargetWidth:!0,placement:"bottom-start"},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return i(this)}static get watchers(){return{value:["watchValue"],disabled:["watchDisabled"]}}};(function(t,s,e,i){var r,o=arguments.length,n=o<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,s,e,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(s,e,n):r(s,e))||n);o>3&&n&&Object.defineProperty(s,e,n)})([n({triggerEvents:"mousedown"})],h.prototype,"onClickOutside",null),h.style=":host{display:block}gux-button-slot button .gux-target-display{display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:center}gux-button-slot button.gux-is-pressed{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}.gux-list-container{inline-size:214px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";export{h as gux_rich_text_editor_action_rich_style}
|