genesys-spark-components 4.0.0-beta.46 → 4.0.0-beta.48
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/genesys-webcomponents.cjs.js +1 -1
- package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-advanced-dropdown-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-all-row-select.cjs.entry.js +2 -2
- package/dist/cjs/gux-announce-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-badge.cjs.entry.js +1 -1
- package/dist/cjs/gux-blank-state.cjs.entry.js +1 -1
- package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-slot.cjs.entry.js +1 -1
- package/dist/cjs/gux-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-calendar.cjs.entry.js +1 -1
- package/dist/cjs/gux-card.cjs.entry.js +1 -1
- package/dist/cjs/gux-column-manager.cjs.entry.js +1 -1
- package/dist/cjs/gux-content-search.cjs.entry.js +4 -4
- package/dist/cjs/gux-context-menu.cjs.entry.js +2 -2
- package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js +1 -1
- package/dist/cjs/gux-create-option.cjs.entry.js +1 -1
- package/dist/cjs/gux-date-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-date-time-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown-multi-tag.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown-multi.cjs.entry.js +4 -3
- package/dist/cjs/gux-dropdown_3.cjs.entry.js +12 -17
- package/dist/cjs/gux-flyout-menu.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +8 -4
- package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-number_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-phone.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-radio.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-range.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-time-zone-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-icon.cjs.entry.js +1 -1
- package/dist/cjs/gux-inline-alert.cjs.entry.js +1 -1
- package/dist/cjs/gux-list.cjs.entry.js +2 -2
- package/dist/cjs/gux-listbox-multi.cjs.entry.js +9 -7
- package/dist/cjs/{gux-listbox.service-b1068596.js → gux-listbox.service-9bcd72cb.js} +2 -6
- package/dist/cjs/gux-loading-message.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal-legacy.cjs.entry.js +85 -0
- package/dist/cjs/gux-modal.cjs.entry.js +26 -50
- package/dist/cjs/gux-month-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-option-icon.cjs.entry.js +1 -1
- package/dist/cjs/gux-option-multi.cjs.entry.js +1 -9
- package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
- package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
- package/dist/cjs/gux-rating.cjs.entry.js +1 -1
- package/dist/cjs/gux-region-icon.cjs.entry.js +1 -1
- package/dist/cjs/gux-row-select.cjs.entry.js +2 -2
- package/dist/cjs/gux-screen-reader-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-segmented-control-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-skip-navigation-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
- package/dist/cjs/gux-switch-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-select-menu.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar.cjs.entry.js +1 -1
- package/dist/cjs/gux-table.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs.cjs.entry.js +3 -6
- 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 +1 -1
- package/dist/cjs/gux-time-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-toast.cjs.entry.js +1 -1
- package/dist/cjs/gux-toggle.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/index-75c9f0d9.js +4 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{usage-b5bcd6f4.js → usage-a2209eea.js} +2 -2
- package/dist/collection/collection-manifest.json +3 -2
- package/dist/collection/components/legacy/gux-modal-legacy/gux-modal-legacy.css +122 -0
- package/dist/collection/components/legacy/gux-modal-legacy/gux-modal-legacy.js +181 -0
- package/dist/collection/components/legacy/gux-modal-legacy/gux-modal-legacy.types.js +1 -0
- package/dist/collection/components/legacy/gux-modal-legacy/tests/gux-modal-legacy.e2e.js +301 -0
- package/dist/collection/components/legacy/gux-modal-legacy/tests/gux-modal-legacy.spec.js +200 -0
- package/dist/collection/components/stable/gux-button-multi/tests/gux-button-multi.e2e.js +10 -3
- package/dist/collection/components/stable/gux-content-search/gux-content-search.css +17 -4
- package/dist/collection/components/stable/gux-content-search/gux-content-search.js +2 -2
- package/dist/collection/components/stable/gux-content-search/tests/gux-content-search.e2e.js +5 -0
- package/dist/collection/components/stable/gux-context-menu/gux-context-menu.css +1 -0
- package/dist/collection/components/stable/gux-context-menu/tests/gux-context-menu.e2e.js +9 -2
- package/dist/collection/components/stable/gux-dropdown/gux-dropdown.css +4 -5
- package/dist/collection/components/stable/gux-dropdown/gux-dropdown.js +3 -2
- package/dist/collection/components/stable/gux-dropdown-multi/gux-dropdown-multi-tag/gux-dropdown-multi-tag.css +1 -1
- package/dist/collection/components/stable/gux-dropdown-multi/gux-dropdown-multi.css +2 -2
- package/dist/collection/components/stable/gux-dropdown-multi/gux-dropdown-multi.js +2 -1
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-checkbox/gux-form-field-checkbox.css +8 -4
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-checkbox/gux-form-field-checkbox.js +28 -2
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-radio/gux-form-field-radio.js +1 -1
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-radio/tests/gux-form-field-radio.e2e.js +17 -4
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-radio/tests/gux-form-field-radio.spec.js +17 -4
- package/dist/collection/components/stable/gux-list/gux-list.js +1 -1
- package/dist/collection/components/stable/gux-listbox/gux-listbox.css +2 -1
- package/dist/collection/components/stable/gux-listbox/gux-listbox.js +6 -10
- package/dist/collection/components/stable/gux-listbox/gux-listbox.service.js +2 -7
- package/dist/collection/components/stable/gux-listbox/options/gux-option/gux-option.css +9 -1
- package/dist/collection/components/stable/gux-listbox/options/gux-option/gux-option.js +0 -41
- package/dist/collection/components/stable/gux-listbox/options/gux-option-icon/gux-option-icon.css +9 -1
- package/dist/collection/components/stable/gux-listbox-multi/gux-create-option/gux-create-option.css +1 -0
- package/dist/collection/components/stable/gux-listbox-multi/gux-listbox-multi.css +0 -5
- package/dist/collection/components/stable/gux-listbox-multi/gux-listbox-multi.js +7 -11
- package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.css +10 -3
- package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.js +0 -41
- package/dist/collection/components/stable/gux-modal/gux-modal.css +20 -54
- package/dist/collection/components/stable/gux-modal/gux-modal.js +64 -100
- package/dist/collection/components/stable/gux-modal/tests/gux-modal.e2e.js +119 -134
- package/dist/collection/components/stable/gux-modal/tests/gux-modal.spec.js +28 -88
- package/dist/collection/components/stable/gux-popup/tests/gux-popup.e2e.js +13 -1
- package/dist/collection/components/stable/gux-table/gux-all-row-select/gux-all-row-select.css +4 -7
- package/dist/collection/components/stable/gux-table/gux-all-row-select/gux-all-row-select.js +1 -1
- package/dist/collection/components/stable/gux-table/gux-row-select/gux-row-select.css +4 -7
- package/dist/collection/components/stable/gux-table/gux-row-select/gux-row-select.js +1 -1
- package/dist/collection/components/stable/gux-table/gux-table-select-menu/gux-table-select-menu.css +3 -3
- package/dist/collection/components/stable/gux-tabs/gux-tabs.css +5 -8
- package/dist/collection/components/stable/gux-tabs/gux-tabs.js +1 -22
- package/dist/collection/components/stable/gux-tabs-advanced/tests/gux-tabs-advanced.e2e.js +5 -0
- package/dist/collection/components/stable/gux-tag/gux-tag.css +1 -1
- package/dist/component-specs.json +25 -7
- package/dist/deploy-info.json +3 -3
- package/dist/esm/genesys-webcomponents.js +1 -1
- package/dist/esm/gux-accordion.entry.js +1 -1
- package/dist/esm/gux-action-button.entry.js +1 -1
- package/dist/esm/gux-action-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-advanced-dropdown-legacy.entry.js +1 -1
- package/dist/esm/gux-all-row-select.entry.js +2 -2
- package/dist/esm/gux-announce-beta.entry.js +1 -1
- package/dist/esm/gux-badge.entry.js +1 -1
- package/dist/esm/gux-blank-state.entry.js +1 -1
- package/dist/esm/gux-breadcrumbs.entry.js +1 -1
- package/dist/esm/gux-button-multi.entry.js +1 -1
- package/dist/esm/gux-button-slot.entry.js +1 -1
- package/dist/esm/gux-button.entry.js +1 -1
- package/dist/esm/gux-calendar.entry.js +1 -1
- package/dist/esm/gux-card.entry.js +1 -1
- package/dist/esm/gux-column-manager.entry.js +1 -1
- package/dist/esm/gux-content-search.entry.js +4 -4
- package/dist/esm/gux-context-menu.entry.js +2 -2
- package/dist/esm/gux-copy-to-clipboard.entry.js +1 -1
- package/dist/esm/gux-create-option.entry.js +1 -1
- package/dist/esm/gux-date-beta.entry.js +1 -1
- package/dist/esm/gux-date-time-beta.entry.js +1 -1
- package/dist/esm/gux-datepicker.entry.js +1 -1
- package/dist/esm/gux-disclosure-button-legacy.entry.js +1 -1
- package/dist/esm/gux-dismiss-button.entry.js +1 -1
- package/dist/esm/gux-dropdown-multi-tag.entry.js +1 -1
- package/dist/esm/gux-dropdown-multi.entry.js +4 -3
- package/dist/esm/gux-dropdown_3.entry.js +12 -17
- package/dist/esm/gux-flyout-menu.entry.js +1 -1
- package/dist/esm/gux-form-field-checkbox.entry.js +8 -4
- package/dist/esm/gux-form-field-color.entry.js +1 -1
- package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
- package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
- package/dist/esm/gux-form-field-number_3.entry.js +1 -1
- package/dist/esm/gux-form-field-phone.entry.js +1 -1
- package/dist/esm/gux-form-field-radio.entry.js +2 -2
- package/dist/esm/gux-form-field-range.entry.js +1 -1
- package/dist/esm/gux-form-field-search.entry.js +1 -1
- package/dist/esm/gux-form-field-select.entry.js +1 -1
- package/dist/esm/gux-form-field-text-like.entry.js +1 -1
- package/dist/esm/gux-form-field-textarea.entry.js +1 -1
- package/dist/esm/gux-form-field-time-picker.entry.js +1 -1
- package/dist/esm/gux-form-field-time-zone-picker.entry.js +1 -1
- package/dist/esm/gux-icon.entry.js +1 -1
- package/dist/esm/gux-inline-alert.entry.js +1 -1
- package/dist/esm/gux-list.entry.js +2 -2
- package/dist/esm/gux-listbox-multi.entry.js +9 -7
- package/dist/esm/{gux-listbox.service-f2b6e01a.js → gux-listbox.service-0f180d8a.js} +2 -7
- package/dist/esm/gux-loading-message.entry.js +1 -1
- package/dist/esm/gux-modal-legacy.entry.js +81 -0
- package/dist/esm/gux-modal.entry.js +26 -50
- package/dist/esm/gux-month-picker-beta.entry.js +1 -1
- package/dist/esm/gux-notification-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-option-icon.entry.js +1 -1
- package/dist/esm/gux-option-multi.entry.js +1 -9
- package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
- package/dist/esm/gux-pagination-cursor.entry.js +1 -1
- package/dist/esm/gux-pagination-legacy.entry.js +1 -1
- package/dist/esm/gux-pagination.entry.js +1 -1
- package/dist/esm/gux-phone-input-beta.entry.js +1 -1
- package/dist/esm/gux-popover-list.entry.js +1 -1
- package/dist/esm/gux-radial-loading.entry.js +1 -1
- package/dist/esm/gux-radial-progress.entry.js +1 -1
- package/dist/esm/gux-rating.entry.js +1 -1
- package/dist/esm/gux-region-icon.entry.js +1 -1
- package/dist/esm/gux-row-select.entry.js +2 -2
- package/dist/esm/gux-screen-reader-beta.entry.js +1 -1
- package/dist/esm/gux-segmented-control-beta.entry.js +1 -1
- package/dist/esm/gux-simple-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-skip-navigation-list.entry.js +1 -1
- package/dist/esm/gux-sort-control.entry.js +1 -1
- package/dist/esm/gux-switch-legacy.entry.js +1 -1
- package/dist/esm/gux-table-select-menu.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-action.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-custom-action.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-menu-button.entry.js +1 -1
- package/dist/esm/gux-table-toolbar.entry.js +1 -1
- package/dist/esm/gux-table.entry.js +1 -1
- package/dist/esm/gux-tabs-advanced.entry.js +1 -1
- package/dist/esm/gux-tabs.entry.js +3 -6
- 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 +1 -1
- package/dist/esm/gux-time-picker.entry.js +1 -1
- package/dist/esm/gux-time-zone-picker-beta.entry.js +1 -1
- package/dist/esm/gux-toast.entry.js +1 -1
- package/dist/esm/gux-toggle.entry.js +1 -1
- package/dist/esm/gux-tooltip.entry.js +1 -1
- package/dist/esm/index-39e65a0a.js +4 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{usage-266740c3.js → usage-59649766.js} +2 -2
- package/dist/genesys-webcomponents/genesys-webcomponents.css +14 -2
- package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
- package/dist/genesys-webcomponents/p-0027bf77.entry.js +1 -0
- package/dist/genesys-webcomponents/p-01e884ba.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-4e0eb7d5.entry.js → p-071faa3e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7d7bbfec.entry.js → p-07a306f6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-852059e1.entry.js → p-07e64710.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-95ddee1b.entry.js → p-0f772929.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d2bb29bc.entry.js → p-10540e07.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d35d4e79.entry.js → p-1305fbda.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c9430e53.entry.js → p-152ef751.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bc1ec126.js → p-16b7148a.js} +1 -1
- package/dist/genesys-webcomponents/{p-4e41e1fc.entry.js → p-1b388b24.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-26cc04bb.entry.js → p-1c4c9c84.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-810c339a.entry.js → p-1eaa86b0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e1a289a7.entry.js → p-1f22913a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d93c71ef.entry.js → p-2413e4c1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8fbc31c8.entry.js → p-261798b0.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-2729e2af.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-17d5af45.entry.js → p-2b1e714b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c8d7a955.entry.js → p-2c955ab4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0b69dcec.entry.js → p-33bd7fcf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-49bfec82.entry.js → p-41623d55.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-433b4556.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-2be332c3.entry.js → p-450c98c0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2ca5e73e.entry.js → p-4dc281c7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-447aba64.entry.js → p-4f61e08d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-33c5a71d.entry.js → p-55cfbde3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ed433fec.entry.js → p-599ccf11.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ca6af08a.entry.js → p-5a25b7b1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c55a4aec.entry.js → p-61a5be3a.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-65b03df8.js +1 -0
- package/dist/genesys-webcomponents/{p-9749237a.entry.js → p-6880d779.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-6c7a5b9c.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-eef2e19d.entry.js → p-6e1f8efc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fcf507a2.entry.js → p-7351c54b.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-77dc0f47.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-681c2cae.entry.js → p-816b5832.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9f60ae1f.entry.js → p-81c6665d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0ec0bb1a.entry.js → p-86b4a043.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b987ebb3.entry.js → p-8e71a828.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fd00f179.entry.js → p-9101a023.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ac0c291d.entry.js → p-91dd5417.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-69d62d74.entry.js → p-9239c7e4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7e6a6247.entry.js → p-9354c37c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-61f9e6eb.entry.js → p-9749f58f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a6d71efc.entry.js → p-975399df.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3a502c58.entry.js → p-97eb822e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-666a122c.entry.js → p-982cde03.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-75e0ebc8.entry.js → p-9a8fc961.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fd77023f.entry.js → p-a272fffc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c058bbe0.entry.js → p-a54f5e84.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-a76eaee5.entry.js +1 -0
- package/dist/genesys-webcomponents/p-a7845b8a.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-407b3ebd.entry.js → p-a9a2b586.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8db7c656.entry.js → p-aa7e1ac7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-37258942.entry.js → p-aae56c95.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f35502ee.entry.js → p-ac8a5767.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-642cc895.entry.js → p-ad873d38.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-b08aad6a.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-80512ea5.entry.js → p-b0d4b282.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-66592387.entry.js → p-b10cd660.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-b269fa15.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-9a4aaee1.entry.js → p-b3971bc8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-21d8e48c.entry.js → p-b97743d4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-772ee405.entry.js → p-ba24aaff.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3b9d98ec.entry.js → p-bb14528d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-61d86ba3.entry.js → p-c3e1140c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bc9d75c2.entry.js → p-c48bd5b8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b445f1ae.entry.js → p-c64e519e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f42f2f0d.entry.js → p-c7548448.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e73f4503.entry.js → p-c798645e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-532827a9.entry.js → p-c90894b0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-210bf3e2.entry.js → p-c9192a11.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5801fcd6.entry.js → p-cba2e128.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-cd72d060.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-298f5a94.entry.js → p-cdc3d4f0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-80655bf7.entry.js → p-cdf43ea6.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-ce8ffcf1.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-1f8d91b0.entry.js → p-d77dc0ff.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0112f4c0.entry.js → p-dd05cf6f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-186362b5.entry.js → p-dee4d302.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1beb2cb2.entry.js → p-e8544d9e.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-ed344b6f.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-c0d9de8d.entry.js → p-f0613f2d.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-f343de1b.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-49cceaf2.entry.js → p-f426ae83.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7fbea7e4.entry.js → p-f63d55ee.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ea0296a2.entry.js → p-f71dae44.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-72d78bb8.entry.js → p-ff42711a.entry.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/components/legacy/gux-modal-legacy/gux-modal-legacy.d.ts +37 -0
- package/dist/types/components/legacy/gux-modal-legacy/gux-modal-legacy.types.d.ts +1 -0
- package/dist/types/components/stable/gux-form-field/components/gux-form-field-checkbox/gux-form-field-checkbox.d.ts +2 -0
- package/dist/types/components/stable/gux-listbox/gux-listbox.d.ts +0 -1
- package/dist/types/components/stable/gux-listbox/gux-listbox.service.d.ts +1 -0
- package/dist/types/components/stable/gux-listbox/options/gux-option/gux-option.d.ts +0 -3
- package/dist/types/components/stable/gux-listbox/options/option-types.d.ts +0 -1
- package/dist/types/components/stable/gux-listbox-multi/gux-listbox-multi.d.ts +0 -1
- package/dist/types/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.d.ts +0 -3
- package/dist/types/components/stable/gux-modal/gux-modal.d.ts +8 -21
- package/dist/types/components/stable/gux-tabs/gux-tabs.d.ts +0 -4
- package/dist/types/components.d.ts +38 -15
- package/dist/types/stencil-wrapper.d.ts +1 -1
- package/package.json +2 -2
- package/dist/genesys-webcomponents/p-236b8bd4.entry.js +0 -1
- package/dist/genesys-webcomponents/p-2a7e6126.entry.js +0 -1
- package/dist/genesys-webcomponents/p-2bf3d247.entry.js +0 -1
- package/dist/genesys-webcomponents/p-38871095.entry.js +0 -1
- package/dist/genesys-webcomponents/p-3c61673e.entry.js +0 -1
- package/dist/genesys-webcomponents/p-71e00140.js +0 -1
- package/dist/genesys-webcomponents/p-774043ee.entry.js +0 -1
- package/dist/genesys-webcomponents/p-8fff3309.entry.js +0 -1
- package/dist/genesys-webcomponents/p-93b098ea.entry.js +0 -1
- package/dist/genesys-webcomponents/p-ab4d78a7.entry.js +0 -1
- package/dist/genesys-webcomponents/p-c3103de4.entry.js +0 -1
- package/dist/genesys-webcomponents/p-d453c288.entry.js +0 -1
- package/dist/genesys-webcomponents/p-d5699513.entry.js +0 -1
- package/dist/genesys-webcomponents/p-d95896ff.entry.js +0 -1
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as o,h as s,g as i}from"./p-deca7631.js";import{a as e,c as r,o as a,f as p,s as h,b as n}from"./p-f3521f3e.js";import{O as d}from"./p-c49670a7.js";import{t as c}from"./p-
|
1
|
+
import{r as t,c as o,h as s,g as i}from"./p-deca7631.js";import{a as e,c as r,o as a,f as p,s as h,b as n}from"./p-f3521f3e.js";import{O as d}from"./p-c49670a7.js";import{t as c}from"./p-16b7148a.js";import{f as l}from"./p-5d7d5695.js";const u=class{constructor(s){t(this,s),this.guxdismiss=o(this,"guxdismiss",7),this.for=void 0,this.position="bottom",this.displayDismissButton=void 0,this.closeOnClickOutside=!1,this.isOpen=!1}checkForClickOutside(t){const o=t.composedPath(),s=l(this.root,this.for),i=o.includes(s);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||i||this.dismiss()}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=e(l(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const t=l(this.root,this.for);this.popupElement&&r(t,this.popupElement,{placement:this.position,middleware:[a(7),p(),h(),n({element:this.arrowElement,padding:16})]}).then((({x:t,y:o,middlewareData:s,placement:i})=>{Object.assign(this.popupElement.style,{left:`${t}px`,top:`${o}px`});const e={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];if(s.arrow){const{x:t,y:o}=s.arrow;this.popupElement.setAttribute("data-placement",i),Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=o?`${o}px`:"",right:"",bottom:"",[e]:"-6.5px",transform:"rotate(45deg)"})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){c(this.root,{variant:this.position})}componentDidLoad(){this.isOpen&&this.runUpdatePosition()}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return s("div",{ref:t=>this.popupElement=t,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},s("div",{ref:t=>this.arrowElement=t,class:"gux-arrow"}),this.displayDismissButton&&s("gux-dismiss-button",{onClick:this.dismiss.bind(this)}),s("div",{class:"gux-popover-content"},s("slot",null)))}get root(){return i(this)}};(function(t,o,s,i){var e,r=arguments.length,a=r<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,o,s,i);else for(var p=t.length-1;p>=0;p--)(e=t[p])&&(a=(r<3?e(a):r>3?e(o,s,a):e(o,s))||a);r>3&&a&&Object.defineProperty(o,s,a)})([d({triggerEvents:"mousedown"})],u.prototype,"checkForClickOutside",null),u.style=".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gux-zindex-popover, 2);display:inline-block;padding:8px 0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";export{u as gux_popover_list}
|
@@ -1 +1 @@
|
|
1
|
-
import{r,h as o,g as e}from"./p-deca7631.js";import{c as t,o as i}from"./p-16f3da0d.js";import{O as n}from"./p-d6edbaeb.js";import{o as a}from"./p-37bfd195.js";import{p as l}from"./p-28f55159.js";import{h as s}from"./p-324b23f3.js";import{G as u,a as d,v as g,b as f}from"./p-e5766b80.js";import{G as p,a as h}from"./p-2b468e4b.js";import{t as m}from"./p-
|
1
|
+
import{r,h as o,g as e}from"./p-deca7631.js";import{c as t,o as i}from"./p-16f3da0d.js";import{O as n}from"./p-d6edbaeb.js";import{o as a}from"./p-37bfd195.js";import{p as l}from"./p-28f55159.js";import{h as s}from"./p-324b23f3.js";import{G as u,a as d,v as g,b as f}from"./p-e5766b80.js";import{G as p,a as h}from"./p-2b468e4b.js";import{t as m}from"./p-16b7148a.js";import"./p-3ea0d493.js";import"./p-9d734bbd.js";import"./p-373c5d93.js";const x=class{constructor(o){r(this,o),this.resize=void 0,this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=!0,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help")}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help"),m(this.root,{variant:this.variant})}componentDidLoad(){this.updateHeight(this.textareaContainerElement,this.input,this.resize)}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return o(h,{labelPosition:this.computedLabelPosition},o(p,{position:this.computedLabelPosition,required:this.required},o("slot",{name:"label",onSlotchange:()=>this.setLabel()})),o("div",{class:"gux-input-and-error-container"},o("div",{ref:r=>this.textareaContainerElement=r,class:{"gux-input":!0,[`gux-resize-${this.resize}`]:!0,"gux-disabled":this.disabled,"gux-input-error":this.hasError}},o("slot",{name:"input"})),o(u,{show:this.hasError},o("slot",{name:"error"})),o(d,{show:!this.hasError&&this.hasHelp},o("slot",{name:"help"}))))}get variant(){const r=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.resize}-${r}`}setInput(){this.input=this.root.querySelector('textarea[slot="input"]'),l(this.input),this.updateHeight(this.textareaContainerElement,this.input,this.resize),this.input.addEventListener("input",(()=>{this.updateHeight(this.textareaContainerElement,this.input,this.resize)})),this.disabled=t(this.input),this.required=this.input.required,this.disabledObserver=i(this.input,(r=>{this.disabled=r})),this.requiredObserver=a(this.input,(r=>{this.required=r})),g(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=f(this.label,this.labelPosition)}updateHeight(r,o,e){"auto"===e&&r&&(r.dataset.replicatedValue=o.value,r.style.maxHeight=o.style.maxHeight)}get root(){return e(this)}};(function(r,o,e,t){var i,n=arguments.length,a=n<3?o:null===t?t=Object.getOwnPropertyDescriptor(o,e):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(r,o,e,t);else for(var l=r.length-1;l>=0;l--)(i=r[l])&&(a=(n<3?i(a):n>3?i(o,e,a):i(o,e))||a);n>3&&a&&Object.defineProperty(o,e,a)})([n({childList:!0,subtree:!0})],x.prototype,"onMutation",null),x.style='.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:" *"}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-padding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(textarea){flex:1 1 auto;align-self:auto;order:0;font-family:inherit;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);resize:vertical;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:none;border-radius:var(--gse-ui-formControl-input-borderRadius);outline:none;padding:var(--gse-ui-formControl-textarea-padding);margin:0}::slotted(textarea)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}::slotted(textarea)[disabled]{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{position:relative;display:flex;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);outline:none}.gux-input-and-error-container .gux-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:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color)}.gux-input-and-error-container .gux-input: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{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-input-and-error-container .gux-input.gux-disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input.gux-resize-none ::slotted(textarea){resize:none}.gux-input-and-error-container .gux-input.gux-resize-auto{display:grid;overflow:hidden;word-break:normal;word-break:break-word;overflow-wrap:anywhere}.gux-input-and-error-container .gux-input.gux-resize-auto::after{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;white-space:pre-wrap;visibility:hidden;content:attr(data-replicated-value) " ";padding:var(--gse-ui-formControl-textarea-padding);margin:0}.gux-input-and-error-container .gux-input.gux-resize-auto ::slotted(textarea){grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;overflow-x:hidden;resize:none}';export{x as gux_form_field_textarea}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as i,h as o,g as s}from"./p-deca7631.js";import{O as n}from"./p-c49670a7.js";import{w as e}from"./p-8b703092.js";import{a}from"./p-ffaadf62.js";import{t as r}from"./p-
|
1
|
+
import{r as t,c as i,h as o,g as s}from"./p-deca7631.js";import{O as n}from"./p-c49670a7.js";import{w as e}from"./p-8b703092.js";import{a}from"./p-ffaadf62.js";import{t as r}from"./p-16b7148a.js";import{b as c}from"./p-2ba7be7a.js";import"./p-0962dd7a.js";const u={moreOptions:"More options"},h=["primary","secondary","tertiary","danger"];function d(t){return h.find((i=>i===t))?t:"secondary"}const l=class{constructor(o){t(this,o),this.open=i(this,"open",7),this.close=i(this,"close",7),this.actionClick=i(this,"actionClick",7),this.type="button",this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const i=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,i.includes(this.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":i.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.dropdownButton)&&(this.isOpen=!0,this.focusFirstItemInPopupList())}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(t){null===t.relatedTarget&&(this.isOpen=!1)}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){a((()=>{this.listElement.focus&&this.listElement.focus()}))}focusFirstItemInPopupList(){a((()=>{this.listElement.guxFocusFirstItem()}))}onActionClick(){this.disabled||(this.isOpen=!1,this.actionClick.emit())}onListClick(t){e("gux-list-item",t,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}async componentWillLoad(){r(this.root,{variant:this.type}),this.i18n=await c(this.root,u)}render(){return o("div",{class:"gux-action-button-container"},o("gux-popup",{expanded:this.isOpen,disabled:this.disabled,"exceed-target-width":!0},o("div",{slot:"target",class:"gux-action-button-container"},o("gux-button-slot",{class:"gux-action-button",accent:d(this.accent)},o("button",{type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},o("slot",{name:"title"}))),o("gux-button-slot",{class:"gux-dropdown-button",accent:d(this.accent)},o("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),"aria-label":this.i18n("moreOptions")},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),o("div",{class:"gux-list-container",slot:"popup"},o("gux-list",{onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},o("slot",null)))))}get root(){return s(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,i,o,s){var n,e=arguments.length,a=e<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,o,s);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(a=(e<3?n(a):e>3?n(i,o,a):n(i,o))||a);e>3&&a&&Object.defineProperty(i,o,a)})([n({triggerEvents:"click"})],l.prototype,"onClickOutside",null),l.style=":host{display:block;-webkit-user-select:none;user-select:none}.gux-action-button-container{min-width:128px}.gux-action-button-container>*{vertical-align:middle}.gux-action-button-container .gux-action-button{width:calc(100% - 33px);margin-right:1px}.gux-action-button-container .gux-action-button button{width:100%;max-width:none;text-align:center;border-top-right-radius:0;border-bottom-right-radius:0}.gux-action-button-container .gux-dropdown-button button{width:32px;padding:0;border-top-left-radius:0;border-bottom-left-radius:0}.gux-action-button-container .gux-dropdown-button button gux-icon{width:16px;height:16px}.gux-action-button-container .gux-list-container{max-width:220px;padding:var(--gux-spacing-xs) 0;margin:0;list-style:none;background-color:var(--gse-ui-menu-wrapper-backgroundColor);border:1px solid var(--gse-ui-menu-wrapper-border);border-radius:4px;box-shadow:0 4px 6px 1px rgba(35, 57, 92, 0.12)}";export{l as gux_action_button}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as t,g as r}from"./p-deca7631.js";import{b as i}from"./p-2ba7be7a.js";import{O as o}from"./p-d6edbaeb.js";import{a as s,o as l}from"./p-37bfd195.js";import{t as a}from"./p-
|
1
|
+
import{r as e,h as t,g as r}from"./p-deca7631.js";import{b as i}from"./p-2ba7be7a.js";import{O as o}from"./p-d6edbaeb.js";import{a as s,o as l}from"./p-37bfd195.js";import{t as a}from"./p-16b7148a.js";import{G as n,a as h}from"./p-8324a0ac.js";import{G as f,a as u,v as g,b as d}from"./p-e5766b80.js";import{h as p}from"./p-324b23f3.js";import{g as m}from"./p-dd53013c.js";import"./p-0962dd7a.js";import"./p-3ea0d493.js";import"./p-9d734bbd.js";import"./p-373c5d93.js";const c={required:"Required"};const x=class{constructor(t){e(this,t),this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=!1,this.hasError=!1,this.hasHelp=!1}watchValue(e){const t=this.root.querySelector("gux-phone-input-beta");t&&(t.hasError=e)}onMutation(){this.hasError=p(this.root,"error"),this.hasHelp=p(this.root,"help")}async componentWillLoad(){this.getI18nValue=await i(this.root,c),this.setInput(),this.setLabel(),this.hasError=p(this.root,"error"),this.hasHelp=p(this.root,"help"),a(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return t(h,{labelPosition:this.computedLabelPosition},t(n,{position:this.computedLabelPosition,required:this.required},t("slot",{name:"label",onSlotchange:()=>this.setLabel()}),this.renderScreenReaderText(this.getI18nValue("required"),this.required),this.renderScreenReaderText(m(this.root,"error"),this.hasError)),t("div",{class:"gux-input-and-error-container"},t("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},t("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},t("slot",null))),t(f,{show:this.hasError},t("slot",{name:"error"})),t(u,{show:!this.hasError&&this.hasHelp},t("slot",{name:"help"}))))}renderScreenReaderText(e,r=!0){if(r)return t("gux-screen-reader-beta",null,e)}get variant(){return`phoneInput-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.phoneInputElement=this.root.querySelector("gux-phone-input-beta"),this.disabled=this.phoneInputElement.disabled,this.required=this.phoneInputElement.required,this.disabledObserver=s(this.phoneInputElement,(e=>{this.disabled=e})),this.requiredObserver=l(this.phoneInputElement,(e=>{this.required=e})),g(this.root,this.phoneInputElement)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=d(this.label,this.labelPosition)}get root(){return r(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(e,t,r,i){var o,s=arguments.length,l=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,r,i);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(l=(s<3?o(l):s>3?o(t,r,l):o(t,r))||l);s>3&&l&&Object.defineProperty(t,r,l)})([o({childList:!0,subtree:!0})],x.prototype,"onMutation",null),x.style='.gux-form-field-fieldset-container{display:flex;min-width:0;padding:0;margin:0;border:none}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-legend-label.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:" *"}.gux-form-field-legend-label.gux-beside{position:relative;top:8px;float:left;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-legend-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-legend-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}::slotted(label){font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{flex-grow:1}';export{x as gux_form_field_phone}
|
package/dist/stencil-wrapper.js
CHANGED
@@ -7,7 +7,7 @@
|
|
7
7
|
*/
|
8
8
|
import { defineCustomElements } from '../dist/loader';
|
9
9
|
// Value templated out during build process (see scripts/wrap-stencil.js)
|
10
|
-
export const COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.0.0-beta.
|
10
|
+
export const COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.0.0-beta.48-71/genesys-webcomponents/';
|
11
11
|
// Default domain to load assets from
|
12
12
|
const DEFAULT_DOMAIN = 'mypurecloud.com';
|
13
13
|
// List of Genesys UI domains
|
@@ -0,0 +1,37 @@
|
|
1
|
+
import { EventEmitter, JSX } from '../../../stencil-public-runtime';
|
2
|
+
import { GuxModalSize } from './gux-modal-legacy.types';
|
3
|
+
/**
|
4
|
+
* @slot content - Required slot for the modal content
|
5
|
+
* @slot left-align-buttons - Optional slot to set gux-buttons aligned to the left of the modal
|
6
|
+
* @slot right-align-buttons - Optional slot to set gux-buttons aligned to the left of the modal
|
7
|
+
* @slot title - Optional slot to set the modal title
|
8
|
+
*/
|
9
|
+
export declare class GuxModalLegacy {
|
10
|
+
private dismissButton;
|
11
|
+
private triggerElement;
|
12
|
+
private root;
|
13
|
+
/**
|
14
|
+
* Indicates the size of the modal (small, medium or large)
|
15
|
+
*/
|
16
|
+
size: GuxModalSize;
|
17
|
+
trapFocus: boolean;
|
18
|
+
/**
|
19
|
+
* Query selector for the element to initially focus when the modal opens
|
20
|
+
* Defaults to the first tabbable element
|
21
|
+
*/
|
22
|
+
initialFocus?: string | undefined;
|
23
|
+
/**
|
24
|
+
* Fired when a user dismisses the modal (The default behaviour is to remove the component from the DOM)
|
25
|
+
*/
|
26
|
+
guxdismiss: EventEmitter<void>;
|
27
|
+
protected handleKeyEvent(event: KeyboardEvent): void;
|
28
|
+
connectedCallback(): void;
|
29
|
+
componentWillLoad(): void;
|
30
|
+
componentDidLoad(): void;
|
31
|
+
render(): JSX.Element;
|
32
|
+
private renderModalTrapFocusEl;
|
33
|
+
private getInitialFocusElement;
|
34
|
+
private hasModalTitleSlot;
|
35
|
+
private hasFooterButtons;
|
36
|
+
private onDismissHandler;
|
37
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
export type GuxModalSize = 'small' | 'medium' | 'large' | 'dynamic';
|
@@ -9,6 +9,7 @@ export declare class GuxFormFieldCheckbox {
|
|
9
9
|
private input;
|
10
10
|
private disabledObserver;
|
11
11
|
private root;
|
12
|
+
labelPosition: 'beside' | 'screenreader';
|
12
13
|
private disabled;
|
13
14
|
private hasError;
|
14
15
|
private hasHelp;
|
@@ -16,5 +17,6 @@ export declare class GuxFormFieldCheckbox {
|
|
16
17
|
componentWillLoad(): void;
|
17
18
|
disconnectedCallback(): void;
|
18
19
|
render(): JSX.Element;
|
20
|
+
private get variant();
|
19
21
|
private setInput;
|
20
22
|
}
|
@@ -19,7 +19,6 @@ export declare class GuxListbox {
|
|
19
19
|
listboxOptions: ListboxOptionElement[];
|
20
20
|
allListboxOptionsFiltered: boolean;
|
21
21
|
internallistboxoptionsupdated: EventEmitter;
|
22
|
-
onFocus(): void;
|
23
22
|
onBlur(): void;
|
24
23
|
onKeydown(event: KeyboardEvent): void;
|
25
24
|
onKeyup(event: KeyboardEvent): void;
|
@@ -1,5 +1,6 @@
|
|
1
1
|
import { ListboxOptionElement } from './options/option-types';
|
2
2
|
export declare function getListOptions(list: HTMLGuxListboxElement): ListboxOptionElement[];
|
3
|
+
export declare function hasActiveOption(list: HTMLGuxListboxElement): boolean;
|
3
4
|
export declare function getSearchOption(list: HTMLGuxListboxElement, searchString: string): ListboxOptionElement;
|
4
5
|
export declare function clearActiveOptions(list: HTMLGuxListboxElement): void;
|
5
6
|
export declare function setInitialActiveOption(list: HTMLGuxListboxElement): void;
|
@@ -10,9 +10,6 @@ export declare class GuxOption {
|
|
10
10
|
selected: boolean;
|
11
11
|
disabled: boolean;
|
12
12
|
filtered: boolean;
|
13
|
-
hovered: boolean;
|
14
|
-
onmouseenter(): void;
|
15
|
-
onMouseleave(): void;
|
16
13
|
handleActive(active: boolean): void;
|
17
14
|
componentWillLoad(): void;
|
18
15
|
private getAriaSelected;
|
@@ -17,7 +17,6 @@ export declare class GuxListboxMulti {
|
|
17
17
|
allListboxOptionsFiltered: boolean;
|
18
18
|
internallistboxoptionsupdated: EventEmitter;
|
19
19
|
hasExactMatch: boolean;
|
20
|
-
onFocus(): void;
|
21
20
|
onBlur(): void;
|
22
21
|
selectNewCustomOption(event: CustomEvent<string>): void;
|
23
22
|
onKeydown(event: KeyboardEvent): void;
|
package/dist/types/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.d.ts
CHANGED
@@ -11,10 +11,7 @@ export declare class GuxOptionMulti {
|
|
11
11
|
selected: boolean;
|
12
12
|
disabled: boolean;
|
13
13
|
filtered: boolean;
|
14
|
-
hovered: boolean;
|
15
14
|
custom: boolean;
|
16
|
-
onmouseenter(): void;
|
17
|
-
onMouseleave(): void;
|
18
15
|
guxremovecustomoption: EventEmitter<string>;
|
19
16
|
internalselectcustomoption: EventEmitter<string>;
|
20
17
|
emitRemoveCustomOption(): void;
|
@@ -1,37 +1,24 @@
|
|
1
1
|
import { EventEmitter, JSX } from '../../../stencil-public-runtime';
|
2
2
|
import { GuxModalSize } from './gux-modal.types';
|
3
|
-
/**
|
4
|
-
* @slot content - Required slot for the modal content
|
5
|
-
* @slot left-align-buttons - Optional slot to set gux-buttons aligned to the left of the modal
|
6
|
-
* @slot right-align-buttons - Optional slot to set gux-buttons aligned to the left of the modal
|
7
|
-
* @slot title - Optional slot to set the modal title
|
8
|
-
*/
|
9
3
|
export declare class GuxModal {
|
10
|
-
private
|
11
|
-
private triggerElement;
|
4
|
+
private dialogElement;
|
12
5
|
private root;
|
13
6
|
/**
|
14
7
|
* Indicates the size of the modal (small, medium or large)
|
15
8
|
*/
|
16
9
|
size: GuxModalSize;
|
17
|
-
trapFocus: boolean;
|
18
10
|
/**
|
19
|
-
*
|
20
|
-
* Defaults to the first tabbable element
|
21
|
-
*/
|
22
|
-
initialFocus?: string | undefined;
|
23
|
-
/**
|
24
|
-
* Fired when a user dismisses the modal (The default behaviour is to remove the component from the DOM)
|
11
|
+
* Fired when a user dismisses the modal
|
25
12
|
*/
|
26
13
|
guxdismiss: EventEmitter<void>;
|
27
|
-
|
28
|
-
|
14
|
+
showModal(): Promise<void>;
|
15
|
+
close(): Promise<void>;
|
29
16
|
componentWillLoad(): void;
|
30
|
-
componentDidLoad(): void;
|
31
|
-
render(): JSX.Element;
|
32
|
-
private renderModalTrapFocusEl;
|
33
|
-
private getInitialFocusElement;
|
34
17
|
private hasModalTitleSlot;
|
35
18
|
private hasFooterButtons;
|
19
|
+
render(): JSX.Element;
|
20
|
+
private renderTitle;
|
21
|
+
private renderButtonFooter;
|
22
|
+
private onCloseHandler;
|
36
23
|
private onDismissHandler;
|
37
24
|
}
|
@@ -18,10 +18,6 @@ export declare class GuxTabs {
|
|
18
18
|
* Specifies left aligned, centered, or full width tabs
|
19
19
|
*/
|
20
20
|
alignment: GuxTabsAlignment;
|
21
|
-
/**
|
22
|
-
* Use flexbox for positioning. Allows panels to fill height of tabs. Will remove this prop and use flexbox as default in V4
|
23
|
-
*/
|
24
|
-
useFlexbox: boolean;
|
25
21
|
tabList: HTMLGuxTabListElement;
|
26
22
|
tabPanels: HTMLGuxTabPanelElement[];
|
27
23
|
/**
|
@@ -26,6 +26,7 @@ import { GuxFormFieldTextAreaResize } from "./components/stable/gux-form-field/c
|
|
26
26
|
import { GuxIconIconName } from "./components/stable/gux-icon/gux-icon.types";
|
27
27
|
import { GuxAlertAccent } from "./components/stable/gux-alert/gux-inline-alert.types";
|
28
28
|
import { GuxModalSize } from "./components/stable/gux-modal/gux-modal.types";
|
29
|
+
import { GuxModalSize as GuxModalSize1 } from "./components/legacy/gux-modal-legacy/gux-modal-legacy.types";
|
29
30
|
import { GuxISOYearMonth } from "./utils/date/year-month-values";
|
30
31
|
import { GuxNotificationToastAccent } from "./components/legacy/gux-notification-toast-legacy/gux-notification-toast.types";
|
31
32
|
import { GuxItemsPerPage as GuxItemsPerPage1, GuxPaginationLayout } from "./components/stable/gux-pagination/gux-pagination.types";
|
@@ -67,6 +68,7 @@ export { GuxFormFieldTextAreaResize } from "./components/stable/gux-form-field/c
|
|
67
68
|
export { GuxIconIconName } from "./components/stable/gux-icon/gux-icon.types";
|
68
69
|
export { GuxAlertAccent } from "./components/stable/gux-alert/gux-inline-alert.types";
|
69
70
|
export { GuxModalSize } from "./components/stable/gux-modal/gux-modal.types";
|
71
|
+
export { GuxModalSize as GuxModalSize1 } from "./components/legacy/gux-modal-legacy/gux-modal-legacy.types";
|
70
72
|
export { GuxISOYearMonth } from "./utils/date/year-month-values";
|
71
73
|
export { GuxNotificationToastAccent } from "./components/legacy/gux-notification-toast-legacy/gux-notification-toast.types";
|
72
74
|
export { GuxItemsPerPage as GuxItemsPerPage1, GuxPaginationLayout } from "./components/stable/gux-pagination/gux-pagination.types";
|
@@ -442,6 +444,7 @@ export namespace Components {
|
|
442
444
|
interface GuxFlyoutMenu {
|
443
445
|
}
|
444
446
|
interface GuxFormFieldCheckbox {
|
447
|
+
"labelPosition": 'beside' | 'screenreader';
|
445
448
|
}
|
446
449
|
interface GuxFormFieldColor {
|
447
450
|
"labelPosition": GuxFormFieldLabelPosition;
|
@@ -549,6 +552,14 @@ export namespace Components {
|
|
549
552
|
"guxFocus": () => Promise<void>;
|
550
553
|
}
|
551
554
|
interface GuxModal {
|
555
|
+
"close": () => Promise<void>;
|
556
|
+
"showModal": () => Promise<void>;
|
557
|
+
/**
|
558
|
+
* Indicates the size of the modal (small, medium or large)
|
559
|
+
*/
|
560
|
+
"size": GuxModalSize;
|
561
|
+
}
|
562
|
+
interface GuxModalLegacy {
|
552
563
|
/**
|
553
564
|
* Query selector for the element to initially focus when the modal opens Defaults to the first tabbable element
|
554
565
|
*/
|
@@ -556,7 +567,7 @@ export namespace Components {
|
|
556
567
|
/**
|
557
568
|
* Indicates the size of the modal (small, medium or large)
|
558
569
|
*/
|
559
|
-
"size":
|
570
|
+
"size": GuxModalSize1;
|
560
571
|
"trapFocus": boolean;
|
561
572
|
}
|
562
573
|
interface GuxMonthCalendar {
|
@@ -610,7 +621,6 @@ export namespace Components {
|
|
610
621
|
"active": boolean;
|
611
622
|
"disabled": boolean;
|
612
623
|
"filtered": boolean;
|
613
|
-
"hovered": boolean;
|
614
624
|
"selected": boolean;
|
615
625
|
"value": string;
|
616
626
|
}
|
@@ -630,7 +640,6 @@ export namespace Components {
|
|
630
640
|
"custom": boolean;
|
631
641
|
"disabled": boolean;
|
632
642
|
"filtered": boolean;
|
633
|
-
"hovered": boolean;
|
634
643
|
"selected": boolean;
|
635
644
|
"value": string;
|
636
645
|
}
|
@@ -970,10 +979,6 @@ export namespace Components {
|
|
970
979
|
* Specifies horizontal or vertical orientation of tabs
|
971
980
|
*/
|
972
981
|
"orientation": GuxTabsOrientation;
|
973
|
-
/**
|
974
|
-
* Use flexbox for positioning. Allows panels to fill height of tabs. Will remove this prop and use flexbox as default in V4
|
975
|
-
*/
|
976
|
-
"useFlexbox": boolean;
|
977
982
|
}
|
978
983
|
interface GuxTabsAdvanced {
|
979
984
|
/**
|
@@ -1159,6 +1164,10 @@ export interface GuxModalCustomEvent<T> extends CustomEvent<T> {
|
|
1159
1164
|
detail: T;
|
1160
1165
|
target: HTMLGuxModalElement;
|
1161
1166
|
}
|
1167
|
+
export interface GuxModalLegacyCustomEvent<T> extends CustomEvent<T> {
|
1168
|
+
detail: T;
|
1169
|
+
target: HTMLGuxModalLegacyElement;
|
1170
|
+
}
|
1162
1171
|
export interface GuxNotificationToastLegacyCustomEvent<T> extends CustomEvent<T> {
|
1163
1172
|
detail: T;
|
1164
1173
|
target: HTMLGuxNotificationToastLegacyElement;
|
@@ -1630,6 +1639,12 @@ declare global {
|
|
1630
1639
|
prototype: HTMLGuxModalElement;
|
1631
1640
|
new (): HTMLGuxModalElement;
|
1632
1641
|
};
|
1642
|
+
interface HTMLGuxModalLegacyElement extends Components.GuxModalLegacy, HTMLStencilElement {
|
1643
|
+
}
|
1644
|
+
var HTMLGuxModalLegacyElement: {
|
1645
|
+
prototype: HTMLGuxModalLegacyElement;
|
1646
|
+
new (): HTMLGuxModalLegacyElement;
|
1647
|
+
};
|
1633
1648
|
interface HTMLGuxMonthCalendarElement extends Components.GuxMonthCalendar, HTMLStencilElement {
|
1634
1649
|
}
|
1635
1650
|
var HTMLGuxMonthCalendarElement: {
|
@@ -2067,6 +2082,7 @@ declare global {
|
|
2067
2082
|
"gux-menu": HTMLGuxMenuElement;
|
2068
2083
|
"gux-menu-option": HTMLGuxMenuOptionElement;
|
2069
2084
|
"gux-modal": HTMLGuxModalElement;
|
2085
|
+
"gux-modal-legacy": HTMLGuxModalLegacyElement;
|
2070
2086
|
"gux-month-calendar": HTMLGuxMonthCalendarElement;
|
2071
2087
|
"gux-month-list": HTMLGuxMonthListElement;
|
2072
2088
|
"gux-month-list-item": HTMLGuxMonthListItemElement;
|
@@ -2526,6 +2542,7 @@ declare namespace LocalJSX {
|
|
2526
2542
|
interface GuxFlyoutMenu {
|
2527
2543
|
}
|
2528
2544
|
interface GuxFormFieldCheckbox {
|
2545
|
+
"labelPosition"?: 'beside' | 'screenreader';
|
2529
2546
|
}
|
2530
2547
|
interface GuxFormFieldColor {
|
2531
2548
|
"labelPosition"?: GuxFormFieldLabelPosition;
|
@@ -2622,6 +2639,16 @@ declare namespace LocalJSX {
|
|
2622
2639
|
interface GuxMenuOption {
|
2623
2640
|
}
|
2624
2641
|
interface GuxModal {
|
2642
|
+
/**
|
2643
|
+
* Fired when a user dismisses the modal
|
2644
|
+
*/
|
2645
|
+
"onGuxdismiss"?: (event: GuxModalCustomEvent<void>) => void;
|
2646
|
+
/**
|
2647
|
+
* Indicates the size of the modal (small, medium or large)
|
2648
|
+
*/
|
2649
|
+
"size"?: GuxModalSize;
|
2650
|
+
}
|
2651
|
+
interface GuxModalLegacy {
|
2625
2652
|
/**
|
2626
2653
|
* Query selector for the element to initially focus when the modal opens Defaults to the first tabbable element
|
2627
2654
|
*/
|
@@ -2629,11 +2656,11 @@ declare namespace LocalJSX {
|
|
2629
2656
|
/**
|
2630
2657
|
* Fired when a user dismisses the modal (The default behaviour is to remove the component from the DOM)
|
2631
2658
|
*/
|
2632
|
-
"onGuxdismiss"?: (event:
|
2659
|
+
"onGuxdismiss"?: (event: GuxModalLegacyCustomEvent<void>) => void;
|
2633
2660
|
/**
|
2634
2661
|
* Indicates the size of the modal (small, medium or large)
|
2635
2662
|
*/
|
2636
|
-
"size"?:
|
2663
|
+
"size"?: GuxModalSize1;
|
2637
2664
|
"trapFocus"?: boolean;
|
2638
2665
|
}
|
2639
2666
|
interface GuxMonthCalendar {
|
@@ -2683,7 +2710,6 @@ declare namespace LocalJSX {
|
|
2683
2710
|
"active"?: boolean;
|
2684
2711
|
"disabled"?: boolean;
|
2685
2712
|
"filtered"?: boolean;
|
2686
|
-
"hovered"?: boolean;
|
2687
2713
|
"selected"?: boolean;
|
2688
2714
|
"value"?: string;
|
2689
2715
|
}
|
@@ -2703,7 +2729,6 @@ declare namespace LocalJSX {
|
|
2703
2729
|
"custom"?: boolean;
|
2704
2730
|
"disabled"?: boolean;
|
2705
2731
|
"filtered"?: boolean;
|
2706
|
-
"hovered"?: boolean;
|
2707
2732
|
"onGuxremovecustomoption"?: (event: GuxOptionMultiCustomEvent<string>) => void;
|
2708
2733
|
"onInternalselectcustomoption"?: (event: GuxOptionMultiCustomEvent<string>) => void;
|
2709
2734
|
"selected"?: boolean;
|
@@ -3075,10 +3100,6 @@ declare namespace LocalJSX {
|
|
3075
3100
|
* Specifies horizontal or vertical orientation of tabs
|
3076
3101
|
*/
|
3077
3102
|
"orientation"?: GuxTabsOrientation;
|
3078
|
-
/**
|
3079
|
-
* Use flexbox for positioning. Allows panels to fill height of tabs. Will remove this prop and use flexbox as default in V4
|
3080
|
-
*/
|
3081
|
-
"useFlexbox"?: boolean;
|
3082
3103
|
}
|
3083
3104
|
interface GuxTabsAdvanced {
|
3084
3105
|
/**
|
@@ -3246,6 +3267,7 @@ declare namespace LocalJSX {
|
|
3246
3267
|
"gux-menu": GuxMenu;
|
3247
3268
|
"gux-menu-option": GuxMenuOption;
|
3248
3269
|
"gux-modal": GuxModal;
|
3270
|
+
"gux-modal-legacy": GuxModalLegacy;
|
3249
3271
|
"gux-month-calendar": GuxMonthCalendar;
|
3250
3272
|
"gux-month-list": GuxMonthList;
|
3251
3273
|
"gux-month-list-item": GuxMonthListItem;
|
@@ -3383,6 +3405,7 @@ declare module "@stencil/core" {
|
|
3383
3405
|
"gux-menu": LocalJSX.GuxMenu & JSXBase.HTMLAttributes<HTMLGuxMenuElement>;
|
3384
3406
|
"gux-menu-option": LocalJSX.GuxMenuOption & JSXBase.HTMLAttributes<HTMLGuxMenuOptionElement>;
|
3385
3407
|
"gux-modal": LocalJSX.GuxModal & JSXBase.HTMLAttributes<HTMLGuxModalElement>;
|
3408
|
+
"gux-modal-legacy": LocalJSX.GuxModalLegacy & JSXBase.HTMLAttributes<HTMLGuxModalLegacyElement>;
|
3386
3409
|
"gux-month-calendar": LocalJSX.GuxMonthCalendar & JSXBase.HTMLAttributes<HTMLGuxMonthCalendarElement>;
|
3387
3410
|
"gux-month-list": LocalJSX.GuxMonthList & JSXBase.HTMLAttributes<HTMLGuxMonthListElement>;
|
3388
3411
|
"gux-month-list-item": LocalJSX.GuxMonthListItem & JSXBase.HTMLAttributes<HTMLGuxMonthListItemElement>;
|
@@ -1,2 +1,2 @@
|
|
1
|
-
export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.0.0-beta.
|
1
|
+
export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.0.0-beta.48-71/genesys-webcomponents/";
|
2
2
|
export declare function registerElements(): void;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "genesys-spark-components",
|
3
|
-
"version": "4.0.0-beta.
|
3
|
+
"version": "4.0.0-beta.48",
|
4
4
|
"description": "Common webcomponents",
|
5
5
|
"license": "MIT",
|
6
6
|
"main": "dist/stencil-wrapper.js",
|
@@ -80,7 +80,7 @@
|
|
80
80
|
"@types/sortablejs": "^1.15.3",
|
81
81
|
"@typescript-eslint/eslint-plugin": "^6.7.5",
|
82
82
|
"@typescript-eslint/parser": "^6.7.5",
|
83
|
-
"axe-core": "4.
|
83
|
+
"axe-core": "^4.8.2",
|
84
84
|
"axe-live": "^1.0.1",
|
85
85
|
"eslint": "^8.51.0",
|
86
86
|
"eslint-config-genesys-spark-components": "file:../../shared-configs/eslint-config-genesys-spark-components",
|
@@ -1 +0,0 @@
|
|
1
|
-
import{r as t,c as e,h as n,g as o}from"./p-deca7631.js";import{t as i}from"./p-bc1ec126.js";import{b as r}from"./p-2ba7be7a.js";import{a}from"./p-37bfd195.js";import"./p-0962dd7a.js";const s={eraseBtnAria:"Clear search text",navigateNextBtn:"Highlight next match",navigatePreviousBtn:"Highlight previous match",totalMatches:"{currentMatch, number} of {matchCount, number}",clear:"Clear"},u=class{constructor(n){t(this,n),this.guxcurrentmatchchanged=e(this,"guxcurrentmatchchanged",7),this.matchCount=0,this.currentMatch=0,this.disabled=void 0,this.value=void 0}async clear(){this.disabled||(this.matchCount=0,this.currentMatch=0,this.value="",this.resetInputSlottedElement(),this.emitCurrentMatchChanged(),this.inputSlottedElement.focus())}async componentWillLoad(){i(this.root),this.i18n=await r(this.root,s),this.inputSlottedElement=this.root.querySelector("input"),this.disabled=this.inputSlottedElement.disabled,this.value=this.inputSlottedElement.value,this.disabledObserver=a(this.inputSlottedElement,(t=>{this.disabled=t})),this.inputSlottedElement.addEventListener("input",(t=>this.onInput(t)))}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect()}render(){return n("div",{class:{"gux-content-search":!0,"gux-disabled":this.disabled}},n("div",{class:"gux-search-icon"},n("gux-icon",{decorative:!0,"icon-name":"search"})),n("slot",null),this.getNavigationPanel())}getNavigationPanel(){if(this.showNavigationPanel()){const t=this.disableNavigationPanel();return n("div",{class:"gux-content-control-panel"},n("div",{class:{"gux-navigation-panel":!0,"gux-navigation-disabled":t}},n("span",{class:{"gux-navigation-result":!0,"gux-navigation-result-disabled":t}},this.matchCountResult()),n("div",{class:"gux-navigation-buttons"},n("button",{type:"button",class:"gux-previous-button",title:this.i18n("navigatePreviousBtn"),"aria-label":this.i18n("navigatePreviousBtn"),onClick:()=>this.previousClick(),disabled:t},n("gux-icon",{decorative:!0,"icon-name":"arrow-solid-up"})),n("button",{type:"button",class:"gux-next-button",title:this.i18n("navigateNextBtn"),"aria-label":this.i18n("navigateNextBtn"),onClick:()=>this.nextClick(),disabled:t},n("gux-icon",{decorative:!0,"icon-name":"arrow-solid-down"}))),n("div",{class:"gux-navigation-divider"})),n("button",{class:"gux-clear-button",tabIndex:-1,type:"button",title:this.i18n("clear"),onClick:()=>{this.clear()}},n("gux-icon",{"icon-name":"close",decorative:!0})))}return null}matchCountResult(){return this.i18n("totalMatches",{currentMatch:this.getNormalizedCurrentMatch(),matchCount:this.getNormalizedMatchCount()})}showNavigationPanel(){return""!==this.value}disableNavigationPanel(){return this.disabled||this.getNormalizedMatchCount()<=0}getNormalizedMatchCount(){return this.matchCount&&Number.isInteger(this.matchCount)&&this.matchCount>=0?Number(this.matchCount):0}getNormalizedCurrentMatch(){return this.currentMatch&&Number.isInteger(this.currentMatch)&&this.currentMatch>=0&&this.currentMatch<=this.getNormalizedMatchCount()&&this.getNormalizedMatchCount()>0?Number(this.currentMatch):0}resetInputSlottedElement(){this.inputSlottedElement.value="",this.inputSlottedElement.dispatchEvent(new InputEvent("input",{bubbles:!0,cancelable:!0})),this.inputSlottedElement.dispatchEvent(new InputEvent("change",{bubbles:!0}))}nextClick(){this.disableNavigationPanel()||(this.currentMatch=this.getNormalizedCurrentMatch()===this.getNormalizedMatchCount()?1:this.getNormalizedCurrentMatch()+1,this.emitCurrentMatchChanged())}previousClick(){this.disableNavigationPanel()||(this.currentMatch=1===this.getNormalizedCurrentMatch()||0===this.getNormalizedCurrentMatch()?this.getNormalizedMatchCount():this.getNormalizedCurrentMatch()-1,this.emitCurrentMatchChanged())}onInput(t){this.value=t.target.value}emitCurrentMatchChanged(){this.guxcurrentmatchchanged.emit(this.getNormalizedCurrentMatch())}get root(){return o(this)}};u.style=":host{display:inline-block;width:300px;min-width:300px}::slotted(input){box-sizing:border-box;flex-basis:100%;flex-shrink:1;width:100%;font-family:var(--gse-ui-search-counter-text-fontFamily);font-size:var(--gse-ui-search-counter-text-fontSize);font-weight:var(--gse-ui-search-counter-text-fontWeight);line-height:var(--gse-ui-search-counter-text-lineHeight);background-image:none;border:0;border-radius:0;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}::slotted(input).gux-focused,::slotted(input):focus,::slotted(input):focus-visible{border:0;outline:none;box-shadow:none}.gux-content-search{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-formControl-input-gap);width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-textarea-padding);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-content-search.gux-disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search:focus-visible,.gux-content-search: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)}.gux-content-search:not(:disabled):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-content-search .gux-search-icon{display:flex;flex-shrink:0;align-items:center}.gux-content-search .gux-search-icon:disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-search-icon gux-icon{width:var(--gse-ui-search-counter-icon-width);height:var(--gse-ui-search-counter-icon-height);color:var(--gse-ui-formControl-input-inputIcon-defaultColor)}.gux-content-search .gux-content-control-panel{box-sizing:border-box;display:flex;flex-grow:1;flex-shrink:0;gap:var(--gse-ui-formControl-input-gap);align-content:center;align-items:center;justify-content:flex-end;padding:0}.gux-content-search .gux-content-control-panel gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-content-search .gux-content-control-panel button{display:block;align-items:center;overflow:hidden;color:var(--gse-ui-search-counter-default-foregroundColor);cursor:pointer;background:none;border:none;border-radius:var(--gse-ui-button-borderRadius);outline:none}.gux-content-search .gux-content-control-panel button:disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-content-control-panel button:not(:disabled):hover,.gux-content-search .gux-content-control-panel button:not(:disabled):focus-visible{color:var(--gse-ui-search-counter-hover-foregroundColor)}.gux-content-search .gux-content-control-panel button:not(.gux-clear-button):focus-visible:enabled{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-content-search .gux-content-control-panel button.gux-clear-button{flex-shrink:0;align-items:center;padding-right:0;padding-left:0}.gux-content-search .gux-content-control-panel button.gux-clear-button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-content-search .gux-content-control-panel .gux-navigation-disabled{pointer-events:auto;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-content-control-panel .gux-navigation-panel{display:flex;gap:var(--gse-ui-search-counter-gap)}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-divider{width:1px;height:16px;background-color:#c6c8ce;border:1px var(--gse-ui-search-counter-divider-border-style) var(--gse-ui-search-counter-divider-border-color)}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-buttons{display:flex;flex-direction:row}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-result{align-items:center;white-space:nowrap}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-previous-button{flex-shrink:0;align-items:center;padding-right:0;padding-left:0}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-next-button{flex-shrink:0;align-items:center;padding-right:0;padding-left:0}";export{u as gux_content_search}
|
@@ -1 +0,0 @@
|
|
1
|
-
import{r as t,h as o,H as s,g as i}from"./p-deca7631.js";import{t as e}from"./p-bc1ec126.js";import{b as r}from"./p-ffaadf62.js";const a=class{constructor(o){t(this,o),this.politeness="polite"}async guxAnnounce(t){this.containerElement.innerText="",r((()=>{this.containerElement.innerText=t}))}componentWillLoad(){e(this.root)}render(){return o(s,{"aria-live":this.politeness},o("slot",null),o("div",{ref:t=>this.containerElement=t}))}get root(){return i(this)}};a.style=":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{a as gux_announce_beta}
|
@@ -1 +0,0 @@
|
|
1
|
-
import{r as t,c as e,f as i,h as o,g as r,H as n}from"./p-deca7631.js";import{O as s}from"./p-c49670a7.js";import{b as u}from"./p-2ba7be7a.js";import{s as a}from"./p-373c5d93.js";import{o as l,c as d}from"./p-16f3da0d.js";import{b as h}from"./p-ffaadf62.js";import{t as g}from"./p-bc1ec126.js";import{O as c}from"./p-d6edbaeb.js";import{k as p,g as f,s as x,c as v,a as m,b,h as w,d as C,e as y,f as F,i as S,j,m as k,o as z}from"./p-71e00140.js";import{w as R}from"./p-8b703092.js";import{r as E}from"./p-3ea0d493.js";import"./p-0962dd7a.js";const I={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};var L=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 T=class{constructor(i){t(this,i),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.value=void 0,this.disabled=!1,this.required=!1,this.loading=!1,this.placeholder=void 0,this.filterType="none",this.hasError=!1,this.expanded=!1,this.filter=""}watchExpanded(t){t||(this.filter="")}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}onKeydown(t){switch(t.key){case"Escape":return this.isFilterable()&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),i(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit(),this.listboxElement&&h((()=>{this.listboxElement.focus(),this.isFilterable()&&this.filterElement&&this.filterElement.focus()}))}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.listboxElement&&this.validateValue(this.value,this.listboxElement)}async componentWillLoad(){g(this.root),this.i18n=await u(this.root,I),l(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.filter=this.filter)}showTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setShowTooltip()}hideTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setHideTooltip()}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)&&(e.value=t):e&&(e.value=t)}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}isFilterable(){return"starts-with"===this.filterType||"custom"===this.filterType}get optionElements(){return p(this.listboxElement)}getOptionElementByValue(t){return this.optionElements.find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.isFilterable()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.isFilterable()&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),void this.listboxElement.focus();case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,a(this.root,"input"),a(this.root,"change")),this.collapseListbox("focusFieldButton")}getTypeaheadText(t){const e=t.length;if(e>0&&!this.loading){const i=f(this.listboxElement,t);if(i&&"custom"!==this.filterType)return i.textContent.trim().substring(e)}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?o("div",{class:"gux-selected-option"},this.renderSelectedItem(t)):o("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderSelectedItem(t){const e=t.tagName.toLowerCase();switch(e){case"gux-option":return o("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent);case"gux-option-icon":return this.renderIconOption(t);default:return e}}renderIconOption(t){let e=null;return null!==t.iconColor&&(e={color:t.iconColor}),o("span",{class:"gux-selected-icon"},o("gux-icon",{"icon-name":t.iconName,style:e,decorative:!0}),o("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent))}renderFilterInputField(){if(this.expanded&&this.isFilterable())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.filter),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.filter))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this)})))))}renderPopup(){return o("div",{slot:"popup",class:"gux-listbox-container"},o("slot",null))}renderTarget(){return o("div",{class:{"gux-target-container-expanded":this.expanded&&this.isFilterable(),"gux-target-container-collapsed":!(this.expanded&&this.isFilterable()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:d(this.root),onClick:this.fieldButtonClick.bind(this),onFocusin:this.showTooltip.bind(this),onFocusout:this.hideTooltip.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:this.expanded?"chevron-small-up":"chevron-small-down"})))}renderTargetContent(){if(!this.expanded||!this.isFilterable())return o("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return o("gux-radial-loading",{context:"input"})}render(){return o("gux-popup",{expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return r(this)}static get watchers(){return{expanded:["watchExpanded"],value:["watchValue"],filter:["handleFilter"]}}};L([s({triggerEvents:"mousedown"})],T.prototype,"onClickOutside",null),L([c({childList:!0,subtree:!0})],T.prototype,"onMutation",null),T.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content: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-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{border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{height:calc(var(--gse-ui-formControl-input-textfield-height) - var(--gse-ui-formControl-input-default-border-width) * 2)}.gux-field .gux-field-content{--gux-zindex-tooltip:3;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;min-width:0;height:60%}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%}.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{opacity:0.5}.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,.gux-target-container-expanded:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-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:calc(var(--gse-ui-formControl-input-textfield-height) - var(--gse-ui-formControl-input-default-border-width) * 2);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,.gux-target-container-collapsed .gux-field-button:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-listbox-container{box-sizing:border-box;margin:0}.gux-selected-icon{display:flex;align-items:center}.gux-selected-icon gux-icon{width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);padding-right:var(--gse-ui-dropdown-gap)}";const O=["gux-option","gux-option-icon"].join(","),A={noMatches:"No matches",loading:"Loading..."},W=class{constructor(i){t(this,i),this.internallistboxoptionsupdated=e(this,"internallistboxoptionsupdated",7),this.value=void 0,this.loading=!1,this.filter="",this.filterType="none",this.emptyMessage=void 0,this.selectedValues=[],this.listboxOptions=[],this.allListboxOptionsFiltered=void 0}onFocus(){x(this.root)}onBlur(){v(this.root)}onKeydown(t){switch(t.key){case"Enter":return t.preventDefault(),void S(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(y(this.root)?(t.stopPropagation(),F(this.root)):b(this.root));case"ArrowUp":return t.preventDefault(),void(w(this.root)?(t.stopPropagation(),C(this.root)):m(this.root));case"Home":return t.preventDefault(),void b(this.root);case"End":return t.preventDefault(),void m(this.root);case" ":return void t.preventDefault()}1!==t.key.length||j(this.root,t.key)}onKeyup(t){" "!==t.key||S(this.root,(t=>this.updateValue(t)))}onMousemove(){v(this.root)}onClick(t){R(O,t,(t=>{z(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){S(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=Array.from(this.root.children),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),a(this.root,"input"),a(this.root,"change")}async componentWillLoad(){g(this.root),this.i18n=await u(this.root,A),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,"custom"!==this.filterType&&(t.filtered=!k(t,this.filter))})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length,!this.allListboxOptionsFiltered&&this.filter?b(this.root):v(this.root)}renderHiddenSlot(){return o("div",{hidden:!0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[o("div",{class:"gux-message-container"},o("gux-radial-loading",{context:"modal"}),o("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){return[o("div",{class:"gux-message-container"},o("div",{class:"gux-no-matches"},this.emptyMessage||this.i18n("noMatches"))),this.renderHiddenSlot()]}render(){return this.loading?this.renderLoading():this.allListboxOptionsFiltered?this.renderAllListboxOptionsFiltered():o(n,{role:"listbox",tabindex:0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}get root(){return r(this)}};W.style=":host{box-sizing:border-box;display:block;max-height:20rem;padding:var(--gse-ui-menu-padding);margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);border-radius:var(--gse-ui-menu-borderRadius);outline:none;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)}:host(:focus){outline:var(--gse-semantic-focusRing-width) solid var(--gse-semantic-color-focus);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-message-container{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;text-align:center}.gux-message-container .gux-no-matches{box-sizing:border-box;height:var(--gse-ui-menu-option-height);font-family:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontFamily);font-size:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontSize);font-weight:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontWeight);line-height:var(--gse-ui-dropdown-menu-emptyState-subheader-text-lineHeight);color:var(--gse-ui-dropdown-menu-emptyState-subheader-foregroundColor)}";const B=class{constructor(e){t(this,e),this.value=void 0,this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hovered=!1}onmouseenter(){this.hovered=!0}onMouseleave(){this.hovered=!1}handleActive(t){var e,i;t?null===(e=this.truncateElement)||void 0===e||e.setShowTooltip():null===(i=this.truncateElement)||void 0===i||i.setHideTooltip()}componentWillLoad(){this.root.id=this.root.id||E("gux-option")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}render(){return o(n,{role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled,"gux-filtered":this.filtered,"gux-hovered":this.hovered,"gux-selected":this.selected},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},o("gux-truncate",{ref:t=>this.truncateElement=t},o("slot",null)))}get root(){return r(this)}static get watchers(){return{active:["handleActive"]}}};B.style=":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-menu-option-gap);align-content:stretch;align-items:center;justify-content:center;height:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}:host(.gux-active){border-radius:var(--gse-semantic-focusRing-cornerRadius);outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color)}:host(.gux-hovered:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}";export{T as gux_dropdown,W as gux_listbox,B as gux_option}
|