genesys-spark-components 4.81.1 → 4.81.2
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/{get-valid-timezone-52eac7fa.js → get-valid-timezone-c248443a.js} +1 -1
- package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-button.cjs.entry.js +5 -4
- package/dist/cjs/gux-action-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-advanced-dropdown-legacy.cjs.entry.js +2 -2
- 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 +2 -2
- package/dist/cjs/gux-avatar-change-photo-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-badge.cjs.entry.js +2 -2
- package/dist/cjs/gux-blank-state.cjs.entry.js +1 -1
- package/dist/cjs/gux-breadcrumbs.cjs.entry.js +2 -2
- package/dist/cjs/gux-button-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-slot.cjs.entry.js +1 -1
- package/dist/cjs/gux-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-calendar-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-calendar.cjs.entry.js +2 -2
- package/dist/cjs/gux-card.cjs.entry.js +1 -1
- package/dist/cjs/gux-column-manager-item.cjs.entry.js +1 -1
- package/dist/cjs/gux-column-manager.cjs.entry.js +2 -2
- package/dist/cjs/gux-content-search.cjs.entry.js +2 -2
- package/dist/cjs/gux-context-menu.cjs.entry.js +2 -2
- package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js +2 -2
- package/dist/cjs/gux-create-option.cjs.entry.js +1 -1
- package/dist/cjs/gux-date-beta.cjs.entry.js +3 -3
- package/dist/cjs/gux-date-time-beta.cjs.entry.js +3 -3
- package/dist/cjs/gux-datepicker.cjs.entry.js +2 -2
- package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js +2 -2
- 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_3.cjs.entry.js +2 -2
- package/dist/cjs/gux-flag-icon-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-flyout-menu.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-checkbox-group-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-color.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +3 -3
- package/dist/cjs/gux-form-field-file.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-label-indicator.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-number_3.cjs.entry.js +3 -3
- package/dist/cjs/gux-form-field-phone.cjs.entry.js +3 -3
- package/dist/cjs/gux-form-field-radio-group-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-radio.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-range.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-search.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-select.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-text-like.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-textarea.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +3 -3
- package/dist/cjs/gux-form-field-time-zone-picker.cjs.entry.js +3 -3
- package/dist/cjs/{gux-form-field.service-57a00684.js → gux-form-field.service-42c9f800.js} +8 -4
- package/dist/cjs/gux-form-footer.cjs.entry.js +1 -1
- package/dist/cjs/gux-icon-tooltip-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-icon.cjs.entry.js +1 -1
- package/dist/cjs/gux-inline-alert.cjs.entry.js +2 -2
- package/dist/cjs/gux-label-info-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-listbox-multi.cjs.entry.js +3 -3
- package/dist/cjs/gux-loading-message.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal.cjs.entry.js +1 -1
- package/dist/cjs/gux-month-calendar.cjs.entry.js +1 -1
- package/dist/cjs/gux-month-picker-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-option-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-buttons-legacy_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-buttons_2.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-cursor.cjs.entry.js +2 -2
- package/dist/cjs/gux-pagination-items-per-page.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
- package/dist/cjs/gux-phone-input-beta.cjs.entry.js +6 -6
- package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-popup.cjs.entry.js +9 -6
- 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 +1 -1
- package/dist/cjs/gux-row-select.cjs.entry.js +1 -1
- package/dist/cjs/gux-screen-reader-beta_2.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 +2 -2
- package/dist/cjs/gux-selector-cards-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-skip-navigation-list.cjs.entry.js +2 -2
- package/dist/cjs/gux-sort-control.cjs.entry.js +2 -2
- package/dist/cjs/gux-switch-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-tab-advanced-list.cjs.entry.js +2 -2
- package/dist/cjs/gux-tab-advanced.cjs.entry.js +1 -1
- package/dist/cjs/gux-tab-list.cjs.entry.js +28 -12
- 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 +1 -1
- package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +2 -2
- package/dist/cjs/gux-table-toolbar.cjs.entry.js +15 -8
- package/dist/cjs/gux-table.cjs.entry.js +2 -2
- package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
- package/dist/cjs/gux-tag.cjs.entry.js +2 -2
- package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-beta.cjs.entry.js +3 -3
- package/dist/cjs/gux-time-picker.cjs.entry.js +2 -2
- package/dist/cjs/gux-time-zone-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-toast.cjs.entry.js +1 -1
- package/dist/cjs/gux-toggle.cjs.entry.js +2 -2
- package/dist/cjs/gux-tooltip-base-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/{index-a1a48d79.js → index-71d01472.js} +1 -1
- package/dist/cjs/{usage-8579e08d.js → usage-4cfc282a.js} +19 -19
- package/dist/collection/components/beta/gux-phone-input/gux-phone-input.js +4 -4
- package/dist/collection/components/stable/gux-action-button/gux-action-button.js +3 -2
- package/dist/collection/components/stable/gux-content-search/tests/gux-content-search.e2e.js +10 -0
- package/dist/collection/components/stable/gux-copy-to-clipboard/tests/gux-copy-to-clipboard.spec.js +3 -1
- package/dist/collection/components/stable/gux-form-field/gux-form-field.service.js +8 -4
- package/dist/collection/components/stable/gux-listbox-multi/gux-listbox-multi.css +1 -1
- package/dist/collection/components/stable/gux-popup/gux-popup.js +9 -6
- package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar.js +14 -7
- package/dist/collection/components/stable/gux-tabs/gux-tab-list/gux-tab-list.css +1 -1
- package/dist/collection/components/stable/gux-tabs/gux-tab-list/gux-tab-list.js +26 -10
- package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-list/gux-tab-advanced-list.css +1 -1
- package/dist/collection/i18n/index.js +1 -1
- package/dist/esm/{get-valid-timezone-daff1c0b.js → get-valid-timezone-5077e4ad.js} +1 -1
- package/dist/esm/gux-accordion.entry.js +1 -1
- package/dist/esm/gux-action-button.entry.js +5 -4
- package/dist/esm/gux-action-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-advanced-dropdown-legacy.entry.js +2 -2
- 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 +2 -2
- package/dist/esm/gux-avatar-change-photo-beta.entry.js +2 -2
- package/dist/esm/gux-badge.entry.js +2 -2
- package/dist/esm/gux-blank-state.entry.js +1 -1
- package/dist/esm/gux-breadcrumbs.entry.js +2 -2
- package/dist/esm/gux-button-multi.entry.js +1 -1
- package/dist/esm/gux-button-slot.entry.js +1 -1
- package/dist/esm/gux-button.entry.js +1 -1
- package/dist/esm/gux-calendar-beta.entry.js +1 -1
- package/dist/esm/gux-calendar.entry.js +2 -2
- package/dist/esm/gux-card.entry.js +1 -1
- package/dist/esm/gux-column-manager-item.entry.js +1 -1
- package/dist/esm/gux-column-manager.entry.js +2 -2
- package/dist/esm/gux-content-search.entry.js +2 -2
- package/dist/esm/gux-context-menu.entry.js +2 -2
- package/dist/esm/gux-copy-to-clipboard.entry.js +2 -2
- package/dist/esm/gux-create-option.entry.js +1 -1
- package/dist/esm/gux-date-beta.entry.js +3 -3
- package/dist/esm/gux-date-time-beta.entry.js +3 -3
- package/dist/esm/gux-datepicker.entry.js +2 -2
- package/dist/esm/gux-disclosure-button-legacy.entry.js +2 -2
- 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_3.entry.js +2 -2
- package/dist/esm/gux-flag-icon-beta.entry.js +1 -1
- package/dist/esm/gux-flyout-menu.entry.js +1 -1
- package/dist/esm/gux-form-field-checkbox-group-beta.entry.js +2 -2
- package/dist/esm/gux-form-field-checkbox.entry.js +2 -2
- package/dist/esm/gux-form-field-color.entry.js +2 -2
- package/dist/esm/gux-form-field-dropdown.entry.js +3 -3
- package/dist/esm/gux-form-field-file.entry.js +2 -2
- package/dist/esm/gux-form-field-input-clear-button.entry.js +2 -2
- package/dist/esm/gux-form-field-label-indicator.entry.js +2 -2
- package/dist/esm/gux-form-field-number_3.entry.js +3 -3
- package/dist/esm/gux-form-field-phone.entry.js +3 -3
- package/dist/esm/gux-form-field-radio-group-beta.entry.js +2 -2
- package/dist/esm/gux-form-field-radio.entry.js +2 -2
- package/dist/esm/gux-form-field-range.entry.js +2 -2
- package/dist/esm/gux-form-field-search.entry.js +2 -2
- package/dist/esm/gux-form-field-select.entry.js +2 -2
- package/dist/esm/gux-form-field-text-like.entry.js +2 -2
- package/dist/esm/gux-form-field-textarea.entry.js +2 -2
- package/dist/esm/gux-form-field-time-picker.entry.js +3 -3
- package/dist/esm/gux-form-field-time-zone-picker.entry.js +3 -3
- package/dist/esm/{gux-form-field.service-46fea82d.js → gux-form-field.service-986d3f3f.js} +8 -4
- package/dist/esm/gux-form-footer.entry.js +1 -1
- package/dist/esm/gux-icon-tooltip-beta.entry.js +1 -1
- package/dist/esm/gux-icon.entry.js +1 -1
- package/dist/esm/gux-inline-alert.entry.js +2 -2
- package/dist/esm/gux-label-info-beta.entry.js +1 -1
- package/dist/esm/gux-list.entry.js +1 -1
- package/dist/esm/gux-listbox-multi.entry.js +3 -3
- package/dist/esm/gux-loading-message.entry.js +1 -1
- package/dist/esm/gux-modal-legacy.entry.js +1 -1
- package/dist/esm/gux-modal.entry.js +1 -1
- package/dist/esm/gux-month-calendar.entry.js +1 -1
- package/dist/esm/gux-month-picker-beta.entry.js +2 -2
- package/dist/esm/gux-notification-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-option-multi.entry.js +1 -1
- package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
- package/dist/esm/gux-pagination-buttons-legacy_3.entry.js +1 -1
- package/dist/esm/gux-pagination-buttons_2.entry.js +1 -1
- package/dist/esm/gux-pagination-cursor.entry.js +2 -2
- package/dist/esm/gux-pagination-items-per-page.entry.js +1 -1
- package/dist/esm/gux-pagination-legacy.entry.js +1 -1
- package/dist/esm/gux-pagination.entry.js +1 -1
- package/dist/esm/gux-phone-input-beta.entry.js +6 -6
- package/dist/esm/gux-popover-list.entry.js +1 -1
- package/dist/esm/gux-popup.entry.js +9 -6
- 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 +1 -1
- package/dist/esm/gux-row-select.entry.js +1 -1
- package/dist/esm/gux-screen-reader-beta_2.entry.js +1 -1
- package/dist/esm/gux-segmented-control-beta.entry.js +1 -1
- package/dist/esm/gux-selector-card-beta.entry.js +2 -2
- package/dist/esm/gux-selector-cards-beta.entry.js +1 -1
- package/dist/esm/gux-simple-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-skip-navigation-list.entry.js +2 -2
- package/dist/esm/gux-sort-control.entry.js +2 -2
- package/dist/esm/gux-switch-legacy.entry.js +1 -1
- package/dist/esm/gux-tab-advanced-list.entry.js +2 -2
- package/dist/esm/gux-tab-advanced.entry.js +1 -1
- package/dist/esm/gux-tab-list.entry.js +28 -12
- 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 +1 -1
- package/dist/esm/gux-table-toolbar-menu-button.entry.js +2 -2
- package/dist/esm/gux-table-toolbar.entry.js +15 -8
- package/dist/esm/gux-table.entry.js +2 -2
- package/dist/esm/gux-tabs-advanced.entry.js +1 -1
- package/dist/esm/gux-tabs.entry.js +1 -1
- package/dist/esm/gux-tag.entry.js +2 -2
- package/dist/esm/gux-text-highlight.entry.js +1 -1
- package/dist/esm/gux-time-beta.entry.js +3 -3
- package/dist/esm/gux-time-picker.entry.js +2 -2
- package/dist/esm/gux-time-zone-beta.entry.js +2 -2
- package/dist/esm/gux-time-zone-picker-beta.entry.js +2 -2
- package/dist/esm/gux-toast.entry.js +1 -1
- package/dist/esm/gux-toggle.entry.js +2 -2
- package/dist/esm/gux-tooltip-base-beta.entry.js +1 -1
- package/dist/esm/gux-tooltip.entry.js +1 -1
- package/dist/esm/{index-3f1e5ba8.js → index-358e497c.js} +1 -1
- package/dist/esm/{usage-95b15889.js → usage-e180b322.js} +19 -19
- package/dist/genesys-webcomponents/genesys-webcomponents-flare.css +1 -1
- package/dist/genesys-webcomponents/genesys-webcomponents-legacy.css +1 -1
- package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
- package/dist/genesys-webcomponents/{p-30bc467f.entry.js → p-014b9680.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8d8c54ee.entry.js → p-0175ade4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c38aebad.entry.js → p-06a98a79.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-76df7717.js → p-073ffec4.js} +1 -1
- package/dist/genesys-webcomponents/{p-5a217448.entry.js → p-07f9e5df.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b85ac0c2.entry.js → p-07fa33ef.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-588e526c.entry.js → p-08391d25.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-812fa8d1.entry.js → p-0a0e44be.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-0fa60ba5.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-6c7ba3b5.entry.js → p-119193e7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-45bc3165.entry.js → p-11bbb373.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2b8f5e98.entry.js → p-16859e54.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-749a7117.entry.js → p-193dbd3e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0cc1fcf7.entry.js → p-19ea4065.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8c4b4b52.entry.js → p-1b623add.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-68c084ac.js → p-1b65c00a.js} +1 -1
- package/dist/genesys-webcomponents/{p-f644c56d.entry.js → p-1c2998c8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-527906ad.entry.js → p-1c720d4b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-53ed5d56.entry.js → p-1c975af6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-889c1553.entry.js → p-1c9d2c6f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3a6d3737.entry.js → p-21633e34.entry.js} +2 -2
- package/dist/genesys-webcomponents/{p-366f79e8.entry.js → p-222cde6d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-739266be.entry.js → p-23a4d13a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7c96d18f.entry.js → p-24f1aabe.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-20e83fce.entry.js → p-26f38677.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d7800d27.entry.js → p-27bded21.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a0d16297.entry.js → p-29ba3ea8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3b5f8cb2.entry.js → p-305f3b73.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0613ddc4.entry.js → p-30a4bad0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b4aba2cc.entry.js → p-3827ab88.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-446ce83b.entry.js → p-3934c7f5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7d0a0efe.entry.js → p-3b886d81.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ac228801.entry.js → p-44a4a76f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-16309ab7.entry.js → p-4a8c8636.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8f9fd7c7.entry.js → p-4c6938d3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7371d80c.entry.js → p-4d53d971.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3dfa630d.entry.js → p-4e10a628.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-355021f1.entry.js → p-4ecab147.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-045d5f00.entry.js → p-521f4d98.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3f29ae12.entry.js → p-563b1d0e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3306b14f.entry.js → p-564b0eea.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7f04f58e.entry.js → p-59b31bfe.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-569b2050.entry.js → p-5ca3cd6b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-21c90d22.entry.js → p-5e8ba528.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-820546af.entry.js → p-6009225d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e1371806.entry.js → p-624eac6e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ce3ba002.entry.js → p-666b2819.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-377c8e26.entry.js → p-69f06cd9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f66109b6.entry.js → p-6db5ec5f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c692140e.entry.js → p-6f155878.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6f2b0083.entry.js → p-72bebdcc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f945e395.entry.js → p-76d6dd09.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7d499f89.entry.js → p-7a0412e4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3e82e2f0.entry.js → p-7b07ab33.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9e71f353.entry.js → p-7b1efdee.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-452b58c4.entry.js → p-7e892d53.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-07c346aa.entry.js → p-7fa83ccf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fd22b7bc.entry.js → p-82cb4bfd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5fdd2e0a.entry.js → p-84776d85.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fa64b06a.entry.js → p-8585ee3a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e84597f3.entry.js → p-8795a7f4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cc704ba5.entry.js → p-8d45ee3f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2f2e2697.entry.js → p-91b08c05.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9e576119.entry.js → p-954a08e7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3567b951.entry.js → p-96182c46.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f9e6a6e9.entry.js → p-9722e4ba.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9595f5ba.entry.js → p-97784ec9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-23d2e6f1.entry.js → p-99d5babe.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-40d65a75.entry.js → p-9be1bb5b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-92b43304.entry.js → p-9e3f7770.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-61bbdf15.entry.js → p-9f745e91.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d9d3c45c.entry.js → p-a0e7435b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1473963d.entry.js → p-a10979d2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-783974aa.entry.js → p-a24673f4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e54d9c83.entry.js → p-a4eecc73.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7735947e.entry.js → p-a93450b8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-be01a004.entry.js → p-b8267d43.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f16cdf36.entry.js → p-b9bfb3bd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e35e6338.entry.js → p-be1fc410.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-520ef8c1.entry.js → p-bf33eed9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d077d632.entry.js → p-c1b7878b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5cf6d73b.entry.js → p-c3434425.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-46ec7dc7.entry.js → p-c53a3d91.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-c603eee2.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-0ed731b4.entry.js → p-caede189.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6a5b85eb.entry.js → p-cbf0102a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dc32c9d7.entry.js → p-cdaf320c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-11ff03c8.entry.js → p-cfaaec41.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4be156f8.entry.js → p-d7e14e98.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-48c600d4.entry.js → p-d8b4c30a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-47666559.entry.js → p-da4319d6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-62ce2ea7.entry.js → p-dcd64bc8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1c0fef43.entry.js → p-de884813.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-532ca75c.entry.js → p-e10c6e26.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-202d8e02.entry.js → p-e312dbe7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b8478c39.entry.js → p-e41c1fc6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e4f44be4.entry.js → p-e4a44f8b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e2ecfa45.entry.js → p-e4c10700.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3d1d79b2.entry.js → p-e94f50a2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c211d6e2.entry.js → p-e9ccd15f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8007ea72.entry.js → p-ea93863d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e073818a.entry.js → p-ec954b4e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-98b516fd.entry.js → p-eceb4a6d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a44a24b1.entry.js → p-f0c27afd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cab707a8.entry.js → p-f5559bc4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d6f69212.entry.js → p-f74ab29a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-63209794.entry.js → p-f94f0fff.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-750a995d.entry.js → p-fc693843.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-42ce3da1.entry.js → p-fe02d353.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dfa26287.entry.js → p-ff40422e.entry.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/components/stable/gux-form-field/functional-components/gux-form-field-screenreader-label/gux-form-field-screenreader-label.d.ts +1 -4
- package/dist/types/stencil-wrapper.d.ts +1 -1
- package/package.json +19 -19
- package/dist/genesys-webcomponents/p-66a8e167.entry.js +0 -1
- package/dist/genesys-webcomponents/p-73d81c3f.entry.js +0 -1
- /package/dist/genesys-webcomponents/{p-66246239.js → p-42f2e889.js} +0 -0
- /package/dist/genesys-webcomponents/{p-0367930a.js → p-909c2a19.js} +0 -0
@@ -1 +1 @@
|
|
1
|
-
import{r as e,f as t,h as o,g as i}from"./p-2e827df1.js";import{c as r,o as n}from"./p-f4751a15.js";import{O as s}from"./p-01471ba0.js";import{o as l}from"./p-e5b1cffc.js";import{p as a}from"./p-a11d5d42.js";import{h as f}from"./p-6d8b4027.js";import{a as u,G as d}from"./p-fb1ab7b1.js";import{G as p,a as h}from"./p-9773c4fe.js";import{h as g,b as c,c as m,g as x,v as b,a as v}from"./p-66246239.js";import{t as C}from"./p-68c084ac.js";import{f as y}from"./p-54822e3b.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const w=class{constructor(t){e(this,t),this.clearable=void 0,this.labelPosition=void 0,this.loading=!1,this.indicatorMark="required",this.hasPrefix=void 0,this.hasSuffix=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=f(this.root,"error"),this.hasHelp=f(this.root,"help")}handleKeyup(e){var t,o;"Tab"===e.key?this.input.matches(":focus-visible")&&(null===(t=this.labelInfo)||void 0===t||t.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-visible")&&(null===(o=this.labelInfo)||void 0===o||o.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}async guxForceUpdate(){this.hasContent=g(this.input),this.hasError=f(this.root,"error"),this.hasHelp=f(this.root,"help"),t(this.root)}renderRadialLoading(){if(this.loading)return o("gux-radial-loading",{context:"input"})}componentWillLoad(){this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=f(this.root,"error"),this.hasHelp=f(this.root,"help"),this.hasPrefix=Boolean(this.root.querySelector('[slot="prefix"]')),this.hasSuffix=Boolean(this.root.querySelector('[slot="suffix"]')),this.hasPrefix&&c(this.root,this.input,"prefix"),this.hasSuffix&&c(this.root,this.input,"suffix"),C(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return o(h,{key:"beb98cc29449e9cc02943e698df8717b45114570",labelPosition:this.computedLabelPosition},o(p,{key:"eedcf5016706b108e545817c98745ce7c52d161f",required:this.required,position:this.computedLabelPosition},o("slot",{key:"bf7acfde961586ee95edfdae121b5e280ee49af2",name:"label",onSlotchange:()=>this.setLabel()}),o("gux-form-field-label-indicator",{key:"56a5c9ae8f38704d6de079b969ddc99089b67de2",variant:this.indicatorMark,required:this.required}),o("slot",{key:"72d14572d6103e889ed27846be8e2141a174498f",name:"label-info"})),o("div",{key:"fc34558ec02f718f85f739a253f735e3487e7fd5",class:"gux-input-and-error-container"},o("div",{key:"d6ad5d2b24eeb0b3dcf234c4fe76cdc4b1bdf343",class:{"gux-input":!0,"gux-input-error":this.hasError}},o("div",{key:"d882278f448c04225ec3cca78767c08da0c868f3",class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-has-prefix":this.hasPrefix,"gux-has-suffix":this.hasSuffix},onClick:()=>y(this.input)},o("slot",{key:"ded12095ab3b9133bee6f5069451e1d831146ea4",name:"prefix"}),o("slot",{key:"9d48cfd6c49f2be1fd1e8a8f01ebba2bcf24cd0a",name:"input"}),this.renderRadialLoading(),o("slot",{key:"e4b8cbfa3e5cffb1e2aefe3d8e566c0ea8540c84",name:"suffix"}),this.clearable&&this.hasContent&&!this.disabled&&o("gux-form-field-input-clear-button",{onClick:()=>m(this.input)}))),o(u,{key:"1c763a24f321d889f596085e032a3cd9f915c437",show:this.hasError},o("slot",{key:"a9cfeb2acdd78458405f1d69e97abaf81c09b975",name:"error"})),o(d,{key:"2f789dd4ef977e7f9ec53a02991055c3b8e5b977",show:!this.hasError&&this.hasHelp},o("slot",{key:"5ae7376190c8c720fbc2c52eaedea99a717b78d8",name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${this.clearable?"clearable":"unclearable"}-${e}`}setInput(){this.input=x(this.root,'input[type="email"][slot="input"], input[type="number"][slot="input"], input[type="password"][slot="input"], input[type="text"][slot="input"]'),this.hasContent=g(this.input),a(this.input),this.input.addEventListener("input",(()=>{this.hasContent=g(this.input)})),this.disabled=r(this.input),this.required=this.input.required,this.disabledObserver=n(this.input,(e=>{this.disabled=e})),this.requiredObserver=l(this.input,(e=>{this.required=e})),b(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=v(this.label,this.labelPosition)}get root(){return i(this)}};(function(e,t,o,i){var r,n=arguments.length,s=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,i);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(s=(n<3?r(s):n>3?r(t,o,s):r(t,o))||s);n>3&&s&&Object.defineProperty(t,o,s)})([s({childList:!0,subtree:!0})],w.prototype,"onMutation",null),w.style=".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;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;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;top:var(--gse-ui-formControl-input-top);width:fit-content;min-width:var(--gse-ui-formControl-input-textfield-minWidth);max-width:fit-content;margin-right:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-bottom:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-top:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}slot[name=prefix],slot[name=suffix]{font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-prefixSufix-defaultColor);text-align:center;text-decoration:none;white-space:nowrap}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;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);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);cursor:text;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-has-suffix:not(.gux-input-and-error-container .gux-input .gux-input-container.gux-has-prefix) ::slotted(input){text-align:right}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{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-container:hover:not(.gux-disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}";export{w as gux_form_field_text_like}
|
1
|
+
import{r as e,f as t,h as o,g as i}from"./p-2e827df1.js";import{c as r,o as n}from"./p-f4751a15.js";import{O as s}from"./p-01471ba0.js";import{o as l}from"./p-e5b1cffc.js";import{p as a}from"./p-a11d5d42.js";import{h as f}from"./p-6d8b4027.js";import{a as u,G as d}from"./p-fb1ab7b1.js";import{G as p,a as h}from"./p-9773c4fe.js";import{h as g,b as c,c as m,g as x,v as b,a as v}from"./p-42f2e889.js";import{t as C}from"./p-1b65c00a.js";import{f as y}from"./p-54822e3b.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const w=class{constructor(t){e(this,t),this.clearable=void 0,this.labelPosition=void 0,this.loading=!1,this.indicatorMark="required",this.hasPrefix=void 0,this.hasSuffix=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=f(this.root,"error"),this.hasHelp=f(this.root,"help")}handleKeyup(e){var t,o;"Tab"===e.key?this.input.matches(":focus-visible")&&(null===(t=this.labelInfo)||void 0===t||t.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-visible")&&(null===(o=this.labelInfo)||void 0===o||o.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}async guxForceUpdate(){this.hasContent=g(this.input),this.hasError=f(this.root,"error"),this.hasHelp=f(this.root,"help"),t(this.root)}renderRadialLoading(){if(this.loading)return o("gux-radial-loading",{context:"input"})}componentWillLoad(){this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=f(this.root,"error"),this.hasHelp=f(this.root,"help"),this.hasPrefix=Boolean(this.root.querySelector('[slot="prefix"]')),this.hasSuffix=Boolean(this.root.querySelector('[slot="suffix"]')),this.hasPrefix&&c(this.root,this.input,"prefix"),this.hasSuffix&&c(this.root,this.input,"suffix"),C(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return o(h,{key:"beb98cc29449e9cc02943e698df8717b45114570",labelPosition:this.computedLabelPosition},o(p,{key:"eedcf5016706b108e545817c98745ce7c52d161f",required:this.required,position:this.computedLabelPosition},o("slot",{key:"bf7acfde961586ee95edfdae121b5e280ee49af2",name:"label",onSlotchange:()=>this.setLabel()}),o("gux-form-field-label-indicator",{key:"56a5c9ae8f38704d6de079b969ddc99089b67de2",variant:this.indicatorMark,required:this.required}),o("slot",{key:"72d14572d6103e889ed27846be8e2141a174498f",name:"label-info"})),o("div",{key:"fc34558ec02f718f85f739a253f735e3487e7fd5",class:"gux-input-and-error-container"},o("div",{key:"d6ad5d2b24eeb0b3dcf234c4fe76cdc4b1bdf343",class:{"gux-input":!0,"gux-input-error":this.hasError}},o("div",{key:"d882278f448c04225ec3cca78767c08da0c868f3",class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-has-prefix":this.hasPrefix,"gux-has-suffix":this.hasSuffix},onClick:()=>y(this.input)},o("slot",{key:"ded12095ab3b9133bee6f5069451e1d831146ea4",name:"prefix"}),o("slot",{key:"9d48cfd6c49f2be1fd1e8a8f01ebba2bcf24cd0a",name:"input"}),this.renderRadialLoading(),o("slot",{key:"e4b8cbfa3e5cffb1e2aefe3d8e566c0ea8540c84",name:"suffix"}),this.clearable&&this.hasContent&&!this.disabled&&o("gux-form-field-input-clear-button",{onClick:()=>m(this.input)}))),o(u,{key:"1c763a24f321d889f596085e032a3cd9f915c437",show:this.hasError},o("slot",{key:"a9cfeb2acdd78458405f1d69e97abaf81c09b975",name:"error"})),o(d,{key:"2f789dd4ef977e7f9ec53a02991055c3b8e5b977",show:!this.hasError&&this.hasHelp},o("slot",{key:"5ae7376190c8c720fbc2c52eaedea99a717b78d8",name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${this.clearable?"clearable":"unclearable"}-${e}`}setInput(){this.input=x(this.root,'input[type="email"][slot="input"], input[type="number"][slot="input"], input[type="password"][slot="input"], input[type="text"][slot="input"]'),this.hasContent=g(this.input),a(this.input),this.input.addEventListener("input",(()=>{this.hasContent=g(this.input)})),this.disabled=r(this.input),this.required=this.input.required,this.disabledObserver=n(this.input,(e=>{this.disabled=e})),this.requiredObserver=l(this.input,(e=>{this.required=e})),b(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=v(this.label,this.labelPosition)}get root(){return i(this)}};(function(e,t,o,i){var r,n=arguments.length,s=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,i);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(s=(n<3?r(s):n>3?r(t,o,s):r(t,o))||s);n>3&&s&&Object.defineProperty(t,o,s)})([s({childList:!0,subtree:!0})],w.prototype,"onMutation",null),w.style=".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;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;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;top:var(--gse-ui-formControl-input-top);width:fit-content;min-width:var(--gse-ui-formControl-input-textfield-minWidth);max-width:fit-content;margin-right:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-bottom:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-top:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}slot[name=prefix],slot[name=suffix]{font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-prefixSufix-defaultColor);text-align:center;text-decoration:none;white-space:nowrap}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;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);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);cursor:text;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-has-suffix:not(.gux-input-and-error-container .gux-input .gux-input-container.gux-has-prefix) ::slotted(input){text-align:right}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{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-container:hover:not(.gux-disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}";export{w as gux_form_field_text_like}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as s,H as e,g as i}from"./p-2e827df1.js";import{t as r}from"./p-
|
1
|
+
import{r as t,h as s,H as e,g as i}from"./p-2e827df1.js";import{t as r}from"./p-1b65c00a.js";import{D as o,g as a}from"./p-073ffec4.js";import{u as h,d as m,a as n}from"./p-a5415051.js";import{g as p}from"./p-909c2a19.js";import"./p-4202e9f2.js";const c=class{constructor(s){t(this,s),this.hasRegionalDatesCookie=!1,this.datetime=(new Date).toISOString(),this.format="short",this.timeZone=void 0}componentWillLoad(){r(this.root),h()?this.hasRegionalDatesCookie=!0:this.formatter=new o(p(this.root))}renderTime(){return this.hasRegionalDatesCookie?m(n(this.root),{timeStyle:this.format,timeZone:a(this.timeZone)}).format(new Date(this.datetime)):this.formatter.formatTime(new Date(this.datetime),this.format,{timeZone:a(this.timeZone)})}render(){return s(e,{key:"1ce453ad0ae38e360844f859c7c12363e6d4cc11"},this.renderTime())}get root(){return i(this)}};export{c as gux_time_beta}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,f as i,h as o,g as r}from"./p-2e827df1.js";import{O as n}from"./p-e080422d.js";import{b as s}from"./p-0367930a.js";import{s as u}from"./p-2c25e2f2.js";import{b as l}from"./p-cf0e7d3b.js";import{o as a}from"./p-f4751a15.js";import{t as d}from"./p-68c084ac.js";import{s as g,g as c}from"./p-787c5373.js";import{O as h}from"./p-01471ba0.js";import"./p-4202e9f2.js";const f={textInputResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown",numberSelected:"{numberSelected} selected",pressEnterToCreate:"Press Enter to create new option, {textInputValue}"};var p=function(t,e,i,o){var r,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var u=t.length-1;u>=0;u--)(r=t[u])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const x=class{constructor(i){t(this,i),this.guxcreateoption=e(this,"guxcreateoption",7),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.value=void 0,this.disabled=!1,this.required=!1,this.loading=!1,this.placeholder=void 0,this.filterType="none",this.hasError=!1,this.exceedTargetWidth=!1,this.hasCreate=!1,this.expanded=!1,this.textInput=""}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit()}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}focusSelectedItemAfterRender(t){t&&this.listboxElement&&l((()=>{this.hasTextInput()?this.textInputElement.focus():this.listboxElement.focus()})),t||(this.textInput="")}watchDisabled(t){t&&(this.expanded=!1)}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}getSelectedValues(){var t;return Promise.resolve((null===(t=this.value)||void 0===t?void 0:t.split(","))||[])}onKeydown(t){switch(t.key){case"Escape":return this.hasTextInput()&&document.activeElement===this.listboxElement?this.textInputElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.textInputElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,g(this.listboxElement)));case"Enter":this.canCreateNewOption()&&this.isActiveElement()&&this.emitCreateOption()}}onInternallistboxoptionsupdated(t){t.stopPropagation(),i(this.root)}onClearselected(t){t.stopPropagation(),this.updateValue(""),this.listboxElement&&(this.listboxElement.value=void 0),this.validateValue(this.value,this.listboxElement),this.fieldButtonElement.focus()}onCreatenewoption(t){t.stopPropagation(),this.emitCreateOption()}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.hasCreate=!!this.root.querySelector("gux-create-option"))}async componentWillLoad(){d(this.root),this.i18n=await s(this.root,f),a(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.textInput=this.textInput)}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)?e.value=t:this.value=void 0:e&&(e.value=t)}hasTextInput(){return this.isFilterable()||this.hasCreate}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}isFilterable(){return"custom"===this.filterType||"starts-with"===this.filterType}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=Array.from(this.root.querySelectorAll("gux-option-multi")),i=t?t.split(","):void 0;if(i)return e.filter((t=>i.includes(t.value)))}fieldButtonClick(){this.expanded=!this.expanded}fieldButtonInputClick(){this.expanded||(this.expanded=!this.expanded)}filterInput(t){t.stopPropagation(),this.textInput=this.textInputElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.hasTextInput()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.hasTextInput()&&document.activeElement===this.listboxElement}emitCreateOption(){this.guxcreateoption.emit(this.textInput),this.textInput="",this.textInputElement.value=""}canCreateNewOption(){return this.hasCreate&&this.textInput&&!this.listboxElement.hasExactMatch}isActiveElement(){return document.activeElement===this.root}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){if("ArrowDown"===t.key)return t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),void g(this.listboxElement)}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,u(this.root,"input"),u(this.root,"change"))}getTypeaheadText(t){var e;const i=t.length;if(i>0&&!this.loading){const o=c(this.listboxElement,t);if(o&&"custom"!==this.filterType){const t=null===(e=o.querySelector("[gux-slot-container]"))||void 0===e?void 0:e.textContent;return null==t?void 0:t.substring(i)}return""}}renderTargetDisplay(){return o("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"),this.getSrSelectedText())}getSrSelectedText(){const t=this.getOptionElementByValue(this.value);if(null==t?void 0:t.length)return o("span",{class:"gux-sr-only"},this.i18n("numberSelected",{numberSelected:t.length.toString()}))}getInputAriaLabel(){return this.canCreateNewOption()&&this.isActiveElement()?this.i18n("pressEnterToCreate",{textInputValue:this.textInput}):this.i18n("textInputResults")}renderTag(){var t;const e=(null===(t=this.value)||void 0===t?void 0:t.split(","))||[];if(e.length)return o("gux-dropdown-multi-tag",{disabled:this.disabled,"number-selected":e.length})}renderFilterInputField(){if(this.expanded&&this.hasTextInput())return o("div",{class:"gux-field gux-input-field"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.textInput),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.textInput))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonInputClick.bind(this),placeholder:this.placeholder||this.i18n("noSelection"),class:"gux-filter-input",type:"text","aria-label":this.getInputAriaLabel(),ref:t=>this.textInputElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this),disabled:this.disabled})))))}renderPopup(){return o("div",{slot:"popup",class:"gux-listbox-container"},o("slot",null))}renderTarget(){return o("div",{class:{"gux-target-container":!0,"gux-target-container-expanded":this.expanded&&this.hasTextInput(),"gux-target-container-collapsed":!(this.expanded&&this.hasTextInput()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:this.disabled,onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderTag(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:"custom/chevron-down-small-regular"})))}renderTargetContent(){if(!this.expanded||!this.hasTextInput())return o("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return o("gux-radial-loading",{context:"input"})}render(){return[o("div",{key:"c6398fd677209ff273a611b41cedee812bcd9022",class:"gux-dropdown-container"},o("gux-popup",{key:"175d711a57687ff35de7778d6318a046d4cb9d24",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled||this.loading&&!this.isFilterable(),exceedTargetWidth:this.exceedTargetWidth},this.renderTarget(),this.renderPopup()))]}static get delegatesFocus(){return!0}get root(){return r(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],disabled:["watchDisabled"],value:["watchValue"],textInput:["handleFilter"]}}};p([h({childList:!0,subtree:!0})],x.prototype,"onMutation",null),p([n({triggerEvents:"mousedown"})],x.prototype,"onClickOutside",null),x.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-dropdown-container{position:relative}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;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);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{height:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{position:relative;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-width:0;height:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-selected-option .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-placeholder .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%;padding-left:0}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);padding-left:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-semantic-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-target-container-expanded:focus-within:has(: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)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-semantic-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-target-container-collapsed .gux-field-button:focus-within:has(: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)}.gux-listbox-container{box-sizing:border-box;margin:0}";export{x as gux_dropdown_multi}
|
1
|
+
import{r as t,c as e,f as i,h as o,g as r}from"./p-2e827df1.js";import{O as n}from"./p-e080422d.js";import{b as s}from"./p-909c2a19.js";import{s as u}from"./p-2c25e2f2.js";import{b as l}from"./p-cf0e7d3b.js";import{o as a}from"./p-f4751a15.js";import{t as d}from"./p-1b65c00a.js";import{s as g,g as c}from"./p-787c5373.js";import{O as h}from"./p-01471ba0.js";import"./p-4202e9f2.js";const f={textInputResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown",numberSelected:"{numberSelected} selected",pressEnterToCreate:"Press Enter to create new option, {textInputValue}"};var p=function(t,e,i,o){var r,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var u=t.length-1;u>=0;u--)(r=t[u])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const x=class{constructor(i){t(this,i),this.guxcreateoption=e(this,"guxcreateoption",7),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.value=void 0,this.disabled=!1,this.required=!1,this.loading=!1,this.placeholder=void 0,this.filterType="none",this.hasError=!1,this.exceedTargetWidth=!1,this.hasCreate=!1,this.expanded=!1,this.textInput=""}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit()}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}focusSelectedItemAfterRender(t){t&&this.listboxElement&&l((()=>{this.hasTextInput()?this.textInputElement.focus():this.listboxElement.focus()})),t||(this.textInput="")}watchDisabled(t){t&&(this.expanded=!1)}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}getSelectedValues(){var t;return Promise.resolve((null===(t=this.value)||void 0===t?void 0:t.split(","))||[])}onKeydown(t){switch(t.key){case"Escape":return this.hasTextInput()&&document.activeElement===this.listboxElement?this.textInputElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.textInputElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,g(this.listboxElement)));case"Enter":this.canCreateNewOption()&&this.isActiveElement()&&this.emitCreateOption()}}onInternallistboxoptionsupdated(t){t.stopPropagation(),i(this.root)}onClearselected(t){t.stopPropagation(),this.updateValue(""),this.listboxElement&&(this.listboxElement.value=void 0),this.validateValue(this.value,this.listboxElement),this.fieldButtonElement.focus()}onCreatenewoption(t){t.stopPropagation(),this.emitCreateOption()}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.hasCreate=!!this.root.querySelector("gux-create-option"))}async componentWillLoad(){d(this.root),this.i18n=await s(this.root,f),a(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.textInput=this.textInput)}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)?e.value=t:this.value=void 0:e&&(e.value=t)}hasTextInput(){return this.isFilterable()||this.hasCreate}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}isFilterable(){return"custom"===this.filterType||"starts-with"===this.filterType}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=Array.from(this.root.querySelectorAll("gux-option-multi")),i=t?t.split(","):void 0;if(i)return e.filter((t=>i.includes(t.value)))}fieldButtonClick(){this.expanded=!this.expanded}fieldButtonInputClick(){this.expanded||(this.expanded=!this.expanded)}filterInput(t){t.stopPropagation(),this.textInput=this.textInputElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.hasTextInput()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.hasTextInput()&&document.activeElement===this.listboxElement}emitCreateOption(){this.guxcreateoption.emit(this.textInput),this.textInput="",this.textInputElement.value=""}canCreateNewOption(){return this.hasCreate&&this.textInput&&!this.listboxElement.hasExactMatch}isActiveElement(){return document.activeElement===this.root}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){if("ArrowDown"===t.key)return t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),void g(this.listboxElement)}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,u(this.root,"input"),u(this.root,"change"))}getTypeaheadText(t){var e;const i=t.length;if(i>0&&!this.loading){const o=c(this.listboxElement,t);if(o&&"custom"!==this.filterType){const t=null===(e=o.querySelector("[gux-slot-container]"))||void 0===e?void 0:e.textContent;return null==t?void 0:t.substring(i)}return""}}renderTargetDisplay(){return o("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"),this.getSrSelectedText())}getSrSelectedText(){const t=this.getOptionElementByValue(this.value);if(null==t?void 0:t.length)return o("span",{class:"gux-sr-only"},this.i18n("numberSelected",{numberSelected:t.length.toString()}))}getInputAriaLabel(){return this.canCreateNewOption()&&this.isActiveElement()?this.i18n("pressEnterToCreate",{textInputValue:this.textInput}):this.i18n("textInputResults")}renderTag(){var t;const e=(null===(t=this.value)||void 0===t?void 0:t.split(","))||[];if(e.length)return o("gux-dropdown-multi-tag",{disabled:this.disabled,"number-selected":e.length})}renderFilterInputField(){if(this.expanded&&this.hasTextInput())return o("div",{class:"gux-field gux-input-field"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.textInput),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.textInput))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonInputClick.bind(this),placeholder:this.placeholder||this.i18n("noSelection"),class:"gux-filter-input",type:"text","aria-label":this.getInputAriaLabel(),ref:t=>this.textInputElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this),disabled:this.disabled})))))}renderPopup(){return o("div",{slot:"popup",class:"gux-listbox-container"},o("slot",null))}renderTarget(){return o("div",{class:{"gux-target-container":!0,"gux-target-container-expanded":this.expanded&&this.hasTextInput(),"gux-target-container-collapsed":!(this.expanded&&this.hasTextInput()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:this.disabled,onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderTag(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:"custom/chevron-down-small-regular"})))}renderTargetContent(){if(!this.expanded||!this.hasTextInput())return o("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return o("gux-radial-loading",{context:"input"})}render(){return[o("div",{key:"c6398fd677209ff273a611b41cedee812bcd9022",class:"gux-dropdown-container"},o("gux-popup",{key:"175d711a57687ff35de7778d6318a046d4cb9d24",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled||this.loading&&!this.isFilterable(),exceedTargetWidth:this.exceedTargetWidth},this.renderTarget(),this.renderPopup()))]}static get delegatesFocus(){return!0}get root(){return r(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],disabled:["watchDisabled"],value:["watchValue"],textInput:["handleFilter"]}}};p([h({childList:!0,subtree:!0})],x.prototype,"onMutation",null),p([n({triggerEvents:"mousedown"})],x.prototype,"onClickOutside",null),x.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-dropdown-container{position:relative}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;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);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{height:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{position:relative;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-width:0;height:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-selected-option .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-placeholder .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%;padding-left:0}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);padding-left:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-semantic-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-target-container-expanded:focus-within:has(: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)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-semantic-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-target-container-collapsed .gux-field-button:focus-within:has(: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)}.gux-listbox-container{box-sizing:border-box;margin:0}";export{x as gux_dropdown_multi}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as t,g as r}from"./p-2e827df1.js";import{b as a,g as n}from"./p-
|
1
|
+
import{r as e,h as t,g as r}from"./p-2e827df1.js";import{b as a,g as n}from"./p-909c2a19.js";import{u as i,a as s}from"./p-a5415051.js";import{s as o}from"./p-2c25e2f2.js";import{b as h}from"./p-cf0e7d3b.js";import{g as u,b as c,a as d}from"./p-67d92675.js";import"./p-4202e9f2.js";const l={changeYear:"Current year is {currentYear}, Click to change year to {changeYear}"},g=class{constructor(t){e(this,t),this.value=void 0,this.min=void 0,this.max=void 0,this.year=void 0,this.locale=void 0,this.previewValue=void 0,this.expanded=!0}onValueUpdate(e){const{year:t}=u(e);this.year=t}async guxFocus(e){this.expanded=!0,e=e||c();const{year:t}=u(e);this.year=t,h((()=>{const t=this.root.shadowRoot.querySelector(`gux-month-list-item[value="${e}"]`);t&&t.focus()}))}onKeyDown(e){if("Tab"===e.key){if(e.shiftKey)return;(this.nextYearElement.matches(":focus-visible")||this.previousYearElement.matches(":focus-visible")&&this.nextYearElement.disabled)&&(this.focusSelectedMonth(),e.preventDefault())}}focusSelectedMonth(){const e=this.root.shadowRoot.querySelector(`gux-month-list-item[value="${this.previewValue}"]`);if(e&&e.matches(":focus-visible"))null==e||e.focus();else{const e=this.root.shadowRoot.querySelectorAll("gux-month-list-item"),t=Array.from(e).find((e=>!e.disabled));null==t||t.focus()}}nextYearElementOnBlur(e){e.target.disabled&&!e.relatedTarget&&(this.focusSelectedMonth(),e.preventDefault())}async componentWillLoad(){this.i18n=await a(this.root,l),this.locale=i()?s(this.root):n(this.root),this.value?(this.year=u(this.value).year,this.previewValue=this.value):this.year=u(c()).year}updateValue(e){this.value=e,this.previewValue=this.value,o(this.root,"input"),o(this.root,"change")}isOutOfBounds(e){return this.max&&this.max<e||this.min&&this.min>e}onMonthClick(e){this.isOutOfBounds(e)||this.updateValue(e)}isCurrentMonth(e){return u(c()).year==this.year&&u(c()).month==e}getMonthAriaLabel(e){const{year:t,month:r}=u(e);return new Date(Number(t),Number(r)-1).toLocaleDateString(this.locale,{year:"numeric",month:"long"})}getYearLabel(e){return new Date(Number(e),5).toLocaleDateString(this.locale,{year:"numeric"})}isSelectedMonth(e){return e===this.value}isAriaSelectedMonth(e){return!!this.isSelectedMonth(e)&&"true"}changeYear(e){if(this.year=(parseInt(this.year)+e).toString(),this.value){const e=u(this.value).month,t=d(this.year,e);this.previewValue=t}}isPreviousYearLessThanMinYear(e,t){return(parseInt(e)-1).toString()<(t&&u(t).year)}isNextYearGreaterThanMaxYear(e,t){return(parseInt(e)+1).toString()>(t&&u(t).year)}getMonthShortName(e,t){return new Date(Number(e),Number(t)-1).toLocaleDateString(this.locale,{month:"short"})}renderHeader(){return t("div",{class:"gux-year-header"},t("button",{type:"button",class:"gux-year-change",onClick:()=>this.changeYear(-1),disabled:this.isPreviousYearLessThanMinYear(this.year,this.min),ref:e=>this.previousYearElement=e},t("gux-icon",{"icon-name":"custom/chevron-left-small-regular","screenreader-text":this.i18n("changeYear",{currentYear:parseInt(this.year),changeYear:parseInt(this.year)-1})})),t("div",null,this.getYearLabel(this.year)),t("button",{type:"button",class:"gux-year-change",onClick:()=>this.changeYear(1),disabled:this.isNextYearGreaterThanMaxYear(this.year,this.max),ref:e=>this.nextYearElement=e,onBlur:this.nextYearElementOnBlur.bind(this)},t("gux-icon",{"icon-name":"custom/chevron-right-small-regular","screenreader-text":this.i18n("changeYear",{currentYear:parseInt(this.year),changeYear:parseInt(this.year)+1})})))}renderMonths(){const e=Array.from(new Array(12),((e,t)=>String(t+1).padStart(2,"0"))).map((e=>{const r=d(this.year,e);return t("gux-month-list-item",{class:{"gux-current-month":this.isCurrentMonth(e)},value:r,selected:this.isSelectedMonth(r),"aria-selected":this.isAriaSelectedMonth(r),"aria-label":this.getMonthAriaLabel(r),onClick:()=>this.onMonthClick(r),disabled:this.isOutOfBounds(r)},this.getMonthShortName(this.year,e))}));return t("gux-month-list",null,e)}render(){return t("div",{key:"0bbfbdb60b695dc23ece405737e8b30d01a602c9",class:{"gux-hidden":!this.expanded,"gux-month-calendar":!0}},this.renderHeader(),this.renderMonths())}static get delegatesFocus(){return!0}get root(){return r(this)}static get watchers(){return{value:["onValueUpdate"]}}};g.style=".gux-month-calendar{flex-wrap:wrap;width:var(--gse-ui-calendarMenu-width);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-month-calendar.gux-hidden{display:none}.gux-month-calendar .gux-current-month{font-family:var(--gse-ui-calendarMenu-month-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-month-currentText-fontWeight);line-height:var(--gse-ui-calendarMenu-month-currentText-lineHeight);color:var(--gse-ui-calendarMenu-month-default-foregroundColor)}.gux-month-calendar .gux-year-header{position:relative;display:flex;align-items:center;justify-content:space-between;height:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);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);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-month-calendar .gux-year-header button{padding:var(--gse-ui-calendarMenu-header-arrow-padding);color:inherit;cursor:pointer;background:none;border:none;outline:none}.gux-month-calendar .gux-year-header button:focus-visible{border-radius:calc(var(--gse-semantic-focusRing-cornerRadius) - var(--gse-semantic-focusRing-offset));outline:var(--gse-semantic-focusRing-width) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-color-focus);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-month-calendar .gux-year-header button.gux-year-change:disabled{cursor:default;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-month-calendar .gux-year-header button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);pointer-events:none}";export{g as gux_month_calendar}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as
|
1
|
+
import{r as e,c as t,h as i}from"./p-2e827df1.js";import{a as s,c as a,o as n,f as o,d,s as p,h as r}from"./p-b43ee47b.js";const c=class{constructor(i){e(this,i),this.internalexpanded=t(this,"internalexpanded",7),this.internalcollapsed=t(this,"internalcollapsed",7),this.placement="bottom-start",this.expanded=!1,this.disabled=!1,this.offset=2,this.exceedTargetWidth=!1}runUpdatePosition(){this.cleanupUpdatePosition=s(this.targetElementContainer,this.popupElementContainer,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){if(this.targetElementContainer&&this.popupElementContainer){const e=this.exceedTargetWidth;a(this.targetElementContainer,this.popupElementContainer,{strategy:"fixed",placement:this.placement,middleware:[n(this.offset),o(),d({apply({rects:t,elements:i}){Object.assign(i.floating.style,e?{minWidth:`${t.reference.width}px`}:{width:`${t.reference.width}px`,overflow:"hidden"})}}),p(),r()]}).then((({x:e,y:t,middlewareData:i})=>{const{referenceHidden:s}=i.hide;Object.assign(this.popupElementContainer.style,{left:`${e}px`,top:`${t}px`}),s?this.popupElementContainer.classList.add("gux-sr-only-clip"):this.popupElementContainer.classList.remove("gux-sr-only-clip")}))}}onExpandedChange(e){e?this.internalexpanded.emit():this.internalcollapsed.emit()}componentDidLoad(){this.runUpdatePosition()}componentDidUpdate(){this.expanded?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return i("div",{key:"b25e11f19deb056064d995b31d1b00e079eea510",class:{"gux-target-container":!0,"gux-disabled":this.disabled},"aria-disabled":this.disabled.toString(),ref:e=>this.targetElementContainer=e},i("slot",{key:"12545ed4631b13ce6fdb389afde679125b4fa6f1",name:"target"}),i("div",{key:"d14678767c03aa35c02fc6c182f8a2f92edc09d2",class:{"gux-popup-container":!0,"gux-expanded":this.expanded&&!this.disabled},ref:e=>this.popupElementContainer=e},i("slot",{key:"8e77c66b8ce38df92498df0e3e27ee251a904438",name:"popup"})))}static get watchers(){return{expanded:["onExpandedChange"]}}};c.style=".gux-target-container.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-popup-container{position:fixed;z-index:var(--gse-semantic-zIndex-popup);width:max-content;visibility:hidden;background-color:var(--gse-ui-menu-backgroundColor)}.gux-popup-container.gux-expanded{visibility:visible}.gux-sr-only-clip: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_popup}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,c as t,h as s,g as i}from"./p-2e827df1.js";import{b as a}from"./p-
|
1
|
+
import{r as e,c as t,h as s,g as i}from"./p-2e827df1.js";import{b as a}from"./p-909c2a19.js";import{r as o}from"./p-0934300e.js";import{t as r}from"./p-408d5857.js";import"./p-4202e9f2.js";const c=class{constructor(s){e(this,s),this.internalallrowselectchange=t(this,"internalallrowselectchange",7),this.id=o("gux-all-row-select"),this.selected=!1,this.disabled=void 0}onCheck(e){e.stopPropagation(),this.selected=this.inputElement.checked,this.internalallrowselectchange.emit(this.inputElement.checked)}async setIndeterminate(e=!0){this.inputElement.indeterminate=e}async componentWillLoad(){this.i18n=await a(this.root,r,"gux-table")}render(){return s("gux-form-field-checkbox",{key:"19c31e6b543a07535dcb9d9e5e060cab0042ce93","label-position":"screenreader"},s("input",{key:"88d2b53aabb6ea7e91515a1d2ade9c2713be5366",ref:e=>this.inputElement=e,slot:"input",id:this.id,type:"checkbox",checked:this.selected,disabled:this.disabled}),s("label",{key:"f5074d82198b8537e15998b8a137ace9f4567ff2",slot:"label",htmlFor:this.id},"",s("span",{key:"e9175cf90f2101e76e73c550a1bc2a0d004b6ebe"},this.i18n("selectAllTableRows"))))}get root(){return i(this)}};c.style=":host{display:flex;flex-direction:row;justify-content:center}";export{c as gux_all_row_select}
|
@@ -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-
|
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-909c2a19.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:"508de1a07d3c7d1cdd8ff40025dbeaec17ffc87b",class:{"gux-tab":!0,"gux-selected":this.active,"gux-dropdown-options":this.hasDropdownOptions,"gux-disabled":this.guxDisabled}},a("div",{key:"3febf09f7c25f10b9119c6aa1d3b33c2193951e0",class:"gux-buttons"},this.renderTabButton(),this.renderTabOptions()),a("div",{key:"d1a1ca9e9cc77f28429bb919b996b567ac33d06b",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 i}from"./p-2e827df1.js";import{b as r}from"./p-
|
1
|
+
import{r as e,c as t,h as a,g as i}from"./p-2e827df1.js";import{b as r}from"./p-909c2a19.js";import"./p-4202e9f2.js";const s={clearSelection:"Clear {numberSelected} selected items"},o=class{constructor(a){e(this,a),this.internalclearselected=t(this,"internalclearselected",7),this.disabled=!1,this.numberSelected=0,this.label=""}onKeyDown(e){switch(e.key){case"Backspace":case"Delete":this.removeTag()}}removeTag(){this.disabled||this.internalclearselected.emit()}renderRemoveButton(){return a("button",{class:"gux-tag-remove-button",onClick:this.removeTag.bind(this),type:"button",disabled:this.disabled},a("gux-icon",{class:"gux-tag-remove-icon","icon-name":"fa/xmark-large-regular","screenreader-text":this.i18n("clearSelection",{numberSelected:this.numberSelected.toString()})}))}async componentWillRender(){this.i18n=await r(this.root,s)}render(){return a("div",{key:"58f492a8712961d4b490748660b768524b620506",class:{"gux-tag":!0,"gux-disabled":this.disabled},"aria-disabled":this.disabled.toString()},this.numberSelected.toString(),this.renderRemoveButton())}get root(){return i(this)}};o.style=":host{display:inline-block}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;height:var(--gse-ui-tag-height);padding:var(--gse-ui-tag-removable-padding);font-family:var(--gse-ui-tag-text-fontFamily);font-size:var(--gse-ui-tag-text-fontSize);line-height:var(--gse-ui-tag-text-lineHeight);color:var(--gse-ui-tag-accent1-foregroundColor);background-color:var(--gse-ui-tag-accent1-backgroundColor);border-radius:var(--gse-ui-tag-borderRadius)}.gux-tag .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}.gux-tag .gux-tag-remove-button{all:unset;display:flex;place-content:center center;align-items:center;margin-left:var(--gse-ui-tag-removable-gap)}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{width:var(--gse-ui-tag-button-size);height:var(--gse-ui-tag-button-size)}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width)}.gux-tag.gux-disabled{opacity:var(--gse-ui-tag-disabled-opacity)}";export{o as gux_dropdown_multi_tag}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,c as a,h as t,g as i}from"./p-2e827df1.js";import{b as n}from"./p-
|
1
|
+
import{r as e,c as a,h as t,g as i}from"./p-2e827df1.js";import{b as n}from"./p-909c2a19.js";import"./p-4202e9f2.js";const g={perPage:"per page",itemsPerPage:"Items per page",rangeSelected:"Items per page dropdown, {range} items per page selected"},o=class{constructor(t){e(this,t),this.internalitemsperpagechange=a(this,"internalitemsperpagechange",3),this.itemsPerPage=25}handleChange(e){e.stopPropagation();const a=parseInt(this.dropdownElement.value,10);this.internalitemsperpagechange.emit(a)}async componentWillLoad(){this.i18n=await n(this.root,g)}getDropdown(){return t("gux-dropdown",{ref:e=>this.dropdownElement=e,value:`${this.itemsPerPage}`,"aria-label":this.i18n("rangeSelected",{range:this.itemsPerPage})},t("gux-listbox",{"aria-label":this.i18n("itemsPerPage")},t("gux-option",{value:"25"},"25"),t("gux-option",{value:"50"},"50"),t("gux-option",{value:"75"},"75"),t("gux-option",{value:"100"},"100")))}render(){return t("div",{key:"cea537794b5b1a55626c7bbc8ed1573a801ea415",class:"gux-pagination-items-per-page-container"},t("div",{key:"553a0867b0cfcb95eae7561e975bee6c55b64f57",class:"gux-pagination-items-per-page-picker"},this.getDropdown()),t("div",{key:"4680bb2d980db9d65d715ed0b50efc2097ec55f3",class:"gux-pagination-per-page"},this.i18n("perPage")))}get root(){return i(this)}};o.style="gux-pagination-items-per-page .gux-pagination-items-per-page-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch center;align-items:center}gux-pagination-items-per-page .gux-pagination-items-per-page-container>div{flex:0 1 auto;align-self:auto;order:0;white-space:nowrap}gux-pagination-items-per-page .gux-pagination-items-per-page-container .gux-pagination-items-per-page-picker gux-dropdown{display:inline-block;width:fit-content}gux-pagination-items-per-page .gux-pagination-items-per-page-container gux-dropdown div.gux-dropdown .gux-options.gux-opened{bottom:100%;display:flex;flex-direction:column-reverse}gux-pagination-items-per-page .gux-pagination-items-per-page-container .gux-pagination-per-page{font-family:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontFamily);font-size:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontSize);font-weight:var(--gse-ui-dataTableItems-tablePagination-currentResultText-fontWeight);line-height:var(--gse-ui-dataTableItems-tablePagination-defaultText-lineHeight);color:var(--gse-ui-dataTableItems-tablePagination-foregroundColor)}";export{o as gux_pagination_items_per_page}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,h as i,g as r}from"./p-2e827df1.js";import{a as s,c as a,o,f as n}from"./p-b43ee47b.js";import{r as u}from"./p-0934300e.js";import{a as d}from"./p-cf0e7d3b.js";import{f as l,b as c,a as h,c as p}from"./p-9349b5e4.js";import{O as g}from"./p-e080422d.js";import{t as f}from"./p-68c084ac.js";import{b as x}from"./p-0367930a.js";import{u as k,g as b,a as m}from"./p-a5415051.js";import"./p-4202e9f2.js";const v={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function y(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function C(t,e){const i=new Date(e.valueOf()),r=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(r),i.setFullYear(e.getFullYear()),i.getMonth()!==r?C(t,y(-1,e)):i}function w(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function D(t){return t.match(/\W/)[0]}function R(t){const e=D(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function F(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const I=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.isSelectingRangeWithMouse=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=u("gux-datepicker"),this.endInputId=u("gux-datepicker"),this.value=void 0,this.label="",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.minDate="",this.maxDate="",this.mode="single",this.format=void 0,this.disabled=!1,this.labelPosition="beside",this.formattedValue="",this.minDateDate=void 0,this.maxDateDate=void 0,this.toFormattedValue="",this.active=!1,this.pressedKeys=[]}watchValue(){this.format&&this.updateDate()}watchMinDate(t){this.minDateDate=t?l(t):null}watchMaxDate(t){this.maxDateDate=t?l(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=R(t),this.lastIntervalRange=this.initialIntervalRange}watchActiveCalendar(t){if(!0===t){const t=l(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isInputFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":break;case"ArrowDown":t.preventDefault(),this.increment(-1),this.setCursorRange();break;case"ArrowUp":t.preventDefault(),this.increment(1),this.setCursorRange();break;case"ArrowLeft":{t.preventDefault();const e=function(t,e){const i=R(t),r=w(t,e.selectionStart),s=i.indexOf(r);return F(t,i[(s+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange(),this.pressedKeys.length=0;break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=R(t),r=w(t,e.selectionStart),s=i.indexOf(r);return F(t,i[(s+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange(),this.pressedKeys.length=0;break}default:t.preventDefault(),this.isSelectingRangeWithMouse||(this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(t),this.setCursorRange())}else switch(t.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");d((()=>{t.focus()}));break}case"Tab":this.active&&(this.active=!1)}}onMouseDown(t){this.isInputFieldEvent(t)&&(this.isSelectingRangeWithMouse=!0);const e=t.composedPath(),i=e.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every((t=>!e.includes(t)))&&(this.active=i)}onClickOutside(){this.active=!1,this.pressedKeys.length=0}onInputFocusIn(t){this.focusedField=this.getInputFieldFromEvent(t),this.isSelectingRangeWithMouse||d((()=>this.setRange()))}onInputFocusOut(){this.lastIntervalRange=this.initialIntervalRange}onInputMouseUp(t){t.preventDefault(),this.lastIntervalRange=F(this.format,w(this.format,this.focusedField.selectionStart)),this.setRange(),this.isSelectingRangeWithMouse=!1}isInputFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}get initialIntervalRange(){return F(this.format,w(this.format,0))}getInputFieldFromEvent(t){return t.composedPath()[0]}updateIntervalValue(t){this.pressedKeys.push(t.key);const e=parseInt(t.key,10);if(!isNaN(e)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);"y"===w(this.format,this.focusedField.selectionStart)&&"yyyy"===this.yearFormat?this.typeYearValue(i,t.key):this.canSetDate(e)&&this.pressedKeys.length>=2?(this.updateSelection(this.focusedField,`${i[1]}${t.key}`),this.setValue()):(this.updateSelection(this.focusedField,`0${t.key}`.replace("00","01")),this.setValue())}}updateSelection(t,e){t.value=t.value.substr(0,this.intervalRange.selectionStart)+e+t.value.substr(this.intervalRange.selectionEnd)}getCalendarLabels(){return function(t,e,i){const r=t.split(",").map((t=>t.trim()));return"range"===e?[r[0]||i[0],r[1]||i[1]]:"range"===e||r[0]?[r[0]]:[i[2]]}(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(t){const e=D(this.format),i=this.format.toLowerCase().split(e),r=t.split(e),s=parseInt(r[i.indexOf(this.yearFormat)],10),a=parseInt(r[i.indexOf("mm")],10)-1,o=parseInt(r[i.indexOf("dd")],10),n=new Date(s,a,o);return"yy"===this.yearFormat&&n.getFullYear()<1970&&this.lastYear>1970&&n.setFullYear(n.getFullYear()+100),n}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formattedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormattedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=c(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=h(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(t,e){" "!==t[0]?this.updateSelection(this.focusedField,` ${e}`):(this.updateSelection(this.focusedField,`${t.substr(1)}${e}`),(t.substr(1)+e).includes(" ")||this.setValue())}canSetDate(t){const e=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),t].join(""),10);if(e)switch(w(this.format,this.focusedField.selectionStart)){case"d":{const t=l(this.value);if(e<=new Date(t.getFullYear(),t.getMonth()+1,0).getDate())return!0;break}case"m":if(e<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(t){const e={dd:`0${t.getDate()}`.slice(-2),mm:`0${t.getMonth()+1}`.slice(-2)};return"yyyy"===this.yearFormat?e.yyyy=t.getFullYear().toString():e.yy=t.getFullYear().toString().slice(-2),{map:e,regexp:new RegExp(Object.keys(e).join("|"),"gi")}}updateDate(){if("range"===this.mode){const[t,e]=p(this.value),{map:i,regexp:r}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(r,(t=>i[t]));const{map:s,regexp:a}=this.getMapAndRegexFromField(e);this.toFormattedValue=this.format.replace(a,(t=>s[t]))}else{const t=l(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&(this.focusedField.setSelectionRange(0,100),this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd))}toggleCalendar(){this.active=!this.active,this.active&&d((()=>{this.calendarElement.focusPreviewDate()}))}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return l(this.value)}getRangeFocusedDateValue(){const[t,e]=p(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=w(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let r;switch(e){case"d":r=y(t,i);break;case"m":r=C(t,i);break;case"y":r=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var s,a,o;s=r,a=this.minDateDate,((o=this.maxDateDate)&&o<s||a&&a>s)&&(r=i),this.lastYear=r.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=D(e),r=e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i);return r}(r,this.format),this.setValue()}async componentWillLoad(){if(f(this.root,{variant:this.mode}),this.i18n=await x(this.root,v),this.format=k()?this.format||b(m(this.root)):this.format||"mm/dd/yyyy",this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?c(t,t):h(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}this.updateDate()}runUpdatePosition(){this.cleanupUpdatePosition=s(this.datepickerElement,this.calendarElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){a(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[o({crossAxis:-3}),n({fallbackStrategy:"initialPlacement"})]}).then((({x:t,y:e})=>{Object.assign(this.calendarElement.style,{left:`${t}px`,top:`${e}px`})}))}componentDidUpdate(){this.active?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"fa/calendar-regular"}))}renderCalendar(){return i("gux-calendar",{tabIndex:-1,ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onCalendarSelect:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths,startDayOfWeek:this.startDayOfWeek})}renderStartDateField(){return i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",onClick:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),ref:t=>this.inputElement=t,value:this.formattedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,onMouseUp:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),value:this.toFormattedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{key:"3ada993636feec960011202c7d897ae16b88734c",class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return r(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,r){var s,a=arguments.length,o=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,r);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(o=(a<3?s(o):a>3?s(e,i,o):s(e,i))||o);a>3&&o&&Object.defineProperty(e,i,o)})([g({triggerEvents:"mousedown"})],I.prototype,"onClickOutside",null),I.style=":host{display:block}.gux-datepicker{display:inline-block}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:var(--gse-ui-datePicker-disabled-opacity)}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-left:20px}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-top:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-right:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-right:var(--gse-ui-formControl-helper-gap);font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{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);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-datepicker .gux-datepicker-field .gux-datepicker-field-input:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input: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:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input.gux-active{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;width:calc(var(--gse-ui-calendarMenu-day-input-width) - var(--gse-ui-icon-size-sm));padding:0;overflow:hidden;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);border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input 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;border-radius:var(--gse-ui-actionButton-borderRadius);outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button: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:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset);border:none;border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius);outline-offset:var(--gse-ui-datePicker-focusCalendar-gap)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-datePicker-iconHover);cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gse-semantic-zIndex-popup);display:none}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{I as gux_datepicker}
|
1
|
+
import{r as t,c as e,h as i,g as r}from"./p-2e827df1.js";import{a as s,c as a,o,f as n}from"./p-b43ee47b.js";import{r as u}from"./p-0934300e.js";import{a as d}from"./p-cf0e7d3b.js";import{f as l,b as c,a as h,c as p}from"./p-9349b5e4.js";import{O as g}from"./p-e080422d.js";import{t as f}from"./p-1b65c00a.js";import{b as x}from"./p-909c2a19.js";import{u as k,g as b,a as m}from"./p-a5415051.js";import"./p-4202e9f2.js";const v={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function y(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function C(t,e){const i=new Date(e.valueOf()),r=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(r),i.setFullYear(e.getFullYear()),i.getMonth()!==r?C(t,y(-1,e)):i}function w(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function D(t){return t.match(/\W/)[0]}function R(t){const e=D(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function F(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const I=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.isSelectingRangeWithMouse=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=u("gux-datepicker"),this.endInputId=u("gux-datepicker"),this.value=void 0,this.label="",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.minDate="",this.maxDate="",this.mode="single",this.format=void 0,this.disabled=!1,this.labelPosition="beside",this.formattedValue="",this.minDateDate=void 0,this.maxDateDate=void 0,this.toFormattedValue="",this.active=!1,this.pressedKeys=[]}watchValue(){this.format&&this.updateDate()}watchMinDate(t){this.minDateDate=t?l(t):null}watchMaxDate(t){this.maxDateDate=t?l(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=R(t),this.lastIntervalRange=this.initialIntervalRange}watchActiveCalendar(t){if(!0===t){const t=l(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isInputFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":break;case"ArrowDown":t.preventDefault(),this.increment(-1),this.setCursorRange();break;case"ArrowUp":t.preventDefault(),this.increment(1),this.setCursorRange();break;case"ArrowLeft":{t.preventDefault();const e=function(t,e){const i=R(t),r=w(t,e.selectionStart),s=i.indexOf(r);return F(t,i[(s+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange(),this.pressedKeys.length=0;break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=R(t),r=w(t,e.selectionStart),s=i.indexOf(r);return F(t,i[(s+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange(),this.pressedKeys.length=0;break}default:t.preventDefault(),this.isSelectingRangeWithMouse||(this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(t),this.setCursorRange())}else switch(t.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");d((()=>{t.focus()}));break}case"Tab":this.active&&(this.active=!1)}}onMouseDown(t){this.isInputFieldEvent(t)&&(this.isSelectingRangeWithMouse=!0);const e=t.composedPath(),i=e.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every((t=>!e.includes(t)))&&(this.active=i)}onClickOutside(){this.active=!1,this.pressedKeys.length=0}onInputFocusIn(t){this.focusedField=this.getInputFieldFromEvent(t),this.isSelectingRangeWithMouse||d((()=>this.setRange()))}onInputFocusOut(){this.lastIntervalRange=this.initialIntervalRange}onInputMouseUp(t){t.preventDefault(),this.lastIntervalRange=F(this.format,w(this.format,this.focusedField.selectionStart)),this.setRange(),this.isSelectingRangeWithMouse=!1}isInputFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}get initialIntervalRange(){return F(this.format,w(this.format,0))}getInputFieldFromEvent(t){return t.composedPath()[0]}updateIntervalValue(t){this.pressedKeys.push(t.key);const e=parseInt(t.key,10);if(!isNaN(e)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);"y"===w(this.format,this.focusedField.selectionStart)&&"yyyy"===this.yearFormat?this.typeYearValue(i,t.key):this.canSetDate(e)&&this.pressedKeys.length>=2?(this.updateSelection(this.focusedField,`${i[1]}${t.key}`),this.setValue()):(this.updateSelection(this.focusedField,`0${t.key}`.replace("00","01")),this.setValue())}}updateSelection(t,e){t.value=t.value.substr(0,this.intervalRange.selectionStart)+e+t.value.substr(this.intervalRange.selectionEnd)}getCalendarLabels(){return function(t,e,i){const r=t.split(",").map((t=>t.trim()));return"range"===e?[r[0]||i[0],r[1]||i[1]]:"range"===e||r[0]?[r[0]]:[i[2]]}(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(t){const e=D(this.format),i=this.format.toLowerCase().split(e),r=t.split(e),s=parseInt(r[i.indexOf(this.yearFormat)],10),a=parseInt(r[i.indexOf("mm")],10)-1,o=parseInt(r[i.indexOf("dd")],10),n=new Date(s,a,o);return"yy"===this.yearFormat&&n.getFullYear()<1970&&this.lastYear>1970&&n.setFullYear(n.getFullYear()+100),n}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formattedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormattedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=c(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=h(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(t,e){" "!==t[0]?this.updateSelection(this.focusedField,` ${e}`):(this.updateSelection(this.focusedField,`${t.substr(1)}${e}`),(t.substr(1)+e).includes(" ")||this.setValue())}canSetDate(t){const e=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),t].join(""),10);if(e)switch(w(this.format,this.focusedField.selectionStart)){case"d":{const t=l(this.value);if(e<=new Date(t.getFullYear(),t.getMonth()+1,0).getDate())return!0;break}case"m":if(e<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(t){const e={dd:`0${t.getDate()}`.slice(-2),mm:`0${t.getMonth()+1}`.slice(-2)};return"yyyy"===this.yearFormat?e.yyyy=t.getFullYear().toString():e.yy=t.getFullYear().toString().slice(-2),{map:e,regexp:new RegExp(Object.keys(e).join("|"),"gi")}}updateDate(){if("range"===this.mode){const[t,e]=p(this.value),{map:i,regexp:r}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(r,(t=>i[t]));const{map:s,regexp:a}=this.getMapAndRegexFromField(e);this.toFormattedValue=this.format.replace(a,(t=>s[t]))}else{const t=l(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&(this.focusedField.setSelectionRange(0,100),this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd))}toggleCalendar(){this.active=!this.active,this.active&&d((()=>{this.calendarElement.focusPreviewDate()}))}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return l(this.value)}getRangeFocusedDateValue(){const[t,e]=p(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=w(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let r;switch(e){case"d":r=y(t,i);break;case"m":r=C(t,i);break;case"y":r=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var s,a,o;s=r,a=this.minDateDate,((o=this.maxDateDate)&&o<s||a&&a>s)&&(r=i),this.lastYear=r.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=D(e),r=e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i);return r}(r,this.format),this.setValue()}async componentWillLoad(){if(f(this.root,{variant:this.mode}),this.i18n=await x(this.root,v),this.format=k()?this.format||b(m(this.root)):this.format||"mm/dd/yyyy",this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?c(t,t):h(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}this.updateDate()}runUpdatePosition(){this.cleanupUpdatePosition=s(this.datepickerElement,this.calendarElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){a(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[o({crossAxis:-3}),n({fallbackStrategy:"initialPlacement"})]}).then((({x:t,y:e})=>{Object.assign(this.calendarElement.style,{left:`${t}px`,top:`${e}px`})}))}componentDidUpdate(){this.active?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"fa/calendar-regular"}))}renderCalendar(){return i("gux-calendar",{tabIndex:-1,ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onCalendarSelect:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths,startDayOfWeek:this.startDayOfWeek})}renderStartDateField(){return i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",onClick:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),ref:t=>this.inputElement=t,value:this.formattedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,onMouseUp:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),value:this.toFormattedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{key:"3ada993636feec960011202c7d897ae16b88734c",class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return r(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,r){var s,a=arguments.length,o=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,r);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(o=(a<3?s(o):a>3?s(e,i,o):s(e,i))||o);a>3&&o&&Object.defineProperty(e,i,o)})([g({triggerEvents:"mousedown"})],I.prototype,"onClickOutside",null),I.style=":host{display:block}.gux-datepicker{display:inline-block}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:var(--gse-ui-datePicker-disabled-opacity)}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-left:20px}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-top:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-right:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-right:var(--gse-ui-formControl-helper-gap);font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{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);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-datepicker .gux-datepicker-field .gux-datepicker-field-input:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input: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:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input.gux-active{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;width:calc(var(--gse-ui-calendarMenu-day-input-width) - var(--gse-ui-icon-size-sm));padding:0;overflow:hidden;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);border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input 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;border-radius:var(--gse-ui-actionButton-borderRadius);outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button: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:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset);border:none;border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius);outline-offset:var(--gse-ui-datePicker-focusCalendar-gap)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-datePicker-iconHover);cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gse-semantic-zIndex-popup);display:none}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{I as gux_datepicker}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as s,H as i,g as e}from"./p-2e827df1.js";import{s as o}from"./p-2c25e2f2.js";import{t as
|
1
|
+
import{r as t,h as s,H as i,g as e}from"./p-2e827df1.js";import{s as o}from"./p-2c25e2f2.js";import{t as h}from"./p-1b65c00a.js";const c=class{constructor(s){t(this,s),this.value=void 0,this.layout="default",this.switchItems=[]}onClick(t){t.stopPropagation();const s=t.target.closest("gux-switch-item");s&&this.value!==s.value&&(this.value=s.value,o(this.root,"input"),o(this.root,"change"))}slotChanged(){this.switchItems=Array.from(this.root.children)}componentWillLoad(){h(this.root,{variant:this.layout})}componentWillRender(){this.switchItems.forEach((t=>{t.selected=t.value===this.value}))}render(){return s(i,{key:"b22773f53c2513d1bee2211386c042013a7050bc",role:"group",class:`gux-${this.layout}`},s("slot",{key:"69c6fe16985e36c683e3af75c414078719bc0664",onSlotchange:this.slotChanged.bind(this)}))}get root(){return e(this)}};c.style=":host{display:flex;align-items:flex-end}";export{c as gux_switch_legacy}
|
@@ -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{a as u,G as f}from"./p-fb1ab7b1.js";import{G as d,a as p}from"./p-9773c4fe.js";import{v as g,a as c}from"./p-
|
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{a as u,G as f}from"./p-fb1ab7b1.js";import{G as d,a as p}from"./p-9773c4fe.js";import{v as g,a as c}from"./p-42f2e889.js";import{t as h}from"./p-1b65c00a.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.indicatorMark="required",this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help")}handleKeyup(e){var o,r;"Tab"===e.key?this.input.matches(":focus-visible")&&(null===(o=this.labelInfo)||void 0===o||o.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-visible")&&(null===(r=this.labelInfo)||void 0===r||r.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}componentWillLoad(){this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=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:"b369435896f25fb7ec1325a6b0be5c781fd67efc",labelPosition:this.computedLabelPosition},o(d,{key:"38901edb2eb3bd3f100d6cf3f132deb60b046896",required:this.required,position:this.computedLabelPosition},o("slot",{key:"a89921edc4dbe6986031d28cd9cfb051942d0b75",name:"label",onSlotchange:()=>this.setLabel()}),o("gux-form-field-label-indicator",{key:"bd85f0211926890d31628ec5927ba84b7973f694",variant:this.indicatorMark,required:this.required}),o("slot",{key:"a332b280ba8eabf29a12e0349a520400bb6dc60a",name:"label-info"})),o("div",{key:"1d4fb4187c5831e4d929e4863d328ee9052e4d82",class:"gux-input-and-error-container"},o("div",{key:"6c631f4539772e2392ca1543575c30d35cbe1f5d",class:{"gux-input":!0,"gux-input-error":this.hasError}},o("div",{key:"02bc02d0cb457ea7e021746be96470941560e6c8",class:{"gux-input-container":!0,"gux-disabled":this.disabled}},o("slot",{key:"205bd13c0311f90e9d43415660c5fa52b12729f4",name:"input"}),o("gux-icon",{key:"da7a103eea8e102efb4f0f070945efd2251464b6","icon-name":"custom/chevron-down-small-regular",decorative:!0}))),o(u,{key:"aff49e31e92ce372557e9becee4b2bafb7c9e784",show:this.hasError},o("slot",{key:"dad5c48492a0b2d9691aa02b88ece74fd72d1a24",name:"error"})),o(f,{key:"484e6a4559d60f6a106fad7ef283fe9108aca87c",show:!this.hasError&&this.hasHelp},o("slot",{key:"4ced60adf8dad029da74ad51b209550662967b6d",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;gap:var(--gse-ui-formControl-helper-gap);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;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;top:var(--gse-ui-formControl-input-top);width:fit-content;min-width:var(--gse-ui-formControl-input-textfield-minWidth);max-width:fit-content;margin-right:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-bottom:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-top:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(select){flex:1 1 auto;align-self:auto;order:0;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding-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%;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{position:absolute;top:0;right:0;width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);margin:var(--gse-ui-formControl-input-padding);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,h as e,g as r}from"./p-2e827df1.js";import{c as a}from"./p-267e2aed.js";import{t as o}from"./p-
|
1
|
+
import{r as t,h as e,g as r}from"./p-2e827df1.js";import{c as a}from"./p-267e2aed.js";import{t as o}from"./p-1b65c00a.js";import{b as s}from"./p-909c2a19.js";import"./p-4202e9f2.js";const i={actionRefresh:"Refresh",actionDelete:"Delete",actionExport:"Export",actionImport:"Import",actionRevert:"Revert",actionAdd:"Add"},c=class{constructor(e){t(this,e),this.action=void 0,this.accent="secondary",this.iconOnly=!1,this.disabled=!1}handleClick(t){this.disabled&&(t.preventDefault(),t.stopImmediatePropagation())}returnActionLocale(t){return this.i18n(`action${a(t)}`)}returnActionTypeIcon(t){switch(t){case"refresh":return"fa/arrows-rotate-regular";case"delete":return"fa/trash-regular";case"export":return"fa/arrow-up-from-line-regular";case"import":return"fa/file-import-regular";case"revert":return"fa/arrow-rotate-left-regular";case"add":return"fa/plus-regular";default:return"fa/square-x-regular"}}async componentWillLoad(){o(this.root,{variant:this.action}),this.i18n=await s(this.root,i)}render(){return e("gux-table-toolbar-custom-action",{key:"43020128adf29edbf4a4d3f7b014e09736ee4259","icon-only":this.iconOnly,accent:this.accent,disabled:this.disabled},e("span",{key:"012d0ac6b667f49f59d2744df8a183c751d6d0d5",slot:"text"},this.returnActionLocale(this.action)),e("gux-icon",{key:"39e29fbfcfdf8cffa967e2730fcd8f06e1361cc6",slot:"icon","icon-name":this.returnActionTypeIcon(this.action),decorative:!0}))}get root(){return r(this)}};c.style=":host([disabled]){pointer-events:none}";export{c as gux_table_toolbar_action}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as s,h as i,H as a,g as e}from"./p-2e827df1.js";import{t as h}from"./p-
|
1
|
+
import{r as t,c as s,h as i,H as a,g as e}from"./p-2e827df1.js";import{t as h}from"./p-1b65c00a.js";const c=class{constructor(i){t(this,i),this.guxactivetabchange=s(this,"guxactivetabchange",7),this.activeTab=void 0,this.orientation="horizontal",this.alignment="left",this.tabList=void 0,this.tabPanels=[]}watchActiveTab(t){this.activateTab(t,this.tabList,this.tabPanels),this.guxactivetabchange.emit(t)}onInternalActivateTabPanel(t){t.stopPropagation(),this.activateTab(t.detail,this.tabList,this.tabPanels)}async guxActivate(t){this.activateTab(t,this.tabList,this.tabPanels)}onSlotchange(){const[t,s]=Array.from(this.root.shadowRoot.querySelectorAll("slot"));this.tabList=t.assignedElements()[0],this.tabPanels=s.assignedElements(),this.activateTab(this.activeTab,this.tabList,this.tabPanels)}activateTab(t,s,i){this.activeTab=t||i[0].tabId,s.guxSetActive(this.activeTab),i.forEach((t=>{t.guxSetActive(t.tabId===this.activeTab)}))}componentWillLoad(){h(this.root)}render(){return i(a,{key:"a3c1605b20862c6eab392e17fe6ea273968f861b"},i("div",{key:"8eaea15d34fa639be9f15b4f054262316bc959e1",class:`gux-tabs gux-${this.alignment} gux-${this.orientation}`},i("slot",{key:"92718d5b81213e50fb13554c709e9f6d5c1c2733",name:"tab-list"}),i("div",{key:"ae6fdfbfdcea8da992b78916a2c656fc9b8d833a",class:`gux-${this.alignment} gux-${this.orientation} gux-panel-container`},i("slot",{key:"f3b76b5c3756c2af6d50162673cfc282237702ca",onSlotchange:this.onSlotchange.bind(this)}))))}get root(){return e(this)}static get watchers(){return{activeTab:["watchActiveTab"]}}};c.style=":host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;height:100%}:host .gux-tabs:not(.gux-vertical){flex-direction:column}:host .gux-panel-container{display:flex;flex-direction:column;height:100%;min-height:0}";export{c as gux_tabs}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as i,H as o,g as e}from"./p-2e827df1.js";import{a as s,o as a,f as r,s as n,h,c as l}from"./p-b43ee47b.js";import{r as d}from"./p-0934300e.js";import{t as c}from"./p-
|
1
|
+
import{r as t,h as i,H as o,g as e}from"./p-2e827df1.js";import{a as s,o as a,f as r,s as n,h,c as l}from"./p-b43ee47b.js";import{r as d}from"./p-0934300e.js";import{t as c}from"./p-1b65c00a.js";import{b as p}from"./p-cf0e7d3b.js";const g=class{constructor(i){t(this,i),this.pointerenterHandler=()=>this.show(),this.pointerleaveHandler=()=>this.hide(),this.focusinHandler=()=>this.show(),this.focusoutHandler=()=>this.hide(),this.forElementListeners=new Map([["pointerenter",this.pointerenterHandler],["pointerleave",this.pointerleaveHandler],["focusin",this.focusinHandler],["focusout",this.focusoutHandler]]),this.id=d("gux-tooltip-base"),this.tooltipId=void 0,this.forElement=void 0,this.placement="bottom-start",this.offsetX=0,this.offsetY=0,this.accent="light",this.isShown=!1}handleKeyDown(t){"Escape"===t.key&&this.isShown&&this.hide()}async showTooltip(){this.show()}async hideTooltip(){this.hide()}runUpdatePosition(){this.cleanupUpdatePosition=s(this.forElement,this.root,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!1,ancestorResize:!0})}updatePosition(){const t=[a(16),r(),n(),h()];l(this.forElement,this.root,{placement:this.placement,strategy:"fixed",middleware:t}).then((({x:t,y:i,middlewareData:o})=>{var e;Object.assign(this.root.style,{left:`${t+this.offsetX}px`,top:i-this.offsetY+"px",visibility:(null===(e=o.hide)||void 0===e?void 0:e.referenceHidden)?"hidden":"visible"}),this.root.setAttribute("data-placement",this.placement)}))}show(){this.isShown=!0,p((()=>{this.runUpdatePosition()}))}hide(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.isShown=!1}setForElement(){this.forElement&&(this.forElement.setAttribute("aria-describedby",this.tooltipId?this.tooltipId:this.id),this.forElementListeners.forEach(((t,i)=>this.forElement.addEventListener(i,t))))}disconnectForElement(){this.forElement&&(this.forElement.removeAttribute("aria-describedby"),this.forElementListeners.forEach(((t,i)=>this.forElement.removeEventListener(i,t))))}updateForElement(){this.disconnectForElement(),this.setForElement()}connectedCallback(){this.setForElement()}componentWillLoad(){c(this.root,{variant:this.placement})}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.disconnectForElement()}render(){return i(o,{key:"5d604f035ff09b11a9988fb2cd07f64295bb5f2e",id:this.tooltipId?void 0:this.id,role:this.tooltipId?void 0:"tooltip",class:{"gux-show":this.isShown}},i("div",{key:"eda79ee14789a5f853a24fe5d78d79e1c603bf96",class:{"gux-container":!0,[`gux-${this.accent}`]:!0},"data-placement":this.placement},i("slot",{key:"288d540686ffdc316efc1cfc8888a5c8c4857569",name:"content"})))}get root(){return e(this)}static get watchers(){return{offsetX:["runUpdatePosition"],offsetY:["runUpdatePosition"],forElement:["updateForElement"]}}};g.style=":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;width:max-content;max-width:250px;pointer-events:none;border-radius:var(--gse-ui-tooltip-borderRadius);box-shadow:var(--gse-ui-tooltip-boxShadow-x) var(--gse-ui-tooltip-boxShadow-y) var(--gse-ui-tooltip-boxShadow-blur) var(--gse-ui-tooltip-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color);opacity:0}:host(.gux-show){display:block;animation-name:fade-in;animation-duration:250ms;animation-delay:1s;animation-fill-mode:forwards}.gux-container{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-tooltip-gap);place-content:center flex-start;padding:var(--gse-ui-tooltip-padding);font-family:var(--gse-ui-tooltip-text-fontFamily);font-size:var(--gse-ui-tooltip-text-fontSize);font-weight:var(--gse-ui-tooltip-text-fontWeight);line-height:var(--gse-ui-tooltip-text-lineHeight);color:var(--gse-ui-tooltip-light-foregroundColor);background-color:var(--gse-ui-tooltip-light-backgroundColor);border:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-radius:var(--gse-ui-tooltip-borderRadius)}.gux-container ::slotted(gux-icon){align-self:center;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-tooltip-light-iconColor)}.gux-container ::slotted(*){width:100%;overflow-wrap:break-word;white-space:normal}.gux-container.gux-dark{color:var(--gse-ui-tooltip-dark-foregroundColor);background-color:var(--gse-ui-tooltip-dark-backgroundColor);border-color:var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark ::slotted(gux-icon){align-self:center;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-tooltip-dark-iconColor)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";export{g as gux_tooltip_base_beta}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as t,g as o}from"./p-2e827df1.js";import{O as i}from"./p-01471ba0.js";import{h as r}from"./p-6d8b4027.js";import{t as l}from"./p-
|
1
|
+
import{r as e,h as t,g as o}from"./p-2e827df1.js";import{O as i}from"./p-01471ba0.js";import{h as r}from"./p-6d8b4027.js";import{t as l}from"./p-1b65c00a.js";import{a,G as s}from"./p-fb1ab7b1.js";import{G as f,a as n}from"./p-9773c4fe.js";import{a as h,g as d,v as p}from"./p-42f2e889.js";import{p as u}from"./p-a11d5d42.js";import{o as m}from"./p-e5b1cffc.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const g=class{constructor(t){e(this,t),this.labelPosition=void 0,this.indicatorMark="required",this.computedLabelPosition="above",this.hasError=!1,this.hasHelp=!1,this.required=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=r(this.root,"error"),this.hasHelp=r(this.root,"help")}handleKeyup(e){var t,o;"Tab"===e.key?this.input.matches(":focus-visible")&&(null===(t=this.labelInfo)||void 0===t||t.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-visible")&&(null===(o=this.labelInfo)||void 0===o||o.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=r(this.root,"error"),this.hasHelp=r(this.root,"help"),this.labelInfo=this.root.querySelector("[slot=label-info]"),l(this.root,{variant:this.variant})}disconnectedCallback(){this.requiredObserver&&this.requiredObserver.disconnect()}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=h(this.label,this.labelPosition)}setInput(){this.input=d(this.root,'input[type="file"][slot="input"]'),u(this.input),this.required=this.input.required,this.requiredObserver=m(this.input,(e=>{this.required=e})),p(this.root,this.input)}get variant(){return`fileInput-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}render(){return t(n,{key:"7abf536d21c5c458cb5b21f33f1bd9396044a0b7",labelPosition:this.computedLabelPosition},t(f,{key:"13ed9bf6c351863b755077efa5566a5cd1e90a14",position:this.computedLabelPosition,required:this.required},t("slot",{key:"09575fed78d9ca655eb4b63722b6a82315c0a146",name:"label",onSlotchange:()=>this.setLabel()}),t("gux-form-field-label-indicator",{key:"d64a434050c1f7a1019aa089d6740683efdc7df5",variant:this.indicatorMark,required:this.required}),t("slot",{key:"8e076c976fd28f8f21dd4bc12b2d0896756614ad",name:"label-info"})),t("div",{key:"93a3c6723a0f4a305fa06630eebb4a74f6905f81",class:"gux-input-and-error-container"},t("slot",{key:"6aff1d14f123368160df5ad0ff76f2730ff05eb2",name:"input",onSlotchange:()=>this.setInput()}),t(a,{key:"4e20fc902a0f9faa6a2590edd16d7499f2a717a9",show:this.hasError},t("slot",{key:"da00c934c70ab2084663d46e7e18d53639668620",name:"error"})),t(s,{key:"5516d1ff98f2f1486b5e7a390d7885d6d2b1914b",show:!this.hasError&&this.hasHelp},t("slot",{key:"dd642f28776f0bd7497d7d29f05b9ea74f811148",name:"help"}))))}get root(){return o(this)}};(function(e,t,o,i){var r,l=arguments.length,a=l<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(l<3?r(a):l>3?r(t,o,a):r(t,o))||a);l>3&&a&&Object.defineProperty(t,o,a)})([i({childList:!0,subtree:!0})],g.prototype,"onMutation",null),g.style=".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;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;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;top:var(--gse-ui-formControl-input-top);width:fit-content;min-width:var(--gse-ui-formControl-input-textfield-minWidth);max-width:fit-content;margin-right:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-bottom:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-top:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{flex-grow:1}";export{g as gux_form_field_file}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,h as s,g as i}from"./p-2e827df1.js";import{O as o}from"./p-e080422d.js";import{w as a}from"./p-e97879b4.js";import{a as r}from"./p-cf0e7d3b.js";import{t as c}from"./p-
|
1
|
+
import{r as t,c as e,h as s,g as i}from"./p-2e827df1.js";import{O as o}from"./p-e080422d.js";import{w as a}from"./p-e97879b4.js";import{a as r}from"./p-cf0e7d3b.js";import{t as c}from"./p-1b65c00a.js";const n=["primary","secondary","tertiary"];const u=class{constructor(s){t(this,s),this.open=e(this,"open",7),this.close=e(this,"close",7),this.disabled=!1,this.accent="secondary",this.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(){this.isOpen=!1}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){r((()=>{this.listElement.focus()}))}focusFirstItemInPopupList(){r((()=>{this.listElement.guxFocusFirstItem()}))}onListClick(t){a("gux-list-item",t,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}componentWillLoad(){c(this.root,{variant:this.accent})}render(){return s("gux-popup",{key:"c5bff9ec22f1f9b87b45600f5654a1cf0fcafe51",expanded:this.isOpen,"exceed-target-width":!0,placement:"bottom-end"},s("div",{key:"80b6f9a032b040e47ae6d7f62c2a64273179b738",slot:"target",class:"gux-button-multi-container"},s("gux-button-slot",{key:"8ce0f7fb565580bb9db0df017e7ce39cc953654e",class:"gux-dropdown-button",accent:(t=this.accent,n.find((e=>e===t))?t:"secondary")},s("button",{key:"8cb57fea5032cc6df4064b00f3470adb61361553",type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},s("slot",{key:"9cf9f66424ee42c4b1c265fc4fa73c79803b4cbf",name:"title"}),s("gux-icon",{key:"23e4f1982d77aa9cef3aaa3ec660444cd19fa83f",decorative:!0,"icon-name":"custom/chevron-down-small-regular"})))),s("div",{key:"52a9e7902518c1e7668ffa65e725d80828389dcd",class:"gux-list-container",slot:"popup"},s("gux-list",{key:"bc5c701390a617885cbd58a63b1c3c91609b50bd",onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},s("slot",{key:"3f8f51d4703fc878f72ffbcbbe81b789425969ad"}))));var t}get root(){return i(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,e,s,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,s,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,s,r):o(e,s))||r);a>3&&r&&Object.defineProperty(e,s,r)})([o({triggerEvents:"mousedown"})],u.prototype,"onClickOutside",null),u.style=":host{display:block;-webkit-user-select:none;user-select:none}.gux-button-multi-container .gux-dropdown-button button{display:inline-flex;align-items:center}.gux-button-multi-container .gux-dropdown-button button gux-icon{width:var(--gse-ui-button-icon-size);height:var(--gse-ui-button-icon-size);margin-left:var(--gse-ui-button-gap)}.gux-list-container{max-width:220px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-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{u as gux_button_multi}
|