genesys-spark-components 4.47.0 → 4.48.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/genesys-webcomponents.cjs.js +1 -1
- package/dist/cjs/gux-accordion-section.cjs.entry.js +5 -5
- package/dist/cjs/gux-accordion.cjs.entry.js +2 -2
- package/dist/cjs/gux-action-button.cjs.entry.js +2 -2
- package/dist/cjs/gux-action-toast-legacy.cjs.entry.js +2 -2
- package/dist/cjs/gux-advanced-dropdown-legacy.cjs.entry.js +3 -3
- package/dist/cjs/gux-all-row-select.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-badge.cjs.entry.js +2 -2
- package/dist/cjs/gux-blank-state.cjs.entry.js +2 -2
- package/dist/cjs/gux-breadcrumb-item.cjs.entry.js +1 -1
- package/dist/cjs/gux-breadcrumbs.cjs.entry.js +2 -2
- package/dist/cjs/gux-button-multi.cjs.entry.js +2 -2
- package/dist/cjs/gux-button-slot.cjs.entry.js +2 -2
- package/dist/cjs/gux-button.cjs.entry.js +3 -3
- package/dist/cjs/gux-calendar.cjs.entry.js +2 -2
- package/dist/cjs/gux-card.cjs.entry.js +3 -3
- package/dist/cjs/gux-column-manager-item.cjs.entry.js +3 -3
- package/dist/cjs/gux-column-manager.cjs.entry.js +2 -2
- package/dist/cjs/gux-content-search.cjs.entry.js +3 -3
- package/dist/cjs/gux-context-menu.cjs.entry.js +3 -3
- package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js +2 -2
- package/dist/cjs/gux-create-option.cjs.entry.js +2 -2
- 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 +2 -2
- package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js +3 -3
- package/dist/cjs/gux-dismiss-button.cjs.entry.js +2 -2
- package/dist/cjs/gux-dropdown-multi-tag.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown-multi.cjs.entry.js +2 -2
- package/dist/cjs/gux-dropdown-option.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown_3.cjs.entry.js +4 -4
- package/dist/cjs/gux-flag-icon-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-flyout-menu.cjs.entry.js +3 -3
- package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +3 -3
- package/dist/cjs/gux-form-field-color.cjs.entry.js +4 -4
- package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +3 -3
- package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-number_3.cjs.entry.js +24 -13
- package/dist/cjs/gux-form-field-phone.cjs.entry.js +4 -4
- package/dist/cjs/gux-form-field-radio.cjs.entry.js +3 -3
- package/dist/cjs/gux-form-field-range.cjs.entry.js +3 -3
- package/dist/cjs/gux-form-field-search.cjs.entry.js +4 -4
- package/dist/cjs/gux-form-field-select.cjs.entry.js +4 -4
- package/dist/cjs/gux-form-field-text-like.cjs.entry.js +4 -4
- package/dist/cjs/gux-form-field-textarea.cjs.entry.js +3 -3
- package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +4 -4
- package/dist/cjs/gux-form-field-time-zone-picker.cjs.entry.js +3 -3
- package/dist/cjs/gux-icon.cjs.entry.js +2 -2
- package/dist/cjs/gux-inline-alert.cjs.entry.js +3 -3
- package/dist/cjs/gux-list-divider.cjs.entry.js +1 -1
- package/dist/cjs/gux-list-item.cjs.entry.js +1 -1
- package/dist/cjs/gux-list.cjs.entry.js +2 -2
- package/dist/cjs/gux-listbox-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-loading-message.cjs.entry.js +2 -2
- package/dist/cjs/gux-menu-option.cjs.entry.js +1 -1
- package/dist/cjs/gux-menu.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal-legacy.cjs.entry.js +3 -3
- package/dist/cjs/gux-modal.cjs.entry.js +3 -3
- package/dist/cjs/gux-month-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js +2 -2
- package/dist/cjs/gux-option-group-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-option-icon.cjs.entry.js +2 -2
- package/dist/cjs/gux-option-multi.cjs.entry.js +2 -2
- package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +2 -2
- package/dist/cjs/gux-pagination-buttons-legacy_3.cjs.entry.js +4 -4
- package/dist/cjs/gux-pagination-buttons_2.cjs.entry.js +2 -2
- package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-items-per-page.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-legacy.cjs.entry.js +2 -2
- package/dist/cjs/gux-pagination.cjs.entry.js +2 -2
- package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-list.cjs.entry.js +3 -3
- package/dist/cjs/gux-popup.cjs.entry.js +3 -3
- package/dist/cjs/gux-radial-loading.cjs.entry.js +2 -2
- package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
- package/dist/cjs/gux-rating.cjs.entry.js +2 -2
- package/dist/cjs/gux-row-select.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 +4 -11
- package/dist/cjs/gux-selector-cards-beta.cjs.entry.js +25 -0
- package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js +2 -2
- package/dist/cjs/gux-skip-navigation-item.cjs.entry.js +1 -1
- package/dist/cjs/gux-skip-navigation-list.cjs.entry.js +2 -2
- package/dist/cjs/gux-sort-control.cjs.entry.js +4 -4
- package/dist/cjs/gux-submenu.cjs.entry.js +3 -3
- package/dist/cjs/gux-switch-item.cjs.entry.js +1 -1
- package/dist/cjs/gux-switch-legacy.cjs.entry.js +2 -2
- package/dist/cjs/gux-tab-advanced-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-tab-advanced-panel.cjs.entry.js +1 -1
- package/dist/cjs/gux-tab-advanced.cjs.entry.js +2 -2
- package/dist/cjs/gux-tab-list.cjs.entry.js +2 -2
- package/dist/cjs/gux-tab-panel.cjs.entry.js +1 -1
- package/dist/cjs/gux-tab.cjs.entry.js +2 -2
- package/dist/cjs/gux-table-select-menu.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +2 -2
- package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +2 -2
- package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +2 -2
- package/dist/cjs/gux-table-toolbar.cjs.entry.js +3 -3
- package/dist/cjs/gux-table.cjs.entry.js +2 -2
- package/dist/cjs/gux-tabs-advanced.cjs.entry.js +2 -2
- package/dist/cjs/gux-tabs.cjs.entry.js +2 -2
- package/dist/cjs/gux-tag.cjs.entry.js +2 -2
- package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-time-picker.cjs.entry.js +2 -2
- package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js +3 -3
- package/dist/cjs/gux-toast.cjs.entry.js +3 -3
- package/dist/cjs/gux-toggle-slider.cjs.entry.js +2 -2
- package/dist/cjs/gux-toggle.cjs.entry.js +3 -3
- package/dist/cjs/gux-tooltip-base-beta.cjs.entry.js +3 -3
- package/dist/cjs/gux-tooltip-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-tooltip-title.cjs.entry.js +2 -2
- package/dist/cjs/gux-tooltip.cjs.entry.js +3 -3
- package/dist/cjs/gux-truncate.cjs.entry.js +2 -2
- package/dist/cjs/index-7fb02c8c.js +4 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{usage-f9a0cbb5.js → usage-209e8039.js} +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/beta/gux-selector-cards/gux-selector-card/gux-selector-card.css +18 -16
- package/dist/collection/components/beta/gux-selector-cards/gux-selector-card/gux-selector-card.js +3 -11
- package/dist/collection/components/beta/gux-selector-cards/gux-selector-cards.css +5 -0
- package/dist/collection/components/beta/gux-selector-cards/gux-selector-cards.js +26 -0
- package/dist/collection/components/beta/gux-selector-cards/tests/gux-selector-cards.e2e.js +110 -0
- package/dist/collection/components/beta/gux-selector-cards/tests/gux-selector-cards.spec.js +85 -0
- package/dist/collection/components/beta/gux-time/gux-time.js +1 -1
- package/dist/collection/components/beta/gux-time-zone-picker/gux-time-zone-picker.js +2 -2
- package/dist/collection/components/beta/gux-tooltip-base/gux-tooltip-base.js +2 -2
- package/dist/collection/components/beta/gux-tooltip-beta/gux-tooltip.js +1 -1
- package/dist/collection/components/legacy/gux-action-toast-legacy/gux-action-toast.js +1 -1
- package/dist/collection/components/legacy/gux-advanced-dropdown-legacy/dropdown-option/gux-dropdown-option.js +1 -1
- package/dist/collection/components/legacy/gux-advanced-dropdown-legacy/gux-advanced-dropdown.js +2 -2
- package/dist/collection/components/legacy/gux-disclosure-button-legacy/gux-disclosure-button.js +2 -2
- package/dist/collection/components/legacy/gux-modal-legacy/gux-modal-legacy.js +2 -2
- package/dist/collection/components/legacy/gux-notification-toast-legacy/gux-notification-toast.js +1 -1
- package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-buttons-legacy/gux-pagination-buttons.js +1 -1
- package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-item-counts-legacy/gux-pagination-item-counts.js +2 -2
- package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-items-per-page-legacy/gux-pagination-items-per-page.js +1 -1
- package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination.js +1 -1
- package/dist/collection/components/legacy/gux-simple-toast-legacy/gux-simple-toast.js +1 -1
- package/dist/collection/components/legacy/gux-switch-legacy/gux-switch-item/gux-switch-item.js +1 -1
- package/dist/collection/components/legacy/gux-switch-legacy/gux-switch.js +1 -1
- package/dist/collection/components/stable/gux-accordion/gux-accordion-section/gux-accordion-section.js +5 -5
- package/dist/collection/components/stable/gux-accordion/gux-accordion.js +1 -1
- package/dist/collection/components/stable/gux-action-button/gux-action-button.js +1 -1
- package/dist/collection/components/stable/gux-badge/gux-badge.js +1 -1
- package/dist/collection/components/stable/gux-blank-state/gux-blank-state.js +1 -1
- package/dist/collection/components/stable/gux-breadcrumbs/breadcrumb-item/gux-breadcrumb-item.js +1 -1
- package/dist/collection/components/stable/gux-breadcrumbs/gux-breadcrumbs.js +1 -1
- package/dist/collection/components/stable/gux-button/gux-button.js +2 -2
- package/dist/collection/components/stable/gux-button-multi/gux-button-multi.js +1 -1
- package/dist/collection/components/stable/gux-button-slot/gux-button-slot.js +1 -1
- package/dist/collection/components/stable/gux-calendar/gux-calendar.js +1 -1
- package/dist/collection/components/stable/gux-card/gux-card.js +2 -2
- package/dist/collection/components/stable/gux-column-manager/gux-column-manager-item/gux-column-manager-item.js +3 -3
- package/dist/collection/components/stable/gux-column-manager/gux-column-manager.js +1 -1
- package/dist/collection/components/stable/gux-content-search/gux-content-search.js +2 -2
- package/dist/collection/components/stable/gux-context-menu/gux-context-menu.js +2 -2
- package/dist/collection/components/stable/gux-copy-to-clipboard/gux-copy-to-clipboard.js +1 -1
- package/dist/collection/components/stable/gux-datepicker/gux-datepicker.js +1 -1
- package/dist/collection/components/stable/gux-dismiss-button/gux-dismiss-button.js +1 -1
- package/dist/collection/components/stable/gux-dropdown/gux-dropdown.js +1 -1
- package/dist/collection/components/stable/gux-dropdown-multi/gux-dropdown-multi-tag/gux-dropdown-multi-tag.js +1 -1
- package/dist/collection/components/stable/gux-dropdown-multi/gux-dropdown-multi.js +1 -1
- package/dist/collection/components/stable/gux-flyout-menu/gux-flyout-menu.js +2 -2
- package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-menu-option/gux-menu-option.js +1 -1
- package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-menu.js +1 -1
- package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-submenu/gux-submenu.js +3 -3
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-checkbox/gux-form-field-checkbox.js +2 -2
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-color/gux-form-field-color.js +3 -3
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-dropdown/gux-form-field-dropdown.js +2 -2
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-number/gux-form-field-number.js +3 -3
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-phone/gux-form-field-phone.js +3 -3
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-radio/gux-form-field-radio.js +2 -2
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-range/gux-form-field-range.js +2 -2
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-search/gux-form-field-search.js +3 -3
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-select/gux-form-field-select.js +3 -3
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-text-like/gux-form-field-text-like.js +3 -3
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-textarea/gux-form-field-textarea.js +2 -2
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-picker/gux-form-field-time-picker.js +3 -3
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-zone-picker/gux-form-field-time-zone-picker.js +2 -2
- package/dist/collection/components/stable/gux-form-field/helper-components/gux-form-field-input-clear-button/gux-form-field-input-clear-button.js +1 -1
- package/dist/collection/components/stable/gux-icon/gux-icon.js +1 -1
- package/dist/collection/components/stable/gux-inline-alert/gux-inline-alert.js +2 -2
- package/dist/collection/components/stable/gux-list/gux-list-divider/gux-list-divider.js +1 -1
- package/dist/collection/components/stable/gux-list/gux-list-item/gux-list-item.js +1 -1
- package/dist/collection/components/stable/gux-list/gux-list.js +1 -1
- package/dist/collection/components/stable/gux-listbox/option-group/gux-option-group.js +1 -1
- package/dist/collection/components/stable/gux-listbox/options/gux-option/gux-option.js +2 -2
- package/dist/collection/components/stable/gux-listbox/options/gux-option-icon/gux-option-icon.js +2 -2
- package/dist/collection/components/stable/gux-listbox-multi/gux-create-option/gux-create-option.js +2 -2
- package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.js +2 -2
- package/dist/collection/components/stable/gux-loading-message/gux-loading-message.js +1 -1
- package/dist/collection/components/stable/gux-modal/gux-modal.js +2 -2
- package/dist/collection/components/stable/gux-page-loading-spinner/gux-page-loading-spinner.js +1 -1
- package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-buttons.js +1 -1
- package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-ellipsis-button/gux-pagination-ellipsis-button.js +1 -1
- package/dist/collection/components/stable/gux-pagination/gux-pagination-item-counts/gux-pagination-item-counts.js +1 -1
- package/dist/collection/components/stable/gux-pagination/gux-pagination-items-per-page/gux-pagination-items-per-page.js +1 -1
- package/dist/collection/components/stable/gux-pagination/gux-pagination.js +1 -1
- package/dist/collection/components/stable/gux-popover/gux-popover.css +12 -3
- package/dist/collection/components/stable/gux-popover/gux-popover.js +18 -7
- package/dist/collection/components/stable/gux-popover-list/gux-popover-list.js +2 -2
- package/dist/collection/components/stable/gux-popup/gux-popup.js +3 -3
- package/dist/collection/components/stable/gux-radial-loading/gux-radial-loading.js +1 -1
- package/dist/collection/components/stable/gux-rating/gux-rating.js +1 -1
- package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-item/gux-skip-navigation-item.js +1 -1
- package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-list.js +1 -1
- package/dist/collection/components/stable/gux-table/gux-all-row-select/gux-all-row-select.js +1 -1
- package/dist/collection/components/stable/gux-table/gux-row-select/gux-row-select.js +1 -1
- package/dist/collection/components/stable/gux-table/gux-sort-control/gux-sort-control.js +3 -3
- package/dist/collection/components/stable/gux-table/gux-table-select-menu/gux-table-select-menu.js +1 -1
- package/dist/collection/components/stable/gux-table/gux-table.js +1 -1
- package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-action/gux-table-toolbar-action.js +1 -1
- package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-custom-action/gux-table-toolbar-custom-action.js +1 -1
- package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-menu-button/gux-table-toolbar-menu-button.js +1 -1
- package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar.js +2 -2
- package/dist/collection/components/stable/gux-tabs/gux-tab/gux-tab.js +2 -2
- package/dist/collection/components/stable/gux-tabs/gux-tab-list/gux-tab-list.js +2 -2
- package/dist/collection/components/stable/gux-tabs/gux-tab-panel/gux-tab-panel.js +1 -1
- package/dist/collection/components/stable/gux-tabs/gux-tabs.js +1 -1
- package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced/gux-tab-advanced.js +2 -2
- package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-list/gux-tab-advanced-list.js +1 -1
- package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-panel/gux-tab-advanced-panel.js +1 -1
- package/dist/collection/components/stable/gux-tabs-advanced/gux-tabs-advanced.js +1 -1
- package/dist/collection/components/stable/gux-tag/gux-tag.js +1 -1
- package/dist/collection/components/stable/gux-time-picker/gux-time-picker.js +1 -1
- package/dist/collection/components/stable/gux-toast/gux-toast.js +2 -2
- package/dist/collection/components/stable/gux-toggle/gux-toggle-slider/gux-toggle-slider.js +2 -2
- package/dist/collection/components/stable/gux-toggle/gux-toggle.js +2 -2
- package/dist/collection/components/stable/gux-tooltip/gux-tooltip.js +2 -2
- package/dist/collection/components/stable/gux-tooltip-title/gux-tooltip-title.js +2 -2
- package/dist/collection/components/stable/gux-truncate/gux-truncate.js +2 -2
- package/dist/esm/genesys-webcomponents.js +1 -1
- package/dist/esm/gux-accordion-section.entry.js +5 -5
- package/dist/esm/gux-accordion.entry.js +2 -2
- package/dist/esm/gux-action-button.entry.js +2 -2
- package/dist/esm/gux-action-toast-legacy.entry.js +2 -2
- package/dist/esm/gux-advanced-dropdown-legacy.entry.js +3 -3
- package/dist/esm/gux-all-row-select.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-badge.entry.js +2 -2
- package/dist/esm/gux-blank-state.entry.js +2 -2
- package/dist/esm/gux-breadcrumb-item.entry.js +1 -1
- package/dist/esm/gux-breadcrumbs.entry.js +2 -2
- package/dist/esm/gux-button-multi.entry.js +2 -2
- package/dist/esm/gux-button-slot.entry.js +2 -2
- package/dist/esm/gux-button.entry.js +3 -3
- package/dist/esm/gux-calendar.entry.js +2 -2
- package/dist/esm/gux-card.entry.js +3 -3
- package/dist/esm/gux-column-manager-item.entry.js +3 -3
- package/dist/esm/gux-column-manager.entry.js +2 -2
- package/dist/esm/gux-content-search.entry.js +3 -3
- package/dist/esm/gux-context-menu.entry.js +3 -3
- package/dist/esm/gux-copy-to-clipboard.entry.js +2 -2
- package/dist/esm/gux-create-option.entry.js +2 -2
- 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 +2 -2
- package/dist/esm/gux-disclosure-button-legacy.entry.js +3 -3
- package/dist/esm/gux-dismiss-button.entry.js +2 -2
- package/dist/esm/gux-dropdown-multi-tag.entry.js +1 -1
- package/dist/esm/gux-dropdown-multi.entry.js +2 -2
- package/dist/esm/gux-dropdown-option.entry.js +1 -1
- package/dist/esm/gux-dropdown_3.entry.js +4 -4
- package/dist/esm/gux-flag-icon-beta.entry.js +1 -1
- package/dist/esm/gux-flyout-menu.entry.js +3 -3
- package/dist/esm/gux-form-field-checkbox.entry.js +3 -3
- package/dist/esm/gux-form-field-color.entry.js +4 -4
- package/dist/esm/gux-form-field-dropdown.entry.js +3 -3
- package/dist/esm/gux-form-field-input-clear-button.entry.js +2 -2
- package/dist/esm/gux-form-field-number_3.entry.js +24 -13
- package/dist/esm/gux-form-field-phone.entry.js +4 -4
- package/dist/esm/gux-form-field-radio.entry.js +3 -3
- package/dist/esm/gux-form-field-range.entry.js +3 -3
- package/dist/esm/gux-form-field-search.entry.js +4 -4
- package/dist/esm/gux-form-field-select.entry.js +4 -4
- package/dist/esm/gux-form-field-text-like.entry.js +4 -4
- package/dist/esm/gux-form-field-textarea.entry.js +3 -3
- package/dist/esm/gux-form-field-time-picker.entry.js +4 -4
- package/dist/esm/gux-form-field-time-zone-picker.entry.js +3 -3
- package/dist/esm/gux-icon.entry.js +2 -2
- package/dist/esm/gux-inline-alert.entry.js +3 -3
- package/dist/esm/gux-list-divider.entry.js +1 -1
- package/dist/esm/gux-list-item.entry.js +1 -1
- package/dist/esm/gux-list.entry.js +2 -2
- package/dist/esm/gux-listbox-multi.entry.js +1 -1
- package/dist/esm/gux-loading-message.entry.js +2 -2
- package/dist/esm/gux-menu-option.entry.js +1 -1
- package/dist/esm/gux-menu.entry.js +1 -1
- package/dist/esm/gux-modal-legacy.entry.js +3 -3
- package/dist/esm/gux-modal.entry.js +3 -3
- package/dist/esm/gux-month-picker-beta.entry.js +1 -1
- package/dist/esm/gux-notification-toast-legacy.entry.js +2 -2
- package/dist/esm/gux-option-group-beta.entry.js +1 -1
- package/dist/esm/gux-option-icon.entry.js +2 -2
- package/dist/esm/gux-option-multi.entry.js +2 -2
- package/dist/esm/gux-page-loading-spinner.entry.js +2 -2
- package/dist/esm/gux-pagination-buttons-legacy_3.entry.js +4 -4
- package/dist/esm/gux-pagination-buttons_2.entry.js +2 -2
- package/dist/esm/gux-pagination-cursor.entry.js +1 -1
- package/dist/esm/gux-pagination-items-per-page.entry.js +1 -1
- package/dist/esm/gux-pagination-legacy.entry.js +2 -2
- package/dist/esm/gux-pagination.entry.js +2 -2
- package/dist/esm/gux-phone-input-beta.entry.js +1 -1
- package/dist/esm/gux-popover-list.entry.js +3 -3
- package/dist/esm/gux-popup.entry.js +3 -3
- package/dist/esm/gux-radial-loading.entry.js +2 -2
- package/dist/esm/gux-radial-progress.entry.js +1 -1
- package/dist/esm/gux-rating.entry.js +2 -2
- package/dist/esm/gux-row-select.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 +4 -11
- package/dist/esm/gux-selector-cards-beta.entry.js +21 -0
- package/dist/esm/gux-simple-toast-legacy.entry.js +2 -2
- package/dist/esm/gux-skip-navigation-item.entry.js +1 -1
- package/dist/esm/gux-skip-navigation-list.entry.js +2 -2
- package/dist/esm/gux-sort-control.entry.js +4 -4
- package/dist/esm/gux-submenu.entry.js +3 -3
- package/dist/esm/gux-switch-item.entry.js +1 -1
- package/dist/esm/gux-switch-legacy.entry.js +2 -2
- package/dist/esm/gux-tab-advanced-list.entry.js +1 -1
- package/dist/esm/gux-tab-advanced-panel.entry.js +1 -1
- package/dist/esm/gux-tab-advanced.entry.js +2 -2
- package/dist/esm/gux-tab-list.entry.js +2 -2
- package/dist/esm/gux-tab-panel.entry.js +1 -1
- package/dist/esm/gux-tab.entry.js +2 -2
- package/dist/esm/gux-table-select-menu.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-action.entry.js +2 -2
- package/dist/esm/gux-table-toolbar-custom-action.entry.js +2 -2
- package/dist/esm/gux-table-toolbar-menu-button.entry.js +2 -2
- package/dist/esm/gux-table-toolbar.entry.js +3 -3
- package/dist/esm/gux-table.entry.js +2 -2
- package/dist/esm/gux-tabs-advanced.entry.js +2 -2
- package/dist/esm/gux-tabs.entry.js +2 -2
- package/dist/esm/gux-tag.entry.js +2 -2
- package/dist/esm/gux-text-highlight.entry.js +1 -1
- package/dist/esm/gux-time-beta.entry.js +2 -2
- package/dist/esm/gux-time-picker.entry.js +2 -2
- package/dist/esm/gux-time-zone-picker-beta.entry.js +3 -3
- package/dist/esm/gux-toast.entry.js +3 -3
- package/dist/esm/gux-toggle-slider.entry.js +2 -2
- package/dist/esm/gux-toggle.entry.js +3 -3
- package/dist/esm/gux-tooltip-base-beta.entry.js +3 -3
- package/dist/esm/gux-tooltip-beta.entry.js +2 -2
- package/dist/esm/gux-tooltip-title.entry.js +2 -2
- package/dist/esm/gux-tooltip.entry.js +3 -3
- package/dist/esm/gux-truncate.entry.js +2 -2
- package/dist/esm/index-da21b737.js +4 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{usage-fcaa2337.js → usage-f213108b.js} +1 -1
- package/dist/genesys-webcomponents/genesys-webcomponents.css +3 -3
- package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
- package/dist/genesys-webcomponents/{p-5d0c4684.entry.js → p-020a7782.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-60ca63c6.entry.js → p-04c20eac.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3969c3c2.entry.js → p-0620774c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-928048c6.entry.js → p-07d5a6a2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5a1fd1fb.entry.js → p-09e034c5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-053eafcf.entry.js → p-0eea8e1c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2210925d.entry.js → p-10149dca.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-139e5a39.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-a9068ad5.entry.js → p-13fb700b.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-14a7276b.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-2a4d1fd5.entry.js → p-14a7c5d5.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-14c3a90b.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-8eca577c.entry.js → p-14c3e2d3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d67d0946.entry.js → p-18289312.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-91fdb305.entry.js → p-19daa7a3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e1c4171b.entry.js → p-20297a95.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-2149e651.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-e5e1fa01.entry.js → p-24934c84.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-00a9d738.entry.js → p-2729a4de.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-78cfe2ea.entry.js → p-28137f75.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b99cc5fe.entry.js → p-2dbb8c2b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ca5f27b5.entry.js → p-2fb1771f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2ac2b4b7.entry.js → p-3188b413.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e81253d0.entry.js → p-353b8256.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1bfb07c4.entry.js → p-3935eb7a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cfcb2f7e.entry.js → p-3d80d3ee.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-41e11d17.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-b1cf010b.js → p-41f0cd04.js} +1 -1
- package/dist/genesys-webcomponents/{p-24dadabc.entry.js → p-42147d98.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b6929e70.entry.js → p-430a4c43.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-468ea384.entry.js +1 -0
- package/dist/genesys-webcomponents/p-491b86ed.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-9cf07066.entry.js → p-495167a7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f29a854f.entry.js → p-4b3f3b68.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2cc02211.entry.js → p-50a14154.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-52738d76.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-343ac753.entry.js → p-54cf4cd6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fabccea4.entry.js → p-553287e4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-94458728.entry.js → p-556c033d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fd2e3f97.entry.js → p-55bcee50.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d41f7c8d.entry.js → p-5de7491f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-81206a0f.entry.js → p-60667f15.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0c562f9a.entry.js → p-60ce4f03.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d5545571.entry.js → p-63479774.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-acbd6bf7.entry.js → p-65444615.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-867e3639.entry.js → p-66e3c7c6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-83595b3c.entry.js → p-67fe774e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c402fa57.entry.js → p-683c1f38.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-6890ea75.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-65edc57d.entry.js → p-68b2307f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c429a08c.entry.js → p-6b577929.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-26987193.entry.js → p-6c6d72c2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-42db1066.entry.js → p-6f069d5d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-53a871df.entry.js → p-6f433a88.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7539c50b.entry.js → p-7064147b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-81298765.entry.js → p-732d2940.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f97de653.entry.js → p-73f39977.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f58b30b4.entry.js → p-7848ff4f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2231ac93.entry.js → p-78c35481.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-7c911d43.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-e6918c21.entry.js → p-7f51474b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-daae8e7e.entry.js → p-80226f69.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-80768488.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-97157fb7.entry.js → p-8a0ed911.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-51f778a9.entry.js → p-8c046bb4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-77766491.entry.js → p-8d8ed69a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-01b50466.entry.js → p-8e696128.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a4dd0cd9.entry.js → p-8fa1010b.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-907948d5.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-af2a69d6.entry.js → p-927f380b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-01649195.entry.js → p-93461089.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bb9112e0.entry.js → p-9443705a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b39af8ad.entry.js → p-950204bd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-09b8d068.entry.js → p-962eab32.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-80593498.entry.js → p-97ec494d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-14f5542b.entry.js → p-9ef86db5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6d41deba.entry.js → p-a27e30b4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-511bc936.entry.js → p-a58ecf62.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a82b7525.entry.js → p-a5a2fdc9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-881b91c8.entry.js → p-ac7ff2af.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-193f77ac.entry.js → p-b1840f85.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-99c4d44e.entry.js → p-b1bd88db.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-eb6bc691.entry.js → p-b2ee7968.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-00a18441.entry.js → p-b5b45552.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0dfb683e.entry.js → p-b7d1fed4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c1ac63a9.entry.js → p-b81d1284.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3d4f471f.entry.js → p-bc43df15.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7336f62f.entry.js → p-bfbc9125.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-88baa629.entry.js → p-c036f747.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1c84e4fe.entry.js → p-c2c1c61a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ac519cd5.entry.js → p-c8399180.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a21c21b7.entry.js → p-c953803c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bf8fe046.entry.js → p-ccb6eb4b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7177154b.entry.js → p-cf7a831e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7b37338e.entry.js → p-cfe5a4cc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4bbb833a.entry.js → p-d3a41dfc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cd0bf196.entry.js → p-d3b987bd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-87dcee18.entry.js → p-d478186a.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-d51e526d.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-cc8fc8ab.entry.js → p-d766678e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9d65b983.entry.js → p-da10b346.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-edc82b22.entry.js → p-dc07a851.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0f95e450.entry.js → p-dcecf614.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-deca7076.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-4569401c.entry.js → p-e1e87f00.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9aaa835a.entry.js → p-e33260ac.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fcdf4b1a.entry.js → p-e91e2dd6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-10b52e0f.entry.js → p-eb85d8e0.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-ec52f993.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-d8a7c84a.entry.js → p-f1090dfd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bb72199e.entry.js → p-f147f6ab.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d298ad4f.entry.js → p-f38a2d99.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-f4b9692c.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-587938aa.entry.js → p-f73d666d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-780fe9b9.entry.js → p-f7ca1064.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-605557bf.entry.js → p-fad9e673.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1f2e336e.entry.js → p-fe5b09c9.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-ffea4786.entry.js +1 -0
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/components/beta/gux-selector-cards/gux-selector-card/gux-selector-card.d.ts +0 -2
- package/dist/types/components/beta/gux-selector-cards/gux-selector-cards.d.ts +9 -0
- package/dist/types/components.d.ts +13 -0
- package/dist/types/stencil-wrapper.d.ts +1 -1
- package/package.json +1 -1
- package/dist/genesys-webcomponents/p-1d8b176c.entry.js +0 -1
- package/dist/genesys-webcomponents/p-1f892e36.entry.js +0 -1
- package/dist/genesys-webcomponents/p-2d77d975.entry.js +0 -1
- package/dist/genesys-webcomponents/p-5460fe48.entry.js +0 -1
- package/dist/genesys-webcomponents/p-58070ef3.entry.js +0 -1
- package/dist/genesys-webcomponents/p-5a59c3c6.entry.js +0 -1
- package/dist/genesys-webcomponents/p-5bd81f56.entry.js +0 -1
- package/dist/genesys-webcomponents/p-63fc062f.entry.js +0 -1
- package/dist/genesys-webcomponents/p-6e921556.entry.js +0 -1
- package/dist/genesys-webcomponents/p-7628ec5d.entry.js +0 -1
- package/dist/genesys-webcomponents/p-7c95edaf.entry.js +0 -1
- package/dist/genesys-webcomponents/p-93faaa11.entry.js +0 -1
- package/dist/genesys-webcomponents/p-a2901549.entry.js +0 -1
- package/dist/genesys-webcomponents/p-e8ea1d90.entry.js +0 -1
- package/dist/genesys-webcomponents/p-ea934b6f.entry.js +0 -1
- package/dist/genesys-webcomponents/p-f5aab147.entry.js +0 -1
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as i,h as a,g as e}from"./p-2e827df1.js";import{e as s}from"./p-ea5e1b2f.js";import{r as o}from"./p-0934300e.js";import{a as n}from"./p-cf0e7d3b.js";import{b as d}from"./p-0367930a.js";import{t as r}from"./p-363466e3.js";import"./p-4202e9f2.js";const u=class{constructor(a){t(this,a),this.internalactivatetabpanel=i(this,"internalactivatetabpanel",7),this.dropdownOptionsButtonId=o(),this.tabTitle="",this.focusinFromClick=!1,this.tabId=void 0,this.active=!1,this.guxDisabled=!1,this.popoverHidden=!0}onFocusin(t){!this.focusinFromClick&&t.target.classList.contains("gux-tab-button")&&this.tooltipTitleElement.setShowTooltip()}onFocusout(t){this.root.querySelector(".gux-tab").contains(t.relatedTarget)||(this.popoverHidden=!0),t.target.classList.contains("gux-tab-button")&&this.tooltipTitleElement.setHideTooltip(),this.focusinFromClick=!1}onKeydown(t){switch(t.key){case"ArrowDown":s(".gux-tab-options-trigger",t)&&(t.stopPropagation(),t.preventDefault(),this.popoverHidden=!1,this.focusFirstItemInPopupList()),s('gux-list[slot="dropdown-options"]',t)&&(t.stopImmediatePropagation(),t.stopPropagation());break;case"Enter":s(".gux-tab-options-trigger",t)&&(t.stopPropagation(),t.preventDefault(),this.popoverHidden=!1,this.focusFirstItemInPopupList());break;case"Escape":s('gux-list[slot="dropdown-options"]',t)&&(t.stopPropagation(),this.popoverHidden=!0,n((()=>{var t;null===(t=this.tabOptionsButtonElement)||void 0===t||t.focus()})));break;case"ArrowRight":case"ArrowLeft":case"ArrowUp":case"Tab":case"Home":case"End":s('gux-list[slot="dropdown-options"]',t)&&(t.stopImmediatePropagation(),t.stopPropagation())}}onKeyup(t){" "===t.key&&s(".gux-tab-options-trigger",t)&&this.focusFirstItemInPopupList()}onClick(t){s(".gux-tab-options-trigger",t)||this.active||this.guxDisabled||this.internalactivatetabpanel.emit(this.tabId)}onMouseDown(){this.focusinFromClick=!0}async guxSetActive(t){this.active=t}async guxGetActive(){return this.active}async guxFocus(){this.buttonElement.focus()}get hasDropdownOptions(){return Boolean(this.root.querySelector('gux-list[slot="dropdown-options"]'))}focusFirstItemInPopupList(){const t=this.root.querySelector('gux-list[slot="dropdown-options"]');n((()=>{null==t||t.guxFocusFirstItem()}))}toggleOptions(){this.popoverHidden=!this.popoverHidden}onSelectDropdownOption(t){this.popoverHidden=!0,t.stopPropagation(),n((()=>{this.tabOptionsButtonElement.focus()}))}async componentWillLoad(){this.i18n=await d(this.root,r,"gux-tabs-advanced")}componentDidLoad(){this.tabTitle=this.root.querySelector("gux-tooltip-title").textContent.trim()}popoverOnClick(t){t.stopPropagation()}renderTabOptions(){return this.hasDropdownOptions?a("div",{class:"gux-tab-options"},a("gux-button-slot",{accent:"ghost"},a("button",{id:this.dropdownOptionsButtonId,"aria-expanded":(!this.popoverHidden).toString(),type:"button",class:"gux-tab-options-trigger",ref:t=>this.tabOptionsButtonElement=t,onClick:()=>this.toggleOptions(),tabIndex:this.active?0:-1,disabled:this.guxDisabled},a("gux-icon",{"icon-name":"fa/ellipsis-vertical-regular","screenreader-text":this.i18n("options",{tabTitle:this.tabTitle})}))),a("gux-popover-list",{position:"top-end",for:this.dropdownOptionsButtonId,displayDismissButton:!1,"is-open":!this.popoverHidden,closeOnClickOutside:!0,onGuxdismiss:()=>this.popoverHidden=!0,onClick:t=>this.popoverOnClick(t),onFocusout:t=>t.stopImmediatePropagation()},a("div",{class:"gux-dropdown-options-container",onClick:t=>this.onSelectDropdownOption(t)},a("slot",{name:"dropdown-options"})))):null}renderTabButton(){return a("button",{class:"gux-tab-button",type:"button",role:"tab",disabled:this.guxDisabled,"aria-selected":this.active.toString(),"aria-disabled":this.guxDisabled.toString(),"aria-controls":`gux-${this.tabId}-panel`,ref:t=>this.buttonElement=t,tabIndex:this.active?0:-1,id:`gux-${this.tabId}-tab`},a("gux-tooltip-title",{ref:t=>this.tooltipTitleElement=t},a("span",{class:"gux-tab-button-text"},a("slot",null))))}render(){return[a("div",{key:"
|
1
|
+
import{r as t,c as i,h as a,g as e}from"./p-2e827df1.js";import{e as s}from"./p-ea5e1b2f.js";import{r as o}from"./p-0934300e.js";import{a as n}from"./p-cf0e7d3b.js";import{b as d}from"./p-0367930a.js";import{t as r}from"./p-363466e3.js";import"./p-4202e9f2.js";const u=class{constructor(a){t(this,a),this.internalactivatetabpanel=i(this,"internalactivatetabpanel",7),this.dropdownOptionsButtonId=o(),this.tabTitle="",this.focusinFromClick=!1,this.tabId=void 0,this.active=!1,this.guxDisabled=!1,this.popoverHidden=!0}onFocusin(t){!this.focusinFromClick&&t.target.classList.contains("gux-tab-button")&&this.tooltipTitleElement.setShowTooltip()}onFocusout(t){this.root.querySelector(".gux-tab").contains(t.relatedTarget)||(this.popoverHidden=!0),t.target.classList.contains("gux-tab-button")&&this.tooltipTitleElement.setHideTooltip(),this.focusinFromClick=!1}onKeydown(t){switch(t.key){case"ArrowDown":s(".gux-tab-options-trigger",t)&&(t.stopPropagation(),t.preventDefault(),this.popoverHidden=!1,this.focusFirstItemInPopupList()),s('gux-list[slot="dropdown-options"]',t)&&(t.stopImmediatePropagation(),t.stopPropagation());break;case"Enter":s(".gux-tab-options-trigger",t)&&(t.stopPropagation(),t.preventDefault(),this.popoverHidden=!1,this.focusFirstItemInPopupList());break;case"Escape":s('gux-list[slot="dropdown-options"]',t)&&(t.stopPropagation(),this.popoverHidden=!0,n((()=>{var t;null===(t=this.tabOptionsButtonElement)||void 0===t||t.focus()})));break;case"ArrowRight":case"ArrowLeft":case"ArrowUp":case"Tab":case"Home":case"End":s('gux-list[slot="dropdown-options"]',t)&&(t.stopImmediatePropagation(),t.stopPropagation())}}onKeyup(t){" "===t.key&&s(".gux-tab-options-trigger",t)&&this.focusFirstItemInPopupList()}onClick(t){s(".gux-tab-options-trigger",t)||this.active||this.guxDisabled||this.internalactivatetabpanel.emit(this.tabId)}onMouseDown(){this.focusinFromClick=!0}async guxSetActive(t){this.active=t}async guxGetActive(){return this.active}async guxFocus(){this.buttonElement.focus()}get hasDropdownOptions(){return Boolean(this.root.querySelector('gux-list[slot="dropdown-options"]'))}focusFirstItemInPopupList(){const t=this.root.querySelector('gux-list[slot="dropdown-options"]');n((()=>{null==t||t.guxFocusFirstItem()}))}toggleOptions(){this.popoverHidden=!this.popoverHidden}onSelectDropdownOption(t){this.popoverHidden=!0,t.stopPropagation(),n((()=>{this.tabOptionsButtonElement.focus()}))}async componentWillLoad(){this.i18n=await d(this.root,r,"gux-tabs-advanced")}componentDidLoad(){this.tabTitle=this.root.querySelector("gux-tooltip-title").textContent.trim()}popoverOnClick(t){t.stopPropagation()}renderTabOptions(){return this.hasDropdownOptions?a("div",{class:"gux-tab-options"},a("gux-button-slot",{accent:"ghost"},a("button",{id:this.dropdownOptionsButtonId,"aria-expanded":(!this.popoverHidden).toString(),type:"button",class:"gux-tab-options-trigger",ref:t=>this.tabOptionsButtonElement=t,onClick:()=>this.toggleOptions(),tabIndex:this.active?0:-1,disabled:this.guxDisabled},a("gux-icon",{"icon-name":"fa/ellipsis-vertical-regular","screenreader-text":this.i18n("options",{tabTitle:this.tabTitle})}))),a("gux-popover-list",{position:"top-end",for:this.dropdownOptionsButtonId,displayDismissButton:!1,"is-open":!this.popoverHidden,closeOnClickOutside:!0,onGuxdismiss:()=>this.popoverHidden=!0,onClick:t=>this.popoverOnClick(t),onFocusout:t=>t.stopImmediatePropagation()},a("div",{class:"gux-dropdown-options-container",onClick:t=>this.onSelectDropdownOption(t)},a("slot",{name:"dropdown-options"})))):null}renderTabButton(){return a("button",{class:"gux-tab-button",type:"button",role:"tab",disabled:this.guxDisabled,"aria-selected":this.active.toString(),"aria-disabled":this.guxDisabled.toString(),"aria-controls":`gux-${this.tabId}-panel`,ref:t=>this.buttonElement=t,tabIndex:this.active?0:-1,id:`gux-${this.tabId}-tab`},a("gux-tooltip-title",{ref:t=>this.tooltipTitleElement=t},a("span",{class:"gux-tab-button-text"},a("slot",null))))}render(){return[a("div",{key:"7232b4ea821333584f49fe7a6469535adb73a14f",class:{"gux-tab":!0,"gux-selected":this.active,"gux-dropdown-options":this.hasDropdownOptions,"gux-disabled":this.guxDisabled}},a("div",{key:"ef208b379472c711370f36f3ca21fe573e31c5ef",class:"gux-buttons"},this.renderTabButton(),this.renderTabOptions()),a("div",{key:"613fc134e3b326571ff892e93b01740b78a85d3f",class:"gux-divider"}))]}get root(){return e(this)}};u.style="gux-tab-advanced .gux-tab{display:flex;align-items:center;border-color:transparent;border-top-width:var(--gse-ui-advancedTabs-item-indicator-height);border-bottom-style:solid;border-bottom-width:var(--gse-ui-advancedTabs-item-indicator-height)}gux-tab-advanced .gux-tab .gux-buttons{display:flex;flex:1 1 0;gap:var(--gse-ui-advancedTabs-item-gap);align-items:center;width:var(--gse-ui-advancedTabs-item-width);min-width:0}gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button{all:unset;flex:1 1 0;width:100px;min-width:0;padding:var(--gse-ui-advancedTabs-item-padding)}gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button:focus-visible{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset);border-radius:var(--gse-ui-advancedTabs-item-focus-borderRadius);outline-offset:calc(-1 * var(--gse-semantic-focusRing-default-border-width))}gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button .gux-tab-button-text{font-family:var(--gse-ui-advancedTabs-item-itemText-fontFamily);font-size:var(--gse-ui-advancedTabs-item-itemText-fontSize);font-weight:var(--gse-ui-advancedTabs-item-itemText-fontWeight);line-height:var(--gse-ui-advancedTabs-item-itemText-lineHeight);color:var(--gse-ui-advancedTabs-item-text-color);white-space:nowrap}gux-tab-advanced .gux-tab .gux-tab-options .gux-tab-options-trigger gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}gux-tab-advanced .gux-tab .gux-tab-options .gux-tab-options-container{--no-op:none}gux-tab-advanced .gux-tab .gux-divider{width:var(--gse-ui-advancedTabs-item-divider-right-width);height:var(--gse-ui-advancedTabs-item-divider-right-height);background-color:var(--gse-ui-advancedTabs-divider-dividerColor)}gux-tab-advanced .gux-tab:hover:not(.gux-disabled),gux-tab-advanced .gux-tab:focus-within{border-bottom-color:var(--gse-ui-advancedTabs-item-indicator-activeColor)}gux-tab-advanced .gux-tab.gux-selected{background-color:var(--gse-ui-advancedTabs-item-backgroundColor);border-bottom-color:var(--gse-ui-advancedTabs-item-indicator-activeColor)}gux-tab-advanced .gux-tab.gux-selected.gux-disabled{border-bottom-color:color-mix(in srgb, var(--gse-ui-advancedTabs-item-indicator-activeColor) 50%, white)}gux-tab-advanced .gux-tab.gux-disabled .gux-buttons .gux-tab-button .gux-tab-button-text{color:color-mix(in srgb, var(--gse-ui-advancedTabs-item-text-color) 50%, white)}";export{u as gux_tab_advanced}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,c as t,h as a,g as n}from"./p-2e827df1.js";import{a as r}from"./p-cf0e7d3b.js";import{b as d,c as i,a as s,f as o}from"./p-9349b5e4.js";import{t as u}from"./p-b1cf010b.js";import{g as l,a as c}from"./p-0367930a.js";import{c as g}from"./p-267e2aed.js";import{u as h,d as x}from"./p-0b7e4626.js";import"./p-4202e9f2.js";function b(e,t){f(e,"remove",t)}function f(e=[],t,a){const n=[].concat(e);for(const e of n)e.classList[t](a)}function v(e,t){return h()?g(x(t,{year:"numeric",month:"long"}).format(e)):g(e.toLocaleDateString(t,{year:"numeric",month:"long"}))}const m=class{constructor(a){e(this,a),this.calendarSelect=t(this,"calendarSelect",7),this.locale="en",this.value="",this.minDate="",this.maxDate="",this.mode="single",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.previewValue=new Date,this.selectingDate=null}emitCalendarSelect(){this.calendarSelect.emit(this.value)}async setValue(e){if("range"===this.mode&&e instanceof Array){const[t,a]=e;this.value=d(t,a),this.previewValue=i(this.value)[0]}else{const t=e;this.value=s(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),r((()=>{this.focusPreviewDate()}))}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=[],d=new Date,s=r.getFullYear()===d.getFullYear()&&r.getMonth()===d.getMonth()&&r.getDate()===d.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(s&&a.push("gux-current-date"),"range"===this.mode){const[e,n]=i(this.value),r=e.getTime(),d=n.getTime();t.getTime()===r&&t.getTime()===d?(c=!0,a.push("gux-selected")):t.getTime()===r?(c=!0,a.push("gux-selected"),a.push("gux-start-date")):t.getTime()===d&&(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:s}),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)b(this.getAllDatesElements(),"gux-hovered"),this.selectingDate=new Date(e.valueOf()),this.value=d(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=d(e,this.selectingDate),this.updateRangeElements())}updateRangeElements(){if("range"===this.mode){b(this.getAllDatesElements(),"gux-hovered");const[e,t]=i(this.value);f(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":this.incrementPreviewDateByMonth(1),this.onDateMouseEnter(this.previewValue);break;case"PageDown":this.incrementPreviewDateByMonth(-1),this.onDateMouseEnter(this.previewValue)}}componentWillLoad(){if(u(this.root,{variant:this.mode}),this.locale=l(this.root),this.startDayOfWeek=this.startDayOfWeek||c(this.locale),!this.value){const e=new Date;e.setHours(0,0,0,0),this.value="range"===this.mode?d(e,e):s(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,v(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,(d=t)>r.length?d%r.length:d));var r,d}(this.locale,this.startDayOfWeek).map((e=>a("th",null,e)))),this.getMonthDays(e).map((e=>a("tr",null,e.map((e=>a("td",{tabindex:this.isFocusableDate(e)?"0":"-1",class:e.class,"aria-hidden":e.hidden?"true":"false","aria-disabled":e.disabled?"true":"false","data-date":e.date.getTime(),onClick:()=>{this.onDateClick(e.date)},onMouseEnter:()=>this.onDateMouseEnter(e.date),onKeyDown:e=>{this.onKeyDown(e)}},a("div",{class:"gux-date"},e.date.getDate(),a("span",{class:"gux-sr-only"},v(e.date,this.locale))))))))))}render(){return a("div",{key:"78dcd6c1611b43c00866ab252ca7f3e12fbdd31d",class:"gux-calendar"},a("div",{key:"db52b803f9c409dee234f4e57752e190d56a1a3f",class:"gux-header"},a("button",{key:"498732f8152ef0c17c967a94ba11254c10bf6311",type:"button",class:"gux-left",onClick:()=>this.incrementPreviewDateByMonth(-1),tabindex:"-1","aria-hidden":"true"},a("gux-icon",{key:"9a40471fc32e25fc7dac510deb78e2cc9d6305c9",decorative:!0,"icon-name":"custom/chevron-left-small-regular"})),this.renderMonthHeader(),a("button",{key:"ec4dd5ef298ade5d0da4bfe8cdbf82530fcbcb92",type:"button",class:"gux-right",onClick:()=>this.incrementPreviewDateByMonth(1),tabindex:"-1","aria-hidden":"true"},a("gux-icon",{key:"09a6f80c4b1ec95322e34f243c744eb6a40b680d",decorative:!0,"icon-name":"custom/chevron-right-small-regular"}))),a("div",{key:"755b85ebaf4009451415070971babccf641f2997",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-top:2px;border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius);box-shadow:var(--gse-ui-calendarMenu-boxShadow-x) var(--gse-ui-calendarMenu-boxShadow-y) var(--gse-ui-calendarMenu-boxShadow-blur) var(--gse-ui-calendarMenu-boxShadow-spread) var(--gse-ui-calendarMenu-boxShadow-color)}.gux-calendar .gux-header{position:relative;display:flex;gap:var(--gse-ui-calendarMenu-header-gap);align-items:center;justify-content:space-between;height:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);font-weight:var(--gse-ui-calendarMenu-month-currentText-fontWeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-calendar .gux-header button{position:absolute;color:var(--gse-ui-calendarMenu-month-monthHeader-foregroundColor);cursor:pointer;background:none;border:none;outline:none}.gux-calendar .gux-header button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color)}.gux-calendar .gux-header button.gux-left{left:18px}.gux-calendar .gux-header button.gux-right{right:18px}.gux-calendar .gux-header button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);pointer-events:none}.gux-calendar .gux-header .gux-month-list{display:flex;justify-content:space-between;width: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{width:100%;text-align:center}.gux-calendar .gux-content{display:flex;align-items:flex-start;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{width:var(--gse-ui-calendarMenu-day-input-width);text-align:left;table-layout:fixed;border-spacing:0;-ms-user-select:none;user-select:none}.gux-calendar .gux-content table:not(:last-child){padding-right:24px}.gux-calendar .gux-content table tr{height: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{width:var(--gse-ui-calendarMenu-day-date-size);height: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;width:var(--gse-ui-calendarMenu-day-date-size);height: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:16px 0 0 16px}.gux-calendar .gux-content table tr td.gux-end-date{border-radius:0 16px 16px 0}.gux-calendar .gux-content table tr td:hover:not(.gux-calendar .gux-content table tr td.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-end-date):not(.gux-calendar .gux-content table tr td.gux-hovered):not(.gux-calendar .gux-content table tr td.gux-selected){background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-disabled{pointer-events:none;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month{opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month:hover{background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor)}.gux-calendar .gux-content table tr td.gux-not-in-month.gux-hidden{visibility:hidden}.gux-calendar .gux-content table tr td.gux-current-date{font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-currentText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-currentText-lineHeight)}.gux-calendar .gux-content table tr td:focus-visible{border-radius:var(--gse-ui-calendarMenu-month-focusBorderRadius);outline:var(--gse-semantic-focusRing-default-border-width) solid var(--gse-semantic-focusRing-default-border-color)}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{m as gux_calendar}
|
1
|
+
import{r as e,c as t,h as a,g as n}from"./p-2e827df1.js";import{a as r}from"./p-cf0e7d3b.js";import{b as d,c as i,a as s,f as o}from"./p-9349b5e4.js";import{t as u}from"./p-41f0cd04.js";import{g as l,a as c}from"./p-0367930a.js";import{c as g}from"./p-267e2aed.js";import{u as h,d as x}from"./p-0b7e4626.js";import"./p-4202e9f2.js";function b(e,t){f(e,"remove",t)}function f(e=[],t,a){const n=[].concat(e);for(const e of n)e.classList[t](a)}function v(e,t){return h()?g(x(t,{year:"numeric",month:"long"}).format(e)):g(e.toLocaleDateString(t,{year:"numeric",month:"long"}))}const m=class{constructor(a){e(this,a),this.calendarSelect=t(this,"calendarSelect",7),this.locale="en",this.value="",this.minDate="",this.maxDate="",this.mode="single",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.previewValue=new Date,this.selectingDate=null}emitCalendarSelect(){this.calendarSelect.emit(this.value)}async setValue(e){if("range"===this.mode&&e instanceof Array){const[t,a]=e;this.value=d(t,a),this.previewValue=i(this.value)[0]}else{const t=e;this.value=s(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),r((()=>{this.focusPreviewDate()}))}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=[],d=new Date,s=r.getFullYear()===d.getFullYear()&&r.getMonth()===d.getMonth()&&r.getDate()===d.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(s&&a.push("gux-current-date"),"range"===this.mode){const[e,n]=i(this.value),r=e.getTime(),d=n.getTime();t.getTime()===r&&t.getTime()===d?(c=!0,a.push("gux-selected")):t.getTime()===r?(c=!0,a.push("gux-selected"),a.push("gux-start-date")):t.getTime()===d&&(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:s}),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)b(this.getAllDatesElements(),"gux-hovered"),this.selectingDate=new Date(e.valueOf()),this.value=d(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=d(e,this.selectingDate),this.updateRangeElements())}updateRangeElements(){if("range"===this.mode){b(this.getAllDatesElements(),"gux-hovered");const[e,t]=i(this.value);f(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":this.incrementPreviewDateByMonth(1),this.onDateMouseEnter(this.previewValue);break;case"PageDown":this.incrementPreviewDateByMonth(-1),this.onDateMouseEnter(this.previewValue)}}componentWillLoad(){if(u(this.root,{variant:this.mode}),this.locale=l(this.root),this.startDayOfWeek=this.startDayOfWeek||c(this.locale),!this.value){const e=new Date;e.setHours(0,0,0,0),this.value="range"===this.mode?d(e,e):s(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,v(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,(d=t)>r.length?d%r.length:d));var r,d}(this.locale,this.startDayOfWeek).map((e=>a("th",null,e)))),this.getMonthDays(e).map((e=>a("tr",null,e.map((e=>a("td",{tabindex:this.isFocusableDate(e)?"0":"-1",class:e.class,"aria-hidden":e.hidden?"true":"false","aria-disabled":e.disabled?"true":"false","data-date":e.date.getTime(),onClick:()=>{this.onDateClick(e.date)},onMouseEnter:()=>this.onDateMouseEnter(e.date),onKeyDown:e=>{this.onKeyDown(e)}},a("div",{class:"gux-date"},e.date.getDate(),a("span",{class:"gux-sr-only"},v(e.date,this.locale))))))))))}render(){return a("div",{key:"b82550835383b3ffd80d13da7510e8e781e7b8d1",class:"gux-calendar"},a("div",{key:"7c191964ff7d917f0d7a5b67afb08bc92163538c",class:"gux-header"},a("button",{key:"11860e63df40c1ddc686b90e6b045fb696bfae01",type:"button",class:"gux-left",onClick:()=>this.incrementPreviewDateByMonth(-1),tabindex:"-1","aria-hidden":"true"},a("gux-icon",{key:"28a93841800e06f17135882eb231c54ae2aebc7f",decorative:!0,"icon-name":"custom/chevron-left-small-regular"})),this.renderMonthHeader(),a("button",{key:"23e16a300ab5a1b8de3178bf88a2b4a6326bdf95",type:"button",class:"gux-right",onClick:()=>this.incrementPreviewDateByMonth(1),tabindex:"-1","aria-hidden":"true"},a("gux-icon",{key:"925d29f22112259fe5082d2051546d58aee7c789",decorative:!0,"icon-name":"custom/chevron-right-small-regular"}))),a("div",{key:"dbc45c6c17eee5770e7c77856c10bd4f35a0b59c",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-top:2px;border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius);box-shadow:var(--gse-ui-calendarMenu-boxShadow-x) var(--gse-ui-calendarMenu-boxShadow-y) var(--gse-ui-calendarMenu-boxShadow-blur) var(--gse-ui-calendarMenu-boxShadow-spread) var(--gse-ui-calendarMenu-boxShadow-color)}.gux-calendar .gux-header{position:relative;display:flex;gap:var(--gse-ui-calendarMenu-header-gap);align-items:center;justify-content:space-between;height:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);font-weight:var(--gse-ui-calendarMenu-month-currentText-fontWeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-calendar .gux-header button{position:absolute;color:var(--gse-ui-calendarMenu-month-monthHeader-foregroundColor);cursor:pointer;background:none;border:none;outline:none}.gux-calendar .gux-header button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color)}.gux-calendar .gux-header button.gux-left{left:18px}.gux-calendar .gux-header button.gux-right{right:18px}.gux-calendar .gux-header button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);pointer-events:none}.gux-calendar .gux-header .gux-month-list{display:flex;justify-content:space-between;width: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{width:100%;text-align:center}.gux-calendar .gux-content{display:flex;align-items:flex-start;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{width:var(--gse-ui-calendarMenu-day-input-width);text-align:left;table-layout:fixed;border-spacing:0;-ms-user-select:none;user-select:none}.gux-calendar .gux-content table:not(:last-child){padding-right:24px}.gux-calendar .gux-content table tr{height: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{width:var(--gse-ui-calendarMenu-day-date-size);height: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;width:var(--gse-ui-calendarMenu-day-date-size);height: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:16px 0 0 16px}.gux-calendar .gux-content table tr td.gux-end-date{border-radius:0 16px 16px 0}.gux-calendar .gux-content table tr td:hover:not(.gux-calendar .gux-content table tr td.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-end-date):not(.gux-calendar .gux-content table tr td.gux-hovered):not(.gux-calendar .gux-content table tr td.gux-selected){background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-disabled{pointer-events:none;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month{opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month:hover{background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor)}.gux-calendar .gux-content table tr td.gux-not-in-month.gux-hidden{visibility:hidden}.gux-calendar .gux-content table tr td.gux-current-date{font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-currentText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-currentText-lineHeight)}.gux-calendar .gux-content table tr td:focus-visible{border-radius:var(--gse-ui-calendarMenu-month-focusBorderRadius);outline:var(--gse-semantic-focusRing-default-border-width) solid var(--gse-semantic-focusRing-default-border-color)}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{m as gux_calendar}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,d as s,w as i,h as o,g as e}from"./p-2e827df1.js";import{a as r}from"./p-cf0e7d3b.js";import{b as l}from"./p-0367930a.js";import{O as a}from"./p-01471ba0.js";import"./p-4202e9f2.js";const c={scrollLeft:"Scroll Left",scrollRight:"Scroll Right",scrollUp:"Scroll Up",scrollDown:"Scroll Down"};const n=class{constructor(s){t(this,s),this.currentScrollIndex=0,this.focused=0,this.tabTriggers=void 0,this.hasHorizontalScrollbar=!1,this.hasVerticalScrollbar=!1,this.isScrolledToBeginning=!1,this.isScrolledToEnd=!1}onFocusout(t){this.root.contains(t.relatedTarget)||this.tabTriggers.forEach(((t,s)=>{t.guxGetActive().then((i=>{i?this.focused=s:t.querySelector("button").setAttribute("tabindex","-1")}))}))}onHasVerticalScrollBar(){this.checkDisabledScrollButtons()}onScroll(){this.checkDisabledScrollButtons()}onKeydown(t){switch(t.key){case"ArrowRight":case"ArrowDown":t.preventDefault(),this.handleKeyboardScroll("forward");break;case"ArrowLeft":case"ArrowUp":t.preventDefault(),this.handleKeyboardScroll("backward");break;case"Escape":t.preventDefault(),this.focusTab(this.focused);break;case"Home":t.preventDefault(),this.focusTab(0);break;case"End":t.preventDefault(),this.focusTab(this.tabTriggers.length-1)}}onMutation(){this.setTabTriggers()}async guxSetActive(t){this.tabTriggers.forEach(((s,i)=>{const o=s.tabId===t;s.guxSetActive(o),o&&(this.focused=i)}))}focusTab(t){this.focused=t,this.tabTriggers.forEach(((t,s)=>{t.guxGetActive().then((i=>{this.focused===s||i||t.querySelector("button").setAttribute("tabindex","-1")}))})),this.tabTriggers[this.focused].querySelector("button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].guxFocus()}setTabTriggers(){this.tabTriggers=this.root.querySelectorAll("gux-tab"),this.triggerIds=this.tabTriggers?Array.from(this.tabTriggers).map((t=>`gux-${t.getAttribute("tab-id")}-tab`)).join(" "):""}checkForScrollbarHideOrShow(){s((()=>{const t=this.root.querySelector(".gux-scrollable-section"),s=t.clientWidth<t.scrollWidth,i=t.clientHeight<t.scrollHeight;s!==this.hasHorizontalScrollbar&&(this.hasHorizontalScrollbar=s),i!==this.hasVerticalScrollbar&&(this.hasVerticalScrollbar=i),this.checkDisabledScrollButtons()}))}handleKeyboardScroll(t){const s=this.root.querySelector(".gux-scrollable-section");"forward"===t?this.focused<this.tabTriggers.length-1?(i((()=>{this.hasHorizontalScrollbar?this.scrollRight():this.scrollDown()})),this.focusTab(this.focused+1)):(i((()=>{this.hasHorizontalScrollbar?s.scrollBy(-s.scrollWidth,0):s.scrollBy(0,-s.scrollHeight)})),this.focusTab(0)):"backward"===t&&(this.focused>0?(i((()=>{this.hasHorizontalScrollbar?this.scrollLeft():this.scrollUp()})),this.focusTab(this.focused-1)):(i((()=>{this.hasHorizontalScrollbar?s.scrollBy(s.scrollWidth,0):s.scrollBy(0,s.scrollHeight)})),this.focusTab(this.tabTriggers.length-1)))}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.unobserve(this.root.querySelector(".gux-tab-container")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){this.setTabTriggers(),this.i18n=await l(this.root,c,"gux-tabs")}componentDidLoad(){!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.checkForScrollbarHideOrShow()))),this.resizeObserver&&this.resizeObserver.observe(this.root.querySelector(".gux-scrollable-section")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver((()=>this.checkForScrollbarHideOrShow()))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),r((()=>{this.checkForScrollbarHideOrShow()}),500)}checkDisabledScrollButtons(){const t=this.root.querySelector(".gux-scrollable-section");if(this.hasHorizontalScrollbar){const s=t.scrollLeft,i=t.scrollWidth-t.clientWidth;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=i-s==0}else{const s=t.scrollTop,i=t.scrollHeight-t.clientHeight;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=i-s==0}}getTabLength(){var t;return null===(t=this.tabTriggers[this.currentScrollIndex])||void 0===t?void 0:t.scrollWidth}scrollLeft(){i((()=>{this.currentScrollIndex=this.isScrolledToEnd?this.tabTriggers.length-1:this.currentScrollIndex-1,this.root.querySelector(".gux-scrollable-section").scrollBy(-this.getTabLength(),0)}))}scrollRight(){i((()=>{this.isScrolledToBeginning&&(this.currentScrollIndex=0),this.root.querySelector(".gux-scrollable-section").scrollBy(this.getTabLength(),0),this.currentScrollIndex=this.currentScrollIndex+1}))}scrollUp(){i((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,-this.tabTriggers[this.focused].clientHeight)}))}scrollDown(){i((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,this.tabTriggers[this.focused].clientHeight)}))}render(){return o("div",{key:"
|
1
|
+
import{r as t,d as s,w as i,h as o,g as e}from"./p-2e827df1.js";import{a as r}from"./p-cf0e7d3b.js";import{b as l}from"./p-0367930a.js";import{O as a}from"./p-01471ba0.js";import"./p-4202e9f2.js";const c={scrollLeft:"Scroll Left",scrollRight:"Scroll Right",scrollUp:"Scroll Up",scrollDown:"Scroll Down"};const n=class{constructor(s){t(this,s),this.currentScrollIndex=0,this.focused=0,this.tabTriggers=void 0,this.hasHorizontalScrollbar=!1,this.hasVerticalScrollbar=!1,this.isScrolledToBeginning=!1,this.isScrolledToEnd=!1}onFocusout(t){this.root.contains(t.relatedTarget)||this.tabTriggers.forEach(((t,s)=>{t.guxGetActive().then((i=>{i?this.focused=s:t.querySelector("button").setAttribute("tabindex","-1")}))}))}onHasVerticalScrollBar(){this.checkDisabledScrollButtons()}onScroll(){this.checkDisabledScrollButtons()}onKeydown(t){switch(t.key){case"ArrowRight":case"ArrowDown":t.preventDefault(),this.handleKeyboardScroll("forward");break;case"ArrowLeft":case"ArrowUp":t.preventDefault(),this.handleKeyboardScroll("backward");break;case"Escape":t.preventDefault(),this.focusTab(this.focused);break;case"Home":t.preventDefault(),this.focusTab(0);break;case"End":t.preventDefault(),this.focusTab(this.tabTriggers.length-1)}}onMutation(){this.setTabTriggers()}async guxSetActive(t){this.tabTriggers.forEach(((s,i)=>{const o=s.tabId===t;s.guxSetActive(o),o&&(this.focused=i)}))}focusTab(t){this.focused=t,this.tabTriggers.forEach(((t,s)=>{t.guxGetActive().then((i=>{this.focused===s||i||t.querySelector("button").setAttribute("tabindex","-1")}))})),this.tabTriggers[this.focused].querySelector("button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].guxFocus()}setTabTriggers(){this.tabTriggers=this.root.querySelectorAll("gux-tab"),this.triggerIds=this.tabTriggers?Array.from(this.tabTriggers).map((t=>`gux-${t.getAttribute("tab-id")}-tab`)).join(" "):""}checkForScrollbarHideOrShow(){s((()=>{const t=this.root.querySelector(".gux-scrollable-section"),s=t.clientWidth<t.scrollWidth,i=t.clientHeight<t.scrollHeight;s!==this.hasHorizontalScrollbar&&(this.hasHorizontalScrollbar=s),i!==this.hasVerticalScrollbar&&(this.hasVerticalScrollbar=i),this.checkDisabledScrollButtons()}))}handleKeyboardScroll(t){const s=this.root.querySelector(".gux-scrollable-section");"forward"===t?this.focused<this.tabTriggers.length-1?(i((()=>{this.hasHorizontalScrollbar?this.scrollRight():this.scrollDown()})),this.focusTab(this.focused+1)):(i((()=>{this.hasHorizontalScrollbar?s.scrollBy(-s.scrollWidth,0):s.scrollBy(0,-s.scrollHeight)})),this.focusTab(0)):"backward"===t&&(this.focused>0?(i((()=>{this.hasHorizontalScrollbar?this.scrollLeft():this.scrollUp()})),this.focusTab(this.focused-1)):(i((()=>{this.hasHorizontalScrollbar?s.scrollBy(s.scrollWidth,0):s.scrollBy(0,s.scrollHeight)})),this.focusTab(this.tabTriggers.length-1)))}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.unobserve(this.root.querySelector(".gux-tab-container")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){this.setTabTriggers(),this.i18n=await l(this.root,c,"gux-tabs")}componentDidLoad(){!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.checkForScrollbarHideOrShow()))),this.resizeObserver&&this.resizeObserver.observe(this.root.querySelector(".gux-scrollable-section")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver((()=>this.checkForScrollbarHideOrShow()))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),r((()=>{this.checkForScrollbarHideOrShow()}),500)}checkDisabledScrollButtons(){const t=this.root.querySelector(".gux-scrollable-section");if(this.hasHorizontalScrollbar){const s=t.scrollLeft,i=t.scrollWidth-t.clientWidth;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=i-s==0}else{const s=t.scrollTop,i=t.scrollHeight-t.clientHeight;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=i-s==0}}getTabLength(){var t;return null===(t=this.tabTriggers[this.currentScrollIndex])||void 0===t?void 0:t.scrollWidth}scrollLeft(){i((()=>{this.currentScrollIndex=this.isScrolledToEnd?this.tabTriggers.length-1:this.currentScrollIndex-1,this.root.querySelector(".gux-scrollable-section").scrollBy(-this.getTabLength(),0)}))}scrollRight(){i((()=>{this.isScrolledToBeginning&&(this.currentScrollIndex=0),this.root.querySelector(".gux-scrollable-section").scrollBy(this.getTabLength(),0),this.currentScrollIndex=this.currentScrollIndex+1}))}scrollUp(){i((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,-this.tabTriggers[this.focused].clientHeight)}))}scrollDown(){i((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,this.tabTriggers[this.focused].clientHeight)}))}render(){return o("div",{key:"e2ec14763d7b60d5ff2ad873ef216984232d4027",class:"gux-tab-container"},this.renderScrollButton(this.hasHorizontalScrollbar?"scrollLeft":"scrollUp"),o("div",{key:"f1b0b255a208c86ba27f7077f054a841083c58cb",role:"tablist",class:"gux-scrollable-section","aria-owns":this.triggerIds},o("slot",{key:"aeb2d6664af4eb0bc799a99ee043d789f4e648fe"})),this.renderScrollButton(this.hasHorizontalScrollbar?"scrollRight":"scrollDown"))}renderScrollButton(t){return o("div",{class:"gux-scroll-button-container"},this.hasHorizontalScrollbar||this.hasVerticalScrollbar?o("button",{disabled:this.getButtonDisabled(t),tabindex:"-1",title:this.i18n(t),"aria-label":this.i18n(t),class:"gux-scroll-button",onClick:()=>this.getScrollDirection(t)},o("gux-icon",{"icon-name":this.getChevronIconName(t),decorative:!0})):null)}getButtonDisabled(t){switch(t){case"scrollLeft":case"scrollUp":return this.isScrolledToBeginning;case"scrollRight":case"scrollDown":return this.isScrolledToEnd}}getScrollDirection(t){switch(t){case"scrollLeft":this.scrollLeft();break;case"scrollRight":this.scrollRight();break;case"scrollUp":this.scrollUp();break;case"scrollDown":this.scrollDown()}}getChevronIconName(t){switch(t){case"scrollLeft":return"custom/chevron-left-small-regular";case"scrollRight":return"custom/chevron-right-small-regular";case"scrollUp":return"custom/chevron-up-small-regular";case"scrollDown":return"custom/chevron-down-small-regular"}}get root(){return e(this)}};(function(t,s,i,o){var e,r=arguments.length,l=r<3?s:null===o?o=Object.getOwnPropertyDescriptor(s,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,s,i,o);else for(var a=t.length-1;a>=0;a--)(e=t[a])&&(l=(r<3?e(l):r>3?e(s,i,l):e(s,i))||l);r>3&&l&&Object.defineProperty(s,i,l)})([a({childList:!0,subtree:!0})],n.prototype,"onMutation",null),n.style="gux-tabs[orientation=vertical]{height:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container{display:flex;flex-direction:column;width:var(--gse-ui-tabs-set-vertical-width);max-width:160px;height:100%;margin-right:var(--gse-ui-tabs-set-vertical-marginRight);border-right:var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scroll-button-container{width:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scroll-button-container button{width:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scrollable-section{flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{width:0;height:0}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab-container{height:var(--gse-ui-tabs-set-horizontal-height);margin-bottom:var(--gse-ui-tabs-set-horizontal-marginBottom);border-bottom:var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-scrollable-section{overflow-x:auto}gux-tabs .gux-tab-container{box-sizing:content-box;display:flex;width:100%;overflow:hidden hidden;background-color:transparent}gux-tabs .gux-scrollable-section{display:flex;flex:1 1 auto;scroll-behavior:smooth;scrollbar-width:none}gux-tabs .gux-scrollable-section::-webkit-scrollbar{height:0}gux-tabs .gux-scroll-button-container{display:flex;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button{display:flex;align-items:center;justify-content:center;width:28px;height:40px;color:#202937;cursor:pointer;background-color:#e2e6ee;border:none;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button gux-icon{width:16px;height:16px}gux-tabs .gux-scroll-button-container .gux-scroll-button:hover:not(:disabled){background-color:#d7dce5}gux-tabs .gux-scroll-button-container .gux-scroll-button:active:not(:disabled){background-color:#d2d8e5}gux-tabs .gux-scroll-button-container .gux-scroll-button:disabled{cursor:default;opacity:0.5}";export{n as gux_tab_list}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as e,g as i}from"./p-2e827df1.js";import{O as r}from"./p-2d1bdeab.js";import{s as o}from"./p-2c25e2f2.js";import{b as s}from"./p-cf0e7d3b.js";import{g as n,b as u}from"./p-0367930a.js";import{t as a}from"./p-b1cf010b.js";import{u as c,a as l}from"./p-0b7e4626.js";import"./p-4202e9f2.js";const g={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 p(t,e){const[i,r]=t.split(":");return`${((parseInt(i,10)+e+24)%24).toString().padStart(2,"0")}:${r}`}function m(t,e,i){const[r,o]=t.split(":");let s=(parseInt(o,10)+e+60)%60;for(;s%i!=0;)s=(s+e+60)%60;return`${r}:${s.toString().padStart(2,"0")}`}function h(t,e){const[i,r]=t.split(":");return"12h"===e?`${(parseInt(i,10)%12||12).toString()}:${r}`:`${i}:${r}`}function d(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 f(t,e){const[i]=h(t,e).split(":");return i}function x(t){const[,e]=t.split(":");return e}function b(t){const[e]=t.split(":");return parseInt(e,10)<12}function v(t){return"12h"===t?"^(0?[1-9]|1[012])$":"^([01]?[0-9]|2[0-3])$"}const k=class{constructor(e){t(this,e),this.value="00:00",this.interval=60,this.step=1,this.disabled=!1,this.required=!1,this.hasError=!1,this.clockType=void 0,this.expanded=!1}onFocus(){this.valueLastChange=this.value}onBlur(){this.valueLastChange!==this.value&&o(this.root,"change")}onClickOutside(){this.expanded=!1}handleKeydown(t){switch(t.key){case"Escape":case"Tab":this.expanded=!1}}async componentWillLoad(){a(this.root),this.i18n=await u(this.root,g),this.clockType=this.clockType||function(t){let e;e=c()?l(t).toLowerCase():n(t).toLowerCase();const i=new Date("January 19, 1975 15:00:00 UTC+00:00"),r=new Intl.DateTimeFormat(e,{timeStyle:"short",timeZone:"UTC"}).format(i);return["ar","ko","zh-cn","zh-tw"].some((t=>e.startsWith(t)))||new RegExp(".*15.*").test(r)?"24h":"12h"}(this.root)}updateValue(t,e=!1){t!==this.value&&(this.value=t,o(this.root,"input"),e&&this.valueLastChange!==this.value&&(o(this.root,"change"),this.valueLastChange=this.value))}valueToId(t){return`gux-id-${t.replace(":","-")}`}focusRelevantItemInPopupList(){s((()=>{this.listElement.guxFocusItemByClosestId(this.valueToId(this.value))}))}toggleDropdown(){this.expanded=!this.expanded,this.expanded&&this.focusRelevantItemInPopupList()}handleClickDropdownValue(t){const e=d(t,this.clockType,b(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(p(this.value,-1));break;case"ArrowUp":t.preventDefault(),this.updateValue(p(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]=h(t,e).split(":");let u=s;return u="Backspace"===i?"12h"==e&&1==o?u.split("").filter(((t,e)=>e==r-1)).join(""):u.split("").filter(((t,e)=>e!==r-1)).join("").padStart(2,"0"):parseInt(u.slice(0,r)+i+u.slice(r+1),10).toString().slice(-2).padStart(2,"0"),new RegExp(v(e)).test(u)||(u="12h"===e?i:i.padStart(2,"0")),d(`${u}:${n}`,e,b(t))}(this.value,this.clockType,t.key,this.hourInputElement.selectionStart,this.hourInputElement.value.length));break;default:t.preventDefault()}}onMinuteKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(m(this.value,-1,this.step));break;case"ArrowUp":t.preventDefault(),this.updateValue(m(this.value,1,this.step));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.minuteInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i){const[r,o]=t.split(":");let s=o;return s="Backspace"===e?s.split("").filter(((t,e)=>e!==i-1)).join("").padStart(2,"0"):(s.slice(0,i)+e+s.slice(i+1)).slice(-2).padStart(2,"0"),new RegExp("^[0-5][0-9]$").test(s)||(s=e.padStart(2,"0")),`${r}:${s}`}(this.value,t.key,this.minuteInputElement.selectionStart));break;default:t.preventDefault()}}onAmPmButtonKeyDown(t){switch(t.key){case"ArrowDown":case"ArrowUp":this.toggleAmPm(t)}}onListKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.clockButton.focus())}toggleAmPm(t){t.preventDefault(),this.updateValue(p(this.value,12),!0)}getAmPmString(){return b(this.value)?this.i18n("am"):this.i18n("pm")}renderNumberInput(){return e("div",{class:"gux-input-time-container"},e("input",{class:"gux-input-time-hours",type:"text",disabled:this.disabled,value:f(this.value,this.clockType),onKeyDown:t=>this.onHourKeyDown(t),"aria-label":this.i18n("hoursInput"),pattern:v(this.clockType),ref:t=>this.hourInputElement=t}),e("span",{class:"gux-time-separator"},this.i18n("time-separator")),e("input",{class:"gux-input-time-minutes",type:"text",disabled:this.disabled,value:x(this.value),onKeyDown:t=>this.onMinuteKeyDown(t),"aria-label":this.i18n("minutesInput"),pattern:"^[0-5][0-9]$",ref:t=>this.minuteInputElement=t}))}renderAmPmSelector(){if("12h"===this.clockType)return e("button",{class:"gux-input-time-am-pm-selector",type:"button",disabled:this.disabled,"aria-label":this.i18n("toggleAmPM",{amOrPm:this.getAmPmString()}),onClick:t=>this.toggleAmPm(t),onKeyDown:t=>this.onAmPmButtonKeyDown(t)},e("div",{class:{"gux-meridiem":!0,"gux-visible":b(this.value)}},this.i18n("am")),e("div",{class:{"gux-meridiem":!0,"gux-visible":!b(this.value)}},this.i18n("pm")))}renderClockButton(){return e("button",{class:{"gux-clock-button":!0,"gux-active":this.expanded},type:"button",disabled:this.disabled,"aria-label":this.i18n("clockButton"),"aria-expanded":this.expanded.toString(),onClick:this.toggleDropdown.bind(this),ref:t=>this.clockButton=t},e("gux-icon",{decorative:!0,"icon-name":"fa/clock-regular"}))}renderTimeListItems(){return function(t,e){const i=[0,15,30,45].filter((e=>Number.isInteger(e/t))).map((t=>String(t).padStart(2,"0")));return("12h"===e?["12","1","2","3","4","5","6","7","8","9","10","11"]:Array.from(Array(24).keys()).map((t=>String(t).padStart(2,"0")))).reduce(((t,e)=>t.concat(i.map((t=>`${e}:${t}`)))),[])}(this.interval,this.clockType).map((t=>{const i=d(t,this.clockType,b(this.value));return e("gux-list-item",{id:this.valueToId(i),onClick:()=>this.handleClickDropdownValue(t)},t)}))}renderTarget(){return e("div",{class:"gux-input-time",slot:"target"},this.renderNumberInput(),this.renderAmPmSelector(),this.renderClockButton())}renderPopup(){return e("div",{slot:"popup",class:"gux-list-container",onKeyDown:t=>this.onListKeyDown(t)},e("gux-list",{ref:t=>this.listElement=t},this.renderTimeListItems()))}render(){return e("gux-popup",{key:"ae91a6b0ccd4797dd06a88fa006796f0d422827b",class:{"gux-time-picker":!0,"gux-error":this.hasError},expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return i(this)}};(function(t,e,i,r){var o,s=arguments.length,n=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var u=t.length-1;u>=0;u--)(o=t[u])&&(n=(s<3?o(n):s>3?o(e,i,n):o(e,i))||n);s>3&&n&&Object.defineProperty(e,i,n)})([r({triggerEvents:"mousedown"})],k.prototype,"onClickOutside",null),k.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;width:100%;height: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-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-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;width:2ch;padding:0;font-size:var(--gse-ui-formControl-label-text-fontSize);background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}.gux-time-picker .gux-input-time input.gux-input-time-hours{text-align:right}.gux-time-picker .gux-input-time input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector{display:grid;grid-template:auto 1fr/auto 1fr auto;place-items:flex-end;padding:0;font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);font-weight:var(--gse-ui-formControl-input-prefixSufix-text-fontWeight);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);border-radius:var(--gse-ui-timePicker-focusAmpm-borderRadius)}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{display:none;grid-row:1/1;grid-column:1/1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{display:inline-block}.gux-time-picker .gux-input-time .gux-clock-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:var(--gse-ui-timePicker-clockStates-activeColor);cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible{outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);border-radius:var(--gse-ui-timePicker-focusClock-borderRadius)}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);padding:var(--gse-ui-timePicker-clock-padding)}.gux-time-picker .gux-time-separator{padding:0 1ch}.gux-time-picker .gux-list-container{max-height: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-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}";export{k as gux_time_picker}
|
1
|
+
import{r as t,h as e,g as i}from"./p-2e827df1.js";import{O as r}from"./p-2d1bdeab.js";import{s as o}from"./p-2c25e2f2.js";import{b as s}from"./p-cf0e7d3b.js";import{g as n,b as u}from"./p-0367930a.js";import{t as a}from"./p-41f0cd04.js";import{u as c,a as l}from"./p-0b7e4626.js";import"./p-4202e9f2.js";const g={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 p(t,e){const[i,r]=t.split(":");return`${((parseInt(i,10)+e+24)%24).toString().padStart(2,"0")}:${r}`}function m(t,e,i){const[r,o]=t.split(":");let s=(parseInt(o,10)+e+60)%60;for(;s%i!=0;)s=(s+e+60)%60;return`${r}:${s.toString().padStart(2,"0")}`}function h(t,e){const[i,r]=t.split(":");return"12h"===e?`${(parseInt(i,10)%12||12).toString()}:${r}`:`${i}:${r}`}function d(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 f(t,e){const[i]=h(t,e).split(":");return i}function x(t){const[,e]=t.split(":");return e}function b(t){const[e]=t.split(":");return parseInt(e,10)<12}function v(t){return"12h"===t?"^(0?[1-9]|1[012])$":"^([01]?[0-9]|2[0-3])$"}const k=class{constructor(e){t(this,e),this.value="00:00",this.interval=60,this.step=1,this.disabled=!1,this.required=!1,this.hasError=!1,this.clockType=void 0,this.expanded=!1}onFocus(){this.valueLastChange=this.value}onBlur(){this.valueLastChange!==this.value&&o(this.root,"change")}onClickOutside(){this.expanded=!1}handleKeydown(t){switch(t.key){case"Escape":case"Tab":this.expanded=!1}}async componentWillLoad(){a(this.root),this.i18n=await u(this.root,g),this.clockType=this.clockType||function(t){let e;e=c()?l(t).toLowerCase():n(t).toLowerCase();const i=new Date("January 19, 1975 15:00:00 UTC+00:00"),r=new Intl.DateTimeFormat(e,{timeStyle:"short",timeZone:"UTC"}).format(i);return["ar","ko","zh-cn","zh-tw"].some((t=>e.startsWith(t)))||new RegExp(".*15.*").test(r)?"24h":"12h"}(this.root)}updateValue(t,e=!1){t!==this.value&&(this.value=t,o(this.root,"input"),e&&this.valueLastChange!==this.value&&(o(this.root,"change"),this.valueLastChange=this.value))}valueToId(t){return`gux-id-${t.replace(":","-")}`}focusRelevantItemInPopupList(){s((()=>{this.listElement.guxFocusItemByClosestId(this.valueToId(this.value))}))}toggleDropdown(){this.expanded=!this.expanded,this.expanded&&this.focusRelevantItemInPopupList()}handleClickDropdownValue(t){const e=d(t,this.clockType,b(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(p(this.value,-1));break;case"ArrowUp":t.preventDefault(),this.updateValue(p(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]=h(t,e).split(":");let u=s;return u="Backspace"===i?"12h"==e&&1==o?u.split("").filter(((t,e)=>e==r-1)).join(""):u.split("").filter(((t,e)=>e!==r-1)).join("").padStart(2,"0"):parseInt(u.slice(0,r)+i+u.slice(r+1),10).toString().slice(-2).padStart(2,"0"),new RegExp(v(e)).test(u)||(u="12h"===e?i:i.padStart(2,"0")),d(`${u}:${n}`,e,b(t))}(this.value,this.clockType,t.key,this.hourInputElement.selectionStart,this.hourInputElement.value.length));break;default:t.preventDefault()}}onMinuteKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(m(this.value,-1,this.step));break;case"ArrowUp":t.preventDefault(),this.updateValue(m(this.value,1,this.step));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.minuteInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i){const[r,o]=t.split(":");let s=o;return s="Backspace"===e?s.split("").filter(((t,e)=>e!==i-1)).join("").padStart(2,"0"):(s.slice(0,i)+e+s.slice(i+1)).slice(-2).padStart(2,"0"),new RegExp("^[0-5][0-9]$").test(s)||(s=e.padStart(2,"0")),`${r}:${s}`}(this.value,t.key,this.minuteInputElement.selectionStart));break;default:t.preventDefault()}}onAmPmButtonKeyDown(t){switch(t.key){case"ArrowDown":case"ArrowUp":this.toggleAmPm(t)}}onListKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.clockButton.focus())}toggleAmPm(t){t.preventDefault(),this.updateValue(p(this.value,12),!0)}getAmPmString(){return b(this.value)?this.i18n("am"):this.i18n("pm")}renderNumberInput(){return e("div",{class:"gux-input-time-container"},e("input",{class:"gux-input-time-hours",type:"text",disabled:this.disabled,value:f(this.value,this.clockType),onKeyDown:t=>this.onHourKeyDown(t),"aria-label":this.i18n("hoursInput"),pattern:v(this.clockType),ref:t=>this.hourInputElement=t}),e("span",{class:"gux-time-separator"},this.i18n("time-separator")),e("input",{class:"gux-input-time-minutes",type:"text",disabled:this.disabled,value:x(this.value),onKeyDown:t=>this.onMinuteKeyDown(t),"aria-label":this.i18n("minutesInput"),pattern:"^[0-5][0-9]$",ref:t=>this.minuteInputElement=t}))}renderAmPmSelector(){if("12h"===this.clockType)return e("button",{class:"gux-input-time-am-pm-selector",type:"button",disabled:this.disabled,"aria-label":this.i18n("toggleAmPM",{amOrPm:this.getAmPmString()}),onClick:t=>this.toggleAmPm(t),onKeyDown:t=>this.onAmPmButtonKeyDown(t)},e("div",{class:{"gux-meridiem":!0,"gux-visible":b(this.value)}},this.i18n("am")),e("div",{class:{"gux-meridiem":!0,"gux-visible":!b(this.value)}},this.i18n("pm")))}renderClockButton(){return e("button",{class:{"gux-clock-button":!0,"gux-active":this.expanded},type:"button",disabled:this.disabled,"aria-label":this.i18n("clockButton"),"aria-expanded":this.expanded.toString(),onClick:this.toggleDropdown.bind(this),ref:t=>this.clockButton=t},e("gux-icon",{decorative:!0,"icon-name":"fa/clock-regular"}))}renderTimeListItems(){return function(t,e){const i=[0,15,30,45].filter((e=>Number.isInteger(e/t))).map((t=>String(t).padStart(2,"0")));return("12h"===e?["12","1","2","3","4","5","6","7","8","9","10","11"]:Array.from(Array(24).keys()).map((t=>String(t).padStart(2,"0")))).reduce(((t,e)=>t.concat(i.map((t=>`${e}:${t}`)))),[])}(this.interval,this.clockType).map((t=>{const i=d(t,this.clockType,b(this.value));return e("gux-list-item",{id:this.valueToId(i),onClick:()=>this.handleClickDropdownValue(t)},t)}))}renderTarget(){return e("div",{class:"gux-input-time",slot:"target"},this.renderNumberInput(),this.renderAmPmSelector(),this.renderClockButton())}renderPopup(){return e("div",{slot:"popup",class:"gux-list-container",onKeyDown:t=>this.onListKeyDown(t)},e("gux-list",{ref:t=>this.listElement=t},this.renderTimeListItems()))}render(){return e("gux-popup",{key:"bdb3a57f2a256e6144e6865487a0a63441732dd5",class:{"gux-time-picker":!0,"gux-error":this.hasError},expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return i(this)}};(function(t,e,i,r){var o,s=arguments.length,n=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var u=t.length-1;u>=0;u--)(o=t[u])&&(n=(s<3?o(n):s>3?o(e,i,n):o(e,i))||n);s>3&&n&&Object.defineProperty(e,i,n)})([r({triggerEvents:"mousedown"})],k.prototype,"onClickOutside",null),k.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;width:100%;height: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-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-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;width:2ch;padding:0;font-size:var(--gse-ui-formControl-label-text-fontSize);background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}.gux-time-picker .gux-input-time input.gux-input-time-hours{text-align:right}.gux-time-picker .gux-input-time input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector{display:grid;grid-template:auto 1fr/auto 1fr auto;place-items:flex-end;padding:0;font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);font-weight:var(--gse-ui-formControl-input-prefixSufix-text-fontWeight);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);border-radius:var(--gse-ui-timePicker-focusAmpm-borderRadius)}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{display:none;grid-row:1/1;grid-column:1/1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{display:inline-block}.gux-time-picker .gux-input-time .gux-clock-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:var(--gse-ui-timePicker-clockStates-activeColor);cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible{outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);border-radius:var(--gse-ui-timePicker-focusClock-borderRadius)}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);padding:var(--gse-ui-timePicker-clock-padding)}.gux-time-picker .gux-time-separator{padding:0 1ch}.gux-time-picker .gux-list-container{max-height: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-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}";export{k as gux_time_picker}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as o,g as r}from"./p-2e827df1.js";import{c as t,o as i}from"./p-f4751a15.js";import{O as n}from"./p-01471ba0.js";import{o as a}from"./p-e5b1cffc.js";import{p as l}from"./p-a11d5d42.js";import{h as s}from"./p-6d8b4027.js";import{G as u,a as f}from"./p-4ed61122.js";import{G as
|
1
|
+
import{r as e,h as o,g as r}from"./p-2e827df1.js";import{c as t,o as i}from"./p-f4751a15.js";import{O as n}from"./p-01471ba0.js";import{o as a}from"./p-e5b1cffc.js";import{p as l}from"./p-a11d5d42.js";import{h as s}from"./p-6d8b4027.js";import{G as u,a as f}from"./p-4ed61122.js";import{G as d,a as p}from"./p-9773c4fe.js";import{v as g,a as c}from"./p-2c02d54d.js";import{t as h}from"./p-41f0cd04.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const m=class{constructor(o){e(this,o),this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help")}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help"),h(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return o(p,{key:"b6d615322b4665e220cd056b7ddc269b1e6acf76",labelPosition:this.computedLabelPosition},o(d,{key:"ac5df58df2f5936cea1c3e4b3c90df66e3536f00",position:this.computedLabelPosition,required:this.required},o("slot",{key:"041304f77f5ad972b85fbfde9d19a3e50d38471e",name:"label",onSlotchange:()=>this.setLabel()})),o("div",{key:"bb07f72d3dd643757d703ff48b439b813c12200f",class:"gux-input-and-error-container"},o("div",{key:"c64707b087cc48e30ef822f300f5a50a119dd71c",class:{"gux-input":!0,"gux-input-error":this.hasError}},o("div",{key:"baacc8768dc47af622c6dea486711495ba2b402a",class:{"gux-input-container":!0,"gux-disabled":this.disabled}},o("slot",{key:"d56e4b407b17c9b0d72fe3907deaab936e30c1d3",name:"input"}),o("gux-icon",{key:"f7801ad158649c466c7a7bbdd68b11ca9afdf5fe","icon-name":"custom/chevron-down-small-regular",decorative:!0}))),o(u,{key:"533c1fc74e0052a38796efb480f4c42c775372c1",show:this.hasError},o("slot",{key:"9234e675667b39c2f32ef087615fc9f98d4d005f",name:"error"})),o(f,{key:"be26e942e42e68c093fdbb29ccfb2dae299421f7",show:!this.hasError&&this.hasHelp},o("slot",{key:"0fcd9d8efa6253bd6ea233f1f5b26b3ab0e14ed1",name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${e}`}setInput(){this.input=this.root.querySelector('select[slot="input"]'),l(this.input),this.disabled=t(this.input),this.required=this.input.required,this.disabledObserver=i(this.input,(e=>{this.disabled=e})),this.requiredObserver=a(this.input,(e=>{this.required=e})),g(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=c(this.label,this.labelPosition)}get root(){return r(this)}};(function(e,o,r,t){var i,n=arguments.length,a=n<3?o:null===t?t=Object.getOwnPropertyDescriptor(o,r):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,o,r,t);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(a=(n<3?i(a):n>3?i(o,r,a):i(o,r))||a);n>3&&a&&Object.defineProperty(o,r,a)})([n({childList:!0,subtree:!0})],m.prototype,"onMutation",null),m.style='.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:" *"}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(select){flex:1 1 auto;align-self:auto;order:0;width:100%;margin-left:var(--gse-ui-formControl-input-gap);color:var(--gse-ui-formControl-input-populatedColor);-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;border-radius:var(--gse-ui-formControl-input-borderRadius);outline:none}::slotted(select)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{position:relative;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;width:100%;height:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{pointer-events:none;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:hover gux-icon{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-input-and-error-container .gux-input .gux-input-container gux-icon{width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);margin-right:var(--gse-ui-formControl-input-gap);pointer-events:none}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}';export{m as gux_form_field_select}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,h as i,g as o}from"./p-2e827df1.js";import{O as a}from"./p-2d1bdeab.js";import{w as s}from"./p-e97879b4.js";import{a as n}from"./p-cf0e7d3b.js";import{t as
|
1
|
+
import{r as t,c as e,h as i,g as o}from"./p-2e827df1.js";import{O as a}from"./p-2d1bdeab.js";import{w as s}from"./p-e97879b4.js";import{a as n}from"./p-cf0e7d3b.js";import{t as r}from"./p-41f0cd04.js";import{b as c}from"./p-0367930a.js";import"./p-4202e9f2.js";const u={moreOptions:"More options"},d=["primary","secondary","tertiary","danger"];function h(t){return d.find((e=>e===t))?t:"secondary"}const b=class{constructor(i){t(this,i),this.open=e(this,"open",7),this.close=e(this,"close",7),this.actionClick=e(this,"actionClick",7),this.type="button",this.disabled=!1,this.accent="secondary",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"ArrowDown":case"Enter":e.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList())}}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.close.emit()}onClickOutside(t){null===t.relatedTarget&&(this.isOpen=!1)}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){n((()=>{this.listElement.focus&&this.listElement.focus()}))}focusFirstItemInPopupList(){n((()=>{this.listElement.guxFocusFirstItem()}))}onActionClick(){this.disabled||(this.isOpen=!1,this.actionClick.emit())}onListClick(t){s("gux-list-item",t,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}async componentWillLoad(){r(this.root,{variant:this.type}),this.i18n=await c(this.root,u)}render(){return i("div",{key:"08972d689a1817cc91172f6533b1fb74530523c9",class:"gux-action-button-container"},i("gux-popup",{key:"74f6600a74f8e7eea46ce7b775a1e654d8f48d56",expanded:this.isOpen,disabled:this.disabled,placement:"bottom-end","exceed-target-width":!0},i("div",{key:"3da6551dd638aca194f6a2e9ff55d822df943af6",slot:"target",class:"gux-action-button-container"},i("gux-button-slot",{key:"ab396c2624339082cb252da8c0e29422ed4762d6",class:"gux-action-button",accent:h(this.accent)},i("button",{key:"8c4592673f8ef879c0e54f96933ec1509e690f60",type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},i("slot",{key:"5caedc4257a731942247fd0dae9c1f8d71a58ce8",name:"title"}))),i("gux-button-slot",{key:"4a276d31123ab36d7f19f0422f6879e9f25866eb",class:"gux-dropdown-button",accent:h(this.accent)},i("button",{key:"b1795e7331fe2f9df58182c65054b3cf30fafd89",type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),"aria-label":this.i18n("moreOptions")},i("gux-icon",{key:"7c452639deee781f6a1193644ffbe7d4c18d7bb5",decorative:!0,"icon-name":"custom/chevron-down-small-regular"})))),i("div",{key:"1a1aec229e30fa3f4522eaf05afae830709a7379",class:"gux-list-container",slot:"popup"},i("gux-list",{key:"fbac7650566eefe998bbf256bac38a030d871e68",onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},i("slot",{key:"c4e6451967674348177232a92c61382f904d3fa5"})))))}get root(){return o(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,e,i,o){var a,s=arguments.length,n=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(n=(s<3?a(n):s>3?a(e,i,n):a(e,i))||n);s>3&&n&&Object.defineProperty(e,i,n)})([a({triggerEvents:"click"})],b.prototype,"onClickOutside",null),b.style=":host{display:block;-webkit-user-select:none;user-select:none}.gux-action-button-container{min-width:128px}.gux-action-button-container>*{vertical-align:middle}.gux-action-button-container .gux-action-button{width:calc(100% - 33px);margin-right:1px}.gux-action-button-container .gux-action-button button{width:100%;max-width:none;text-align:center;border-top-right-radius:0;border-bottom-right-radius:0}.gux-action-button-container .gux-dropdown-button button{display:flex;align-items:center;justify-content:center;width:var(--gse-ui-button-iconOnly-width);padding:0;border-top-left-radius:0;border-bottom-left-radius:0}.gux-action-button-container .gux-dropdown-button button gux-icon{width:var(--gse-ui-button-icon-size);height:var(--gse-ui-button-icon-size)}.gux-action-button-container .gux-list-container{max-width:220px;max-height:var(--gse-ui-menu-maxHeight);margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}";export{b as gux_action_button}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,c as o,h as t,H as r,g as i}from"./p-2e827df1.js";import{b as a}from"./p-0367930a.js";import{c as s}from"./p-db201bbc.js";import"./p-4202e9f2.js";import"./p-a43079c8.js";import"./p-2c25e2f2.js";const n={activateReordering:"Activate reordering mode for {columnName} column"},c=class{constructor(t){e(this,t),this.internal_order_change=o(this,"internal_order_change",7),this.internal_keyboard_reorder_start=o(this,"internal_keyboard_reorder_start",7),this.internal_keyboard_reorder_move=o(this,"internal_keyboard_reorder_move",7),this.internal_keyboard_reorder_emit=o(this,"internal_keyboard_reorder_emit",7),this.internal_keyboard_reorder_finish=o(this,"internal_keyboard_reorder_finish",7),this.orderId=void 0,this.highlightActive=void 0,this.highlight=void 0,this.text=void 0,this.pendingReorder="none",this.isDragging=!1,this.isReordering=!1}async guxSetHighlight(e="",o=!1){this.highlight=e,this.highlightActive=o}async guxFocus(){this.reorderButtonElement.focus()}onBlur(){this.setReorderMode(!1)}onDragStart(e){this.isDragging=!0;const o=s(this.root);e.dataTransfer.setData("oldIndex",String(o)),e.dataTransfer.effectAllowed="move"}onDragEnter(e){e.dataTransfer.dropEffect="move",this.pendingReorder=this.mouseOnTopHalf(e)?"above":"below"}onDragOver(e){e.preventDefault(),this.pendingReorder=this.mouseOnTopHalf(e)?"above":"below"}onDragLeave(){this.pendingReorder="none"}onDragEnd(){this.isDragging=!1}onDrop(e){const o=Number(e.dataTransfer.getData("oldIndex")),t=s(this.root);e.stopPropagation(),e.stopImmediatePropagation(),this.pendingReorder="none";const r=function(e,o,t){return e<o?t?o-1:o:t?o:o+1}(o,t,this.mouseOnTopHalf(e));return this.internal_order_change.emit({oldIndex:o,newIndex:r}),!1}mouseOnTopHalf(e){const o=this.root.getBoundingClientRect();return e.clientY-o.top<=(o.bottom-o.top)/2}onSlotChange(){this.text=this.root.querySelector("gux-form-field-checkbox label").textContent}setReorderMode(e,o=!1){this.isReordering!==e&&(this.isReordering=e,e?this.internal_keyboard_reorder_start.emit(this.text):(o&&this.internal_keyboard_reorder_emit.emit(),this.internal_keyboard_reorder_finish.emit()))}toggleReorderMode(){this.setReorderMode(!this.isReordering,!0)}keyboardReorder(e){if(this.isReordering)switch(e.key){case"ArrowUp":e.preventDefault(),this.internal_keyboard_reorder_move.emit({delta:-1,column:this.text});break;case"ArrowDown":e.preventDefault(),this.internal_keyboard_reorder_move.emit({delta:1,column:this.text});break;case"Home":e.preventDefault(),this.internal_keyboard_reorder_move.emit({delta:-1/0,column:this.text});break;case"End":e.preventDefault(),this.internal_keyboard_reorder_move.emit({delta:1/0,column:this.text});break;case"Escape":e.preventDefault(),this.setReorderMode(!1)}}async componentWillLoad(){this.i18n=await a(this.root,n)}render(){return t(r,{key:"
|
1
|
+
import{r as e,c as o,h as t,H as r,g as i}from"./p-2e827df1.js";import{b as a}from"./p-0367930a.js";import{c as s}from"./p-db201bbc.js";import"./p-4202e9f2.js";import"./p-a43079c8.js";import"./p-2c25e2f2.js";const n={activateReordering:"Activate reordering mode for {columnName} column"},c=class{constructor(t){e(this,t),this.internal_order_change=o(this,"internal_order_change",7),this.internal_keyboard_reorder_start=o(this,"internal_keyboard_reorder_start",7),this.internal_keyboard_reorder_move=o(this,"internal_keyboard_reorder_move",7),this.internal_keyboard_reorder_emit=o(this,"internal_keyboard_reorder_emit",7),this.internal_keyboard_reorder_finish=o(this,"internal_keyboard_reorder_finish",7),this.orderId=void 0,this.highlightActive=void 0,this.highlight=void 0,this.text=void 0,this.pendingReorder="none",this.isDragging=!1,this.isReordering=!1}async guxSetHighlight(e="",o=!1){this.highlight=e,this.highlightActive=o}async guxFocus(){this.reorderButtonElement.focus()}onBlur(){this.setReorderMode(!1)}onDragStart(e){this.isDragging=!0;const o=s(this.root);e.dataTransfer.setData("oldIndex",String(o)),e.dataTransfer.effectAllowed="move"}onDragEnter(e){e.dataTransfer.dropEffect="move",this.pendingReorder=this.mouseOnTopHalf(e)?"above":"below"}onDragOver(e){e.preventDefault(),this.pendingReorder=this.mouseOnTopHalf(e)?"above":"below"}onDragLeave(){this.pendingReorder="none"}onDragEnd(){this.isDragging=!1}onDrop(e){const o=Number(e.dataTransfer.getData("oldIndex")),t=s(this.root);e.stopPropagation(),e.stopImmediatePropagation(),this.pendingReorder="none";const r=function(e,o,t){return e<o?t?o-1:o:t?o:o+1}(o,t,this.mouseOnTopHalf(e));return this.internal_order_change.emit({oldIndex:o,newIndex:r}),!1}mouseOnTopHalf(e){const o=this.root.getBoundingClientRect();return e.clientY-o.top<=(o.bottom-o.top)/2}onSlotChange(){this.text=this.root.querySelector("gux-form-field-checkbox label").textContent}setReorderMode(e,o=!1){this.isReordering!==e&&(this.isReordering=e,e?this.internal_keyboard_reorder_start.emit(this.text):(o&&this.internal_keyboard_reorder_emit.emit(),this.internal_keyboard_reorder_finish.emit()))}toggleReorderMode(){this.setReorderMode(!this.isReordering,!0)}keyboardReorder(e){if(this.isReordering)switch(e.key){case"ArrowUp":e.preventDefault(),this.internal_keyboard_reorder_move.emit({delta:-1,column:this.text});break;case"ArrowDown":e.preventDefault(),this.internal_keyboard_reorder_move.emit({delta:1,column:this.text});break;case"Home":e.preventDefault(),this.internal_keyboard_reorder_move.emit({delta:-1/0,column:this.text});break;case"End":e.preventDefault(),this.internal_keyboard_reorder_move.emit({delta:1/0,column:this.text});break;case"Escape":e.preventDefault(),this.setReorderMode(!1)}}async componentWillLoad(){this.i18n=await a(this.root,n)}render(){return t(r,{key:"3b9b8631c8b17b8cb6700e18684ece19af459a62",draggable:"true"},t("div",{key:"ff9937f842c7c4ee74f976083e8adf318d6b466b",class:{"gux-container":!0,[`gux-drop-${this.pendingReorder}`]:!0,"gux-dragging":this.isDragging}},t("button",{key:"5837c9958ea78defc832dad36c7d255da2a6aa36",class:{"gux-reorder":!0,"gux-reordering":this.isReordering},type:"button",onClick:()=>this.toggleReorderMode(),onKeyDown:e=>this.keyboardReorder(e),ref:e=>this.reorderButtonElement=e},t("gux-icon",{key:"f3dc52c9ac8a9ebe1a2b8516f99c0a045b00770e","icon-name":"fa/grip-vertical-solid",decorative:!0}),t("span",{key:"b3e03ed1481f5b4fdfd639efa87aca80a6328785",class:"gux-sr-only"},this.i18n("activateReordering",{columnName:this.text}))),t("div",{key:"35ea3d0421ba845bb2a393d44ead54971a7bca62",class:"gux-select"},t("slot",{key:"0f5cfeff81a32018f07347434aac76c9cb609aef",onSlotchange:()=>this.onSlotChange()}),t("gux-text-highlight",{key:"8ec79bc87d2ae402a9eae6a4895fa7a60ce563dd",highlight:this.highlight,text:this.text,strategy:"contains",dimmed:!this.highlightActive}))))}get root(){return i(this)}};c.style=":host([gs-reorder-indicator=above]) .gux-container{border-top-color:#aac9ff}:host([gs-reorder-indicator=below]) .gux-container{border-bottom-color:#aac9ff}.gux-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-editColumn-editColumnItem-gap);place-content:stretch flex-start;align-items:center;margin-bottom:-2px;border-top:2px solid transparent;border-bottom:2px solid transparent}.gux-container.gux-drop-above{border-top-color:#aac9ff}.gux-container.gux-drop-below{border-bottom-color:#aac9ff}.gux-container.gux-dragging{border-top-color:transparent;border-bottom-color:transparent;opacity:0.4}.gux-container .gux-reorder{all:unset;display:flex;flex:0 1 auto;align-self:auto;order:0;color:#596373;cursor:grab;border-radius:4px}.gux-container .gux-reorder gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-container .gux-reorder.gux-reordering:focus-visible gux-icon{color:#2a60c8}.gux-container .gux-reorder:active{pointer-events:none;cursor:grabbing !important}.gux-container .gux-reorder:hover,.gux-container .gux-reorder:focus-visible{outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width)}.gux-container .gux-reorder:hover gux-icon,.gux-container .gux-reorder:focus-visible gux-icon{color:#2a60c8}.gux-container .gux-select{position:relative;flex:1 1 auto;align-self:auto;order:1}.gux-container .gux-select gux-text-highlight{position:absolute;top:1px;left:calc(var(--gse-ui-icon-size-sm) + var(--gse-ui-checkbox-gap));color:transparent;pointer-events:none}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";export{c as gux_column_manager_item}
|