genesys-spark-components 4.0.0-beta.24 → 4.0.0-beta.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/genesys-webcomponents.cjs.js +1 -1
- package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-advanced-dropdown.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 +24 -0
- 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-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-context-menu-beta.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-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-flyout-menu-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-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-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-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal.cjs.entry.js +1 -1
- package/dist/cjs/gux-month-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-beta.cjs.entry.js +1 -1
- package/dist/cjs/{gux-pagination-buttons_3.cjs.entry.js → gux-pagination-buttons-legacy_3.cjs.entry.js} +9 -9
- package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
- package/dist/cjs/{gux-pagination.cjs.entry.js → gux-pagination-legacy.cjs.entry.js} +7 -7
- package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
- package/dist/cjs/gux-rating.cjs.entry.js +1 -1
- package/dist/cjs/gux-region-icon.cjs.entry.js +1 -1
- package/dist/cjs/gux-screen-reader-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-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
- package/dist/cjs/gux-switch.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-beta.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/index-0d0fdb85.js +10 -10
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{usage-350f4210.js → usage-a9283e9a.js} +1 -1
- package/dist/collection/collection-manifest.json +5 -5
- package/dist/collection/components/beta/gux-pagination-beta/gux-pagination-beta.js +2 -2
- package/dist/collection/components/{stable/gux-pagination → legacy/gux-pagination-legacy}/gux-pagination-buttons/gux-pagination-buttons.js +2 -2
- package/dist/collection/components/{stable/gux-pagination → legacy/gux-pagination-legacy}/gux-pagination-item-counts/gux-pagination-item-counts.js +2 -2
- package/dist/collection/components/{stable/gux-pagination → legacy/gux-pagination-legacy}/gux-pagination-items-per-page/gux-pagination-items-per-page.js +2 -2
- package/dist/collection/components/{stable/gux-pagination → legacy/gux-pagination-legacy}/gux-pagination.js +5 -5
- package/dist/collection/components/stable/gux-blank-state/gux-blank-state.css +98 -0
- package/dist/collection/components/stable/gux-blank-state/gux-blank-state.js +29 -0
- package/dist/collection/components/stable/gux-pagination-cursor/gux-pagination-cursor.js +1 -1
- package/dist/component-specs.json +26 -26
- package/dist/deploy-info.json +3 -3
- package/dist/esm/genesys-webcomponents.js +1 -1
- package/dist/esm/gux-accordion.entry.js +1 -1
- package/dist/esm/gux-action-button.entry.js +1 -1
- package/dist/esm/gux-action-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-advanced-dropdown.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 +20 -0
- 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-beta.entry.js +1 -1
- package/dist/esm/gux-content-search.entry.js +1 -1
- package/dist/esm/gux-context-menu-beta.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-beta.entry.js +1 -1
- package/dist/esm/gux-dropdown_3.entry.js +1 -1
- package/dist/esm/gux-flyout-menu-beta.entry.js +1 -1
- package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
- package/dist/esm/gux-form-field-color.entry.js +1 -1
- package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
- package/dist/esm/gux-form-field-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-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-beta.entry.js +1 -1
- package/dist/esm/gux-modal.entry.js +1 -1
- package/dist/esm/gux-month-picker-beta.entry.js +1 -1
- package/dist/esm/gux-notification-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
- package/dist/esm/gux-pagination-beta.entry.js +1 -1
- package/dist/esm/{gux-pagination-buttons_3.entry.js → gux-pagination-buttons-legacy_3.entry.js} +7 -7
- package/dist/esm/gux-pagination-cursor.entry.js +1 -1
- package/dist/esm/{gux-pagination.entry.js → gux-pagination-legacy.entry.js} +7 -7
- package/dist/esm/gux-phone-input-beta.entry.js +1 -1
- package/dist/esm/gux-popover-list.entry.js +1 -1
- package/dist/esm/gux-radial-loading.entry.js +1 -1
- package/dist/esm/gux-radial-progress.entry.js +1 -1
- package/dist/esm/gux-rating.entry.js +1 -1
- package/dist/esm/gux-region-icon.entry.js +1 -1
- package/dist/esm/gux-screen-reader-beta.entry.js +1 -1
- package/dist/esm/gux-simple-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-skip-navigation-list-beta.entry.js +1 -1
- package/dist/esm/gux-sort-control.entry.js +1 -1
- package/dist/esm/gux-switch.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-beta.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/index-0b66fe2c.js +10 -10
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{usage-144bdf70.js → usage-56d9b306.js} +1 -1
- package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
- package/dist/genesys-webcomponents/{p-5f572ff5.entry.js → p-010ba18c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b98dcf72.entry.js → p-0c4dbc9a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c7c4227b.entry.js → p-0cb3fdb4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6128be0b.entry.js → p-0e44c5e7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c858bbf5.entry.js → p-15bf191f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d275077a.entry.js → p-163cb6ea.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-85bc7ce7.entry.js → p-17413280.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2873e1ad.entry.js → p-18619dff.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-836fbb2a.entry.js → p-1a83ae15.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e7b25ec5.entry.js → p-1b69fe00.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-16867376.entry.js → p-1c1dfe12.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2e256680.entry.js → p-1c2cd19b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cdf3db02.entry.js → p-1e0926b3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-beceeda9.entry.js → p-216d896e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-152851c5.entry.js → p-23554f30.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b73e2256.entry.js → p-2513aa6b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a7c56dad.entry.js → p-30cb1c85.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5058a2ee.entry.js → p-34a80ac0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e4aa7b47.entry.js → p-35fc63f0.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-37b49558.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-d5ff613a.entry.js → p-411b9844.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ce78c6a2.entry.js → p-44732864.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3d6c91b4.entry.js → p-44c6e065.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5b57fc5a.entry.js → p-48a59b0b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2bc99e5e.entry.js → p-57064c62.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e4e980c4.entry.js → p-5e9e91e5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9bf0a4a8.js → p-5eb7f3d1.js} +1 -1
- package/dist/genesys-webcomponents/{p-91c445ab.entry.js → p-5fc405db.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8ccc45cf.entry.js → p-62843655.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cc043796.entry.js → p-65ce0e37.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-6632856a.entry.js +1 -0
- package/dist/genesys-webcomponents/p-6a14e935.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-c8dcfd36.entry.js → p-6a2f0c03.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-39af23ba.entry.js → p-6b0599d0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a0ec6dde.entry.js → p-6cb7b586.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a6378d29.entry.js → p-6ebd0ea7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2abcbff8.entry.js → p-6f66080e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-baffb252.entry.js → p-777bc704.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-77dfb786.entry.js → p-779f1537.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ece938b3.entry.js → p-786897e9.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-7a1ef948.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-7e1e6609.entry.js → p-83c88e1d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cf1b7653.entry.js → p-87d88b64.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7e13a157.entry.js → p-8ac51be5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-df3db717.entry.js → p-8e7d8b79.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-93380bce.entry.js → p-8f7c29ec.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-70c20c25.entry.js → p-95a48f31.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-41787744.entry.js → p-9d5716fc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-081aaf02.entry.js → p-9e3342cf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-da6575df.entry.js → p-a0a96990.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-42151d14.entry.js → p-ac512b71.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1bcb53c0.entry.js → p-ace78667.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bbc47467.entry.js → p-ae58a16c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-df279eda.entry.js → p-aef9e7cf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a4cb7a4a.entry.js → p-b0865e45.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-186085f3.entry.js → p-b2567220.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f4dd0fd2.entry.js → p-b2a503ab.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b3443cf0.entry.js → p-b3bbe6e0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-eef539ab.entry.js → p-b9534538.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-49219c0d.entry.js → p-ba78e7c0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c0c7fcd1.entry.js → p-beb58f04.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a756279a.entry.js → p-c28759cd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e8d9d006.entry.js → p-c4545cf8.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-c55d47dd.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-37051105.entry.js → p-d72445e3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dc0581c4.entry.js → p-d93654eb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6bfa78c6.entry.js → p-dc58438a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8107bee0.entry.js → p-dc7c5910.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-df87a33e.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-2eb21361.entry.js → p-e2af859e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8f21ff40.entry.js → p-e54dac3e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a961cc5e.entry.js → p-e5d488d0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ee52283b.entry.js → p-e8c84c88.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f7a14a12.entry.js → p-f3aa76a8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b279643a.entry.js → p-f551e81b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4e40fb5f.entry.js → p-f554c073.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bd12e46f.entry.js → p-f912829e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e55b3774.entry.js → p-f9609d1c.entry.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/components/beta/gux-pagination-beta/gux-pagination-beta.d.ts +1 -1
- package/dist/types/components/{stable/gux-pagination → legacy/gux-pagination-legacy}/gux-pagination-buttons/gux-pagination-buttons.d.ts +1 -1
- package/dist/types/components/{stable/gux-pagination → legacy/gux-pagination-legacy}/gux-pagination-item-counts/gux-pagination-item-counts.d.ts +1 -1
- package/dist/types/components/{stable/gux-pagination → legacy/gux-pagination-legacy}/gux-pagination-items-per-page/gux-pagination-items-per-page.d.ts +1 -1
- package/dist/types/components/{stable/gux-pagination → legacy/gux-pagination-legacy}/gux-pagination.d.ts +1 -1
- package/dist/types/components/{beta → stable}/gux-blank-state/gux-blank-state.d.ts +0 -8
- package/dist/types/components/stable/gux-pagination-cursor/gux-pagination-cursor.d.ts +1 -1
- package/dist/types/components.d.ts +115 -115
- package/dist/types/stencil-wrapper.d.ts +1 -1
- package/package.json +1 -1
- package/dist/cjs/gux-blank-state-beta.cjs.entry.js +0 -68
- package/dist/collection/components/beta/gux-blank-state/gux-blank-state-constants.js +0 -5
- package/dist/collection/components/beta/gux-blank-state/gux-blank-state.css +0 -61
- package/dist/collection/components/beta/gux-blank-state/gux-blank-state.js +0 -75
- package/dist/collection/components/beta/gux-blank-state/gux-blank-state.types.js +0 -1
- package/dist/esm/gux-blank-state-beta.entry.js +0 -64
- package/dist/genesys-webcomponents/p-149233e1.entry.js +0 -1
- package/dist/genesys-webcomponents/p-1cd54bb6.entry.js +0 -1
- package/dist/genesys-webcomponents/p-2987698a.entry.js +0 -1
- package/dist/genesys-webcomponents/p-2a1a57db.entry.js +0 -1
- package/dist/genesys-webcomponents/p-3f818cd5.entry.js +0 -1
- package/dist/genesys-webcomponents/p-c744ed0d.entry.js +0 -1
- package/dist/types/components/beta/gux-blank-state/gux-blank-state-constants.d.ts +0 -5
- package/dist/types/components/beta/gux-blank-state/gux-blank-state.types.d.ts +0 -1
- /package/dist/collection/components/{stable/gux-pagination → legacy/gux-pagination-legacy}/gux-pagination-buttons/gux-pagination-button.service.js +0 -0
- /package/dist/collection/components/{stable/gux-pagination → legacy/gux-pagination-legacy}/gux-pagination-buttons/gux-pagination-buttons.css +0 -0
- /package/dist/collection/components/{stable/gux-pagination → legacy/gux-pagination-legacy}/gux-pagination-item-counts/gux-pagination-item-counts.css +0 -0
- /package/dist/collection/components/{stable/gux-pagination → legacy/gux-pagination-legacy}/gux-pagination-items-per-page/gux-pagination-items-per-page.css +0 -0
- /package/dist/collection/components/{stable/gux-pagination → legacy/gux-pagination-legacy}/gux-pagination.css +0 -0
- /package/dist/collection/components/{stable/gux-pagination → legacy/gux-pagination-legacy}/gux-pagination.types.js +0 -0
- /package/dist/types/components/{stable/gux-pagination → legacy/gux-pagination-legacy}/gux-pagination-buttons/gux-pagination-button.service.d.ts +0 -0
- /package/dist/types/components/{stable/gux-pagination → legacy/gux-pagination-legacy}/gux-pagination.types.d.ts +0 -0
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as o,f as e,d as i,h as s,H as a,g as l}from"./p-7d26b2e1.js";import{b as n}from"./p-deee079e.js";import{w as r}from"./p-76ff3e75.js";import{r as f}from"./p-cbcbd1bb.js";import{t as h}from"./p-
|
1
|
+
import{r as t,c as o,f as e,d as i,h as s,H as a,g as l}from"./p-7d26b2e1.js";import{b as n}from"./p-deee079e.js";import{w as r}from"./p-76ff3e75.js";import{r as f}from"./p-cbcbd1bb.js";import{t as h}from"./p-5eb7f3d1.js";import{t as c}from"./p-1aa11396.js";import"./p-8a133b9b.js";const u=class{constructor(i){t(this,i),this.guxselectionchanged=o(this,"guxselectionchanged",7),this.guxsortchanged=o(this,"guxsortchanged",7),this.slotObserver=new MutationObserver((()=>e(this))),this.tableId=f("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(){h(this.root),this.i18n=await n(this.root,c)}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 o=t.target;o.selected=t.detail,this.handleRowSelection(o)}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 o=this.rowCheckboxes,e=o.filter((t=>!t.hasAttribute("disabled"))),i=e.filter((t=>t.selected)),s=Boolean(o.length),a=i.length===e.length,l=0===i.length;t.selected=s&&a,t.setIndeterminate(s&&!a&&!l)}}handleSelectAllRows(t){const o=this.selectAllCheckbox;this.rowCheckboxes.forEach((e=>{o.selected=t,e.hasAttribute("disabled")||(e.selected=t,this.updateRowSelection(e))})),this.emitSelectionEvent()}handleRowSelection(t){this.updateRowSelection(t),this.updateSelectAllBoxState(),this.emitSelectionEvent()}emitSelectionEvent(){this.guxselectionchanged.emit(this.getSelectedInternal())}updateRowSelection(t){const o=t.closest("tr");t.selected?o.setAttribute("data-selected-row",""):o.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 o=this.columnResizeState.resizableColumn.dataset.columnName,e=Math.max(this.columnResizeState.resizableColumnInitialWidth+(t.pageX-this.columnResizeState.columnResizeMouseStartX),1),i=this.calculateColumnWidths(this.tableColumns).map((t=>t.name===o?Object.assign(Object.assign({},t),{width:e}):t));this.columnsWidths[o]=i.find((t=>t.name===o)).width,this.setResizableColumnsStyles()}else this.columnResizeHover=!1,r("th",t,(o=>{this.tableColumns.length-1!==o.cellIndex&&this.isInResizeZone(t,o)&&(this.columnResizeHover=!0)}))}maybeStartResizing(t){r("th",t,(o=>{this.isInResizeZone(t,o)&&(this.columnResizeState={resizableColumn:o,columnResizeMouseStartX:t.pageX,resizableColumnInitialWidth:o.clientWidth})}))}stopResizing(){this.columnResizeState&&(this.columnResizeState=null)}isInResizeZone(t,o){return o.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 o="";Object.keys(this.columnsWidths).forEach((t=>{o+=`[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=o}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 s(a,{"gs-table-id":this.tableId,"gs-obj-table":this.objectTable,"gs-compact":this.compact},s("div",{class:"gux-table"},s("div",{tabindex:this.isVerticalScroll?"0":"-1",id:this.tableId,class:this.tableContainerClasses},s("slot",{name:"data"})),this.isTableEmpty&&s("div",{class:"gux-empty-table"},this.emptyMessage||this.i18n("emptyMessage"))))}get root(){return l(this)}};u.style='.gux-focus-ring-focused:focus{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-focused-within:focus-within{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-focused-visible:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-small-focused:focus{outline:2px solid #aac9ff;outline-offset:0}.gux-focus-ring-small-focused-within:focus-within{outline:2px solid #aac9ff;outline-offset:0}.gux-focus-ring-small-focused-visible:focus-visible{outline:2px solid #aac9ff;outline-offset:0}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:url("./fonts/roboto-v20-latin-300.eot");src:local("Roboto Light"), local("Roboto-Light"), url("./fonts/roboto-v20-latin-300.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-300.woff2") format("woff2"), url("./fonts/roboto-v20-latin-300.woff") format("woff"), url("./fonts/roboto-v20-latin-300.ttf") format("truetype"), url("./fonts/roboto-v20-latin-300.svg#Roboto") format("svg");}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url("./fonts/roboto-v20-latin-regular.eot");src:local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-regular.woff") format("woff"), url("./fonts/roboto-v20-latin-regular.ttf") format("truetype"), url("./fonts/roboto-v20-latin-regular.svg#Roboto") format("svg");}@font-face{font-family:Roboto;font-style:italic;font-weight:400;src:url("./fonts/roboto-v20-latin-italic.eot");src:local("Roboto Italic"), local("Roboto-Italic"), url("./fonts/roboto-v20-latin-italic.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-italic.woff2") format("woff2"), url("./fonts/roboto-v20-latin-italic.woff") format("woff"), url("./fonts/roboto-v20-latin-italic.ttf") format("truetype"), url("./fonts/roboto-v20-latin-italic.svg#Roboto") format("svg");}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url("./fonts/roboto-v20-latin-700.eot");src:local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-700.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-700.woff") format("woff"), url("./fonts/roboto-v20-latin-700.ttf") format("truetype"), url("./fonts/roboto-v20-latin-700.svg#Roboto") format("svg");}body{font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}h1{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}h2{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}h3{font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:14px;line-height:20px}h4,h5,h6{font-family:Roboto, sans-serif;font-weight:400;font-size:14px;line-height:20px}.gux-icon-anchor gux-icon{padding-right:2px}a{color:#2a60c8;text-decoration:underline;border-radius:2px}a:hover{color:#2754ac}a:active{color:#23478f}a:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}table a{color:#2a60c8;text-decoration:underline;border-radius:2px;text-decoration:none}table a:hover{color:#2754ac}table a:active{color:#23478f}table a:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}: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:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}';export{u as gux_table}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as s,h as t,H as e,g as
|
1
|
+
import{r as s,h as t,H as e,g as r}from"./p-7d26b2e1.js";import{l as a,n as o,f as i,p as n,b as c,c as l}from"./p-417354e9.js";import{t as u}from"./p-5eb7f3d1.js";const h=["gux-list-item"],m=class{constructor(t){s(this,t)}componentWillLoad(){u(this.root)}onKeyDown(s){switch(s.key){case"ArrowUp":s.preventDefault(),n(this.root,h);break;case"Home":s.preventDefault(),i(this.root,h);break;case"ArrowDown":s.preventDefault(),o(this.root,h);break;case"End":s.preventDefault(),a(this.root,h)}}async guxFocusFirstItem(){i(this.root,h)}async guxFocusItemById(s){c(this.root,h,s)}async guxFocusItemByClosestId(s){l(this.root,h,s)}async guxFocusLastItem(){a(this.root,h)}renderFocusTarget(){return t("span",{tabindex:"-1"})}render(){return t(e,{role:"list"},this.renderFocusTarget(),t("slot",null))}static get delegatesFocus(){return!0}get root(){return r(this)}};m.style=":host{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start}";export{m as gux_list}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as a,d as i,h as e,g as n}from"./p-7d26b2e1.js";import{a as s}from"./p-091f51f6.js";import{t as o}from"./p-
|
1
|
+
import{r as t,c as a,d as i,h as e,g as n}from"./p-7d26b2e1.js";import{a as s}from"./p-091f51f6.js";import{t as o}from"./p-5eb7f3d1.js";const r=class{constructor(i){t(this,i),this.guxpaginationchange=a(this,"guxpaginationchange",7),this.reinstateLayoutBreakpoint=0,this.layout="advanced",this.currentPage=1,this.totalItems=0,this.itemsPerPage=25,this.totalPages=void 0,this.displayedLayout=void 0}setPage(t){if(t<=0)return void this.setPage(1);const a=this.calculateTotalPages(this.totalItems,this.itemsPerPage);t>a?this.setPage(a):(this.currentPage=t,this.guxpaginationchange.emit({currentPage:this.currentPage,itemsPerPage:this.itemsPerPage}))}handleInternalitemsperpagechange(t){this.itemsPerPage=t.detail,this.setPage(1)}handleInternalcurrentpagechange(t){this.setPage(t.detail)}calculateTotalPages(t,a){return Math.max(1,Math.ceil(t/a))}calculateCurrentPage(t,a){return Math.max(t>0?1:0,Math.min(a,t))}checkPaginationContainerWidthForLayout(){i((()=>{const t=this.root.shadowRoot.querySelector(".gux-pagination-container"),a=this.root.shadowRoot.querySelector(".gux-pagination-spacer"),i=t.clientWidth;a.clientWidth<24&&"simple"!==this.displayedLayout?(this.reinstateLayoutBreakpoint=i,this.displayedLayout="simple"):i>this.reinstateLayoutBreakpoint&&(this.reinstateLayoutBreakpoint=0,this.displayedLayout=this.layout)}))}componentWillLoad(){o(this.root,{variant:this.layout})}componentWillRender(){this.totalPages=this.calculateTotalPages(this.totalItems,this.itemsPerPage),this.currentPage=this.calculateCurrentPage(this.totalPages,this.currentPage)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.unobserve(this.root.shadowRoot.querySelector(".gux-pagination-container"))}componentDidLoad(){!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.checkPaginationContainerWidthForLayout()))),this.resizeObserver&&this.resizeObserver.observe(this.root.shadowRoot.querySelector(".gux-pagination-container")),s((()=>{this.checkPaginationContainerWidthForLayout()}),500)}render(){return e("div",{class:"gux-pagination-container"},e("div",{class:"gux-pagination-info"},e("gux-pagination-item-counts-beta",{"total-items":this.totalItems,"current-page":this.currentPage,"items-per-page":this.itemsPerPage}),"advanced"===this.displayedLayout&&e("gux-pagination-items-per-page-beta",{"items-per-page":this.itemsPerPage,onInternalitemsperpagechange:this.handleInternalitemsperpagechange.bind(this)})),e("div",{class:"gux-pagination-spacer"}),e("div",{class:"gux-pagination-change"},e("gux-pagination-buttons-beta",{layout:this.displayedLayout,"current-page":this.currentPage,"total-pages":this.totalPages,onInternalcurrentpagechange:this.handleInternalcurrentpagechange.bind(this)})))}get root(){return n(this)}};r.style=":host{display:block;border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:space-between;height:var(--gse-ui-dataTableItems-cell-tablePagination-height);padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);justify-content:flex-start;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-spacer{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";export{r as gux_pagination_beta}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,h as s,g as i}from"./p-7d26b2e1.js";import{b as r}from"./p-deee079e.js";import{t as a}from"./p-
|
1
|
+
import{r as t,c as e,h as s,g as i}from"./p-7d26b2e1.js";import{b as r}from"./p-deee079e.js";import{t as a}from"./p-5eb7f3d1.js";import{g as o}from"./p-8a133b9b.js";import{o as n}from"./p-93904222.js";import{t as c}from"./p-1aa11396.js";const h=class{constructor(s){t(this,s),this.guxsortchanged=e(this,"guxsortchanged",7),this.includeUnsorted=!1,this.headerContent=void 0,this.active=!1,this.sort="none",this.isLeftAlignIcon=!1}async componentWillLoad(){a(this.root),this.i18n=await r(this.root,c,"gux-table"),this.tableHeader=o("th",this.root),this.thObserver=n(this.tableHeader,(()=>{this.setState()}),{attributes:!0,childList:!1,subtree:!1}),this.setState()}disconnectedCallback(){this.thObserver&&this.thObserver.disconnect()}onClick(){this.guxsortchanged.emit({columnName:this.tableHeader.dataset.columnName,sortDirection:this.getNextSort(this.sort)})}setState(){this.headerContent=this.tableHeader.textContent,this.isLeftAlignIcon=this.tableHeader.hasAttribute("data-cell-numeric")||this.tableHeader.hasAttribute("data-cell-action");const t=this.tableHeader.getAttribute("aria-sort");switch(t){case"ascending":case"descending":this.active=!0,this.sort=t;break;default:this.active=!1,this.sort="none"}}getIconName(t){return"descending"===t?"arrow-solid-down":"arrow-solid-up"}getNextSort(t){switch(t){case"none":return"ascending";case"ascending":return"descending";default:return this.includeUnsorted?"none":"ascending"}}getSRText(t){switch(t){case"ascending":return this.i18n("ascendingColumnSort",{headerContent:this.headerContent});case"descending":return this.i18n(this.includeUnsorted?"descendingColumnSortIncludeUnsorted":"descendingColumnSort",{headerContent:this.headerContent});default:return this.i18n("noColumnSort",{headerContent:this.headerContent})}}render(){return s("div",{class:"gux-container"},s("button",{class:{"gux-sort-button":!0,"gux-active":this.active},type:"button",onClick:()=>this.onClick(),"aria-label":this.getSRText(this.sort)},s("gux-icon",{class:{"gux-sort-icon":!0,"gux-left":this.isLeftAlignIcon},"icon-name":this.getIconName(this.sort),decorative:!0})),s("div",{class:"gux-resize-spacer"}))}static get delegatesFocus(){return!0}get root(){return i(this)}};h.style=".gux-container{position:absolute;inset:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start;border-top:var(--gse-ui-dataTableItems-header-selectedBar-height) solid transparent;border-bottom:var(--gse-ui-dataTableItems-header-selectedBar-height) solid transparent}.gux-container:focus-within{border-bottom-color:var(--gse-ui-dataTableItems-header-selectedIndicatorColor)}.gux-container .gux-sort-button{all:unset;flex:1 1 auto;align-self:stretch;order:0;cursor:pointer}.gux-container .gux-sort-button .gux-sort-icon{float:right;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-dataTableItems-header-sort-foregroundColor);margin:0 var(--gse-ui-dataTableItems-header-gap)}.gux-container .gux-sort-button .gux-sort-icon.gux-left{float:left;margin-left:calc(2px + var(--gse-ui-dataTableItems-header-gap))}.gux-container .gux-resize-spacer{flex:0 1 auto;align-self:stretch;order:0;width:2px}";export{h as gux_sort_control}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,h as n,g as a}from"./p-7d26b2e1.js";import{a as s}from"./p-091f51f6.js";import{a as i,c as r,b as o,f as d}from"./p-4f26144b.js";import{t as h}from"./p-9bf0a4a8.js";import{g as l,a as c}from"./p-deee079e.js";import{c as u}from"./p-251befef.js";import"./p-8a133b9b.js";function g(t,e){x(t,"remove",e)}function x(t=[],e,n){const a=[].concat(t);for(const t of a)t.classList[e](n)}function b(t,e){return u(t.toLocaleDateString(e,{year:"numeric",month:"long"}))}const f=class{constructor(n){t(this,n),this.calendarSelect=e(this,"calendarSelect",7),this.locale="en",this.value="",this.minDate="",this.maxDate="",this.mode="single",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.previewValue=new Date,this.selectingDate=null}emitCalendarSelect(){this.calendarSelect.emit(this.value)}async setValue(t){if("range"===this.mode&&t instanceof Array){const[e,n]=t;this.value=i(e,n),this.previewValue=r(this.value)[0]}else{const e=t;this.value=o(e),this.previewValue=e}}async focusPreviewDate(){const t=this.root.shadowRoot.querySelector(`td[data-date="${this.previewValue.getTime()}"]`);t&&t.focus()}async resetCalendarView(t){this.previewValue=t}incrementPreviewDateByMonth(t){this.previewValue=new Date(this.previewValue.getFullYear(),this.previewValue.getMonth()+t,15,0,0,0),s((()=>{this.focusPreviewDate()}))}async setValueAndEmit(t){await this.setValue(t),this.emitCalendarSelect()}outOfBounds(t){return""!==this.maxDate&&d(this.maxDate)<t||""!==this.minDate&&d(this.minDate)>t}generateDatesFrom(t,e,n){const a=[],s=new Date(e.getFullYear(),e.getMonth(),e.getDate(),0,0,0,0);for(let e=0;e<n;e++){const e=new Date(s.getFullYear(),s.getMonth(),s.getDate(),0,0,0,0),n=[];let i=!1,o=!1;e.getMonth()!==t&&(n.push("gux-not-in-month"),i=!0,"range"===this.mode&&(n.push("gux-hidden"),o=!0)),this.outOfBounds(e)&&(n.push("gux-disabled"),i=!0);let h=!1;if("range"===this.mode){const[t,a]=r(this.value),s=t.getTime(),i=a.getTime();e.getTime()===s?(h=!0,n.push("gux-selected"),n.push("gux-start-date")):e.getTime()===i&&(h=!0,n.push("gux-selected"),n.push("gux-end-date"))}else{const t=d(this.value).getTime();e.getTime()===t&&(h=!0,n.push("gux-selected"))}a.push({class:n.join(" "),date:e,hidden:o,disabled:i,selected:h}),s.setDate(s.getDate()+1)}return a}create2DArray(t,e){const n=[];for(let a=0;a<e-1;a++){const s=t.slice(a*e,a*e+e);this.weekShouldBeDisplayed(s)&&n.push(s)}return n}isFocusableDate(t){return t.selected||this.previewValue.getTime()===t.date.getTime()}weekShouldBeDisplayed(t){const e=t.find((t=>!t.hidden));return t.length&&!!e}getMonthDays(t){const e=new Date(this.previewValue.getTime());e.setDate(1),e.setMonth(e.getMonth()+t);const n=e.getMonth(),a=function(t,e,n){const a=new Date(e,t,1,1,0,0,0),s=-1*(n-a.getDay()-7)%7;return new Date(a.getTime()-864e5*s)}(n,e.getFullYear(),this.startDayOfWeek),s=this.generateDatesFrom(n,a,42);return this.create2DArray(s,7)}addDays(t,e){const n=new Date(t.valueOf());return n.setDate(n.getDate()+e),n}getAllDatesElements(){const t=this.root.shadowRoot.querySelectorAll("td");return Array.from(t)}getAllSelectableDatesElements(){const t=this.root.shadowRoot.querySelectorAll('td[tabindex="0"]');return Array.from(t)}getRangeDatesElements(t,e){const n=[];let a;a=e<t?this.getRangeDates(e,t):this.getRangeDates(t,e);for(const t of a){const e=this.root.shadowRoot.querySelector(`td[data-date="${t.getTime()}"]:not(.gux-hidden)`);e&&n.push(e)}return n}getRangeDates(t,e){const n=[];let a=t;for(;a<=e;)n.push(new Date(a)),a=this.addDays(a,1);return n}async onDateClick(t){if(!this.outOfBounds(t))if("range"!==this.mode)await this.setValueAndEmit(t);else if(null===this.selectingDate)g(this.getAllDatesElements(),"gux-hovered"),this.selectingDate=new Date(t.valueOf()),this.value=i(t,t);else{const e=this.root.shadowRoot.querySelector(`td[data-date="${t.getTime()}"]`);e&&e.classList.add("gux-selected"),this.updateRangeElements(),await this.setValueAndEmit([this.selectingDate,t]),this.previewValue=t,this.selectingDate=null}}onDateMouseEnter(t){"range"===this.mode&&null!==this.selectingDate&&(this.value=i(t,this.selectingDate),this.updateRangeElements())}updateRangeElements(){if("range"===this.mode){g(this.getAllDatesElements(),"gux-hovered");const[t,e]=r(this.value);x(this.getRangeDatesElements(t,e),"add","gux-hovered")}}async onKeyDown(t){switch(t.key){case" ":case"Enter":t.preventDefault(),await this.onDateClick(this.previewValue);break;case"ArrowDown":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+7)),this.onDateMouseEnter(this.previewValue),s((()=>{this.focusPreviewDate()}));break;case"ArrowUp":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-7)),this.onDateMouseEnter(this.previewValue),s((()=>{this.focusPreviewDate()}));break;case"ArrowLeft":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-1)),this.onDateMouseEnter(this.previewValue),s((()=>{this.focusPreviewDate()}));break;case"ArrowRight":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+1)),this.onDateMouseEnter(this.previewValue),s((()=>{this.focusPreviewDate()}));break;case"PageUp":this.incrementPreviewDateByMonth(1),this.onDateMouseEnter(this.previewValue);break;case"PageDown":this.incrementPreviewDateByMonth(-1),this.onDateMouseEnter(this.previewValue)}}componentWillLoad(){if(h(this.root,{variant:this.mode}),this.locale=l(this.root),this.startDayOfWeek=this.startDayOfWeek||c(this.locale),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?i(t,t):o(t)}this.previewValue=d(this.value)}componentDidRender(){this.updateRangeElements()}renderMonthHeader(){return n("div",{class:"gux-month-list"},Array.from(Array(this.numberOfMonths).keys()).map((t=>{const e=function(t,e){const n=new Date(t);return n.setDate(1),n.setMonth(n.getMonth()+e),n}(this.previewValue,t);return n("label",null,b(e,this.locale))})))}renderCalendarTable(t){return n("table",null,n("tr",null,function(t,e){const n=[],a=new Date(1970,0,4);for(let e=0;e<7;e++){const e=a.toLocaleString(t,{weekday:"narrow"});n.push(e),a.setDate(a.getDate()+1)}return(s=n).concat(s.splice(0,(i=e)>s.length?i%s.length:i));var s,i}(this.locale,this.startDayOfWeek).map((t=>n("th",null,t)))),this.getMonthDays(t).map((t=>n("tr",null,t.map((t=>n("td",{tabindex:this.isFocusableDate(t)?"0":"-1",class:t.class,"aria-hidden":t.hidden?"true":"false","aria-disabled":t.disabled?"true":"false","data-date":t.date.getTime(),onClick:()=>{this.onDateClick(t.date)},onMouseEnter:()=>this.onDateMouseEnter(t.date),onKeyDown:t=>{this.onKeyDown(t)}},t.date.getDate(),n("span",{class:"gux-sr-only"},b(t.date,this.locale)))))))))}render(){return n("div",{class:"gux-calendar"},n("div",{class:"gux-header"},n("button",{type:"button",class:"gux-left",onClick:()=>this.incrementPreviewDateByMonth(-1),tabindex:"-1","aria-hidden":"true"},n("gux-icon",{decorative:!0,"icon-name":"chevron-small-left"})),this.renderMonthHeader(),n("button",{type:"button",class:"gux-right",onClick:()=>this.incrementPreviewDateByMonth(1),tabindex:"-1","aria-hidden":"true"},n("gux-icon",{decorative:!0,"icon-name":"chevron-small-right"}))),n("div",{class:"gux-content"},Array.from(Array(this.numberOfMonths).keys()).map((t=>this.renderCalendarTable(t)))))}get root(){return a(this)}};f.style=":host{display:inline-block}.gux-calendar{margin-top:2px;border:1px solid #b4bccb;border-radius:4px}.gux-calendar .gux-header{position:relative;display:flex;align-items:center;justify-content:space-between;height:16px;padding:16px;color:#fdfdfd;background-color:#2a60c8;border-top-left-radius:3px;border-top-right-radius:3px}.gux-calendar .gux-header button{position:absolute;padding:5px;color:#fdfdfd;cursor:pointer;background:none;border:none;outline:none}.gux-calendar .gux-header button:focus-visible{outline:#75a8ff auto 5px}.gux-calendar .gux-header button.gux-left{left:18px}.gux-calendar .gux-header button.gux-right{right:18px}.gux-calendar .gux-header button gux-icon{width:16px;height:16px;pointer-events:none}.gux-calendar .gux-header .gux-month-list{display:flex;justify-content:space-between;width:100%}.gux-calendar .gux-header .gux-month-list label{width:100%;text-align:center;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}.gux-calendar .gux-content{display:flex;align-items:flex-start;padding:20px 24px;color:#2e394c;background-color:#fdfdfd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.gux-calendar .gux-content table{width:168px;text-align:left;table-layout:fixed;border-spacing:0;-ms-user-select:none;user-select:none}.gux-calendar .gux-content table:not(:last-child){padding-right:24px}.gux-calendar .gux-content table tr{height:28px}.gux-calendar .gux-content table tr:empty{display:none}.gux-calendar .gux-content table tr th,.gux-calendar .gux-content table tr td{width:28px;height:28px;padding:0;margin:0;text-align:center;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-calendar .gux-content table tr th{font-family:Roboto, sans-serif;font-weight:400;font-weight:700}.gux-calendar .gux-content table tr td{cursor:pointer}.gux-calendar .gux-content table tr td.gux-hovered{background-color:#deeaff}.gux-calendar .gux-content table tr td.gux-selected{color:#fdfdfd;background-color:#2a60c8;border-radius:4px}.gux-calendar .gux-content table tr td.gux-selected.gux-start-date{border-radius:4px 0 0 4px}.gux-calendar .gux-content table tr td.gux-selected.gux-end-date{border-radius:0 4px 4px 0}.gux-calendar .gux-content table tr td:hover:not(.gux-calendar .gux-content table tr td.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-end-date){color:#fdfdfd;background-color:#2a60c8;border-radius:4px}.gux-calendar .gux-content table tr td.gux-disabled{color:rgba(46, 57, 76, 0.5);pointer-events:none}.gux-calendar .gux-content table tr td.gux-not-in-month{color:rgba(107, 117, 133, 0.5)}.gux-calendar .gux-content table tr td.gux-not-in-month:hover{color:#2e394c;background-color:#e2e6ee}.gux-calendar .gux-content table tr td.gux-not-in-month.gux-hidden{visibility:hidden}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{f as gux_calendar}
|
1
|
+
import{r as t,c as e,h as n,g as a}from"./p-7d26b2e1.js";import{a as s}from"./p-091f51f6.js";import{a as i,c as r,b as o,f as d}from"./p-4f26144b.js";import{t as h}from"./p-5eb7f3d1.js";import{g as l,a as c}from"./p-deee079e.js";import{c as u}from"./p-251befef.js";import"./p-8a133b9b.js";function g(t,e){x(t,"remove",e)}function x(t=[],e,n){const a=[].concat(t);for(const t of a)t.classList[e](n)}function b(t,e){return u(t.toLocaleDateString(e,{year:"numeric",month:"long"}))}const f=class{constructor(n){t(this,n),this.calendarSelect=e(this,"calendarSelect",7),this.locale="en",this.value="",this.minDate="",this.maxDate="",this.mode="single",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.previewValue=new Date,this.selectingDate=null}emitCalendarSelect(){this.calendarSelect.emit(this.value)}async setValue(t){if("range"===this.mode&&t instanceof Array){const[e,n]=t;this.value=i(e,n),this.previewValue=r(this.value)[0]}else{const e=t;this.value=o(e),this.previewValue=e}}async focusPreviewDate(){const t=this.root.shadowRoot.querySelector(`td[data-date="${this.previewValue.getTime()}"]`);t&&t.focus()}async resetCalendarView(t){this.previewValue=t}incrementPreviewDateByMonth(t){this.previewValue=new Date(this.previewValue.getFullYear(),this.previewValue.getMonth()+t,15,0,0,0),s((()=>{this.focusPreviewDate()}))}async setValueAndEmit(t){await this.setValue(t),this.emitCalendarSelect()}outOfBounds(t){return""!==this.maxDate&&d(this.maxDate)<t||""!==this.minDate&&d(this.minDate)>t}generateDatesFrom(t,e,n){const a=[],s=new Date(e.getFullYear(),e.getMonth(),e.getDate(),0,0,0,0);for(let e=0;e<n;e++){const e=new Date(s.getFullYear(),s.getMonth(),s.getDate(),0,0,0,0),n=[];let i=!1,o=!1;e.getMonth()!==t&&(n.push("gux-not-in-month"),i=!0,"range"===this.mode&&(n.push("gux-hidden"),o=!0)),this.outOfBounds(e)&&(n.push("gux-disabled"),i=!0);let h=!1;if("range"===this.mode){const[t,a]=r(this.value),s=t.getTime(),i=a.getTime();e.getTime()===s?(h=!0,n.push("gux-selected"),n.push("gux-start-date")):e.getTime()===i&&(h=!0,n.push("gux-selected"),n.push("gux-end-date"))}else{const t=d(this.value).getTime();e.getTime()===t&&(h=!0,n.push("gux-selected"))}a.push({class:n.join(" "),date:e,hidden:o,disabled:i,selected:h}),s.setDate(s.getDate()+1)}return a}create2DArray(t,e){const n=[];for(let a=0;a<e-1;a++){const s=t.slice(a*e,a*e+e);this.weekShouldBeDisplayed(s)&&n.push(s)}return n}isFocusableDate(t){return t.selected||this.previewValue.getTime()===t.date.getTime()}weekShouldBeDisplayed(t){const e=t.find((t=>!t.hidden));return t.length&&!!e}getMonthDays(t){const e=new Date(this.previewValue.getTime());e.setDate(1),e.setMonth(e.getMonth()+t);const n=e.getMonth(),a=function(t,e,n){const a=new Date(e,t,1,1,0,0,0),s=-1*(n-a.getDay()-7)%7;return new Date(a.getTime()-864e5*s)}(n,e.getFullYear(),this.startDayOfWeek),s=this.generateDatesFrom(n,a,42);return this.create2DArray(s,7)}addDays(t,e){const n=new Date(t.valueOf());return n.setDate(n.getDate()+e),n}getAllDatesElements(){const t=this.root.shadowRoot.querySelectorAll("td");return Array.from(t)}getAllSelectableDatesElements(){const t=this.root.shadowRoot.querySelectorAll('td[tabindex="0"]');return Array.from(t)}getRangeDatesElements(t,e){const n=[];let a;a=e<t?this.getRangeDates(e,t):this.getRangeDates(t,e);for(const t of a){const e=this.root.shadowRoot.querySelector(`td[data-date="${t.getTime()}"]:not(.gux-hidden)`);e&&n.push(e)}return n}getRangeDates(t,e){const n=[];let a=t;for(;a<=e;)n.push(new Date(a)),a=this.addDays(a,1);return n}async onDateClick(t){if(!this.outOfBounds(t))if("range"!==this.mode)await this.setValueAndEmit(t);else if(null===this.selectingDate)g(this.getAllDatesElements(),"gux-hovered"),this.selectingDate=new Date(t.valueOf()),this.value=i(t,t);else{const e=this.root.shadowRoot.querySelector(`td[data-date="${t.getTime()}"]`);e&&e.classList.add("gux-selected"),this.updateRangeElements(),await this.setValueAndEmit([this.selectingDate,t]),this.previewValue=t,this.selectingDate=null}}onDateMouseEnter(t){"range"===this.mode&&null!==this.selectingDate&&(this.value=i(t,this.selectingDate),this.updateRangeElements())}updateRangeElements(){if("range"===this.mode){g(this.getAllDatesElements(),"gux-hovered");const[t,e]=r(this.value);x(this.getRangeDatesElements(t,e),"add","gux-hovered")}}async onKeyDown(t){switch(t.key){case" ":case"Enter":t.preventDefault(),await this.onDateClick(this.previewValue);break;case"ArrowDown":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+7)),this.onDateMouseEnter(this.previewValue),s((()=>{this.focusPreviewDate()}));break;case"ArrowUp":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-7)),this.onDateMouseEnter(this.previewValue),s((()=>{this.focusPreviewDate()}));break;case"ArrowLeft":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-1)),this.onDateMouseEnter(this.previewValue),s((()=>{this.focusPreviewDate()}));break;case"ArrowRight":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+1)),this.onDateMouseEnter(this.previewValue),s((()=>{this.focusPreviewDate()}));break;case"PageUp":this.incrementPreviewDateByMonth(1),this.onDateMouseEnter(this.previewValue);break;case"PageDown":this.incrementPreviewDateByMonth(-1),this.onDateMouseEnter(this.previewValue)}}componentWillLoad(){if(h(this.root,{variant:this.mode}),this.locale=l(this.root),this.startDayOfWeek=this.startDayOfWeek||c(this.locale),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?i(t,t):o(t)}this.previewValue=d(this.value)}componentDidRender(){this.updateRangeElements()}renderMonthHeader(){return n("div",{class:"gux-month-list"},Array.from(Array(this.numberOfMonths).keys()).map((t=>{const e=function(t,e){const n=new Date(t);return n.setDate(1),n.setMonth(n.getMonth()+e),n}(this.previewValue,t);return n("label",null,b(e,this.locale))})))}renderCalendarTable(t){return n("table",null,n("tr",null,function(t,e){const n=[],a=new Date(1970,0,4);for(let e=0;e<7;e++){const e=a.toLocaleString(t,{weekday:"narrow"});n.push(e),a.setDate(a.getDate()+1)}return(s=n).concat(s.splice(0,(i=e)>s.length?i%s.length:i));var s,i}(this.locale,this.startDayOfWeek).map((t=>n("th",null,t)))),this.getMonthDays(t).map((t=>n("tr",null,t.map((t=>n("td",{tabindex:this.isFocusableDate(t)?"0":"-1",class:t.class,"aria-hidden":t.hidden?"true":"false","aria-disabled":t.disabled?"true":"false","data-date":t.date.getTime(),onClick:()=>{this.onDateClick(t.date)},onMouseEnter:()=>this.onDateMouseEnter(t.date),onKeyDown:t=>{this.onKeyDown(t)}},t.date.getDate(),n("span",{class:"gux-sr-only"},b(t.date,this.locale)))))))))}render(){return n("div",{class:"gux-calendar"},n("div",{class:"gux-header"},n("button",{type:"button",class:"gux-left",onClick:()=>this.incrementPreviewDateByMonth(-1),tabindex:"-1","aria-hidden":"true"},n("gux-icon",{decorative:!0,"icon-name":"chevron-small-left"})),this.renderMonthHeader(),n("button",{type:"button",class:"gux-right",onClick:()=>this.incrementPreviewDateByMonth(1),tabindex:"-1","aria-hidden":"true"},n("gux-icon",{decorative:!0,"icon-name":"chevron-small-right"}))),n("div",{class:"gux-content"},Array.from(Array(this.numberOfMonths).keys()).map((t=>this.renderCalendarTable(t)))))}get root(){return a(this)}};f.style=":host{display:inline-block}.gux-calendar{margin-top:2px;border:1px solid #b4bccb;border-radius:4px}.gux-calendar .gux-header{position:relative;display:flex;align-items:center;justify-content:space-between;height:16px;padding:16px;color:#fdfdfd;background-color:#2a60c8;border-top-left-radius:3px;border-top-right-radius:3px}.gux-calendar .gux-header button{position:absolute;padding:5px;color:#fdfdfd;cursor:pointer;background:none;border:none;outline:none}.gux-calendar .gux-header button:focus-visible{outline:#75a8ff auto 5px}.gux-calendar .gux-header button.gux-left{left:18px}.gux-calendar .gux-header button.gux-right{right:18px}.gux-calendar .gux-header button gux-icon{width:16px;height:16px;pointer-events:none}.gux-calendar .gux-header .gux-month-list{display:flex;justify-content:space-between;width:100%}.gux-calendar .gux-header .gux-month-list label{width:100%;text-align:center;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}.gux-calendar .gux-content{display:flex;align-items:flex-start;padding:20px 24px;color:#2e394c;background-color:#fdfdfd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.gux-calendar .gux-content table{width:168px;text-align:left;table-layout:fixed;border-spacing:0;-ms-user-select:none;user-select:none}.gux-calendar .gux-content table:not(:last-child){padding-right:24px}.gux-calendar .gux-content table tr{height:28px}.gux-calendar .gux-content table tr:empty{display:none}.gux-calendar .gux-content table tr th,.gux-calendar .gux-content table tr td{width:28px;height:28px;padding:0;margin:0;text-align:center;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-calendar .gux-content table tr th{font-family:Roboto, sans-serif;font-weight:400;font-weight:700}.gux-calendar .gux-content table tr td{cursor:pointer}.gux-calendar .gux-content table tr td.gux-hovered{background-color:#deeaff}.gux-calendar .gux-content table tr td.gux-selected{color:#fdfdfd;background-color:#2a60c8;border-radius:4px}.gux-calendar .gux-content table tr td.gux-selected.gux-start-date{border-radius:4px 0 0 4px}.gux-calendar .gux-content table tr td.gux-selected.gux-end-date{border-radius:0 4px 4px 0}.gux-calendar .gux-content table tr td:hover:not(.gux-calendar .gux-content table tr td.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-end-date){color:#fdfdfd;background-color:#2a60c8;border-radius:4px}.gux-calendar .gux-content table tr td.gux-disabled{color:rgba(46, 57, 76, 0.5);pointer-events:none}.gux-calendar .gux-content table tr td.gux-not-in-month{color:rgba(107, 117, 133, 0.5)}.gux-calendar .gux-content table tr td.gux-not-in-month:hover{color:#2e394c;background-color:#e2e6ee}.gux-calendar .gux-content table tr td.gux-not-in-month.gux-hidden{visibility:hidden}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{f as gux_calendar}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as i,f as e,h as s,g as o,H as n}from"./p-7d26b2e1.js";import{O as r}from"./p-9d18d475.js";import{b as a}from"./p-deee079e.js";import{s as l}from"./p-d176c2ae.js";import{o as d,c as u}from"./p-3f5341ea.js";import{b as h}from"./p-091f51f6.js";import{t as c}from"./p-9bf0a4a8.js";import{O as x}from"./p-f34ce7dc.js";import{k as g,g as p,s as f,c as b,a as v,b as m,h as w,d as y,e as F,f as j,i as k,j as L,m as E,o as C}from"./p-55cf6d81.js";import{w as O}from"./p-76ff3e75.js";import{r as T}from"./p-cbcbd1bb.js";import"./p-8a133b9b.js";const A={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};var I=function(t,i,e,s){var o,n=arguments.length,r=n<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,i,e,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(r=(n<3?o(r):n>3?o(i,e,r):o(i,e))||r);return n>3&&r&&Object.defineProperty(i,e,r),r};const S=class{constructor(e){t(this,e),this.guxexpanded=i(this,"guxexpanded",7),this.guxcollapsed=i(this,"guxcollapsed",7),this.guxfilter=i(this,"guxfilter",7),this.value=void 0,this.disabled=!1,this.required=!1,this.loading=!1,this.placeholder=void 0,this.filterable=!1,this.filterType="none",this.hasError=!1,this.expanded=!1,this.filter=""}watchExpanded(t){t||(this.filter="")}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}onKeydown(t){switch(t.key){case"Escape":return this.isFilterable()&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),e(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(){c(this.root),this.i18n=await a(this.root,A),d(this.root,(()=>{e(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,i){void 0!==t?this.getOptionElementByValue(t)&&(i.value=t):i&&(i.value=t)}applyListboxEventListeners(){var t,i;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(i=this.listboxElement)||void 0===i||i.addEventListener("change",(t=>{t.stopPropagation()}))}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}isFilterable(){return this.filterable||"starts-with"===this.filterType||"custom"===this.filterType}get optionElements(){return g(this.listboxElement)}getOptionElementByValue(t){return this.optionElements.find((i=>i.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.isFilterable()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.isFilterable()&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),void this.listboxElement.focus();case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,l(this.root,"input"),l(this.root,"change")),this.collapseListbox("focusFieldButton")}getTypeaheadText(t){const i=t.length;if(i>0&&!this.loading){const e=p(this.listboxElement,t);if(e&&"custom"!==this.filterType)return e.textContent.trim().substring(i)}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?s("div",{class:"gux-selected-option"},this.renderSelectedItem(t)):s("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderSelectedItem(t){const i=t.tagName.toLowerCase();switch(i){case"gux-option":return s("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent);case"gux-option-icon":return this.renderIconOption(t);default:return i}}renderIconOption(t){let i=null;return null!==t.iconColor&&(i={color:t.iconColor}),s("span",{class:"gux-selected-icon"},s("gux-icon",{"icon-name":t.iconName,style:i,decorative:!0}),s("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent))}renderFilterInputField(){if(this.expanded&&this.isFilterable())return s("div",{class:"gux-field gux-input-field"},s("div",{class:"gux-field-content"},s("div",{class:"gux-filter"},s("div",{class:"gux-filter-display"},s("span",{class:"gux-filter-text"},this.filter),s("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.filter))),s("div",{class:"input-and-dropdown-button"},s("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 s("div",{slot:"popup",class:"gux-listbox-container"},s("slot",null))}renderTarget(){return s("div",{class:{"gux-target-container-expanded":this.expanded&&this.isFilterable(),"gux-target-container-collapsed":!(this.expanded&&this.isFilterable()),"gux-error":this.hasError},slot:"target"},this.renderFilterInputField(),s("button",{type:"button",class:"gux-field gux-field-button",disabled:u(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(),s("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:"chevron-small-down"})))}renderTargetContent(){if(!this.expanded||!this.isFilterable())return s("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return s("gux-radial-loading",{context:"input"})}render(){return s("gux-popup",{expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return o(this)}static get watchers(){return{expanded:["watchExpanded"],value:["watchValue"],filter:["handleFilter"]}}};I([r({triggerEvents:"mousedown"})],S.prototype,"onClickOutside",null),I([x({childList:!0,subtree:!0})],S.prototype,"onMutation",null),S.style=":host{color:#2e394c}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:6px 8px;font-family:inherit;font-size:12px;line-height:1.6667;cursor:pointer;background-color:#f6f7f9}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border-color:#ea0b0b}.gux-field.gux-input-field{height:30px}.gux-field .gux-field-content{--gux-zindex-tooltip:3;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;min-width:0;height:100%}.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:#2e394c}.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:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:#596373}.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:#596373}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px;padding-left:8px;color:#596373}.gux-target-container-expanded{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-expanded:focus-visible,.gux-target-container-expanded:focus-within{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.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:30px;padding:0 0 0 8px;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:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-collapsed .gux-field-button:focus-visible,.gux-target-container-collapsed .gux-field-button:focus-within{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-listbox-container{box-sizing:border-box;margin:0;color:#2e394c}gux-popup::part(gux-popup-container){width:inherit}.gux-selected-icon{display:flex;align-items:center}.gux-selected-icon gux-icon{width:16px;height:16px;padding-right:8px}";const B=["gux-option","gux-option-icon"].join(","),R={noMatches:"No matches",loading:"Loading..."},z=class{constructor(e){t(this,e),this.internallistboxoptionsupdated=i(this,"internallistboxoptionsupdated",7),this.value=void 0,this.loading=!1,this.filter="",this.filterType="none",this.emptyMessage=void 0,this.selectedValues=[],this.listboxOptions=[],this.allListboxOptionsFiltered=void 0}onFocus(){f(this.root)}onBlur(){b(this.root)}onKeydown(t){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(),j(this.root)):m(this.root));case"ArrowUp":return t.preventDefault(),void(w(this.root)?(t.stopPropagation(),y(this.root)):v(this.root));case"Home":return t.preventDefault(),void m(this.root);case"End":return t.preventDefault(),void v(this.root);case" ":return void t.preventDefault()}1!==t.key.length||L(this.root,t.key)}onKeyup(t){" "!==t.key||k(this.root,(t=>this.updateValue(t)))}onMousemove(){b(this.root)}onClick(t){O(B,t,(t=>{C(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){k(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=Array.from(this.root.children),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),l(this.root,"input"),l(this.root,"change")}async componentWillLoad(){c(this.root),this.i18n=await a(this.root,R),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,"custom"!==this.filterType&&(t.filtered=!E(t,this.filter))})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length,!this.allListboxOptionsFiltered&&this.filter?m(this.root):b(this.root)}renderHiddenSlot(){return s("div",{hidden:!0},s("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[s("div",{class:"gux-message-container"},s("gux-radial-loading",{context:"modal"}),s("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){return[s("div",{class:"gux-message-container"},s("div",{class:"gux-no-matches"},this.emptyMessage||this.i18n("noMatches"))),this.renderHiddenSlot()]}render(){return this.loading?this.renderLoading():this.allListboxOptionsFiltered?this.renderAllListboxOptionsFiltered():s(n,{role:"listbox",tabindex:0},s("slot",{onSlotchange:()=>this.setListboxOptions()}))}get root(){return o(this)}};z.style=":host{box-sizing:border-box;display:block;max-height:20rem;padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;outline:none}:host(:focus){outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-message-container{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center}.gux-message-container .gux-no-matches{box-sizing:border-box;height:32px;padding:8px 16px;color:#2e394c}";const D=class{constructor(i){t(this,i),this.value=void 0,this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hovered=!1}onmouseenter(){this.hovered=!0}onMouseleave(){this.hovered=!1}handleActive(t){var i,e;t?null===(i=this.truncateElement)||void 0===i||i.setShowTooltip():null===(e=this.truncateElement)||void 0===e||e.setHideTooltip()}componentWillLoad(){this.root.id=this.root.id||T("gux-option")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}render(){return s(n,{role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled,"gux-filtered":this.filtered,"gux-hovered":this.hovered,"gux-selected":this.selected},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},s("gux-truncate",{ref:t=>this.truncateElement=t},s("slot",null)))}get root(){return o(this)}static get watchers(){return{active:["handleActive"]}}};D.style="gux-option{box-sizing:border-box;display:flex;height:32px;padding:6px 8px;color:#2e394c;word-wrap:break-word;cursor:pointer}gux-option.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-option.gux-selected{background:#deeaff}gux-option.gux-active,gux-option.gux-hovered:not(:disabled){color:#fdfdfd;background:#2a60c8}gux-option.gux-filtered{display:none}gux-option .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";export{S as gux_dropdown,z as gux_listbox,D as gux_option}
|
1
|
+
import{r as t,c as i,f as e,h as s,g as o,H as n}from"./p-7d26b2e1.js";import{O as r}from"./p-9d18d475.js";import{b as a}from"./p-deee079e.js";import{s as l}from"./p-d176c2ae.js";import{o as d,c as u}from"./p-3f5341ea.js";import{b as h}from"./p-091f51f6.js";import{t as c}from"./p-5eb7f3d1.js";import{O as x}from"./p-f34ce7dc.js";import{k as g,g as p,s as f,c as b,a as v,b as m,h as w,d as y,e as F,f as j,i as k,j as L,m as E,o as C}from"./p-55cf6d81.js";import{w as O}from"./p-76ff3e75.js";import{r as T}from"./p-cbcbd1bb.js";import"./p-8a133b9b.js";const A={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};var I=function(t,i,e,s){var o,n=arguments.length,r=n<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,i,e,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(r=(n<3?o(r):n>3?o(i,e,r):o(i,e))||r);return n>3&&r&&Object.defineProperty(i,e,r),r};const S=class{constructor(e){t(this,e),this.guxexpanded=i(this,"guxexpanded",7),this.guxcollapsed=i(this,"guxcollapsed",7),this.guxfilter=i(this,"guxfilter",7),this.value=void 0,this.disabled=!1,this.required=!1,this.loading=!1,this.placeholder=void 0,this.filterable=!1,this.filterType="none",this.hasError=!1,this.expanded=!1,this.filter=""}watchExpanded(t){t||(this.filter="")}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}onKeydown(t){switch(t.key){case"Escape":return this.isFilterable()&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),e(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(){c(this.root),this.i18n=await a(this.root,A),d(this.root,(()=>{e(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,i){void 0!==t?this.getOptionElementByValue(t)&&(i.value=t):i&&(i.value=t)}applyListboxEventListeners(){var t,i;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(i=this.listboxElement)||void 0===i||i.addEventListener("change",(t=>{t.stopPropagation()}))}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}isFilterable(){return this.filterable||"starts-with"===this.filterType||"custom"===this.filterType}get optionElements(){return g(this.listboxElement)}getOptionElementByValue(t){return this.optionElements.find((i=>i.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.isFilterable()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.isFilterable()&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),void this.listboxElement.focus();case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,l(this.root,"input"),l(this.root,"change")),this.collapseListbox("focusFieldButton")}getTypeaheadText(t){const i=t.length;if(i>0&&!this.loading){const e=p(this.listboxElement,t);if(e&&"custom"!==this.filterType)return e.textContent.trim().substring(i)}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?s("div",{class:"gux-selected-option"},this.renderSelectedItem(t)):s("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderSelectedItem(t){const i=t.tagName.toLowerCase();switch(i){case"gux-option":return s("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent);case"gux-option-icon":return this.renderIconOption(t);default:return i}}renderIconOption(t){let i=null;return null!==t.iconColor&&(i={color:t.iconColor}),s("span",{class:"gux-selected-icon"},s("gux-icon",{"icon-name":t.iconName,style:i,decorative:!0}),s("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent))}renderFilterInputField(){if(this.expanded&&this.isFilterable())return s("div",{class:"gux-field gux-input-field"},s("div",{class:"gux-field-content"},s("div",{class:"gux-filter"},s("div",{class:"gux-filter-display"},s("span",{class:"gux-filter-text"},this.filter),s("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.filter))),s("div",{class:"input-and-dropdown-button"},s("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 s("div",{slot:"popup",class:"gux-listbox-container"},s("slot",null))}renderTarget(){return s("div",{class:{"gux-target-container-expanded":this.expanded&&this.isFilterable(),"gux-target-container-collapsed":!(this.expanded&&this.isFilterable()),"gux-error":this.hasError},slot:"target"},this.renderFilterInputField(),s("button",{type:"button",class:"gux-field gux-field-button",disabled:u(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(),s("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:"chevron-small-down"})))}renderTargetContent(){if(!this.expanded||!this.isFilterable())return s("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return s("gux-radial-loading",{context:"input"})}render(){return s("gux-popup",{expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return o(this)}static get watchers(){return{expanded:["watchExpanded"],value:["watchValue"],filter:["handleFilter"]}}};I([r({triggerEvents:"mousedown"})],S.prototype,"onClickOutside",null),I([x({childList:!0,subtree:!0})],S.prototype,"onMutation",null),S.style=":host{color:#2e394c}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:6px 8px;font-family:inherit;font-size:12px;line-height:1.6667;cursor:pointer;background-color:#f6f7f9}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border-color:#ea0b0b}.gux-field.gux-input-field{height:30px}.gux-field .gux-field-content{--gux-zindex-tooltip:3;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;min-width:0;height:100%}.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:#2e394c}.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:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:#596373}.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:#596373}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px;padding-left:8px;color:#596373}.gux-target-container-expanded{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-expanded:focus-visible,.gux-target-container-expanded:focus-within{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.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:30px;padding:0 0 0 8px;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:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-collapsed .gux-field-button:focus-visible,.gux-target-container-collapsed .gux-field-button:focus-within{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-listbox-container{box-sizing:border-box;margin:0;color:#2e394c}gux-popup::part(gux-popup-container){width:inherit}.gux-selected-icon{display:flex;align-items:center}.gux-selected-icon gux-icon{width:16px;height:16px;padding-right:8px}";const B=["gux-option","gux-option-icon"].join(","),R={noMatches:"No matches",loading:"Loading..."},z=class{constructor(e){t(this,e),this.internallistboxoptionsupdated=i(this,"internallistboxoptionsupdated",7),this.value=void 0,this.loading=!1,this.filter="",this.filterType="none",this.emptyMessage=void 0,this.selectedValues=[],this.listboxOptions=[],this.allListboxOptionsFiltered=void 0}onFocus(){f(this.root)}onBlur(){b(this.root)}onKeydown(t){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(),j(this.root)):m(this.root));case"ArrowUp":return t.preventDefault(),void(w(this.root)?(t.stopPropagation(),y(this.root)):v(this.root));case"Home":return t.preventDefault(),void m(this.root);case"End":return t.preventDefault(),void v(this.root);case" ":return void t.preventDefault()}1!==t.key.length||L(this.root,t.key)}onKeyup(t){" "!==t.key||k(this.root,(t=>this.updateValue(t)))}onMousemove(){b(this.root)}onClick(t){O(B,t,(t=>{C(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){k(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=Array.from(this.root.children),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),l(this.root,"input"),l(this.root,"change")}async componentWillLoad(){c(this.root),this.i18n=await a(this.root,R),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,"custom"!==this.filterType&&(t.filtered=!E(t,this.filter))})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length,!this.allListboxOptionsFiltered&&this.filter?m(this.root):b(this.root)}renderHiddenSlot(){return s("div",{hidden:!0},s("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[s("div",{class:"gux-message-container"},s("gux-radial-loading",{context:"modal"}),s("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){return[s("div",{class:"gux-message-container"},s("div",{class:"gux-no-matches"},this.emptyMessage||this.i18n("noMatches"))),this.renderHiddenSlot()]}render(){return this.loading?this.renderLoading():this.allListboxOptionsFiltered?this.renderAllListboxOptionsFiltered():s(n,{role:"listbox",tabindex:0},s("slot",{onSlotchange:()=>this.setListboxOptions()}))}get root(){return o(this)}};z.style=":host{box-sizing:border-box;display:block;max-height:20rem;padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;outline:none}:host(:focus){outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-message-container{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center}.gux-message-container .gux-no-matches{box-sizing:border-box;height:32px;padding:8px 16px;color:#2e394c}";const D=class{constructor(i){t(this,i),this.value=void 0,this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hovered=!1}onmouseenter(){this.hovered=!0}onMouseleave(){this.hovered=!1}handleActive(t){var i,e;t?null===(i=this.truncateElement)||void 0===i||i.setShowTooltip():null===(e=this.truncateElement)||void 0===e||e.setHideTooltip()}componentWillLoad(){this.root.id=this.root.id||T("gux-option")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}render(){return s(n,{role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled,"gux-filtered":this.filtered,"gux-hovered":this.hovered,"gux-selected":this.selected},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},s("gux-truncate",{ref:t=>this.truncateElement=t},s("slot",null)))}get root(){return o(this)}static get watchers(){return{active:["handleActive"]}}};D.style="gux-option{box-sizing:border-box;display:flex;height:32px;padding:6px 8px;color:#2e394c;word-wrap:break-word;cursor:pointer}gux-option.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-option.gux-selected{background:#deeaff}gux-option.gux-active,gux-option.gux-hovered:not(:disabled){color:#fdfdfd;background:#2a60c8}gux-option.gux-filtered{display:none}gux-option .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";export{S as gux_dropdown,z as gux_listbox,D as gux_option}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,f as r,h as s,g as
|
1
|
+
import{r as t,f as r,h as s,g as e}from"./p-7d26b2e1.js";import{b as a}from"./p-deee079e.js";import{t as i}from"./p-5eb7f3d1.js";import"./p-8a133b9b.js";const n={breadcrumbs:"Breadcrumbs"},o=class{constructor(r){t(this,r),this.accent="primary"}componentWillLoad(){i(this.root,{variant:this.accent})}async componentWillRender(){this.i18n=await a(this.root,n)}onSlotChange(){Array.from(this.root.children).forEach((t=>r(t)))}render(){return s("nav",{"aria-label":this.i18n("breadcrumbs")},s("ol",null,s("slot",{onSlotchange:this.onSlotChange.bind(this)})))}get root(){return e(this)}};o.style="ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;align-items:center;justify-content:flex-start}";export{o as gux_breadcrumbs}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as o,h as e,g as r}from"./p-7d26b2e1.js";import{a as p,c as a,o as s,f as i,s as d,b as c}from"./p-4e2b5bcf.js";import{O as n}from"./p-9d18d475.js";import{t as l}from"./p-
|
1
|
+
import{r as t,c as o,h as e,g as r}from"./p-7d26b2e1.js";import{a as p,c as a,o as s,f as i,s as d,b as c}from"./p-4e2b5bcf.js";import{O as n}from"./p-9d18d475.js";import{t as l}from"./p-5eb7f3d1.js";import{f as b}from"./p-82ffe3cc.js";const h=class{constructor(e){t(this,e),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(),e=b(this.root,this.for),r=o.includes(e);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||r||this.dismiss()}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=p(b(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const t=b(this.root,this.for);this.popupElement&&a(t,this.popupElement,{placement:this.position,middleware:[s(7),i(),d(),c({element:this.arrowElement,padding:16})]}).then((({x:t,y:o,middlewareData:e,placement:r})=>{Object.assign(this.popupElement.style,{left:`${t}px`,top:`${o}px`});const p={top:"bottom",right:"left",bottom:"top",left:"right"}[r.split("-")[0]];if(e.arrow){const{x:t,y:o}=e.arrow;this.popupElement.setAttribute("data-placement",r),Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=o?`${o}px`:"",right:"",bottom:"",[p]:"-6.5px",transform:"rotate(45deg)"})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){l(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 e("div",{ref:t=>this.popupElement=t,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},e("div",{ref:t=>this.arrowElement=t,class:"gux-arrow"}),this.displayDismissButton&&e("gux-dismiss-button",{onClick:this.dismiss.bind(this)}),e("div",{class:"gux-popover-content"},e("slot",null)))}get root(){return r(this)}};(function(t,o,e,r){var p,a=arguments.length,s=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,o,e,r);else for(var i=t.length-1;i>=0;i--)(p=t[i])&&(s=(a<3?p(s):a>3?p(o,e,s):p(o,e))||s);a>3&&s&&Object.defineProperty(o,e,s)})([n({triggerEvents:"mousedown"})],h.prototype,"checkForClickOutside",null),h.style=".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gux-zindex-popover, 2);display:inline-block;padding:8px 0;color:#2e394c;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:10px;height:10px;background:inherit}.gux-popover-wrapper[data-placement='bottom'] .gux-arrow,.gux-popover-wrapper[data-placement='bottom-start'] .gux-arrow,.gux-popover-wrapper[data-placement='bottom-end'] .gux-arrow{border-top:1px solid #b4bccb;border-left:1px solid #b4bccb}.gux-popover-wrapper[data-placement='top'] .gux-arrow,.gux-popover-wrapper[data-placement='top-start'] .gux-arrow,.gux-popover-wrapper[data-placement='top-end'] .gux-arrow{border-right:1px solid #b4bccb;border-bottom:1px solid #b4bccb}.gux-popover-wrapper[data-placement='left'] .gux-arrow,.gux-popover-wrapper[data-placement='left-start'] .gux-arrow,.gux-popover-wrapper[data-placement='left-end'] .gux-arrow{border-top:1px solid #b4bccb;border-right:1px solid #b4bccb}.gux-popover-wrapper[data-placement='right'] .gux-arrow,.gux-popover-wrapper[data-placement='right-start'] .gux-arrow,.gux-popover-wrapper[data-placement='right-end'] .gux-arrow{border-bottom:1px solid #b4bccb;border-left:1px solid #b4bccb}";export{h as gux_popover_list}
|
package/dist/stencil-wrapper.js
CHANGED
@@ -7,7 +7,7 @@
|
|
7
7
|
*/
|
8
8
|
import { defineCustomElements } from '../dist/loader';
|
9
9
|
// Value templated out during build process (see scripts/wrap-stencil.js)
|
10
|
-
export const CDN_URL = '/spark-components/build-assets/4.0.0-beta.
|
10
|
+
export const CDN_URL = '/spark-components/build-assets/4.0.0-beta.25-21/genesys-webcomponents/';
|
11
11
|
// Default domain to load assets from
|
12
12
|
const DEFAULT_DOMAIN = 'mypurecloud.com';
|
13
13
|
// List of Genesys UI domains
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { ComponentInterface, JSX } from '../../../stencil-public-runtime';
|
2
|
-
import { GuxItemsPerPage } from '../../
|
2
|
+
import { GuxItemsPerPage } from '../../legacy/gux-pagination-legacy/gux-pagination.types';
|
3
3
|
import { GuxPaginationLayoutBeta } from './gux-pagination-beta.types';
|
4
4
|
export declare class GuxPaginationBeta implements ComponentInterface {
|
5
5
|
private root;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { JSX } from '../../../../stencil-public-runtime';
|
2
2
|
import { GuxPaginationLayout } from '../gux-pagination.types';
|
3
|
-
export declare class
|
3
|
+
export declare class GuxPaginationButtonsLegacy {
|
4
4
|
private root;
|
5
5
|
private textFieldRef;
|
6
6
|
private i18n;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { ComponentInterface, JSX } from '../../../../stencil-public-runtime';
|
2
|
-
export declare class
|
2
|
+
export declare class GuxPaginationItemCountsLegacy implements ComponentInterface {
|
3
3
|
private root;
|
4
4
|
private i18n;
|
5
5
|
totalItems: number;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { ComponentInterface, JSX } from '../../../../stencil-public-runtime';
|
2
2
|
import { GuxItemsPerPage } from '../gux-pagination.types';
|
3
|
-
export declare class
|
3
|
+
export declare class GuxPaginationItemsPerPageLegacy implements ComponentInterface {
|
4
4
|
private i18n;
|
5
5
|
private dropdownElement;
|
6
6
|
private root;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { ComponentInterface, JSX } from '../../../stencil-public-runtime';
|
2
2
|
import { GuxItemsPerPage, GuxPaginationLayout } from './gux-pagination.types';
|
3
|
-
export declare class
|
3
|
+
export declare class GuxPaginationLegacy implements ComponentInterface {
|
4
4
|
private root;
|
5
5
|
/**
|
6
6
|
* The currently select page. Changes are watched by the component.
|
@@ -1,5 +1,4 @@
|
|
1
1
|
import { JSX } from '../../../stencil-public-runtime';
|
2
|
-
import { GuxBlankStateSizes } from './gux-blank-state.types';
|
3
2
|
/**
|
4
3
|
* @slot primary-message - Required slot for primary-message.
|
5
4
|
* @slot image - Slot for gux-icon element.
|
@@ -7,14 +6,7 @@ import { GuxBlankStateSizes } from './gux-blank-state.types';
|
|
7
6
|
* @slot call-to-action - Slot for the message call to action button.
|
8
7
|
*/
|
9
8
|
export declare class GuxBlankState {
|
10
|
-
/**
|
11
|
-
* Reference the host element
|
12
|
-
*/
|
13
9
|
root: HTMLElement;
|
14
|
-
blankStateSize: GuxBlankStateSizes;
|
15
|
-
onResize(): void;
|
16
10
|
componentWillLoad(): void;
|
17
|
-
componentDidLoad(): void;
|
18
|
-
private setBlankStateSize;
|
19
11
|
render(): JSX.Element;
|
20
12
|
}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { JSX } from '../../../stencil-public-runtime';
|
2
|
-
import { GuxItemsPerPage } from '
|
2
|
+
import { GuxItemsPerPage } from '../../legacy/gux-pagination-legacy/gux-pagination.types';
|
3
3
|
export declare class GuxPaginationCursor {
|
4
4
|
private i18n;
|
5
5
|
private root;
|