genesys-spark-components 4.147.0 → 4.149.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-beta.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-day-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-file-list-item.cjs.entry.js +1 -1
- package/dist/cjs/gux-flag-icon-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-flyout-menu.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-checkbox-group-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-file-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-file.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-label-indicator.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-number_2.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-phone.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-radio-group-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-range.cjs.entry.js +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-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-91f01207.js → usage-5eccb3c9.js} +3 -3
- package/dist/collection/components/beta/gux-icon-tooltip/gux-icon-tooltip.js +1 -1
- package/dist/collection/components/beta/gux-screen-reader/tests/gux-screen-reader.common.js +5 -0
- package/dist/collection/components/beta/gux-side-panel/components/gux-side-panel-heading/gux-side-panel-heading.js +1 -1
- package/dist/collection/components/stable/gux-card/tests/gux-card.common.js +32 -0
- package/dist/collection/components/stable/gux-dismiss-button/tests/gux-dismiss-button.common.js +3 -0
- package/dist/collection/components/stable/gux-icon/gux-icon.js +1 -1
- package/dist/collection/components/stable/gux-icon/icons/brand/instagram.svg +26 -0
- package/dist/collection/components/stable/gux-icon/icons/brand/meta.svg +30 -0
- package/dist/collection/components/stable/gux-icon/icons/fa/print-regular.svg +1 -0
- package/dist/collection/components/stable/gux-icon/icons/fa/rectangle-history-regular.svg +1 -0
- package/dist/collection/components/stable/gux-icon/icons/fa/user-solid.svg +1 -0
- package/dist/collection/components/stable/gux-inline-alert/tests/gux-inline-alert.common.js +18 -0
- package/dist/esm/gux-accordion.entry.js +1 -1
- package/dist/esm/gux-action-button.entry.js +1 -1
- package/dist/esm/gux-action-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-advanced-dropdown-legacy.entry.js +1 -1
- package/dist/esm/gux-announce-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-change-photo-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-group-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-beta.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-day-beta.entry.js +1 -1
- package/dist/esm/gux-disclosure-button-legacy.entry.js +1 -1
- package/dist/esm/gux-dismiss-button.entry.js +1 -1
- package/dist/esm/gux-dropdown-multi.entry.js +1 -1
- package/dist/esm/gux-dropdown_3.entry.js +1 -1
- package/dist/esm/gux-file-list-item.entry.js +1 -1
- package/dist/esm/gux-flag-icon-beta.entry.js +1 -1
- package/dist/esm/gux-flyout-menu.entry.js +1 -1
- package/dist/esm/gux-form-field-checkbox-group-beta.entry.js +1 -1
- package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
- package/dist/esm/gux-form-field-color.entry.js +1 -1
- package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
- package/dist/esm/gux-form-field-file-beta.entry.js +1 -1
- package/dist/esm/gux-form-field-file.entry.js +1 -1
- package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
- package/dist/esm/gux-form-field-label-indicator.entry.js +1 -1
- package/dist/esm/gux-form-field-number_2.entry.js +1 -1
- package/dist/esm/gux-form-field-phone.entry.js +1 -1
- package/dist/esm/gux-form-field-radio-group-beta.entry.js +1 -1
- package/dist/esm/gux-form-field-radio.entry.js +1 -1
- package/dist/esm/gux-form-field-range.entry.js +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-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-c6f11b5b.js → usage-435ef75a.js} +3 -3
- package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
- package/dist/genesys-webcomponents/icons/brand/instagram.svg +26 -0
- package/dist/genesys-webcomponents/icons/brand/meta.svg +30 -0
- package/dist/genesys-webcomponents/icons/fa/print-regular.svg +1 -0
- package/dist/genesys-webcomponents/icons/fa/rectangle-history-regular.svg +1 -0
- package/dist/genesys-webcomponents/icons/fa/user-solid.svg +1 -0
- package/dist/genesys-webcomponents/{p-5b2d1e3d.entry.js → p-00d34a5c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a53adeee.entry.js → p-0106fb8b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a358c63f.entry.js → p-0174353e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c3418302.entry.js → p-0230b2a6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-89a70d62.entry.js → p-08956c8e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4041640b.entry.js → p-08e9edaa.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fa6eb8c1.entry.js → p-0ab64cdb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bc539e47.entry.js → p-0c086311.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-42420786.entry.js → p-0c8b70bb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-99e5734f.entry.js → p-0e6b5c93.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-92089f3d.entry.js → p-0e888b75.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-00c88367.entry.js → p-1a75198c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b70d2c61.entry.js → p-1f099c2f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ebe9c4b5.entry.js → p-23bc23e7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-17297016.entry.js → p-275f1107.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fc0f58ab.entry.js → p-28420be0.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-2b0ec985.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-d93a5e18.entry.js → p-2b25fe8e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-653ab91f.entry.js → p-2bfed6df.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b0c2800d.entry.js → p-2d0ded53.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dc25c1aa.entry.js → p-2e203d1a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-67dfd5b7.entry.js → p-2ecab830.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8916baf1.entry.js → p-2f1692f3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2f273994.entry.js → p-2fa3c5f3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ebc718f8.entry.js → p-32abc876.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-535a2798.entry.js → p-32ffc5d2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0438fa79.entry.js → p-34501895.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2cf6f694.entry.js → p-37718fbe.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5901358c.entry.js → p-390c2139.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3f8d5246.entry.js → p-3bb7b2cc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-facffa0e.entry.js → p-3fa39238.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a84bbdad.entry.js → p-4518a557.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e472694d.entry.js → p-497d4c3c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3c6c42d4.entry.js → p-49f7c516.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-eff62c06.entry.js → p-4fe4a86c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bd14e7b8.js → p-51186052.js} +1 -1
- package/dist/genesys-webcomponents/{p-097107a5.entry.js → p-52e859c2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ce81ce0d.entry.js → p-539839a0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-34e636b4.entry.js → p-53d8000c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7e7748e2.entry.js → p-55d1caf8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2228913c.entry.js → p-565deb58.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cb3d5147.entry.js → p-57a2a810.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2510ca44.entry.js → p-59233a4e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-16fc1c0e.entry.js → p-5952c302.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-43be85e7.entry.js → p-59dfbb61.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1ccf93fa.entry.js → p-62336b34.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-062986c9.entry.js → p-628651ea.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-577c5141.entry.js → p-64ff6a18.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-353d0f84.entry.js → p-65c7c581.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cfa72827.entry.js → p-6c54bc4d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0d7b6599.entry.js → p-6c56b7fd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f46f3f54.entry.js → p-6cc75a9a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b1301efa.entry.js → p-6efbb30d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3f7e9ffa.entry.js → p-6f312902.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e694a712.entry.js → p-6ffefce3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-186f7fcc.entry.js → p-733566d0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3e4bb3d7.entry.js → p-73572191.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dbefc24f.entry.js → p-739172df.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f1a0d47b.entry.js → p-73e246a9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-aed23271.entry.js → p-751f0bce.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2c83b65a.entry.js → p-76066350.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bd689d35.entry.js → p-776a14b6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-326d0187.entry.js → p-7963bc6f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4ada5f38.entry.js → p-7d19b368.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4a4532c0.entry.js → p-8175296c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c150dc9e.entry.js → p-826768d1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6a5e6e61.entry.js → p-93ec07e9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-39d44f41.entry.js → p-941175ee.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d898b0f2.entry.js → p-95302559.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c90c9381.entry.js → p-9727fb5f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2803fdaa.entry.js → p-978c3afb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e161e905.entry.js → p-9c1cb3ac.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-be0eeb77.entry.js → p-9c2830c5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2a554909.entry.js → p-a42d63a2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-08c8c5e4.entry.js → p-a74fe3e2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5b49dd01.entry.js → p-a969deeb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e0c50fe8.entry.js → p-ab7cae09.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-af803326.entry.js → p-ada831cc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4ab1aaa1.entry.js → p-ae79daf2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b3130355.entry.js → p-b179666e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7a741d15.entry.js → p-b701acec.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d12e62be.entry.js → p-b9aa3946.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-520b72c4.entry.js → p-ba13cab7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-81a4ee49.entry.js → p-bd8fe970.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-edc1371f.entry.js → p-bf9b3f7a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-db009272.entry.js → p-bfe037f4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fe313fd7.entry.js → p-c096fcbf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f0b91aed.entry.js → p-c2b0e50d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ff4b84ed.entry.js → p-c2b28569.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cab5b58c.entry.js → p-c7d8aa65.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-db37592d.entry.js → p-cd37d8c8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8e622c45.entry.js → p-d0128824.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8c4b1b3c.entry.js → p-d0458a17.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2d4e82dd.entry.js → p-d0c9b913.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ba993e96.entry.js → p-d426f1ad.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bc70877b.entry.js → p-d524a474.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-91e691cf.entry.js → p-d5d8b336.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f9801239.entry.js → p-d9d212a7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-725d12a7.entry.js → p-dd4bb4fa.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bca919eb.entry.js → p-ddd2ab1f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2904ff3b.entry.js → p-deba1155.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f537e508.entry.js → p-df7d52b6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-639f2949.entry.js → p-df9d455a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-22d673f2.entry.js → p-e3c77679.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-862b33af.entry.js → p-e6d6923a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4f8a9d37.entry.js → p-e79b5974.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0c80b616.entry.js → p-e867c189.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4445939d.entry.js → p-ec92d358.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-24ea946e.entry.js → p-f0c19af6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cc9b4915.entry.js → p-f535300e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4841c4a1.entry.js → p-f64a6c66.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cba39a34.entry.js → p-f67dbabc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6b6bf1a9.entry.js → p-fc4fa5b4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8b072832.entry.js → p-fd192d0c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4af38d18.entry.js → p-fe456033.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cda19592.entry.js → p-fe489789.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4ffa186e.entry.js → p-fea589bd.entry.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/components/beta/gux-screen-reader/tests/gux-screen-reader.common.d.ts +3 -0
- package/dist/types/components/stable/gux-card/tests/gux-card.common.d.ts +4 -0
- package/dist/types/components/stable/gux-dismiss-button/tests/gux-dismiss-button.common.d.ts +3 -0
- package/dist/types/components/stable/gux-icon/gux-icon.types.d.ts +1 -1
- package/dist/types/components/stable/gux-inline-alert/tests/gux-inline-alert.common.d.ts +4 -0
- package/dist/types/stencil-wrapper.d.ts +1 -1
- package/package.json +3 -3
- package/dist/genesys-webcomponents/p-05f493dc.entry.js +0 -1
- /package/dist/cjs/{index.umd-ea00fb49.js → index.umd-07c955d3.js} +0 -0
- /package/dist/esm/{index.umd-5670b093.js → index.umd-6333c5a5.js} +0 -0
- /package/dist/genesys-webcomponents/{p-bfcd6e05.js → p-0e96f8ab.js} +0 -0
@@ -1 +1 @@
|
|
1
|
-
import{r as o,h as t,g as e,c as r}from"./p-cf74fd3d.js";import{t as i}from"./p-bd14e7b8.js";import{r as n}from"./p-0934300e.js";import{a,c as s,o as u,f as l,s as d,b as c}from"./p-04c85b3b.js";import{O as g}from"./p-f3d844c7.js";import{g as b}from"./p-89657908.js";import{f as h}from"./p-9b0d3713.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:"15b89e11c02ebf2ef4b366354ec9ffdee24854ec",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:"f08e752335b5148df4218894b773c67e79f2bf4e",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.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),l(),d(),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:"1202fc3707ac38dec035ebf8522f36275103fe91",ref:o=>this.popupElement=o,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},t("div",{key:"b28dec496bcb4b2cbd169f4fef080438eafac634",ref:o=>this.arrowElement=o,class:"gux-arrow"},t("div",{key:"59261d1aa75d9c932ccade7e9217bf98d7292007",class:"gux-arrow-caret"})),this.displayDismissButton&&t("gux-dismiss-button",{key:"9328bb10a746be8c106ff7a9fc76544e4e8b6bb0",onClick:this.dismiss.bind(this)}),t("div",{key:"7e0c2e755b05052f2c59b1aa402763240a798ece",class:{"gux-popover-header":Boolean(this.titleSlot)}},t("slot",{key:"b611659e7c1ff318dee1986818d05655a23114c3",name:"title"})),t("div",{key:"f345838da2e098b7aaa02e17b660ab00cdf70e85",class:"gux-popover-content"},t("slot",{key:"f9cf8ea36396ca69a2b95cb85fe765d4d725e907"})))}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,g as e,c as r}from"./p-cf74fd3d.js";import{t as i}from"./p-51186052.js";import{r as n}from"./p-0934300e.js";import{a,c as s,o as u,f as l,s as d,b as c}from"./p-04c85b3b.js";import{O as g}from"./p-f3d844c7.js";import{g as b}from"./p-89657908.js";import{f as h}from"./p-9b0d3713.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:"15b89e11c02ebf2ef4b366354ec9ffdee24854ec",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:"f08e752335b5148df4218894b773c67e79f2bf4e",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.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),l(),d(),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:"1202fc3707ac38dec035ebf8522f36275103fe91",ref:o=>this.popupElement=o,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},t("div",{key:"b28dec496bcb4b2cbd169f4fef080438eafac634",ref:o=>this.arrowElement=o,class:"gux-arrow"},t("div",{key:"59261d1aa75d9c932ccade7e9217bf98d7292007",class:"gux-arrow-caret"})),this.displayDismissButton&&t("gux-dismiss-button",{key:"9328bb10a746be8c106ff7a9fc76544e4e8b6bb0",onClick:this.dismiss.bind(this)}),t("div",{key:"7e0c2e755b05052f2c59b1aa402763240a798ece",class:{"gux-popover-header":Boolean(this.titleSlot)}},t("slot",{key:"b611659e7c1ff318dee1986818d05655a23114c3",name:"title"})),t("div",{key:"f345838da2e098b7aaa02e17b660ab00cdf70e85",class:"gux-popover-content"},t("slot",{key:"f9cf8ea36396ca69a2b95cb85fe765d4d725e907"})))}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 t,h as e,H as i,g as s}from"./p-cf74fd3d.js";import{t as a}from"./p-
|
1
|
+
import{r as t,h as e,H as i,g as s}from"./p-cf74fd3d.js";import{t as a}from"./p-51186052.js";import{a as o}from"./p-8eaf8caf.js";import{s as n,r}from"./p-cc3c3c56.js";import"./p-4202e9f2.js";const l=class{constructor(e){t(this,e),this.processedGroupItems=[],this.quantity=7}async componentWillLoad(){a(this.root,{variant:this.quantity.toString()})}componentDidLoad(){this.setInitialFocusTarget()}componentWillRender(){this.processGroupItems(),this.hideOverflowGroupItems()}onMouseOver(t){this.hideCurrentTooltip(t)}getGroupItems(){return Array.from(this.root.children)}setInitialFocusTarget(){const t=this.getGroupItems();t.length>0&&n(t[0])}processGroupItems(){const t=this.getGroupItems();this.validateChildElements(t),this.processedGroupItems=t.map(((t,e)=>{var i,s,a;return{img:null!==(i=t.querySelector("img"))&&void 0!==i?i:null,name:null!==(s=null==t?void 0:t.name)&&void 0!==s?s:"",accent:null!==(a=null==t?void 0:t.accent)&&void 0!==a?a:null,isOverflow:e>=this.quantity,groupItem:t}}))}hideOverflowGroupItems(){this.processedGroupItems.filter((t=>t.isOverflow)).forEach((t=>{t.groupItem.setAttribute("hidden","")}))}hideCurrentTooltip(t){const e=t.target,i=[...this.getGroupItems(),this.root.shadowRoot.querySelector("gux-avatar-group-add-item-beta")].find((t=>null==t?void 0:t.matches(":focus-within")));i&&i!==e&&i.hideTooltip()}handleClick(t){const e=t.target;"GUX-AVATAR-GROUP-ITEM-BETA"!==e.tagName||e.hasAttribute("hidden")||(r(e),n(e))}validateChildElements(t){0===t.length&&o(this.root,"gux-avatar-group-beta: No child elements detected. Please add some gux-avatar-item-beta tags to slot");const e=["GUX-AVATAR-GROUP-ITEM-BETA","GUX-AVATAR-GROUP-ADD-ITEM-BETA"];t.some((t=>!e.includes(t.tagName)))&&o(this.root,"gux-avatar-group-beta: Invalid child element detected. All child elements must be either buttons, anchor tags or gux-avatar-beta components")}renderOverflowMenu(){if(this.root.children.length>this.quantity){const t=this.processedGroupItems.filter((t=>t.isOverflow&&"GUX-AVATAR-GROUP-ITEM-BETA"===t.groupItem.tagName));return e("gux-avatar-overflow-beta",null,t.map((t=>{var i,s;return e("gux-avatar-overflow-item-beta",{name:t.name,accent:t.accent,onClick:()=>t.groupItem.click()},t.img?e("img",{slot:"image",src:null===(i=t.img)||void 0===i?void 0:i.src,alt:null===(s=t.img)||void 0===s?void 0:s.alt}):null)})))}return null}renderAddToGroup(){return this.processedGroupItems.find((t=>"GUX-AVATAR-GROUP-ADD-ITEM-BETA"===t.groupItem.tagName))&&this.root.children.length>this.quantity?e("gux-avatar-group-add-item-beta",{class:"gux-add-item-overflow"}):null}render(){return e(i,{key:"4fb2cc50bd34d1c068ee37e93ebb623b353c095d",role:"menu",onClick:this.handleClick.bind(this)},e("slot",{key:"a2b3fa35f568e7c3f72c76484dfcd0bcdad9b225"}),this.renderOverflowMenu(),this.renderAddToGroup())}get root(){return s(this)}};l.style=":host{display:flex;align-items:center;inline-size:fit-content;padding-block:var(--gse-semantic-interactive-sm-padding);padding-inline:var(--gse-semantic-interactive-sm-padding) var(--gse-semantic-interactive-md-padding)}:host(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-add-item-overflow{padding-inline-start:calc(var(--gse-core-spacing-4xs) + 2px)}";export{l as gux_avatar_group_beta}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as e,g as i}from"./p-cf74fd3d.js";import{O as r}from"./p-f3d844c7.js";import{s as o}from"./p-2c25e2f2.js";import{b as s}from"./p-cf0e7d3b.js";import{g as n,b as a}from"./p-e5e644b3.js";import{t as u}from"./p-bd14e7b8.js";import{l as c}from"./p-8eaf8caf.js";import{a as l}from"./p-13d8a42a.js";import{u as p}from"./p-c36d332b.js";import"./p-4202e9f2.js";import"./p-43af726d.js";const h={am:"AM","time-separator":":",clockButton:"Toggle suggested times",hoursInput:"Input hours",minutesInput:"Input minutes",pm:"PM",timeOptionsState:"Time options open: {state}",toggleAmPM:"{amOrPm} selected, click to toggle"};function m(t){const e=new Date,[i,r]=t.split(":");return e.setHours(parseFloat(i)),e.setMinutes(parseFloat(r)),e.setSeconds(0),e.getTime()}function g(t,e){const[i,r]=t.split(":");return`${((parseInt(i,10)+e+24)%24).toString().padStart(2,"0")}:${r}`}function d(t,e,i){const[r,o]=t.split(":");let s=(parseInt(o,10)+e+60)%60;for(;s%i!=0;)s=(s+e+60)%60;return`${r}:${s.toString().padStart(2,"0")}`}function f(t,e){const[i,r]=t.split(":");return"12h"===e?`${(parseInt(i,10)%12||12).toString().padStart(2,"0")}:${r}`:`${i}:${r}`}function x(t,e,i){const[r,o]=t.split(":");return"12h"===e?i?`${(parseInt(r,10)%12).toString().padStart(2,"0")}:${o}`:`${(parseInt(r,10)%12+12).toString().padStart(2,"0")}:${o}`:`${r}:${o}`}function b(t,e){const[i]=f(t,e).split(":");return i}function v(t){const[,e]=t.split(":");return e}function k(t){const[e]=t.split(":");return parseInt(e,10)<12}function w(t){return"12h"===t?"^(0?[1-9]|1[012])$":"^([01]?[0-9]|2[0-3])$"}const C=class{constructor(e){t(this,e),this.value="00:00",this.interval=60,this.step=1,this.disabled=!1,this.required=!1,this.hasError=!1,this.expanded=!1}onFocus(){this.valueLastChange=this.value}onBlur(){this.valueLastChange!==this.value&&o(this.root,"change")}onClickOutside(){this.expanded=!1}handleKeydown(t){switch(t.key){case"Escape":case"Tab":this.expanded=!1}}async componentWillLoad(){u(this.root),this.i18n=await a(this.root,h),this.clockType=this.clockType||function(t){let e;e=p()?l(t).toLowerCase():n(t).toLowerCase();const i=new Date("January 19, 1975 15:00:00 UTC+00:00"),r=new Intl.DateTimeFormat(e,{timeStyle:"short",timeZone:"UTC"}).format(i);return!p()&&["ar","ko","zh-cn","zh-tw"].some((t=>e.startsWith(t)))||new RegExp(".*15.*").test(r)?"24h":"12h"}(this.root),this.validateValueFormat(this.value,"00:00"),"12h"==this.clockType&&(this.min||this.max)&&c(this.root,'clock type must be "24h" when using min/max props')}validateValueFormat(t,e){this.isValidTimeFormat(t)||(c(this.root,`"${t}" is not a valid value format. Format must be "hh:mm" or "h:mm". Falling back to previous value: "${e}"`),this.value=e)}isValidTimeFormat(t){return"string"==typeof t&&/^\d{1,2}:\d{2}$/.test(t)}updateValue(t,e=!1){t!==this.value&&(this.value=t,o(this.root,"input"),e&&this.valueLastChange!==this.value&&(o(this.root,"change"),this.valueLastChange=this.value))}valueToId(t){return`gux-id-${t.replace(":","-")}`}focusRelevantItemInPopupList(){s((()=>{this.listElement.guxFocusItemByClosestId(this.valueToId(this.value))}))}toggleDropdown(){this.expanded=!this.expanded,this.expanded&&this.focusRelevantItemInPopupList()}onTargetClick(t){const e=t.composedPath(),i=e.includes(this.clockButton),r=e.includes(this.amPmElement),o=e.includes(this.hourInputElement),s=e.includes(this.minuteInputElement);i||r||s||o||this.toggleDropdown()}handleClickDropdownValue(t){const e=x(t,this.clockType,k(this.value));this.updateValue(e,!0),this.clockButton.focus(),this.expanded=!1}onHourKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(g(this.value,-1));break;case"ArrowUp":t.preventDefault(),this.updateValue(g(this.value,1));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.hourInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i,r,o){const[s,n]=f(t,e).split(":");let a=s;return a="Backspace"===i?"12h"==e&&1==o?a.split("").filter(((t,e)=>e==r-1)).join(""):a.split("").filter(((t,e)=>e!==r-1)).join("").padStart(2,"0"):parseInt(a.slice(0,r)+i+a.slice(r+1),10).toString().slice(-2).padStart(2,"0"),new RegExp(w(e)).test(a)||(a="12h"===e?i:i.padStart(2,"0")),x(`${a}:${n}`,e,k(t))}(this.value,this.clockType,t.key,this.hourInputElement.selectionStart,this.hourInputElement.value.length));break;default:t.preventDefault()}}onMinuteKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(d(this.value,-1,this.step));break;case"ArrowUp":t.preventDefault(),this.updateValue(d(this.value,1,this.step));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.minuteInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i){const[r,o]=t.split(":");let s=o;return s="Backspace"===e?s.split("").filter(((t,e)=>e!==i-1)).join("").padStart(2,"0"):(s.slice(0,i)+e+s.slice(i+1)).slice(-2).padStart(2,"0"),new RegExp("^[0-5][0-9]$").test(s)||(s=e.padStart(2,"0")),`${r}:${s}`}(this.value,t.key,this.minuteInputElement.selectionStart));break;default:t.preventDefault()}}onAmPmButtonKeyDown(t){switch(t.key){case"ArrowDown":case"ArrowUp":this.toggleAmPm(t)}}onListKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.clockButton.focus())}toggleAmPm(t){t.preventDefault(),this.updateValue(g(this.value,12),!0)}getAmPmString(){return k(this.value)?this.i18n("am"):this.i18n("pm")}renderNumberInput(){return e("div",{class:"gux-input-time-container"},e("input",{role:"spinbutton",class:"gux-input-time-hours",type:"text",disabled:this.disabled,value:b(this.value,this.clockType),onKeyDown:t=>this.onHourKeyDown(t),"aria-label":this.i18n("hoursInput"),pattern:w(this.clockType),ref:t=>this.hourInputElement=t,"aria-valuetext":b(this.value,this.clockType),"aria-valuenow":b(this.value,this.clockType),"aria-valuemin":"24h"===this.clockType?0:1,"aria-valuemax":"24h"===this.clockType?23:12}),e("span",{class:"gux-time-separator"},this.i18n("time-separator")),e("input",{role:"spinbutton",class:"gux-input-time-minutes",type:"text",disabled:this.disabled,value:v(this.value),onKeyDown:t=>this.onMinuteKeyDown(t),"aria-label":this.i18n("minutesInput"),pattern:"^[0-5][0-9]$",ref:t=>this.minuteInputElement=t,"aria-valuetext":v(this.value),"aria-valuenow":v(this.value),"aria-valuemin":0,"aria-valuemax":59}))}renderAmPmSelector(){if("12h"===this.clockType)return e("button",{class:"gux-input-time-am-pm-selector",type:"button",disabled:this.disabled,"aria-label":this.i18n("toggleAmPM",{amOrPm:this.getAmPmString()}),onClick:t=>this.toggleAmPm(t),onKeyDown:t=>this.onAmPmButtonKeyDown(t),ref:t=>this.amPmElement=t},e("div",{class:{"gux-meridiem":!0,"gux-visible":k(this.value)}},this.i18n("am")),e("div",{class:{"gux-meridiem":!0,"gux-visible":!k(this.value)}},this.i18n("pm")))}renderClockButton(){return e("button",{class:{"gux-clock-button":!0,"gux-active":this.expanded},type:"button",disabled:this.disabled,"aria-label":this.i18n("clockButton"),"aria-expanded":this.expanded.toString(),onClick:this.toggleDropdown.bind(this),ref:t=>this.clockButton=t},e("gux-icon",{decorative:!0,"icon-name":"fa/clock-regular",size:"small"}))}renderTimeListItems(){return function(t,e,i,r){const o=[0,15,30,45].filter((e=>Number.isInteger(e/t))).map((t=>String(t).padStart(2,"0"))),s=("12h"===e?["12","01","02","03","04","05","06","07","08","09","10","11"]:Array.from(Array(24).keys()).map((t=>String(t).padStart(2,"0")))).reduce(((t,e)=>t.concat(o.map((t=>`${e}:${t}`)))),[]);return"24h"===e?function(t,e,i){return e&&i&&m(e)>m(i)?t=t.filter((t=>{const r=m(t),o=m(e),s=m(i),n=m("23:59");return r>=o&&r<n||r<=s})):(e&&(t=t.filter((t=>m(t)>=m(e)))),i&&(t=t.filter((t=>m(t)<=m(i))))),t}(s,i,r):s}(this.interval,this.clockType,this.min,this.max).map((t=>{const i=x(t,this.clockType,k(this.value));return e("gux-list-item",{id:this.valueToId(i),onClick:()=>this.handleClickDropdownValue(t)},t)}))}renderTarget(){return e("div",{class:"gux-input-time",slot:"target",onClick:this.onTargetClick.bind(this)},this.renderNumberInput(),this.renderAmPmSelector(),this.renderClockButton())}renderPopup(){return e("div",{slot:"popup",class:"gux-list-container",onKeyDown:t=>this.onListKeyDown(t)},e("gux-list",{ref:t=>this.listElement=t},this.renderTimeListItems()))}render(){return e("gux-popup",{key:"d83b39098763e0faf83d689c7cd1351587b8de8b",class:{"gux-time-picker":!0,"gux-error":this.hasError},expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return i(this)}static get watchers(){return{value:["validateValueFormat"]}}};(function(t,e,i,r){var o,s=arguments.length,n=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(s<3?o(n):s>3?o(e,i,n):o(e,i))||n);s>3&&n&&Object.defineProperty(e,i,n)})([r({triggerEvents:"mousedown"})],C.prototype,"onClickOutside",null),C.style=".gux-time-picker{position:relative;display:inline-block}.gux-time-picker.gux-error .gux-input-time{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-time-picker .gux-input-time{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-time-picker .gux-input-time:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-time-picker .gux-input-time:hover:not(:disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-time-picker .gux-input-time input{flex:1 1 auto;align-self:auto;order:0;inline-size:2ch;padding:0;font-size:var(--gse-ui-formControl-label-text-fontSize);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}.gux-time-picker .gux-input-time input.gux-input-time-hours{text-align:end}.gux-time-picker .gux-input-time input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector{display:grid;grid-template:auto 1fr/auto 1fr auto;place-items:flex-end;padding:0;font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);font-weight:var(--gse-ui-formControl-input-prefixSufix-text-fontWeight);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background:transparent;border:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);border-radius:var(--gse-ui-timePicker-focusAmpm-borderRadius)}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{display:none;grid-row:1/1;grid-column:1/1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{display:inline-block}.gux-time-picker .gux-input-time .gux-clock-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);outline:none;background:transparent;border:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:var(--gse-ui-timePicker-clockStates-activeColor);cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible{outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);border-radius:var(--gse-ui-timePicker-focusClock-borderRadius)}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{padding:var(--gse-ui-timePicker-clock-padding)}.gux-time-picker .gux-time-separator{padding-block:0;padding-inline:1ch}.gux-time-picker .gux-list-container{max-block-size:150px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";export{C as gux_time_picker}
|
1
|
+
import{r as t,h as e,g as i}from"./p-cf74fd3d.js";import{O as r}from"./p-f3d844c7.js";import{s as o}from"./p-2c25e2f2.js";import{b as s}from"./p-cf0e7d3b.js";import{g as n,b as a}from"./p-e5e644b3.js";import{t as u}from"./p-51186052.js";import{l as c}from"./p-8eaf8caf.js";import{a as l}from"./p-13d8a42a.js";import{u as p}from"./p-c36d332b.js";import"./p-4202e9f2.js";import"./p-43af726d.js";const h={am:"AM","time-separator":":",clockButton:"Toggle suggested times",hoursInput:"Input hours",minutesInput:"Input minutes",pm:"PM",timeOptionsState:"Time options open: {state}",toggleAmPM:"{amOrPm} selected, click to toggle"};function m(t){const e=new Date,[i,r]=t.split(":");return e.setHours(parseFloat(i)),e.setMinutes(parseFloat(r)),e.setSeconds(0),e.getTime()}function g(t,e){const[i,r]=t.split(":");return`${((parseInt(i,10)+e+24)%24).toString().padStart(2,"0")}:${r}`}function d(t,e,i){const[r,o]=t.split(":");let s=(parseInt(o,10)+e+60)%60;for(;s%i!=0;)s=(s+e+60)%60;return`${r}:${s.toString().padStart(2,"0")}`}function f(t,e){const[i,r]=t.split(":");return"12h"===e?`${(parseInt(i,10)%12||12).toString().padStart(2,"0")}:${r}`:`${i}:${r}`}function x(t,e,i){const[r,o]=t.split(":");return"12h"===e?i?`${(parseInt(r,10)%12).toString().padStart(2,"0")}:${o}`:`${(parseInt(r,10)%12+12).toString().padStart(2,"0")}:${o}`:`${r}:${o}`}function b(t,e){const[i]=f(t,e).split(":");return i}function v(t){const[,e]=t.split(":");return e}function k(t){const[e]=t.split(":");return parseInt(e,10)<12}function w(t){return"12h"===t?"^(0?[1-9]|1[012])$":"^([01]?[0-9]|2[0-3])$"}const C=class{constructor(e){t(this,e),this.value="00:00",this.interval=60,this.step=1,this.disabled=!1,this.required=!1,this.hasError=!1,this.expanded=!1}onFocus(){this.valueLastChange=this.value}onBlur(){this.valueLastChange!==this.value&&o(this.root,"change")}onClickOutside(){this.expanded=!1}handleKeydown(t){switch(t.key){case"Escape":case"Tab":this.expanded=!1}}async componentWillLoad(){u(this.root),this.i18n=await a(this.root,h),this.clockType=this.clockType||function(t){let e;e=p()?l(t).toLowerCase():n(t).toLowerCase();const i=new Date("January 19, 1975 15:00:00 UTC+00:00"),r=new Intl.DateTimeFormat(e,{timeStyle:"short",timeZone:"UTC"}).format(i);return!p()&&["ar","ko","zh-cn","zh-tw"].some((t=>e.startsWith(t)))||new RegExp(".*15.*").test(r)?"24h":"12h"}(this.root),this.validateValueFormat(this.value,"00:00"),"12h"==this.clockType&&(this.min||this.max)&&c(this.root,'clock type must be "24h" when using min/max props')}validateValueFormat(t,e){this.isValidTimeFormat(t)||(c(this.root,`"${t}" is not a valid value format. Format must be "hh:mm" or "h:mm". Falling back to previous value: "${e}"`),this.value=e)}isValidTimeFormat(t){return"string"==typeof t&&/^\d{1,2}:\d{2}$/.test(t)}updateValue(t,e=!1){t!==this.value&&(this.value=t,o(this.root,"input"),e&&this.valueLastChange!==this.value&&(o(this.root,"change"),this.valueLastChange=this.value))}valueToId(t){return`gux-id-${t.replace(":","-")}`}focusRelevantItemInPopupList(){s((()=>{this.listElement.guxFocusItemByClosestId(this.valueToId(this.value))}))}toggleDropdown(){this.expanded=!this.expanded,this.expanded&&this.focusRelevantItemInPopupList()}onTargetClick(t){const e=t.composedPath(),i=e.includes(this.clockButton),r=e.includes(this.amPmElement),o=e.includes(this.hourInputElement),s=e.includes(this.minuteInputElement);i||r||s||o||this.toggleDropdown()}handleClickDropdownValue(t){const e=x(t,this.clockType,k(this.value));this.updateValue(e,!0),this.clockButton.focus(),this.expanded=!1}onHourKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(g(this.value,-1));break;case"ArrowUp":t.preventDefault(),this.updateValue(g(this.value,1));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.hourInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i,r,o){const[s,n]=f(t,e).split(":");let a=s;return a="Backspace"===i?"12h"==e&&1==o?a.split("").filter(((t,e)=>e==r-1)).join(""):a.split("").filter(((t,e)=>e!==r-1)).join("").padStart(2,"0"):parseInt(a.slice(0,r)+i+a.slice(r+1),10).toString().slice(-2).padStart(2,"0"),new RegExp(w(e)).test(a)||(a="12h"===e?i:i.padStart(2,"0")),x(`${a}:${n}`,e,k(t))}(this.value,this.clockType,t.key,this.hourInputElement.selectionStart,this.hourInputElement.value.length));break;default:t.preventDefault()}}onMinuteKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(d(this.value,-1,this.step));break;case"ArrowUp":t.preventDefault(),this.updateValue(d(this.value,1,this.step));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.minuteInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i){const[r,o]=t.split(":");let s=o;return s="Backspace"===e?s.split("").filter(((t,e)=>e!==i-1)).join("").padStart(2,"0"):(s.slice(0,i)+e+s.slice(i+1)).slice(-2).padStart(2,"0"),new RegExp("^[0-5][0-9]$").test(s)||(s=e.padStart(2,"0")),`${r}:${s}`}(this.value,t.key,this.minuteInputElement.selectionStart));break;default:t.preventDefault()}}onAmPmButtonKeyDown(t){switch(t.key){case"ArrowDown":case"ArrowUp":this.toggleAmPm(t)}}onListKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.clockButton.focus())}toggleAmPm(t){t.preventDefault(),this.updateValue(g(this.value,12),!0)}getAmPmString(){return k(this.value)?this.i18n("am"):this.i18n("pm")}renderNumberInput(){return e("div",{class:"gux-input-time-container"},e("input",{role:"spinbutton",class:"gux-input-time-hours",type:"text",disabled:this.disabled,value:b(this.value,this.clockType),onKeyDown:t=>this.onHourKeyDown(t),"aria-label":this.i18n("hoursInput"),pattern:w(this.clockType),ref:t=>this.hourInputElement=t,"aria-valuetext":b(this.value,this.clockType),"aria-valuenow":b(this.value,this.clockType),"aria-valuemin":"24h"===this.clockType?0:1,"aria-valuemax":"24h"===this.clockType?23:12}),e("span",{class:"gux-time-separator"},this.i18n("time-separator")),e("input",{role:"spinbutton",class:"gux-input-time-minutes",type:"text",disabled:this.disabled,value:v(this.value),onKeyDown:t=>this.onMinuteKeyDown(t),"aria-label":this.i18n("minutesInput"),pattern:"^[0-5][0-9]$",ref:t=>this.minuteInputElement=t,"aria-valuetext":v(this.value),"aria-valuenow":v(this.value),"aria-valuemin":0,"aria-valuemax":59}))}renderAmPmSelector(){if("12h"===this.clockType)return e("button",{class:"gux-input-time-am-pm-selector",type:"button",disabled:this.disabled,"aria-label":this.i18n("toggleAmPM",{amOrPm:this.getAmPmString()}),onClick:t=>this.toggleAmPm(t),onKeyDown:t=>this.onAmPmButtonKeyDown(t),ref:t=>this.amPmElement=t},e("div",{class:{"gux-meridiem":!0,"gux-visible":k(this.value)}},this.i18n("am")),e("div",{class:{"gux-meridiem":!0,"gux-visible":!k(this.value)}},this.i18n("pm")))}renderClockButton(){return e("button",{class:{"gux-clock-button":!0,"gux-active":this.expanded},type:"button",disabled:this.disabled,"aria-label":this.i18n("clockButton"),"aria-expanded":this.expanded.toString(),onClick:this.toggleDropdown.bind(this),ref:t=>this.clockButton=t},e("gux-icon",{decorative:!0,"icon-name":"fa/clock-regular",size:"small"}))}renderTimeListItems(){return function(t,e,i,r){const o=[0,15,30,45].filter((e=>Number.isInteger(e/t))).map((t=>String(t).padStart(2,"0"))),s=("12h"===e?["12","01","02","03","04","05","06","07","08","09","10","11"]:Array.from(Array(24).keys()).map((t=>String(t).padStart(2,"0")))).reduce(((t,e)=>t.concat(o.map((t=>`${e}:${t}`)))),[]);return"24h"===e?function(t,e,i){return e&&i&&m(e)>m(i)?t=t.filter((t=>{const r=m(t),o=m(e),s=m(i),n=m("23:59");return r>=o&&r<n||r<=s})):(e&&(t=t.filter((t=>m(t)>=m(e)))),i&&(t=t.filter((t=>m(t)<=m(i))))),t}(s,i,r):s}(this.interval,this.clockType,this.min,this.max).map((t=>{const i=x(t,this.clockType,k(this.value));return e("gux-list-item",{id:this.valueToId(i),onClick:()=>this.handleClickDropdownValue(t)},t)}))}renderTarget(){return e("div",{class:"gux-input-time",slot:"target",onClick:this.onTargetClick.bind(this)},this.renderNumberInput(),this.renderAmPmSelector(),this.renderClockButton())}renderPopup(){return e("div",{slot:"popup",class:"gux-list-container",onKeyDown:t=>this.onListKeyDown(t)},e("gux-list",{ref:t=>this.listElement=t},this.renderTimeListItems()))}render(){return e("gux-popup",{key:"d83b39098763e0faf83d689c7cd1351587b8de8b",class:{"gux-time-picker":!0,"gux-error":this.hasError},expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return i(this)}static get watchers(){return{value:["validateValueFormat"]}}};(function(t,e,i,r){var o,s=arguments.length,n=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(s<3?o(n):s>3?o(e,i,n):o(e,i))||n);s>3&&n&&Object.defineProperty(e,i,n)})([r({triggerEvents:"mousedown"})],C.prototype,"onClickOutside",null),C.style=".gux-time-picker{position:relative;display:inline-block}.gux-time-picker.gux-error .gux-input-time{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-time-picker .gux-input-time{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-time-picker .gux-input-time:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-time-picker .gux-input-time:hover:not(:disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-time-picker .gux-input-time input{flex:1 1 auto;align-self:auto;order:0;inline-size:2ch;padding:0;font-size:var(--gse-ui-formControl-label-text-fontSize);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}.gux-time-picker .gux-input-time input.gux-input-time-hours{text-align:end}.gux-time-picker .gux-input-time input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector{display:grid;grid-template:auto 1fr/auto 1fr auto;place-items:flex-end;padding:0;font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);font-weight:var(--gse-ui-formControl-input-prefixSufix-text-fontWeight);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background:transparent;border:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);border-radius:var(--gse-ui-timePicker-focusAmpm-borderRadius)}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{display:none;grid-row:1/1;grid-column:1/1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{display:inline-block}.gux-time-picker .gux-input-time .gux-clock-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);outline:none;background:transparent;border:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:var(--gse-ui-timePicker-clockStates-activeColor);cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible{outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);border-radius:var(--gse-ui-timePicker-focusClock-borderRadius)}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{padding:var(--gse-ui-timePicker-clock-padding)}.gux-time-picker .gux-time-separator{padding-block:0;padding-inline:1ch}.gux-time-picker .gux-list-container{max-block-size:150px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";export{C as gux_time_picker}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as o,h as t,g as s}from"./p-cf74fd3d.js";import{t as
|
1
|
+
import{r as o,h as t,g as s}from"./p-cf74fd3d.js";import{t as r}from"./p-51186052.js";const e=class{constructor(t){o(this,t),this.singleOpenSection=!1}handleGuxopened(o){this.singleOpenSection&&this.getAccordionSections().forEach((t=>{t!==o.target&&this.closeSection(t)}))}componentWillLoad(){this.singleOpenSection&&this.getAccordionSections().reduceRight(((o,t)=>(o&&this.closeSection(t),o||t.open)),!1),r(this.root)}getAccordionSections(){return Array.from(this.root.children)}closeSection(o){o.disabled||(o.open=!1)}render(){return t("slot",{key:"3fc634094a56cee760224ebe2d6bae760438888b"})}get root(){return s(this)}};e.style="gux-accordion{-custom-noop:noop}";export{e as gux_accordion}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as a,h as e,H as t,g as i}from"./p-cf74fd3d.js";import{t as o}from"./p-bd14e7b8.js";import{g as r}from"./p-cc3c3c56.js";import{b as n}from"./p-e5e644b3.js";import{a as s,c as u,o as c}from"./p-04c85b3b.js";import{O as l}from"./p-f3d844c7.js";import{a as d}from"./p-8eaf8caf.js";import{a as g}from"./p-cf0e7d3b.js";import{a as v,g as b}from"./p-5fcdcbfd.js";import"./p-4202e9f2.js";const f={addToGroup:"Add more items to group"},m=class{constructor(e){a(this,e)}async componentWillLoad(){o(this.root),this.i18n=await n(this.root,f)}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.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:"56dc6348cc414fa170fa0ee06fe064f3450882bc",role:"menuitem"},e("button",{key:"5b73425d77f78fce9d87b33487cea1abef6cb0a3",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:"a23023d03fb1b759e35f06dea6be0114ba5873db",class:"gux-avatar-overflow-wrapper"},e("span",{key:"ae083e3bbf584b59f5a00eac3585b79fa916a712",class:"gux-avatar-overflow-content"}," +",this.getCount()))),e("div",{key:"cab97c98d994f16c09b24f8545b8cd7200388892",class:{"gux-menu-wrapper":!0,"gux-shown":this.expanded},ref:a=>this.menuElement=a},e("div",{key:"715af9beb5866644e7524b641ce2206b6b1b86d3",role:"menu",class:"gux-menu-content"},e("slot",{key:"fd5723c2b0f9bb1039e043d505ff7dff3ba70a18"}))))}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"},b(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,g as i}from"./p-cf74fd3d.js";import{t as o}from"./p-51186052.js";import{g as r}from"./p-cc3c3c56.js";import{b as n}from"./p-e5e644b3.js";import{a as s,c as u,o as c}from"./p-04c85b3b.js";import{O as l}from"./p-f3d844c7.js";import{a as d}from"./p-8eaf8caf.js";import{a as g}from"./p-cf0e7d3b.js";import{a as v,g as b}from"./p-5fcdcbfd.js";import"./p-4202e9f2.js";const f={addToGroup:"Add more items to group"},m=class{constructor(e){a(this,e)}async componentWillLoad(){o(this.root),this.i18n=await n(this.root,f)}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.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:"56dc6348cc414fa170fa0ee06fe064f3450882bc",role:"menuitem"},e("button",{key:"5b73425d77f78fce9d87b33487cea1abef6cb0a3",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:"a23023d03fb1b759e35f06dea6be0114ba5873db",class:"gux-avatar-overflow-wrapper"},e("span",{key:"ae083e3bbf584b59f5a00eac3585b79fa916a712",class:"gux-avatar-overflow-content"}," +",this.getCount()))),e("div",{key:"cab97c98d994f16c09b24f8545b8cd7200388892",class:{"gux-menu-wrapper":!0,"gux-shown":this.expanded},ref:a=>this.menuElement=a},e("div",{key:"715af9beb5866644e7524b641ce2206b6b1b86d3",role:"menu",class:"gux-menu-content"},e("slot",{key:"fd5723c2b0f9bb1039e043d505ff7dff3ba70a18"}))))}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"},b(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 t,c as e,f as i,h as o,g as r}from"./p-cf74fd3d.js";import{O as n}from"./p-f3d844c7.js";import{b as s}from"./p-e5e644b3.js";import{s as l}from"./p-2c25e2f2.js";import{b as u}from"./p-cf0e7d3b.js";import{o as a}from"./p-f4751a15.js";import{t as d}from"./p-bd14e7b8.js";import{c,s as h,g,a as f}from"./p-01ff7495.js";import{O as p}from"./p-946c70b7.js";import"./p-4202e9f2.js";const x={textInputResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown",numberSelected:"{numberSelected} selected",pressEnterToCreate:"Press Enter to create new option, {textInputValue}"};var b=function(t,e,i,o){var r,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const v=class{constructor(i){t(this,i),this.guxcreateoption=e(this,"guxcreateoption",7),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.disabled=!1,this.required=!1,this.loading=!1,this.filterType="none",this.hasError=!1,this.exceedTargetWidth=!1,this.hasCreate=!1,this.expanded=!1,this.textInput=""}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit()}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}focusSelectedItemAfterRender(t){t&&this.listboxElement&&u((()=>{this.hasTextInput()?this.textInputElement.focus():this.listboxElement.focus()})),t||(this.textInput="")}watchDisabled(t){t&&(this.expanded=!1)}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}getSelectedValues(){return Promise.resolve(c(this.value))}onKeydown(t){switch(t.key){case"Escape":return this.hasTextInput()&&document.activeElement===this.listboxElement?this.textInputElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.textInputElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,h(this.listboxElement)));case"Enter":return this.canCreateNewOption()&&this.isActiveElement()&&this.emitCreateOption(),void(this.expanded||this.isFilterable()||h(this.listboxElement));case" ":return void(this.expanded||this.isFilterable()||h(this.listboxElement))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),requestAnimationFrame((()=>{requestAnimationFrame((()=>i(this.root)))}))}onClearselected(t){t.stopPropagation(),this.updateValue(void 0),this.listboxElement&&(this.listboxElement.value=void 0),this.validateValue(this.value,this.listboxElement),this.fieldButtonElement.focus()}onCreatenewoption(t){t.stopPropagation(),this.emitCreateOption()}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.hasCreate=!!this.root.querySelector("gux-create-option"))}async componentWillLoad(){d(this.root),this.i18n=await s(this.root,x),a(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.textInput=this.textInput)}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)?e.value=t:this.value=void 0:e&&(e.value=t)}hasTextInput(){return this.isFilterable()||this.hasCreate}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}isFilterable(){return"custom"===this.filterType||"starts-with"===this.filterType}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=Array.from(this.root.querySelectorAll("gux-option-multi")),i=c(t);return e.filter((t=>i.includes(t.value)))}fieldButtonClick(){this.expanded=!this.expanded}fieldButtonInputClick(){this.expanded||(this.expanded=!this.expanded)}filterInput(t){t.stopPropagation(),this.textInput=this.textInputElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.hasTextInput()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.hasTextInput()&&document.activeElement===this.listboxElement}emitCreateOption(){this.guxcreateoption.emit(this.textInput),this.textInput="",this.textInputElement.value=""}canCreateNewOption(){return this.hasCreate&&this.textInput&&!this.listboxElement.hasExactMatch}isActiveElement(){return document.activeElement===this.root}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){if("ArrowDown"===t.key)return t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),void h(this.listboxElement)}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,l(this.root,"input"),l(this.root,"change"))}getTypeaheadText(t){var e;const i=t.length;if(i>0&&!this.loading){const o=g(this.listboxElement,t);if(o&&"custom"!==this.filterType){const t=null===(e=f(o))||void 0===e?void 0:e.textContent.trim();return null==t?void 0:t.substring(i)}return""}}renderTargetDisplay(){return o("div",{class:"gux-placeholder"},this.getSrSelectedText(),this.getSelectedOptionText()||this.placeholder||this.i18n("noSelection"))}getSelectedOptionText(){const t=this.getSelectedOptionValueString();return!!t&&[t,o("div",{class:"gux-sr-only"},this.placeholder)]}getSelectedOptionValueString(){return this.getOptionElementByValue(this.value).map((t=>{var e;return null===(e=f(t))||void 0===e?void 0:e.textContent.trim()})).join(", ")}getSrSelectedText(){const t=this.getOptionElementByValue(this.value);if(t.length)return o("span",{class:"gux-sr-only"},this.i18n("numberSelected",{numberSelected:t.length.toString()}))}getInputAriaLabel(){return this.canCreateNewOption()&&this.isActiveElement()?this.i18n("pressEnterToCreate",{textInputValue:this.textInput}):this.i18n("textInputResults")}renderTag(){const t=c(this.value);if(t.length)return o("gux-dropdown-multi-tag",{disabled:this.disabled,"number-selected":t.length})}renderFilterInputField(){if(this.expanded&&this.hasTextInput())return o("div",{class:"gux-field gux-input-field"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.textInput),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.textInput))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonInputClick.bind(this),placeholder:this.getSelectedOptionValueString()||this.placeholder||this.i18n("noSelection"),class:"gux-filter-input",type:"text","aria-label":this.getInputAriaLabel(),ref:t=>this.textInputElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this),disabled:this.disabled})))))}renderPopup(){return o("div",{slot:"popup",class:"gux-listbox-container"},o("slot",null))}renderTarget(){return o("div",{class:{"gux-target-container":!0,"gux-target-container-expanded":this.expanded&&this.hasTextInput(),"gux-target-container-collapsed":!(this.expanded&&this.hasTextInput()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:this.disabled,onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderTag(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},size:"small","screenreader-text":this.i18n("dropdown"),iconName:"custom/chevron-down-small-regular"})))}renderTargetContent(){if(!this.expanded||!this.hasTextInput())return o("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return o("gux-radial-loading",{context:"input"})}render(){return[o("div",{key:"6927f71083cd8f0700374d948be0aa25cb3db639",class:"gux-dropdown-container"},o("gux-popup",{key:"f7ed293f36f193c6e03d245656ec1d8b09d44f7b",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled||this.loading&&!this.isFilterable(),exceedTargetWidth:this.exceedTargetWidth},this.renderTarget(),this.renderPopup()))]}static get delegatesFocus(){return!0}get root(){return r(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],disabled:["watchDisabled"],value:["watchValue"],textInput:["handleFilter"]}}};b([p({childList:!0,subtree:!0})],v.prototype,"onMutation",null),b([n({triggerEvents:"mousedown"})],v.prototype,"onClickOutside",null),v.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-dropdown-container{position:relative}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{position:relative;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-selected-option .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-placeholder .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%;padding-inline-start:0}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input:placeholder-shown{text-overflow:ellipsis}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{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-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-listbox-container{box-sizing:border-box;margin:0}";export{v as gux_dropdown_multi}
|
1
|
+
import{r as t,c as e,f as i,h as o,g as r}from"./p-cf74fd3d.js";import{O as n}from"./p-f3d844c7.js";import{b as s}from"./p-e5e644b3.js";import{s as l}from"./p-2c25e2f2.js";import{b as u}from"./p-cf0e7d3b.js";import{o as a}from"./p-f4751a15.js";import{t as d}from"./p-51186052.js";import{c,s as h,g,a as f}from"./p-01ff7495.js";import{O as p}from"./p-946c70b7.js";import"./p-4202e9f2.js";const x={textInputResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown",numberSelected:"{numberSelected} selected",pressEnterToCreate:"Press Enter to create new option, {textInputValue}"};var b=function(t,e,i,o){var r,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const v=class{constructor(i){t(this,i),this.guxcreateoption=e(this,"guxcreateoption",7),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.disabled=!1,this.required=!1,this.loading=!1,this.filterType="none",this.hasError=!1,this.exceedTargetWidth=!1,this.hasCreate=!1,this.expanded=!1,this.textInput=""}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit()}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}focusSelectedItemAfterRender(t){t&&this.listboxElement&&u((()=>{this.hasTextInput()?this.textInputElement.focus():this.listboxElement.focus()})),t||(this.textInput="")}watchDisabled(t){t&&(this.expanded=!1)}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}getSelectedValues(){return Promise.resolve(c(this.value))}onKeydown(t){switch(t.key){case"Escape":return this.hasTextInput()&&document.activeElement===this.listboxElement?this.textInputElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.textInputElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,h(this.listboxElement)));case"Enter":return this.canCreateNewOption()&&this.isActiveElement()&&this.emitCreateOption(),void(this.expanded||this.isFilterable()||h(this.listboxElement));case" ":return void(this.expanded||this.isFilterable()||h(this.listboxElement))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),requestAnimationFrame((()=>{requestAnimationFrame((()=>i(this.root)))}))}onClearselected(t){t.stopPropagation(),this.updateValue(void 0),this.listboxElement&&(this.listboxElement.value=void 0),this.validateValue(this.value,this.listboxElement),this.fieldButtonElement.focus()}onCreatenewoption(t){t.stopPropagation(),this.emitCreateOption()}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.hasCreate=!!this.root.querySelector("gux-create-option"))}async componentWillLoad(){d(this.root),this.i18n=await s(this.root,x),a(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.textInput=this.textInput)}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)?e.value=t:this.value=void 0:e&&(e.value=t)}hasTextInput(){return this.isFilterable()||this.hasCreate}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}isFilterable(){return"custom"===this.filterType||"starts-with"===this.filterType}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=Array.from(this.root.querySelectorAll("gux-option-multi")),i=c(t);return e.filter((t=>i.includes(t.value)))}fieldButtonClick(){this.expanded=!this.expanded}fieldButtonInputClick(){this.expanded||(this.expanded=!this.expanded)}filterInput(t){t.stopPropagation(),this.textInput=this.textInputElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.hasTextInput()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.hasTextInput()&&document.activeElement===this.listboxElement}emitCreateOption(){this.guxcreateoption.emit(this.textInput),this.textInput="",this.textInputElement.value=""}canCreateNewOption(){return this.hasCreate&&this.textInput&&!this.listboxElement.hasExactMatch}isActiveElement(){return document.activeElement===this.root}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){if("ArrowDown"===t.key)return t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),void h(this.listboxElement)}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,l(this.root,"input"),l(this.root,"change"))}getTypeaheadText(t){var e;const i=t.length;if(i>0&&!this.loading){const o=g(this.listboxElement,t);if(o&&"custom"!==this.filterType){const t=null===(e=f(o))||void 0===e?void 0:e.textContent.trim();return null==t?void 0:t.substring(i)}return""}}renderTargetDisplay(){return o("div",{class:"gux-placeholder"},this.getSrSelectedText(),this.getSelectedOptionText()||this.placeholder||this.i18n("noSelection"))}getSelectedOptionText(){const t=this.getSelectedOptionValueString();return!!t&&[t,o("div",{class:"gux-sr-only"},this.placeholder)]}getSelectedOptionValueString(){return this.getOptionElementByValue(this.value).map((t=>{var e;return null===(e=f(t))||void 0===e?void 0:e.textContent.trim()})).join(", ")}getSrSelectedText(){const t=this.getOptionElementByValue(this.value);if(t.length)return o("span",{class:"gux-sr-only"},this.i18n("numberSelected",{numberSelected:t.length.toString()}))}getInputAriaLabel(){return this.canCreateNewOption()&&this.isActiveElement()?this.i18n("pressEnterToCreate",{textInputValue:this.textInput}):this.i18n("textInputResults")}renderTag(){const t=c(this.value);if(t.length)return o("gux-dropdown-multi-tag",{disabled:this.disabled,"number-selected":t.length})}renderFilterInputField(){if(this.expanded&&this.hasTextInput())return o("div",{class:"gux-field gux-input-field"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.textInput),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.textInput))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonInputClick.bind(this),placeholder:this.getSelectedOptionValueString()||this.placeholder||this.i18n("noSelection"),class:"gux-filter-input",type:"text","aria-label":this.getInputAriaLabel(),ref:t=>this.textInputElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this),disabled:this.disabled})))))}renderPopup(){return o("div",{slot:"popup",class:"gux-listbox-container"},o("slot",null))}renderTarget(){return o("div",{class:{"gux-target-container":!0,"gux-target-container-expanded":this.expanded&&this.hasTextInput(),"gux-target-container-collapsed":!(this.expanded&&this.hasTextInput()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:this.disabled,onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderTag(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},size:"small","screenreader-text":this.i18n("dropdown"),iconName:"custom/chevron-down-small-regular"})))}renderTargetContent(){if(!this.expanded||!this.hasTextInput())return o("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return o("gux-radial-loading",{context:"input"})}render(){return[o("div",{key:"6927f71083cd8f0700374d948be0aa25cb3db639",class:"gux-dropdown-container"},o("gux-popup",{key:"f7ed293f36f193c6e03d245656ec1d8b09d44f7b",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled||this.loading&&!this.isFilterable(),exceedTargetWidth:this.exceedTargetWidth},this.renderTarget(),this.renderPopup()))]}static get delegatesFocus(){return!0}get root(){return r(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],disabled:["watchDisabled"],value:["watchValue"],textInput:["handleFilter"]}}};b([p({childList:!0,subtree:!0})],v.prototype,"onMutation",null),b([n({triggerEvents:"mousedown"})],v.prototype,"onClickOutside",null),v.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-dropdown-container{position:relative}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{position:relative;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-selected-option .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-placeholder .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%;padding-inline-start:0}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input:placeholder-shown{text-overflow:ellipsis}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{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-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-listbox-container{box-sizing:border-box;margin:0}";export{v as gux_dropdown_multi}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as i,H as e,g as o}from"./p-cf74fd3d.js";import{a as s,o as a,f as r,s as n,h as l,c as h}from"./p-04c85b3b.js";import{r as d}from"./p-0934300e.js";import{t as c}from"./p-
|
1
|
+
import{r as t,h as i,H as e,g as o}from"./p-cf74fd3d.js";import{a as s,o as a,f as r,s as n,h as l,c as h}from"./p-04c85b3b.js";import{r as d}from"./p-0934300e.js";import{t as c}from"./p-51186052.js";import{b as u}from"./p-cf0e7d3b.js";import{o as p}from"./p-16f74ec0.js";import{f as g}from"./p-9b0d3713.js";const b=class{constructor(i){t(this,i),this.pointerenterHandler=()=>this.show(),this.pointerleaveHandler=()=>this.hide(),this.focusinHandler=()=>this.show(),this.focusoutHandler=()=>this.hide(),this.forElementListeners=new Map([["pointerenter",this.pointerenterHandler],["pointerleave",this.pointerleaveHandler],["focusin",this.focusinHandler],["focusout",this.focusoutHandler],["mousemove",this.handlePointerMove.bind(this)]]),this.id=d("gux-tooltip-base"),this.placement="bottom-start",this.offsetX=0,this.offsetY=0,this.accent="light",this.visualOnly=!1,this.followMouse=!1,this.isShown=!1}handleKeyDown(t){"Escape"===t.key&&this.isShown&&this.hide()}handlePointerenter(){this.show()}handlePointerleave(){this.hide()}handlePointerMove(t){this.followMouse&&(t.preventDefault(),this.refElement=this.getRefElement(t.clientX,t.clientY),this.runUpdatePosition())}async showTooltip(){this.show()}async hideTooltip(){this.hide()}runUpdatePosition(){const t=this.followMouse&&this.refElement?this.refElement:this.forElement;this.cleanupUpdatePosition=s(t,this.root,(()=>this.updatePosition(t)),{ancestorScroll:!0,elementResize:!0,animationFrame:this.followMouse,ancestorResize:!0})}updatePosition(t){const i=[a(12),r({fallbackAxisSideDirection:"start",crossAxis:!1}),n(),l(),p()];h(t,this.root,{placement:this.placement,strategy:"fixed",middleware:i}).then((({x:t,y:i,middlewareData:e})=>{var o;Object.assign(this.root.style,{left:`${t+this.offsetX}px`,top:`${i+this.offsetY}px`,visibility:(null===(o=e.hide)||void 0===o?void 0:o.referenceHidden)?"hidden":"visible"}),this.root.setAttribute("data-placement",this.placement)}))}show(){clearTimeout(this.hideDelayTimeout),this.isShown=!0,u((()=>{this.runUpdatePosition()}))}hide(){this.hideDelayTimeout=setTimeout((()=>{this.isShown=!1,this.refElement=void 0,this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}),350)}setForElement(){this.forElement&&(this.visualOnly||this.forElement.setAttribute("aria-describedby",this.tooltipId?this.tooltipId:this.id),this.forElementListeners.forEach(((t,i)=>this.forElement.addEventListener(i,t))))}disconnectForElement(){this.forElement&&(this.forElement.removeAttribute("aria-describedby"),this.forElementListeners.forEach(((t,i)=>this.forElement.removeEventListener(i,t))))}updateForElement(){this.disconnectForElement(),this.setForElement()}getRefElement(t,i){return{getBoundingClientRect:()=>({x:t,y:i,top:i,left:t,bottom:i,right:t,width:10,height:10})}}connectedCallback(){this.setForElement()}componentWillLoad(){c(this.root,{variant:this.placement})}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.disconnectForElement()}render(){return i(e,{key:"e4af4855cbfc584aca2936f15588aa403f4f4c6b",id:this.tooltipId?void 0:this.id,role:this.tooltipId&&!this.isShown?void 0:"tooltip",class:{"gux-show":this.isShown},"aria-hidden":this.visualOnly},i("div",{key:"c7e1aedffe39b49700cb2f06e660cc222632fef9",class:{"gux-container":!0,[`gux-${this.accent}`]:!0},"data-placement":this.placement},i("slot",{key:"0a682c31b0b57a6556e65a269f7646ad25b258f1",name:"content"})))}get root(){return o(this)}static get watchers(){return{offsetX:["runUpdatePosition"],offsetY:["runUpdatePosition"],forElement:["updateForElement"]}}};b.style=":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;inline-size:max-content;max-inline-size:250px;border-radius:var(--gse-ui-tooltip-borderRadius);box-shadow:var(--gse-ui-tooltip-boxShadow);opacity:0}:host(.gux-show){display:block;animation-name:fade-in;animation-duration:250ms;animation-delay:350ms;animation-fill-mode:forwards}.gux-container{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-tooltip-gap);place-content:center flex-start;padding:var(--gse-ui-tooltip-padding);font-family:var(--gse-ui-tooltip-text-fontFamily);font-size:var(--gse-ui-tooltip-text-fontSize);font-weight:var(--gse-ui-tooltip-text-fontWeight);line-height:var(--gse-ui-tooltip-text-lineHeight);color:var(--gse-ui-tooltip-light-foregroundColor);pointer-events:none;background-color:var(--gse-ui-tooltip-light-backgroundColor);border:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-radius:var(--gse-ui-tooltip-borderRadius)}.gux-container ::slotted(gux-icon){align-self:center;inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);color:var(--gse-ui-tooltip-light-foregroundColor)}.gux-container ::slotted(*){inline-size:100%;overflow-wrap:break-word;white-space:normal}.gux-container.gux-dark{color:var(--gse-ui-tooltip-dark-foregroundColor);background-color:var(--gse-ui-tooltip-dark-backgroundColor);border:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark ::slotted(gux-icon){align-self:center;inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);color:var(--gse-ui-tooltip-dark-iconColor)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";const f=class{constructor(i){t(this,i),this.id=d("gux-tooltip"),this.placement="bottom-start",this.accent="light",this.visualOnly=!1}async showTooltip(){return await this.baseTooltip.showTooltip()}async hideTooltip(){return await this.baseTooltip.hideTooltip()}updateForElement(){this.forElement=this.getForElement()}componentWillLoad(){c(this.root,{variant:this.placement})}componentDidLoad(){this.baseTooltip&&(this.tooltipObserver=new MutationObserver((()=>{var t;this.role=null===(t=this.baseTooltip)||void 0===t?void 0:t.role})),this.tooltipObserver.observe(this.baseTooltip,{childList:!0,attributes:!0,attributeFilter:["role"]}))}connectedCallback(){this.updateForElement()}disconnectedCallback(){this.tooltipObserver&&this.tooltipObserver.disconnect()}getForElement(){if(this.for){const t=g(this.root,this.for);return t||this.logForAttributeError(),t}return this.root.parentElement}logForAttributeError(){this.root.isConnected&&console.error(`gux-tooltip: invalid element supplied to 'for': "${this.for}"`)}render(){return i(e,{key:"50151fd382b63c55c2b424dec466f987d04ac916",id:this.id,role:this.role},i("gux-tooltip-base-beta",{key:"0378c9890690a342661bc89f501ad90952ec6250",forElement:this.forElement,placement:this.placement,accent:this.accent,tooltipId:this.id,visualOnly:this.visualOnly,ref:t=>this.baseTooltip=t},i("span",{key:"12ca9a8bd32c5346dbd56b7885d5770f2c7fb699",slot:"content"},i("slot",{key:"2cfd4dcb8a7a22783d097aea03d299b470bb904c",name:"content"},i("slot",{key:"01fc9311d1a9f916d5acb12b7958708ced498242"})))))}get root(){return o(this)}static get watchers(){return{for:["updateForElement"]}}};export{b as gux_tooltip_base_beta,f as gux_tooltip_beta}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,c as t,f as n,h as a,g as s}from"./p-cf74fd3d.js";import{b as o}from"./p-e5e644b3.js";import{t as c}from"./p-
|
1
|
+
import{r as e,c as t,f as n,h as a,g as s}from"./p-cf74fd3d.js";import{b as o}from"./p-e5e644b3.js";import{t as c}from"./p-51186052.js";import{g as i,s as r,a as h,b as d,c as l,d as u,e as b,f as m,h as p}from"./p-db201bbc.js";import"./p-4202e9f2.js";import"./p-a43079c8.js";import"./p-2c25e2f2.js";const g={search:"Search",searchResults:"search results",selectedColumnCount:"{count} / {total} Columns Selected",selectAllColumnsScreenReader:"{count} of {total} columns selected: check checkbox to select all {total} columns",unselectAllColumnsScreenReader:"{count} of {total} columns selected: uncheck checkbox to unselect all {total} columns",movePositionPrompt:"Press space or enter to move the {columnName} column to position {newPositionNumber} from position {oldPositionNumber}.",reorderingModeActive:"Reordering mode active. Reposition the {columnName} column using the up arrow key, the down arrow key, the home key and the end key. Press Escape to deactivate reordering mode."},f=class{constructor(n){e(this,n),this.guxorderchange=t(this,"guxorderchange",7),this.highlightResults={matchCount:0,currentMatch:0},this.keyboardOrderChange=i()}watchKeyboardOrderChange(){r(this.root,this.keyboardOrderChange)}async componentWillLoad(){c(this.root),this.i18n=await o(this.root,g)}componentDidLoad(){h(this.root,this.mainCheckboxElement)}handleInternalorderchange(e){e.stopPropagation(),this.emitOrderChange(e.detail)}emitOrderChange(e){const{oldIndex:t,newIndex:n}=e;if(t!==n){const t=d(this.root,e);this.guxorderchange.emit(t)}}handleInternalkeyboardorderstart(e){e.stopPropagation();const t=e.detail,n=l(e.target);this.keyboardOrderChange={oldIndex:n,newIndex:n},this.announceElement.guxAnnounce(this.i18n("reorderingModeActive",{columnName:t}))}handleInternalkeyboardreordermove(e){e.stopPropagation();const{delta:t,column:n}=e.detail;this.keyboardOrderChange=u(this.root,this.keyboardOrderChange,t),this.announceElement.guxAnnounce(this.i18n("movePositionPrompt",{columnName:n,newPositionNumber:this.keyboardOrderChange.newIndex+1,oldPositionNumber:this.keyboardOrderChange.oldIndex+1}))}handleInternalkeyboarddoreorder(e){e.stopPropagation(),this.emitOrderChange(this.keyboardOrderChange),e.target.guxFocus()}handleInternalkeyboardorderfinish(e){e.stopPropagation(),this.keyboardOrderChange=i()}onSearchInput(){this.highlightResults=b(this.root,this.searchElement)}onGuxCurrentMatchChanged(e){this.highlightResults=b(this.root,this.searchElement,e.detail)}onMainCheckboxChange(){m(this.root,this.mainCheckboxElement.checked),n(this.root)}onListChange(){h(this.root,this.mainCheckboxElement),n(this.root)}onSlotChange(){this.onListChange()}renderSelectedColumnCount(){const{count:e,total:t}=p(this.root);return a("div",null,a("span",{"aria-hidden":"true"},this.i18n("selectedColumnCount",{count:e,total:t})),a("span",{class:"gux-sr-only"},a("span",null,": ",this.i18n(e===t?"unselectAllColumnsScreenReader":"selectAllColumnsScreenReader",{count:e,total:t}))))}render(){return a("div",{key:"81fe37471e58f95f0809ec4a6a0b933a670d6cb2",class:"gux-container"},a("div",{key:"bae92afab70a60c9cdf5790ba271d8e197dc013d",class:"gux-sr-only","aria-live":"polite"},`${this.highlightResults.matchCount} ${this.i18n("searchResults")}`),a("div",{key:"c93b40f05f50a4b0b6ed2fae9c19132b6bf57337",class:"gux-search"},a("gux-content-search",{key:"5e7d395332b0eeaf4aa6d6923e491ed1d17f4faf","match-count":this.highlightResults.matchCount,"current-match":this.highlightResults.currentMatch,onGuxcurrentmatchchanged:e=>this.onGuxCurrentMatchChanged(e)},a("input",{key:"a121cae684113f5a3b026ecb9fd4c07554872c70",type:"search",placeholder:this.i18n("search"),onInput:()=>this.onSearchInput(),ref:e=>this.searchElement=e}))),a("div",{key:"2aed161d7becbb19f63a396fbce78719e2abbb70",class:"gux-select"},a("gux-form-field-checkbox",{key:"b63bd6c7c8bb1b8ed6bf3df631d279f15f4e6301"},a("input",{key:"9c535f3adca8d2a6827409b0249386133d2798b5",slot:"input",type:"checkbox",ref:e=>this.mainCheckboxElement=e,onChange:()=>this.onMainCheckboxChange()}),a("label",{key:"c4a236267fa01675112f39f7f1e5432d5c7d7f66",slot:"label"},this.renderSelectedColumnCount()))),a("div",{key:"804df7d8cf8547ffea63a953fe5723f8afc50ea3",class:"gux-list",onChange:()=>this.onListChange()},a("slot",{key:"1da7cab436cde218ba01950ca7f3f54579be9070",onSlotchange:()=>this.onSlotChange()})),a("gux-announce-beta",{key:"80f8be4a2874139096573df84b4200f160eca91d",ref:e=>this.announceElement=e}))}get root(){return s(this)}static get watchers(){return{keyboardOrderChange:["watchKeyboardOrderChange"]}}};f.style=".gux-container{inline-size:320px;min-inline-size:320px;padding:var(--gse-ui-dataTableItems-editColumn-editColumnContent-padding)}.gux-container .gux-search gux-content-search{inline-size:100%}.gux-container .gux-search gux-content-search input[type=search]::-webkit-search-decoration,.gux-container .gux-search gux-content-search input[type=search]::-webkit-search-cancel-button,.gux-container .gux-search gux-content-search input[type=search]::-webkit-search-results-button,.gux-container .gux-search gux-content-search input[type=search]::-webkit-search-results-decoration{display:none;-webkit-appearance:none}.gux-container .gux-select{padding:var(--gse-ui-dataTableItems-editColumn-editColumnContent-padding);margin-inline-start:24px}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}";export{f as gux_column_manager}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as t,g as a}from"./p-cf74fd3d.js";import{g as o}from"./p-e5e644b3.js";import{d as r}from"./p-13d8a42a.js";import{i as n}from"./p-
|
1
|
+
import{r as e,h as t,g as a}from"./p-cf74fd3d.js";import{g as o}from"./p-e5e644b3.js";import{d as r}from"./p-13d8a42a.js";import{i as n}from"./p-0e96f8ab.js";import"./p-4202e9f2.js";import"./p-43af726d.js";const i=class{constructor(t){e(this,t)}onDayPropChange(){this.readDateFromProp()}readDateFromProp(){this.date=n.exports.Temporal.PlainDate.from(this.day)}async connectedCallback(){this.readDateFromProp();const e=o(this.root);this.readerFormatter=r(e,{year:"numeric",month:"long",day:"numeric"})}render(){return t("button",{key:"4282bb9b77fc4238e0748cc142f4e422ab29be41",type:"button",disabled:this.disabled},t("slot",{key:"54b746f12a4a7d95468f983e6cb5bbeba0733061"},t("span",{key:"712abfbeb57c6b477f46ad8999d0931ab12017b8","aria-hidden":"true"},this.date.day),t("span",{key:"be8a82a9454f700a5b2966db75395e1d7b6ad789",class:"gux-sr-only"},function(e,t){const a=new Date;return a.setFullYear(t.year),a.setMonth(t.month-1),a.setDate(t.day),a.setHours(12),a.setMinutes(0),a.setSeconds(0),a.setMilliseconds(0),e.format(a)}(this.readerFormatter,this.date))))}static get delegatesFocus(){return!0}get root(){return a(this)}static get watchers(){return{day:["onDayPropChange"]}}};i.style=":host{display:inline-block;inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-input-height);outline:none;border:none;border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}:host(:hover){background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor)}:host(:focus-within){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-ui-calendarMenu-month-focusBorderRadius)}:host([aria-current=true]){color:var(--gse-ui-calendarMenu-date-selected-foregroundColor);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor)}:host(:disabled),:host(.gux-muted){opacity:var(--gse-ui-calendarMenu-disabled-opacity)}button{padding:0;margin:0;color:inherit;background:none;border:none;inline-size:100%;block-size:100%;font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-defaultText-fontSize);font-style:normal;font-weight:var(--gse-ui-calendarMenu-date-defaultText-fontWeight);line-height:32px;vertical-align:middle;text-align:center;cursor:pointer}button:focus{outline:none}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}";export{i as gux_day_beta}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as t,H as o,g as i}from"./p-cf74fd3d.js";import{r as s}from"./p-0934300e.js";import{t as a}from"./p-
|
1
|
+
import{r as e,h as t,H as o,g as i}from"./p-cf74fd3d.js";import{r as s}from"./p-0934300e.js";import{t as a}from"./p-51186052.js";import{b as r}from"./p-e5e644b3.js";import{O as c}from"./p-f3d844c7.js";import{b as n}from"./p-cf0e7d3b.js";import{w as u}from"./p-e97879b4.js";import"./p-4202e9f2.js";const d={contextMenuScreenreaderText:"Context menu"};const b=class{constructor(t){e(this,t),this.buttonId=s(),this.compact=!1,this.disabled=!1,this.screenreaderText="",this.placement="bottom-start",this.isOpen=!1}onClickOutside(){this.isOpen=!1}handleKeyDown(e){const t=e.composedPath().includes(this.listElement),o=e.composedPath().includes(this.button);switch(e.key){case"Escape":t&&(e.preventDefault(),this.isOpen=!1,this.button.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":o&&!this.isOpen&&(e.preventDefault(),this.isOpen=!0,this.focusFirstListItem());break;case"ArrowUp":o&&!this.isOpen&&(e.preventDefault(),this.isOpen=!0,this.focusLastListItem())}}handleKeyup(e){" "===e.key&&e.composedPath().includes(this.button)&&(e.preventDefault(),this.isOpen=!0,this.focusFirstListItem())}focusFirstListItem(){n((()=>{this.listElement.guxFocusFirstItem()}))}focusLastListItem(){n((()=>{this.listElement.guxFocusLastItem()}))}onButtonClick(){this.isOpen=!this.isOpen,this.isOpen&&this.focusFirstListItem()}onListClick(e){u("gux-list-item",e,(()=>{this.isOpen=!1,this.button.focus()}))}async componentWillLoad(){a(this.root),this.i18n=await r(this.root,d)}render(){return t(o,{key:"a89200c50e9825bba2d0cb3456ec34259a6474b0"},t("gux-popup",{key:"611c344242193343098701b23264c9b0f4e804dc",placement:this.placement,expanded:this.isOpen,offset:4,"exceed-target-width":!0},t("div",{key:"9e425c440f41a0e0cd22821f0fdcac8631355f94",slot:"target",class:"gux-button-container"},t("gux-button-slot",{key:"2f9516a5fee4b2ea801c0b2c39e4952a4ee6f398",accent:"ghost"},t("button",{key:"c2d60c950d71c16e67850aef0b211497abea14e3",type:"button",onClick:()=>this.onButtonClick(),id:this.buttonId,class:{"gux-compact":this.compact},ref:e=>this.button=e,"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),disabled:this.disabled},t("gux-screen-reader-beta",{key:"60dc66a0a75ff63743c87febf411afce88077d28"},this.screenreaderText||this.i18n("contextMenuScreenreaderText")),t("gux-icon",{key:"6bc109369d68cee2a579f1ee8ae9ce6e60193598","icon-name":"fa/ellipsis-vertical-regular",size:"small",decorative:!0})))),t("div",{key:"2b7951d13305ea675eb4f9aa6b602f26cc797a61",slot:"popup",class:"gux-list-container"},t("gux-list",{key:"32e98fca29255ee1defd7972c04836047b222783",onClick:e=>this.onListClick(e),ref:e=>this.listElement=e},t("slot",{key:"2537a1a217957a3f277dd789b8e4b2d444fc78b4"})))))}static get delegatesFocus(){return!0}get root(){return i(this)}};(function(e,t,o,i){var s,a=arguments.length,r=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var c=e.length-1;c>=0;c--)(s=e[c])&&(r=(a<3?s(r):a>3?s(t,o,r):s(t,o))||r);a>3&&r&&Object.defineProperty(t,o,r)})([c({triggerEvents:"click"})],b.prototype,"onClickOutside",null),b.style=":host{display:block;max-inline-size:fit-content;white-space:normal}gux-icon{color:var(--gse-ui-button-ghost-default-foregroundColor)}button{block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-paddingIconOnly);border-radius:var(--gse-ui-button-borderRadius)}button.gux-compact{min-inline-size:var(--gse-ui-contextMenu-button-compact);block-size:var(--gse-ui-button-compact-height);padding:var(--gse-ui-button-compact-paddingIconOnly)}button:hover:enabled{background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}button:hover:enabled gux-icon{color:var(--gse-ui-button-ghost-hover-foregroundColor)}button:active:enabled{background-color:var(--gse-ui-button-ghost-active-backgroundColor)}button:active:enabled gux-icon{color:var(--gse-ui-button-ghost-active-foregroundColor)}button[disabled]{opacity:var(--gse-ui-button-disabled-opacity)}.gux-list-container{inline-size:var(--gse-ui-contextMenu-menu-width);max-block-size:var(--gse-ui-contextMenu-menu-maxHeight);margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";export{b as gux_context_menu}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as n,g as a}from"./p-cf74fd3d.js";import{t as i}from"./p-
|
1
|
+
import{r as e,h as n,g as a}from"./p-cf74fd3d.js";import{t as i}from"./p-51186052.js";const g=class{constructor(n){e(this,n)}componentWillLoad(){i(this.root)}render(){return n("div",{key:"70a1f38dabb0b81325300cf8d9b3ac6992b0eda7",class:"gux-container",role:"alert","aria-live":"assertive"},n("div",{key:"d404fed4ae8e9cfc825c0f71c78177a43bd3af9e",class:"gux-progress"},n("slot",{key:"cdc6631eda3b12ae30d68de764d5ed6144d61a62",name:"progress"})),n("div",{key:"a0afed75afb859cbc001b51024323b17be002e18",class:"gux-primary-message"},n("slot",{key:"cb0d650c97439f3f17ab25915699a7d3913814e4",name:"primary-message"})),n("div",{key:"cce443b19801997783ead52f3a8eb56ea9423c7c",class:"gux-additional-guidance"},n("slot",{key:"6d7a23a11048e128a8cc7382c2b1d7b36b469819",name:"additional-guidance"})))}get root(){return a(this)}};g.style=":host {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n container-type: inline-size;\n}\n\n.gux-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n max-inline-size: var(--gse-ui-progressAndLoading-loadingState-large-width);\n color: var(--gse-ui-progressAndLoading-textColor);\n text-align: center;\n}\n\n@container (width > 400px) {\n .gux-container .gux-primary-message {\n margin-block-start: var(--gse-ui-progressAndLoading-large-gap);\n font-family: var(--gse-ui-progressAndLoading-loadingState-large-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-large-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-large-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-large-header-lineHeight);\n }\n .gux-container .gux-additional-guidance {\n margin-block-start: var(--gse-ui-progressAndLoading-large-gapText);\n font-family: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-large-subheader-lineHeight);\n }\n}\n@container (width > 200px) and (width <=400px) {\n .gux-container .gux-primary-message {\n margin-block-start: var(--gse-ui-progressAndLoading-medium-gap);\n font-family: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-medium-header-lineHeight);\n }\n .gux-container .gux-additional-guidance {\n margin-block-start: var(--gse-ui-progressAndLoading-medium-gapText);\n font-family: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-lineHeight);\n }\n}\n@container (width <=200px) {\n .gux-container .gux-primary-message {\n margin-block-start: var(--gse-ui-progressAndLoading-small-gap);\n font-family: var(--gse-ui-progressAndLoading-loadingState-small-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-small-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-small-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-small-header-lineHeight);\n }\n .gux-container .gux-additional-guidance {\n margin-block-start: var(--gse-ui-progressAndLoading-small-gapText);\n font-family: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-small-subheader-lineHeight);\n }\n}";export{g as gux_loading_message}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,c as t,h as s,g as i}from"./p-cf74fd3d.js";import{o}from"./p-0f60c7b5.js";import{O as a}from"./p-f3d844c7.js";import{a as c}from"./p-cf0e7d3b.js";import{t as n}from"./p-
|
1
|
+
import{r as e,c as t,h as s,g as i}from"./p-cf74fd3d.js";import{o}from"./p-0f60c7b5.js";import{O as a}from"./p-f3d844c7.js";import{a as c}from"./p-cf0e7d3b.js";import{t as n}from"./p-51186052.js";import{b as r}from"./p-e5e644b3.js";import"./p-4202e9f2.js";const d={searchAria:"Search"};const p=class{constructor(s){e(this,s),this.input=t(this,"input",7),this.filter=t(this,"filter",7),this.disabled=!1,this.noFilter=!1,this.filterDebounceTimeout=500,this.dropdownHeight="320px"}watchValue(e){this.opened&&e&&this.closeDropdown(!1)}get value(){var e;return null===(e=this.currentlySelectedOption)||void 0===e?void 0:e.text}getSelectedValues(){return Promise.resolve([this.value])}async setLabeledBy(e){this.srLabelledby=e}onClickOutside(){this.closeDropdown(!1)}async componentWillLoad(){n(this.root),this.i18n=await r(this.root,d),this.handleSelectionChange=this.handleSelectionChange.bind(this),this.updateSelectionState(),this.addOptionListener(),this.slotObserver=o(this.root,(()=>this.updateSelectionState()))}disconnectedCallback(){this.slotObserver&&this.slotObserver.disconnect()}render(){return s("gux-popup",{key:"4947b997e0c4cf2fa0697bb6b5e76bcad59fe506",expanded:this.opened,disabled:this.disabled},s("div",{key:"a506bbe771787907741b05e2ffc45d64f5f61d58",slot:"target",class:"gux-select-field",onMouseDown:()=>this.inputMouseDown()},s("a",{key:"75b662805ce1aabb518616093391977c1bb04cb8",ref:e=>this.inputBox=e,class:"gux-select-input","aria-labelledby":this.srLabelledby,tabindex:"0",onKeyDown:e=>this.inputKeyDown(e)},this.placeholder&&!this.value&&s("span",{key:"a355b8d95cebc494db5f98a460b2cf22ccd67339",class:"gux-select-placeholder",title:this.placeholder},this.placeholder),this.value&&s("span",{key:"a0984e104432d64562835f890eeba99d3abb0de0",class:"gux-select-value",title:this.value},this.value)),s("div",{key:"02e3459995c75e94512eb4dc2f2ad430a42f4176",class:"gux-icon-wrapper"},s("gux-icon",{key:"bd38fbe5026b2b74a8792723a2e1b1860ebf3d4d",decorative:!0,"icon-name":"custom/chevron-down-small-regular"}))),s("div",{key:"25444cf37c66399a1e78e4e97a030486cedf0a09",slot:"popup",class:"gux-advanced-dropdown-menu"},s("div",{key:"74417ddcaf9a88996d3525701474235041f8727b",class:"gux-dropdown-menu-container"},s("gux-form-field-search",{key:"f4d02316cb59dc8431d30c56cfee8141d6e16bea","label-position":"screenreader"},s("label",{key:"901ffe3d5f11a5c464337d12db7d5ef653c41956",slot:"label"},this.i18n("searchAria")),s("input",{key:"fce20548f41e15d50da1a7e7309a5573920cb493",slot:"input",type:"search",onInput:e=>{this.handleSearchInput(e)},ref:e=>this.searchInput=e})),s("div",{key:"05ac66751074363457e06f934dbcb19056fbec98",class:"gux-dropdown-options",style:{maxHeight:this.dropdownHeight},onKeyDown:e=>this.optionsKeyDown(e)},s("slot",{key:"7cd11640cd374f0f9ee2c548ea479a7495c94e68"})))))}updateSelectionState(){this.selectionOptions=this.getSelectionOptions(),this.currentlySelectedOption=this.selectionOptions.find((e=>e.selected))}addOptionListener(){this.root.addEventListener("selectedChanged",(e=>this.handleSelectionChange(e)))}handleSelectionChange({target:e}){const t=e;this.closeDropdown(!0),this.currentlySelectedOption!==t&&(this.currentlySelectedOption&&(this.currentlySelectedOption.selected=!1),this.currentlySelectedOption=t,this.input.emit(t.value))}getSelectionOptions(){const e=this.root.querySelectorAll("gux-dropdown-option");return Array.from(e)}inputMouseDown(){this.disabled||(this.opened?this.closeDropdown(!0):this.openDropdown(!1))}getFocusIndex(){return this.selectionOptions.findIndex((e=>e.matches(":focus")))}optionsKeyDown(e){switch(e.key){case"ArrowUp":{e.preventDefault();const t=this.getFocusIndex();t>0&&this.selectionOptions[t-1].focus();break}case"ArrowDown":{e.preventDefault();const t=this.getFocusIndex();t<this.selectionOptions.length-1&&this.selectionOptions[t+1].focus();break}case"Home":if(!this.selectionOptions.length)return;this.selectionOptions[0].focus();break;case"End":if(!this.selectionOptions.length)return;this.selectionOptions[this.selectionOptions.length-1].focus()}}inputKeyDown(e){switch(e.key){case"ArrowUp":case"ArrowDown":case" ":this.openDropdown(!0)}}handleSearchInput(e){e.stopPropagation(),clearTimeout(this.filterDebounceTimer),this.filterDebounceTimer=setTimeout((()=>this.searchRequested()),this.filterDebounceTimeout)}searchRequested(){this.filter.emit(this.searchInput.value),this.setFilteredOptions()}setFilteredOptions(){const e=this.searchInput.value;if(!this.noFilter)for(const t of this.selectionOptions)t.shouldFilter(e).then((e=>{t.filtered=e}))}changeFocusToSearch(){c((()=>{this.searchInput.focus()}))}openDropdown(e){this.opened=!0,e&&this.changeFocusToSearch()}closeDropdown(e){this.opened=!1,this.searchInput.value="",this.setFilteredOptions(),e&&this.inputBox.focus()}get root(){return i(this)}static get watchers(){return{disabled:["watchValue"]}}};(function(e,t,s,i){var o,a=arguments.length,c=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,s,i);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(c=(a<3?o(c):a>3?o(t,s,c):o(t,s))||c);a>3&&c&&Object.defineProperty(t,s,c)})([a({triggerEvents:"mousedown"})],p.prototype,"onClickOutside",null),p.style=":host{color:#2e394c}gux-popup{display:block;margin:4px 0}gux-popup .gux-select-field{position:relative;width:100%;height:32px}gux-popup .gux-select-field a.gux-select-input{position:absolute;inset:0;padding:6px 24px 6px 12px;overflow:hidden;text-overflow:ellipsis;color:#2e394c;white-space:nowrap;text-decoration:none;cursor:pointer;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-popup .gux-select-field a.gux-select-input .gux-select-placeholder,gux-popup .gux-select-field a.gux-select-input .gux-select-value{line-height:20px}gux-popup .gux-select-field a.gux-select-input .gux-select-placeholder{color:#596373}gux-popup .gux-select-field a.gux-select-input:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}gux-popup .gux-select-field .gux-icon-wrapper{position:absolute;top:1px;right:8px;bottom:0;display:flex;align-items:center;overflow:hidden;cursor:pointer}gux-popup .gux-select-field .gux-icon-wrapper gux-icon{width:16px;height:16px;color:#596373}gux-popup .gux-select-field:hover .gux-icon-wrapper gux-icon{color:#2e394c}gux-popup .gux-advanced-dropdown-menu{background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24)}gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search{margin:8px 16px}gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-cancel-button,gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-results-button,gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}gux-popup .gux-dropdown-options{padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border-radius:4px;box-shadow:none}";export{p as gux_advanced_dropdown_legacy}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as o,c as a,h as t,g as e}from"./p-cf74fd3d.js";import{b as g}from"./p-e5e644b3.js";import{t as r}from"./p-
|
1
|
+
import{r as o,c as a,h as t,g as e}from"./p-cf74fd3d.js";import{b as g}from"./p-e5e644b3.js";import{t as r}from"./p-51186052.js";import"./p-4202e9f2.js";const u={tag:"tag with label: {label}","tag-disabled":"disabled tag with label: {label}","remove-tag":"Remove tag with label: {label}"},c=class{constructor(t){o(this,t),this.guxdelete=a(this,"guxdelete",7),this.accent="default",this.disabled=!1,this.removable=!1,this.size="small",this.emphasis="bold"}onKeyDown(o){switch(o.key){case"Backspace":case"Delete":this.removeTag()}}removeTag(){!this.disabled&&this.removable&&this.guxdelete.emit()}onSlotChange(o){const a=o.composedPath()[0].assignedNodes();this.label=a.map((o=>o.textContent.trim())).join("")}renderTagTitle(){return t("gux-tooltip-title",null,t("span",null,t("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return t("div",{class:"gux-sr-only"},this.i18n(this.disabled?"tag-disabled":"tag",{label:this.label}))}renderRemoveButton(){if(this.removable)return t("button",{class:"gux-tag-remove-button",onClick:this.removeTag.bind(this),type:"button",disabled:this.disabled},t("gux-icon",{class:"gux-tag-remove-icon","icon-name":"fa/xmark-large-regular","screenreader-text":this.i18n("remove-tag",{label:this.label})}))}componentWillLoad(){r(this.root,{variant:this.removable?"removable":"permenant"})}async componentWillRender(){this.i18n=await g(this.root,u)}render(){return t("div",{key:"2480d939eb358c218691d27fc266b77fffe99aa0",class:{"gux-tag":!0,[`gux-accent-${this.accent}`]:!0,"gux-disabled":this.disabled,[`gux-size-${this.size}`]:!0,[`gux-emphasis-${this.emphasis}`]:!0},"aria-disabled":this.disabled.toString()},this.renderTagTitle(),this.renderSrText(),this.renderRemoveButton())}get root(){return e(this)}};c.style=":host{display:inline-block;border-radius:var(--gse-ui-tag-borderRadius)}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-tag-removable-gap);place-content:stretch flex-start;align-items:center;block-size:var(--gse-ui-tag-small-height);padding:var(--gse-ui-tag-padding);font-family:var(--gse-ui-tag-textSmall-fontFamily);font-size:var(--gse-ui-tag-textSmall-fontSize);font-weight:var(--gse-ui-tag-textSmall-fontWeight);line-height:var(--gse-ui-tag-textSmall-lineHeight);color:var(--gse-ui-tag-default-bold-foregroundColor);background-color:var(--gse-ui-tag-default-bold-backgroundColor);border-radius:var(--gse-ui-tag-borderRadius)}.gux-tag.gux-size-large{block-size:var(--gse-ui-tag-large-height);font-family:var(--gse-ui-tag-textLarge-fontFamily);font-size:var(--gse-ui-tag-textLarge-fontSize);font-weight:var(--gse-ui-tag-textLarge-fontWeight);line-height:var(--gse-ui-tag-textLarge-lineHeight)}.gux-tag.gux-size-large .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline-offset:10px}.gux-tag.gux-disabled{position:relative;user-select:none;opacity:var(--gse-ui-tag-disabled-opacity)}.gux-tag gux-tooltip-title{white-space:nowrap;cursor:default}.gux-tag gux-tooltip-title ::slotted(gux-icon){font-size:var(--gse-ui-tag-button-size)}.gux-tag .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.gux-tag .gux-tag-remove-button{all:unset;display:flex;place-content:center center;align-items:center}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{inline-size:var(--gse-ui-tag-button-size);block-size:var(--gse-ui-tag-button-size);margin-inline-end:-4px}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-ui-color-focus);outline-offset:5px;border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}.gux-tag.gux-accent-default{color:var(--gse-ui-tag-default-bold-foregroundColor);background-color:var(--gse-ui-tag-default-bold-backgroundColor)}.gux-tag.gux-accent-default.gux-emphasis-subtle{color:var(--gse-ui-tag-default-subtle-foregroundColor);background-color:var(--gse-ui-tag-default-subtle-backgroundColor)}.gux-tag.gux-accent-1{color:var(--gse-ui-tag-accent1-bold-foregroundColor);background-color:var(--gse-ui-tag-accent1-bold-backgroundColor)}.gux-tag.gux-accent-1.gux-emphasis-subtle{color:var(--gse-ui-tag-accent1-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent1-subtle-backgroundColor)}.gux-tag.gux-accent-2{color:var(--gse-ui-tag-accent2-bold-foregroundColor);background-color:var(--gse-ui-tag-accent2-bold-backgroundColor)}.gux-tag.gux-accent-2.gux-emphasis-subtle{color:var(--gse-ui-tag-accent2-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent2-subtle-backgroundColor)}.gux-tag.gux-accent-3{color:var(--gse-ui-tag-accent3-bold-foregroundColor);background-color:var(--gse-ui-tag-accent3-bold-backgroundColor)}.gux-tag.gux-accent-3.gux-emphasis-subtle{color:var(--gse-ui-tag-accent3-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent3-subtle-backgroundColor)}.gux-tag.gux-accent-4{color:var(--gse-ui-tag-accent4-bold-foregroundColor);background-color:var(--gse-ui-tag-accent4-bold-backgroundColor)}.gux-tag.gux-accent-4.gux-emphasis-subtle{color:var(--gse-ui-tag-accent4-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent4-subtle-backgroundColor)}.gux-tag.gux-accent-5{color:var(--gse-ui-tag-accent5-bold-foregroundColor);background-color:var(--gse-ui-tag-accent5-bold-backgroundColor)}.gux-tag.gux-accent-5.gux-emphasis-subtle{color:var(--gse-ui-tag-accent5-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent5-subtle-backgroundColor)}.gux-tag.gux-accent-6{color:var(--gse-ui-tag-accent6-bold-foregroundColor);background-color:var(--gse-ui-tag-accent6-bold-backgroundColor)}.gux-tag.gux-accent-6.gux-emphasis-subtle{color:var(--gse-ui-tag-accent6-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent6-subtle-backgroundColor)}.gux-tag.gux-accent-7{color:var(--gse-ui-tag-accent7-bold-foregroundColor);background-color:var(--gse-ui-tag-accent7-bold-backgroundColor)}.gux-tag.gux-accent-7.gux-emphasis-subtle{color:var(--gse-ui-tag-accent7-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent7-subtle-backgroundColor)}.gux-tag.gux-accent-8{color:var(--gse-ui-tag-accent8-bold-foregroundColor);background-color:var(--gse-ui-tag-accent8-bold-backgroundColor)}.gux-tag.gux-accent-8.gux-emphasis-subtle{color:var(--gse-ui-tag-accent8-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent8-subtle-backgroundColor)}.gux-tag.gux-accent-9{color:var(--gse-ui-tag-accent9-bold-foregroundColor);background-color:var(--gse-ui-tag-accent9-bold-backgroundColor)}.gux-tag.gux-accent-9.gux-emphasis-subtle{color:var(--gse-ui-tag-accent9-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent9-subtle-backgroundColor)}.gux-tag.gux-accent-10{color:var(--gse-ui-tag-accent10-bold-foregroundColor);background-color:var(--gse-ui-tag-accent10-bold-backgroundColor)}.gux-tag.gux-accent-10.gux-emphasis-subtle{color:var(--gse-ui-tag-accent10-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent10-subtle-backgroundColor)}.gux-tag.gux-accent-inherit{color:inherit;background-color:inherit}";export{c as gux_tag}
|
@@ -1 +1 @@
|
|
1
|
-
const t="4.
|
1
|
+
const t="4.149.0",e=20,n=3e4,o=[function(t){const[e,n,...o]=t.split(".");return{name:"spark-library",metadata:{fullVersion:`${e}.${n}.${o.join(".")}`,majorVersion:e,minorVersion:`${e}.${n}`}}}(t)];function i(){const t=window.newrelic;if(t){for(let r=0;r<e;r++){if(0==o.length)return void setTimeout(i,n);const e=o.shift();t.addPageAction(e.name,Object.assign(Object.assign({},e.metadata),{queueDepth:o.length}))}setTimeout(i,n)}}let r=!1;function c(e,n){window.newrelic&&(r||(r=!0,i()),document.contains(e)&&o.push({name:"spark-component",metadata:Object.assign(Object.assign({},n),{component:e.tagName.toLowerCase(),version:t})}))}export{c as t}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,f as e,h as s,g as i}from"./p-cf74fd3d.js";import{t as r}from"./p-
|
1
|
+
import{r as t,f as e,h as s,g as i}from"./p-cf74fd3d.js";import{t as r}from"./p-51186052.js";import{h as o}from"./p-b2e29026.js";import{O as a}from"./p-f3d844c7.js";import{b as n}from"./p-cf0e7d3b.js";import{b as l}from"./p-e5e644b3.js";import{t as u}from"./p-f01d2320.js";import"./p-43af726d.js";import"./p-4202e9f2.js";const h=class{constructor(e){t(this,e),this.expanded=!1,this.disabled=!1}onClickOutside(){this.expanded=!1}watchValue(t){this.validateValue(t,this.listElement)}watchDisabled(t){t&&(this.expanded=!1)}onInternallistitemsupdated(t){t.stopPropagation(),e(this.root)}handleKeydown(t){const e=t.composedPath().includes(this.actionButton),s=t.composedPath().includes(this.listElement);switch(t.key){case"Escape":s&&(t.preventDefault(),this.expanded=!1,this.actionButton.focus());break;case"ArrowDown":case"Enter":e&&!this.expanded&&(t.preventDefault(),this.expanded=!0,this.focusFirstListItem());break;case"Tab":this.expanded=!1;break;case"ArrowUp":e&&!this.expanded&&(t.preventDefault(),this.expanded=!0,this.focusLastListItem())}}handleKeyup(t){" "===t.key&&t.composedPath().includes(this.actionButton)&&(t.preventDefault(),this.expanded=!0,this.focusFirstListItem())}focusFirstListItem(){n((()=>{this.listElement.guxFocusFirstItem()}))}focusLastListItem(){n((()=>{this.listElement.guxFocusLastItem()}))}async componentWillLoad(){r(this.root),this.i18n=await l(this.root,u)}componentWillRender(){(null==this?void 0:this.listElement)&&this.validateValue(this.value,this.listElement)}validateValue(t,e){void 0!==t?this.getListItemElementByValue(t)&&(e.value=t):e.value=t}get listItemElements(){const t=this.listElement.querySelector("slot");if(t)return Array.from(t.assignedElements())}getListItemElementByValue(t){return this.listItemElements.find((e=>e.value===t))}renderTargetDisplay(){if(null==this?void 0:this.listElement){const t=this.getListItemElementByValue(this.value);if(t)return s("span",null,this.renderListItem(t))}}renderMenu(){return s("div",{class:"gux-target-display"},this.renderTargetDisplay(),s("gux-icon",{"icon-name":this.expanded?"custom/chevron-up-small-regular":"custom/chevron-down-small-regular","screenreader-text":this.i18n("richStyleDropdown")}))}renderListItem(t){return s("gux-truncate",{"max-lines":1},t.textContent)}renderTooltip(){if(!this.disabled&&!this.expanded)return s("gux-tooltip-beta",null,s("div",{slot:"content"},this.i18n("richStyle")))}onActionButtonClick(){this.expanded=!this.expanded,this.expanded&&this.focusFirstListItem()}updateValue(t){this.value!==t&&(this.value=t)}onListClick(t){const e=t.target.closest("gux-rich-style-list-item");e&&(this.expanded=!1,this.updateValue(e.value),this.actionButton.focus())}renderPopup(){return s("div",{class:"gux-list-container",slot:"popup"},s("gux-rich-text-editor-list",{ref:t=>this.listElement=t,onClick:t=>this.onListClick(t)},s("slot",null)))}renderTarget(){return s("gux-button-slot",{accent:"ghost",slot:"target","icon-only":!0},s("button",{type:"button",ref:t=>this.actionButton=t,class:{"gux-is-pressed":this.expanded},onClick:()=>this.onActionButtonClick(),disabled:this.disabled||o(this.root),"aria-haspopup":"true","aria-expanded":this.expanded.toString()},this.renderMenu()),this.renderTooltip())}render(){return s("gux-popup",{key:"a3acff488d05a0c81e3e877015c8ccf90f901479",expanded:this.expanded,exceedTargetWidth:!0,placement:"bottom-start"},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return i(this)}static get watchers(){return{value:["watchValue"],disabled:["watchDisabled"]}}};(function(t,e,s,i){var r,o=arguments.length,a=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,s,i);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(a=(o<3?r(a):o>3?r(e,s,a):r(e,s))||a);o>3&&a&&Object.defineProperty(e,s,a)})([a({triggerEvents:"mousedown"})],h.prototype,"onClickOutside",null),h.style=":host{display:block}gux-button-slot button .gux-target-display{display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:center}gux-button-slot button.gux-is-pressed{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}.gux-list-container{inline-size:214px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";export{h as gux_rich_text_editor_action_rich_style}
|