genesys-spark-components 4.159.0-alpha.63450466b.0 → 4.159.0-alpha.a077ab650.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-advanced-dropdown-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-announce-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-change-photo-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-group-add-item-beta_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-group-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-group-item-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-badge.cjs.entry.js +1 -1
- package/dist/cjs/gux-blank-state.cjs.entry.js +1 -1
- package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-slot.cjs.entry.js +1 -1
- package/dist/cjs/gux-button_2.cjs.entry.js +1 -1
- package/dist/cjs/gux-calendar.cjs.entry.js +1 -1
- package/dist/cjs/gux-card.cjs.entry.js +1 -1
- package/dist/cjs/gux-column-manager.cjs.entry.js +1 -1
- package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-context-menu.cjs.entry.js +1 -1
- package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js +1 -1
- package/dist/cjs/gux-date-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-date-time-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-file-list-item.cjs.entry.js +1 -1
- package/dist/cjs/gux-flag-icon-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-flyout-menu.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-checkbox-group-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-file-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-file.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-label-indicator.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-number_2.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-phone.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-radio-group-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-range.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-time-zone-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-footer.cjs.entry.js +1 -1
- package/dist/cjs/gux-icon-tooltip-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-icon.cjs.entry.js +1 -1
- package/dist/cjs/gux-inline-alert.cjs.entry.js +1 -1
- package/dist/cjs/gux-inline-dropdown-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-label-info-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-link-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-listbox-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-loading-message.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal-side-panel-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal.cjs.entry.js +1 -1
- package/dist/cjs/gux-month-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
- package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-list-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
- package/dist/cjs/gux-rating.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-highlight-list-item.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-style-list-item_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-heading.cjs.entry.js +1 -1
- package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-skip-navigation-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
- package/dist/cjs/gux-status-indicator-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-step-title.cjs.entry.js +1 -1
- package/dist/cjs/gux-step.cjs.entry.js +1 -1
- package/dist/cjs/gux-stepper-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-switch-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar.cjs.entry.js +1 -1
- package/dist/cjs/gux-table.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
- package/dist/cjs/gux-tag.cjs.entry.js +1 -1
- package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-zone-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-toast.cjs.entry.js +1 -1
- package/dist/cjs/gux-toggle.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip-base-beta_2.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip-pointer-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip_2.cjs.entry.js +1 -1
- package/dist/cjs/{usage-BXvu5Vla.js → usage-BJWWBpKW.js} +1 -1
- package/dist/esm/gux-accordion.entry.js +1 -1
- package/dist/esm/gux-action-button.entry.js +1 -1
- package/dist/esm/gux-action-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-advanced-dropdown-legacy.entry.js +1 -1
- package/dist/esm/gux-announce-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-change-photo-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-group-add-item-beta_3.entry.js +1 -1
- package/dist/esm/gux-avatar-group-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-group-item-beta.entry.js +1 -1
- package/dist/esm/gux-badge.entry.js +1 -1
- package/dist/esm/gux-blank-state.entry.js +1 -1
- package/dist/esm/gux-breadcrumbs.entry.js +1 -1
- package/dist/esm/gux-button-multi.entry.js +1 -1
- package/dist/esm/gux-button-slot.entry.js +1 -1
- package/dist/esm/gux-button_2.entry.js +1 -1
- package/dist/esm/gux-calendar.entry.js +1 -1
- package/dist/esm/gux-card.entry.js +1 -1
- package/dist/esm/gux-column-manager.entry.js +1 -1
- package/dist/esm/gux-content-search.entry.js +1 -1
- package/dist/esm/gux-context-menu.entry.js +1 -1
- package/dist/esm/gux-copy-to-clipboard.entry.js +1 -1
- package/dist/esm/gux-date-beta.entry.js +1 -1
- package/dist/esm/gux-date-time-beta.entry.js +1 -1
- package/dist/esm/gux-datepicker.entry.js +1 -1
- package/dist/esm/gux-disclosure-button-legacy.entry.js +1 -1
- package/dist/esm/gux-dismiss-button.entry.js +1 -1
- package/dist/esm/gux-dropdown-multi.entry.js +1 -1
- package/dist/esm/gux-dropdown_3.entry.js +1 -1
- package/dist/esm/gux-file-list-item.entry.js +1 -1
- package/dist/esm/gux-flag-icon-beta.entry.js +1 -1
- package/dist/esm/gux-flyout-menu.entry.js +1 -1
- package/dist/esm/gux-form-field-checkbox-group-beta.entry.js +1 -1
- package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
- package/dist/esm/gux-form-field-color.entry.js +1 -1
- package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
- package/dist/esm/gux-form-field-file-beta.entry.js +1 -1
- package/dist/esm/gux-form-field-file.entry.js +1 -1
- package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
- package/dist/esm/gux-form-field-label-indicator.entry.js +1 -1
- package/dist/esm/gux-form-field-number_2.entry.js +1 -1
- package/dist/esm/gux-form-field-phone.entry.js +1 -1
- package/dist/esm/gux-form-field-radio-group-beta.entry.js +1 -1
- package/dist/esm/gux-form-field-radio.entry.js +1 -1
- package/dist/esm/gux-form-field-range.entry.js +1 -1
- package/dist/esm/gux-form-field-search.entry.js +1 -1
- package/dist/esm/gux-form-field-select.entry.js +1 -1
- package/dist/esm/gux-form-field-text-like.entry.js +1 -1
- package/dist/esm/gux-form-field-textarea.entry.js +1 -1
- package/dist/esm/gux-form-field-time-picker.entry.js +1 -1
- package/dist/esm/gux-form-field-time-zone-picker.entry.js +1 -1
- package/dist/esm/gux-form-footer.entry.js +1 -1
- package/dist/esm/gux-icon-tooltip-beta.entry.js +1 -1
- package/dist/esm/gux-icon.entry.js +1 -1
- package/dist/esm/gux-inline-alert.entry.js +1 -1
- package/dist/esm/gux-inline-dropdown-beta.entry.js +1 -1
- package/dist/esm/gux-label-info-beta.entry.js +1 -1
- package/dist/esm/gux-link-beta.entry.js +1 -1
- package/dist/esm/gux-list.entry.js +1 -1
- package/dist/esm/gux-listbox-multi.entry.js +1 -1
- package/dist/esm/gux-loading-message.entry.js +1 -1
- package/dist/esm/gux-modal-legacy.entry.js +1 -1
- package/dist/esm/gux-modal-side-panel-beta.entry.js +1 -1
- package/dist/esm/gux-modal.entry.js +1 -1
- package/dist/esm/gux-month-picker-beta.entry.js +1 -1
- package/dist/esm/gux-notification-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
- package/dist/esm/gux-pagination-cursor.entry.js +1 -1
- package/dist/esm/gux-pagination-legacy.entry.js +1 -1
- package/dist/esm/gux-pagination.entry.js +1 -1
- package/dist/esm/gux-phone-input-beta.entry.js +1 -1
- package/dist/esm/gux-popover-beta.entry.js +1 -1
- package/dist/esm/gux-popover-list-beta.entry.js +1 -1
- package/dist/esm/gux-popover-list.entry.js +1 -1
- package/dist/esm/gux-radial-loading.entry.js +1 -1
- package/dist/esm/gux-radial-progress.entry.js +1 -1
- package/dist/esm/gux-rating.entry.js +1 -1
- package/dist/esm/gux-rich-highlight-list-item.entry.js +1 -1
- package/dist/esm/gux-rich-style-list-item_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-heading.entry.js +1 -1
- package/dist/esm/gux-simple-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-skip-navigation-list.entry.js +1 -1
- package/dist/esm/gux-sort-control.entry.js +1 -1
- package/dist/esm/gux-status-indicator-beta.entry.js +1 -1
- package/dist/esm/gux-step-title.entry.js +1 -1
- package/dist/esm/gux-step.entry.js +1 -1
- package/dist/esm/gux-stepper-beta.entry.js +1 -1
- package/dist/esm/gux-switch-legacy.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-action.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-custom-action.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-menu-button.entry.js +1 -1
- package/dist/esm/gux-table-toolbar.entry.js +1 -1
- package/dist/esm/gux-table.entry.js +1 -1
- package/dist/esm/gux-tabs-advanced.entry.js +1 -1
- package/dist/esm/gux-tabs.entry.js +1 -1
- package/dist/esm/gux-tag.entry.js +1 -1
- package/dist/esm/gux-text-highlight.entry.js +1 -1
- package/dist/esm/gux-time-beta.entry.js +1 -1
- package/dist/esm/gux-time-picker.entry.js +1 -1
- package/dist/esm/gux-time-zone-beta.entry.js +1 -1
- package/dist/esm/gux-time-zone-picker-beta.entry.js +1 -1
- package/dist/esm/gux-toast.entry.js +1 -1
- package/dist/esm/gux-toggle.entry.js +1 -1
- package/dist/esm/gux-tooltip-base-beta_2.entry.js +1 -1
- package/dist/esm/gux-tooltip-pointer-beta.entry.js +1 -1
- package/dist/esm/gux-tooltip_2.entry.js +1 -1
- package/dist/esm/{usage-B2THz6HY.js → usage-D8ipSSvg.js} +1 -1
- package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
- package/dist/genesys-webcomponents/{p-432c95cf.entry.js → p-0289abd0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ec6389e5.entry.js → p-06b56d30.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-39d3991b.entry.js → p-06c39e3c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4dfc3aac.entry.js → p-0a39b98c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-50cccfbf.entry.js → p-0aba03a8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cbfd1382.entry.js → p-0b5070da.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d90072ff.entry.js → p-0ecdb0d4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7d270bf9.entry.js → p-188fc884.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6f69e18e.entry.js → p-1de53cfb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-02662ff2.entry.js → p-1ea92566.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f649526e.entry.js → p-1f878454.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-180331c8.entry.js → p-2409a5c4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-44a74572.entry.js → p-250ff923.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-621ce306.entry.js → p-265bdad7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-551921c7.entry.js → p-2ad14eb6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-397a1242.entry.js → p-3699cda0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ff4abeb2.entry.js → p-39844b43.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-09aa6535.entry.js → p-466196d1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3bfe99b8.entry.js → p-4807840a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4eb78951.entry.js → p-48debc6d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6d695c67.entry.js → p-49d975cb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-147bd90f.entry.js → p-4d0d949e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-077966a6.entry.js → p-4ec232fa.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6bf55027.entry.js → p-5098168d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fdaae956.entry.js → p-55333727.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e9b710db.entry.js → p-5b0cf491.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a3fddf71.entry.js → p-5b2c5bd9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-27647367.entry.js → p-5ff71325.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0df59e1a.entry.js → p-611568ee.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-21424442.entry.js → p-6214957a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-300acddb.entry.js → p-668eab52.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7a518cf4.entry.js → p-67cc6d7d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9b82b4de.entry.js → p-68d40fd8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-76477d09.entry.js → p-6993717f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2e6508ea.entry.js → p-69ef2e7d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-78ad42d7.entry.js → p-6dfd41be.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fc501143.entry.js → p-7383f02b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-428157d9.entry.js → p-7536e3c2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a8a6eb01.entry.js → p-7849195f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b2ce6b98.entry.js → p-7989a8d5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2efec1c4.entry.js → p-7a979f2e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bea5ec8d.entry.js → p-7be9a83e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c94b5e82.entry.js → p-7c2e4ac4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-978d3ed3.entry.js → p-7f2f4374.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-50a509dd.entry.js → p-848c3d9c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6943ae57.entry.js → p-85650a2b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d300c6c8.entry.js → p-85a83bea.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b84655ea.entry.js → p-87d1935a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a383a428.entry.js → p-88423222.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-89f50008.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-16dc4736.entry.js → p-8bd20a50.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-633624f5.entry.js → p-8e75a203.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f773ca8a.entry.js → p-8ff16d58.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d30170cd.entry.js → p-920ad37d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-10cdbe1e.entry.js → p-928368c2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a6d3de34.entry.js → p-94739217.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-371b914c.entry.js → p-97d97006.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-276aafce.entry.js → p-9944a415.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c86f1585.entry.js → p-9b60b987.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bbdbc5cb.entry.js → p-9da54b10.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7f83b1ab.entry.js → p-9dab117c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0d083331.entry.js → p-9ee173ac.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d6317a4e.entry.js → p-9f0fc997.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-B2THz6HY.js → p-D8ipSSvg.js} +1 -1
- package/dist/genesys-webcomponents/{p-caace961.entry.js → p-a22c9718.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2089ca1b.entry.js → p-a27f868b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-06ea901f.entry.js → p-a394abdc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-37bd46bb.entry.js → p-a5e3d699.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ee9fbe5f.entry.js → p-a5fd378f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-212835a3.entry.js → p-a66183c9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7876f2a2.entry.js → p-a76f283b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a83bb3d4.entry.js → p-aa473494.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a73ec519.entry.js → p-af761e24.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a0d96aab.entry.js → p-b0592212.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-769cd5ef.entry.js → p-b11c7132.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0d4c428a.entry.js → p-b1fe6f9c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d4fbb386.entry.js → p-b56d84a4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a6fc728d.entry.js → p-b7bda804.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7ab838b3.entry.js → p-b83207b9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e9793b1f.entry.js → p-b94ce472.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-283ef85c.entry.js → p-b992d075.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2abbc12b.entry.js → p-bc12f12d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-082c7635.entry.js → p-bc4aba5c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7ababd87.entry.js → p-bce3177a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-26b7630c.entry.js → p-be07245e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7ee5b187.entry.js → p-bf117d83.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fa97e4e7.entry.js → p-bf40b9d4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ed7ecfd0.entry.js → p-bfa03571.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5cf5b1cc.entry.js → p-bfa88793.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8074fb8a.entry.js → p-c0f8938a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fc06e37f.entry.js → p-c490dcab.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-77a70f1f.entry.js → p-c4f615f3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7f6c6087.entry.js → p-c50932bd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b43fc185.entry.js → p-c60a99af.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7152897d.entry.js → p-c9528d16.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-162bfd54.entry.js → p-ca364584.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bbac95d5.entry.js → p-cb6c681c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4b9bd516.entry.js → p-cd5f2c66.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d329c5e1.entry.js → p-ce31f6b6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-63d5cd2f.entry.js → p-d3578dfc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0e569fa5.entry.js → p-d6a7f38a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-50e37b53.entry.js → p-d6dd0d54.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c287f7db.entry.js → p-d96375c8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4724459e.entry.js → p-daf5b1b5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ceb9ff70.entry.js → p-dccd2c89.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a2e86970.entry.js → p-e343b240.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-db123e62.entry.js → p-eacc4acb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-868abcfa.entry.js → p-ee12e34e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-35be7daa.entry.js → p-f0048ccb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c75f29e2.entry.js → p-f0f9364f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2dada912.entry.js → p-f1a92493.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-afb1a19a.entry.js → p-f572851c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f85b1fe3.entry.js → p-f592cace.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bb366e04.entry.js → p-f95ac8eb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-83a71602.entry.js → p-f97d6563.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-54628bd8.entry.js → p-fadc2c5d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-18e3dfd3.entry.js → p-fbe7c5a9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f10ef036.entry.js → p-ff5d35c2.entry.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/stencil-wrapper.d.ts +1 -1
- package/package.json +1 -1
- package/dist/genesys-webcomponents/p-4a15e06a.entry.js +0 -1
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,f as i,h as s,a as o}from"./p-xFL2agjT.js";import{O as n}from"./p-ppdsZH4h.js";import{b as a}from"./p-D2udLR9p.js";import{s as r}from"./p-BMRf5pjV.js";import{b as l}from"./p-Bg4q97BS.js";import{t as u}from"./p-B2THz6HY.js";import{O as d}from"./p-NbJK45FV.js";import{s as g,b as c}from"./p-B_WlCjG2.js";import{h}from"./p-qzV3vtOw.js";import"./p-Cd4R0amv.js";var p={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"},x=function(t,e,i,s){var o,n=arguments.length,a=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};const f=class{constructor(i){t(this,i),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.required=!1,this.expanded=!1}watchValue(t){this.validateValue(t,this.listboxElement)}onKeydown(t){switch(t.key){case"Escape":return void this.collapseListbox("focusFieldButton");case"Tab":return void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,g(this.listboxElement)))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),i(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit(),this.listboxElement&&l((()=>{this.listboxElement.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(){u(this.root),this.i18n=await a(this.root,p)}componentDidLoad(){this.applyListboxEventListeners(),this.applyTableStyle()}componentWillRender(){this.listboxElement&&this.validateValue(this.value,this.listboxElement)}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)}applyTableStyle(){var t;"td"===(null===(t=this.root.parentElement)||void 0===t?void 0:t.tagName.toLowerCase())&&this.popupElement.classList.add("gux-has-table-parent")}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()}get optionElements(){return c(this.listboxElement)}getOptionElementByValue(t){return this.optionElements.find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}activeElementNotListbox(){return document.activeElement!==this.listboxElement}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,r(this.root,"input"),r(this.root,"change")),this.collapseListbox("focusFieldButton")}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?s("div",{class:"gux-selected-option"},this.renderSelectedItem(t)):s("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderSelectedItem(t){const e=t.tagName.toLowerCase();switch(e){case"gux-option":return this.renderOption(t);case"gux-option-icon":return this.renderIconOption(t);case"gux-option-status-beta":return this.renderStatusOption(t);default:return e}}renderOption(t){let e=t.textContent;if(h(t,"subtext")){const i=t.querySelector("[slot=subtext]");e=e.substring(0,e.length-i.textContent.length)}return s("gux-truncate",{ref:t=>this.truncateElement=t,dir:"auto"},e)}renderIconOption(t){let e=null;return null!==t.iconColor&&(e={color:t.iconColor}),s("span",{class:{"gux-selected-icon":!0,"gux-icon-position-end":"end"===t.iconPosition}},s("gux-icon",{"icon-name":t.iconName,style:e,decorative:!0,size:"small"}),s("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent))}renderStatusOption(t){const e=t.textContent;return s("div",{class:"gux-status-indicator"},s("span",{class:`gux-status-icon gux-status-icon-${t.accent}`}),s("div",{class:"gux-status-indicator-text"},e))}renderPopup(){return s("slot",{slot:"popup"})}renderTarget(){return s("div",{class:{"gux-target-container-collapsed":!0},slot:"target"},s("button",{type:"button",class:"gux-field gux-field-button",onClick:this.fieldButtonClick.bind(this),onFocusin:this.showTooltip.bind(this),onFocusout:this.hideTooltip.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),s("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(){return s("div",{class:"gux-field-content"},this.renderTargetDisplay())}render(){return s("gux-popup",{key:"1e1f41acc86df82fba60ef357891f96f083e8c8e",expanded:this.expanded,inline:!0,ref:t=>this.popupElement=t},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return o(this)}static get watchers(){return{value:["watchValue"]}}};x([n({triggerEvents:"mousedown"})],f.prototype,"onClickOutside",null),x([d({childList:!0,subtree:!0})],f.prototype,"onMutation",null),f.style=":host{display:inline-flex;inline-size:fit-content;min-inline-size:0;max-inline-size:100%}.gux-has-table-parent{position:relative;inset-inline-start:-8px}::slotted(gux-listbox){inline-size:fit-content}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;max-inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-dataTableItems-inlineDropdown-label-fontFamily);font-size:var(--gse-ui-dataTableItems-inlineDropdown-label-fontSize);font-weight:var(--gse-ui-dataTableItems-inlineDropdown-label-fontWeight);line-height:var(--gse-ui-dataTableItems-inlineDropdown-label-lineHeight);cursor:pointer;background-color:inherit}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding-block:4px;padding-inline:8px}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{background-color:var(--gse-ui-dataTableItems-statusIndicator-hover)}.gux-field.gux-input-field{block-size:var(--gse-ui-dataTableItems-inlineDropdown-label-lineHeight)}.gux-field .gux-field-content{--gux-zindex-tooltip:3;display:inline-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-dataTableItems-inlineDropdown-label-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-placeholder{color:var(--gse-ui-dataTableItems-inlineDropdown-text)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dataTableItems-inlineDropdown-gap);color:var(--gse-ui-dataTableItems-inlineDropdown-chevron-default)}.gux-target-container-expanded{background-color:var(--gse-ui-dataTableItems-inlineDropdown-active);border-radius:var(--gse-ui-dataTableItems-statusIndicator-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{outline:none;border:none}.gux-target-container-expanded .gux-field-button{inline-size:auto;block-size:var(--gse-ui-dataTableItems-inlineDropdown-label-lineHeight);margin:0;outline:none;background:inherit;border:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border-radius:var(--gse-ui-dataTableItems-statusIndicator-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(gux-listbox){outline:none;box-shadow:var(--gse-ui-menu-boxShadow)}.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-dataTableItems-inlineDropdown-gap)}.gux-status-indicator{display:inline-flex;gap:var(--gse-ui-dataTableItems-statusIndicator-gap);align-items:center}.gux-status-icon{display:inline-flex}.gux-status-icon::before{content:\"\"}.gux-status-icon-info::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);background:var(--gse-ui-statusGlyph-information)}.gux-status-icon-warning::before{inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6.16516 0.749268C6.49521 0.749268 6.80275 0.921791 6.97527 1.21434L12.0386 9.8407C12.2111 10.1332 12.2111 10.4933 12.0386 10.7783C11.8735 11.0709 11.5585 11.2509 11.2285 11.2509H1.10186C0.764303 11.2509 0.456764 11.0709 0.291738 10.7783C0.126712 10.4858 0.126712 10.1257 0.291738 9.8407L5.35504 1.21434C5.52757 0.929292 5.8276 0.749268 6.16516 0.749268Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6.16516 0.749268C6.49521 0.749268 6.80275 0.921791 6.97527 1.21434L12.0386 9.8407C12.2111 10.1332 12.2111 10.4933 12.0386 10.7783C11.8735 11.0709 11.5585 11.2509 11.2285 11.2509H1.10186C0.764303 11.2509 0.456764 11.0709 0.291738 10.7783C0.126712 10.4858 0.126712 10.1257 0.291738 9.8407L5.35504 1.21434C5.52757 0.929292 5.8276 0.749268 6.16516 0.749268Z' /%3E%3C/svg%3E\");background:var(--gse-ui-statusGlyph-neutral)}.gux-status-icon-error::before{inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M0.236102 6.88C-0.0787008 6.33785 -0.0787008 5.66215 0.236102 5.12L2.36477 1.38C2.67957 0.837853 3.24922 0.5 3.87133 0.5H8.12867C8.75078 0.5 9.32043 0.837853 9.63523 1.38L11.7639 5.12C12.0787 5.66215 12.0787 6.33785 11.7639 6.88L9.63523 10.62C9.32043 11.1621 8.75078 11.5 8.12867 11.5H3.87133C3.24922 11.5 2.67957 11.1621 2.36477 10.62L0.236102 6.88Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M0.236102 6.88C-0.0787008 6.33785 -0.0787008 5.66215 0.236102 5.12L2.36477 1.38C2.67957 0.837853 3.24922 0.5 3.87133 0.5H8.12867C8.75078 0.5 9.32043 0.837853 9.63523 1.38L11.7639 5.12C12.0787 5.66215 12.0787 6.33785 11.7639 6.88L9.63523 10.62C9.32043 11.1621 8.75078 11.5 8.12867 11.5H3.87133C3.24922 11.5 2.67957 11.1621 2.36477 10.62L0.236102 6.88Z' /%3E%3C/svg%3E\");background:var(--gse-ui-statusGlyph-negative)}.gux-status-icon-success::before{inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");background:var(--gse-ui-statusGlyph-positive)}";export{f as gux_inline_dropdown_beta}
|
1
|
+
import{r as t,c as e,f as i,h as s,a as o}from"./p-xFL2agjT.js";import{O as n}from"./p-ppdsZH4h.js";import{b as a}from"./p-D2udLR9p.js";import{s as r}from"./p-BMRf5pjV.js";import{b as l}from"./p-Bg4q97BS.js";import{t as u}from"./p-D8ipSSvg.js";import{O as d}from"./p-NbJK45FV.js";import{s as g,b as c}from"./p-B_WlCjG2.js";import{h}from"./p-qzV3vtOw.js";import"./p-Cd4R0amv.js";var p={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"},x=function(t,e,i,s){var o,n=arguments.length,a=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};const f=class{constructor(i){t(this,i),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.required=!1,this.expanded=!1}watchValue(t){this.validateValue(t,this.listboxElement)}onKeydown(t){switch(t.key){case"Escape":return void this.collapseListbox("focusFieldButton");case"Tab":return void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,g(this.listboxElement)))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),i(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit(),this.listboxElement&&l((()=>{this.listboxElement.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(){u(this.root),this.i18n=await a(this.root,p)}componentDidLoad(){this.applyListboxEventListeners(),this.applyTableStyle()}componentWillRender(){this.listboxElement&&this.validateValue(this.value,this.listboxElement)}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)}applyTableStyle(){var t;"td"===(null===(t=this.root.parentElement)||void 0===t?void 0:t.tagName.toLowerCase())&&this.popupElement.classList.add("gux-has-table-parent")}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()}get optionElements(){return c(this.listboxElement)}getOptionElementByValue(t){return this.optionElements.find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}activeElementNotListbox(){return document.activeElement!==this.listboxElement}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,r(this.root,"input"),r(this.root,"change")),this.collapseListbox("focusFieldButton")}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?s("div",{class:"gux-selected-option"},this.renderSelectedItem(t)):s("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderSelectedItem(t){const e=t.tagName.toLowerCase();switch(e){case"gux-option":return this.renderOption(t);case"gux-option-icon":return this.renderIconOption(t);case"gux-option-status-beta":return this.renderStatusOption(t);default:return e}}renderOption(t){let e=t.textContent;if(h(t,"subtext")){const i=t.querySelector("[slot=subtext]");e=e.substring(0,e.length-i.textContent.length)}return s("gux-truncate",{ref:t=>this.truncateElement=t,dir:"auto"},e)}renderIconOption(t){let e=null;return null!==t.iconColor&&(e={color:t.iconColor}),s("span",{class:{"gux-selected-icon":!0,"gux-icon-position-end":"end"===t.iconPosition}},s("gux-icon",{"icon-name":t.iconName,style:e,decorative:!0,size:"small"}),s("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent))}renderStatusOption(t){const e=t.textContent;return s("div",{class:"gux-status-indicator"},s("span",{class:`gux-status-icon gux-status-icon-${t.accent}`}),s("div",{class:"gux-status-indicator-text"},e))}renderPopup(){return s("slot",{slot:"popup"})}renderTarget(){return s("div",{class:{"gux-target-container-collapsed":!0},slot:"target"},s("button",{type:"button",class:"gux-field gux-field-button",onClick:this.fieldButtonClick.bind(this),onFocusin:this.showTooltip.bind(this),onFocusout:this.hideTooltip.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),s("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(){return s("div",{class:"gux-field-content"},this.renderTargetDisplay())}render(){return s("gux-popup",{key:"1e1f41acc86df82fba60ef357891f96f083e8c8e",expanded:this.expanded,inline:!0,ref:t=>this.popupElement=t},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return o(this)}static get watchers(){return{value:["watchValue"]}}};x([n({triggerEvents:"mousedown"})],f.prototype,"onClickOutside",null),x([d({childList:!0,subtree:!0})],f.prototype,"onMutation",null),f.style=":host{display:inline-flex;inline-size:fit-content;min-inline-size:0;max-inline-size:100%}.gux-has-table-parent{position:relative;inset-inline-start:-8px}::slotted(gux-listbox){inline-size:fit-content}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;max-inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-dataTableItems-inlineDropdown-label-fontFamily);font-size:var(--gse-ui-dataTableItems-inlineDropdown-label-fontSize);font-weight:var(--gse-ui-dataTableItems-inlineDropdown-label-fontWeight);line-height:var(--gse-ui-dataTableItems-inlineDropdown-label-lineHeight);cursor:pointer;background-color:inherit}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding-block:4px;padding-inline:8px}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{background-color:var(--gse-ui-dataTableItems-statusIndicator-hover)}.gux-field.gux-input-field{block-size:var(--gse-ui-dataTableItems-inlineDropdown-label-lineHeight)}.gux-field .gux-field-content{--gux-zindex-tooltip:3;display:inline-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-dataTableItems-inlineDropdown-label-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-placeholder{color:var(--gse-ui-dataTableItems-inlineDropdown-text)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dataTableItems-inlineDropdown-gap);color:var(--gse-ui-dataTableItems-inlineDropdown-chevron-default)}.gux-target-container-expanded{background-color:var(--gse-ui-dataTableItems-inlineDropdown-active);border-radius:var(--gse-ui-dataTableItems-statusIndicator-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{outline:none;border:none}.gux-target-container-expanded .gux-field-button{inline-size:auto;block-size:var(--gse-ui-dataTableItems-inlineDropdown-label-lineHeight);margin:0;outline:none;background:inherit;border:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border-radius:var(--gse-ui-dataTableItems-statusIndicator-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(gux-listbox){outline:none;box-shadow:var(--gse-ui-menu-boxShadow)}.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-dataTableItems-inlineDropdown-gap)}.gux-status-indicator{display:inline-flex;gap:var(--gse-ui-dataTableItems-statusIndicator-gap);align-items:center}.gux-status-icon{display:inline-flex}.gux-status-icon::before{content:\"\"}.gux-status-icon-info::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);background:var(--gse-ui-statusGlyph-information)}.gux-status-icon-warning::before{inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6.16516 0.749268C6.49521 0.749268 6.80275 0.921791 6.97527 1.21434L12.0386 9.8407C12.2111 10.1332 12.2111 10.4933 12.0386 10.7783C11.8735 11.0709 11.5585 11.2509 11.2285 11.2509H1.10186C0.764303 11.2509 0.456764 11.0709 0.291738 10.7783C0.126712 10.4858 0.126712 10.1257 0.291738 9.8407L5.35504 1.21434C5.52757 0.929292 5.8276 0.749268 6.16516 0.749268Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6.16516 0.749268C6.49521 0.749268 6.80275 0.921791 6.97527 1.21434L12.0386 9.8407C12.2111 10.1332 12.2111 10.4933 12.0386 10.7783C11.8735 11.0709 11.5585 11.2509 11.2285 11.2509H1.10186C0.764303 11.2509 0.456764 11.0709 0.291738 10.7783C0.126712 10.4858 0.126712 10.1257 0.291738 9.8407L5.35504 1.21434C5.52757 0.929292 5.8276 0.749268 6.16516 0.749268Z' /%3E%3C/svg%3E\");background:var(--gse-ui-statusGlyph-neutral)}.gux-status-icon-error::before{inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M0.236102 6.88C-0.0787008 6.33785 -0.0787008 5.66215 0.236102 5.12L2.36477 1.38C2.67957 0.837853 3.24922 0.5 3.87133 0.5H8.12867C8.75078 0.5 9.32043 0.837853 9.63523 1.38L11.7639 5.12C12.0787 5.66215 12.0787 6.33785 11.7639 6.88L9.63523 10.62C9.32043 11.1621 8.75078 11.5 8.12867 11.5H3.87133C3.24922 11.5 2.67957 11.1621 2.36477 10.62L0.236102 6.88Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M0.236102 6.88C-0.0787008 6.33785 -0.0787008 5.66215 0.236102 5.12L2.36477 1.38C2.67957 0.837853 3.24922 0.5 3.87133 0.5H8.12867C8.75078 0.5 9.32043 0.837853 9.63523 1.38L11.7639 5.12C12.0787 5.66215 12.0787 6.33785 11.7639 6.88L9.63523 10.62C9.32043 11.1621 8.75078 11.5 8.12867 11.5H3.87133C3.24922 11.5 2.67957 11.1621 2.36477 10.62L0.236102 6.88Z' /%3E%3C/svg%3E\");background:var(--gse-ui-statusGlyph-negative)}.gux-status-icon-success::before{inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");background:var(--gse-ui-statusGlyph-positive)}";export{f as gux_inline_dropdown_beta}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as o,h as e,H as t,a as r}from"./p-xFL2agjT.js";import{t as a}from"./p-
|
1
|
+
import{r as o,h as e,H as t,a as r}from"./p-xFL2agjT.js";import{t as a}from"./p-D8ipSSvg.js";const i=class{constructor(e){o(this,e),this.placement="page-desktop"}componentWillLoad(){a(this.root,{variant:this.placement})}render(){return e(t,{key:"4f6079d93cee9ed8f9ac2e99c23c61ce4266621e",class:{[`gux-form-footer-${this.placement}`]:!0}},e("slot",{key:"099c671fbbf9d2465a54e14c5314b219eda9fb74"}))}get root(){return r(this)}};i.style=":host ::slotted(footer){display:flex;align-items:center;justify-content:flex-start;margin-block-start:var(--gse-semantic-formControl-formBody-paddingBottom);border-block-start:var(--gse-ui-formFooter-separator-width) var(--gse-ui-formFooter-separator-style) var(--gse-ui-formFooter-separator-color)}:host(.gux-form-footer-page-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-page-desktop-gap);padding-block:var(--gse-ui-formFooter-page-desktop-topPadding) var(--gse-ui-formFooter-page-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-desktop-horizontalPadding) var(--gse-ui-formFooter-page-desktop-horizontalPadding)}:host(.gux-form-footer-page-mobile) ::slotted(footer){flex-direction:column;gap:var(--gse-ui-formFooter-page-mobile-gap);align-items:stretch;justify-content:center;padding-block:var(--gse-ui-formFooter-page-mobile-topPadding) var(--gse-ui-formFooter-page-mobile-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-mobile-horizontalPadding) var(--gse-ui-formFooter-page-mobile-horizontalPadding)}:host(.gux-form-footer-side-sheet-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-sideSheet-desktop-gap);padding-block:var(--gse-ui-formFooter-sideSheet-desktop-topPadding) var(--gse-ui-formFooter-sideSheet-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding) var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding)}";export{i as gux_form_footer}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,f as t,h as o,a as i}from"./p-xFL2agjT.js";import{c as r,o as n}from"./p-Cb3FOYGS.js";import{O as l}from"./p-NbJK45FV.js";import{o as a}from"./p-De1NnCmO.js";import{p as s}from"./p-PYfNAK8p.js";import{h as f}from"./p-qzV3vtOw.js";import{G as u,a as p}from"./p-DK0rhipJ.js";import{G as d,a as h}from"./p-BUlUXMaT.js";import{h as g,s as c,c as x,g as m,v as b,a as v}from"./p-DHLxhscH.js";import{t as C}from"./p-B2THz6HY.js";import{f as y}from"./p-JHLuJ8Pb.js";import"./p-D9jKBqIb.js";import"./p-DxtJDeL9.js";import"./p-BMRf5pjV.js";const w=class{constructor(t){e(this,t),this.loading=!1,this.indicatorMark="required",this.computedLabelPosition="above",this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=f(this.root,"error"),this.hasHelp=f(this.root,"help")}handleKeyup(e){var t,o;"Tab"===e.key?this.input.matches(":focus-visible")&&(null===(t=this.labelInfo)||void 0===t||t.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-visible")&&(null===(o=this.labelInfo)||void 0===o||o.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}async guxForceUpdate(){this.hasContent=g(this.input),this.hasError=f(this.root,"error"),this.hasHelp=f(this.root,"help"),t(this.root)}renderRadialLoading(){if(this.loading)return o("div",{role:"status"},o("gux-radial-loading",{context:"input"}))}componentWillLoad(){this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=f(this.root,"error"),this.hasHelp=f(this.root,"help"),this.hasPrefix=Boolean(this.root.querySelector('[slot="prefix"]')),this.hasSuffix=Boolean(this.root.querySelector('[slot="suffix"]')),this.hasPrefix&&c(this.root,this.input,"prefix"),this.hasSuffix&&c(this.root,this.input,"suffix"),C(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return o(h,{key:"6e268f9b2f5cdefcf05f51b95bbdabfc7f90a58b",labelPosition:this.computedLabelPosition},o(d,{key:"8da38ac30c89cc7f4a6d7a9ca95096622354f786",required:this.required,position:this.computedLabelPosition},o("slot",{key:"f4f8cb4dd7165fab77df91759603cf2a67b9d967",name:"label",onSlotchange:()=>this.setLabel()}),o("gux-form-field-label-indicator",{key:"b742165e6f2ae4bae2527cf2e23fc02793ae8b92",variant:this.indicatorMark,required:this.required}),o("slot",{key:"c86c3d5580a44bfc070d801f85797333c68340df",name:"label-info"})),o("div",{key:"97a46a9562bf08388684e4c13781cbc67ffa00b4",class:"gux-input-and-error-container"},o("div",{key:"faa6d68074db30e416db0f0712467e10322d5551",class:{"gux-input":!0,"gux-input-error":this.hasError}},o("div",{key:"f29ddc3ae15dab4002423197ce745426a9b81989",class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-has-prefix":this.hasPrefix,"gux-has-suffix":this.hasSuffix},onClick:()=>y(this.input)},o("slot",{key:"159068cc7389df4caa747e849b3443b6a8e68525",name:"prefix"}),o("slot",{key:"a1a529019ed80868047a04eeade0257efafff654",name:"input"}),this.renderRadialLoading(),o("slot",{key:"ed703884556dd9302248d1c3a25fcb8bed8ac661",name:"suffix"}),this.clearable&&this.hasContent&&!this.disabled&&o("gux-form-field-input-clear-button",{key:"7f47627751268f2703b3246884ecf1ba4a719cb6",onClick:()=>x(this.input)}))),o(u,{key:"243eba4b6bb5dbfba50e68b376f9df5dd1352e72",show:this.hasError},o("slot",{key:"77f90dec9b23318b005379b5c35c66b922b3c6bb",name:"error"})),o(p,{key:"48da44761dc115f5f1f451a7a61f338098ea0e93",show:!this.hasError&&this.hasHelp},o("slot",{key:"4355d3580e354d94639d8ceeaf0d862172bb0fb7",name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${this.clearable?"clearable":"unclearable"}-${e}`}setInput(){this.input=m(this.root,'input[type="email"][slot="input"], input[type="number"][slot="input"], input[type="password"][slot="input"], input[type="text"][slot="input"]'),this.hasContent=g(this.input),s(this.input),this.input.addEventListener("input",(()=>{this.hasContent=g(this.input)})),this.disabled=r(this.input),this.required=this.input.required,this.disabledObserver=n(this.input,(e=>{this.disabled=e})),this.requiredObserver=a(this.input,(e=>{this.required=e})),b(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=v(this.label,this.labelPosition)}get root(){return i(this)}};(function(e,t,o,i){var r,n=arguments.length,l=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(l=(n<3?r(l):n>3?r(t,o,l):r(t,o))||l);n>3&&l&&Object.defineProperty(t,o,l)})([l({childList:!0,subtree:!0})],w.prototype,"onMutation",null),w.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 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(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){flex:1 1 auto;align-self:auto;order:0;inline-size:100%;overflow:hidden;text-overflow:ellipsis;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}slot[name=prefix],slot[name=suffix]{font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-prefixSufix-defaultColor);text-align:center;white-space:nowrap;text-decoration:none}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);cursor:text;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-has-suffix:not(.gux-input-and-error-container .gux-input .gux-input-container.gux-has-prefix) ::slotted(input){text-align:end}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container:hover:not(.gux-disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}";export{w as gux_form_field_text_like}
|
1
|
+
import{r as e,f as t,h as o,a as i}from"./p-xFL2agjT.js";import{c as r,o as n}from"./p-Cb3FOYGS.js";import{O as l}from"./p-NbJK45FV.js";import{o as a}from"./p-De1NnCmO.js";import{p as s}from"./p-PYfNAK8p.js";import{h as f}from"./p-qzV3vtOw.js";import{G as u,a as p}from"./p-DK0rhipJ.js";import{G as d,a as h}from"./p-BUlUXMaT.js";import{h as g,s as c,c as x,g as m,v as b,a as v}from"./p-DHLxhscH.js";import{t as C}from"./p-D8ipSSvg.js";import{f as y}from"./p-JHLuJ8Pb.js";import"./p-D9jKBqIb.js";import"./p-DxtJDeL9.js";import"./p-BMRf5pjV.js";const w=class{constructor(t){e(this,t),this.loading=!1,this.indicatorMark="required",this.computedLabelPosition="above",this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=f(this.root,"error"),this.hasHelp=f(this.root,"help")}handleKeyup(e){var t,o;"Tab"===e.key?this.input.matches(":focus-visible")&&(null===(t=this.labelInfo)||void 0===t||t.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-visible")&&(null===(o=this.labelInfo)||void 0===o||o.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}async guxForceUpdate(){this.hasContent=g(this.input),this.hasError=f(this.root,"error"),this.hasHelp=f(this.root,"help"),t(this.root)}renderRadialLoading(){if(this.loading)return o("div",{role:"status"},o("gux-radial-loading",{context:"input"}))}componentWillLoad(){this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=f(this.root,"error"),this.hasHelp=f(this.root,"help"),this.hasPrefix=Boolean(this.root.querySelector('[slot="prefix"]')),this.hasSuffix=Boolean(this.root.querySelector('[slot="suffix"]')),this.hasPrefix&&c(this.root,this.input,"prefix"),this.hasSuffix&&c(this.root,this.input,"suffix"),C(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return o(h,{key:"6e268f9b2f5cdefcf05f51b95bbdabfc7f90a58b",labelPosition:this.computedLabelPosition},o(d,{key:"8da38ac30c89cc7f4a6d7a9ca95096622354f786",required:this.required,position:this.computedLabelPosition},o("slot",{key:"f4f8cb4dd7165fab77df91759603cf2a67b9d967",name:"label",onSlotchange:()=>this.setLabel()}),o("gux-form-field-label-indicator",{key:"b742165e6f2ae4bae2527cf2e23fc02793ae8b92",variant:this.indicatorMark,required:this.required}),o("slot",{key:"c86c3d5580a44bfc070d801f85797333c68340df",name:"label-info"})),o("div",{key:"97a46a9562bf08388684e4c13781cbc67ffa00b4",class:"gux-input-and-error-container"},o("div",{key:"faa6d68074db30e416db0f0712467e10322d5551",class:{"gux-input":!0,"gux-input-error":this.hasError}},o("div",{key:"f29ddc3ae15dab4002423197ce745426a9b81989",class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-has-prefix":this.hasPrefix,"gux-has-suffix":this.hasSuffix},onClick:()=>y(this.input)},o("slot",{key:"159068cc7389df4caa747e849b3443b6a8e68525",name:"prefix"}),o("slot",{key:"a1a529019ed80868047a04eeade0257efafff654",name:"input"}),this.renderRadialLoading(),o("slot",{key:"ed703884556dd9302248d1c3a25fcb8bed8ac661",name:"suffix"}),this.clearable&&this.hasContent&&!this.disabled&&o("gux-form-field-input-clear-button",{key:"7f47627751268f2703b3246884ecf1ba4a719cb6",onClick:()=>x(this.input)}))),o(u,{key:"243eba4b6bb5dbfba50e68b376f9df5dd1352e72",show:this.hasError},o("slot",{key:"77f90dec9b23318b005379b5c35c66b922b3c6bb",name:"error"})),o(p,{key:"48da44761dc115f5f1f451a7a61f338098ea0e93",show:!this.hasError&&this.hasHelp},o("slot",{key:"4355d3580e354d94639d8ceeaf0d862172bb0fb7",name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${this.clearable?"clearable":"unclearable"}-${e}`}setInput(){this.input=m(this.root,'input[type="email"][slot="input"], input[type="number"][slot="input"], input[type="password"][slot="input"], input[type="text"][slot="input"]'),this.hasContent=g(this.input),s(this.input),this.input.addEventListener("input",(()=>{this.hasContent=g(this.input)})),this.disabled=r(this.input),this.required=this.input.required,this.disabledObserver=n(this.input,(e=>{this.disabled=e})),this.requiredObserver=a(this.input,(e=>{this.required=e})),b(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=v(this.label,this.labelPosition)}get root(){return i(this)}};(function(e,t,o,i){var r,n=arguments.length,l=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(l=(n<3?r(l):n>3?r(t,o,l):r(t,o))||l);n>3&&l&&Object.defineProperty(t,o,l)})([l({childList:!0,subtree:!0})],w.prototype,"onMutation",null),w.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 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(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){flex:1 1 auto;align-self:auto;order:0;inline-size:100%;overflow:hidden;text-overflow:ellipsis;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}slot[name=prefix],slot[name=suffix]{font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-prefixSufix-defaultColor);text-align:center;white-space:nowrap;text-decoration:none}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);cursor:text;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-has-suffix:not(.gux-input-and-error-container .gux-input .gux-input-container.gux-has-prefix) ::slotted(input){text-align:end}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container:hover:not(.gux-disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}";export{w as gux_form_field_text_like}
|
@@ -1 +1 @@
|
|
1
|
-
import{r,h as d,a as e}from"./p-xFL2agjT.js";import{t as a}from"./p-
|
1
|
+
import{r,h as d,a as e}from"./p-xFL2agjT.js";import{t as a}from"./p-D8ipSSvg.js";const o=class{constructor(d){r(this,d),this.accent="bordered"}componentWillLoad(){a(this.root,{variant:this.accent})}render(){return d("div",{key:"363ba6f0a883e4e2f4a056f6d4d441efb0b3ea2c",class:{"gux-card":!0,[`gux-${this.accent}`]:!0}},d("slot",{key:"e36c2a015923aa961bd1c0a308f2066b702e6272"}))}get root(){return e(this)}};o.style=":host{display:block;inline-size:fit-content}.gux-card{box-sizing:border-box;padding:var(--gse-ui-card-padding);background-color:var(--gse-ui-card-backgroundColor);border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color);border-radius:var(--gse-ui-card-borderRadius)}.gux-card.gux-bordered{border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color)}.gux-card.gux-raised{border:var(--gse-ui-card-raised-border-width) var(--gse-ui-card-raised-border-style) var(--gse-ui-card-raised-border-color);box-shadow:var(--gse-ui-card-raised-boxShadow)}.gux-card.gux-borderless{border:var(--gse-ui-card-borderless-border-width) var(--gse-ui-card-borderless-border-style) var(--gse-ui-card-borderless-border-color)}";export{o as gux_card}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,f as i,h as o,a as s,H as n}from"./p-xFL2agjT.js";import{O as r}from"./p-ppdsZH4h.js";import{b as a}from"./p-D2udLR9p.js";import{s as u}from"./p-BMRf5pjV.js";import{o as l,c as d}from"./p-Cb3FOYGS.js";import{b as h}from"./p-Bg4q97BS.js";import{t as c}from"./p-B2THz6HY.js";import{O as g}from"./p-NbJK45FV.js";import{s as f,b as p,g as x,a as v,d as b,h as m,e as w,f as C,i as y,j as k,k as z,l as F,m as O,n as T,o as j,c as S,p as L}from"./p-B_WlCjG2.js";import{h as E}from"./p-qzV3vtOw.js";import{w as H}from"./p-kLXvN2m9.js";import{g as R}from"./p-Cd4R0amv.js";import{r as B}from"./p-D9jKBqIb.js";var W={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"},D=function(t,e,i,o){var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const I=class{constructor(i){t(this,i),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.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.filter="")}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}watchDisabled(t){t&&(this.expanded=!1)}onKeydown(t){switch(t.key){case"Escape":return this.isFilterable()&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,f(this.listboxElement)));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)}onClickOutside(){this.collapseListbox("noFocusChange")}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit(),this.listboxElement&&h((()=>{this.listboxElement.focus(),this.isFilterable()&&this.filterElement&&this.filterElement.focus()}))}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.listboxElement&&this.validateValue(this.value,this.listboxElement)}async componentWillLoad(){c(this.root),this.i18n=await a(this.root,W),l(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.filter=this.filter)}showTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setShowTooltip()}hideTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setHideTooltip()}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)&&(e.value=t):e&&(e.value=t)}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}isFilterable(){return"starts-with"===this.filterType||"custom"===this.filterType}get optionElements(){return p(this.listboxElement)}getOptionElementByValue(t){return this.optionElements.find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.isFilterable()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.isFilterable()&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),void f(this.listboxElement);case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,u(this.root,"input"),u(this.root,"change")),this.collapseListbox("focusFieldButton")}getTypeaheadText(t){var e;const i=t.length;if(i>0&&!this.loading){const o=x(this.listboxElement,t);if(o&&"custom"!==this.filterType){const t=null===(e=v(o))||void 0===e?void 0:e.textContent.trim();return null==t?void 0:t.substring(i)}}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){var e;return null===(e=v(t))||void 0===e?void 0:e.textContent.trim()}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.expanded&&this.isFilterable())return o("div",{class:"gux-field gux-input-field",dir:"auto"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.filter),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.filter))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this),disabled:this.disabled})))))}renderPopup(){return o("slot",{slot:"popup"})}renderTarget(){return o("div",{class:{"gux-target-container-expanded":this.expanded&&this.isFilterable(),"gux-target-container-collapsed":!(this.expanded&&this.isFilterable()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:d(this.root),onClick:this.fieldButtonClick.bind(this),onFocusin:this.showTooltip.bind(this),onFocusout:this.hideTooltip.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),size:"small",iconName:this.expanded?"custom/chevron-up-small-regular":"custom/chevron-down-small-regular"})))}renderTargetContent(){if(!this.expanded||!this.isFilterable())return o("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return o("gux-radial-loading",{context:"input"})}render(){return o("gux-popup",{key:"1489eb86035a07be578c9add3edf616e95061f16",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled||this.loading&&!this.isFilterable(),exceedTargetWidth:this.exceedTargetWidth},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return s(this)}static get watchers(){return{expanded:["watchExpanded"],value:["watchValue"],filter:["handleFilter"],disabled:["watchDisabled"]}}};D([r({triggerEvents:"mousedown"})],I.prototype,"onClickOutside",null),D([g({childList:!0,subtree:!0})],I.prototype,"onMutation",null),I.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{--gux-zindex-tooltip:3;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{outline:none;border:none}.gux-target-container-expanded .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-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(gux-listbox){outline:none;box-shadow:var(--gse-ui-menu-boxShadow)}.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 A=["gux-option","gux-option-icon","gux-option-status-beta"].join(",");var K={noMatches:"No matches",loading:"Loading..."};const V=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(){b(this.root)}onKeydown(t){if(!m(this.root))return t.preventDefault(),void f(this.root);switch(t.key){case"Enter":return t.preventDefault(),void O(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||T(this.root,t.key)}onKeyup(t){" "!==t.key||O(this.root,(t=>this.updateValue(t)))}onMousemove(){b(this.root)}onClick(t){H(A,t,(t=>{j(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){O(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),u(this.root,"input"),u(this.root,"change")}async componentWillLoad(){c(this.root),this.i18n=await a(this.root,K),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,"custom"!==this.filterType&&"none"!==this.filterType&&(t.filtered=!L(t,this.filter))})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length}renderHiddenSlot(){return o("div",{hidden:!0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[o("div",{class:"gux-message-container"},o("gux-radial-loading",{context:"modal"}),o("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){return[o("div",{class:"gux-message-container"},o("div",{class:"gux-no-matches"},this.emptyMessage||this.i18n("noMatches"))),this.renderHiddenSlot()]}render(){return this.loading?this.renderLoading():this.allListboxOptionsFiltered?this.renderAllListboxOptionsFiltered():o(n,{role:"listbox",tabindex:0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}get root(){return s(this)}};V.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 M=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(){this.hasSubtext=E(this.root,"subtext")}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(n,{key:"c2672c6cb5bf516a3495eea8357d3bc4c4c900da",role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled||this.hasDisabledParent(),"gux-filtered":this.filtered,"gux-selected":this.selected,"gux-show-subtext":this.hasSubtext},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},o("div",{key:"b85bf4d463039f58f49ec2d6d18d2d1415403f32",class:"gux-option-wrapper"},o("gux-truncate",{key:"18608184d2d7a77a8fd0018745f9a1b6a8a5fa80","tooltip-placement":"right",ref:t=>this.truncateElement=t},o("slot",{key:"1b42a67570ad5b853612cbfce4481be09442aebd"})),o("slot",{key:"279602519fa45e83691133da63ef404ff014c43e",onSlotchange:()=>this.onSubtextChange(),name:"subtext"})))}get root(){return s(this)}static get watchers(){return{active:["handleActive"]}}};M.style=":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-menu-option-gap);place-content:stretch center;align-items:center;block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host .gux-option-wrapper{inline-size:100%}:host .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}:host(:active:not(:disabled)){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight)}:host(.gux-active){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){place-content:stretch flex-start;block-size:auto}:host(.gux-show-subtext) .gux-option-wrapper{display:flex;flex-direction:column}:host(.gux-show-subtext) slot[name=subtext]::slotted(*){font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);color:var(--gse-ui-menu-groupedMenu-subtext-foregroundColor)}:host(:hover:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}";export{I as gux_dropdown,V as gux_listbox,M as gux_option}
|
1
|
+
import{r as t,c as e,f as i,h as o,a as s,H as n}from"./p-xFL2agjT.js";import{O as r}from"./p-ppdsZH4h.js";import{b as a}from"./p-D2udLR9p.js";import{s as u}from"./p-BMRf5pjV.js";import{o as l,c as d}from"./p-Cb3FOYGS.js";import{b as h}from"./p-Bg4q97BS.js";import{t as c}from"./p-D8ipSSvg.js";import{O as g}from"./p-NbJK45FV.js";import{s as f,b as p,g as x,a as v,d as b,h as m,e as w,f as C,i as y,j as k,k as z,l as F,m as O,n as j,o as S,c as T,p as L}from"./p-B_WlCjG2.js";import{h as E}from"./p-qzV3vtOw.js";import{w as R}from"./p-kLXvN2m9.js";import{g as D}from"./p-Cd4R0amv.js";import{r as W}from"./p-D9jKBqIb.js";var B={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"},H=function(t,e,i,o){var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const I=class{constructor(i){t(this,i),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.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.filter="")}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}watchDisabled(t){t&&(this.expanded=!1)}onKeydown(t){switch(t.key){case"Escape":return this.isFilterable()&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,f(this.listboxElement)));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)}onClickOutside(){this.collapseListbox("noFocusChange")}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit(),this.listboxElement&&h((()=>{this.listboxElement.focus(),this.isFilterable()&&this.filterElement&&this.filterElement.focus()}))}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.listboxElement&&this.validateValue(this.value,this.listboxElement)}async componentWillLoad(){c(this.root),this.i18n=await a(this.root,B),l(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.filter=this.filter)}showTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setShowTooltip()}hideTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setHideTooltip()}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)&&(e.value=t):e&&(e.value=t)}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}isFilterable(){return"starts-with"===this.filterType||"custom"===this.filterType}get optionElements(){return p(this.listboxElement)}getOptionElementByValue(t){return this.optionElements.find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.isFilterable()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.isFilterable()&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),void f(this.listboxElement);case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,u(this.root,"input"),u(this.root,"change")),this.collapseListbox("focusFieldButton")}getTypeaheadText(t){var e;const i=t.length;if(i>0&&!this.loading){const o=x(this.listboxElement,t);if(o&&"custom"!==this.filterType){const t=null===(e=v(o))||void 0===e?void 0:e.textContent.trim();return null==t?void 0:t.substring(i)}}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){var e;return null===(e=v(t))||void 0===e?void 0:e.textContent.trim()}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.expanded&&this.isFilterable())return o("div",{class:"gux-field gux-input-field",dir:"auto"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.filter),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.filter))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this),disabled:this.disabled})))))}renderPopup(){return o("slot",{slot:"popup"})}renderTarget(){return o("div",{class:{"gux-target-container-expanded":this.expanded&&this.isFilterable(),"gux-target-container-collapsed":!(this.expanded&&this.isFilterable()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:d(this.root),onClick:this.fieldButtonClick.bind(this),onFocusin:this.showTooltip.bind(this),onFocusout:this.hideTooltip.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),size:"small",iconName:this.expanded?"custom/chevron-up-small-regular":"custom/chevron-down-small-regular"})))}renderTargetContent(){if(!this.expanded||!this.isFilterable())return o("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return o("gux-radial-loading",{context:"input"})}render(){return o("gux-popup",{key:"1489eb86035a07be578c9add3edf616e95061f16",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled||this.loading&&!this.isFilterable(),exceedTargetWidth:this.exceedTargetWidth},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return s(this)}static get watchers(){return{expanded:["watchExpanded"],value:["watchValue"],filter:["handleFilter"],disabled:["watchDisabled"]}}};H([r({triggerEvents:"mousedown"})],I.prototype,"onClickOutside",null),H([g({childList:!0,subtree:!0})],I.prototype,"onMutation",null),I.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{--gux-zindex-tooltip:3;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{outline:none;border:none}.gux-target-container-expanded .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-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(gux-listbox){outline:none;box-shadow:var(--gse-ui-menu-boxShadow)}.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 A=["gux-option","gux-option-icon","gux-option-status-beta"].join(",");var K={noMatches:"No matches",loading:"Loading..."};const V=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(){b(this.root)}onKeydown(t){if(!m(this.root))return t.preventDefault(),void f(this.root);switch(t.key){case"Enter":return t.preventDefault(),void O(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||j(this.root,t.key)}onKeyup(t){" "!==t.key||O(this.root,(t=>this.updateValue(t)))}onMousemove(){b(this.root)}onClick(t){R(A,t,(t=>{S(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){O(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.selectedValues=T(this.value),this.listboxOptions=p(this.root),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),u(this.root,"input"),u(this.root,"change")}async componentWillLoad(){c(this.root),this.i18n=await a(this.root,K),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,"custom"!==this.filterType&&"none"!==this.filterType&&(t.filtered=!L(t,this.filter))})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length}renderHiddenSlot(){return o("div",{hidden:!0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[o("div",{class:"gux-message-container"},o("gux-radial-loading",{context:"modal"}),o("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){return[o("div",{class:"gux-message-container"},o("div",{class:"gux-no-matches"},this.emptyMessage||this.i18n("noMatches"))),this.renderHiddenSlot()]}render(){return this.loading?this.renderLoading():this.allListboxOptionsFiltered?this.renderAllListboxOptionsFiltered():o(n,{role:"listbox",tabindex:0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}get root(){return s(this)}};V.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 M=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||W("gux-option"),this.onSubtextChange()}onSubtextChange(){this.hasSubtext=E(this.root,"subtext")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}hasDisabledParent(){const t=D("gux-listbox",this.root);return null==t?void 0:t.disabled}render(){return o(n,{key:"c2672c6cb5bf516a3495eea8357d3bc4c4c900da",role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled||this.hasDisabledParent(),"gux-filtered":this.filtered,"gux-selected":this.selected,"gux-show-subtext":this.hasSubtext},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},o("div",{key:"b85bf4d463039f58f49ec2d6d18d2d1415403f32",class:"gux-option-wrapper"},o("gux-truncate",{key:"18608184d2d7a77a8fd0018745f9a1b6a8a5fa80","tooltip-placement":"right",ref:t=>this.truncateElement=t},o("slot",{key:"1b42a67570ad5b853612cbfce4481be09442aebd"})),o("slot",{key:"279602519fa45e83691133da63ef404ff014c43e",onSlotchange:()=>this.onSubtextChange(),name:"subtext"})))}get root(){return s(this)}static get watchers(){return{active:["handleActive"]}}};M.style=":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-menu-option-gap);place-content:stretch center;align-items:center;block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host .gux-option-wrapper{inline-size:100%}:host .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}:host(:active:not(:disabled)){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight)}:host(.gux-active){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){place-content:stretch flex-start;block-size:auto}:host(.gux-show-subtext) .gux-option-wrapper{display:flex;flex-direction:column}:host(.gux-show-subtext) slot[name=subtext]::slotted(*){font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);color:var(--gse-ui-menu-groupedMenu-subtext-foregroundColor)}:host(:hover:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}";export{I as gux_dropdown,V as gux_listbox,M as gux_option}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,c as t,h as a,a as n}from"./p-xFL2agjT.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-B2THz6HY.js";import{b as l,g as c,c as g}from"./p-D2udLR9p.js";import{c as h}from"./p-Cf6_BoFM.js";import{d as x}from"./p-B0p1zRQq.js";import{u as b}from"./p-ZuNZ-MBw.js";import"./p-Cd4R0amv.js";import"./p-BZb6pJEJ.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 p=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:"0c55a401066c6b0187e748aa283250a0b1241319",class:"gux-calendar"},a("div",{key:"5a74b7258882a980360239957794b1c2ae89f26f",class:"gux-header"},a("button",{key:"74a80f686c61660c3dacb46c3ea39254b175767f",type:"button",class:"gux-left","aria-label":this.i18n("previousMonth"),onClick:()=>this.incrementPreviewDateByMonth(-1)},a("gux-icon",{key:"e6591ea5f66819d5d28628fd1eec2fbcaf29bd7a",size:"small",decorative:!0,"icon-name":"custom/chevron-left-small-regular"})),this.renderMonthHeader(),a("button",{key:"4cd50eea789472a67ea8dab48160f9d372f22633",type:"button",class:"gux-right","aria-label":this.i18n("nextMonth"),onClick:()=>this.incrementPreviewDateByMonth(1)},a("gux-icon",{key:"c70331f456b7af4a5df486c555d7a38ed06ff5a4",size:"small",decorative:!0,"icon-name":"custom/chevron-right-small-regular"}))),a("div",{key:"5ec1b7c7032ab13ed4c2e1fc55a861695d3ec7de",class:"gux-content"},Array.from(Array(this.numberOfMonths).keys()).map((e=>this.renderCalendarTable(e)))))}get root(){return n(this)}};p.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{p as gux_calendar}
|
1
|
+
import{r as e,c as t,h as a,a as n}from"./p-xFL2agjT.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-D8ipSSvg.js";import{b as l,g as c,c as g}from"./p-D2udLR9p.js";import{c as h}from"./p-Cf6_BoFM.js";import{d as x}from"./p-B0p1zRQq.js";import{u as b}from"./p-ZuNZ-MBw.js";import"./p-Cd4R0amv.js";import"./p-BZb6pJEJ.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 p=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:"0c55a401066c6b0187e748aa283250a0b1241319",class:"gux-calendar"},a("div",{key:"5a74b7258882a980360239957794b1c2ae89f26f",class:"gux-header"},a("button",{key:"74a80f686c61660c3dacb46c3ea39254b175767f",type:"button",class:"gux-left","aria-label":this.i18n("previousMonth"),onClick:()=>this.incrementPreviewDateByMonth(-1)},a("gux-icon",{key:"e6591ea5f66819d5d28628fd1eec2fbcaf29bd7a",size:"small",decorative:!0,"icon-name":"custom/chevron-left-small-regular"})),this.renderMonthHeader(),a("button",{key:"4cd50eea789472a67ea8dab48160f9d372f22633",type:"button",class:"gux-right","aria-label":this.i18n("nextMonth"),onClick:()=>this.incrementPreviewDateByMonth(1)},a("gux-icon",{key:"c70331f456b7af4a5df486c555d7a38ed06ff5a4",size:"small",decorative:!0,"icon-name":"custom/chevron-right-small-regular"}))),a("div",{key:"5ec1b7c7032ab13ed4c2e1fc55a861695d3ec7de",class:"gux-content"},Array.from(Array(this.numberOfMonths).keys()).map((e=>this.renderCalendarTable(e)))))}get root(){return n(this)}};p.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{p as gux_calendar}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as o,h as t,a as e,c as r}from"./p-xFL2agjT.js";import{t as i}from"./p-B2THz6HY.js";import{r as n}from"./p-D9jKBqIb.js";import{a,c as s,o as u,f as d,s as l,b as c}from"./p-C_pVuars.js";import{O as g}from"./p-ppdsZH4h.js";import{g as b}from"./p-BBpQG81s.js";import{f as h}from"./p-Cr5bTKWF.js";const p=class{constructor(t){o(this,t),this.buttonId=n("button"),this.type="button",this.disabled=!1,this.accent="secondary",this.autofocus=!1}connectedCallback(){this.slotChanged()}componentWillLoad(){i(this.root,{variant:this.accent})}render(){return[t("button",{key:"24dbbdfe3e039dea0cbdc2d452cb0cf5da7f9d9b",id:this.buttonId,type:this.type,disabled:this.disabled,class:{[`gux-${this.accent}`]:!0,"gux-icon-only":this.iconOnly},"aria-label":this.guxTitle,autofocus:this.autofocus},t("slot",{key:"3cdf6222d210ad14536037885d5d6b54f684a209",onSlotchange:this.slotChanged.bind(this)})),this.renderTooltip()]}renderTooltip(){return this.guxTitle?t("gux-tooltip-beta",{for:this.buttonId,visualOnly:!0},t("div",{slot:"content"},this.guxTitle)):""}stopEventIfDisabled(o){this.disabled&&(o.stopImmediatePropagation(),o.stopPropagation(),o.preventDefault())}makeSlotContentDisableable(){this.root.shadowRoot.addEventListener("click",(o=>this.stopEventIfDisabled(o))),Array.from(this.root.children).forEach((o=>{o.addEventListener("click",(o=>this.stopEventIfDisabled(o)))}))}hasIconOnly(){const o=Array.from(this.root.children);if(1===o.length){if("GUX-ICON"===o[0].tagName)return!0}else if(2===o.length&&"GUX-ICON"===o[0].tagName&&["GUX-TOOLTIP","GUX-TOOLTIP-BETA"].includes(o[1].tagName))return!0;return!1}slotChanged(){this.makeSlotContentDisableable(),this.iconOnly=this.hasIconOnly()}static get delegatesFocus(){return!0}get root(){return e(this)}};p.style=":host{display:inline-block;pointer-events:none;-webkit-user-select:none;user-select:none}:host(:focus){outline:none}:host(:focus) button{outline:none}::slotted(gux-icon){inline-size:var(--gse-ui-button-icon-size);block-size:var(--gse-ui-button-icon-size)}::slotted(*){padding-inline-start:var(--gse-ui-button-gap);vertical-align:middle}::slotted(gux-tooltip),::slotted(gux-tooltip-beta){padding-inline-start:0}::slotted(*:first-child){padding:0}button{font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;text-overflow:ellipsis;color:var(--gse-ui-button-secondary-default-foregroundColor);white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}button.gux-icon-only{display:inline-flex;padding:var(--gse-ui-button-default-paddingIconOnly)}button[disabled]{pointer-events:none;cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}button:hover:enabled{color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}button:active:enabled{color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}button:focus-visible:enabled{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}button.gux-primary{color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}button.gux-primary:hover:enabled{color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}button.gux-primary:active:enabled{color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}button.gux-tertiary{color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width);}button.gux-tertiary.gux-icon-only{padding:calc(var(--gse-ui-button-default-paddingIconOnly) - var(--gse-ui-button-tertiary-default-border-width))}button.gux-tertiary:hover:enabled{color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}button.gux-tertiary:active:enabled{color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}button.gux-ghost{color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}button.gux-ghost:hover:enabled{color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}button.gux-ghost:active:enabled{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}button.gux-danger{color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}button.gux-danger:hover:enabled{color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}button.gux-danger:active:enabled{color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}button.gux-inline{min-inline-size:initial;block-size:initial;padding:0;color:var(--gse-ui-links-default-foregroundColor);background:none;border:none;border-radius:0}button.gux-inline[disabled]{color:var(--gse-ui-links-disabled-foregroundColor)}button.gux-inline:hover:enabled{color:var(--gse-ui-links-hover-foregroundColor);text-decoration:underline;background:none}button.gux-inline:active:enabled{color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}";var v=function(o,t,e,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,e):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(o,t,e,r);else for(var s=o.length-1;s>=0;s--)(i=o[s])&&(a=(n<3?i(a):n>3?i(t,e,a):i(t,e))||a);return n>3&&a&&Object.defineProperty(t,e,a),a};const f=class{constructor(t){o(this,t),this.guxdismiss=r(this,"guxdismiss",7),this.position="bottom",this.displayDismissButton=!1,this.closeOnClickOutside=!1,this.isOpen=!1}onKeyDown(o){"Escape"===o.key&&this.dismiss()}onFocusout(o){!this.closeOnClickOutside&&this.displayDismissButton||o.relatedTarget&&!this.root.contains(o.relatedTarget)&&this.dismiss()}checkForClickOutside(o){const t=o.composedPath(),e=h(this.root,this.for),r=t.includes(e);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||r||this.dismiss()}get titleSlot(){return b(this.root,"title")}runUpdatePosition(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.root.isConnected?this.cleanupUpdatePosition=a(h(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const o=h(this.root,this.for);this.popupElement&&o&&s(o,this.popupElement,{placement:this.position,middleware:[u(7),d(),l(),c({element:this.arrowElement,padding:16})]}).then((({x:o,y:t,middlewareData:e,placement:r})=>{Object.assign(this.popupElement.style,{left:`${o}px`,top:`${t}px`});const i=r.split("-")[0],n={top:"bottom",right:"left",bottom:"top",left:"right"}[i],a={top:0,right:90,bottom:180,left:-90}[i],s="left"===i||"right"===i?15:13;if(e.arrow){let o=e.arrow.x;const t=e.arrow.y;"left"!==i&&"right"!==i||(o+=4),this.popupElement.setAttribute("data-placement",r),Object.assign(this.arrowElement.style,{left:null!=o?`${o}px`:"",top:null!=t?`${t}px`:"",right:"",bottom:"",[n]:-s+"px",transform:`rotate(${a}deg)`})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){i(this.root,{variant:this.position})}componentDidLoad(){this.isOpen&&this.runUpdatePosition()}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return t("div",{key:"730abc38bc068191d7175c475c3cfd90b3dd8430",ref:o=>this.popupElement=o,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},t("div",{key:"f573bffb8b613acc514f0e4e8fc3951cc0dbd4bb",ref:o=>this.arrowElement=o,class:"gux-arrow"},t("div",{key:"f7fa19d404a448f74df9c8b3aa1242d66a4b2bd7",class:"gux-arrow-caret"})),this.displayDismissButton&&t("gux-dismiss-button",{key:"f2633862aabf426f9d0fb6d8e7c26afbdda68ab0",onClick:this.dismiss.bind(this)}),t("div",{key:"00950cd98bcf069ecb8803c01d26d7c687384b8c",class:{"gux-popover-header":Boolean(this.titleSlot)}},t("slot",{key:"0c04f3ed0bba57e277828d00efd67c8b18116147",name:"title"})),t("div",{key:"44ffbca5f03bbceaf3ed6a01f69d86d47796e108",class:"gux-popover-content"},t("slot",{key:"f21c6292416f5c1368eeccda576cbaf4600138cb"})))}get root(){return e(this)}};v([g({triggerEvents:"mousedown"})],f.prototype,"checkForClickOutside",null),v([function(){let o=!1,t=null;return(e,r,i)=>{const n=i.value;i.value=function(...e){o||(n.apply(this,e),o=!0,clearTimeout(t),t=setTimeout((()=>{o=!1}),100))}}}()],f.prototype,"dismiss",null),f.style=".gux-popover-wrapper{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:var(--gse-ui-popover-padding);background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-popover-wrapper .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-block-end:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:var(--gse-ui-popover-headerColor)}";export{p as gux_button,f as gux_popover}
|
1
|
+
import{r as o,h as t,a as e,c as r}from"./p-xFL2agjT.js";import{t as i}from"./p-D8ipSSvg.js";import{r as n}from"./p-D9jKBqIb.js";import{a,c as s,o as u,f as d,s as l,b as c}from"./p-C_pVuars.js";import{O as g}from"./p-ppdsZH4h.js";import{g as b}from"./p-BBpQG81s.js";import{f as h}from"./p-Cr5bTKWF.js";const p=class{constructor(t){o(this,t),this.buttonId=n("button"),this.type="button",this.disabled=!1,this.accent="secondary",this.autofocus=!1}connectedCallback(){this.slotChanged()}componentWillLoad(){i(this.root,{variant:this.accent})}render(){return[t("button",{key:"24dbbdfe3e039dea0cbdc2d452cb0cf5da7f9d9b",id:this.buttonId,type:this.type,disabled:this.disabled,class:{[`gux-${this.accent}`]:!0,"gux-icon-only":this.iconOnly},"aria-label":this.guxTitle,autofocus:this.autofocus},t("slot",{key:"3cdf6222d210ad14536037885d5d6b54f684a209",onSlotchange:this.slotChanged.bind(this)})),this.renderTooltip()]}renderTooltip(){return this.guxTitle?t("gux-tooltip-beta",{for:this.buttonId,visualOnly:!0},t("div",{slot:"content"},this.guxTitle)):""}stopEventIfDisabled(o){this.disabled&&(o.stopImmediatePropagation(),o.stopPropagation(),o.preventDefault())}makeSlotContentDisableable(){this.root.shadowRoot.addEventListener("click",(o=>this.stopEventIfDisabled(o))),Array.from(this.root.children).forEach((o=>{o.addEventListener("click",(o=>this.stopEventIfDisabled(o)))}))}hasIconOnly(){const o=Array.from(this.root.children);if(1===o.length){if("GUX-ICON"===o[0].tagName)return!0}else if(2===o.length&&"GUX-ICON"===o[0].tagName&&["GUX-TOOLTIP","GUX-TOOLTIP-BETA"].includes(o[1].tagName))return!0;return!1}slotChanged(){this.makeSlotContentDisableable(),this.iconOnly=this.hasIconOnly()}static get delegatesFocus(){return!0}get root(){return e(this)}};p.style=":host{display:inline-block;pointer-events:none;-webkit-user-select:none;user-select:none}:host(:focus){outline:none}:host(:focus) button{outline:none}::slotted(gux-icon){inline-size:var(--gse-ui-button-icon-size);block-size:var(--gse-ui-button-icon-size)}::slotted(*){padding-inline-start:var(--gse-ui-button-gap);vertical-align:middle}::slotted(gux-tooltip),::slotted(gux-tooltip-beta){padding-inline-start:0}::slotted(*:first-child){padding:0}button{font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;text-overflow:ellipsis;color:var(--gse-ui-button-secondary-default-foregroundColor);white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}button.gux-icon-only{display:inline-flex;padding:var(--gse-ui-button-default-paddingIconOnly)}button[disabled]{pointer-events:none;cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}button:hover:enabled{color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}button:active:enabled{color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}button:focus-visible:enabled{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}button.gux-primary{color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}button.gux-primary:hover:enabled{color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}button.gux-primary:active:enabled{color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}button.gux-tertiary{color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width);}button.gux-tertiary.gux-icon-only{padding:calc(var(--gse-ui-button-default-paddingIconOnly) - var(--gse-ui-button-tertiary-default-border-width))}button.gux-tertiary:hover:enabled{color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}button.gux-tertiary:active:enabled{color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}button.gux-ghost{color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}button.gux-ghost:hover:enabled{color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}button.gux-ghost:active:enabled{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}button.gux-danger{color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}button.gux-danger:hover:enabled{color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}button.gux-danger:active:enabled{color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}button.gux-inline{min-inline-size:initial;block-size:initial;padding:0;color:var(--gse-ui-links-default-foregroundColor);background:none;border:none;border-radius:0}button.gux-inline[disabled]{color:var(--gse-ui-links-disabled-foregroundColor)}button.gux-inline:hover:enabled{color:var(--gse-ui-links-hover-foregroundColor);text-decoration:underline;background:none}button.gux-inline:active:enabled{color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}";var v=function(o,t,e,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,e):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(o,t,e,r);else for(var s=o.length-1;s>=0;s--)(i=o[s])&&(a=(n<3?i(a):n>3?i(t,e,a):i(t,e))||a);return n>3&&a&&Object.defineProperty(t,e,a),a};const f=class{constructor(t){o(this,t),this.guxdismiss=r(this,"guxdismiss",7),this.position="bottom",this.displayDismissButton=!1,this.closeOnClickOutside=!1,this.isOpen=!1}onKeyDown(o){"Escape"===o.key&&this.dismiss()}onFocusout(o){!this.closeOnClickOutside&&this.displayDismissButton||o.relatedTarget&&!this.root.contains(o.relatedTarget)&&this.dismiss()}checkForClickOutside(o){const t=o.composedPath(),e=h(this.root,this.for),r=t.includes(e);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||r||this.dismiss()}get titleSlot(){return b(this.root,"title")}runUpdatePosition(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.root.isConnected?this.cleanupUpdatePosition=a(h(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const o=h(this.root,this.for);this.popupElement&&o&&s(o,this.popupElement,{placement:this.position,middleware:[u(7),d(),l(),c({element:this.arrowElement,padding:16})]}).then((({x:o,y:t,middlewareData:e,placement:r})=>{Object.assign(this.popupElement.style,{left:`${o}px`,top:`${t}px`});const i=r.split("-")[0],n={top:"bottom",right:"left",bottom:"top",left:"right"}[i],a={top:0,right:90,bottom:180,left:-90}[i],s="left"===i||"right"===i?15:13;if(e.arrow){let o=e.arrow.x;const t=e.arrow.y;"left"!==i&&"right"!==i||(o+=4),this.popupElement.setAttribute("data-placement",r),Object.assign(this.arrowElement.style,{left:null!=o?`${o}px`:"",top:null!=t?`${t}px`:"",right:"",bottom:"",[n]:-s+"px",transform:`rotate(${a}deg)`})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){i(this.root,{variant:this.position})}componentDidLoad(){this.isOpen&&this.runUpdatePosition()}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return t("div",{key:"730abc38bc068191d7175c475c3cfd90b3dd8430",ref:o=>this.popupElement=o,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},t("div",{key:"f573bffb8b613acc514f0e4e8fc3951cc0dbd4bb",ref:o=>this.arrowElement=o,class:"gux-arrow"},t("div",{key:"f7fa19d404a448f74df9c8b3aa1242d66a4b2bd7",class:"gux-arrow-caret"})),this.displayDismissButton&&t("gux-dismiss-button",{key:"f2633862aabf426f9d0fb6d8e7c26afbdda68ab0",onClick:this.dismiss.bind(this)}),t("div",{key:"00950cd98bcf069ecb8803c01d26d7c687384b8c",class:{"gux-popover-header":Boolean(this.titleSlot)}},t("slot",{key:"0c04f3ed0bba57e277828d00efd67c8b18116147",name:"title"})),t("div",{key:"44ffbca5f03bbceaf3ed6a01f69d86d47796e108",class:"gux-popover-content"},t("slot",{key:"f21c6292416f5c1368eeccda576cbaf4600138cb"})))}get root(){return e(this)}};v([g({triggerEvents:"mousedown"})],f.prototype,"checkForClickOutside",null),v([function(){let o=!1,t=null;return(e,r,i)=>{const n=i.value;i.value=function(...e){o||(n.apply(this,e),o=!0,clearTimeout(t),t=setTimeout((()=>{o=!1}),100))}}}()],f.prototype,"dismiss",null),f.style=".gux-popover-wrapper{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:var(--gse-ui-popover-padding);background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-popover-wrapper .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-block-end:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:var(--gse-ui-popover-headerColor)}";export{p as gux_button,f as gux_popover}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,f as t,h as o,a as i,c as r}from"./p-xFL2agjT.js";import{b as n}from"./p-D2udLR9p.js";import{c as s,o as a}from"./p-Cb3FOYGS.js";import{O as l}from"./p-NbJK45FV.js";import{o as u}from"./p-De1NnCmO.js";import{p as f}from"./p-PYfNAK8p.js";import{h as d,c as p,g as c,v as g,a as h,d as b}from"./p-DHLxhscH.js";import{s as m}from"./p-BMRf5pjV.js";import{h as x}from"./p-qzV3vtOw.js";import{G as v,a as C}from"./p-DK0rhipJ.js";import{G as y,a as k}from"./p-BUlUXMaT.js";import{t as w}from"./p-B2THz6HY.js";import{f as j}from"./p-JHLuJ8Pb.js";import{t as T}from"./p-BFMPPR7N.js";import{O as z}from"./p-ppdsZH4h.js";import{b as D}from"./p-Bg4q97BS.js";import"./p-Cd4R0amv.js";import"./p-D9jKBqIb.js";import"./p-DxtJDeL9.js";var F={increment:"Increment",decrement:"Decrement"};const B=class{constructor(t){e(this,t),this.indicatorMark="required",this.computedLabelPosition="above",this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help")}handleKeyup(e){var t,o;"Tab"===e.key?this.input.matches(":focus-visible")&&(null===(t=this.labelInfo)||void 0===t||t.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-visible")&&(null===(o=this.labelInfo)||void 0===o||o.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}async guxForceUpdate(){this.hasContent=d(this.input),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help"),t(this.root)}async componentWillLoad(){this.getI18nValue=await n(this.root,F),this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help"),w(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){const e=this.clearable&&this.hasContent&&!this.disabled;return o(k,{key:"edb6b56da16df96351ddb058dddb8d9b14e14392",labelPosition:this.computedLabelPosition},o(y,{key:"f6ea1699ba8db6572769e468fd1c97b8d305f28a",required:this.required,position:this.computedLabelPosition},o("slot",{key:"cdb3dc75c64bbfcadc13def9dab2d310e392d8fa",name:"label",onSlotchange:()=>this.setLabel()}),o("gux-form-field-label-indicator",{key:"c49ba227f4d66e5418b0c21f9e7f5c1bb6e48212",variant:this.indicatorMark,required:this.required}),o("slot",{key:"55aa21efa1f278a0e816e5c27ee99ce926dca80b",name:"label-info"})),o("div",{key:"73d9ce4436dd94c458c281ac9a288b6c101cbac9",class:"gux-input-and-error-container"},o("div",{key:"ef7d9d1f4e5be99d839ad69b6be888a208eed405",class:{"gux-input":!0,"gux-input-error":this.hasError},part:"input-section"},o("div",{key:"2611ee74b88f36ea13e737a9ca2628ce239c2723",class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-clear":e},onClick:()=>j(this.input)},o("slot",{key:"ce295da6ddf992d86bd463ddf8145bdfdfb67788",name:"input",onSlotchange:()=>this.setInput()}),e&&o("gux-form-field-input-clear-button",{key:"7b2083a27f83ab12bca4dc3f9741029d03ab09eb",onClick:()=>p(this.input)})),this.renderStepButtons(this.input,this.getI18nValue,this.disabled)),o(v,{key:"e319a958a910322f1e5ea30eba226cd50fbf494e",show:this.hasError},o("slot",{key:"60bbbecb56a2c6e97e85f2a032853f561e946c9c",name:"error"})),o(C,{key:"33279665977b056a4d17a515cfdfb11b7fd45016",show:!this.hasError&&this.hasHelp},o("slot",{key:"eb112d1eacfd8b341a8ef72a2e1e4b673f6e6ff9",name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.clearable?"clearable":"unclearable"}-${e}`}setInput(){this.input=c(this.root,'input[type="number"][slot="input"]'),this.hasContent=d(this.input),f(this.input),this.input.addEventListener("input",(()=>{this.hasContent=d(this.input)})),this.disabled=s(this.input),this.required=this.input.required,this.disabledObserver=a(this.input,(e=>{this.disabled=e})),this.requiredObserver=u(this.input,(e=>{this.required=e})),g(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=h(this.label,this.labelPosition)}renderStepButtons(e,t,i){return o("div",{class:"gux-step-buttons-container"},o("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:t("increment"),disabled:i,onClick:()=>this.stepUp(e)},o("gux-icon",{"icon-name":"custom/chevron-up-small-regular",decorative:!0})),o("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:t("decrement"),disabled:i,onClick:()=>this.stepDown(e)},o("gux-icon",{"icon-name":"custom/chevron-down-small-regular",decorative:!0})))}stepDown(e){""===e.value?b(e,e.min||"0",!1):(e.stepDown(),this.simulateNativeInputAndChangeEvents(e))}stepUp(e){""===e.value?b(e,e.min||"0",!1):(e.stepUp(),this.simulateNativeInputAndChangeEvents(e))}simulateNativeInputAndChangeEvents(e){m(e,"input"),m(e,"change")}static get delegatesFocus(){return!0}get root(){return i(this)}};(function(e,t,o,i){var r,n=arguments.length,s=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,o,s):r(t,o))||s);n>3&&s&&Object.defineProperty(t,o,s)})([l({childList:!0,subtree:!0})],B.prototype,"onMutation",null),B.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 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(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){flex:1 1 auto;align-self:auto;order:0;inline-size:100%;padding-block-end:0;overflow:hidden;text-overflow:ellipsis;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);text-align:end;outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;inline-size:100%}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;align-self:auto;order:0;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);cursor:text;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-step-buttons-container{flex:0 1 14px;align-self:auto;order:0;margin-inline-start:var(--gse-ui-formControl-spinButton-gap)}.gux-step-buttons-container .gux-step-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-defaultColor);background:transparent;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) transparent}.gux-step-buttons-container .gux-step-button:not(:disabled):focus-visible,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{cursor:pointer;border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-step-buttons-container .gux-step-button gux-icon{flex:0 0 auto;inline-size:14px;block-size:14px}";const R=class{constructor(t){e(this,t),this.goToPage=r(this,"goToPage",7),this.isOpen=!1,this.disabled=!1}handleKeyDown(e){const t=e.composedPath();switch(e.key){case"Escape":this.isOpen=!1,this.ellipsisButton.focus();break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":t.includes(this.ellipsisButton)&&(e.preventDefault(),this.isOpen=!0,this.focusInputElement())}}handleKeyup(e){if(" "===e.key)e.composedPath().includes(this.ellipsisButton)&&(this.isOpen=!0,this.focusInputElement())}watchIsDisabled(e){e&&(this.isOpen=!1)}toggle(){this.isOpen=!this.isOpen,this.isOpen&&this.focusInputElement()}onClickOutside(){this.isOpen=!1}focusInputElement(){D((()=>{this.inputElement.focus()}))}applyInputListener(){var e;null===(e=this.inputElement)||void 0===e||e.addEventListener("keydown",(e=>{const t=e.target.value.trim();"Enter"!=e.key&&" "!=e.key||(""==t?e.preventDefault():(e.preventDefault(),this.goToPage.emit(e.target.value),this.isOpen=!1))}))}async componentWillLoad(){this.i18n=await n(this.root,T,"gux-pagination-buttons"),w(this.root)}componentDidLoad(){this.applyInputListener()}render(){return[o("gux-button",{key:"454441358989e2ef8054889e263e714a74b98411",accent:"ghost",id:"popover-target",type:"button",disabled:this.disabled,ref:e=>this.ellipsisButton=e,onClick:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},o("gux-icon",{key:"0e56ff1b9756228976929d4db5d4da5edc5437a2",screenreaderText:this.i18n("goToPage"),"icon-name":"fa/ellipsis-regular",size:"small"})),o("gux-tooltip",{key:"2eed7f75f9de5709ec09f756250c93a5c6d6852e",for:"popover-target"},o("div",{key:"d9e02b0f0f8abf8c0d18387006d534a6cb2f5d2b",slot:"content"},this.i18n("goToPage"))),o("gux-popover",{key:"dfc6e87c29e082fe2de4e7e5ca4504996fdb648b","is-open":this.isOpen,for:"popover-target"},o("span",{key:"0dff29cc2478921d133c73c56922ad42f98dc309",slot:"title"},this.i18n("goToPage")),o("gux-form-field-number",{key:"910764919a171ec5d15215856011353acd23079c"},o("input",{key:"f12b964eafa335c9626d4cf5978e7a7ab68ed196",slot:"input",type:"number",ref:e=>this.inputElement=e,min:"1",max:this.totalPages,value:"1",onKeyDown:e=>["e","E","+","-","."].includes(e.key)&&e.preventDefault()}),o("label",{key:"5175b0b5d341d49b770e29cb80ae9c5d73a35f42",slot:"label"})))]}get root(){return i(this)}static get watchers(){return{disabled:["watchIsDisabled"]}}};(function(e,t,o,i){var r,n=arguments.length,s=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,o,s):r(t,o))||s);n>3&&s&&Object.defineProperty(t,o,s)})([z({triggerEvents:"mousedown"})],R.prototype,"onClickOutside",null),R.style="gux-button gux-icon{padding-block-start:4px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}";export{B as gux_form_field_number,R as gux_pagination_ellipsis_button}
|
1
|
+
import{r as e,f as t,h as o,a as i,c as r}from"./p-xFL2agjT.js";import{b as n}from"./p-D2udLR9p.js";import{c as s,o as a}from"./p-Cb3FOYGS.js";import{O as l}from"./p-NbJK45FV.js";import{o as u}from"./p-De1NnCmO.js";import{p as f}from"./p-PYfNAK8p.js";import{h as d,c as p,g as c,v as g,a as h,d as b}from"./p-DHLxhscH.js";import{s as m}from"./p-BMRf5pjV.js";import{h as x}from"./p-qzV3vtOw.js";import{G as v,a as C}from"./p-DK0rhipJ.js";import{G as y,a as k}from"./p-BUlUXMaT.js";import{t as w}from"./p-D8ipSSvg.js";import{f as j}from"./p-JHLuJ8Pb.js";import{t as T}from"./p-BFMPPR7N.js";import{O as z}from"./p-ppdsZH4h.js";import{b as D}from"./p-Bg4q97BS.js";import"./p-Cd4R0amv.js";import"./p-D9jKBqIb.js";import"./p-DxtJDeL9.js";var F={increment:"Increment",decrement:"Decrement"};const R=class{constructor(t){e(this,t),this.indicatorMark="required",this.computedLabelPosition="above",this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help")}handleKeyup(e){var t,o;"Tab"===e.key?this.input.matches(":focus-visible")&&(null===(t=this.labelInfo)||void 0===t||t.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-visible")&&(null===(o=this.labelInfo)||void 0===o||o.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}async guxForceUpdate(){this.hasContent=d(this.input),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help"),t(this.root)}async componentWillLoad(){this.getI18nValue=await n(this.root,F),this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help"),w(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){const e=this.clearable&&this.hasContent&&!this.disabled;return o(k,{key:"edb6b56da16df96351ddb058dddb8d9b14e14392",labelPosition:this.computedLabelPosition},o(y,{key:"f6ea1699ba8db6572769e468fd1c97b8d305f28a",required:this.required,position:this.computedLabelPosition},o("slot",{key:"cdb3dc75c64bbfcadc13def9dab2d310e392d8fa",name:"label",onSlotchange:()=>this.setLabel()}),o("gux-form-field-label-indicator",{key:"c49ba227f4d66e5418b0c21f9e7f5c1bb6e48212",variant:this.indicatorMark,required:this.required}),o("slot",{key:"55aa21efa1f278a0e816e5c27ee99ce926dca80b",name:"label-info"})),o("div",{key:"73d9ce4436dd94c458c281ac9a288b6c101cbac9",class:"gux-input-and-error-container"},o("div",{key:"ef7d9d1f4e5be99d839ad69b6be888a208eed405",class:{"gux-input":!0,"gux-input-error":this.hasError},part:"input-section"},o("div",{key:"2611ee74b88f36ea13e737a9ca2628ce239c2723",class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-clear":e},onClick:()=>j(this.input)},o("slot",{key:"ce295da6ddf992d86bd463ddf8145bdfdfb67788",name:"input",onSlotchange:()=>this.setInput()}),e&&o("gux-form-field-input-clear-button",{key:"7b2083a27f83ab12bca4dc3f9741029d03ab09eb",onClick:()=>p(this.input)})),this.renderStepButtons(this.input,this.getI18nValue,this.disabled)),o(v,{key:"e319a958a910322f1e5ea30eba226cd50fbf494e",show:this.hasError},o("slot",{key:"60bbbecb56a2c6e97e85f2a032853f561e946c9c",name:"error"})),o(C,{key:"33279665977b056a4d17a515cfdfb11b7fd45016",show:!this.hasError&&this.hasHelp},o("slot",{key:"eb112d1eacfd8b341a8ef72a2e1e4b673f6e6ff9",name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.clearable?"clearable":"unclearable"}-${e}`}setInput(){this.input=c(this.root,'input[type="number"][slot="input"]'),this.hasContent=d(this.input),f(this.input),this.input.addEventListener("input",(()=>{this.hasContent=d(this.input)})),this.disabled=s(this.input),this.required=this.input.required,this.disabledObserver=a(this.input,(e=>{this.disabled=e})),this.requiredObserver=u(this.input,(e=>{this.required=e})),g(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=h(this.label,this.labelPosition)}renderStepButtons(e,t,i){return o("div",{class:"gux-step-buttons-container"},o("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:t("increment"),disabled:i,onClick:()=>this.stepUp(e)},o("gux-icon",{"icon-name":"custom/chevron-up-small-regular",decorative:!0})),o("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:t("decrement"),disabled:i,onClick:()=>this.stepDown(e)},o("gux-icon",{"icon-name":"custom/chevron-down-small-regular",decorative:!0})))}stepDown(e){""===e.value?b(e,e.min||"0",!1):(e.stepDown(),this.simulateNativeInputAndChangeEvents(e))}stepUp(e){""===e.value?b(e,e.min||"0",!1):(e.stepUp(),this.simulateNativeInputAndChangeEvents(e))}simulateNativeInputAndChangeEvents(e){m(e,"input"),m(e,"change")}static get delegatesFocus(){return!0}get root(){return i(this)}};(function(e,t,o,i){var r,n=arguments.length,s=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,o,s):r(t,o))||s);n>3&&s&&Object.defineProperty(t,o,s)})([l({childList:!0,subtree:!0})],R.prototype,"onMutation",null),R.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 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(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){flex:1 1 auto;align-self:auto;order:0;inline-size:100%;padding-block-end:0;overflow:hidden;text-overflow:ellipsis;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);text-align:end;outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;inline-size:100%}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;align-self:auto;order:0;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);cursor:text;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-step-buttons-container{flex:0 1 14px;align-self:auto;order:0;margin-inline-start:var(--gse-ui-formControl-spinButton-gap)}.gux-step-buttons-container .gux-step-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-defaultColor);background:transparent;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) transparent}.gux-step-buttons-container .gux-step-button:not(:disabled):focus-visible,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{cursor:pointer;border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-step-buttons-container .gux-step-button gux-icon{flex:0 0 auto;inline-size:14px;block-size:14px}";const B=class{constructor(t){e(this,t),this.goToPage=r(this,"goToPage",7),this.isOpen=!1,this.disabled=!1}handleKeyDown(e){const t=e.composedPath();switch(e.key){case"Escape":this.isOpen=!1,this.ellipsisButton.focus();break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":t.includes(this.ellipsisButton)&&(e.preventDefault(),this.isOpen=!0,this.focusInputElement())}}handleKeyup(e){if(" "===e.key)e.composedPath().includes(this.ellipsisButton)&&(this.isOpen=!0,this.focusInputElement())}watchIsDisabled(e){e&&(this.isOpen=!1)}toggle(){this.isOpen=!this.isOpen,this.isOpen&&this.focusInputElement()}onClickOutside(){this.isOpen=!1}focusInputElement(){D((()=>{this.inputElement.focus()}))}applyInputListener(){var e;null===(e=this.inputElement)||void 0===e||e.addEventListener("keydown",(e=>{const t=e.target.value.trim();"Enter"!=e.key&&" "!=e.key||(""==t?e.preventDefault():(e.preventDefault(),this.goToPage.emit(e.target.value),this.isOpen=!1))}))}async componentWillLoad(){this.i18n=await n(this.root,T,"gux-pagination-buttons"),w(this.root)}componentDidLoad(){this.applyInputListener()}render(){return[o("gux-button",{key:"454441358989e2ef8054889e263e714a74b98411",accent:"ghost",id:"popover-target",type:"button",disabled:this.disabled,ref:e=>this.ellipsisButton=e,onClick:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},o("gux-icon",{key:"0e56ff1b9756228976929d4db5d4da5edc5437a2",screenreaderText:this.i18n("goToPage"),"icon-name":"fa/ellipsis-regular",size:"small"})),o("gux-tooltip",{key:"2eed7f75f9de5709ec09f756250c93a5c6d6852e",for:"popover-target"},o("div",{key:"d9e02b0f0f8abf8c0d18387006d534a6cb2f5d2b",slot:"content"},this.i18n("goToPage"))),o("gux-popover",{key:"dfc6e87c29e082fe2de4e7e5ca4504996fdb648b","is-open":this.isOpen,for:"popover-target"},o("span",{key:"0dff29cc2478921d133c73c56922ad42f98dc309",slot:"title"},this.i18n("goToPage")),o("gux-form-field-number",{key:"910764919a171ec5d15215856011353acd23079c"},o("input",{key:"f12b964eafa335c9626d4cf5978e7a7ab68ed196",slot:"input",type:"number",ref:e=>this.inputElement=e,min:"1",max:this.totalPages,value:"1",onKeyDown:e=>["e","E","+","-","."].includes(e.key)&&e.preventDefault()}),o("label",{key:"5175b0b5d341d49b770e29cb80ae9c5d73a35f42",slot:"label"})))]}get root(){return i(this)}static get watchers(){return{disabled:["watchIsDisabled"]}}};(function(e,t,o,i){var r,n=arguments.length,s=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,o,s):r(t,o))||s);n>3&&s&&Object.defineProperty(t,o,s)})([z({triggerEvents:"mousedown"})],B.prototype,"onClickOutside",null),B.style="gux-button gux-icon{padding-block-start:4px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}";export{R as gux_form_field_number,B as gux_pagination_ellipsis_button}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as a,h as e,H as t,a as i}from"./p-xFL2agjT.js";import{t as o}from"./p-B2THz6HY.js";import{g as r}from"./p-vciQk5kR.js";import{b as n}from"./p-D2udLR9p.js";import{a as s,c as u,o as c}from"./p-C_pVuars.js";import{O as l}from"./p-ppdsZH4h.js";import{l as d}from"./p-DxtJDeL9.js";import{a as g}from"./p-Bg4q97BS.js";import{g as v,a as f}from"./p-BV03_Ljp.js";import"./p-Cd4R0amv.js";var b={addToGroup:"Add more items to group"};const m=class{constructor(e){a(this,e)}async componentWillLoad(){o(this.root),this.i18n=await n(this.root,b)}async hideTooltip(){return await this.tooltip.hideTooltip()}onKeydown(a){r(a,this.root)}render(){return e(t,{key:"c2208087a0df24f9930d65f5cc0b4e33e9365f3d",role:"menuitem"},e("button",{key:"c84beab4ccbf57c154859e7bd16ba4de69705ffa",type:"button","aria-label":this.i18n("addToGroup"),tabIndex:-1,class:"gux-avatar"},e("span",{key:"de3cafb76d43b51a17d80d825a1902662e55585c","aria-hidden":"true"},"+"),e("gux-tooltip-beta",{key:"02843211a8a4cedfbaafa6b650ddc29d77802a7d","aria-hidden":"true","visual-only":!0,placement:"top",ref:a=>this.tooltip=a},e("div",{key:"a5c8e606aa2cbb12517bf295d26520ca5358aeff",slot:"content"},this.i18n("addToGroup")))))}static get delegatesFocus(){return!0}get root(){return i(this)}};m.style="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;overflow:hidden;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);color:var(--gse-ui-avatar-media-initialsForeground-add);cursor:pointer;background:none;background-color:var(--gse-ui-avatar-media-initialsBackground-add);border:none;border-radius:50%}button:focus-visible,button:hover{position:relative;z-index:var(--gse-semantic-zIndex-showFocus)}button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}";const h=class{constructor(e){a(this,e),this.delayTime=250,this.count=0,this.expanded=!1}async componentWillLoad(){o(this.root)}componentDidLoad(){this.expanded&&this.runUpdatePosition()}componentDidUpdate(){this.expanded?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){clearTimeout(this.focusDelayTimeout),clearTimeout(this.hideDelayTimeout),this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}onClickOutside(){this.expanded=!1}onKeydown(a){switch(r(a,this.root),a.key){case"Escape":this.hide(),"GUX-AVATAR-OVERFLOW-ITEM-BETA"===a.target.tagName&&(this.focusDelayTimeout=g((()=>{var a;null===(a=this.overflowButtonElement)||void 0===a||a.focus()})));break;case"Tab":this.hide()}}onClick(a){a.stopPropagation(),"GUX-AVATAR-OVERFLOW-ITEM-BETA"===a.target.tagName&&(this.menuElement.scrollTop=0,this.expanded=!1)}async guxClose(){this.hide()}runUpdatePosition(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.root.isConnected?this.cleanupUpdatePosition=s(this.overflowButtonElement,this.menuElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){this.root&&u(this.overflowButtonElement,this.menuElement,{placement:"bottom-start",strategy:"fixed",middleware:[c({mainAxis:4,crossAxis:4})]}).then((({x:a,y:e})=>{Object.assign(this.menuElement.style,{left:`${a}px`,top:`${e}px`})}))}getCount(){const a=Array.from(this.root.children);if(a.some((a=>"GUX-AVATAR-OVERFLOW-ITEM-BETA"!==a.tagName))&&d(this.root,"Only gux-avatar-overflow-item-beta elements are allowed as children."),a)return a.length}toggleOverflowMenu(){this.expanded?this.hide():this.show()}show(){clearTimeout(this.hideDelayTimeout),this.expanded=!0,this.hideDelayTimeout=g((()=>{this.focusOnMenu()}))}hide(){this.expanded&&(this.hideDelayTimeout=setTimeout((()=>{this.expanded=!1}),this.delayTime))}focusOnMenu(){Array.from(this.root.children)[0].focus()}render(){return e(t,{key:"289b013c9d67271a08acc35a6f61cd90d2e733c5",role:"menuitem"},e("button",{key:"48465ecf48d5f3a72924b6d4bb6d029550839367",class:"gux-avatar-overflow",ref:a=>this.overflowButtonElement=a,onClick:()=>this.toggleOverflowMenu(),tabIndex:-1,"aria-haspopup":"true","aria-expanded":this.expanded.toString()},e("span",{key:"6743688d97606a5524c9746d2e808c2224106628",class:"gux-avatar-overflow-wrapper"},e("span",{key:"c8cf521169d3b6999d70d12bf95f902f7c2910a9",class:"gux-avatar-overflow-content"}," +",this.getCount()))),e("div",{key:"6c9081633ec976b9fb380ee5c1fd77f2a71b424b",class:{"gux-menu-wrapper":!0,"gux-shown":this.expanded},ref:a=>this.menuElement=a},e("div",{key:"f99f53607731b8121276ca8f9b1469ef980f2601",role:"menu",class:"gux-menu-content"},e("slot",{key:"e82d2ac9cf9f02d0acdbebb29a5dfd8df31e4d72"}))))}static get delegatesFocus(){return!0}get root(){return i(this)}};function p(a){const e=function(a){let e=a;for(;null!==e.previousElementSibling;)e=e.previousElementSibling;return e}(a);e&&e.focus()}function x(a){const e=function(a){let e=a;for(;null!==e.nextElementSibling;)e=e.nextElementSibling;return e}(a);e&&e.focus()}(function(a,e,t,i){var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(a,e,t,i);else for(var s=a.length-1;s>=0;s--)(o=a[s])&&(n=(r<3?o(n):r>3?o(e,t,n):o(e,t))||n);r>3&&n&&Object.defineProperty(e,t,n)})([l({triggerEvents:"mousedown"})],h.prototype,"onClickOutside",null),h.style=":host{display:block;margin-inline-end:var(--gse-ui-avatar-groupSet-gap)}.gux-avatar-overflow{position:relative;box-sizing:border-box;inline-size:100%;padding:0;margin:0;line-height:0px;cursor:pointer;background:none;border:none;border-radius:50%}.gux-avatar-overflow:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-avatar-overflow:hover,.gux-avatar-overflow:focus{z-index:var(--gse-semantic-zIndex-showFocus)}.gux-avatar-overflow .gux-avatar-overflow-wrapper{position:relative;display:flex}.gux-avatar-overflow .gux-avatar-overflow-wrapper .gux-avatar-overflow-content{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);overflow:hidden;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-core-lineHeight-matchFontSize);color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-overflowCount);border-radius:50%}.gux-menu-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popup);visibility:hidden;flex-direction:column;max-block-size:var(--gse-ui-menu-maxHeight);padding:var(--gse-ui-menu-padding);margin:0;overflow-y:auto;background-color:var(--gse-ui-menu-backgroundColor);border:none;border:var(--gse-semantic-container-edges-borderWidth) solid var(--gse-semantic-border-container-edges-default);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}.gux-menu-wrapper.gux-shown{visibility:visible}";const k=class{constructor(e){a(this,e),this.accent="auto"}async componentWillLoad(){o(this.root)}componentDidLoad(){this.validatingInputs()}onKeydown(a){!function(a,e){switch(a.key){case"ArrowUp":case"ArrowLeft":a.stopPropagation(),a.preventDefault(),function(a){const e=a.previousElementSibling;e?e.focus():x(a)}(e);break;case"ArrowDown":case"ArrowRight":a.stopPropagation(),a.preventDefault(),function(a){const e=a.nextElementSibling;e?e.focus():p(a)}(e);break;case"Home":a.stopPropagation(),a.preventDefault(),p(e);break;case"End":a.stopPropagation(),a.preventDefault(),x(e)}}(a,this.root)}validatingInputs(){const a=this.root.querySelector("img");this.name||d(this.root,"Name prop is required"),a&&!a.getAttribute("alt")&&d(this.root,"Alt attribute is required for slotted image.")}render(){return e(t,{key:"34b0e018d662b7536da4a91d6ccc055c8cc730d7",role:"menuitem"},e("button",{key:"c59be9f70bc25dce8bc62dfc8739f93d6006e68e",type:"button","aria-label":this.name,tabIndex:-1},e("span",{key:"024aae64707578c490f8fb2d2c2aa809e65ffefe",class:{"gux-avatar":!0,[v(this.accent,this.name)]:!0}},e("slot",{key:"1e657ac3badc1a73c283d82f0e0b6381033e179e",name:"image"},e("span",{key:"b63a8cce36637908e4c07f532fdf27e97831e019",class:"gux-avatar-initials","aria-hidden":"true"},f(this.name)))),e("span",{key:"67247e6254beaa1b31374653ace95300a8e029a4"},this.name)))}static get delegatesFocus(){return!0}get root(){return i(this)}};k.style="::slotted(img){inline-size:100%;block-size:100%;object-fit:cover}button{all:unset;box-sizing:border-box;display:flex;gap:var(--gse-ui-menu-option-gap);align-items:center;inline-size:100%;min-block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer;outline:none;outline-offset:calc(var(--gse-ui-menu-option-focus-border-width) * -1);background-color:var(--gse-ui-menu-option-default-backgroundColor);border:none}button:focus-visible{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);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}button:hover{background:var(--gse-ui-menu-option-hover-backgroundColor)}button:active{font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}button .gux-avatar{box-sizing:border-box;display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-avatar-xsmall-content-size);block-size:var(--gse-ui-avatar-xsmall-content-size);padding:0;margin:0;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%}button .gux-avatar .gux-avatar-initials{font-family:var(--gse-ui-avatar-small-initials-fontFamily);font-size:var(--gse-ui-avatar-xsmall-initials-fontSize);font-weight:var(--gse-ui-avatar-xsmall-initials-fontWeight);line-height:var(--gse-ui-avatar-small-initials-lineHeight);text-transform:uppercase}button .gux-avatar.gux-accent-1{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent1)}button .gux-avatar.gux-accent-2{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent2)}button .gux-avatar.gux-accent-3{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent3)}button .gux-avatar.gux-accent-4{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent4)}button .gux-avatar.gux-accent-5{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent5)}button .gux-avatar.gux-accent-6{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent6)}button .gux-avatar.gux-accent-7{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent7)}button .gux-avatar.gux-accent-8{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent8)}button .gux-avatar.gux-accent-9{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent9)}button .gux-avatar.gux-accent-10{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent10)}button .gux-avatar.gux-accent-11{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent11)}button .gux-avatar.gux-accent-12{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent12)}button .gux-avatar.gux-accent-inherit{color:inherit;background-color:inherit}";export{m as gux_avatar_group_add_item_beta,h as gux_avatar_overflow_beta,k as gux_avatar_overflow_item_beta}
|
1
|
+
import{r as a,h as e,H as t,a as i}from"./p-xFL2agjT.js";import{t as o}from"./p-D8ipSSvg.js";import{g as r}from"./p-vciQk5kR.js";import{b as n}from"./p-D2udLR9p.js";import{a as s,c as u,o as c}from"./p-C_pVuars.js";import{O as l}from"./p-ppdsZH4h.js";import{l as d}from"./p-DxtJDeL9.js";import{a as g}from"./p-Bg4q97BS.js";import{g as v,a as f}from"./p-BV03_Ljp.js";import"./p-Cd4R0amv.js";var b={addToGroup:"Add more items to group"};const m=class{constructor(e){a(this,e)}async componentWillLoad(){o(this.root),this.i18n=await n(this.root,b)}async hideTooltip(){return await this.tooltip.hideTooltip()}onKeydown(a){r(a,this.root)}render(){return e(t,{key:"c2208087a0df24f9930d65f5cc0b4e33e9365f3d",role:"menuitem"},e("button",{key:"c84beab4ccbf57c154859e7bd16ba4de69705ffa",type:"button","aria-label":this.i18n("addToGroup"),tabIndex:-1,class:"gux-avatar"},e("span",{key:"de3cafb76d43b51a17d80d825a1902662e55585c","aria-hidden":"true"},"+"),e("gux-tooltip-beta",{key:"02843211a8a4cedfbaafa6b650ddc29d77802a7d","aria-hidden":"true","visual-only":!0,placement:"top",ref:a=>this.tooltip=a},e("div",{key:"a5c8e606aa2cbb12517bf295d26520ca5358aeff",slot:"content"},this.i18n("addToGroup")))))}static get delegatesFocus(){return!0}get root(){return i(this)}};m.style="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;overflow:hidden;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);color:var(--gse-ui-avatar-media-initialsForeground-add);cursor:pointer;background:none;background-color:var(--gse-ui-avatar-media-initialsBackground-add);border:none;border-radius:50%}button:focus-visible,button:hover{position:relative;z-index:var(--gse-semantic-zIndex-showFocus)}button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}";const h=class{constructor(e){a(this,e),this.delayTime=250,this.count=0,this.expanded=!1}async componentWillLoad(){o(this.root)}componentDidLoad(){this.expanded&&this.runUpdatePosition()}componentDidUpdate(){this.expanded?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){clearTimeout(this.focusDelayTimeout),clearTimeout(this.hideDelayTimeout),this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}onClickOutside(){this.expanded=!1}onKeydown(a){switch(r(a,this.root),a.key){case"Escape":this.hide(),"GUX-AVATAR-OVERFLOW-ITEM-BETA"===a.target.tagName&&(this.focusDelayTimeout=g((()=>{var a;null===(a=this.overflowButtonElement)||void 0===a||a.focus()})));break;case"Tab":this.hide()}}onClick(a){a.stopPropagation(),"GUX-AVATAR-OVERFLOW-ITEM-BETA"===a.target.tagName&&(this.menuElement.scrollTop=0,this.expanded=!1)}async guxClose(){this.hide()}runUpdatePosition(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.root.isConnected?this.cleanupUpdatePosition=s(this.overflowButtonElement,this.menuElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){this.root&&u(this.overflowButtonElement,this.menuElement,{placement:"bottom-start",strategy:"fixed",middleware:[c({mainAxis:4,crossAxis:4})]}).then((({x:a,y:e})=>{Object.assign(this.menuElement.style,{left:`${a}px`,top:`${e}px`})}))}getCount(){const a=Array.from(this.root.children);if(a.some((a=>"GUX-AVATAR-OVERFLOW-ITEM-BETA"!==a.tagName))&&d(this.root,"Only gux-avatar-overflow-item-beta elements are allowed as children."),a)return a.length}toggleOverflowMenu(){this.expanded?this.hide():this.show()}show(){clearTimeout(this.hideDelayTimeout),this.expanded=!0,this.hideDelayTimeout=g((()=>{this.focusOnMenu()}))}hide(){this.expanded&&(this.hideDelayTimeout=setTimeout((()=>{this.expanded=!1}),this.delayTime))}focusOnMenu(){Array.from(this.root.children)[0].focus()}render(){return e(t,{key:"289b013c9d67271a08acc35a6f61cd90d2e733c5",role:"menuitem"},e("button",{key:"48465ecf48d5f3a72924b6d4bb6d029550839367",class:"gux-avatar-overflow",ref:a=>this.overflowButtonElement=a,onClick:()=>this.toggleOverflowMenu(),tabIndex:-1,"aria-haspopup":"true","aria-expanded":this.expanded.toString()},e("span",{key:"6743688d97606a5524c9746d2e808c2224106628",class:"gux-avatar-overflow-wrapper"},e("span",{key:"c8cf521169d3b6999d70d12bf95f902f7c2910a9",class:"gux-avatar-overflow-content"}," +",this.getCount()))),e("div",{key:"6c9081633ec976b9fb380ee5c1fd77f2a71b424b",class:{"gux-menu-wrapper":!0,"gux-shown":this.expanded},ref:a=>this.menuElement=a},e("div",{key:"f99f53607731b8121276ca8f9b1469ef980f2601",role:"menu",class:"gux-menu-content"},e("slot",{key:"e82d2ac9cf9f02d0acdbebb29a5dfd8df31e4d72"}))))}static get delegatesFocus(){return!0}get root(){return i(this)}};function p(a){const e=function(a){let e=a;for(;null!==e.previousElementSibling;)e=e.previousElementSibling;return e}(a);e&&e.focus()}function x(a){const e=function(a){let e=a;for(;null!==e.nextElementSibling;)e=e.nextElementSibling;return e}(a);e&&e.focus()}(function(a,e,t,i){var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(a,e,t,i);else for(var s=a.length-1;s>=0;s--)(o=a[s])&&(n=(r<3?o(n):r>3?o(e,t,n):o(e,t))||n);r>3&&n&&Object.defineProperty(e,t,n)})([l({triggerEvents:"mousedown"})],h.prototype,"onClickOutside",null),h.style=":host{display:block;margin-inline-end:var(--gse-ui-avatar-groupSet-gap)}.gux-avatar-overflow{position:relative;box-sizing:border-box;inline-size:100%;padding:0;margin:0;line-height:0px;cursor:pointer;background:none;border:none;border-radius:50%}.gux-avatar-overflow:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-avatar-overflow:hover,.gux-avatar-overflow:focus{z-index:var(--gse-semantic-zIndex-showFocus)}.gux-avatar-overflow .gux-avatar-overflow-wrapper{position:relative;display:flex}.gux-avatar-overflow .gux-avatar-overflow-wrapper .gux-avatar-overflow-content{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);overflow:hidden;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-core-lineHeight-matchFontSize);color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-overflowCount);border-radius:50%}.gux-menu-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popup);visibility:hidden;flex-direction:column;max-block-size:var(--gse-ui-menu-maxHeight);padding:var(--gse-ui-menu-padding);margin:0;overflow-y:auto;background-color:var(--gse-ui-menu-backgroundColor);border:none;border:var(--gse-semantic-container-edges-borderWidth) solid var(--gse-semantic-border-container-edges-default);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}.gux-menu-wrapper.gux-shown{visibility:visible}";const k=class{constructor(e){a(this,e),this.accent="auto"}async componentWillLoad(){o(this.root)}componentDidLoad(){this.validatingInputs()}onKeydown(a){!function(a,e){switch(a.key){case"ArrowUp":case"ArrowLeft":a.stopPropagation(),a.preventDefault(),function(a){const e=a.previousElementSibling;e?e.focus():x(a)}(e);break;case"ArrowDown":case"ArrowRight":a.stopPropagation(),a.preventDefault(),function(a){const e=a.nextElementSibling;e?e.focus():p(a)}(e);break;case"Home":a.stopPropagation(),a.preventDefault(),p(e);break;case"End":a.stopPropagation(),a.preventDefault(),x(e)}}(a,this.root)}validatingInputs(){const a=this.root.querySelector("img");this.name||d(this.root,"Name prop is required"),a&&!a.getAttribute("alt")&&d(this.root,"Alt attribute is required for slotted image.")}render(){return e(t,{key:"34b0e018d662b7536da4a91d6ccc055c8cc730d7",role:"menuitem"},e("button",{key:"c59be9f70bc25dce8bc62dfc8739f93d6006e68e",type:"button","aria-label":this.name,tabIndex:-1},e("span",{key:"024aae64707578c490f8fb2d2c2aa809e65ffefe",class:{"gux-avatar":!0,[v(this.accent,this.name)]:!0}},e("slot",{key:"1e657ac3badc1a73c283d82f0e0b6381033e179e",name:"image"},e("span",{key:"b63a8cce36637908e4c07f532fdf27e97831e019",class:"gux-avatar-initials","aria-hidden":"true"},f(this.name)))),e("span",{key:"67247e6254beaa1b31374653ace95300a8e029a4"},this.name)))}static get delegatesFocus(){return!0}get root(){return i(this)}};k.style="::slotted(img){inline-size:100%;block-size:100%;object-fit:cover}button{all:unset;box-sizing:border-box;display:flex;gap:var(--gse-ui-menu-option-gap);align-items:center;inline-size:100%;min-block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer;outline:none;outline-offset:calc(var(--gse-ui-menu-option-focus-border-width) * -1);background-color:var(--gse-ui-menu-option-default-backgroundColor);border:none}button:focus-visible{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);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}button:hover{background:var(--gse-ui-menu-option-hover-backgroundColor)}button:active{font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}button .gux-avatar{box-sizing:border-box;display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-avatar-xsmall-content-size);block-size:var(--gse-ui-avatar-xsmall-content-size);padding:0;margin:0;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%}button .gux-avatar .gux-avatar-initials{font-family:var(--gse-ui-avatar-small-initials-fontFamily);font-size:var(--gse-ui-avatar-xsmall-initials-fontSize);font-weight:var(--gse-ui-avatar-xsmall-initials-fontWeight);line-height:var(--gse-ui-avatar-small-initials-lineHeight);text-transform:uppercase}button .gux-avatar.gux-accent-1{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent1)}button .gux-avatar.gux-accent-2{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent2)}button .gux-avatar.gux-accent-3{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent3)}button .gux-avatar.gux-accent-4{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent4)}button .gux-avatar.gux-accent-5{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent5)}button .gux-avatar.gux-accent-6{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent6)}button .gux-avatar.gux-accent-7{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent7)}button .gux-avatar.gux-accent-8{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent8)}button .gux-avatar.gux-accent-9{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent9)}button .gux-avatar.gux-accent-10{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent10)}button .gux-avatar.gux-accent-11{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent11)}button .gux-avatar.gux-accent-12{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent12)}button .gux-avatar.gux-accent-inherit{color:inherit;background-color:inherit}";export{m as gux_avatar_group_add_item_beta,h as gux_avatar_overflow_beta,k as gux_avatar_overflow_item_beta}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as t,H as i,a as n}from"./p-xFL2agjT.js";import{t as s}from"./p-
|
1
|
+
import{r as e,h as t,H as i,a as n}from"./p-xFL2agjT.js";import{t as s}from"./p-D8ipSSvg.js";import{g as a}from"./p-Cd4R0amv.js";const o=class{constructor(t){e(this,t),this.size="medium",this.standalone=!1}componentWillLoad(){s(this.root,{variant:this.size+(this.standalone?"-standalone":"")})}checkBreadcrumbParent(){return!!a(".gux-breadcrumb-generation",this.root)}render(){return t(i,{key:"9bf00be3f4e8906b91364d00f28a6bd5d2fa2f7e",size:this.size,standalone:this.standalone,class:{"gux-breadcrumb-link":this.checkBreadcrumbParent()}},t("slot",{key:"519c3642d33eeac030274ba7d3516d6a6cc6edff"}))}get root(){return n(this)}};o.style=":host{padding-block:var(--gse-ui-links-inLine-padding)}:host ::slotted(a){inline-size:fit-content;font-family:var(--gse-ui-links-inLine-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-medium-text-fontSize);font-weight:var(--gse-ui-links-inLine-medium-text-fontWeight);line-height:var(--gse-ui-links-inLine-medium-text-lineHeight);color:var(--gse-ui-links-default-foregroundColor) !important;border-radius:var(--gse-ui-links-focusOutline-borderRadius) !important}:host ::slotted(a:hover){color:var(--gse-ui-links-hover-foregroundColor) !important}:host ::slotted(a:active){color:var(--gse-ui-links-active-foregroundColor) !important}:host ::slotted(a:visited){color:var(--gse-ui-links-visited-foregroundColor) !important}:host ::slotted(a:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}:host([size=small]) ::slotted(a){font-family:var(--gse-ui-links-inLine-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-small-text-fontSize);font-weight:var(--gse-ui-links-inLine-small-text-fontWeight);line-height:var(--gse-ui-links-inLine-small-text-lineHeight)}:host([standalone]){display:block;padding-block:var(--gse-ui-links-standalone-padding)}:host([standalone]) ::slotted(a){display:flex;gap:var(--gse-ui-links-standalone-gap);align-items:center;inline-size:fit-content;font-family:var(--gse-ui-links-standalone-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-text-fontSize);font-weight:var(--gse-ui-links-standalone-medium-text-fontWeight);line-height:var(--gse-ui-links-standalone-medium-text-lineHeight);text-decoration:none !important}:host([standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-medium-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-medium-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-medium-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-medium-underlinedText-textDecoration) !important}:host([standalone]) ::slotted(a:active){text-decoration:none !important}:host([size=small][standalone]) ::slotted(a){font-family:var(--gse-ui-links-standalone-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-text-fontSize);font-weight:var(--gse-ui-links-standalone-small-text-fontWeight);line-height:var(--gse-ui-links-standalone-small-text-lineHeight)}:host([size=small][standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-small-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-small-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-small-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-small-underlinedText-textDecoration) !important}:host([standalone][class=gux-breadcrumb-link]){padding:0}";export{o as gux_link_beta}
|