genesys-spark-components 4.188.2 → 4.188.4
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-actionable-inline-alert-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-advanced-dropdown-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-announce-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-change-photo-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-group-add-item-beta_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-group-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-avatar-group-item-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-badge.cjs.entry.js +1 -1
- package/dist/cjs/gux-blank-state-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-blank-state.cjs.entry.js +1 -1
- package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-slot.cjs.entry.js +1 -1
- package/dist/cjs/gux-button_2.cjs.entry.js +1 -1
- package/dist/cjs/gux-calendar.cjs.entry.js +1 -1
- package/dist/cjs/gux-card.cjs.entry.js +1 -1
- package/dist/cjs/gux-cloud-logo-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-cloud-logomark-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-column-manager.cjs.entry.js +1 -1
- package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-context-menu.cjs.entry.js +1 -1
- package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js +1 -1
- package/dist/cjs/gux-date-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-date-time-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-file-list-item.cjs.entry.js +1 -1
- package/dist/cjs/gux-flag-icon-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-flyout-menu.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-checkbox-group-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-file-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-file.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-label-indicator.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-number_2.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-phone.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-radio-group-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-range.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-time-zone-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-footer.cjs.entry.js +1 -1
- package/dist/cjs/gux-icon-tooltip-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-icon.cjs.entry.js +1 -1
- package/dist/cjs/gux-illustration-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-inline-alert.cjs.entry.js +1 -1
- package/dist/cjs/gux-inline-dropdown-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-label-info-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-link-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-listbox-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-loading-message.cjs.entry.js +1 -1
- package/dist/cjs/gux-logo-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-logomark-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal-side-panel-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal.cjs.entry.js +1 -1
- package/dist/cjs/gux-month-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
- package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-list-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-prompt-input-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
- package/dist/cjs/gux-rating.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-highlight-list-item.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-style-list-item_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-text-editor-action-link.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-text-editor-action-rich-style.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-text-editor-action-text-highlight.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-text-editor-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-text-editor-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-rich-text-editor-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-screen-reader-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-segmented-control-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-selector-card-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-selector-cards-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-side-panel-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-side-panel-header.cjs.entry.js +1 -1
- package/dist/cjs/gux-side-panel-heading.cjs.entry.js +1 -1
- package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-skip-navigation-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
- package/dist/cjs/gux-status-indicator-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-step-title.cjs.entry.js +1 -1
- package/dist/cjs/gux-step.cjs.entry.js +1 -1
- package/dist/cjs/gux-stepper-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-switch-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar.cjs.entry.js +1 -1
- package/dist/cjs/gux-table.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
- package/dist/cjs/gux-tag.cjs.entry.js +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 +2 -2
- package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js +2 -2
- 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/gux-tree-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-tree-multi-beta.cjs.entry.js +1 -1
- package/dist/cjs/{time-zone-D68Aoee2.js → time-zone-CaD5iGrP.js} +13 -11
- package/dist/cjs/{usage-BJgNelfU.js → usage-BwFfSoC_.js} +1 -1
- package/dist/esm/gux-accordion.entry.js +1 -1
- package/dist/esm/gux-action-button.entry.js +1 -1
- package/dist/esm/gux-action-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-actionable-inline-alert-beta.entry.js +1 -1
- package/dist/esm/gux-advanced-dropdown-legacy.entry.js +1 -1
- package/dist/esm/gux-announce-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-change-photo-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-group-add-item-beta_3.entry.js +1 -1
- package/dist/esm/gux-avatar-group-beta.entry.js +1 -1
- package/dist/esm/gux-avatar-group-item-beta.entry.js +1 -1
- package/dist/esm/gux-badge.entry.js +1 -1
- package/dist/esm/gux-blank-state-beta.entry.js +1 -1
- package/dist/esm/gux-blank-state.entry.js +1 -1
- package/dist/esm/gux-breadcrumbs.entry.js +1 -1
- package/dist/esm/gux-button-multi.entry.js +1 -1
- package/dist/esm/gux-button-slot.entry.js +1 -1
- package/dist/esm/gux-button_2.entry.js +1 -1
- package/dist/esm/gux-calendar.entry.js +1 -1
- package/dist/esm/gux-card.entry.js +1 -1
- package/dist/esm/gux-cloud-logo-beta.entry.js +1 -1
- package/dist/esm/gux-cloud-logomark-beta.entry.js +1 -1
- package/dist/esm/gux-column-manager.entry.js +1 -1
- package/dist/esm/gux-content-search.entry.js +1 -1
- package/dist/esm/gux-context-menu.entry.js +1 -1
- package/dist/esm/gux-copy-to-clipboard.entry.js +1 -1
- package/dist/esm/gux-date-beta.entry.js +1 -1
- package/dist/esm/gux-date-time-beta.entry.js +1 -1
- package/dist/esm/gux-datepicker.entry.js +1 -1
- package/dist/esm/gux-disclosure-button-legacy.entry.js +1 -1
- package/dist/esm/gux-dismiss-button.entry.js +1 -1
- package/dist/esm/gux-dropdown-multi.entry.js +1 -1
- package/dist/esm/gux-dropdown_3.entry.js +1 -1
- package/dist/esm/gux-file-list-item.entry.js +1 -1
- package/dist/esm/gux-flag-icon-beta.entry.js +1 -1
- package/dist/esm/gux-flyout-menu.entry.js +1 -1
- package/dist/esm/gux-form-field-checkbox-group-beta.entry.js +1 -1
- package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
- package/dist/esm/gux-form-field-color.entry.js +1 -1
- package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
- package/dist/esm/gux-form-field-file-beta.entry.js +1 -1
- package/dist/esm/gux-form-field-file.entry.js +1 -1
- package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
- package/dist/esm/gux-form-field-label-indicator.entry.js +1 -1
- package/dist/esm/gux-form-field-number_2.entry.js +1 -1
- package/dist/esm/gux-form-field-phone.entry.js +1 -1
- package/dist/esm/gux-form-field-radio-group-beta.entry.js +1 -1
- package/dist/esm/gux-form-field-radio.entry.js +1 -1
- package/dist/esm/gux-form-field-range.entry.js +1 -1
- package/dist/esm/gux-form-field-search.entry.js +1 -1
- package/dist/esm/gux-form-field-select.entry.js +1 -1
- package/dist/esm/gux-form-field-text-like.entry.js +1 -1
- package/dist/esm/gux-form-field-textarea.entry.js +1 -1
- package/dist/esm/gux-form-field-time-picker.entry.js +1 -1
- package/dist/esm/gux-form-field-time-zone-picker.entry.js +1 -1
- package/dist/esm/gux-form-footer.entry.js +1 -1
- package/dist/esm/gux-icon-tooltip-beta.entry.js +1 -1
- package/dist/esm/gux-icon.entry.js +1 -1
- package/dist/esm/gux-illustration-beta.entry.js +1 -1
- package/dist/esm/gux-inline-alert.entry.js +1 -1
- package/dist/esm/gux-inline-dropdown-beta.entry.js +1 -1
- package/dist/esm/gux-label-info-beta.entry.js +1 -1
- package/dist/esm/gux-link-beta.entry.js +1 -1
- package/dist/esm/gux-list.entry.js +1 -1
- package/dist/esm/gux-listbox-multi.entry.js +1 -1
- package/dist/esm/gux-loading-message.entry.js +1 -1
- package/dist/esm/gux-logo-beta.entry.js +1 -1
- package/dist/esm/gux-logomark-beta.entry.js +1 -1
- package/dist/esm/gux-modal-legacy.entry.js +1 -1
- package/dist/esm/gux-modal-side-panel-beta.entry.js +1 -1
- package/dist/esm/gux-modal.entry.js +1 -1
- package/dist/esm/gux-month-picker-beta.entry.js +1 -1
- package/dist/esm/gux-notification-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
- package/dist/esm/gux-pagination-cursor.entry.js +1 -1
- package/dist/esm/gux-pagination-legacy.entry.js +1 -1
- package/dist/esm/gux-pagination.entry.js +1 -1
- package/dist/esm/gux-phone-input-beta.entry.js +1 -1
- package/dist/esm/gux-popover-beta.entry.js +1 -1
- package/dist/esm/gux-popover-list-beta.entry.js +1 -1
- package/dist/esm/gux-popover-list.entry.js +1 -1
- package/dist/esm/gux-prompt-input-beta.entry.js +1 -1
- package/dist/esm/gux-radial-loading.entry.js +1 -1
- package/dist/esm/gux-radial-progress.entry.js +1 -1
- package/dist/esm/gux-rating.entry.js +1 -1
- package/dist/esm/gux-rich-highlight-list-item.entry.js +1 -1
- package/dist/esm/gux-rich-style-list-item_3.entry.js +1 -1
- package/dist/esm/gux-rich-text-editor-action-link.entry.js +1 -1
- package/dist/esm/gux-rich-text-editor-action-rich-style.entry.js +1 -1
- package/dist/esm/gux-rich-text-editor-action-text-highlight.entry.js +1 -1
- package/dist/esm/gux-rich-text-editor-action.entry.js +1 -1
- package/dist/esm/gux-rich-text-editor-beta.entry.js +1 -1
- package/dist/esm/gux-rich-text-editor-list.entry.js +1 -1
- package/dist/esm/gux-screen-reader-beta.entry.js +1 -1
- package/dist/esm/gux-segmented-control-beta.entry.js +1 -1
- package/dist/esm/gux-selector-card-beta.entry.js +1 -1
- package/dist/esm/gux-selector-cards-beta.entry.js +1 -1
- package/dist/esm/gux-side-panel-beta.entry.js +1 -1
- package/dist/esm/gux-side-panel-header.entry.js +1 -1
- package/dist/esm/gux-side-panel-heading.entry.js +1 -1
- package/dist/esm/gux-simple-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-skip-navigation-list.entry.js +1 -1
- package/dist/esm/gux-sort-control.entry.js +1 -1
- package/dist/esm/gux-status-indicator-beta.entry.js +1 -1
- package/dist/esm/gux-step-title.entry.js +1 -1
- package/dist/esm/gux-step.entry.js +1 -1
- package/dist/esm/gux-stepper-beta.entry.js +1 -1
- package/dist/esm/gux-switch-legacy.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-action.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-custom-action.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-menu-button.entry.js +1 -1
- package/dist/esm/gux-table-toolbar.entry.js +1 -1
- package/dist/esm/gux-table.entry.js +1 -1
- package/dist/esm/gux-tabs-advanced.entry.js +1 -1
- package/dist/esm/gux-tabs.entry.js +1 -1
- package/dist/esm/gux-tag.entry.js +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 +2 -2
- package/dist/esm/gux-time-zone-picker-beta.entry.js +2 -2
- 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/gux-tree-beta.entry.js +1 -1
- package/dist/esm/gux-tree-multi-beta.entry.js +1 -1
- package/dist/esm/{time-zone-CdIcJKB7.js → time-zone-BhYYSWuN.js} +13 -11
- package/dist/esm/{usage-CyMJvvXZ.js → usage-fYICKdK-.js} +1 -1
- package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
- package/dist/genesys-webcomponents/{p-f688ce8d.entry.js → p-02578d05.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7c749d36.entry.js → p-04839ed3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8056877a.entry.js → p-09d491c7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-02b7d6fa.entry.js → p-0a244d5c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3c57b576.entry.js → p-0f22a37e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-32f0dca5.entry.js → p-113c6775.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ac9bf07f.entry.js → p-1201058a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-440d9e4c.entry.js → p-12bfbfee.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0693ec26.entry.js → p-146f2843.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8bb6c091.entry.js → p-15b6d4c6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4361b612.entry.js → p-15dbbd86.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8eb3936e.entry.js → p-1630a250.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4942fff1.entry.js → p-180e8d54.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3404ac41.entry.js → p-19cf749b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bf65206c.entry.js → p-1fb4e0e4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-495883fc.entry.js → p-1fe9b55f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f74a20b7.entry.js → p-209b799f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-99db1012.entry.js → p-215251b3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f239128e.entry.js → p-2305abee.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-15f8246f.entry.js → p-251d91f6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b6e4090a.entry.js → p-271e9874.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-29ff7cda.entry.js → p-28a5fa4a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-54d38c9f.entry.js → p-28bd3713.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0d1ff8d5.entry.js → p-2906e5e2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0e89d5c0.entry.js → p-2b3db5e8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8d14f6dd.entry.js → p-2c10da00.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b83d5895.entry.js → p-34221fce.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c827df74.entry.js → p-3655cb14.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b3c3bf98.entry.js → p-380a38f4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-96e1edf9.entry.js → p-383cdebd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e94eaef7.entry.js → p-384e1219.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-332aecfe.entry.js → p-3a6c9960.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-85ba6a46.entry.js → p-3b8912db.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c7e2b6fc.entry.js → p-3d2825e3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3c15ca0d.entry.js → p-3fb19370.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ef11dec4.entry.js → p-3ffcd4ad.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e1d8dc07.entry.js → p-409972d8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-94df9949.entry.js → p-4227dd38.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-31314c33.entry.js → p-4248d73b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-82d7b51c.entry.js → p-430c2699.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-10d99921.entry.js → p-43211446.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a30fd4d1.entry.js → p-4765d12c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-44bedb7c.entry.js → p-4860e9f0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-810a79c5.entry.js → p-48857bd6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-081b8e7d.entry.js → p-489908d2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-33e05442.entry.js → p-4c15c427.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-546b39f9.entry.js → p-4c981707.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b40c5571.entry.js → p-50ee96fc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f60983c6.entry.js → p-512e6139.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-836e38d0.entry.js → p-5209d423.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-532cc6bc.entry.js → p-54e0bad0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-458bf41b.entry.js → p-5748f4d9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-de02b19a.entry.js → p-58331825.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cf84a50f.entry.js → p-5ddddad2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8bcd54d4.entry.js → p-64223103.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8687b616.entry.js → p-64de5f88.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-82c72554.entry.js → p-6676a92c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b250f711.entry.js → p-698841a8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f7064d44.entry.js → p-6a20dac8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-017a352b.entry.js → p-6c137ed0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0176180e.entry.js → p-6c64670e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7de8ae97.entry.js → p-6cce48ec.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-88631676.entry.js → p-6e669e96.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9f8f2fde.entry.js → p-6eaf5d30.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-caf2e77d.entry.js → p-6eef4ae5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-94dd3891.entry.js → p-72009d30.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f7a90a68.entry.js → p-7331b5a5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2c46e8b5.entry.js → p-73f04670.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-99e8ceac.entry.js → p-79a57326.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-be8bd652.entry.js → p-8c4c9352.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c11f8385.entry.js → p-8d4e88b1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5376699a.entry.js → p-8db9fff1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cfad0362.entry.js → p-8ee3a8dd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-18c052ed.entry.js → p-8ee9e129.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d9b18255.entry.js → p-93fd3851.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a933c2a7.entry.js → p-974ecd3d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f083a149.entry.js → p-99d76977.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2422d553.entry.js → p-9c37d826.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-164fbaed.entry.js → p-9ded3e60.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-615fa50c.entry.js → p-9df2a429.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-04306f05.entry.js → p-9df7c6b3.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-BhYYSWuN.js +1 -0
- package/dist/genesys-webcomponents/{p-69ec8603.entry.js → p-a0c996b4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8ee8a328.entry.js → p-a1945300.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-279d91f7.entry.js → p-a2879f5f.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-a3881e01.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-9d74752b.entry.js → p-a3fc0574.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f194cd6c.entry.js → p-a850fce2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cd6ee212.entry.js → p-aeeb52d8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9d212482.entry.js → p-af18431c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d7376bde.entry.js → p-af551b5d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-03ad79ad.entry.js → p-b0155d71.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b28c37e3.entry.js → p-b488d6c1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-18fb0250.entry.js → p-ba549e50.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-56e6235a.entry.js → p-beedf668.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c82016c8.entry.js → p-c1da01d1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-13a947e5.entry.js → p-c3a4ce24.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4330bb8d.entry.js → p-c5c01560.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ebae6208.entry.js → p-c7597925.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-17ce50d3.entry.js → p-c81d95d9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6647082b.entry.js → p-cb5179b8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1e8b3457.entry.js → p-cc15060b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-15091f57.entry.js → p-cc2151a6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-29b0ce5c.entry.js → p-ccad7dd8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-359f0807.entry.js → p-ccf3a108.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dbb83b90.entry.js → p-cddea0d9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a590e831.entry.js → p-cec4f999.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b3babc0d.entry.js → p-d5ac26ad.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9056483a.entry.js → p-d5f706c6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-38bbac31.entry.js → p-d7de3674.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9b33572a.entry.js → p-d8c9428e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-90e415a0.entry.js → p-dfeb59b0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b5cac19b.entry.js → p-e2f90793.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-142e2ade.entry.js → p-e30a6893.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-473bafec.entry.js → p-e46dcb89.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5e53e0ca.entry.js → p-e5bcb408.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3e80711f.entry.js → p-e63fa1c4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1621bc97.entry.js → p-e9ec8561.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ea8cb29e.entry.js → p-ea56f311.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-70439ac2.entry.js → p-ef65f7a3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-87572456.entry.js → p-ef7d38af.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a0aab805.entry.js → p-f058a04f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-41366673.entry.js → p-f21c084b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8b4e9262.entry.js → p-f3d590fe.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2cd35cd3.entry.js → p-f43d64bb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bce5dac9.entry.js → p-f86bf22f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1b97282d.entry.js → p-f8b95f9a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-CyMJvvXZ.js → p-fYICKdK-.js} +1 -1
- package/dist/genesys-webcomponents/{p-9ec88984.entry.js → p-fa2326ed.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d9f3699e.entry.js → p-fbd7984f.entry.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/stencil-wrapper.d.ts +1 -1
- package/package.json +5 -5
- package/dist/genesys-webcomponents/p-CdIcJKB7.js +0 -1
- package/dist/genesys-webcomponents/p-f9035e5e.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,f as e,d as i,h as a,H as o,a as n}from"./p-mm833MRp.js";import{O as s}from"./p-0tG-lFhH.js";import{O as l}from"./p-1mmdDpx8.js";import{t as r}from"./p-
|
|
1
|
+
import{r as t,f as e,d as i,h as a,H as o,a as n}from"./p-mm833MRp.js";import{O as s}from"./p-0tG-lFhH.js";import{O as l}from"./p-1mmdDpx8.js";import{t as r}from"./p-fYICKdK-.js";import{g as c}from"./p-BBpQG81s.js";import{a as d}from"./p-Bg4q97BS.js";import{l as u}from"./p-DxtJDeL9.js";function h(t,e){[].concat(t).forEach((t=>{null!=t&&(t.accent=e)}))}function b(t,...e){e.flat().filter((t=>null!=t&&!(null==t?void 0:t.hasAttribute("icon-only")))).forEach((e=>e.iconOnly=t))}var p=function(t,e,i,a){var o,n=arguments.length,s=n<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,a);else for(var l=t.length-1;l>=0;l--)(o=t[l])&&(s=(n<3?o(s):n>3?o(e,i,s):o(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const m=class{constructor(e){t(this,e),this.displayedLayout="full",this.hasContextDivider=!1,this.minimumSizes={full:0,iconOnly:0,condensed:0}}onMutation(){this.hasContextDivider=this.needsContextDivider(),e(this.root)}recordLayoutMinSize(){i((()=>{var t,e,i;const a=0|(null===(t=this.searchAndFilterContainer)||void 0===t?void 0:t.clientWidth),o=0|(null===(e=this.actionsContainer)||void 0===e?void 0:e.clientWidth),n=0|(null===(i=this.minControlSize)||void 0===i?void 0:i.clientWidth);this.minimumSizes[this.displayedLayout]=a+o+n}))}get minControlSize(){return this.root.shadowRoot.querySelector(".section-spacing")}get actionsContainer(){return this.root.shadowRoot.querySelector(".gux-contextual-permanent-primary")}get searchAndFilterContainer(){return this.root.shadowRoot.querySelector(".search-filter-container")}get filterSlot(){return c(this.root,"search-and-filter")}get menuActionSlot(){return c(this.root,"menu-actions")}get permanentSlot(){return c(this.root,"permanent-actions")||this.menuActionSlot&&c(this.menuActionSlot,"permanent-actions")}get contextualSlot(){return c(this.root,"contextual-actions")}get primaryAction(){var t;return null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-table-toolbar-custom-action[slot]")}get permanentActions(){var t,e;return(null===(t=this.permanentSlot)||void 0===t?void 0:t.hasChildNodes)?Array.from(null===(e=this.permanentSlot)||void 0===e?void 0:e.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action")):[]}get menuActionsItems(){var t,e;if(null===(t=this.menuActionSlot)||void 0===t?void 0:t.hasChildNodes)return Array.from(null===(e=this.menuActionSlot)||void 0===e?void 0:e.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action"))}get contextualActions(){var t,e;return(null===(t=this.contextualSlot)||void 0===t?void 0:t.hasChildNodes)?Array.from(null===(e=this.contextualSlot)||void 0===e?void 0:e.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action")):[]}get filterActions(){var t,e;return(null===(t=this.filterSlot)||void 0===t?void 0:t.hasChildNodes)?Array.from(null===(e=this.filterSlot)||void 0===e?void 0:e.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action")):[]}get allFilterContextual(){var t;return null===(t=this.filterActions)||void 0===t?void 0:t.concat(this.contextualActions)}needsContextDivider(){var t;return(null===(t=this.contextualActions)||void 0===t?void 0:t.length)&&this.contextualSlot!==this.root.lastElementChild}renderMenu(){var t;return Boolean((null===(t=this.menuActionsItems)||void 0===t?void 0:t.length)||"condensed"==this.displayedLayout)}renderFullLayout(){this.displayedLayout="full",b(!1,this.primaryAction,...this.allFilterContextual,...this.permanentActions)}renderIconOnlyLayoutScaleDown(){this.displayedLayout="iconOnly",b(!0,this.primaryAction,...this.allFilterContextual,...this.permanentActions)}renderIconOnlyLayoutScaleUp(){var t,e;this.displayedLayout="iconOnly",h(this.permanentActions,"secondary"),h(this.primaryAction,"primary"),b(!0,this.primaryAction,...this.allFilterContextual,...this.permanentActions),this.permanentActions&&(null===(t=this.root)||void 0===t||t.appendChild(this.permanentSlot)),this.primaryAction&&(null===(e=this.root)||void 0===e||e.appendChild(this.primaryAction))}renderCondensedLayout(){var t,e;this.displayedLayout="condensed",this.permanentActions&&(null===(t=this.menuActionSlot)||void 0===t||t.appendChild(this.permanentSlot)),this.primaryAction&&(null===(e=this.menuActionSlot)||void 0===e||e.appendChild(this.primaryAction)),b(!0,...this.allFilterContextual),b(!1,...this.permanentActions),b(!1,this.primaryAction),h(this.menuActionsItems,"ghost")}validateSlot(t){this.root.querySelector(`[slot=${t}]`)||u(this.root,`gux-table-toolbar requires a ${t} slot`)}componentWillRender(){r(this.root),this.hasContextDivider=this.needsContextDivider()}componentWillLoad(){this.validateSlot("menu-actions")}componentDidLoad(){d((()=>{this.recordLayoutMinSize(),this.checkResponsiveLayout()})),h(this.menuActionsItems,"ghost")}componentDidUpdate(){this.recordLayoutMinSize(),this.checkResponsiveLayout()}checkResponsiveLayout(){i((()=>{const t=this.root.clientWidth;t<=this.minimumSizes.iconOnly?"iconOnly"==this.displayedLayout&&this.renderCondensedLayout():t<=this.minimumSizes.full?"full"==this.displayedLayout?this.renderIconOnlyLayoutScaleDown():"condensed"==this.displayedLayout&&this.renderIconOnlyLayoutScaleUp():this.minimumSizes.iconOnly>this.minimumSizes.full?this.renderIconOnlyLayoutScaleUp():this.renderFullLayout()}))}render(){return a(o,{key:"970e02d2183557aac8393211f929aa472f6bc4e3",role:"toolbar","aria-orientation":"horizontal","gs-layout":this.displayedLayout},a("div",{key:"d97d78a7cf5c655b1a54ebfb1afcf29a65f69c84",class:"search-filter-container"},a("slot",{key:"90b3eb888bcb5f66abb185a9b2273aafcfdf4020",name:"search-and-filter"})),a("div",{key:"e4b4f69f82e302bc60ea50e24129b64e23890fde",class:"section-spacing"}),a("div",{key:"6d20e17d0af963e61c1ea8a5ba17996aa88f8936",class:"gux-contextual-permanent-primary"},a("div",{key:"b36c94e862908a5b0c2e09913e1dac6ee6136d81",class:{"gux-contextual-wrapper":this.hasContextDivider}},a("slot",{key:"f2e5f8f7d03f278b4b8c5857b5f1a1f8589a53af",name:"contextual-actions"})),a("div",{key:"f554ef52e5f9c45b805e441a78ff647cd03e8f1d",class:"gux-permanent-menu-primary-wrapper"},a("slot",{key:"1e4825a0bea7fc0e584563ce8c23e055c4e2a742",name:"permanent-actions"}),a("gux-table-toolbar-menu-button",{key:"3ae96fed10bb3607cc9146cf214dae08ed147316","show-menu":this.renderMenu()},a("slot",{key:"df1d9bebb849ad0fbb7cb2e0bd380fb3b94089ce",name:"menu-actions"})),a("slot",{key:"d29847c2f0c3d1e1088ea88ef0099c5c63b97a5c",name:"primary-action"}))))}get root(){return n(this)}};p([l({childList:!0,subtree:!0})],m.prototype,"onMutation",null),p([s()],m.prototype,"checkResponsiveLayout",null),m.style=":host{display:flex;flex-direction:row;align-items:center;justify-content:space-between;inline-size:100%;max-block-size:var(--gse-ui-dataTableItems-tableToolbar-height);visibility:hidden;transition:visibility 0s 0.5s;}@keyframes show-toolbar{to{visibility:visible}}:host .search-filter-container{min-inline-size:260px;padding-inline-end:var(--gse-ui-dataTableItems-tableToolbar-gap)}:host slot[name=search-and-filter]::slotted(*){display:flex;flex-direction:row;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);align-content:flex-start;align-items:center}:host .section-spacing{display:flex;flex-direction:row;min-inline-size:72px}:host .gux-contextual-permanent-primary{display:flex;flex-direction:row;justify-content:space-between;padding-inline-start:var(--gse-ui-dataTableItems-tableToolbar-gap)}:host .gux-contextual-permanent-primary slot[name=permanent-actions]::slotted(*),:host .gux-contextual-permanent-primary slot[name=contextual-actions]::slotted(*){display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);align-content:flex-end;align-items:center}:host .gux-contextual-permanent-primary .gux-contextual-wrapper{padding-inline-end:var(--gse-ui-dataTableItems-tableToolbar-gap);border-inline-end:var(--gse-ui-dataTableItems-tableToolbar-divider-width) solid var(--gse-ui-dataTableItems-tableToolbar-dividerColor)}:host .gux-contextual-permanent-primary .gux-permanent-menu-primary-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);margin-inline-start:var(--gse-ui-dataTableItems-tableToolbar-gap)}";export{m as gux_table_toolbar}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as s,a as o}from"./p-mm833MRp.js";import{t as a}from"./p-
|
|
1
|
+
import{r as e,h as t,H as s,a as o}from"./p-mm833MRp.js";import{t as a}from"./p-fYICKdK-.js";import{O as i}from"./p-CuMZPTZF.js";import{b as r}from"./p-D_8CR3cJ.js";import{b as n}from"./p-Bg4q97BS.js";import"./p-Cd4R0amv.js";var c={additionalActions:"Additional Actions"};const u=class{constructor(t){e(this,t),this.expanded=!1}handleKeyDown(e){const t=e.composedPath();switch(e.key){case"Escape":this.expanded=!1,t.includes(this.listElement)&&(e.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.expanded=!1;break;case"ArrowDown":case"Enter":t.includes(this.dropdownButton)&&(e.preventDefault(),this.expanded=!0,this.focusFirstItemInPopupList())}}handleKeyup(e){if(" "===e.key)e.composedPath().includes(this.dropdownButton)&&(this.expanded=!0,this.focusFirstItemInPopupList())}toggle(){this.expanded=!this.expanded,this.expanded&&this.focusPopupList()}onClickOutside(){this.expanded=!1}focusPopupList(){n((()=>{this.listElement.focus()}))}focusFirstItemInPopupList(){n((()=>{this.listElement.guxFocusFirstItem()}))}renderTooltip(){if(!this.expanded)return t("gux-tooltip-beta",null,t("div",{slot:"content"},this.i18n("additionalActions")))}async componentWillLoad(){this.i18n=await r(this.root,c),a(this.root)}render(){return t(s,{key:"12861791318251f71861d2a7f7665847802997f4",class:{"gux-show-menu":this.showMenu}},t("gux-popup",{key:"b476cde8e861d869b55d380019fc893a8d5e6e84",expanded:this.expanded,"exceed-target-width":!0},t("div",{key:"d781c931d7781ffe773ac9097a784c8efc02991a",slot:"target",class:"gux-toolbar-menu-container"},t("gux-button-slot",{key:"1074238be4f136d82a85bd87641335eaad8b0775",accent:"secondary"},t("button",{key:"133dc0fc88709a184ac7212270bbd20c77346406",class:"gux-menu-button",type:"button",ref:e=>this.dropdownButton=e,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.expanded.toString()},t("gux-icon",{key:"dbc033778cf901d980efe318be80cd0708dda8f2","icon-name":"fa/ellipsis-regular",size:"small",decorative:!0}),t("gux-screen-reader-beta",{key:"5afbacb800da33077be077bb6481537ec2dc4a0f"},this.i18n("additionalActions"))),this.renderTooltip())),t("div",{key:"44d64461b2dc6ca9b8f0a8448ba0a41548fea0a4",class:"gux-list-container",slot:"popup"},t("gux-list",{key:"ce74f7ea28ab01e4ad8c1a35d74fbbf2b783f9f0",ref:e=>this.listElement=e},t("slot",{key:"90587f596c875f6968eecbc15dc5c9b2d8a9babf"})))))}static get delegatesFocus(){return!0}get root(){return o(this)}};(function(e,t,s,o){var a,i=arguments.length,r=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,o);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(r=(i<3?a(r):i>3?a(t,s,r):a(t,s))||r);i>3&&r&&Object.defineProperty(t,s,r)})([i({triggerEvents:"mousedown"})],u.prototype,"onClickOutside",null),u.style=":host{display:none;-webkit-user-select:none;user-select:none}:host(.gux-show-menu){display:block}.gux-menu-button{display:flex;color:var(--gse-ui-button-secondary-default-foregroundColor);cursor:pointer;border:none}.gux-menu-button gux-icon{align-self:center}.gux-list-container{inline-size:min-content;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";export{u as gux_table_toolbar_menu_button}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,c as e,h as o,a as t}from"./p-mm833MRp.js";import{r as i}from"./p-D9jKBqIb.js";import{t as n}from"./p-
|
|
1
|
+
import{r as a,c as e,h as o,a as t}from"./p-mm833MRp.js";import{r as i}from"./p-D9jKBqIb.js";import{t as n}from"./p-fYICKdK-.js";const d=class{constructor(o){a(this,o),this.guxdismiss=e(this,"guxdismiss",7),this.size="dynamic",this.trapFocus=!0}handleKeyEvent(a){"Escape"===a.key&&this.onDismissHandler(a)}connectedCallback(){this.triggerElement=document.activeElement}componentWillLoad(){n(this.root,{variant:`${this.size}-${this.trapFocus?"trapfocuson":"trapfocusoff"}`})}componentDidLoad(){var a,e,o;const t=this.getInitialFocusElement();t?null===(a=t.focus)||void 0===a||a.call(t):this.dismissButton&&(null===(o=(e=this.dismissButton).focus)||void 0===o||o.call(e))}render(){const a=this.hasModalTitleSlot(),e=this.hasFooterButtons(),t=i();return o("div",{key:"e453b9e4b68c4ad9e489ac4a6e8700754fc6cc4c",class:"gux-modal",role:"dialog","aria-modal":"true","aria-labelledby":a?t:null},o("div",{key:"ceeeb4b5876b69afe3d3d93f4d0750fedb57d77e",class:`gux-modal-container gux-${this.size}`},this.renderModalTrapFocusEl(),a&&o("h1",{key:"8aa8aa694370d50413cc4a943b2bab0cba6daa5a",class:"gux-modal-header",id:t},o("slot",{key:"7482ebd759b0844d9704bb6b259ad8e4d49fd73f",name:"title"})),o("gux-dismiss-button",{key:"4721737b9b90a0e93e54e62e2f02fa2bce302e0c",onClick:this.onDismissHandler.bind(this),ref:a=>this.dismissButton=a}),o("div",{key:"330d2e8f6d3eb9d8d64217fbfc1a3c5381520d50",class:{"gux-modal-content":!0,"gux-no-buttons":!e}},o("p",{key:"615a572550359a68a212fff83f9c250230ea780a"},o("slot",{key:"1f06f6de3144e0f6d06646a8a8a34264735df5ef",name:"content"}))),e&&o("div",{key:"0a908b3103edd743256f3baad58cfa445e991b15",class:"gux-button-footer"},o("div",{key:"d2527dc6e184693edef8e338182665e745547056",class:"gux-left-align-buttons"},o("slot",{key:"3d429d69c5659beeccfb96929bd10b3b9fd004c0",name:"left-align-buttons"})),o("div",{key:"3912e750570efaac011094ebf21eddfb6aedfc9f",class:"gux-right-align-buttons"},o("slot",{key:"f3584a23eb7c200d8ae71c2f7249e34deca37a1c",name:"right-align-buttons"}))),this.renderModalTrapFocusEl()))}renderModalTrapFocusEl(){if(this.trapFocus)return o("span",{onFocus:()=>this.dismissButton.focus(),tabindex:"0"})}getInitialFocusElement(){return this.initialFocus?this.root.querySelector(this.initialFocus):void 0}hasModalTitleSlot(){return Boolean(this.root.querySelector('[slot="title"]'))}hasFooterButtons(){return Boolean(this.root.querySelector('[slot="left-align-buttons"]'))||Boolean(this.root.querySelector('[slot="right-align-buttons"]'))}onDismissHandler(a){var e;a.stopPropagation(),this.guxdismiss.emit().defaultPrevented||(this.root.remove(),null===(e=this.triggerElement)||void 0===e||e.focus())}get root(){return t(this)}};d.style="::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=left-align-buttons]::slotted(:not(button,gux-button)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host .gux-modal{position:fixed;inset:0;z-index:var(--gse-semantic-zIndex-modal);display:flex;align-items:center;justify-content:center;color:var(--gse-semantic-foreground-container-highEmphasis);background:var(--gse-ui-modal-shroudColor)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gse-ui-modal-padding) 0;background:var(--gse-ui-modal-backgroundColor);border:1px solid var(--gse-semantic-border-container-edges-default);border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow)}:host .gux-modal .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{padding:0 var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);font-family:var(--gse-semantic-heading-xl-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-xl-bold-fontSize);line-height:var(--gse-semantic-heading-xl-bold-lineHeight);font-weight:var(--gse-semantic-heading-xl-bold-fontWeight)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;padding:0 var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding:0 var(--gse-ui-modal-padding)}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";export{d as gux_modal_legacy}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as a,a as n}from"./p-mm833MRp.js";import{a as r}from"./p-Bg4q97BS.js";import{a as s,c as i,b as d,f as o}from"./p-aKaDsw_5.js";import{t as u}from"./p-CyMJvvXZ.js";import{b as l,g as c,c as g}from"./p-D_8CR3cJ.js";import{c as h}from"./p-Cf6_BoFM.js";import{d as x}from"./p-DvPw3gUX.js";import{u as b}from"./p-BgaA4g76.js";import"./p-Cd4R0amv.js";import"./p-DCZG2J0G.js";function f(e,t){v(e,"remove",t)}function v(e=[],t,a){const n=[].concat(e);for(const e of n)e.classList[t](a)}var m={previousMonth:"Go to the previous month",nextMonth:"Go to the next month"};function y(e,t){return b()?h(x(t,{year:"numeric",month:"long"}).format(e)):h(e.toLocaleDateString(t,{calendar:"gregory",year:"numeric",month:"long"}))}const M=class{constructor(a){e(this,a),this.calendarSelect=t(this,"calendarSelect",7),this.value="",this.minDate="",this.maxDate="",this.mode="single",this.numberOfMonths=1,this.previewValue=new Date,this.selectingDate=null,this.locale="en"}emitCalendarSelect(){this.calendarSelect.emit(this.value)}async setValue(e){if("range"===this.mode&&e instanceof Array){const[t,a]=e;this.value=s(t,a),this.previewValue=i(this.value)[0]}else{const t=e;this.value=d(t),this.previewValue=t}}async focusPreviewDate(){const e=this.root.shadowRoot.querySelector(`td[data-date="${this.previewValue.getTime()}"]`);e&&e.focus()}async resetCalendarView(e){this.previewValue=e}incrementPreviewDateByMonth(e){this.previewValue=new Date(this.previewValue.getFullYear(),this.previewValue.getMonth()+e,15,0,0,0)}async setValueAndEmit(e){await this.setValue(e),this.emitCalendarSelect()}outOfBounds(e){return""!==this.maxDate&&o(this.maxDate)<e||""!==this.minDate&&o(this.minDate)>e}generateDatesFrom(e,t,a){const n=[],r=new Date(t.getFullYear(),t.getMonth(),t.getDate(),0,0,0,0);for(let t=0;t<a;t++){const t=new Date(r.getFullYear(),r.getMonth(),r.getDate(),0,0,0,0),a=[],s=new Date,d=r.getFullYear()===s.getFullYear()&&r.getMonth()===s.getMonth()&&r.getDate()===s.getDate();let u=!1,l=!1;t.getMonth()!==e&&(a.push("gux-not-in-month"),u=!0,"range"===this.mode&&(a.push("gux-hidden"),l=!0)),this.outOfBounds(t)&&(a.push("gux-disabled"),u=!0);let c=!1;if(d&&a.push("gux-current-date"),"range"===this.mode){const[e,n]=i(this.value),r=e.getTime(),s=n.getTime();t.getTime()===r&&t.getTime()===s?(c=!0,a.push("gux-selected")):t.getTime()===r?(c=!0,a.push("gux-selected"),a.push("gux-start-date")):t.getTime()===s&&(c=!0,a.push("gux-selected"),a.push("gux-end-date"))}else{const e=o(this.value).getTime();t.getTime()===e&&(c=!0,a.push("gux-selected"))}n.push({class:a.join(" "),date:t,hidden:l,disabled:u,selected:c,isToday:d}),r.setDate(r.getDate()+1)}return n}create2DArray(e,t){const a=[];for(let n=0;n<t-1;n++){const r=e.slice(n*t,n*t+t);this.weekShouldBeDisplayed(r)&&a.push(r)}return a}isFocusableDate(e){return e.selected||this.previewValue.getTime()===e.date.getTime()}weekShouldBeDisplayed(e){const t=e.find((e=>!e.hidden));return e.length&&!!t}getMonthDays(e){const t=new Date(this.previewValue.getTime());t.setDate(1),t.setMonth(t.getMonth()+e);const a=t.getMonth(),n=function(e,t,a){const n=new Date(t,e,1,1,0,0,0),r=-1*(a-n.getDay()-7)%7;return new Date(n.getTime()-864e5*r)}(a,t.getFullYear(),this.startDayOfWeek),r=this.generateDatesFrom(a,n,42);return this.create2DArray(r,7)}addDays(e,t){const a=new Date(e.valueOf());return a.setDate(a.getDate()+t),a}getAllDatesElements(){const e=this.root.shadowRoot.querySelectorAll("td");return Array.from(e)}getAllSelectableDatesElements(){const e=this.root.shadowRoot.querySelectorAll('td[tabindex="0"]');return Array.from(e)}getRangeDatesElements(e,t){const a=[];let n;n=t<e?this.getRangeDates(t,e):this.getRangeDates(e,t);for(const e of n){const t=this.root.shadowRoot.querySelector(`td[data-date="${e.getTime()}"]:not(.gux-hidden)`);t&&a.push(t)}return a}getRangeDates(e,t){const a=[];let n=e;for(;n<=t;)a.push(new Date(n)),n=this.addDays(n,1);return a}async onDateClick(e){if(!this.outOfBounds(e))if("range"!==this.mode)await this.setValueAndEmit(e);else if(null===this.selectingDate)f(this.getAllDatesElements(),"gux-hovered"),this.selectingDate=new Date(e.valueOf()),this.value=s(e,e);else{const t=this.root.shadowRoot.querySelector(`td[data-date="${e.getTime()}"]`);t&&t.classList.add("gux-selected"),this.updateRangeElements(),await this.setValueAndEmit([this.selectingDate,e]),this.previewValue=e,this.selectingDate=null}}onDateMouseEnter(e){"range"===this.mode&&null!==this.selectingDate&&(this.value=s(e,this.selectingDate),this.updateRangeElements())}updateRangeElements(){if("range"===this.mode){f(this.getAllDatesElements(),"gux-hovered");const[e,t]=i(this.value);v(this.getRangeDatesElements(e,t),"add","gux-hovered")}}async onKeyDown(e){switch(e.key){case" ":case"Enter":e.preventDefault(),await this.onDateClick(this.previewValue);break;case"ArrowDown":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+7)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowUp":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-7)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowLeft":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-1)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowRight":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+1)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"PageUp":e.preventDefault(),this.incrementPreviewDateByMonth(1),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"PageDown":e.preventDefault(),this.incrementPreviewDateByMonth(-1),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}))}}async componentWillLoad(){if(u(this.root,{variant:this.mode}),this.i18n=await l(this.root,m),this.locale=c(this.root),this.startDayOfWeek=this.startDayOfWeek||g(this.locale),!this.value){const e=new Date;e.setHours(0,0,0,0),this.value="range"===this.mode?s(e,e):d(e)}this.previewValue=o(this.value)}componentDidRender(){this.updateRangeElements()}renderMonthHeader(){return a("div",{class:"gux-month-list"},Array.from(Array(this.numberOfMonths).keys()).map((e=>{const t=function(e,t){const a=new Date(e);return a.setDate(1),a.setMonth(a.getMonth()+t),a}(this.previewValue,e);return a("label",null,y(t,this.locale))})))}renderCalendarTable(e){return a("table",null,a("tr",null,function(e,t){const a=[],n=new Date(1970,0,4);for(let t=0;t<7;t++){const t=n.toLocaleString(e,{weekday:"narrow"});a.push(t),n.setDate(n.getDate()+1)}return(r=a).concat(r.splice(0,(s=t)>r.length?s%r.length:s));var r,s}(this.locale,this.startDayOfWeek).map((e=>a("th",null,e)))),this.getMonthDays(e).map((e=>a("tr",null,e.map((e=>a("td",{tabindex:this.isFocusableDate(e)?"0":"-1",class:e.class,"aria-hidden":e.hidden?"true":"false","aria-disabled":e.disabled?"true":"false","data-date":e.date.getTime(),onClick:()=>{this.onDateClick(e.date)},onMouseEnter:()=>this.onDateMouseEnter(e.date),onKeyDown:e=>{this.onKeyDown(e)}},a("div",{class:"gux-date"},e.date.getDate(),a("gux-screen-reader-beta",null,y(e.date,this.locale))))))))))}render(){return a("div",{key:"83e2bf1d63dfff98fb1abc5e248fad40953be775",class:"gux-calendar"},a("div",{key:"f984561485cb8df8a1cc795cfee175dd1950e05a",class:"gux-header"},a("button",{key:"8d79c3c1a1ae551943cb2c10b631f254ede94f32",type:"button",class:"gux-left","aria-label":this.i18n("previousMonth"),onClick:()=>this.incrementPreviewDateByMonth(-1)},a("gux-icon",{key:"12db13577479867f4b67aa02b4875736a3828b3b",size:"small",decorative:!0,"icon-name":"custom/chevron-left-small-regular"})),this.renderMonthHeader(),a("button",{key:"de27bc29ec593f78579d08162be1462008c846e7",type:"button",class:"gux-right","aria-label":this.i18n("nextMonth"),onClick:()=>this.incrementPreviewDateByMonth(1)},a("gux-icon",{key:"5788924e9fdd6ce8c50d0b7c52218934df0a447f",size:"small",decorative:!0,"icon-name":"custom/chevron-right-small-regular"}))),a("div",{key:"ab6209cdff81571ac9f2ed21bf2895bb75202d83",class:"gux-content"},Array.from(Array(this.numberOfMonths).keys()).map((e=>this.renderCalendarTable(e)))))}get root(){return n(this)}};M.style=":host{display:inline-block}.gux-calendar{margin-block-start:2px;border-radius:8px;box-shadow:var(--gse-ui-calendarMenu-boxShadow)}.gux-calendar .gux-header{display:flex;align-items:center;justify-content:space-between;block-size:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);font-style:normal;font-weight:var(--gse-ui-calendarMenu-month-currentText-fontWeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);text-align:center;background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-calendar .gux-header .gux-header-month-and-year{inline-size:var(--gse-ui-calendarMenu-month-single-header-textWidth);font-family:var(--gse-ui-calendarMenu-month-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-headerText-fontSize);line-height:var(--gse-ui-calendarMenu-month-headerText-lineHeight);color:var(--gse-ui-calendarMenu-month-selected-foregroundColor)}.gux-calendar .gux-header .gux-left,.gux-calendar .gux-header .gux-right{block-size:100%;color:var(--gse-ui-calendarMenu-header-foregroundColor);cursor:pointer;outline:none;background:none;border:none}.gux-calendar .gux-header .gux-left:focus-visible,.gux-calendar .gux-header .gux-right:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-calendar .gux-header .gux-month-list{display:flex;justify-content:space-between;inline-size:100%;font-family:var(--gse-ui-calendarMenu-month-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-headerText-fontSize);line-height:var(--gse-ui-calendarMenu-month-headerText-lineHeight)}.gux-calendar .gux-header .gux-month-list label{inline-size:100%;text-align:center}.gux-calendar .gux-content{display:flex;align-items:flex-start;block-size:var(--gse-ui-calendarMenu-height);padding:var(--gse-ui-calendarMenu-dateBody-padding);color:var(--gse-ui-calendarMenu-month-default-foregroundColor);background-color:var(--gse-ui-calendarMenu-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius)}.gux-calendar .gux-content table{inline-size:var(--gse-ui-calendarMenu-day-input-width);text-align:start;-ms-user-select:none;user-select:none;table-layout:fixed;border-spacing:0}.gux-calendar .gux-content table:not(:last-child){padding-inline-end:24px}.gux-calendar .gux-content table tr{block-size:var(--gse-ui-calendarMenu-day-input-height)}.gux-calendar .gux-content table tr:empty{display:none}.gux-calendar .gux-content table tr th,.gux-calendar .gux-content table tr td{inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-date-size);padding:0;margin:0;text-align:center}.gux-calendar .gux-content table tr th{font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-day-headerText-fontSize);font-weight:var(--gse-ui-calendarMenu-day-headerText-fontWeight);line-height:var(--gse-ui-calendarMenu-day-headerText-lineHeight)}.gux-calendar .gux-content table tr td{font-family:var(--gse-ui-calendarMenu-date-defaultText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-defaultText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-defaultText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-defaultText-lineHeight);color:var(--gse-ui-calendarMenu-date-default-foregroundColor);cursor:pointer}.gux-calendar .gux-content table tr td.gux-hovered{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-selected{color:var(--gse-ui-calendarMenu-date-selected-foregroundColor);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-selected:hover:not(.gux-calendar .gux-content table tr td.gux-selected.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-selected.gux-end-date){background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date,.gux-calendar .gux-content table tr td.gux-end-date{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date,.gux-calendar .gux-content table tr td.gux-end-date .gux-date{display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-date-size);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date:hover,.gux-calendar .gux-content table tr td.gux-end-date .gux-date:hover{background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date{border-radius:var(--gse-ui-calendarMenu-range-date-startDate-borderRadius)}.gux-calendar .gux-content table tr td.gux-end-date{border-radius:var(--gse-ui-calendarMenu-range-date-endDate-borderRadius)}.gux-calendar .gux-content table tr td:hover:not(.gux-calendar .gux-content table tr td.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-end-date):not(.gux-calendar .gux-content table tr td.gux-hovered):not(.gux-calendar .gux-content table tr td.gux-selected){background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-disabled{pointer-events:none;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month{opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month:hover{background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor)}.gux-calendar .gux-content table tr td.gux-not-in-month.gux-hidden{visibility:hidden}.gux-calendar .gux-content table tr td.gux-current-date{font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-currentText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-currentText-lineHeight)}.gux-calendar .gux-content table tr td:focus-visible{border-radius:var(--gse-ui-calendarMenu-month-borderRadius);outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}";export{M as gux_calendar}
|
|
1
|
+
import{r as e,c as t,h as a,a as n}from"./p-mm833MRp.js";import{a as r}from"./p-Bg4q97BS.js";import{a as s,c as i,b as d,f as o}from"./p-aKaDsw_5.js";import{t as u}from"./p-fYICKdK-.js";import{b as l,g as c,c as g}from"./p-D_8CR3cJ.js";import{c as h}from"./p-Cf6_BoFM.js";import{d as x}from"./p-DvPw3gUX.js";import{u as b}from"./p-BgaA4g76.js";import"./p-Cd4R0amv.js";import"./p-DCZG2J0G.js";function f(e,t){v(e,"remove",t)}function v(e=[],t,a){const n=[].concat(e);for(const e of n)e.classList[t](a)}var m={previousMonth:"Go to the previous month",nextMonth:"Go to the next month"};function y(e,t){return b()?h(x(t,{year:"numeric",month:"long"}).format(e)):h(e.toLocaleDateString(t,{calendar:"gregory",year:"numeric",month:"long"}))}const M=class{constructor(a){e(this,a),this.calendarSelect=t(this,"calendarSelect",7),this.value="",this.minDate="",this.maxDate="",this.mode="single",this.numberOfMonths=1,this.previewValue=new Date,this.selectingDate=null,this.locale="en"}emitCalendarSelect(){this.calendarSelect.emit(this.value)}async setValue(e){if("range"===this.mode&&e instanceof Array){const[t,a]=e;this.value=s(t,a),this.previewValue=i(this.value)[0]}else{const t=e;this.value=d(t),this.previewValue=t}}async focusPreviewDate(){const e=this.root.shadowRoot.querySelector(`td[data-date="${this.previewValue.getTime()}"]`);e&&e.focus()}async resetCalendarView(e){this.previewValue=e}incrementPreviewDateByMonth(e){this.previewValue=new Date(this.previewValue.getFullYear(),this.previewValue.getMonth()+e,15,0,0,0)}async setValueAndEmit(e){await this.setValue(e),this.emitCalendarSelect()}outOfBounds(e){return""!==this.maxDate&&o(this.maxDate)<e||""!==this.minDate&&o(this.minDate)>e}generateDatesFrom(e,t,a){const n=[],r=new Date(t.getFullYear(),t.getMonth(),t.getDate(),0,0,0,0);for(let t=0;t<a;t++){const t=new Date(r.getFullYear(),r.getMonth(),r.getDate(),0,0,0,0),a=[],s=new Date,d=r.getFullYear()===s.getFullYear()&&r.getMonth()===s.getMonth()&&r.getDate()===s.getDate();let u=!1,l=!1;t.getMonth()!==e&&(a.push("gux-not-in-month"),u=!0,"range"===this.mode&&(a.push("gux-hidden"),l=!0)),this.outOfBounds(t)&&(a.push("gux-disabled"),u=!0);let c=!1;if(d&&a.push("gux-current-date"),"range"===this.mode){const[e,n]=i(this.value),r=e.getTime(),s=n.getTime();t.getTime()===r&&t.getTime()===s?(c=!0,a.push("gux-selected")):t.getTime()===r?(c=!0,a.push("gux-selected"),a.push("gux-start-date")):t.getTime()===s&&(c=!0,a.push("gux-selected"),a.push("gux-end-date"))}else{const e=o(this.value).getTime();t.getTime()===e&&(c=!0,a.push("gux-selected"))}n.push({class:a.join(" "),date:t,hidden:l,disabled:u,selected:c,isToday:d}),r.setDate(r.getDate()+1)}return n}create2DArray(e,t){const a=[];for(let n=0;n<t-1;n++){const r=e.slice(n*t,n*t+t);this.weekShouldBeDisplayed(r)&&a.push(r)}return a}isFocusableDate(e){return e.selected||this.previewValue.getTime()===e.date.getTime()}weekShouldBeDisplayed(e){const t=e.find((e=>!e.hidden));return e.length&&!!t}getMonthDays(e){const t=new Date(this.previewValue.getTime());t.setDate(1),t.setMonth(t.getMonth()+e);const a=t.getMonth(),n=function(e,t,a){const n=new Date(t,e,1,1,0,0,0),r=-1*(a-n.getDay()-7)%7;return new Date(n.getTime()-864e5*r)}(a,t.getFullYear(),this.startDayOfWeek),r=this.generateDatesFrom(a,n,42);return this.create2DArray(r,7)}addDays(e,t){const a=new Date(e.valueOf());return a.setDate(a.getDate()+t),a}getAllDatesElements(){const e=this.root.shadowRoot.querySelectorAll("td");return Array.from(e)}getAllSelectableDatesElements(){const e=this.root.shadowRoot.querySelectorAll('td[tabindex="0"]');return Array.from(e)}getRangeDatesElements(e,t){const a=[];let n;n=t<e?this.getRangeDates(t,e):this.getRangeDates(e,t);for(const e of n){const t=this.root.shadowRoot.querySelector(`td[data-date="${e.getTime()}"]:not(.gux-hidden)`);t&&a.push(t)}return a}getRangeDates(e,t){const a=[];let n=e;for(;n<=t;)a.push(new Date(n)),n=this.addDays(n,1);return a}async onDateClick(e){if(!this.outOfBounds(e))if("range"!==this.mode)await this.setValueAndEmit(e);else if(null===this.selectingDate)f(this.getAllDatesElements(),"gux-hovered"),this.selectingDate=new Date(e.valueOf()),this.value=s(e,e);else{const t=this.root.shadowRoot.querySelector(`td[data-date="${e.getTime()}"]`);t&&t.classList.add("gux-selected"),this.updateRangeElements(),await this.setValueAndEmit([this.selectingDate,e]),this.previewValue=e,this.selectingDate=null}}onDateMouseEnter(e){"range"===this.mode&&null!==this.selectingDate&&(this.value=s(e,this.selectingDate),this.updateRangeElements())}updateRangeElements(){if("range"===this.mode){f(this.getAllDatesElements(),"gux-hovered");const[e,t]=i(this.value);v(this.getRangeDatesElements(e,t),"add","gux-hovered")}}async onKeyDown(e){switch(e.key){case" ":case"Enter":e.preventDefault(),await this.onDateClick(this.previewValue);break;case"ArrowDown":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+7)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowUp":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-7)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowLeft":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-1)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowRight":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+1)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"PageUp":e.preventDefault(),this.incrementPreviewDateByMonth(1),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"PageDown":e.preventDefault(),this.incrementPreviewDateByMonth(-1),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}))}}async componentWillLoad(){if(u(this.root,{variant:this.mode}),this.i18n=await l(this.root,m),this.locale=c(this.root),this.startDayOfWeek=this.startDayOfWeek||g(this.locale),!this.value){const e=new Date;e.setHours(0,0,0,0),this.value="range"===this.mode?s(e,e):d(e)}this.previewValue=o(this.value)}componentDidRender(){this.updateRangeElements()}renderMonthHeader(){return a("div",{class:"gux-month-list"},Array.from(Array(this.numberOfMonths).keys()).map((e=>{const t=function(e,t){const a=new Date(e);return a.setDate(1),a.setMonth(a.getMonth()+t),a}(this.previewValue,e);return a("label",null,y(t,this.locale))})))}renderCalendarTable(e){return a("table",null,a("tr",null,function(e,t){const a=[],n=new Date(1970,0,4);for(let t=0;t<7;t++){const t=n.toLocaleString(e,{weekday:"narrow"});a.push(t),n.setDate(n.getDate()+1)}return(r=a).concat(r.splice(0,(s=t)>r.length?s%r.length:s));var r,s}(this.locale,this.startDayOfWeek).map((e=>a("th",null,e)))),this.getMonthDays(e).map((e=>a("tr",null,e.map((e=>a("td",{tabindex:this.isFocusableDate(e)?"0":"-1",class:e.class,"aria-hidden":e.hidden?"true":"false","aria-disabled":e.disabled?"true":"false","data-date":e.date.getTime(),onClick:()=>{this.onDateClick(e.date)},onMouseEnter:()=>this.onDateMouseEnter(e.date),onKeyDown:e=>{this.onKeyDown(e)}},a("div",{class:"gux-date"},e.date.getDate(),a("gux-screen-reader-beta",null,y(e.date,this.locale))))))))))}render(){return a("div",{key:"83e2bf1d63dfff98fb1abc5e248fad40953be775",class:"gux-calendar"},a("div",{key:"f984561485cb8df8a1cc795cfee175dd1950e05a",class:"gux-header"},a("button",{key:"8d79c3c1a1ae551943cb2c10b631f254ede94f32",type:"button",class:"gux-left","aria-label":this.i18n("previousMonth"),onClick:()=>this.incrementPreviewDateByMonth(-1)},a("gux-icon",{key:"12db13577479867f4b67aa02b4875736a3828b3b",size:"small",decorative:!0,"icon-name":"custom/chevron-left-small-regular"})),this.renderMonthHeader(),a("button",{key:"de27bc29ec593f78579d08162be1462008c846e7",type:"button",class:"gux-right","aria-label":this.i18n("nextMonth"),onClick:()=>this.incrementPreviewDateByMonth(1)},a("gux-icon",{key:"5788924e9fdd6ce8c50d0b7c52218934df0a447f",size:"small",decorative:!0,"icon-name":"custom/chevron-right-small-regular"}))),a("div",{key:"ab6209cdff81571ac9f2ed21bf2895bb75202d83",class:"gux-content"},Array.from(Array(this.numberOfMonths).keys()).map((e=>this.renderCalendarTable(e)))))}get root(){return n(this)}};M.style=":host{display:inline-block}.gux-calendar{margin-block-start:2px;border-radius:8px;box-shadow:var(--gse-ui-calendarMenu-boxShadow)}.gux-calendar .gux-header{display:flex;align-items:center;justify-content:space-between;block-size:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);font-style:normal;font-weight:var(--gse-ui-calendarMenu-month-currentText-fontWeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);text-align:center;background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-calendar .gux-header .gux-header-month-and-year{inline-size:var(--gse-ui-calendarMenu-month-single-header-textWidth);font-family:var(--gse-ui-calendarMenu-month-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-headerText-fontSize);line-height:var(--gse-ui-calendarMenu-month-headerText-lineHeight);color:var(--gse-ui-calendarMenu-month-selected-foregroundColor)}.gux-calendar .gux-header .gux-left,.gux-calendar .gux-header .gux-right{block-size:100%;color:var(--gse-ui-calendarMenu-header-foregroundColor);cursor:pointer;outline:none;background:none;border:none}.gux-calendar .gux-header .gux-left:focus-visible,.gux-calendar .gux-header .gux-right:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-calendar .gux-header .gux-month-list{display:flex;justify-content:space-between;inline-size:100%;font-family:var(--gse-ui-calendarMenu-month-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-headerText-fontSize);line-height:var(--gse-ui-calendarMenu-month-headerText-lineHeight)}.gux-calendar .gux-header .gux-month-list label{inline-size:100%;text-align:center}.gux-calendar .gux-content{display:flex;align-items:flex-start;block-size:var(--gse-ui-calendarMenu-height);padding:var(--gse-ui-calendarMenu-dateBody-padding);color:var(--gse-ui-calendarMenu-month-default-foregroundColor);background-color:var(--gse-ui-calendarMenu-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius)}.gux-calendar .gux-content table{inline-size:var(--gse-ui-calendarMenu-day-input-width);text-align:start;-ms-user-select:none;user-select:none;table-layout:fixed;border-spacing:0}.gux-calendar .gux-content table:not(:last-child){padding-inline-end:24px}.gux-calendar .gux-content table tr{block-size:var(--gse-ui-calendarMenu-day-input-height)}.gux-calendar .gux-content table tr:empty{display:none}.gux-calendar .gux-content table tr th,.gux-calendar .gux-content table tr td{inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-date-size);padding:0;margin:0;text-align:center}.gux-calendar .gux-content table tr th{font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-day-headerText-fontSize);font-weight:var(--gse-ui-calendarMenu-day-headerText-fontWeight);line-height:var(--gse-ui-calendarMenu-day-headerText-lineHeight)}.gux-calendar .gux-content table tr td{font-family:var(--gse-ui-calendarMenu-date-defaultText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-defaultText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-defaultText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-defaultText-lineHeight);color:var(--gse-ui-calendarMenu-date-default-foregroundColor);cursor:pointer}.gux-calendar .gux-content table tr td.gux-hovered{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-selected{color:var(--gse-ui-calendarMenu-date-selected-foregroundColor);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-selected:hover:not(.gux-calendar .gux-content table tr td.gux-selected.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-selected.gux-end-date){background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date,.gux-calendar .gux-content table tr td.gux-end-date{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date,.gux-calendar .gux-content table tr td.gux-end-date .gux-date{display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-date-size);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date:hover,.gux-calendar .gux-content table tr td.gux-end-date .gux-date:hover{background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date{border-radius:var(--gse-ui-calendarMenu-range-date-startDate-borderRadius)}.gux-calendar .gux-content table tr td.gux-end-date{border-radius:var(--gse-ui-calendarMenu-range-date-endDate-borderRadius)}.gux-calendar .gux-content table tr td:hover:not(.gux-calendar .gux-content table tr td.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-end-date):not(.gux-calendar .gux-content table tr td.gux-hovered):not(.gux-calendar .gux-content table tr td.gux-selected){background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-disabled{pointer-events:none;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month{opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month:hover{background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor)}.gux-calendar .gux-content table tr td.gux-not-in-month.gux-hidden{visibility:hidden}.gux-calendar .gux-content table tr td.gux-current-date{font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-currentText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-currentText-lineHeight)}.gux-calendar .gux-content table tr td:focus-visible{border-radius:var(--gse-ui-calendarMenu-month-borderRadius);outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}";export{M as gux_calendar}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,f as s,d as i,h as a,H as h,a as o}from"./p-mm833MRp.js";import{b as n}from"./p-D_8CR3cJ.js";import{w as l}from"./p-kLXvN2m9.js";import{r}from"./p-D9jKBqIb.js";import{t as c}from"./p-
|
|
1
|
+
import{r as t,c as e,f as s,d as i,h as a,H as h,a as o}from"./p-mm833MRp.js";import{b as n}from"./p-D_8CR3cJ.js";import{w as l}from"./p-kLXvN2m9.js";import{r}from"./p-D9jKBqIb.js";import{t as c}from"./p-fYICKdK-.js";import{t as d}from"./p-BIx814vt.js";import"./p-Cd4R0amv.js";const g=class{constructor(i){t(this,i),this.guxselectionchanged=e(this,"guxselectionchanged",7),this.guxsortchanged=e(this,"guxsortchanged",7),this.slotObserver=new MutationObserver((()=>{this.prepareSelectableRows(),s(this)})),this.tableId=r("gux-table"),this.columnsWidths={},this.isScroll=!1,this.columnResizeHover=!1,this.compact=!1,this.objectTable=!1}async componentWillLoad(){c(this.root),this.i18n=await n(this.root,d)}componentDidLoad(){this.resizableColumns&&this.prepareResizableColumns(),this.prepareSelectableRows(),i((()=>{this.checkScroll()})),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{i((()=>{this.checkScroll()}))}))),this.resizeObserver&&(this.resizeObserver.observe(this.tableContainer),this.resizeObserver.observe(this.slottedTable)),this.slotObserver.observe(this.slottedTable,{subtree:!0,childList:!0})}checkScroll(){const t=this.tableContainer;this.isScroll=t.scrollHeight>t.clientHeight||t.scrollWidth>t.clientWidth}disconnectedCallback(){this.resizeObserver&&(this.resizeObserver.unobserve(this.tableContainer),this.resizeObserver.unobserve(this.slottedTable)),this.resizableColumns&&document.getElementById(`${this.tableId}-resizable-styles`).remove()}onInternalAllRowSelectChange(t){t.stopPropagation(),this.handleSelectAllRows(t.detail)}onInternalRowSelectChange(t){t.stopPropagation();const e=t.target;e.selected=t.detail,this.handleRowSelection(e)}onMouseMove(t){this.resizableColumns&&this.updateResizeState(t)}onMouseDown(t){this.resizableColumns&&this.maybeStartResizing(t)}onMouseUp(){this.resizableColumns&&this.stopResizing()}get tableContainer(){return this.root.shadowRoot.querySelector(".gux-table-container")}get slottedTable(){return this.root.querySelector('table[slot="data"]')}get tableRows(){return Array.from(this.slottedTable.querySelectorAll("tbody tr"))}get tableColumns(){return Array.from(this.slottedTable.querySelectorAll("thead th"))}get rowCheckboxes(){return Array.from(this.slottedTable.querySelectorAll("tbody tr td gux-row-select"))}get selectAllCheckbox(){return this.slottedTable.querySelector("thead tr th gux-all-row-select")}async getSelected(){return this.getSelectedInternal()}getSelectedInternal(){return{selectedRowIds:Array.from(this.rowCheckboxes).filter((t=>t.selected)).map((t=>t.closest("tr").getAttribute("data-row-id")))}}prepareSelectableRows(){this.rowCheckboxes.forEach((t=>{this.updateRowSelection(t)})),this.updateSelectAllBoxState()}updateSelectAllBoxState(){const t=this.selectAllCheckbox;if(t){const e=this.rowCheckboxes,s=e.filter((t=>!t.disabled)),i=s.filter((t=>t.selected)),a=Boolean(e.length),h=i.length===s.length,o=0===i.length;t.selected=a&&h,t.setIndeterminate(a&&!h&&!o)}}handleSelectAllRows(t){this.rowCheckboxes.forEach((e=>{e.disabled||(e.selected=t,this.updateRowSelection(e))})),this.emitSelectionEvent()}handleRowSelection(t){this.updateRowSelection(t),this.updateSelectAllBoxState(),this.emitSelectionEvent()}emitSelectionEvent(){this.guxselectionchanged.emit(this.getSelectedInternal())}updateRowSelection(t){const e=t.closest("tr");t.selected?e.setAttribute("data-selected-row",""):e.removeAttribute("data-selected-row")}prepareResizableColumns(){const t=document.createElement("style");t.id=`${this.tableId}-resizable-styles`,document.querySelector("head").appendChild(t),this.calculateColumnWidths(this.tableColumns).slice(0,-1).forEach((t=>this.columnsWidths[t.name]=t.width)),this.setResizableColumnsStyles()}updateResizeState(t){if(this.columnResizeState){const e=this.columnResizeState.resizableColumn.dataset.columnName,s=Math.max(this.columnResizeState.resizableColumnInitialWidth+(t.pageX-this.columnResizeState.columnResizeMouseStartX),1),i=this.calculateColumnWidths(this.tableColumns).map((t=>t.name===e?Object.assign(Object.assign({},t),{width:s}):t));this.columnsWidths[e]=i.find((t=>t.name===e)).width,this.setResizableColumnsStyles()}else this.columnResizeHover=!1,l("th",t,(e=>{this.tableColumns.length-1!==e.cellIndex&&this.isInResizeZone(t,e)&&(this.columnResizeHover=!0)}))}maybeStartResizing(t){l("th",t,(e=>{this.isInResizeZone(t,e)&&(this.columnResizeState={resizableColumn:e,columnResizeMouseStartX:t.pageX,resizableColumnInitialWidth:e.clientWidth})}))}stopResizing(){this.columnResizeState&&(this.columnResizeState=null)}isInResizeZone(t,e){return e.getBoundingClientRect().right-t.clientX<3}calculateColumnWidths(t){return t.map((t=>({name:t.dataset.columnName,width:t.clientWidth})))}setResizableColumnsStyles(){const t=document.getElementById(`${this.tableId}-resizable-styles`);let e="";Object.keys(this.columnsWidths).forEach((t=>{e+=`[gs-table-id=${this.tableId}] th[data-column-name="${t}"]{\n width:${String(this.columnsWidths[t])}px;\n min-width:${String(this.columnsWidths[t])}px;\n }`})),t.textContent=e}get isTableEmpty(){return this.tableColumns&&this.tableRows.length<1}get tableContainerClasses(){return{"gux-table-container":!0,"gux-column-resizing":Boolean(this.columnResizeState),"gux-column-resizing-hover":this.columnResizeHover}}render(){return a(h,{key:"a85f0e7cd97a5875d02bce064880cb57d2660234","gs-table-id":this.tableId,"gs-obj-table":this.objectTable,"gs-compact":this.compact},a("div",{key:"53cc2c4804d8bfe8a7ef96d7b6491a9ebaff6922",class:"gux-table"},a("div",{key:"c89aa6f2d5ce436293353290f258cf3c07bb6562",tabindex:this.isScroll?"0":"-1",id:this.tableId,class:this.tableContainerClasses},a("slot",{key:"c75cd6977e009cf0c4a01a3c289ae1169603cc2f",name:"data"})),this.isTableEmpty&&a("div",{key:"13cc3a199e3d19c44d629f818e376d1e6afa05ac",class:"gux-empty-table"},this.emptyMessage||this.i18n("emptyMessage"))))}get root(){return o(this)}};g.style=":host{position:relative;display:block}:host .gux-table{position:relative;block-size:inherit}:host .gux-table .gux-table-container{max-block-size:100%;overflow:auto;scrollbar-color:var(--gse-ui-dataTableItems-scrollbar-foregroundColor) transparent;scrollbar-width:thin}:host .gux-table .gux-table-container.gux-column-resizing-hover,:host .gux-table .gux-table-container.gux-column-resizing{cursor:col-resize}:host .gux-empty-table{display:flex;align-items:center;justify-content:center;block-size:calc(100% - var(--gse-ui-dataTableItems-header-default-height));color:var(--gse-semantic-foreground-container-lowEmphasis);background:var(--gse-semantic-background-container-page-tonalSubtle);font-family:var(--gse-semantic-heading-lg-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-lg-bold-fontSize);line-height:var(--gse-semantic-heading-lg-bold-lineHeight);font-weight:var(--gse-semantic-heading-lg-bold-fontWeight)}";export{g as gux_table}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as a,r as e,a as i}from"./p-mm833MRp.js";import{t}from"./p-CyMJvvXZ.js";import{l as r}from"./p-DxtJDeL9.js";import{b as n}from"./p-D_8CR3cJ.js";import{a as g,g as o}from"./p-BV03_Ljp.js";import"./p-Cd4R0amv.js";var u={notifications:"Notifications"};const s=class{constructor(a){e(this,a),this.size="large",this.accent="default",this.presence="none",this.tooltipEnabled=!0,this.ring=!1,this.badge=!1,this.notifications=!1,this.ucIntegration="none"}get hasUcIntegration(){return["zoom","teams","8x8"].includes(this.ucIntegration)&&"large"===this.size}validatingInputs(){const a=this.root.querySelector("img");this.name||r(this.root,"Name prop is required for accessibility"),a&&!a.getAttribute("alt")&&r(this.root,"Alt attribute is required for slotted image."),"none"!==this.ucIntegration&&"large"!==this.size&&r(this.root,"UC Integration app logo can only be shown on large avatar")}renderBadge(){return this.notifications?this.renderNotificationsBadge():this.badge&&!["idle","none"].includes(this.presence)?a("div",{"aria-hidden":"true",class:{"gux-avatar-badge":!0,[`gux-${this.presence}`]:!0,[`gux-${this.size}`]:!0}},a("gux-icon",{"icon-name":this.getPresenceIcon(this.presence),decorative:!0})):void 0}renderNotificationsBadge(){return a("div",{"aria-hidden":"true",class:{"gux-avatar-badge gux-notifications":!0,[`gux-${this.size}`]:!0}},a("gux-icon",{"icon-name":"fa/bell-regular",decorative:!0}))}getPresenceIcon(a){switch(a){case"available":return"fa/circle-check-solid";case"busy":case"meeting":return"fa/ban-outline";case"away":case"break":case"meal":case"training":return"fa/clock-outline";case"on-queue":return"fa/headset-solid";case"offline":default:return"fa/circle-xmark-regular";case"out-of-office":return"fa/subtract-circle"}}renderUcIntegrationsIcon(e){switch(e){case"teams":return a("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("g",{"clip-path":"url(#clip0_17811_243865)"},a("path",{d:"M22.3205 12.0769H30.5862C31.3671 12.0769 32.0002 12.7051 32.0002 13.48V20.951C32.0002 23.799 29.6735 26.1077 26.8035 26.1077H26.7789C23.9089 26.1081 21.582 23.7997 21.5815 20.9517C21.5815 20.9515 21.5815 20.9512 21.5815 20.951V12.8102C21.5816 12.4052 21.9124 12.0769 22.3205 12.0769Z",fill:"#5059C9"}),a("path",{d:"M27.9069 10.6C29.7565 10.6 31.2558 9.11222 31.2558 7.27694C31.2558 5.44165 29.7565 3.95386 27.9069 3.95386C26.0574 3.95386 24.5581 5.44165 24.5581 7.27694C24.5581 9.11222 26.0574 10.6 27.9069 10.6Z",fill:"#5059C9"}),a("path",{d:"M17.4886 10.6C20.1601 10.6 22.3258 8.45098 22.3258 5.80001C22.3258 3.14904 20.1601 1 17.4886 1C14.8171 1 12.6514 3.14904 12.6514 5.80001C12.6514 8.45098 14.8171 10.6 17.4886 10.6Z",fill:"#7B83EB"}),a("path",{d:"M23.9381 12.0769H10.2941C9.52253 12.0959 8.91215 12.7313 8.93005 13.497V22.0181C8.8223 26.613 12.4857 30.426 17.1161 30.5385C21.7465 30.426 25.4099 26.613 25.3022 22.0181V13.497C25.32 12.7313 24.7097 12.0959 23.9381 12.0769Z",fill:"#7B83EB"}),a("path",{opacity:"0.1",d:"M17.8603 12.0769V24.0178C17.8566 24.5654 17.5222 25.0573 17.0119 25.2658C16.8495 25.334 16.6749 25.3692 16.4985 25.3692H9.58496C9.48822 25.1255 9.39892 24.8818 9.32449 24.6308C9.064 23.7834 8.93108 22.9025 8.93007 22.0166V13.4948C8.91218 12.7303 9.52156 12.0959 10.2919 12.0769H17.8603Z",fill:"black"}),a("path",{opacity:"0.2",d:"M17.1161 12.0769V24.7563C17.1161 24.9313 17.0807 25.1046 17.0119 25.2658C16.8018 25.7722 16.3061 26.104 15.7543 26.1077H9.93474C9.80822 25.864 9.68915 25.6203 9.58496 25.3692C9.48077 25.1181 9.39892 24.8818 9.32449 24.6308C9.064 23.7834 8.93108 22.9025 8.93007 22.0166V13.4948C8.91218 12.7303 9.52156 12.0959 10.2919 12.0769H17.1161Z",fill:"black"}),a("path",{opacity:"0.2",d:"M17.1161 12.0769V23.2794C17.1105 24.0234 16.504 24.6251 15.7543 24.6308H9.32449C9.064 23.7834 8.93108 22.9025 8.93007 22.0166V13.4948C8.91218 12.7303 9.52156 12.0959 10.2919 12.0769H17.1161Z",fill:"black"}),a("path",{opacity:"0.2",d:"M16.3719 12.0769V23.2794C16.3663 24.0234 15.7598 24.6251 15.0101 24.6308H9.32449C9.064 23.7834 8.93108 22.9025 8.93007 22.0166V13.4948C8.91218 12.7303 9.52156 12.0959 10.2919 12.0769H16.3719Z",fill:"black"}),a("path",{opacity:"0.1",d:"M17.8605 8.25909V10.5852C17.734 10.5926 17.6149 10.6 17.4884 10.6C17.3619 10.6 17.2428 10.5926 17.1163 10.5852C16.8651 10.5687 16.616 10.5291 16.3721 10.4671C14.8652 10.113 13.6201 9.06422 13.0233 7.64617C12.9206 7.40804 12.8409 7.16077 12.7852 6.90771H16.4986C17.2496 6.91054 17.8577 7.5139 17.8605 8.25909Z",fill:"black"}),a("path",{opacity:"0.2",d:"M17.1165 8.99749V10.5852C16.8653 10.5686 16.6161 10.5291 16.3723 10.467C14.8653 10.1129 13.6203 9.06416 13.0234 7.64612H15.7546C16.5055 7.64894 17.1136 8.25232 17.1165 8.99749Z",fill:"black"}),a("path",{opacity:"0.2",d:"M17.1165 8.99749V10.5852C16.8653 10.5686 16.6161 10.5291 16.3723 10.467C14.8653 10.1129 13.6203 9.06416 13.0234 7.64612H15.7546C16.5055 7.64894 17.1136 8.25232 17.1165 8.99749Z",fill:"black"}),a("path",{opacity:"0.2",d:"M16.3723 8.9975V10.467C14.8653 10.1129 13.6203 9.06416 13.0234 7.64612H15.0104C15.7614 7.64895 16.3694 8.25234 16.3723 8.9975Z",fill:"black"}),a("path",{d:"M1.36409 7.64612H15.008C15.7614 7.64612 16.3721 8.25215 16.3721 8.99971V22.5387C16.3721 23.2862 15.7613 23.8923 15.008 23.8923H1.36409C0.610716 23.8923 0 23.2862 0 22.5387V8.99971C0 8.25215 0.61073 7.64612 1.36409 7.64612Z",fill:"url(#paint0_linear_17811_243865)"}),a("path",{d:"M11.7761 12.7992H9.04865V20.169H7.31098V12.7992H4.59619V11.3695H11.7761V12.7992Z",fill:"white"})),a("defs",null,a("linearGradient",{id:"paint0_linear_17811_243865",x1:"2.84416",y1:"6.58844",x2:"13.4047",y2:"25.0206",gradientUnits:"userSpaceOnUse"},a("stop",{"stop-color":"#5A62C3"}),a("stop",{offset:"0.5","stop-color":"#4D55BD"}),a("stop",{offset:"1","stop-color":"#3940AB"})),a("clipPath",{id:"clip0_17811_243865"},a("rect",{width:"32",height:"29.5385",fill:"white",transform:"translate(0 1)"}))));case"zoom":return a("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M0 14C0 6.26801 6.26801 0 14 0H18C25.732 0 32 6.26801 32 14V18C32 25.732 25.732 32 18 32H14C6.26801 32 0 25.732 0 18V14Z",fill:"url(#paint0_linear_17811_243867)"}),a("path",{d:"M9.03495 17.9231H4.76573C4.48252 17.9231 4.22028 17.7885 4.08392 17.5577C3.93706 17.2885 3.98951 16.9712 4.22028 16.7692L7.1888 14.0481H5.05944C4.47203 14.0481 4 13.6058 4 13.0769H7.93355C8.21677 13.0769 8.479 13.2115 8.61537 13.4423C8.76222 13.7115 8.70977 14.0288 8.479 14.2308L5.51048 16.9519H7.97551C8.56292 16.9519 9.03495 17.3942 9.03495 17.9231ZM25.944 13C25.3356 13 24.7796 13.2404 24.402 13.6346C24.0244 13.25 23.4685 13 22.8601 13C21.7272 13 20.7936 13.8846 20.7936 14.9231V17.9231C21.3811 17.9231 21.8531 17.4904 21.8531 16.9519V14.9135C21.8531 14.4135 22.2727 13.9904 22.8181 13.9712C23.395 13.9519 23.8671 14.375 23.8671 14.8942V16.9519C23.8671 17.4904 24.3391 17.9231 24.9265 17.9231V14.9135C24.9265 14.4135 25.3461 13.9904 25.8915 13.9712C26.4684 13.9519 26.9405 14.375 26.9405 14.8942V16.9519C26.9405 17.4904 27.4125 17.9231 27.9999 17.9231V14.9231C28.0104 13.8846 27.0768 13 25.944 13ZM14.3846 15.5C14.3846 16.875 13.1573 18 11.6573 18C10.1468 18 8.93005 16.875 8.93005 15.5C8.93005 14.125 10.1573 13 11.6573 13C13.1573 13 14.3846 14.125 14.3846 15.5ZM13.3251 15.5C13.3251 14.6538 12.5804 13.9712 11.6573 13.9712C10.7342 13.9712 9.98949 14.6538 9.98949 15.5C9.98949 16.3462 10.7342 17.0288 11.6573 17.0288C12.5804 17.0288 13.3251 16.3462 13.3251 15.5ZM20.2692 15.5C20.2692 16.875 19.0419 18 17.5419 18C16.0314 18 14.8146 16.875 14.8146 15.5C14.8146 14.125 16.0419 13 17.5419 13C19.0419 13 20.2692 14.125 20.2692 15.5ZM19.2097 15.5C19.2097 14.6538 18.465 13.9712 17.5419 13.9712C16.6188 13.9712 15.8741 14.6538 15.8741 15.5C15.8741 16.3462 16.6188 17.0288 17.5419 17.0288C18.465 17.0288 19.2097 16.3462 19.2097 15.5Z",fill:"white"}),a("defs",null,a("linearGradient",{id:"paint0_linear_17811_243867",x1:"6",y1:"29",x2:"26",y2:"2.5",gradientUnits:"userSpaceOnUse"},a("stop",{"stop-color":"#084ACD"}),a("stop",{offset:"0.505","stop-color":"#0B5CFF"}),a("stop",{offset:"1","stop-color":"#236EF9"}))));case"8x8":return a("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("rect",{width:"32",height:"32",fill:"#CB2233"}),a("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M19.4298 14.2388H16.8341L16.2371 15.4154C16.1751 15.5507 16.1037 15.6811 16.0236 15.8055H15.9988C15.9988 15.8055 15.8808 15.5988 15.7841 15.4154L15.1965 14.2302H12.6127L14.6479 17.5052L12.621 20.7815H15.1611L15.8454 19.4129C15.9061 19.2937 15.9589 19.1704 16.0035 19.0437H16.0283C16.0283 19.0437 16.1227 19.2898 16.1864 19.4129L16.886 20.7815H19.4298L17.4028 17.5052L19.4298 14.2388ZM7.95949 19.1225C7.79341 19.1261 7.62828 19.0954 7.47357 19.0323C7.31886 18.9692 7.17761 18.8748 7.05792 18.7547C6.93823 18.6345 6.84245 18.4909 6.77608 18.332C6.7097 18.1732 6.67404 18.0022 6.67112 17.8289C6.68897 17.3197 6.89037 16.8362 7.23508 16.4751C8.28512 16.9674 9.24078 17.3465 9.24078 17.9852C9.24668 18.7163 8.75352 19.1225 7.95949 19.1225ZM8.03028 12.3975C8.72992 12.3975 9.15112 12.8037 9.15112 13.4252C9.14236 13.9074 9.0139 14.3789 8.77829 14.7938C7.83443 14.3705 7.06047 13.9975 7.06047 13.2677C7.05575 12.7877 7.3625 12.3975 8.03028 12.3975ZM10.6613 15.7625C10.7651 15.6308 11.7113 14.4283 11.7113 13.2258C11.7113 11.152 10.082 10 8.09399 10C5.59748 10 4.5085 11.5914 4.5085 13.2086C4.5085 14.1625 4.91436 14.8258 5.47832 15.3403C5.15269 15.6148 4 16.624 4 18.0615C4 19.8363 5.35916 21.52 7.95949 21.52C10.6058 21.52 11.9178 19.8191 11.9178 18.1194C11.9178 16.9994 11.3774 16.2782 10.6613 15.7625ZM24.0452 19.1225C23.8792 19.1259 23.7142 19.0951 23.5597 19.0319C23.4051 18.9688 23.264 18.8744 23.1444 18.7542C23.0249 18.6341 22.9292 18.4905 22.8629 18.3317C22.7966 18.1729 22.761 18.0021 22.758 17.8289C22.7759 17.3197 22.9773 16.8362 23.322 16.4751C24.372 16.9674 25.3277 17.3465 25.3277 17.9852C25.3277 18.7237 24.8345 19.1286 24.0476 19.1286L24.0452 19.1225ZM24.1172 12.3975C24.8168 12.3975 25.238 12.8037 25.238 13.4252C25.2296 13.9076 25.1007 14.3794 24.864 14.7938C23.9202 14.3705 23.1474 13.9975 23.1474 13.2677C23.1474 12.7877 23.4494 12.3975 24.1172 12.3975ZM26.7435 15.7625C26.8473 15.6222 27.7935 14.4197 27.7935 13.2258C27.7935 11.152 26.163 10 24.1762 10C21.6797 10 20.5907 11.5914 20.5907 13.2086C20.5907 14.1625 20.9966 14.8258 21.5605 15.3403C21.2349 15.6049 20.0822 16.6166 20.0822 18.048C20.0822 19.8228 21.4414 21.5065 24.0405 21.5065C26.688 21.5065 28 19.8068 28 18.1058C28 16.9994 27.4596 16.2782 26.7435 15.7625Z",fill:"white"}));default:return null}}getUcIntegrationText(a){switch(a){case"teams":return"Microsoft Teams";case"zoom":return"Zoom";case"8x8":return"8 by 8";default:return null}}renderUcIntegrationBadge(){if(this.hasUcIntegration)return a("div",{class:"gux-avatar-integration-badge","aria-hidden":"true"},this.renderUcIntegrationsIcon(this.ucIntegration))}renderTooltip(){return this.tooltipEnabled&&["A","BUTTON"].includes(this.parentElement.tagName)?a("gux-tooltip-beta",{placement:"top",ref:a=>this.tooltip=a,visualOnly:!0},a("div",{slot:"content"},this.getDescriptionText())):null}getDescriptionText(){let a=`${this.name}`;return this.notifications?a+` (${this.i18n("notifications")})`:(this.label&&"none"!==this.presence&&(a=a+=` (${this.label})`),this.hasUcIntegration&&(a=a+=` (${this.getUcIntegrationText(this.ucIntegration)})`),a)}async showTooltip(){if(this.tooltipEnabled)return await this.tooltip.showTooltip()}async hideTooltip(){if(this.tooltipEnabled)return await this.tooltip.hideTooltip()}async componentWillLoad(){this.parentElement=this.root.parentElement,t(this.root,{variant:this.size}),this.i18n=await n(this.root,u)}componentDidLoad(){this.validatingInputs()}render(){return[a("div",{key:"c4bdab2f6c980921fdf9ac94b41c4a1e10259d77",class:{"gux-avatar":!0,[`gux-${this.presence}`]:this.ring||this.badge,[`gux-${this.size}`]:!0,"gux-ring":this.ring,[o(this.accent,this.name)]:!0}},a("div",{key:"e3ba9970ef12ade989d288c9c43705be5758118e",class:"gux-content"},a("slot",{key:"734f176afcf3565d783f5bac5e6da04a556d5b7a",name:"image"},a("span",{key:"e7a2971a208cd33143649b030539b11369830a9b",role:"img","aria-label":this.getDescriptionText()},g(this.name)))),this.renderTooltip()),this.renderBadge(),this.renderUcIntegrationBadge()]}get root(){return i(this)}};s.style=":host{position:relative;display:inline-block;border-radius:50%}:host abbr{text-decoration:none}::slotted(img){inline-size:100%;block-size:100%;object-fit:cover}.gux-avatar{position:relative;inline-size:var(--gse-ui-avatar-large-size);block-size:var(--gse-ui-avatar-large-size);overflow:hidden;border-radius:50%}.gux-avatar .gux-content{box-sizing:border-box;display:flex;align-items:center;justify-content:center;inline-size:calc(100% - var(--gse-ui-avatar-large-presenceRing-width) * 2);block-size:calc(100% - var(--gse-ui-avatar-large-presenceRing-width) * 2);margin:var(--gse-ui-avatar-large-presenceRing-width);overflow:hidden;font-family:var(--gse-ui-avatar-large-initials-fontFamily);font-size:var(--gse-ui-avatar-large-initials-fontSize);font-weight:var(--gse-ui-avatar-large-initials-fontWeight);line-height:var(--gse-ui-avatar-small-initials-lineHeight);color:var(--gse-ui-avatar-media-initialsForeground-inverse);text-transform:uppercase;background-color:var(--gse-ui-avatar-media-initialsBackground-default);border:var(--gse-ui-avatar-content-large-border-width) var(--gse-ui-avatar-content-default-border-style) var(--gse-ui-avatar-content-default-border-color);border-radius:50%}.gux-avatar.gux-medium{inline-size:var(--gse-ui-avatar-medium-size);block-size:var(--gse-ui-avatar-medium-size)}.gux-avatar.gux-medium .gux-content{inline-size:calc(100% - var(--gse-ui-avatar-medium-presenceRing-width) * 2);block-size:calc(100% - var(--gse-ui-avatar-medium-presenceRing-width) * 2);margin:var(--gse-ui-avatar-medium-presenceRing-width);font-size:var(--gse-ui-avatar-medium-initials-fontSize);font-weight:var(--gse-ui-avatar-medium-initials-fontWeight)}.gux-avatar.gux-medium .gux-content,.gux-avatar.gux-small .gux-content,.gux-avatar.gux-xsmall .gux-content{border-width:var(--gse-ui-avatar-content-default-border-width)}.gux-avatar.gux-small{inline-size:var(--gse-ui-avatar-small-size);block-size:var(--gse-ui-avatar-small-size)}.gux-avatar.gux-small .gux-content{inline-size:calc(100% - var(--gse-ui-avatar-small-presenceRing-width) * 2);block-size:calc(100% - var(--gse-ui-avatar-small-presenceRing-width) * 2);margin:var(--gse-ui-avatar-small-presenceRing-width);font-size:var(--gse-ui-avatar-small-initials-fontSize);font-weight:var(--gse-ui-avatar-small-initials-fontWeight)}.gux-avatar.gux-xsmall{inline-size:var(--gse-ui-avatar-xsmall-size);block-size:var(--gse-ui-avatar-xsmall-size)}.gux-avatar.gux-xsmall .gux-content{inline-size:calc(100% - var(--gse-ui-avatar-xsmall-presenceRing-width) * 2);block-size:calc(100% - var(--gse-ui-avatar-xsmall-presenceRing-width) * 2);margin:var(--gse-ui-avatar-xsmall-presenceRing-width);font-size:var(--gse-ui-avatar-xsmall-initials-fontSize);font-weight:var(--gse-ui-avatar-xsmall-initials-fontWeight)}.gux-avatar.gux-accent-1 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent1)}.gux-avatar.gux-accent-2 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent2)}.gux-avatar.gux-accent-3 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent3)}.gux-avatar.gux-accent-4 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent4)}.gux-avatar.gux-accent-5 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent5)}.gux-avatar.gux-accent-6 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent6)}.gux-avatar.gux-accent-7 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent7)}.gux-avatar.gux-accent-8 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent8)}.gux-avatar.gux-accent-9 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent9)}.gux-avatar.gux-accent-10 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent10)}.gux-avatar.gux-accent-11 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent11)}.gux-avatar.gux-accent-12 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent12)}.gux-avatar.gux-accent-inherit .gux-content{color:inherit;background-color:inherit}.gux-avatar.gux-ring.gux-available{background:var(--gse-ui-avatar-presenceRing-available)}.gux-avatar.gux-ring.gux-away,.gux-avatar.gux-ring.gux-break,.gux-avatar.gux-ring.gux-meal,.gux-avatar.gux-ring.gux-training{background:var(--gse-ui-avatar-presenceRing-away)}.gux-avatar.gux-ring.gux-busy,.gux-avatar.gux-ring.gux-meeting{background:var(--gse-ui-avatar-presenceRing-busy)}.gux-avatar.gux-ring.gux-offline{background:var(--gse-ui-avatar-presenceRing-offline)}.gux-avatar.gux-ring.gux-out-of-office{background:var(--gse-ui-avatar-presenceRing-outOfOffice)}.gux-avatar.gux-ring.gux-on-queue{background:var(--gse-ui-avatar-presenceRing-onQueue)}.gux-avatar-integration-badge{position:absolute;inset-block-end:0;inset-inline-end:0;z-index:var(--gse-semantic-zIndex-showFocus);display:flex;align-items:center;justify-content:center}.gux-avatar-badge{position:absolute;inset-block-start:calc(var(--gse-ui-avatar-content-large-border-width) * -1);inset-inline-end:calc(var(--gse-ui-avatar-content-large-border-width) * -1);z-index:var(--gse-semantic-zIndex-showFocus);display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-avatar-large-badge-size);block-size:var(--gse-ui-avatar-large-badge-size);border-color:var(--gse-ui-avatar-content-default-border-color);border-style:var(--gse-ui-avatar-content-default-border-style);border-width:var(--gse-ui-avatar-content-large-border-width);border-radius:50%}.gux-avatar-badge.gux-medium{inset-block-start:calc(var(--gse-ui-avatar-content-default-border-width) * -1);inset-inline-end:calc(var(--gse-ui-avatar-content-default-border-width) * -1);inline-size:var(--gse-ui-avatar-medium-badge-size);block-size:var(--gse-ui-avatar-medium-badge-size);border-width:var(--gse-ui-avatar-content-default-border-width)}.gux-avatar-badge.gux-small,.gux-avatar-badge.gux-xsmall{inset-block-start:calc(var(--gse-ui-avatar-content-default-border-width) * -1);inset-inline-end:calc(var(--gse-ui-avatar-content-default-border-width) * -1);inline-size:var(--gse-ui-avatar-small-badge-size);block-size:var(--gse-ui-avatar-small-badge-size);border-width:var(--gse-ui-avatar-content-default-border-width)}.gux-avatar-badge.gux-small gux-icon,.gux-avatar-badge.gux-xsmall gux-icon{display:none}.gux-avatar-badge.gux-available{background-color:var(--gse-semantic-background-container-elevated-default)}.gux-avatar-badge.gux-available.gux-small,.gux-avatar-badge.gux-available.gux-xsmall{background-color:var(--gse-ui-avatar-badge-available-color)}.gux-avatar-badge.gux-available gux-icon{color:var(--gse-ui-avatar-badge-available-color)}.gux-avatar-badge.gux-away,.gux-avatar-badge.gux-break,.gux-avatar-badge.gux-meal,.gux-avatar-badge.gux-training{background-color:var(--gse-ui-avatar-badge-away-color)}.gux-avatar-badge.gux-away gux-icon,.gux-avatar-badge.gux-break gux-icon,.gux-avatar-badge.gux-meal gux-icon,.gux-avatar-badge.gux-training gux-icon{margin:var(--gse-ui-avatar-badge-away-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDark-color)}.gux-avatar-badge.gux-busy,.gux-avatar-badge.gux-meeting{background-color:var(--gse-ui-avatar-badge-busy-color)}.gux-avatar-badge.gux-busy gux-icon,.gux-avatar-badge.gux-meeting gux-icon{margin:var(--gse-ui-avatar-badge-busy-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-notifications{background-color:var(--gse-ui-avatar-badge-notification-color)}.gux-avatar-badge.gux-notifications gux-icon{margin:var(--gse-ui-avatar-badge-notifications-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-offline{background-color:var(--gse-semantic-background-container-elevated-default)}.gux-avatar-badge.gux-offline.gux-small,.gux-avatar-badge.gux-offline.gux-xsmall{background-color:var(--gse-ui-avatar-badge-offline-color)}.gux-avatar-badge.gux-offline gux-icon{color:var(--gse-ui-avatar-badge-offline-color)}.gux-avatar-badge.gux-out-of-office{background-color:var(--gse-semantic-background-container-elevated-default)}.gux-avatar-badge.gux-out-of-office.gux-small,.gux-avatar-badge.gux-out-of-office.gux-xsmall{background-color:var(--gse-ui-avatar-badge-outOfOffice)}.gux-avatar-badge.gux-out-of-office gux-icon{color:var(--gse-ui-avatar-badge-outOfOffice)}.gux-avatar-badge.gux-on-queue{background-color:var(--gse-ui-avatar-badge-onQueue-color)}.gux-avatar-badge.gux-on-queue gux-icon{margin:var(--gse-ui-avatar-badge-queue-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge gux-icon{inline-size:100%;block-size:100%}";export{s as gux_avatar_beta}
|
|
1
|
+
import{h as a,r as e,a as i}from"./p-mm833MRp.js";import{t}from"./p-fYICKdK-.js";import{l as r}from"./p-DxtJDeL9.js";import{b as n}from"./p-D_8CR3cJ.js";import{a as g,g as o}from"./p-BV03_Ljp.js";import"./p-Cd4R0amv.js";var u={notifications:"Notifications"};const s=class{constructor(a){e(this,a),this.size="large",this.accent="default",this.presence="none",this.tooltipEnabled=!0,this.ring=!1,this.badge=!1,this.notifications=!1,this.ucIntegration="none"}get hasUcIntegration(){return["zoom","teams","8x8"].includes(this.ucIntegration)&&"large"===this.size}validatingInputs(){const a=this.root.querySelector("img");this.name||r(this.root,"Name prop is required for accessibility"),a&&!a.getAttribute("alt")&&r(this.root,"Alt attribute is required for slotted image."),"none"!==this.ucIntegration&&"large"!==this.size&&r(this.root,"UC Integration app logo can only be shown on large avatar")}renderBadge(){return this.notifications?this.renderNotificationsBadge():this.badge&&!["idle","none"].includes(this.presence)?a("div",{"aria-hidden":"true",class:{"gux-avatar-badge":!0,[`gux-${this.presence}`]:!0,[`gux-${this.size}`]:!0}},a("gux-icon",{"icon-name":this.getPresenceIcon(this.presence),decorative:!0})):void 0}renderNotificationsBadge(){return a("div",{"aria-hidden":"true",class:{"gux-avatar-badge gux-notifications":!0,[`gux-${this.size}`]:!0}},a("gux-icon",{"icon-name":"fa/bell-regular",decorative:!0}))}getPresenceIcon(a){switch(a){case"available":return"fa/circle-check-solid";case"busy":case"meeting":return"fa/ban-outline";case"away":case"break":case"meal":case"training":return"fa/clock-outline";case"on-queue":return"fa/headset-solid";case"offline":default:return"fa/circle-xmark-regular";case"out-of-office":return"fa/subtract-circle"}}renderUcIntegrationsIcon(e){switch(e){case"teams":return a("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("g",{"clip-path":"url(#clip0_17811_243865)"},a("path",{d:"M22.3205 12.0769H30.5862C31.3671 12.0769 32.0002 12.7051 32.0002 13.48V20.951C32.0002 23.799 29.6735 26.1077 26.8035 26.1077H26.7789C23.9089 26.1081 21.582 23.7997 21.5815 20.9517C21.5815 20.9515 21.5815 20.9512 21.5815 20.951V12.8102C21.5816 12.4052 21.9124 12.0769 22.3205 12.0769Z",fill:"#5059C9"}),a("path",{d:"M27.9069 10.6C29.7565 10.6 31.2558 9.11222 31.2558 7.27694C31.2558 5.44165 29.7565 3.95386 27.9069 3.95386C26.0574 3.95386 24.5581 5.44165 24.5581 7.27694C24.5581 9.11222 26.0574 10.6 27.9069 10.6Z",fill:"#5059C9"}),a("path",{d:"M17.4886 10.6C20.1601 10.6 22.3258 8.45098 22.3258 5.80001C22.3258 3.14904 20.1601 1 17.4886 1C14.8171 1 12.6514 3.14904 12.6514 5.80001C12.6514 8.45098 14.8171 10.6 17.4886 10.6Z",fill:"#7B83EB"}),a("path",{d:"M23.9381 12.0769H10.2941C9.52253 12.0959 8.91215 12.7313 8.93005 13.497V22.0181C8.8223 26.613 12.4857 30.426 17.1161 30.5385C21.7465 30.426 25.4099 26.613 25.3022 22.0181V13.497C25.32 12.7313 24.7097 12.0959 23.9381 12.0769Z",fill:"#7B83EB"}),a("path",{opacity:"0.1",d:"M17.8603 12.0769V24.0178C17.8566 24.5654 17.5222 25.0573 17.0119 25.2658C16.8495 25.334 16.6749 25.3692 16.4985 25.3692H9.58496C9.48822 25.1255 9.39892 24.8818 9.32449 24.6308C9.064 23.7834 8.93108 22.9025 8.93007 22.0166V13.4948C8.91218 12.7303 9.52156 12.0959 10.2919 12.0769H17.8603Z",fill:"black"}),a("path",{opacity:"0.2",d:"M17.1161 12.0769V24.7563C17.1161 24.9313 17.0807 25.1046 17.0119 25.2658C16.8018 25.7722 16.3061 26.104 15.7543 26.1077H9.93474C9.80822 25.864 9.68915 25.6203 9.58496 25.3692C9.48077 25.1181 9.39892 24.8818 9.32449 24.6308C9.064 23.7834 8.93108 22.9025 8.93007 22.0166V13.4948C8.91218 12.7303 9.52156 12.0959 10.2919 12.0769H17.1161Z",fill:"black"}),a("path",{opacity:"0.2",d:"M17.1161 12.0769V23.2794C17.1105 24.0234 16.504 24.6251 15.7543 24.6308H9.32449C9.064 23.7834 8.93108 22.9025 8.93007 22.0166V13.4948C8.91218 12.7303 9.52156 12.0959 10.2919 12.0769H17.1161Z",fill:"black"}),a("path",{opacity:"0.2",d:"M16.3719 12.0769V23.2794C16.3663 24.0234 15.7598 24.6251 15.0101 24.6308H9.32449C9.064 23.7834 8.93108 22.9025 8.93007 22.0166V13.4948C8.91218 12.7303 9.52156 12.0959 10.2919 12.0769H16.3719Z",fill:"black"}),a("path",{opacity:"0.1",d:"M17.8605 8.25909V10.5852C17.734 10.5926 17.6149 10.6 17.4884 10.6C17.3619 10.6 17.2428 10.5926 17.1163 10.5852C16.8651 10.5687 16.616 10.5291 16.3721 10.4671C14.8652 10.113 13.6201 9.06422 13.0233 7.64617C12.9206 7.40804 12.8409 7.16077 12.7852 6.90771H16.4986C17.2496 6.91054 17.8577 7.5139 17.8605 8.25909Z",fill:"black"}),a("path",{opacity:"0.2",d:"M17.1165 8.99749V10.5852C16.8653 10.5686 16.6161 10.5291 16.3723 10.467C14.8653 10.1129 13.6203 9.06416 13.0234 7.64612H15.7546C16.5055 7.64894 17.1136 8.25232 17.1165 8.99749Z",fill:"black"}),a("path",{opacity:"0.2",d:"M17.1165 8.99749V10.5852C16.8653 10.5686 16.6161 10.5291 16.3723 10.467C14.8653 10.1129 13.6203 9.06416 13.0234 7.64612H15.7546C16.5055 7.64894 17.1136 8.25232 17.1165 8.99749Z",fill:"black"}),a("path",{opacity:"0.2",d:"M16.3723 8.9975V10.467C14.8653 10.1129 13.6203 9.06416 13.0234 7.64612H15.0104C15.7614 7.64895 16.3694 8.25234 16.3723 8.9975Z",fill:"black"}),a("path",{d:"M1.36409 7.64612H15.008C15.7614 7.64612 16.3721 8.25215 16.3721 8.99971V22.5387C16.3721 23.2862 15.7613 23.8923 15.008 23.8923H1.36409C0.610716 23.8923 0 23.2862 0 22.5387V8.99971C0 8.25215 0.61073 7.64612 1.36409 7.64612Z",fill:"url(#paint0_linear_17811_243865)"}),a("path",{d:"M11.7761 12.7992H9.04865V20.169H7.31098V12.7992H4.59619V11.3695H11.7761V12.7992Z",fill:"white"})),a("defs",null,a("linearGradient",{id:"paint0_linear_17811_243865",x1:"2.84416",y1:"6.58844",x2:"13.4047",y2:"25.0206",gradientUnits:"userSpaceOnUse"},a("stop",{"stop-color":"#5A62C3"}),a("stop",{offset:"0.5","stop-color":"#4D55BD"}),a("stop",{offset:"1","stop-color":"#3940AB"})),a("clipPath",{id:"clip0_17811_243865"},a("rect",{width:"32",height:"29.5385",fill:"white",transform:"translate(0 1)"}))));case"zoom":return a("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M0 14C0 6.26801 6.26801 0 14 0H18C25.732 0 32 6.26801 32 14V18C32 25.732 25.732 32 18 32H14C6.26801 32 0 25.732 0 18V14Z",fill:"url(#paint0_linear_17811_243867)"}),a("path",{d:"M9.03495 17.9231H4.76573C4.48252 17.9231 4.22028 17.7885 4.08392 17.5577C3.93706 17.2885 3.98951 16.9712 4.22028 16.7692L7.1888 14.0481H5.05944C4.47203 14.0481 4 13.6058 4 13.0769H7.93355C8.21677 13.0769 8.479 13.2115 8.61537 13.4423C8.76222 13.7115 8.70977 14.0288 8.479 14.2308L5.51048 16.9519H7.97551C8.56292 16.9519 9.03495 17.3942 9.03495 17.9231ZM25.944 13C25.3356 13 24.7796 13.2404 24.402 13.6346C24.0244 13.25 23.4685 13 22.8601 13C21.7272 13 20.7936 13.8846 20.7936 14.9231V17.9231C21.3811 17.9231 21.8531 17.4904 21.8531 16.9519V14.9135C21.8531 14.4135 22.2727 13.9904 22.8181 13.9712C23.395 13.9519 23.8671 14.375 23.8671 14.8942V16.9519C23.8671 17.4904 24.3391 17.9231 24.9265 17.9231V14.9135C24.9265 14.4135 25.3461 13.9904 25.8915 13.9712C26.4684 13.9519 26.9405 14.375 26.9405 14.8942V16.9519C26.9405 17.4904 27.4125 17.9231 27.9999 17.9231V14.9231C28.0104 13.8846 27.0768 13 25.944 13ZM14.3846 15.5C14.3846 16.875 13.1573 18 11.6573 18C10.1468 18 8.93005 16.875 8.93005 15.5C8.93005 14.125 10.1573 13 11.6573 13C13.1573 13 14.3846 14.125 14.3846 15.5ZM13.3251 15.5C13.3251 14.6538 12.5804 13.9712 11.6573 13.9712C10.7342 13.9712 9.98949 14.6538 9.98949 15.5C9.98949 16.3462 10.7342 17.0288 11.6573 17.0288C12.5804 17.0288 13.3251 16.3462 13.3251 15.5ZM20.2692 15.5C20.2692 16.875 19.0419 18 17.5419 18C16.0314 18 14.8146 16.875 14.8146 15.5C14.8146 14.125 16.0419 13 17.5419 13C19.0419 13 20.2692 14.125 20.2692 15.5ZM19.2097 15.5C19.2097 14.6538 18.465 13.9712 17.5419 13.9712C16.6188 13.9712 15.8741 14.6538 15.8741 15.5C15.8741 16.3462 16.6188 17.0288 17.5419 17.0288C18.465 17.0288 19.2097 16.3462 19.2097 15.5Z",fill:"white"}),a("defs",null,a("linearGradient",{id:"paint0_linear_17811_243867",x1:"6",y1:"29",x2:"26",y2:"2.5",gradientUnits:"userSpaceOnUse"},a("stop",{"stop-color":"#084ACD"}),a("stop",{offset:"0.505","stop-color":"#0B5CFF"}),a("stop",{offset:"1","stop-color":"#236EF9"}))));case"8x8":return a("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("rect",{width:"32",height:"32",fill:"#CB2233"}),a("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M19.4298 14.2388H16.8341L16.2371 15.4154C16.1751 15.5507 16.1037 15.6811 16.0236 15.8055H15.9988C15.9988 15.8055 15.8808 15.5988 15.7841 15.4154L15.1965 14.2302H12.6127L14.6479 17.5052L12.621 20.7815H15.1611L15.8454 19.4129C15.9061 19.2937 15.9589 19.1704 16.0035 19.0437H16.0283C16.0283 19.0437 16.1227 19.2898 16.1864 19.4129L16.886 20.7815H19.4298L17.4028 17.5052L19.4298 14.2388ZM7.95949 19.1225C7.79341 19.1261 7.62828 19.0954 7.47357 19.0323C7.31886 18.9692 7.17761 18.8748 7.05792 18.7547C6.93823 18.6345 6.84245 18.4909 6.77608 18.332C6.7097 18.1732 6.67404 18.0022 6.67112 17.8289C6.68897 17.3197 6.89037 16.8362 7.23508 16.4751C8.28512 16.9674 9.24078 17.3465 9.24078 17.9852C9.24668 18.7163 8.75352 19.1225 7.95949 19.1225ZM8.03028 12.3975C8.72992 12.3975 9.15112 12.8037 9.15112 13.4252C9.14236 13.9074 9.0139 14.3789 8.77829 14.7938C7.83443 14.3705 7.06047 13.9975 7.06047 13.2677C7.05575 12.7877 7.3625 12.3975 8.03028 12.3975ZM10.6613 15.7625C10.7651 15.6308 11.7113 14.4283 11.7113 13.2258C11.7113 11.152 10.082 10 8.09399 10C5.59748 10 4.5085 11.5914 4.5085 13.2086C4.5085 14.1625 4.91436 14.8258 5.47832 15.3403C5.15269 15.6148 4 16.624 4 18.0615C4 19.8363 5.35916 21.52 7.95949 21.52C10.6058 21.52 11.9178 19.8191 11.9178 18.1194C11.9178 16.9994 11.3774 16.2782 10.6613 15.7625ZM24.0452 19.1225C23.8792 19.1259 23.7142 19.0951 23.5597 19.0319C23.4051 18.9688 23.264 18.8744 23.1444 18.7542C23.0249 18.6341 22.9292 18.4905 22.8629 18.3317C22.7966 18.1729 22.761 18.0021 22.758 17.8289C22.7759 17.3197 22.9773 16.8362 23.322 16.4751C24.372 16.9674 25.3277 17.3465 25.3277 17.9852C25.3277 18.7237 24.8345 19.1286 24.0476 19.1286L24.0452 19.1225ZM24.1172 12.3975C24.8168 12.3975 25.238 12.8037 25.238 13.4252C25.2296 13.9076 25.1007 14.3794 24.864 14.7938C23.9202 14.3705 23.1474 13.9975 23.1474 13.2677C23.1474 12.7877 23.4494 12.3975 24.1172 12.3975ZM26.7435 15.7625C26.8473 15.6222 27.7935 14.4197 27.7935 13.2258C27.7935 11.152 26.163 10 24.1762 10C21.6797 10 20.5907 11.5914 20.5907 13.2086C20.5907 14.1625 20.9966 14.8258 21.5605 15.3403C21.2349 15.6049 20.0822 16.6166 20.0822 18.048C20.0822 19.8228 21.4414 21.5065 24.0405 21.5065C26.688 21.5065 28 19.8068 28 18.1058C28 16.9994 27.4596 16.2782 26.7435 15.7625Z",fill:"white"}));default:return null}}getUcIntegrationText(a){switch(a){case"teams":return"Microsoft Teams";case"zoom":return"Zoom";case"8x8":return"8 by 8";default:return null}}renderUcIntegrationBadge(){if(this.hasUcIntegration)return a("div",{class:"gux-avatar-integration-badge","aria-hidden":"true"},this.renderUcIntegrationsIcon(this.ucIntegration))}renderTooltip(){return this.tooltipEnabled&&["A","BUTTON"].includes(this.parentElement.tagName)?a("gux-tooltip-beta",{placement:"top",ref:a=>this.tooltip=a,visualOnly:!0},a("div",{slot:"content"},this.getDescriptionText())):null}getDescriptionText(){let a=`${this.name}`;return this.notifications?a+` (${this.i18n("notifications")})`:(this.label&&"none"!==this.presence&&(a=a+=` (${this.label})`),this.hasUcIntegration&&(a=a+=` (${this.getUcIntegrationText(this.ucIntegration)})`),a)}async showTooltip(){if(this.tooltipEnabled)return await this.tooltip.showTooltip()}async hideTooltip(){if(this.tooltipEnabled)return await this.tooltip.hideTooltip()}async componentWillLoad(){this.parentElement=this.root.parentElement,t(this.root,{variant:this.size}),this.i18n=await n(this.root,u)}componentDidLoad(){this.validatingInputs()}render(){return[a("div",{key:"c4bdab2f6c980921fdf9ac94b41c4a1e10259d77",class:{"gux-avatar":!0,[`gux-${this.presence}`]:this.ring||this.badge,[`gux-${this.size}`]:!0,"gux-ring":this.ring,[o(this.accent,this.name)]:!0}},a("div",{key:"e3ba9970ef12ade989d288c9c43705be5758118e",class:"gux-content"},a("slot",{key:"734f176afcf3565d783f5bac5e6da04a556d5b7a",name:"image"},a("span",{key:"e7a2971a208cd33143649b030539b11369830a9b",role:"img","aria-label":this.getDescriptionText()},g(this.name)))),this.renderTooltip()),this.renderBadge(),this.renderUcIntegrationBadge()]}get root(){return i(this)}};s.style=":host{position:relative;display:inline-block;border-radius:50%}:host abbr{text-decoration:none}::slotted(img){inline-size:100%;block-size:100%;object-fit:cover}.gux-avatar{position:relative;inline-size:var(--gse-ui-avatar-large-size);block-size:var(--gse-ui-avatar-large-size);overflow:hidden;border-radius:50%}.gux-avatar .gux-content{box-sizing:border-box;display:flex;align-items:center;justify-content:center;inline-size:calc(100% - var(--gse-ui-avatar-large-presenceRing-width) * 2);block-size:calc(100% - var(--gse-ui-avatar-large-presenceRing-width) * 2);margin:var(--gse-ui-avatar-large-presenceRing-width);overflow:hidden;font-family:var(--gse-ui-avatar-large-initials-fontFamily);font-size:var(--gse-ui-avatar-large-initials-fontSize);font-weight:var(--gse-ui-avatar-large-initials-fontWeight);line-height:var(--gse-ui-avatar-small-initials-lineHeight);color:var(--gse-ui-avatar-media-initialsForeground-inverse);text-transform:uppercase;background-color:var(--gse-ui-avatar-media-initialsBackground-default);border:var(--gse-ui-avatar-content-large-border-width) var(--gse-ui-avatar-content-default-border-style) var(--gse-ui-avatar-content-default-border-color);border-radius:50%}.gux-avatar.gux-medium{inline-size:var(--gse-ui-avatar-medium-size);block-size:var(--gse-ui-avatar-medium-size)}.gux-avatar.gux-medium .gux-content{inline-size:calc(100% - var(--gse-ui-avatar-medium-presenceRing-width) * 2);block-size:calc(100% - var(--gse-ui-avatar-medium-presenceRing-width) * 2);margin:var(--gse-ui-avatar-medium-presenceRing-width);font-size:var(--gse-ui-avatar-medium-initials-fontSize);font-weight:var(--gse-ui-avatar-medium-initials-fontWeight)}.gux-avatar.gux-medium .gux-content,.gux-avatar.gux-small .gux-content,.gux-avatar.gux-xsmall .gux-content{border-width:var(--gse-ui-avatar-content-default-border-width)}.gux-avatar.gux-small{inline-size:var(--gse-ui-avatar-small-size);block-size:var(--gse-ui-avatar-small-size)}.gux-avatar.gux-small .gux-content{inline-size:calc(100% - var(--gse-ui-avatar-small-presenceRing-width) * 2);block-size:calc(100% - var(--gse-ui-avatar-small-presenceRing-width) * 2);margin:var(--gse-ui-avatar-small-presenceRing-width);font-size:var(--gse-ui-avatar-small-initials-fontSize);font-weight:var(--gse-ui-avatar-small-initials-fontWeight)}.gux-avatar.gux-xsmall{inline-size:var(--gse-ui-avatar-xsmall-size);block-size:var(--gse-ui-avatar-xsmall-size)}.gux-avatar.gux-xsmall .gux-content{inline-size:calc(100% - var(--gse-ui-avatar-xsmall-presenceRing-width) * 2);block-size:calc(100% - var(--gse-ui-avatar-xsmall-presenceRing-width) * 2);margin:var(--gse-ui-avatar-xsmall-presenceRing-width);font-size:var(--gse-ui-avatar-xsmall-initials-fontSize);font-weight:var(--gse-ui-avatar-xsmall-initials-fontWeight)}.gux-avatar.gux-accent-1 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent1)}.gux-avatar.gux-accent-2 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent2)}.gux-avatar.gux-accent-3 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent3)}.gux-avatar.gux-accent-4 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent4)}.gux-avatar.gux-accent-5 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent5)}.gux-avatar.gux-accent-6 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent6)}.gux-avatar.gux-accent-7 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent7)}.gux-avatar.gux-accent-8 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent8)}.gux-avatar.gux-accent-9 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent9)}.gux-avatar.gux-accent-10 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent10)}.gux-avatar.gux-accent-11 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent11)}.gux-avatar.gux-accent-12 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent12)}.gux-avatar.gux-accent-inherit .gux-content{color:inherit;background-color:inherit}.gux-avatar.gux-ring.gux-available{background:var(--gse-ui-avatar-presenceRing-available)}.gux-avatar.gux-ring.gux-away,.gux-avatar.gux-ring.gux-break,.gux-avatar.gux-ring.gux-meal,.gux-avatar.gux-ring.gux-training{background:var(--gse-ui-avatar-presenceRing-away)}.gux-avatar.gux-ring.gux-busy,.gux-avatar.gux-ring.gux-meeting{background:var(--gse-ui-avatar-presenceRing-busy)}.gux-avatar.gux-ring.gux-offline{background:var(--gse-ui-avatar-presenceRing-offline)}.gux-avatar.gux-ring.gux-out-of-office{background:var(--gse-ui-avatar-presenceRing-outOfOffice)}.gux-avatar.gux-ring.gux-on-queue{background:var(--gse-ui-avatar-presenceRing-onQueue)}.gux-avatar-integration-badge{position:absolute;inset-block-end:0;inset-inline-end:0;z-index:var(--gse-semantic-zIndex-showFocus);display:flex;align-items:center;justify-content:center}.gux-avatar-badge{position:absolute;inset-block-start:calc(var(--gse-ui-avatar-content-large-border-width) * -1);inset-inline-end:calc(var(--gse-ui-avatar-content-large-border-width) * -1);z-index:var(--gse-semantic-zIndex-showFocus);display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-avatar-large-badge-size);block-size:var(--gse-ui-avatar-large-badge-size);border-color:var(--gse-ui-avatar-content-default-border-color);border-style:var(--gse-ui-avatar-content-default-border-style);border-width:var(--gse-ui-avatar-content-large-border-width);border-radius:50%}.gux-avatar-badge.gux-medium{inset-block-start:calc(var(--gse-ui-avatar-content-default-border-width) * -1);inset-inline-end:calc(var(--gse-ui-avatar-content-default-border-width) * -1);inline-size:var(--gse-ui-avatar-medium-badge-size);block-size:var(--gse-ui-avatar-medium-badge-size);border-width:var(--gse-ui-avatar-content-default-border-width)}.gux-avatar-badge.gux-small,.gux-avatar-badge.gux-xsmall{inset-block-start:calc(var(--gse-ui-avatar-content-default-border-width) * -1);inset-inline-end:calc(var(--gse-ui-avatar-content-default-border-width) * -1);inline-size:var(--gse-ui-avatar-small-badge-size);block-size:var(--gse-ui-avatar-small-badge-size);border-width:var(--gse-ui-avatar-content-default-border-width)}.gux-avatar-badge.gux-small gux-icon,.gux-avatar-badge.gux-xsmall gux-icon{display:none}.gux-avatar-badge.gux-available{background-color:var(--gse-semantic-background-container-elevated-default)}.gux-avatar-badge.gux-available.gux-small,.gux-avatar-badge.gux-available.gux-xsmall{background-color:var(--gse-ui-avatar-badge-available-color)}.gux-avatar-badge.gux-available gux-icon{color:var(--gse-ui-avatar-badge-available-color)}.gux-avatar-badge.gux-away,.gux-avatar-badge.gux-break,.gux-avatar-badge.gux-meal,.gux-avatar-badge.gux-training{background-color:var(--gse-ui-avatar-badge-away-color)}.gux-avatar-badge.gux-away gux-icon,.gux-avatar-badge.gux-break gux-icon,.gux-avatar-badge.gux-meal gux-icon,.gux-avatar-badge.gux-training gux-icon{margin:var(--gse-ui-avatar-badge-away-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDark-color)}.gux-avatar-badge.gux-busy,.gux-avatar-badge.gux-meeting{background-color:var(--gse-ui-avatar-badge-busy-color)}.gux-avatar-badge.gux-busy gux-icon,.gux-avatar-badge.gux-meeting gux-icon{margin:var(--gse-ui-avatar-badge-busy-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-notifications{background-color:var(--gse-ui-avatar-badge-notification-color)}.gux-avatar-badge.gux-notifications gux-icon{margin:var(--gse-ui-avatar-badge-notifications-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-offline{background-color:var(--gse-semantic-background-container-elevated-default)}.gux-avatar-badge.gux-offline.gux-small,.gux-avatar-badge.gux-offline.gux-xsmall{background-color:var(--gse-ui-avatar-badge-offline-color)}.gux-avatar-badge.gux-offline gux-icon{color:var(--gse-ui-avatar-badge-offline-color)}.gux-avatar-badge.gux-out-of-office{background-color:var(--gse-semantic-background-container-elevated-default)}.gux-avatar-badge.gux-out-of-office.gux-small,.gux-avatar-badge.gux-out-of-office.gux-xsmall{background-color:var(--gse-ui-avatar-badge-outOfOffice)}.gux-avatar-badge.gux-out-of-office gux-icon{color:var(--gse-ui-avatar-badge-outOfOffice)}.gux-avatar-badge.gux-on-queue{background-color:var(--gse-ui-avatar-badge-onQueue-color)}.gux-avatar-badge.gux-on-queue gux-icon{margin:var(--gse-ui-avatar-badge-queue-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge gux-icon{inline-size:100%;block-size:100%}";export{s as gux_avatar_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,a as i}from"./p-mm833MRp.js";import{O as r}from"./p-CuMZPTZF.js";import{s as o}from"./p-BMRf5pjV.js";import{b as s}from"./p-Bg4q97BS.js";import{g as n,b as a}from"./p-D_8CR3cJ.js";import{t as u}from"./p-CyMJvvXZ.js";import{a as c}from"./p-DxtJDeL9.js";import{a as l}from"./p-DvPw3gUX.js";import{u as h}from"./p-BgaA4g76.js";import"./p-Cd4R0amv.js";import"./p-DCZG2J0G.js";var p={am:"AM","time-separator":":",clockButton:"Toggle suggested times",hoursInput:"Input hours",minutesInput:"Input minutes",pm:"PM",timeOptionsState:"Time options open: {state}",toggleAmPM:"{amOrPm} selected, click to toggle"};function 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])$"}function C(t){var e,i,r,o;const s=new Intl.DateTimeFormat(t,{hour:"numeric",minute:"2-digit",hour12:!0}),n=s.formatToParts(new Date(2020,0,1,9,0)),a=s.formatToParts(new Date(2020,0,1,21,0));return{am:null!==(i=null===(e=n.find((t=>"dayPeriod"===t.type)))||void 0===e?void 0:e.value)&&void 0!==i?i:"AM",pm:null!==(o=null===(r=a.find((t=>"dayPeriod"===t.type)))||void 0===r?void 0:r.value)&&void 0!==o?o:"PM"}}const y=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,p),this.clockType=this.clockType||function(t){let e;e=h()?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!h()&&["ar","ko","zh-cn","zh-tw"].some((t=>e.startsWith(t)))||r.includes("15")?"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}))}renderAmPmBefore(){return!(!h()||"before"!==function(t){const e=new Intl.DateTimeFormat(t,{hour:"numeric",minute:"2-digit",hour12:!0}).formatToParts(new Date(2020,0,1,9,30)).map((t=>t.type)),i=e.indexOf("dayPeriod"),r=e.indexOf("hour");return i<0?"none":i<r?"before":"after"}(l(this.root)))}renderAmString(){return h()?e("span",null,C(l(this.root)).am):e("span",null,this.i18n("am"))}renderPmString(){return h()?e("span",null,C(l(this.root)).pm):e("span",null,this.i18n("pm"))}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.renderAmString()),e("div",{class:{"gux-meridiem":!0,"gux-visible":!k(this.value)}},this.renderPmString()))}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.renderTargetContent())}renderTargetContent(){return this.renderAmPmBefore()?[this.renderAmPmSelector(),this.renderNumberInput(),this.renderClockButton()]:[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:"206bc755881fddb9cda189c1e8b4db9fe69f30d5",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"})],y.prototype,"onClickOutside",null),y.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-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);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-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);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{y as gux_time_picker}
|
|
1
|
+
import{r as t,h as e,a as i}from"./p-mm833MRp.js";import{O as r}from"./p-CuMZPTZF.js";import{s as o}from"./p-BMRf5pjV.js";import{b as s}from"./p-Bg4q97BS.js";import{g as n,b as a}from"./p-D_8CR3cJ.js";import{t as u}from"./p-fYICKdK-.js";import{a as c}from"./p-DxtJDeL9.js";import{a as l}from"./p-DvPw3gUX.js";import{u as h}from"./p-BgaA4g76.js";import"./p-Cd4R0amv.js";import"./p-DCZG2J0G.js";var p={am:"AM","time-separator":":",clockButton:"Toggle suggested times",hoursInput:"Input hours",minutesInput:"Input minutes",pm:"PM",timeOptionsState:"Time options open: {state}",toggleAmPM:"{amOrPm} selected, click to toggle"};function 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])$"}function C(t){var e,i,r,o;const s=new Intl.DateTimeFormat(t,{hour:"numeric",minute:"2-digit",hour12:!0}),n=s.formatToParts(new Date(2020,0,1,9,0)),a=s.formatToParts(new Date(2020,0,1,21,0));return{am:null!==(i=null===(e=n.find((t=>"dayPeriod"===t.type)))||void 0===e?void 0:e.value)&&void 0!==i?i:"AM",pm:null!==(o=null===(r=a.find((t=>"dayPeriod"===t.type)))||void 0===r?void 0:r.value)&&void 0!==o?o:"PM"}}const y=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,p),this.clockType=this.clockType||function(t){let e;e=h()?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!h()&&["ar","ko","zh-cn","zh-tw"].some((t=>e.startsWith(t)))||r.includes("15")?"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}))}renderAmPmBefore(){return!(!h()||"before"!==function(t){const e=new Intl.DateTimeFormat(t,{hour:"numeric",minute:"2-digit",hour12:!0}).formatToParts(new Date(2020,0,1,9,30)).map((t=>t.type)),i=e.indexOf("dayPeriod"),r=e.indexOf("hour");return i<0?"none":i<r?"before":"after"}(l(this.root)))}renderAmString(){return h()?e("span",null,C(l(this.root)).am):e("span",null,this.i18n("am"))}renderPmString(){return h()?e("span",null,C(l(this.root)).pm):e("span",null,this.i18n("pm"))}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.renderAmString()),e("div",{class:{"gux-meridiem":!0,"gux-visible":!k(this.value)}},this.renderPmString()))}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.renderTargetContent())}renderTargetContent(){return this.renderAmPmBefore()?[this.renderAmPmSelector(),this.renderNumberInput(),this.renderClockButton()]:[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:"206bc755881fddb9cda189c1e8b4db9fe69f30d5",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"})],y.prototype,"onClickOutside",null),y.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-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);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-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);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{y as gux_time_picker}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as i,a as t}from"./p-mm833MRp.js";import{b as o}from"./p-D_8CR3cJ.js";import{O as r}from"./p-1mmdDpx8.js";import{a as l,o as a}from"./p-De1NnCmO.js";import{t as s}from"./p-
|
|
1
|
+
import{r as e,h as i,a as t}from"./p-mm833MRp.js";import{b as o}from"./p-D_8CR3cJ.js";import{O as r}from"./p-1mmdDpx8.js";import{a as l,o as a}from"./p-De1NnCmO.js";import{t as s}from"./p-fYICKdK-.js";import{G as n,a as f}from"./p-BkM3RdTO.js";import{G as d,a as h,b as u}from"./p-DR1RHELj.js";import{h as c}from"./p-qzV3vtOw.js";import{g as p}from"./p-MAoEg4ig.js";import{v as m,a as g}from"./p-DHLxhscH.js";import"./p-Cd4R0amv.js";import"./p-D9jKBqIb.js";import"./p-DxtJDeL9.js";import"./p-BMRf5pjV.js";var b={required:"Required"};const x=class{constructor(i){e(this,i),this.indicatorMark="required",this.computedLabelPosition="above",this.required=!1,this.hasError=!1,this.hasHelp=!1,this.hasLabelInfo=!1}watchValue(e){const i=this.root.querySelector("gux-phone-input-beta");i&&(i.hasError=e)}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=c(this.root,"error"),this.hasHelp=c(this.root,"help"),this.hasLabelInfo=c(this.root,"label-info")}handleKeyup(e){var i,t;switch(e.key){case"Tab":this.input.matches(":focus-within")&&(null===(i=this.labelInfo)||void 0===i||i.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3));break;case"Shift":break;default:this.input.matches(":focus-within")&&(null===(t=this.labelInfo)||void 0===t||t.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}async componentWillLoad(){this.getI18nValue=await o(this.root,b),this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=c(this.root,"error"),this.hasHelp=c(this.root,"help"),this.hasLabelInfo=c(this.root,"label-info"),s(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){var e;return i(u,{key:"613378ec2b9693daa0d18c873bd38194adcc8d4a",labelPosition:this.computedLabelPosition},i(h,{key:"714b94c9baea910a5557478a175af7b484d419f4"},null===(e=this.label)||void 0===e?void 0:e.textContent,this.renderText(this.getI18nValue("required"),this.required),this.renderText(p(this.root,"error"),this.hasError),this.renderText(p(this.root,"label-info"),this.hasLabelInfo)),i(d,{key:"f5cd6e7de34d23b88af5a5c28d7249e1d3cc9ca5",position:this.computedLabelPosition,required:this.required},i("slot",{key:"dd43169118d9b259d1e264393e00d25ea21345f9",name:"label",onSlotchange:()=>this.setLabel()}),i("gux-form-field-label-indicator",{key:"61b7d9650aa32bc485eec34b7b2c96dca71bbc39",variant:this.indicatorMark,required:this.required}),i("slot",{key:"3f159b032cc9ac1a8592d1e8c7a46c8f01a02ed4",name:"label-info"})),i("div",{key:"a255777cea26f2ebc3584c008fdef471470979b7",class:"gux-input-and-error-container"},i("div",{key:"a3efa67c24b78802d2eda00d5d18e19104c537aa",class:{"gux-input":!0,"gux-input-error":this.hasError}},i("div",{key:"24f51dd5ce104bba05b99dbec535787f38605e9c",class:{"gux-input-container":!0,"gux-disabled":this.disabled}},i("slot",{key:"b113dede3ddca50431087a10f334a68fa42c3705"}))),i(n,{key:"6257297b31c53af850adb599dbda8a79678055fe",show:this.hasError},i("slot",{key:"53a58ab2005a598ffa97ab16f894e642e8dc6884",name:"error"})),i(f,{key:"34abd49c63cc0617f0f940be16dad10525a8f42f",show:!this.hasError&&this.hasHelp},i("slot",{key:"ac6905a7b49d47dab653ce3ad3d0c5899f2ca5f1",name:"help"}))))}renderText(e,i=!1){if(i)return" "+e}get variant(){return`phoneInput-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.input=this.root.querySelector("gux-phone-input-beta"),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=l(this.input,(e=>{this.disabled=e})),this.requiredObserver=a(this.input,(e=>{this.required=e})),m(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=g(this.label,this.labelPosition)}get root(){return t(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(e,i,t,o){var r,l=arguments.length,a=l<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,i,t,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(l<3?r(a):l>3?r(i,t,a):r(i,t))||a);l>3&&a&&Object.defineProperty(i,t,a)})([r({childList:!0,subtree:!0})],x.prototype,"onMutation",null),x.style=".gux-form-field-fieldset-container{display:flex;min-inline-size:0;padding:0;margin:0;border:none}.gux-form-field-fieldset-container.gux-beside{flex-direction:row}.gux-form-field-fieldset-container.gux-above{flex-direction:column}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 0 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}.gux-form-field-visual-label{display:inline-flex;flex:1 0 auto}.gux-form-field-visual-label ::slotted(label){min-inline-size:0}.gux-form-field-visual-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-visual-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-visual-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-visual-label.gux-screenreader{display:none}.gux-form-field-screenreader-label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{flex-grow:1}";export{x as gux_form_field_phone}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as t,h as a,a as e}from"./p-mm833MRp.js";import{b as g}from"./p-D_8CR3cJ.js";import{t as r}from"./p-
|
|
1
|
+
import{r as o,c as t,h as a,a as e}from"./p-mm833MRp.js";import{b as g}from"./p-D_8CR3cJ.js";import{t as r}from"./p-fYICKdK-.js";import{O as u}from"./p-1mmdDpx8.js";import"./p-Cd4R0amv.js";var c={tag:"tag with label: {label}","tag-disabled":"disabled tag with label: {label}","remove-tag":"Remove tag with label: {label}"};const l=class{constructor(a){o(this,a),this.guxdelete=t(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()}onMutation(){const o=this.root.textContent.trim();this.label!==o&&(this.label=o)}onSlotChange(o){const t=o.composedPath()[0].assignedNodes();this.label=t.map((o=>o.textContent.trim())).join("")}renderTagTitle(){return a("gux-tooltip-title",null,a("span",null,a("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return a("gux-screen-reader-beta",null,this.i18n(this.disabled?"tag-disabled":"tag",{label:this.label}))}renderRemoveButton(){if(this.removable)return a("button",{class:"gux-tag-remove-button",onClick:this.removeTag.bind(this),type:"button",disabled:this.disabled},a("gux-icon",{class:"gux-tag-remove-icon","icon-name":"fa/xmark-large-regular",decorative:!0}),a("gux-screen-reader-beta",null,this.i18n("remove-tag",{label:this.label})))}componentWillLoad(){r(this.root,{variant:this.removable?"removable":"permenant"})}async componentWillRender(){this.i18n=await g(this.root,c)}render(){return a("div",{key:"66403472d44e9aa714671647a017af4d9578e80f",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)}};(function(o,t,a,e){var g,r=arguments.length,u=r<3?t:null===e?e=Object.getOwnPropertyDescriptor(t,a):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)u=Reflect.decorate(o,t,a,e);else for(var c=o.length-1;c>=0;c--)(g=o[c])&&(u=(r<3?g(u):r>3?g(t,a,u):g(t,a))||u);r>3&&u&&Object.defineProperty(t,a,u)})([u({childList:!0,subtree:!0,characterData:!0})],l.prototype,"onMutation",null),l.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-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{l as gux_tag}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,h as e,H as t,a as i}from"./p-mm833MRp.js";import{t as o}from"./p-CyMJvvXZ.js";import{g as r}from"./p-vciQk5kR.js";import{b as n}from"./p-D_8CR3cJ.js";import{a as s,c as u,o as c}from"./p-C8aV-TzO.js";import{O as l}from"./p-CuMZPTZF.js";import{l as d}from"./p-DxtJDeL9.js";import{a as g}from"./p-Bg4q97BS.js";import{g as v,a as f}from"./p-BV03_Ljp.js";import"./p-Cd4R0amv.js";var b={addToGroup:"Add more items to group"};const m=class{constructor(e){a(this,e)}async componentWillLoad(){o(this.root),this.i18n=await n(this.root,b)}async hideTooltip(){return await this.tooltip.hideTooltip()}onKeydown(a){r(a,this.root)}render(){return e(t,{key:"e3c797d9189deca186a63d94dfe8e47546aafb93",role:"menuitem"},e("button",{key:"9ba6102cf8c149d91120d20e8f722a8eab8c1682",type:"button","aria-label":this.i18n("addToGroup"),tabIndex:-1,class:"gux-avatar"},e("span",{key:"d20afaafda88a92ab2cb77e567c4fa83d4f7d251","aria-hidden":"true"},"+"),e("gux-tooltip-beta",{key:"99c295a40eba04b4038773f39ccbfa4a6bd35e5e","aria-hidden":"true","visual-only":!0,placement:"top",ref:a=>this.tooltip=a},e("div",{key:"79554aab23080111c36090aaf8c299c63929fd29",slot:"content"},this.i18n("addToGroup")))))}static get delegatesFocus(){return!0}get root(){return i(this)}};m.style="button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-avatar-small-content-size);block-size:var(--gse-ui-avatar-small-content-size);padding:0;margin:0;overflow:hidden;font-family:var(--gse-ui-avatar-small-initials-fontFamily);font-size:var(--gse-ui-avatar-small-initials-fontSize);font-weight:var(--gse-ui-avatar-small-initials-fontWeight);line-height:var(--gse-ui-avatar-small-initials-lineHeight);color:var(--gse-ui-avatar-media-initialsForeground-add);cursor:pointer;background:none;background-color:var(--gse-ui-avatar-media-initialsBackground-add);border:none;border-radius:50%}button:focus-visible,button:hover{position:relative;z-index:var(--gse-semantic-zIndex-showFocus)}button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}";const h=class{constructor(e){a(this,e),this.delayTime=250,this.count=0,this.expanded=!1}async componentWillLoad(){o(this.root)}componentDidLoad(){this.expanded&&this.runUpdatePosition()}componentDidUpdate(){this.expanded?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){clearTimeout(this.focusDelayTimeout),clearTimeout(this.hideDelayTimeout),this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}onClickOutside(){this.expanded=!1}onKeydown(a){switch(r(a,this.root),a.key){case"Escape":this.hide(),"GUX-AVATAR-OVERFLOW-ITEM-BETA"===a.target.tagName&&(this.focusDelayTimeout=g((()=>{var a;null===(a=this.overflowButtonElement)||void 0===a||a.focus()})));break;case"Tab":this.hide()}}onClick(a){a.stopPropagation(),"GUX-AVATAR-OVERFLOW-ITEM-BETA"===a.target.tagName&&(this.menuElement.scrollTop=0,this.expanded=!1)}async guxClose(){this.hide()}runUpdatePosition(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.root.isConnected?this.cleanupUpdatePosition=s(this.overflowButtonElement,this.menuElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){this.root&&u(this.overflowButtonElement,this.menuElement,{placement:"bottom-start",strategy:"fixed",middleware:[c({mainAxis:4,crossAxis:4})]}).then((({x:a,y:e})=>{Object.assign(this.menuElement.style,{left:`${a}px`,top:`${e}px`})}))}getCount(){const a=Array.from(this.root.children);if(a.some((a=>"GUX-AVATAR-OVERFLOW-ITEM-BETA"!==a.tagName))&&d(this.root,"Only gux-avatar-overflow-item-beta elements are allowed as children."),a)return a.length}toggleOverflowMenu(){this.expanded?this.hide():this.show()}show(){clearTimeout(this.hideDelayTimeout),this.expanded=!0,this.hideDelayTimeout=g((()=>{this.focusOnMenu()}))}hide(){this.expanded&&(this.hideDelayTimeout=setTimeout((()=>{this.expanded=!1}),this.delayTime))}focusOnMenu(){Array.from(this.root.children)[0].focus()}render(){return e(t,{key:"64b5c8b7f33da69fb393fc5060374075ab571d21",role:"menuitem"},e("button",{key:"81e46738d19ef28e4ed939a5389b82fa892c890b",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:"6cbc0b04551b65d83ed84210f83a3e6eae9dbf93",class:"gux-avatar-overflow-wrapper"},e("span",{key:"b9d61a4d1bdc45a0c44512a6003552200115266f",class:"gux-avatar-overflow-content"}," +",this.getCount()))),e("div",{key:"93862a7c0d0c3ae0f07184df81a1d0db18c0d044",class:{"gux-menu-wrapper":!0,"gux-shown":this.expanded},ref:a=>this.menuElement=a},e("div",{key:"5731a29a40bb26bc52f8efd6871aecce758bec55",role:"menu",class:"gux-menu-content"},e("slot",{key:"e681cd6c3b21ba2274890d0e2f0d1ac4d7f4173e"}))))}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:"aa5e1c3e0bf1ea5c907196cd9ceb4fedb4fcfcff",role:"menuitem"},e("button",{key:"04f8491d0f32f11a9a9f00b558e7dd8617ef7a99",type:"button","aria-label":this.name,tabIndex:-1},e("span",{key:"f324c2224168d2727604dd6beaf5257428306776",class:{"gux-avatar":!0,[v(this.accent,this.name)]:!0}},e("slot",{key:"c149c671110081ae7c11e7f2ac36f7f796943b06",name:"image"},e("span",{key:"7ae1f845a1a9847937ae10450dab800f08b74d71",class:"gux-avatar-initials","aria-hidden":"true"},f(this.name)))),e("span",{key:"bdd42952e6bc0114c41d473962436860428c28cb"},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);overflow-wrap:break-word;cursor:pointer;outline:none;outline-offset:calc(var(--gse-ui-menu-option-focus-border-width) * -1);background-color:var(--gse-ui-menu-option-default-backgroundColor);border:none}button:focus-visible{outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}button:hover{background:var(--gse-ui-menu-option-hover-backgroundColor)}button:active{font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}button .gux-avatar{box-sizing:border-box;display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-avatar-xsmall-content-size);block-size:var(--gse-ui-avatar-xsmall-content-size);padding:0;margin:0;overflow:hidden;color:var(--gse-ui-avatar-media-initialsForeground-inverse);cursor:pointer;background:none;background-color:var(--gse-ui-avatar-media-initialsBackground-default);border:none;border-radius:50%}button .gux-avatar .gux-avatar-initials{font-family:var(--gse-ui-avatar-small-initials-fontFamily);font-size:var(--gse-ui-avatar-xsmall-initials-fontSize);font-weight:var(--gse-ui-avatar-xsmall-initials-fontWeight);line-height:var(--gse-ui-avatar-small-initials-lineHeight);text-transform:uppercase}button .gux-avatar.gux-accent-1{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent1)}button .gux-avatar.gux-accent-2{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent2)}button .gux-avatar.gux-accent-3{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent3)}button .gux-avatar.gux-accent-4{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent4)}button .gux-avatar.gux-accent-5{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent5)}button .gux-avatar.gux-accent-6{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent6)}button .gux-avatar.gux-accent-7{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent7)}button .gux-avatar.gux-accent-8{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent8)}button .gux-avatar.gux-accent-9{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent9)}button .gux-avatar.gux-accent-10{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent10)}button .gux-avatar.gux-accent-11{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent11)}button .gux-avatar.gux-accent-12{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent12)}button .gux-avatar.gux-accent-inherit{color:inherit;background-color:inherit}";export{m as gux_avatar_group_add_item_beta,h as gux_avatar_overflow_beta,k as gux_avatar_overflow_item_beta}
|
|
1
|
+
import{r as a,h as e,H as t,a as i}from"./p-mm833MRp.js";import{t as o}from"./p-fYICKdK-.js";import{g as r}from"./p-vciQk5kR.js";import{b as n}from"./p-D_8CR3cJ.js";import{a as s,c as u,o as c}from"./p-C8aV-TzO.js";import{O as l}from"./p-CuMZPTZF.js";import{l as d}from"./p-DxtJDeL9.js";import{a as g}from"./p-Bg4q97BS.js";import{g as v,a as f}from"./p-BV03_Ljp.js";import"./p-Cd4R0amv.js";var b={addToGroup:"Add more items to group"};const m=class{constructor(e){a(this,e)}async componentWillLoad(){o(this.root),this.i18n=await n(this.root,b)}async hideTooltip(){return await this.tooltip.hideTooltip()}onKeydown(a){r(a,this.root)}render(){return e(t,{key:"e3c797d9189deca186a63d94dfe8e47546aafb93",role:"menuitem"},e("button",{key:"9ba6102cf8c149d91120d20e8f722a8eab8c1682",type:"button","aria-label":this.i18n("addToGroup"),tabIndex:-1,class:"gux-avatar"},e("span",{key:"d20afaafda88a92ab2cb77e567c4fa83d4f7d251","aria-hidden":"true"},"+"),e("gux-tooltip-beta",{key:"99c295a40eba04b4038773f39ccbfa4a6bd35e5e","aria-hidden":"true","visual-only":!0,placement:"top",ref:a=>this.tooltip=a},e("div",{key:"79554aab23080111c36090aaf8c299c63929fd29",slot:"content"},this.i18n("addToGroup")))))}static get delegatesFocus(){return!0}get root(){return i(this)}};m.style="button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-avatar-small-content-size);block-size:var(--gse-ui-avatar-small-content-size);padding:0;margin:0;overflow:hidden;font-family:var(--gse-ui-avatar-small-initials-fontFamily);font-size:var(--gse-ui-avatar-small-initials-fontSize);font-weight:var(--gse-ui-avatar-small-initials-fontWeight);line-height:var(--gse-ui-avatar-small-initials-lineHeight);color:var(--gse-ui-avatar-media-initialsForeground-add);cursor:pointer;background:none;background-color:var(--gse-ui-avatar-media-initialsBackground-add);border:none;border-radius:50%}button:focus-visible,button:hover{position:relative;z-index:var(--gse-semantic-zIndex-showFocus)}button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}";const h=class{constructor(e){a(this,e),this.delayTime=250,this.count=0,this.expanded=!1}async componentWillLoad(){o(this.root)}componentDidLoad(){this.expanded&&this.runUpdatePosition()}componentDidUpdate(){this.expanded?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){clearTimeout(this.focusDelayTimeout),clearTimeout(this.hideDelayTimeout),this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}onClickOutside(){this.expanded=!1}onKeydown(a){switch(r(a,this.root),a.key){case"Escape":this.hide(),"GUX-AVATAR-OVERFLOW-ITEM-BETA"===a.target.tagName&&(this.focusDelayTimeout=g((()=>{var a;null===(a=this.overflowButtonElement)||void 0===a||a.focus()})));break;case"Tab":this.hide()}}onClick(a){a.stopPropagation(),"GUX-AVATAR-OVERFLOW-ITEM-BETA"===a.target.tagName&&(this.menuElement.scrollTop=0,this.expanded=!1)}async guxClose(){this.hide()}runUpdatePosition(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.root.isConnected?this.cleanupUpdatePosition=s(this.overflowButtonElement,this.menuElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){this.root&&u(this.overflowButtonElement,this.menuElement,{placement:"bottom-start",strategy:"fixed",middleware:[c({mainAxis:4,crossAxis:4})]}).then((({x:a,y:e})=>{Object.assign(this.menuElement.style,{left:`${a}px`,top:`${e}px`})}))}getCount(){const a=Array.from(this.root.children);if(a.some((a=>"GUX-AVATAR-OVERFLOW-ITEM-BETA"!==a.tagName))&&d(this.root,"Only gux-avatar-overflow-item-beta elements are allowed as children."),a)return a.length}toggleOverflowMenu(){this.expanded?this.hide():this.show()}show(){clearTimeout(this.hideDelayTimeout),this.expanded=!0,this.hideDelayTimeout=g((()=>{this.focusOnMenu()}))}hide(){this.expanded&&(this.hideDelayTimeout=setTimeout((()=>{this.expanded=!1}),this.delayTime))}focusOnMenu(){Array.from(this.root.children)[0].focus()}render(){return e(t,{key:"64b5c8b7f33da69fb393fc5060374075ab571d21",role:"menuitem"},e("button",{key:"81e46738d19ef28e4ed939a5389b82fa892c890b",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:"6cbc0b04551b65d83ed84210f83a3e6eae9dbf93",class:"gux-avatar-overflow-wrapper"},e("span",{key:"b9d61a4d1bdc45a0c44512a6003552200115266f",class:"gux-avatar-overflow-content"}," +",this.getCount()))),e("div",{key:"93862a7c0d0c3ae0f07184df81a1d0db18c0d044",class:{"gux-menu-wrapper":!0,"gux-shown":this.expanded},ref:a=>this.menuElement=a},e("div",{key:"5731a29a40bb26bc52f8efd6871aecce758bec55",role:"menu",class:"gux-menu-content"},e("slot",{key:"e681cd6c3b21ba2274890d0e2f0d1ac4d7f4173e"}))))}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:"aa5e1c3e0bf1ea5c907196cd9ceb4fedb4fcfcff",role:"menuitem"},e("button",{key:"04f8491d0f32f11a9a9f00b558e7dd8617ef7a99",type:"button","aria-label":this.name,tabIndex:-1},e("span",{key:"f324c2224168d2727604dd6beaf5257428306776",class:{"gux-avatar":!0,[v(this.accent,this.name)]:!0}},e("slot",{key:"c149c671110081ae7c11e7f2ac36f7f796943b06",name:"image"},e("span",{key:"7ae1f845a1a9847937ae10450dab800f08b74d71",class:"gux-avatar-initials","aria-hidden":"true"},f(this.name)))),e("span",{key:"bdd42952e6bc0114c41d473962436860428c28cb"},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);overflow-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,h as s,a as i}from"./p-mm833MRp.js";import{O as a}from"./p-CuMZPTZF.js";import{w as o}from"./p-kLXvN2m9.js";import{a as r}from"./p-Bg4q97BS.js";import{t as n}from"./p-
|
|
1
|
+
import{r as t,c as e,h as s,a as i}from"./p-mm833MRp.js";import{O as a}from"./p-CuMZPTZF.js";import{w as o}from"./p-kLXvN2m9.js";import{a as r}from"./p-Bg4q97BS.js";import{t as n}from"./p-fYICKdK-.js";const c=["primary","secondary","tertiary"];const u=class{constructor(s){t(this,s),this.open=e(this,"open",7),this.close=e(this,"close",7),this.disabled=!1,this.accent="secondary",this.guxAriaLabel="",this.isOpen=!1}handleKeydown(t){const e=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,e.includes(this.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"Enter":case"ArrowDown":e.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList());break;case"ArrowUp":e.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusLastItemInPopupList())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.dropdownButton)&&(this.isOpen=!0,this.focusFirstItemInPopupList())}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():(this.listElement.blur(),this.close.emit())}onClickOutside(){this.isOpen=!1}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){r((()=>{this.listElement.focus()}))}focusFirstItemInPopupList(){r((()=>{this.listElement.guxFocusFirstItem()}))}focusLastItemInPopupList(){r((()=>{this.listElement.guxFocusLastItem()}))}onListClick(t){o("gux-list-item",t,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}componentWillLoad(){n(this.root,{variant:this.accent})}render(){return s("gux-popup",{key:"5a81a67cffefdeb82aa5237f1b518b86a20015a0",expanded:this.isOpen,"exceed-target-width":!0,placement:"bottom-end"},s("div",{key:"4b177bf7b5a3bfe97c51340c4b3c9a4cdf939136",slot:"target",class:"gux-button-multi-container"},s("gux-button-slot",{key:"a8d9b7b16913346bf9f8c89d108a0691842d60b9",class:"gux-dropdown-button",accent:(t=this.accent,c.find((e=>e===t))?t:"secondary")},s("button",{key:"8f96eb500ca6848b1159eb0ef8e3270e228d9f8f",type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),"aria-label":this.guxAriaLabel},s("slot",{key:"3b219746c2b37f9ef93d5dfe02f3c6acb7fad5f2",name:"title"}),s("gux-icon",{key:"c4f1926e05d996327424b9d9669ac863d9b1b4d2",size:"small",decorative:!0,"icon-name":"custom/chevron-down-small-regular"})))),s("div",{key:"3db9d56b02ea2446796f270af5da05b8d1c1755e",class:"gux-list-container",slot:"popup"},s("gux-list",{key:"add4f255a32ceb2b7c12ef86b898bc476ba6a940",onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},s("slot",{key:"83a4ae7d4615e2c38b6c9d899a7ae3f47092eb7a"}))));var t}static get delegatesFocus(){return!0}get root(){return i(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,e,s,i){var a,o=arguments.length,r=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,s,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(r=(o<3?a(r):o>3?a(e,s,r):a(e,s))||r);o>3&&r&&Object.defineProperty(e,s,r)})([a({triggerEvents:"mousedown"})],u.prototype,"onClickOutside",null),u.style=":host{display:block;-webkit-user-select:none;user-select:none}.gux-button-multi-container .gux-dropdown-button button{display:inline-flex;align-items:center}.gux-button-multi-container .gux-dropdown-button button gux-icon{margin-inline-start:var(--gse-ui-button-gap)}.gux-list-container{max-inline-size:220px;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{u as gux_button_multi}
|