genesys-spark-components 4.8.0 → 4.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-advanced-dropdown-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-announce-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-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 +1 -1
- package/dist/cjs/gux-context-menu.cjs.entry.js +1 -1
- package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js +1 -1
- package/dist/cjs/gux-date-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-date-time-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-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.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-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 +1 -1
- package/dist/cjs/gux-form-field-range.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-time-zone-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-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 +1 -1
- package/dist/cjs/gux-listbox-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-loading-message.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal.cjs.entry.js +1 -1
- package/dist/cjs/gux-month-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
- package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-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-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-tab.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar.cjs.entry.js +1 -1
- package/dist/cjs/gux-table.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
- package/dist/cjs/gux-tag.cjs.entry.js +1 -1
- package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-zone-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/{usage-7a615104.js → usage-8f35e80d.js} +1 -1
- package/dist/collection/components/stable/gux-tabs/gux-tab/gux-tab.css +0 -2
- package/dist/deploy-info.json +3 -3
- package/dist/esm/gux-accordion.entry.js +1 -1
- package/dist/esm/gux-action-button.entry.js +1 -1
- package/dist/esm/gux-action-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-advanced-dropdown-legacy.entry.js +1 -1
- package/dist/esm/gux-announce-beta.entry.js +1 -1
- package/dist/esm/gux-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 +1 -1
- package/dist/esm/gux-context-menu.entry.js +1 -1
- package/dist/esm/gux-copy-to-clipboard.entry.js +1 -1
- package/dist/esm/gux-date-beta.entry.js +1 -1
- package/dist/esm/gux-date-time-beta.entry.js +1 -1
- package/dist/esm/gux-datepicker.entry.js +1 -1
- package/dist/esm/gux-disclosure-button-legacy.entry.js +1 -1
- package/dist/esm/gux-dismiss-button.entry.js +1 -1
- package/dist/esm/gux-dropdown-multi.entry.js +1 -1
- package/dist/esm/gux-dropdown_3.entry.js +1 -1
- package/dist/esm/gux-flag-icon-beta.entry.js +1 -1
- package/dist/esm/gux-flyout-menu.entry.js +1 -1
- package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
- package/dist/esm/gux-form-field-color.entry.js +1 -1
- package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
- package/dist/esm/gux-form-field-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 +1 -1
- package/dist/esm/gux-form-field-range.entry.js +1 -1
- package/dist/esm/gux-form-field-search.entry.js +1 -1
- package/dist/esm/gux-form-field-select.entry.js +1 -1
- package/dist/esm/gux-form-field-text-like.entry.js +1 -1
- package/dist/esm/gux-form-field-textarea.entry.js +1 -1
- package/dist/esm/gux-form-field-time-picker.entry.js +1 -1
- package/dist/esm/gux-form-field-time-zone-picker.entry.js +1 -1
- package/dist/esm/gux-icon.entry.js +1 -1
- package/dist/esm/gux-inline-alert.entry.js +1 -1
- package/dist/esm/gux-list.entry.js +1 -1
- package/dist/esm/gux-listbox-multi.entry.js +1 -1
- package/dist/esm/gux-loading-message.entry.js +1 -1
- package/dist/esm/gux-modal-legacy.entry.js +1 -1
- package/dist/esm/gux-modal.entry.js +1 -1
- package/dist/esm/gux-month-picker-beta.entry.js +1 -1
- package/dist/esm/gux-notification-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
- package/dist/esm/gux-pagination-cursor.entry.js +1 -1
- package/dist/esm/gux-pagination-legacy.entry.js +1 -1
- package/dist/esm/gux-pagination.entry.js +1 -1
- package/dist/esm/gux-phone-input-beta.entry.js +1 -1
- package/dist/esm/gux-popover-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-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-tab.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-action.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-custom-action.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-menu-button.entry.js +1 -1
- package/dist/esm/gux-table-toolbar.entry.js +1 -1
- package/dist/esm/gux-table.entry.js +1 -1
- package/dist/esm/gux-tabs-advanced.entry.js +1 -1
- package/dist/esm/gux-tabs.entry.js +1 -1
- package/dist/esm/gux-tag.entry.js +1 -1
- package/dist/esm/gux-text-highlight.entry.js +1 -1
- package/dist/esm/gux-time-beta.entry.js +1 -1
- package/dist/esm/gux-time-picker.entry.js +1 -1
- package/dist/esm/gux-time-zone-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/{usage-41cec144.js → usage-d80bc0ec.js} +1 -1
- package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.da.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.es-es.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.es.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.fi.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.it.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.ja.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.ko.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.no.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.pl.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.pt-br.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.ru.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.tr.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.uk.json +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.zh-cn.json +1 -1
- package/dist/genesys-webcomponents/{p-beb020a9.entry.js → p-00a96045.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0054f1ce.entry.js → p-07cd8241.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dbfcd2c8.entry.js → p-0f98fbdf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-92bd1e4c.entry.js → p-106915af.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-810926f8.entry.js → p-1546e5ed.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bb426942.entry.js → p-179f05cc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-add9bffa.entry.js → p-200c8f41.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-08fcda7e.entry.js → p-2089e26b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9a7bde7a.entry.js → p-23a60fcb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-773b8ad7.entry.js → p-27045898.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ac4d88fc.entry.js → p-28f6ca23.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c51efc96.entry.js → p-2d953a9e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0e191bdd.entry.js → p-2ee5ee40.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-920f3e5c.entry.js → p-33013c84.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7823df50.entry.js → p-3353d30e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-eecedd0a.entry.js → p-33a05d57.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-683d17bb.entry.js → p-34c9cde2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7103c6ec.entry.js → p-3fa4c415.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0c351333.entry.js → p-4073779b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e8e49407.entry.js → p-43563a48.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0e59408b.entry.js → p-4460633c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7f803184.entry.js → p-4610e5d3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8bc8265c.entry.js → p-4df7d130.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9b0cee4f.entry.js → p-4f7e00e3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f4a9445f.entry.js → p-52052407.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-596bb9ca.entry.js → p-5251b5e9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b35dd656.js → p-5512fab0.js} +1 -1
- package/dist/genesys-webcomponents/{p-c30cf2ea.entry.js → p-567c3aae.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-27e3740b.entry.js → p-57730ffb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ee015f5c.entry.js → p-59f09f36.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-5acac3f5.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-427d8375.entry.js → p-5ae02d3f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cec20dbb.entry.js → p-5c2fec7a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5f7c19e3.entry.js → p-634d6bb7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-eaf44dee.entry.js → p-63d161ba.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-35bee019.entry.js → p-64c7dd09.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8a02728e.entry.js → p-68b0462a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dd7f5823.entry.js → p-6d2f98ac.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6107f8d4.entry.js → p-78d0a593.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2e1f54e7.entry.js → p-7e1f6e01.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8b984cb4.entry.js → p-8250bfb1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-91c9fb60.entry.js → p-82899968.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0ccf76d3.entry.js → p-87002ddb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4e84d27a.entry.js → p-8b7b6969.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c4e6ebec.entry.js → p-91349648.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0f335ae8.entry.js → p-9303ba4f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d0e4b56f.entry.js → p-94f89562.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d3fddd14.entry.js → p-9efa9edb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3c97e3e9.entry.js → p-a07f4b0a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5488c165.entry.js → p-a48b860d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c2849377.entry.js → p-a51e990c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ea37c21b.entry.js → p-a6c8d7c6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bf940761.entry.js → p-a7739856.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-49bcfb23.entry.js → p-a7982088.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4e1e1c44.entry.js → p-a920b5c2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b062adec.entry.js → p-a9a53984.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ab8feae1.entry.js → p-ae9d1ea9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d1930dc2.entry.js → p-b436e966.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b408bb11.entry.js → p-b70ddddd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f2de454d.entry.js → p-c4e62fea.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-873a8e62.entry.js → p-c72d1f58.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2a0747fb.entry.js → p-c81e84a8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fda709f3.entry.js → p-cea8103e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9a5f2db2.entry.js → p-d18b0f49.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4ca5c2fd.entry.js → p-d83f6298.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-31710c2e.entry.js → p-dca7daf5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c72883ec.entry.js → p-df89847a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-86dc11fd.entry.js → p-e044995c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b052f306.entry.js → p-e1017705.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6f31bd0a.entry.js → p-e3ff3385.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2e62f2c4.entry.js → p-e4935260.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ee821884.entry.js → p-e79e5dff.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7d022937.entry.js → p-e8833076.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-39007f04.entry.js → p-ea749660.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-facdd0ff.entry.js → p-f06b57e6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6c570479.entry.js → p-f6a36240.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-49ea075c.entry.js → p-f6e500d7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-839fac99.entry.js → p-f71393ad.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a9f7be9f.entry.js → p-f8aac0df.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-42faff20.entry.js → p-f9e01cfa.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-aace4858.entry.js → p-fa442791.entry.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/stencil-wrapper.d.ts +1 -1
- package/package.json +1 -1
- package/dist/genesys-webcomponents/p-79383007.entry.js +0 -1
@@ -0,0 +1 @@
|
|
1
|
+
import{r as t,h as o,H as s,g as i}from"./p-deca7631.js";import{t as r}from"./p-5512fab0.js";import{b as a}from"./p-ffaadf62.js";const e=class{constructor(o){t(this,o),this.politeness="polite"}async guxAnnounce(t){this.containerElement.innerText="",a((()=>{this.containerElement.innerText=t}))}componentWillLoad(){r(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)}};e.style=":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{e as gux_announce_beta}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as t,g as r}from"./p-deca7631.js";import{b as o}from"./p-e10cb032.js";import{O as i}from"./p-d6edbaeb.js";import{o as l}from"./p-37bfd195.js";import{h as s}from"./p-324b23f3.js";import{G as a,a as n,s as h,c as f,b as d}from"./p-e5766b80.js";import{G as g,a as u}from"./p-15905cc3.js";import{g as p}from"./p-dd53013c.js";import{t as m}from"./p-
|
1
|
+
import{r as e,h as t,g as r}from"./p-deca7631.js";import{b as o}from"./p-e10cb032.js";import{O as i}from"./p-d6edbaeb.js";import{o as l}from"./p-37bfd195.js";import{h as s}from"./p-324b23f3.js";import{G as a,a as n,s as h,c as f,b as d}from"./p-e5766b80.js";import{G as g,a as u}from"./p-15905cc3.js";import{g as p}from"./p-dd53013c.js";import{t as m}from"./p-5512fab0.js";import"./p-0962dd7a.js";import"./p-3ea0d493.js";import"./p-9d734bbd.js";import"./p-373c5d93.js";const x={required:"Required"};const c=class{constructor(t){e(this,t),this.labelPosition=void 0,this.computedLabelPosition="above",this.required=void 0,this.hasError=!1,this.hasHelp=!1}watchValue(e){const t=this.root.querySelector("gux-dropdown")||this.root.querySelector("gux-dropdown-multi");t&&(t.hasError=e)}onMutation(){this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help")}async componentWillLoad(){this.getI18nValue=await o(this.root,x),this.setInput(),this.setLabel(),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help"),m(this.root,{variant:this.variant})}disconnectedCallback(){this.requiredObserver&&this.requiredObserver.disconnect()}renderScreenReaderText(e,r=!1){if(r)return t("gux-screen-reader-beta",null,e)}render(){var e;return t(u,{labelPosition:this.computedLabelPosition},t(g,{position:this.computedLabelPosition,required:this.required,labelText:null===(e=this.label)||void 0===e?void 0:e.textContent},t("slot",{name:"label",onSlotchange:()=>this.setLabel()}),this.renderScreenReaderText(this.getI18nValue("required"),this.required),this.renderScreenReaderText(p(this.root,"error"),this.hasError),this.renderScreenReaderText(p(this.root,"help"),this.hasHelp)),t("div",{class:"gux-input-and-error-container"},t("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},t("slot",null)),t(a,{show:this.hasError},t("slot",{name:"error"})),t(n,{show:!this.hasError&&this.hasHelp},t("slot",{name:"help"}))))}get variant(){return`dropdown-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.dropdownElement=this.root.querySelector("gux-dropdown")||this.root.querySelector("gux-dropdown-multi"),this.listboxElement=this.root.querySelector("gux-listbox")||this.root.querySelector("gux-listbox-multi"),this.required=this.dropdownElement.required,this.requiredObserver=l(this.dropdownElement,(e=>{this.required=e})),h(this.root,this.listboxElement,"label"),f(this.root,this.listboxElement,"error"),f(this.root,this.listboxElement,"help")}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,o){var i,l=arguments.length,s=l<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,o);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(l<3?i(s):l>3?i(t,r,s):i(t,r))||s);l>3&&s&&Object.defineProperty(t,r,s)})([i({childList:!0,subtree:!0})],c.prototype,"onMutation",null),c.style='.gux-form-field-fieldset-container{display:flex;min-width:0;padding:0;margin:0;border:none}.gux-form-field-fieldset-container.gux-beside{flex-direction:row}.gux-form-field-fieldset-container.gux-above{flex-direction:column}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-legend-label ::slotted(label){white-space:nowrap}.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:var(--gse-ui-formControl-input-top);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}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{flex-grow:1;width:100%}';export{c as gux_form_field_dropdown}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as o,h as s,g as a}from"./p-deca7631.js";import{t as i}from"./p-
|
1
|
+
import{r as t,c as o,h as s,g as a}from"./p-deca7631.js";import{t as i}from"./p-5512fab0.js";import{h as e}from"./p-324b23f3.js";const n=class{constructor(s){t(this,s),this.guxdismiss=o(this,"guxdismiss",7),this.toastType="success",this.hasLink=!1,this.hasPrimaryButton=!1,this.hasSecondaryButton=!1}componentWillLoad(){i(this.root,{variant:this.toastType}),this.hasPrimaryButton=e(this.root,"primary-button"),this.hasSecondaryButton=e(this.root,"secondary-button"),this.hasLink=e(this.root,"link")}renderToastIcon(){switch(this.toastType){case"success":return s("gux-icon",{"icon-name":"fa/circle-check-solid",decorative:!0});case"warning":return s("gux-icon",{"icon-name":"fa/triangle-exclamation-solid",decorative:!0});case"error":return s("gux-icon",{"icon-name":"fa/hexagon-exclamation-solid",decorative:!0});case"info":return s("gux-icon",{"icon-name":"fa/circle-info-solid",decorative:!0});case"action":return s("slot",{name:"icon"})}}renderLink(){return s("div",{class:"gux-buttons-bar"},s("slot",{name:"link"}))}renderActions(){return s("div",{class:"gux-buttons-bar"},this.hasSecondaryButton&&s("gux-button-slot",null,s("slot",{name:"secondary-button"})),s("gux-button-slot",{accent:this.hasSecondaryButton?"primary":"tertiary"},s("slot",{name:"primary-button"})))}render(){return s("div",{class:`gux-toast gux-toast-${this.toastType}`},s("div",{class:`gux-icon gux-icon-${this.toastType}`},this.renderToastIcon()),s("div",{class:"gux-content"},s("div",{class:"gux-message"},s("gux-truncate",{class:"gux-message-title","max-lines":1},s("slot",{name:"title"})),s("gux-truncate",{class:"gux-message-body","max-lines":2},s("slot",{name:"message"}))),"action"!==this.toastType&&this.hasLink&&this.renderLink(),"action"===this.toastType&&this.hasPrimaryButton&&this.renderActions()),s("gux-dismiss-button",{position:"inherit",onClick:this.onDismissClickHandler.bind(this)}))}onDismissClickHandler(t){t.stopPropagation(),this.guxdismiss.emit().defaultPrevented||this.root.remove()}get root(){return a(this)}};n.style=".gux-toast{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-gap);place-content:stretch flex-start;align-items:flex-start;width:var(--gse-ui-toast-wrappingWidth);padding:var(--gse-ui-toast-margin);margin-bottom:var(--gse-ui-toast-stacking-gap);border-radius:var(--gse-ui-toast-borderRadius);box-shadow:var(--gse-ui-toast-boxShadow-x) var(--gse-ui-toast-boxShadow-y) var(--gse-ui-toast-boxShadow-blur) var(--gse-ui-toast-boxShadow-spread) var(--gse-ui-toast-boxShadow-color)}.gux-toast .gux-icon ::slotted(gux-icon){width:var(--gse-ui-toast-icon) !important;height:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon gux-icon{width:var(--gse-ui-toast-icon) !important;height:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon.gux-icon-error{color:var(--gse-ui-toast-error-iconColor)}.gux-toast .gux-icon.gux-icon-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-toast .gux-icon.gux-icon-success{color:var(--gse-ui-toast-success-iconColor)}.gux-toast .gux-icon.gux-icon-info{color:var(--gse-ui-toast-info-iconColor)}.gux-toast .gux-icon.gux-icon-action{color:var(--gse-ui-toast-action-iconColor)}.gux-toast .gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-toast-gapButton);place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0}.gux-toast .gux-content .gux-message{display:flex;flex-direction:column;gap:var(--gse-ui-toast-gapText)}.gux-toast .gux-content .gux-message .gux-message-title{font-family:var(--gse-ui-toast-heading-fontFamily);font-size:var(--gse-ui-toast-heading-fontSize);font-weight:var(--gse-ui-toast-heading-fontWeight);line-height:var(--gse-ui-toast-heading-lineHeight)}.gux-toast .gux-content .gux-message .gux-message-body{font-family:var(--gse-ui-toast-text-fontFamily);font-size:var(--gse-ui-toast-text-fontSize);line-height:var(--gse-ui-toast-text-lineHeight)}.gux-toast .gux-content .gux-buttons-bar{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-buttonBar-gap);justify-content:flex-start}.gux-toast .gux-content .gux-buttons-bar ::slotted(a){font-family:var(--gse-ui-link-inLine-medium-underlinedText-fontFamily);font-size:var(--gse-ui-link-inLine-medium-underlinedText-fontSize);font-weight:var(--gse-ui-link-inLine-medium-underlinedText-fontWeight);line-height:var(--gse-ui-link-inLine-medium-underlinedText-lineHeight)}.gux-toast.gux-toast-success{background-color:var(--gse-ui-toast-success-backgroundColor)}.gux-toast.gux-toast-success .gux-message{color:var(--gse-ui-toast-success-foregroundColor)}.gux-toast.gux-toast-warning{background-color:var(--gse-ui-toast-warning-backgroundColor)}.gux-toast.gux-toast-warning .gux-message{color:var(--gse-ui-toast-warning-foregroundColor)}.gux-toast.gux-toast-error{background-color:var(--gse-ui-toast-error-backgroundColor)}.gux-toast.gux-toast-error .gux-message{color:var(--gse-ui-toast-error-foregroundColor)}.gux-toast.gux-toast-info{background-color:var(--gse-ui-toast-info-backgroundColor)}.gux-toast.gux-toast-info .gux-message{color:var(--gse-ui-toast-info-foregroundColor)}.gux-toast.gux-toast-action{background-color:var(--gse-ui-toast-action-backgroundColor)}.gux-toast.gux-toast-action .gux-message{color:var(--gse-ui-toast-action-foregroundColor)}";export{n as gux_toast}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as o,H as e,g as s}from"./p-deca7631.js";import{t as i}from"./p-
|
1
|
+
import{r as t,h as o,H as e,g as s}from"./p-deca7631.js";import{t as i}from"./p-5512fab0.js";import{O as r}from"./p-c49670a7.js";import{b as n}from"./p-e10cb032.js";import{b as u}from"./p-ffaadf62.js";import"./p-0962dd7a.js";const a={additionalActions:"Additional Actions"};const c=class{constructor(o){t(this,o),this.showMenu=void 0,this.expanded=!1}handleKeyDown(t){const o=t.composedPath();switch(t.key){case"Escape":this.expanded=!1,o.includes(this.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.expanded=!1;break;case"ArrowDown":case"Enter":o.includes(this.dropdownButton)&&(t.preventDefault(),this.expanded=!0,this.focusFirstItemInPopupList())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.dropdownButton)&&(this.expanded=!0,this.focusFirstItemInPopupList())}onFocusin(){this.tooltipTitleElement.setShowTooltip()}onFocusout(){this.tooltipTitleElement.setHideTooltip()}toggle(){this.expanded=!this.expanded,this.expanded&&this.focusPopupList()}onClickOutside(){this.expanded=!1}focusPopupList(){u((()=>{this.listElement.focus()}))}focusFirstItemInPopupList(){u((()=>{this.listElement.guxFocusFirstItem()}))}async componentWillLoad(){this.i18n=await n(this.root,a),i(this.root)}render(){return o(e,{class:{"gux-show-menu":this.showMenu}},o("gux-popup",{expanded:this.expanded,"exceed-target-width":!0},o("div",{slot:"target",class:"gux-toolbar-menu-container"},o("gux-button-slot",{class:"gux-menu-button"},o("button",{type:"button",ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.expanded.toString()},o("gux-tooltip-title",{ref:t=>this.tooltipTitleElement=t},o("span",null,o("gux-icon",{"screenreader-text":this.i18n("additionalActions"),"icon-name":"menu-kebab-horizontal"})))))),o("div",{class:"gux-list-container",slot:"popup"},o("gux-list",{ref:t=>this.listElement=t},o("slot",null)))))}static get delegatesFocus(){return!0}get root(){return s(this)}};(function(t,o,e,s){var i,r=arguments.length,n=r<3?o:null===s?s=Object.getOwnPropertyDescriptor(o,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,o,e,s);else for(var u=t.length-1;u>=0;u--)(i=t[u])&&(n=(r<3?i(n):r>3?i(o,e,n):i(o,e))||n);r>3&&n&&Object.defineProperty(o,e,n)})([r({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{display:none;-webkit-user-select:none;user-select:none}:host(.gux-show-menu){display:block}.gux-menu-button button{color:var(--gse-ui-button-secondary-default-foregroundColor);cursor:grab;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none}.gux-menu-button button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-list-container{width:min-content;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-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{c as gux_table_toolbar_menu_button}
|
@@ -1 +1 @@
|
|
1
|
-
import{r,h as d,g as a}from"./p-deca7631.js";import{t as e}from"./p-
|
1
|
+
import{r,h as d,g as a}from"./p-deca7631.js";import{t as e}from"./p-5512fab0.js";const o=class{constructor(d){r(this,d),this.accent="bordered"}componentWillLoad(){e(this.root,{variant:this.accent})}render(){return d("div",{class:{"gux-card":!0,[`gux-${this.accent}`]:!0}},d("slot",null))}get root(){return a(this)}};o.style=":host{display:block;width:fit-content}.gux-card{box-sizing:border-box;padding:var(--gse-ui-card-padding);background-color:var(--gse-ui-card-backgroundColor);border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color);border-radius:var(--gse-ui-card-borderRadius)}.gux-card.gux-bordered{border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color)}.gux-card.gux-raised{border:var(--gse-ui-card-raised-border-width) var(--gse-ui-card-raised-border-style) var(--gse-ui-card-raised-border-color);box-shadow:var(--gse-ui-card-raised-boxShadow-x) var(--gse-ui-card-raised-boxShadow-y) var(--gse-ui-card-raised-boxShadow-blur) var(--gse-ui-card-raised-boxShadow-spread) var(--gse-ui-card-raised-boxShadow-color)}.gux-card.gux-borderless{border:var(--gse-ui-card-borderless-border-width) var(--gse-ui-card-borderless-border-style) var(--gse-ui-card-borderless-border-color)}";export{o as gux_card}
|
@@ -1 +1 @@
|
|
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-e10cb032.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-b35dd656.js";import{O as c}from"./p-d6edbaeb.js";import{s as p,l as f,g as x,c as v,h as m,a as b,b as w,d as C,e as y,f as F,i as S,j as k,k as z,m as R,o as T}from"./p-6d764dde.js";import{w as j}from"./p-8b703092.js";import{r as E}from"./p-3ea0d493.js";import{h as I}from"./p-324b23f3.js";import"./p-0962dd7a.js";const L={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};var H=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 O=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,p(this.listboxElement)))}}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,L),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 f(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(),t.preventDefault(),this.listboxElement.focus(),void p(this.listboxElement);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=x(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("slot",{slot:"popup"})}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"]}}};H([s({triggerEvents:"mousedown"})],O.prototype,"onClickOutside",null),H([c({childList:!0,subtree:!0})],O.prototype,"onMutation",null),O.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;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-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:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{--gux-zindex-tooltip:3;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;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{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-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:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);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-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-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}::slotted(gux-listbox){outline:none}.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 W=["gux-option","gux-option-icon"].join(","),A={noMatches:"No matches",loading:"Loading..."},B=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}onBlur(){v(this.root)}onKeydown(t){if(!m(this.root))return t.preventDefault(),void p(this.root);switch(t.key){case"Enter":return t.preventDefault(),void k(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(F(this.root)?(t.stopPropagation(),S(this.root)):w(this.root));case"ArrowUp":return t.preventDefault(),void(C(this.root)?(t.stopPropagation(),y(this.root)):b(this.root));case"Home":return t.preventDefault(),void w(this.root);case"End":return t.preventDefault(),void b(this.root);case" ":return void t.preventDefault()}1!==t.key.length||z(this.root,t.key)}onKeyup(t){" "!==t.key||k(this.root,(t=>this.updateValue(t)))}onMousemove(){v(this.root)}onClick(t){j(W,t,(t=>{T(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){k(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=f(this.root),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=!R(t,this.filter))})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length}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)}};B.style=":host{box-sizing:border-box;display:block;max-height:var(--gse-ui-menu-maxHeight);padding:var(--gse-ui-menu-padding);margin:0;overflow:visible 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-visible){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;place-content:stretch center;align-items: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 D=class{constructor(e){t(this,e),this.value=void 0,this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hasSubtext=!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"),this.onSubtextChange()}onSubtextChange(){this.hasSubtext=I(this.root,"subtext")}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-selected":this.selected,"gux-show-subtext":this.hasSubtext},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},o("div",{class:"gux-option-wrapper"},o("gux-truncate",{ref:t=>this.truncateElement=t},o("slot",null)),o("slot",{onSlotchange:()=>this.onSubtextChange(),name:"subtext"})))}get root(){return r(this)}static get watchers(){return{active:["handleActive"]}}};D.style=":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-menu-option-gap);place-content:stretch center;align-items: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-option-wrapper{width:100%}: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(:active:not(:disabled)){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)}: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);outline-offset:-2px}:host(.gux-show-subtext){place-content:stretch flex-start;height:auto}:host(.gux-show-subtext) .gux-option-wrapper{display:flex;flex-direction:column}:host(.gux-show-subtext) slot[name=subtext]::slotted(*){height:var(--gse-ui-groupedMenu-subtext-height);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);color:var(--gse-ui-menu-groupedMenu-subtext-foregroundColor)}:host(:hover:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}";export{O as gux_dropdown,B as gux_listbox,D as gux_option}
|
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-e10cb032.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-5512fab0.js";import{O as c}from"./p-d6edbaeb.js";import{s as p,l as f,g as x,c as v,h as m,a as b,b as w,d as C,e as y,f as F,i as S,j as k,k as z,m as R,o as T}from"./p-6d764dde.js";import{w as j}from"./p-8b703092.js";import{r as E}from"./p-3ea0d493.js";import{h as I}from"./p-324b23f3.js";import"./p-0962dd7a.js";const L={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};var H=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 O=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,p(this.listboxElement)))}}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,L),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 f(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(),t.preventDefault(),this.listboxElement.focus(),void p(this.listboxElement);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=x(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("slot",{slot:"popup"})}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"]}}};H([s({triggerEvents:"mousedown"})],O.prototype,"onClickOutside",null),H([c({childList:!0,subtree:!0})],O.prototype,"onMutation",null),O.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;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-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:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{--gux-zindex-tooltip:3;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;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{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-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:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);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-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-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}::slotted(gux-listbox){outline:none}.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 W=["gux-option","gux-option-icon"].join(","),A={noMatches:"No matches",loading:"Loading..."},B=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}onBlur(){v(this.root)}onKeydown(t){if(!m(this.root))return t.preventDefault(),void p(this.root);switch(t.key){case"Enter":return t.preventDefault(),void k(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(F(this.root)?(t.stopPropagation(),S(this.root)):w(this.root));case"ArrowUp":return t.preventDefault(),void(C(this.root)?(t.stopPropagation(),y(this.root)):b(this.root));case"Home":return t.preventDefault(),void w(this.root);case"End":return t.preventDefault(),void b(this.root);case" ":return void t.preventDefault()}1!==t.key.length||z(this.root,t.key)}onKeyup(t){" "!==t.key||k(this.root,(t=>this.updateValue(t)))}onMousemove(){v(this.root)}onClick(t){j(W,t,(t=>{T(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){k(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=f(this.root),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=!R(t,this.filter))})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length}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)}};B.style=":host{box-sizing:border-box;display:block;max-height:var(--gse-ui-menu-maxHeight);padding:var(--gse-ui-menu-padding);margin:0;overflow:visible 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-visible){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;place-content:stretch center;align-items: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 D=class{constructor(e){t(this,e),this.value=void 0,this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hasSubtext=!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"),this.onSubtextChange()}onSubtextChange(){this.hasSubtext=I(this.root,"subtext")}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-selected":this.selected,"gux-show-subtext":this.hasSubtext},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},o("div",{class:"gux-option-wrapper"},o("gux-truncate",{ref:t=>this.truncateElement=t},o("slot",null)),o("slot",{onSlotchange:()=>this.onSubtextChange(),name:"subtext"})))}get root(){return r(this)}static get watchers(){return{active:["handleActive"]}}};D.style=":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-menu-option-gap);place-content:stretch center;align-items: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-option-wrapper{width:100%}: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(:active:not(:disabled)){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)}: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);outline-offset:-2px}:host(.gux-show-subtext){place-content:stretch flex-start;height:auto}:host(.gux-show-subtext) .gux-option-wrapper{display:flex;flex-direction:column}:host(.gux-show-subtext) slot[name=subtext]::slotted(*){height:var(--gse-ui-groupedMenu-subtext-height);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);color:var(--gse-ui-menu-groupedMenu-subtext-foregroundColor)}:host(:hover:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}";export{O as gux_dropdown,B as gux_listbox,D as gux_option}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,f as i,h as o,g as r}from"./p-deca7631.js";import{O as n}from"./p-c49670a7.js";import{b as s}from"./p-e10cb032.js";import{s as u}from"./p-373c5d93.js";import{b as l}from"./p-ffaadf62.js";import{o as a}from"./p-16f3da0d.js";import{t as d}from"./p-b35dd656.js";import{s as g,g as c}from"./p-6d764dde.js";import{O as h}from"./p-d6edbaeb.js";import"./p-0962dd7a.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.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="")}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)})))))}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:"chevron-small-down"})))}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",{class:"gux-dropdown-container"},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:["focusSelectedItemAfterRender"],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{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-deca7631.js";import{O as n}from"./p-c49670a7.js";import{b as s}from"./p-e10cb032.js";import{s as u}from"./p-373c5d93.js";import{b as l}from"./p-ffaadf62.js";import{o as a}from"./p-16f3da0d.js";import{t as d}from"./p-5512fab0.js";import{s as g,g as c}from"./p-6d764dde.js";import{O as h}from"./p-d6edbaeb.js";import"./p-0962dd7a.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.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="")}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)})))))}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:"chevron-small-down"})))}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",{class:"gux-dropdown-container"},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:["focusSelectedItemAfterRender"],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{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 n,h as e,g as a}from"./p-deca7631.js";import{t}from"./p-
|
1
|
+
import{r as n,h as e,g as a}from"./p-deca7631.js";import{t}from"./p-5512fab0.js";import{O as i}from"./p-d6edbaeb.js";import{h as o}from"./p-324b23f3.js";const r=class{constructor(e){n(this,e),this.hasCallToAction=!1}onMutation(){this.hasCallToAction=o(this.root,"call-to-action")}renderCallToActionSlot(){if(this.hasCallToAction)return e("gux-button-slot",{accent:"primary"},e("slot",{name:"call-to-action"}))}componentWillLoad(){t(this.root),this.hasCallToAction=o(this.root,"call-to-action")}render(){return e("div",{class:"gux-container"},e("div",{class:"gux-image"},e("slot",{name:"image"})),e("div",{class:"gux-message"},e("slot",{name:"primary-message"})),e("div",{class:"gux-guidance"},e("slot",{name:"additional-guidance"})),this.renderCallToActionSlot())}get root(){return a(this)}};(function(n,e,a,t){var i,o=arguments.length,r=o<3?e:null===t?t=Object.getOwnPropertyDescriptor(e,a):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(n,e,a,t);else for(var s=n.length-1;s>=0;s--)(i=n[s])&&(r=(o<3?i(r):o>3?i(e,a,r):i(e,a))||r);o>3&&r&&Object.defineProperty(e,a,r)})([i({childList:!0,subtree:!0})],r.prototype,"onMutation",null),r.style=":host {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n container-type: inline-size;\n}\n\n.gux-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: var(--gse-ui-blankState-padding);\n color: var(--gse-ui-blankState-foregroundColor);\n background-color: var(--gse-ui-blankState-backgroundColor);\n border-radius: var(--gse-ui-blankState-borderRadius);\n}\n.gux-container .gux-image {\n padding-bottom: var(--gse-ui-blankState-gapMain);\n}\n.gux-container .gux-message {\n padding-bottom: var(--gse-ui-blankState-gapMessage);\n}\n.gux-container .gux-guidance {\n padding-bottom: var(--gse-ui-blankState-gapContent);\n}\n.gux-container ::slotted(gux-icon) {\n width: var(--gse-ui-blankState-icon-size-lg);\n height: var(--gse-ui-blankState-icon-size-lg);\n color: var(--gse-ui-blankState-iconColor);\n}\n.gux-container slot[name=primary-message] {\n font-family: var(--gse-ui-progressAndLoading-blankState-large-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-large-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-large-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-large-header-lineHeight);\n color: var(--gse-ui-blankState-foregroundColor);\n text-align: center;\n}\n.gux-container slot[name=additional-guidance] {\n font-family: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-large-subheader-lineHeight);\n color: var(--gse-ui-blankState-foregroundColor);\n text-align: center;\n}\n\n@container (width < 570px) {\n .gux-container ::slotted(gux-icon) {\n width: var(--gse-ui-blankState-icon-size-sm);\n height: var(--gse-ui-blankState-icon-size-sm);\n }\n .gux-container slot[name=primary-message] {\n font-family: var(--gse-ui-progressAndLoading-blankState-small-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-small-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-small-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-small-header-lineHeight);\n }\n .gux-container slot[name=additional-guidance] {\n font-family: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-small-subheader-lineHeight);\n }\n}";export{r as gux_blank_state}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,c as t,h as i,g as s}from"./p-deca7631.js";import{o}from"./p-31cd1b9a.js";import{O as n}from"./p-c49670a7.js";import{a as r}from"./p-ffaadf62.js";import{t as a}from"./p-
|
1
|
+
import{r as e,c as t,h as i,g as s}from"./p-deca7631.js";import{o}from"./p-31cd1b9a.js";import{O as n}from"./p-c49670a7.js";import{a as r}from"./p-ffaadf62.js";import{t as a}from"./p-5512fab0.js";import{b as p}from"./p-e10cb032.js";import"./p-0962dd7a.js";const u={searchAria:"Search"};const c=class{constructor(i){e(this,i),this.input=t(this,"input",7),this.filter=t(this,"filter",7),this.disabled=!1,this.placeholder=void 0,this.noFilter=!1,this.filterDebounceTimeout=500,this.dropdownHeight="320px",this.srLabelledby=void 0,this.opened=void 0,this.currentlySelectedOption=void 0,this.selectionOptions=void 0}watchValue(e){this.opened&&e&&this.closeDropdown(!1)}get value(){var e;return null===(e=this.currentlySelectedOption)||void 0===e?void 0:e.text}getSelectedValues(){return Promise.resolve([this.value])}async setLabeledBy(e){this.srLabelledby=e}onClickOutside(){this.closeDropdown(!1)}async componentWillLoad(){a(this.root),this.i18n=await p(this.root,u),this.handleSelectionChange=this.handleSelectionChange.bind(this),this.updateSelectionState(),this.addOptionListener(),this.slotObserver=o(this.root,(()=>this.updateSelectionState()))}disconnectedCallback(){this.slotObserver&&this.slotObserver.disconnect()}render(){return i("gux-popup",{expanded:this.opened,disabled:this.disabled},i("div",{slot:"target",class:"gux-select-field",onMouseDown:()=>this.inputMouseDown()},i("a",{ref:e=>this.inputBox=e,class:"gux-select-input","aria-labelledby":this.srLabelledby,tabindex:"0",onKeyDown:e=>this.inputKeyDown(e)},this.placeholder&&!this.value&&i("span",{class:"gux-select-placeholder",title:this.placeholder},this.placeholder),this.value&&i("span",{class:"gux-select-value",title:this.value},this.value)),i("div",{class:"gux-icon-wrapper"},i("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),i("div",{slot:"popup",class:"gux-advanced-dropdown-menu"},i("div",{class:"gux-dropdown-menu-container"},i("gux-form-field-search",{"label-position":"screenreader"},i("label",{slot:"label"},this.i18n("searchAria")),i("input",{slot:"input",type:"search",onInput:e=>{this.handleSearchInput(e)},ref:e=>this.searchInput=e})),i("div",{class:"gux-dropdown-options",style:{maxHeight:this.dropdownHeight},onKeyDown:e=>this.optionsKeyDown(e)},i("slot",null)))))}updateSelectionState(){this.selectionOptions=this.getSelectionOptions(),this.currentlySelectedOption=this.selectionOptions.find((e=>e.selected))}addOptionListener(){this.root.addEventListener("selectedChanged",(e=>this.handleSelectionChange(e)))}handleSelectionChange({target:e}){const t=e;this.closeDropdown(!0),this.currentlySelectedOption!==t&&(this.currentlySelectedOption&&(this.currentlySelectedOption.selected=!1),this.currentlySelectedOption=t,this.input.emit(t.value))}getSelectionOptions(){const e=this.root.querySelectorAll("gux-dropdown-option");return Array.from(e)}inputMouseDown(){this.disabled||(this.opened?this.closeDropdown(!0):this.openDropdown(!1))}getFocusIndex(){return this.selectionOptions.findIndex((e=>e.matches(":focus")))}optionsKeyDown(e){switch(e.key){case"ArrowUp":{e.preventDefault();const t=this.getFocusIndex();t>0&&this.selectionOptions[t-1].focus();break}case"ArrowDown":{e.preventDefault();const t=this.getFocusIndex();t<this.selectionOptions.length-1&&this.selectionOptions[t+1].focus();break}case"Home":if(!this.selectionOptions.length)return;this.selectionOptions[0].focus();break;case"End":if(!this.selectionOptions.length)return;this.selectionOptions[this.selectionOptions.length-1].focus()}}inputKeyDown(e){switch(e.key){case"ArrowUp":case"ArrowDown":case" ":this.openDropdown(!0)}}handleSearchInput(e){e.stopPropagation(),clearTimeout(this.filterDebounceTimer),this.filterDebounceTimer=setTimeout((()=>this.searchRequested()),this.filterDebounceTimeout)}searchRequested(){this.filter.emit(this.searchInput.value),this.setFilteredOptions()}setFilteredOptions(){const e=this.searchInput.value;if(!this.noFilter)for(const t of this.selectionOptions)t.shouldFilter(e).then((e=>{t.filtered=e}))}changeFocusToSearch(){r((()=>{this.searchInput.focus()}))}openDropdown(e){this.opened=!0,e&&this.changeFocusToSearch()}closeDropdown(e){this.opened=!1,this.searchInput.value="",this.setFilteredOptions(),e&&this.inputBox.focus()}get root(){return s(this)}static get watchers(){return{disabled:["watchValue"]}}};(function(e,t,i,s){var o,n=arguments.length,r=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(r=(n<3?o(r):n>3?o(t,i,r):o(t,i))||r);n>3&&r&&Object.defineProperty(t,i,r)})([n({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{color:#2e394c}gux-popup{display:block;margin:4px 0}gux-popup .gux-select-field{position:relative;width:100%;height:32px}gux-popup .gux-select-field a.gux-select-input{position:absolute;inset:0;padding:6px 24px 6px 12px;overflow:hidden;color:#2e394c;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-popup .gux-select-field a.gux-select-input .gux-select-placeholder,gux-popup .gux-select-field a.gux-select-input .gux-select-value{line-height:20px}gux-popup .gux-select-field a.gux-select-input .gux-select-placeholder{color:#596373}gux-popup .gux-select-field a.gux-select-input:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}gux-popup .gux-select-field .gux-icon-wrapper{position:absolute;top:1px;right:8px;bottom:0;display:flex;align-items:center;overflow:hidden;cursor:pointer}gux-popup .gux-select-field .gux-icon-wrapper gux-icon{width:16px;height:16px;color:#596373}gux-popup .gux-select-field:hover .gux-icon-wrapper gux-icon{color:#2e394c}gux-popup .gux-advanced-dropdown-menu{background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24)}gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search{margin:8px 16px}gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-cancel-button,gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-results-button,gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}gux-popup .gux-dropdown-options{padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border-radius:4px;box-shadow:none}";export{c as gux_advanced_dropdown_legacy}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as i,H as o,g as s}from"./p-deca7631.js";import{a as e,c as r,o as a,f as n,s as l,h}from"./p-f3521f3e.js";import{r as d}from"./p-3ea0d493.js";import{t as c}from"./p-
|
1
|
+
import{r as t,h as i,H as o,g as s}from"./p-deca7631.js";import{a as e,c as r,o as a,f as n,s as l,h}from"./p-f3521f3e.js";import{r as d}from"./p-3ea0d493.js";import{t as c}from"./p-5512fab0.js";import{f as g}from"./p-5d7d5695.js";import{b as p}from"./p-ffaadf62.js";const u=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"),this.for=void 0,this.placement="bottom-start",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=e(this.forElement,this.root,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!1,ancestorResize:!0})}updatePosition(){const t=[a(16),n(),l(),h()];r(this.forElement,this.root,{placement:this.placement,strategy:"fixed",middleware:t}).then((({x:t,y:i,middlewareData:o})=>{var s;Object.assign(this.root.style,{left:`${t}px`,top:`${i}px`,visibility:(null===(s=o.hide)||void 0===s?void 0:s.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}getForElement(){return this.for?g(this.root,this.for):this.root.parentElement}logForAttributeError(){this.root.isConnected&&console.error(`gux-tooltip: invalid element supplied to 'for': "${this.for}"`)}setForElement(){this.forElement=this.getForElement(),this.forElement?(this.forElement.setAttribute("aria-describedby",this.id),this.forElementListeners.forEach(((t,i)=>this.forElement.addEventListener(i,t)))):this.logForAttributeError()}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,{id:this.id,class:{"gux-show":this.isShown},role:"tooltip"},i("div",{class:{"gux-container":!0,[`gux-${this.accent}`]:!0},"data-placement":this.placement},i("slot",null)))}get root(){return s(this)}static get watchers(){return{for:["updateForElement"]}}};u.style=":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;width:max-content;max-width:250px;pointer-events:none;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.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{u as gux_tooltip}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as o,g as e}from"./p-deca7631.js";import{c as i}from"./p-9125cc36.js";import{t as s}from"./p-
|
1
|
+
import{r as t,h as o,g as e}from"./p-deca7631.js";import{c as i}from"./p-9125cc36.js";import{t as s}from"./p-5512fab0.js";import{b as r}from"./p-e10cb032.js";import"./p-0962dd7a.js";const n={actionRefresh:"Refresh",actionDelete:"Delete",actionExport:"Export",actionImport:"Import",actionRevert:"Revert",actionAdd:"Add"},a=class{constructor(o){t(this,o),this.action=void 0,this.accent="secondary",this.iconOnly=!1,this.disabled=!1}returnActionLocale(t){return this.i18n(`action${i(t)}`)}returnActionTypeIcon(t){return"revert"==t?"reset":t}async componentWillLoad(){s(this.root,{variant:this.action}),this.i18n=await r(this.root,n)}render(){return o("gux-table-toolbar-custom-action",{"icon-only":this.iconOnly,accent:this.accent,disabled:this.disabled},o("span",{slot:"text"},this.returnActionLocale(this.action)),o("gux-icon",{slot:"icon","icon-name":this.returnActionTypeIcon(this.action),decorative:!0}))}get root(){return e(this)}};a.style=":host([disabled]){pointer-events:none}";export{a as gux_table_toolbar_action}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,f as s,d as i,h,H as a,g as o}from"./p-deca7631.js";import{b as r}from"./p-e10cb032.js";import{w as l}from"./p-8b703092.js";import{r as n}from"./p-3ea0d493.js";import{t as c}from"./p-
|
1
|
+
import{r as t,c as e,f as s,d as i,h,H as a,g as o}from"./p-deca7631.js";import{b as r}from"./p-e10cb032.js";import{w as l}from"./p-8b703092.js";import{r as n}from"./p-3ea0d493.js";import{t as c}from"./p-5512fab0.js";import{t as d}from"./p-408d5857.js";import"./p-0962dd7a.js";const g=class{constructor(i){t(this,i),this.guxselectionchanged=e(this,"guxselectionchanged",7),this.guxsortchanged=e(this,"guxsortchanged",7),this.slotObserver=new MutationObserver((()=>s(this))),this.tableId=n("gux-table"),this.columnsWidths={},this.isVerticalScroll=!1,this.columnResizeHover=!1,this.compact=!1,this.objectTable=!1,this.emptyMessage=void 0,this.resizableColumns=void 0}async componentWillLoad(){c(this.root),this.i18n=await r(this.root,d)}componentDidLoad(){this.resizableColumns&&this.prepareResizableColumns(),this.prepareSelectableRows(),this.checkVerticalScroll(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{i((()=>{this.checkVerticalScroll()}))}))),this.resizeObserver&&(this.resizeObserver.observe(this.tableContainer),this.resizeObserver.observe(this.slottedTable)),this.slotObserver.observe(this.slottedTable,{subtree:!0,childList:!0})}checkVerticalScroll(){const t=this.tableContainer;this.isVerticalScroll=t.scrollHeight>t.clientHeight}disconnectedCallback(){this.resizeObserver&&(this.resizeObserver.unobserve(this.tableContainer),this.resizeObserver.unobserve(this.slottedTable)),this.resizableColumns&&document.getElementById(`${this.tableId}-resizable-styles`).remove()}onInternalAllRowSelectChange(t){t.stopPropagation(),this.handleSelectAllRows(t.detail)}onInternalRowSelectChange(t){t.stopPropagation();const e=t.target;e.selected=t.detail,this.handleRowSelection(e)}onMouseMove(t){this.resizableColumns&&this.updateResizeState(t)}onMouseDown(t){this.resizableColumns&&this.maybeStartResizing(t)}onMouseUp(){this.resizableColumns&&this.stopResizing()}get tableContainer(){return this.root.shadowRoot.querySelector(".gux-table-container")}get slottedTable(){return this.root.querySelector('table[slot="data"]')}get tableRows(){return Array.from(this.slottedTable.querySelectorAll("tbody tr"))}get tableColumns(){return Array.from(this.slottedTable.querySelectorAll("thead th"))}get rowCheckboxes(){return Array.from(this.slottedTable.querySelectorAll("tbody tr td gux-row-select"))}get selectAllCheckbox(){return this.slottedTable.querySelector("thead tr th gux-all-row-select")}async getSelected(){return this.getSelectedInternal()}getSelectedInternal(){return{selectedRowIds:Array.from(this.rowCheckboxes).filter((t=>t.selected)).map((t=>t.closest("tr").getAttribute("data-row-id")))}}prepareSelectableRows(){this.rowCheckboxes.forEach((t=>{this.updateRowSelection(t)})),this.updateSelectAllBoxState()}updateSelectAllBoxState(){const t=this.selectAllCheckbox;if(t){const e=this.rowCheckboxes,s=e.filter((t=>!t.hasAttribute("disabled"))),i=s.filter((t=>t.selected)),h=Boolean(e.length),a=i.length===s.length,o=0===i.length;t.selected=h&&a,t.setIndeterminate(h&&!a&&!o)}}handleSelectAllRows(t){const e=this.selectAllCheckbox;this.rowCheckboxes.forEach((s=>{e.selected=t,s.hasAttribute("disabled")||(s.selected=t,this.updateRowSelection(s))})),this.emitSelectionEvent()}handleRowSelection(t){this.updateRowSelection(t),this.updateSelectAllBoxState(),this.emitSelectionEvent()}emitSelectionEvent(){this.guxselectionchanged.emit(this.getSelectedInternal())}updateRowSelection(t){const e=t.closest("tr");t.selected?e.setAttribute("data-selected-row",""):e.removeAttribute("data-selected-row")}prepareResizableColumns(){const t=document.createElement("style");t.id=`${this.tableId}-resizable-styles`,document.querySelector("head").appendChild(t),this.calculateColumnWidths(this.tableColumns).slice(0,-1).forEach((t=>this.columnsWidths[t.name]=t.width)),this.setResizableColumnsStyles()}updateResizeState(t){if(this.columnResizeState){const e=this.columnResizeState.resizableColumn.dataset.columnName,s=Math.max(this.columnResizeState.resizableColumnInitialWidth+(t.pageX-this.columnResizeState.columnResizeMouseStartX),1),i=this.calculateColumnWidths(this.tableColumns).map((t=>t.name===e?Object.assign(Object.assign({},t),{width:s}):t));this.columnsWidths[e]=i.find((t=>t.name===e)).width,this.setResizableColumnsStyles()}else this.columnResizeHover=!1,l("th",t,(e=>{this.tableColumns.length-1!==e.cellIndex&&this.isInResizeZone(t,e)&&(this.columnResizeHover=!0)}))}maybeStartResizing(t){l("th",t,(e=>{this.isInResizeZone(t,e)&&(this.columnResizeState={resizableColumn:e,columnResizeMouseStartX:t.pageX,resizableColumnInitialWidth:e.clientWidth})}))}stopResizing(){this.columnResizeState&&(this.columnResizeState=null)}isInResizeZone(t,e){return e.getBoundingClientRect().right-t.clientX<3}calculateColumnWidths(t){return t.map((t=>({name:t.dataset.columnName,width:t.clientWidth})))}setResizableColumnsStyles(){const t=document.getElementById(`${this.tableId}-resizable-styles`);let e="";Object.keys(this.columnsWidths).forEach((t=>{e+=`[gs-table-id=${this.tableId}] th[data-column-name="${t}"]{\n width:${String(this.columnsWidths[t])}px;\n min-width:${String(this.columnsWidths[t])}px;\n }`})),t.innerHTML=e}get isTableEmpty(){return!this.root.children[0]||this.tableRows.length<1}get tableContainerClasses(){return{"gux-table-container":!0,"gux-column-resizing":Boolean(this.columnResizeState),"gux-column-resizing-hover":this.columnResizeHover}}render(){return h(a,{"gs-table-id":this.tableId,"gs-obj-table":this.objectTable,"gs-compact":this.compact},h("div",{class:"gux-table"},h("div",{tabindex:this.isVerticalScroll?"0":"-1",id:this.tableId,class:this.tableContainerClasses},h("slot",{name:"data"})),this.isTableEmpty&&h("div",{class:"gux-empty-table"},this.emptyMessage||this.i18n("emptyMessage"))))}get root(){return o(this)}};g.style=":host{display:block;isolation:isolate}:host .gux-table{position:relative;height:inherit}:host .gux-table .gux-table-container{max-height:100%;overflow:auto;scrollbar-color:var(--gse-ui-dataTableItems-scrollbar-foregroundColor);scrollbar-width:thin}:host .gux-table .gux-table-container.gux-column-resizing-hover,:host .gux-table .gux-table-container.gux-column-resizing{cursor:col-resize}:host .gux-empty-table{display:flex;align-items:center;justify-content:center;height:calc(100% - var(--gse-ui-dataTableItems-header-default-height));color:#596373;background:#fdfdfd;font-family:var(--gse-core-typography-heading-lg-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-lg-fontSize);line-height:var(--gse-core-typography-heading-lg-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}";export{g as gux_table}
|
@@ -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-5512fab0.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(--gse-semantic-zIndex-popover);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 as t,c as i,h as s,g as o}from"./p-deca7631.js";import{r as e}from"./p-3ea0d493.js";import{t as r}from"./p-
|
1
|
+
import{r as t,c as i,h as s,g as o}from"./p-deca7631.js";import{r as e}from"./p-3ea0d493.js";import{t as r}from"./p-5512fab0.js";import{b as n}from"./p-e10cb032.js";import"./p-0962dd7a.js";const a={defaultLabel:"Disclosure button"},u=class{constructor(s){t(this,s),this.active=i(this,"active",7),this.panelId=e("gux-disclosure-button-panel"),this.position="left",this.label=void 0,this.isOpen=!1,this.icon="arrow-solid-right"}watchIsOpen(){this.updateIcon()}changeState(){this.togglePanel(),this.active.emit(this.isOpen)}togglePanel(){this.isOpen=!this.isOpen}updateIcon(){this.icon="right"===this.position?this.isOpen?"arrow-solid-right":"arrow-solid-left":this.isOpen?"arrow-solid-left":"arrow-solid-right"}async componentWillLoad(){r(this.root,{variant:this.position}),this.i18n=await n(this.root,a),this.updateIcon()}render(){return s("div",{class:`gux-disclosure-button-container gux-${this.position}`},s("button",{class:"gux-disclosure-button",onClick:()=>this.changeState(),"aria-controls":this.panelId,"aria-expanded":this.isOpen.toString(),"aria-label":this.label||this.i18n("defaultLabel")},s("gux-icon",{"icon-name":`${this.icon}`,decorative:!0})),s("div",{id:this.panelId,class:{"gux-disclosure-panel":!0,"gux-active":this.isOpen},role:"region"},s("slot",{name:"panel-content"})))}get root(){return o(this)}static get watchers(){return{isOpen:["watchIsOpen"]}}};u.style=":host{height:100%;color:var(--gse-ui-tabs-item-icon-iconColor)}.gux-disclosure-button-container{display:flex;flex-direction:row;justify-content:flex-start;height:100%}.gux-disclosure-button-container .gux-disclosure-button{width:16px;padding:0;margin:0;color:var(--gse-ui-tabs-item-icon-iconColor);background:transparent;border-top:none;border-right:1px solid var(--gse-ui-tabs-item-divider-dividerColor);border-bottom:none;border-left:1px solid var(--gse-ui-tabs-item-divider-dividerColor)}.gux-disclosure-button-container .gux-disclosure-button gux-icon{width:12px;height:12px}.gux-disclosure-button-container .gux-disclosure-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-disclosure-button-container .gux-disclosure-panel{display:none;order:-1;width:100%}.gux-disclosure-button-container .gux-disclosure-panel.gux-active{display:block}.gux-disclosure-button-container.gux-right{justify-content:flex-end}.gux-disclosure-button-container.gux-right .gux-disclosure-panel{order:1}";export{u as gux_disclosure_button_legacy}
|
@@ -1 +1 @@
|
|
1
|
-
import{h as e,r,g as s}from"./p-deca7631.js";import{t as i}from"./p-
|
1
|
+
import{h as e,r,g as s}from"./p-deca7631.js";import{t as i}from"./p-5512fab0.js";import{a as t}from"./p-9d734bbd.js";const a=2*Math.PI*22;function n(e,r){return!(isNaN(e)||isNaN(r)||e>r||e<0||0===r)}const o=({value:r,max:s,screenreaderText:i})=>e("div",{role:"progressbar","aria-valuenow":r,"aria-valuemin":"0","aria-valuemax":s,"aria-label":i},e("svg",{class:"gux-svg-container",viewBox:"0 0 48 48",role:"presentation"},e("circle",{cx:"50%",cy:"50%",r:22,class:"gux-static-circle"}),e("circle",{cx:"50%",cy:"50%",r:22,class:"gux-dynamic-circle","stroke-dashoffset":a*(1-r/s),"stroke-dasharray":a,"stroke-linecap":"round"}),e("text",{x:"50%",y:"50%","dominant-baseline":"central",class:"gux-percentage"},function(e,r){return`${Math.round((e+Number.EPSILON)/r*100)}%`}(r,s)))),g=({screenreaderText:r})=>e("gux-radial-loading",{"screenreader-text":r,context:"modal"}),d=class{constructor(e){r(this,e),this.value=void 0,this.max=100,this.screenreaderText=""}componentWillLoad(){i(this.root)}componentDidLoad(){!this.screenreaderText&&n(this.value,this.max)&&t(this.root,"No screenreader-text provided. Provide a localized screenreader-text property for the component.")}render(){return n(this.value,this.max)?e(o,{value:this.value,max:this.max,screenreaderText:this.screenreaderText}):e(g,{screenreaderText:this.screenreaderText})}get root(){return s(this)}};d.style=":host{display:inline-block}div[role=progressbar] .gux-svg-container{display:block;width:calc(var(--gse-ui-progressAndLoading-spinner-large) * 1px);height:calc(var(--gse-ui-progressAndLoading-spinner-large) * 1px)}div[role=progressbar] .gux-svg-container .gux-dynamic-circle{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-foreground);stroke-width:4;transform:rotate(-90deg);transform-origin:50% 50%}div[role=progressbar] .gux-svg-container .gux-static-circle{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-base);stroke-width:4}div[role=progressbar] .gux-svg-container .gux-percentage{font-family:var(--gse-ui-progressAndLoading-spinner-text-fontFamily);font-size:var(--gse-ui-progressAndLoading-spinner-text-fontSize);font-weight:var(--gse-ui-progressAndLoading-spinner-text-fontWeight);line-height:var(--gse-ui-progressAndLoading-spinner-text-lineHeight);text-anchor:middle;fill:var(--gse-ui-progressAndLoading-textColor)}";export{d as gux_radial_progress}
|
@@ -1 +1 @@
|
|
1
|
-
import{a as t,r as i,h as e,g as s}from"./p-deca7631.js";import{t as r}from"./p-
|
1
|
+
import{a as t,r as i,h as e,g as s}from"./p-deca7631.js";import{t as r}from"./p-5512fab0.js";import{l as n}from"./p-9d734bbd.js";const a=new Map;async function o(i="unknown"){const e=function(t){return t.replace("/","-")}(i);if(a.has(e))return a.get(e);const s=async function(i){const e=await fetch(t(`./icons/${i}.svg`));if(200===e.status)return e.text();throw new Error(`[gux-icon] fetching failed for icon "${i}" with status "${e.statusText} (${e.status})".`)}(i).then((t=>t)).catch((t=>(setTimeout((()=>{throw t}),0),o("unknown"))));return a.set(e,s),s}const h=class{constructor(t){i(this,t),this.iconName=void 0,this.decorative=!1,this.screenreaderText="",this.size="inherit",this.svgHtml=void 0}async prepIcon(t){this.baseSvgHtml=await o(t),this.svgHtml=this.getSvgWithAriaAttributes(this.baseSvgHtml)}watchDecorative(t){this.validateProps(t,this.screenreaderText),this.svgHtml=this.getSvgWithAriaAttributes(this.baseSvgHtml)}watchScreenreaderText(t){this.validateProps(this.decorative,t),this.svgHtml=this.getSvgWithAriaAttributes(this.baseSvgHtml)}async componentWillLoad(){r(this.root,{variant:this.iconName}),await this.prepIcon(this.iconName)}componentDidLoad(){this.validateProps(this.decorative,this.screenreaderText)}validateProps(t,i){this.root.isConnected&&(t||i||n(this.root,"No screenreader-text provided. Either provide a localized screenreader-text property or set `decorative` to true."))}getSvgWithAriaAttributes(t){const i=(new DOMParser).parseFromString(t,"image/svg+xml").firstChild;return i.setAttribute("aria-hidden",this.decorative?String(this.decorative):"false"),this.screenreaderText?i.setAttribute("aria-label",this.screenreaderText):i.removeAttribute("aria-label"),i.outerHTML}render(){return this.svgHtml&&e("div",{class:"gux-icon-container",innerHTML:this.svgHtml})}static get assetsDirs(){return["icons"]}get root(){return s(this)}static get watchers(){return{iconName:["prepIcon"],decorative:["watchDecorative"],screenreaderText:["watchScreenreaderText"]}}};h.style=":host{display:inline-flex;width:1em;height:1em}:host([size=small]){width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}:host([size=medium]){width:var(--gse-ui-icon-size-md);height:var(--gse-ui-icon-size-md)}:host([size=large]){width:var(--gse-ui-icon-size-lg);height:var(--gse-ui-icon-size-lg)}.gux-icon-container{display:flex;align-items:center;justify-content:center;width:100%}.gux-icon-container svg{width:100%;max-width:100%;height:100%;max-height:100%;fill:currentcolor}";export{h as gux_icon}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as t,g as r}from"./p-deca7631.js";import{b as i}from"./p-e10cb032.js";import{O as o}from"./p-d6edbaeb.js";import{a as l,o as s}from"./p-37bfd195.js";import{h as a}from"./p-324b23f3.js";import{g as n}from"./p-dd53013c.js";import{G as h,a as f,v as d,b as g}from"./p-e5766b80.js";import{G as u,a as p}from"./p-15905cc3.js";import{t as m}from"./p-
|
1
|
+
import{r as e,h as t,g as r}from"./p-deca7631.js";import{b as i}from"./p-e10cb032.js";import{O as o}from"./p-d6edbaeb.js";import{a as l,o as s}from"./p-37bfd195.js";import{h as a}from"./p-324b23f3.js";import{g as n}from"./p-dd53013c.js";import{G as h,a as f,v as d,b as g}from"./p-e5766b80.js";import{G as u,a as p}from"./p-15905cc3.js";import{t as m}from"./p-5512fab0.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=void 0,this.hasError=!1,this.hasHelp=!1}watchValue(e){const t=this.root.querySelector("gux-time-picker");t&&(t.hasError=e)}onMutation(){this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help")}async componentWillLoad(){this.getI18nValue=await i(this.root,c),this.setInput(),this.setLabel(),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help"),m(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){var e;return t(p,{labelPosition:this.computedLabelPosition},t(u,{position:this.computedLabelPosition,required:this.required,labelText:null===(e=this.label)||void 0===e?void 0:e.textContent},t("slot",{name:"label",onSlotchange:()=>this.setLabel()}),this.renderScreenReaderText(this.getI18nValue("required"),this.required),this.renderScreenReaderText(n(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-time-picker-container":!0,"gux-disabled":this.disabled}},t("slot",null))),t(h,{show:this.hasError},t("slot",{name:"error"})),t(f,{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`timePicker-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.timePickerElement=this.root.querySelector("gux-time-picker"),this.disabled=this.timePickerElement.disabled,this.required=this.timePickerElement.required,this.disabledObserver=l(this.timePickerElement,(e=>{this.disabled=e})),this.requiredObserver=s(this.timePickerElement,(e=>{this.required=e})),d(this.root,this.timePickerElement)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=g(this.label,this.labelPosition)}get root(){return r(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(e,t,r,i){var o,l=arguments.length,s=l<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,i);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(l<3?o(s):l>3?o(t,r,s):o(t,r))||s);l>3&&s&&Object.defineProperty(t,r,s)})([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-fieldset-container.gux-beside{flex-direction:row}.gux-form-field-fieldset-container.gux-above{flex-direction:column}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-legend-label ::slotted(label){white-space:nowrap}.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:var(--gse-ui-formControl-input-top);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}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}::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_time_picker}
|