genesys-spark-components 4.0.0-beta.1 → 4.0.0-beta.3
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-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-blank-state-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-slot-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-calendar-beta.cjs.entry.js +235 -0
- 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.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-error-message-beta.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-cursor.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
- package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-list-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover.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-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-beta.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-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-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 +8 -4
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{usage-18225d09.js → usage-1066593d.js} +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/beta/gux-calendar-beta/components/single/gux-calendar.css +130 -0
- package/dist/collection/components/beta/gux-calendar-beta/components/single/gux-calendar.js +209 -0
- package/dist/collection/components/beta/gux-calendar-beta/gux-calendar.types.js +1 -0
- package/dist/collection/components/beta/gux-calendar-beta/services/calendar.service.js +28 -0
- package/dist/collection/components/beta/gux-calendar-beta/services/tests.service.js +23 -0
- package/dist/component-specs.json +14 -1
- 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-beta.entry.js +1 -1
- package/dist/esm/gux-blank-state-beta.entry.js +1 -1
- package/dist/esm/gux-breadcrumbs.entry.js +1 -1
- package/dist/esm/gux-button-multi.entry.js +1 -1
- package/dist/esm/gux-button-slot-beta.entry.js +1 -1
- package/dist/esm/gux-button.entry.js +1 -1
- package/dist/esm/gux-calendar-beta.entry.js +231 -0
- 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.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-error-message-beta.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-cursor.entry.js +1 -1
- package/dist/esm/gux-pagination.entry.js +1 -1
- package/dist/esm/gux-phone-input-beta.entry.js +1 -1
- package/dist/esm/gux-popover-list-beta.entry.js +1 -1
- package/dist/esm/gux-popover-list.entry.js +1 -1
- package/dist/esm/gux-popover.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-beta.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-action.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-beta.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-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-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 +8 -4
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{usage-a937f183.js → usage-4f6d345a.js} +1 -1
- package/dist/genesys-webcomponents/genesys-webcomponents.css +2 -1
- package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.en.json +1 -1
- package/dist/genesys-webcomponents/{p-765ed81d.entry.js → p-007a89c8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-63c5d06c.entry.js → p-00dba256.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1bda7c31.entry.js → p-014145e0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-964839d5.entry.js → p-0187cfca.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bce6750b.entry.js → p-04215fd3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f4c8c0e7.entry.js → p-06b92ca2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-deffab5c.entry.js → p-06f30929.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d7ecf5e3.entry.js → p-0a111975.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a9035bc1.entry.js → p-0a686dd4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4f663442.entry.js → p-0b9e9b2b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ce212187.js → p-0db3479d.js} +1 -1
- package/dist/genesys-webcomponents/{p-6b19b29b.entry.js → p-0e7dc170.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d010d939.entry.js → p-0eaec165.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-37a93501.entry.js → p-1322db24.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a0672e99.entry.js → p-143fe634.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-aedafd1e.entry.js → p-1ac2967a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-75468feb.entry.js → p-227ba754.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b22c2026.entry.js → p-28b46426.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-eacb9b26.entry.js → p-2ca3f5bd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e246d99f.entry.js → p-34890311.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9a464ecb.entry.js → p-370563b8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1fb86068.entry.js → p-40037e9a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e417dd0d.entry.js → p-42b85103.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-afe9a92b.entry.js → p-42d93c14.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2313a950.entry.js → p-4534b0f0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ece596d7.entry.js → p-4973d037.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a15b65d3.entry.js → p-4ba3a4d7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-40c6696e.entry.js → p-4bd9fcee.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-31168e92.entry.js → p-4d7cbbbf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b0fb5132.entry.js → p-50fae429.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c0719c98.entry.js → p-55c943ad.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-131cc3f2.entry.js → p-5a3e613a.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-5dc689bf.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-5ccdaa3c.entry.js → p-5e666e72.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0b8ba3a2.entry.js → p-5e8b1690.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a29ba764.entry.js → p-60ddf4af.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7671460c.entry.js → p-616c083d.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-6319cc9d.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-63a6ab1e.entry.js → p-6357fd4f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a78d9038.entry.js → p-70c68f78.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9db96baa.entry.js → p-7410f336.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c241efc8.entry.js → p-7e49d86d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2fb5fb90.entry.js → p-7f17b7c6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-faf8e0ba.entry.js → p-80953a09.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-70eebead.entry.js → p-821fa621.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-920a9a38.entry.js → p-8983bfc9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6321d879.entry.js → p-8b068f71.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-702dfc14.entry.js → p-8c3381ee.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1b2c1402.entry.js → p-8c3b568d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0fb944c2.entry.js → p-94c730d5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9c8dd850.entry.js → p-9784842e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-73acb7e8.entry.js → p-98ae6571.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7f6a11df.entry.js → p-9a5e67c6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6efc92be.entry.js → p-9cd12de7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1041c3f1.entry.js → p-9dacadda.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b52707b6.entry.js → p-a06e7e87.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c3cb1d50.entry.js → p-a4b4144f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1bbc50ef.entry.js → p-a4db12b6.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-a95fbd3b.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-18785e4c.entry.js → p-aa3734af.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d0d38a7c.entry.js → p-b3148424.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b80f0daa.entry.js → p-b9c87f54.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-27172f9b.entry.js → p-bef1d03d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4ab42c2d.entry.js → p-c0bd9ed3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-50bbfff6.entry.js → p-c4211421.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-61b3df87.entry.js → p-c4820c41.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8772a7a3.entry.js → p-c8e08089.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a8941a48.entry.js → p-cb2e0d0e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a999a1f2.entry.js → p-d3e3fc7e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0e5b1a62.entry.js → p-d5d77807.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d250127e.entry.js → p-d7246c95.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1e96f0f9.entry.js → p-dd312964.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3350c608.entry.js → p-e1ea5be7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b2c9fa45.entry.js → p-e5bd69c3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cafd31cb.entry.js → p-f0d98b64.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b0c7829b.entry.js → p-f45cc72b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4520026a.entry.js → p-f8394b8b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fe47fd88.entry.js → p-fa04b5af.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d9c72a0f.entry.js → p-fc5ef376.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2d16ba6d.entry.js → p-fc64f71e.entry.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/components/beta/gux-calendar-beta/components/single/gux-calendar.d.ts +28 -0
- package/dist/types/components/beta/gux-calendar-beta/gux-calendar.types.d.ts +13 -0
- package/dist/types/components/beta/gux-calendar-beta/services/calendar.service.d.ts +4 -0
- package/dist/types/components/beta/gux-calendar-beta/services/tests.service.d.ts +6 -0
- package/dist/types/components.d.ts +13 -0
- package/dist/types/stencil-wrapper.d.ts +1 -1
- package/package.json +1 -1
- package/dist/genesys-webcomponents/p-6822da0c.entry.js +0 -1
- package/dist/genesys-webcomponents/p-be3ea7f2.entry.js +0 -1
@@ -1 +1 @@
|
|
1
|
-
import{r as e,c as t,h as i,g as s}from"./p-7d26b2e1.js";import{o}from"./p-93904222.js";import{O as n}from"./p-9d18d475.js";import{a as r}from"./p-091f51f6.js";import{t as p}from"./p-
|
1
|
+
import{r as e,c as t,h as i,g as s}from"./p-7d26b2e1.js";import{o}from"./p-93904222.js";import{O as n}from"./p-9d18d475.js";import{a as r}from"./p-091f51f6.js";import{t as p}from"./p-0db3479d.js";import{b as a}from"./p-deee079e.js";import"./p-8a133b9b.js";const u={searchAria:"Search"};const d=class{constructor(i){e(this,i),this.input=t(this,"input",7),this.filter=t(this,"filter",7),this.disabled=!1,this.placeholder=void 0,this.noFilter=!1,this.filterDebounceTimeout=500,this.dropdownHeight="320px",this.srLabelledby=void 0,this.opened=void 0,this.currentlySelectedOption=void 0,this.selectionOptions=void 0}watchValue(e){this.opened&&e&&this.closeDropdown(!1)}get value(){var e;return null===(e=this.currentlySelectedOption)||void 0===e?void 0:e.text}getSelectedValues(){return Promise.resolve([this.value])}async setLabeledBy(e){this.srLabelledby=e}onClickOutside(){this.closeDropdown(!1)}async componentWillLoad(){p(this.root),this.i18n=await a(this.root,u),this.handleSelectionChange=this.handleSelectionChange.bind(this),this.updateSelectionState(),this.addOptionListener(),this.slotObserver=o(this.root,(()=>this.updateSelectionState()))}disconnectedCallback(){this.slotObserver&&this.slotObserver.disconnect()}render(){return i("gux-popup",{expanded:this.opened,disabled:this.disabled},i("div",{slot:"target",class:"gux-select-field",onMouseDown:()=>this.inputMouseDown()},i("a",{ref:e=>this.inputBox=e,class:"gux-select-input","aria-labelledby":this.srLabelledby,tabindex:"0",onKeyDown:e=>this.inputKeyDown(e)},this.placeholder&&!this.value&&i("span",{class:"gux-select-placeholder",title:this.placeholder},this.placeholder),this.value&&i("span",{class:"gux-select-value",title:this.value},this.value)),i("div",{class:"gux-icon-wrapper"},i("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),i("div",{slot:"popup",class:"gux-advanced-dropdown-menu"},i("div",{class:"gux-dropdown-menu-container"},i("gux-form-field-search",{"label-position":"screenreader"},i("label",{slot:"label"},this.i18n("searchAria")),i("input",{slot:"input",type:"search",onInput:e=>{this.handleSearchInput(e)},ref:e=>this.searchInput=e})),i("div",{class:"gux-dropdown-options",style:{maxHeight:this.dropdownHeight},onKeyDown:e=>this.optionsKeyDown(e)},i("slot",null)))))}updateSelectionState(){this.selectionOptions=this.getSelectionOptions(),this.currentlySelectedOption=this.selectionOptions.find((e=>e.selected))}addOptionListener(){this.root.addEventListener("selectedChanged",(e=>this.handleSelectionChange(e)))}handleSelectionChange({target:e}){const t=e;this.closeDropdown(!0),this.currentlySelectedOption!==t&&(this.currentlySelectedOption&&(this.currentlySelectedOption.selected=!1),this.currentlySelectedOption=t,this.input.emit(t.value))}getSelectionOptions(){const e=this.root.querySelectorAll("gux-dropdown-option");return Array.from(e)}inputMouseDown(){this.disabled||(this.opened?this.closeDropdown(!0):this.openDropdown(!1))}getFocusIndex(){return this.selectionOptions.findIndex((e=>e.matches(":focus")))}optionsKeyDown(e){switch(e.key){case"ArrowUp":{e.preventDefault();const t=this.getFocusIndex();t>0&&this.selectionOptions[t-1].focus();break}case"ArrowDown":{e.preventDefault();const t=this.getFocusIndex();t<this.selectionOptions.length-1&&this.selectionOptions[t+1].focus();break}case"Home":if(!this.selectionOptions.length)return;this.selectionOptions[0].focus();break;case"End":if(!this.selectionOptions.length)return;this.selectionOptions[this.selectionOptions.length-1].focus()}}inputKeyDown(e){switch(e.key){case"ArrowUp":case"ArrowDown":case" ":this.openDropdown(!0)}}handleSearchInput(e){e.stopPropagation(),clearTimeout(this.filterDebounceTimer),this.filterDebounceTimer=setTimeout((()=>this.searchRequested()),this.filterDebounceTimeout)}searchRequested(){this.filter.emit(this.searchInput.value),this.setFilteredOptions()}setFilteredOptions(){const e=this.searchInput.value;if(!this.noFilter)for(const t of this.selectionOptions)t.shouldFilter(e).then((e=>{t.filtered=e}))}changeFocusToSearch(){r((()=>{this.searchInput.focus()}))}openDropdown(e){this.opened=!0,e&&this.changeFocusToSearch()}closeDropdown(e){this.opened=!1,this.searchInput.value="",this.setFilteredOptions(),e&&this.inputBox.focus()}get root(){return s(this)}static get watchers(){return{disabled:["watchValue"]}}};(function(e,t,i,s){var o,n=arguments.length,r=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var p=e.length-1;p>=0;p--)(o=e[p])&&(r=(n<3?o(r):n>3?o(t,i,r):o(t,i))||r);n>3&&r&&Object.defineProperty(t,i,r)})([n({triggerEvents:"mousedown"})],d.prototype,"onClickOutside",null),d.style=":host{color:#2e394c}gux-popup{display:block;margin:4px 0}gux-popup .gux-select-field{position:relative;width:100%;height:32px}gux-popup .gux-select-field a.gux-select-input{position:absolute;inset:0;padding:6px 24px 6px 12px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-popup .gux-select-field a.gux-select-input .gux-select-placeholder,gux-popup .gux-select-field a.gux-select-input .gux-select-value{line-height:20px}gux-popup .gux-select-field a.gux-select-input .gux-select-placeholder{color:#596373}gux-popup .gux-select-field a.gux-select-input:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}gux-popup .gux-select-field .gux-icon-wrapper{position:absolute;top:1px;right:8px;bottom:0;display:flex;align-items:center;overflow:hidden;cursor:pointer}gux-popup .gux-select-field .gux-icon-wrapper gux-icon{width:16px;height:16px;color:#596373}gux-popup .gux-select-field:hover .gux-icon-wrapper gux-icon{color:#2e394c}gux-popup .gux-advanced-dropdown-menu{width:100%;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24);box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search{margin:8px 16px}gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-cancel-button,gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-results-button,gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}gux-popup .gux-dropdown-options{padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border-radius:4px;box-shadow:none}gux-popup::part(gux-popup-container){width:inherit}";export{d as gux_advanced_dropdown}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as i,H as s,g as o}from"./p-7d26b2e1.js";import{a as e,c as h,o as a,f as n,s as r}from"./p-ec218689.js";import{r as d}from"./p-cbcbd1bb.js";import{t as l}from"./p-
|
1
|
+
import{r as t,h as i,H as s,g as o}from"./p-7d26b2e1.js";import{a as e,c as h,o as a,f as n,s as r}from"./p-ec218689.js";import{r as d}from"./p-cbcbd1bb.js";import{t as l}from"./p-0db3479d.js";import{f as p}from"./p-7d614de7.js";import{b as c}from"./p-091f51f6.js";const m=class{constructor(i){t(this,i),this.pointerenterHandler=()=>this.show(),this.pointerleaveHandler=()=>this.hide(),this.focusinHandler=()=>this.show(),this.focusoutHandler=()=>this.hide(),this.id=d("gux-tooltip"),this.for=void 0,this.placement="bottom-start",this.isShown=!1}handleKeyDown(t){"Escape"===t.key&&this.isShown&&this.hide()}async showTooltip(){this.show()}async hideTooltip(){this.hide()}runUpdatePosition(){this.cleanupUpdatePosition=e(this.forElement,this.root,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!1,ancestorResize:!0})}updatePosition(){h(this.forElement,this.root,{placement:this.placement,strategy:"fixed",middleware:[a(16),n(),r()]}).then((({x:t,y:i,placement:s})=>{Object.assign(this.root.style,{left:`${t}px`,top:`${i}px`}),this.root.setAttribute("data-placement",s)}))}show(){this.isShown=!0,c((()=>{this.runUpdatePosition()}))}hide(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.isShown=!1}getForElement(){this.forElement=this.for?p(this.root,this.for):this.root.parentElement}logForAttributeError(){this.root.isConnected&&console.error(`gux-tooltip: invalid element supplied to 'for': "${this.for}"`)}connectedCallback(){this.getForElement(),this.forElement?(this.forElement.setAttribute("aria-describedby",this.id),this.forElement.addEventListener("pointerenter",this.pointerenterHandler),this.forElement.addEventListener("pointerleave",this.pointerleaveHandler),this.forElement.addEventListener("focusin",this.focusinHandler),this.forElement.addEventListener("focusout",this.focusoutHandler)):this.logForAttributeError()}componentWillLoad(){l(this.root)}disconnectedCallback(){var t,i,s,o,e;this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),null===(t=this.forElement)||void 0===t||t.removeAttribute("aria-describedby"),null===(i=this.forElement)||void 0===i||i.removeEventListener("pointerenter",this.pointerenterHandler),null===(s=this.forElement)||void 0===s||s.removeEventListener("pointerleave",this.pointerleaveHandler),null===(o=this.forElement)||void 0===o||o.removeEventListener("focusin",this.focusinHandler),null===(e=this.forElement)||void 0===e||e.removeEventListener("focusout",this.focusoutHandler)}render(){return i(s,{id:this.id,class:{"gux-show":this.isShown},role:"tooltip"},i("div",{class:"gux-container"},i("slot",null)))}get root(){return o(this)}};m.style=":host{position:fixed;z-index:var(--gux-zindex-tooltip, 1);display:none;width:max-content;max-width:250px;overflow:hidden;opacity:0}:host(.gux-show){display:block;animation-name:fade-in;animation-duration:250ms;animation-delay:1s;animation-fill-mode:forwards}.gux-container{box-sizing:border-box;padding:6px 12px;color:#2e394c;pointer-events:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";export{m as gux_tooltip}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as e,g as i}from"./p-7d26b2e1.js";import{b as o}from"./p-deee079e.js";import{c as s,o as r}from"./p-3f5341ea.js";import{O as n}from"./p-f34ce7dc.js";import{o as l}from"./p-3701eff0.js";import{h as a}from"./p-08bc2e6b.js";import{G as h,a as
|
1
|
+
import{r as t,h as e,g as i}from"./p-7d26b2e1.js";import{b as o}from"./p-deee079e.js";import{c as s,o as r}from"./p-3f5341ea.js";import{O as n}from"./p-f34ce7dc.js";import{o as l}from"./p-3701eff0.js";import{h as a}from"./p-08bc2e6b.js";import{G as h,a as d,s as f,c as p,b as u}from"./p-b3c9fd06.js";import{G as x,g,a as c}from"./p-17385760.js";import{t as m}from"./p-0db3479d.js";import"./p-8a133b9b.js";import"./p-cbcbd1bb.js";import"./p-d0805f56.js";import"./p-d176c2ae.js";const b={required:"Required"};const w=class{constructor(e){t(this,e),this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1}watchValue(t){const e=this.root.querySelector("gux-dropdown")||this.root.querySelector("gux-dropdown-multi-beta");e&&(e.hasError=t)}onMutation(){this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help")}async componentWillLoad(){this.getI18nValue=await o(this.root,b),this.setInput(),this.setLabel(),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help"),m(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}renderScreenReaderText(t,i=!1){if(i)return e("gux-screen-reader-beta",null,t)}render(){return e(c,{labelPosition:this.computedLabelPosition},e(x,{position:this.computedLabelPosition,required:this.required},e("slot",{name:"label",onSlotchange:()=>this.setLabel()}),this.renderScreenReaderText(this.getI18nValue("required"),this.required),this.renderScreenReaderText(g(this.root,"error"),this.hasError),this.renderScreenReaderText(g(this.root,"help"),this.hasHelp)),e("div",{class:"gux-input-and-error-container"},e("div",{class:{"gux-input":!0,"gux-input-error":this.hasError,"gux-disabled":this.disabled}},e("slot",null)),e(h,{show:this.hasError},e("slot",{name:"error"})),e(d,{show:!this.hasError&&this.hasHelp},e("slot",{name:"help"}))))}get variant(){return`dropdown-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.dropdownElement=this.root.querySelector("gux-dropdown")||this.root.querySelector("gux-dropdown-multi-beta"),this.listboxElement=this.root.querySelector("gux-listbox")||this.root.querySelector("gux-listbox-multi"),this.disabled=s(this.dropdownElement),this.required=this.dropdownElement.required,this.disabledObserver=r(this.dropdownElement,(t=>{this.disabled=t})),this.requiredObserver=l(this.dropdownElement,(t=>{this.required=t})),f(this.root,this.listboxElement,"label"),p(this.root,this.listboxElement,"error"),p(this.root,this.listboxElement,"help")}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=u(this.label,this.labelPosition)}get root(){return i(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(t,e,i,o){var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);r>3&&n&&Object.defineProperty(e,i,n)})([n({childList:!0,subtree:!0})],w.prototype,"onMutation",null),w.style=".gux-form-field-fieldset-container{display:flex;min-width:0;padding:0;margin:var(--gux-form-field-fieldset-container-margin-top, 16px) 0 var(--gux-form-field-fieldset-container-margin-bottom, 16px) 0;border:none}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;line-height:20px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:16px;min-height:16px;margin:2px 4px 0 0;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-legend-label{padding:0}.gux-form-field-legend-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-legend-label.gux-beside{position:relative;top:8px;float:left;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-legend-label.gux-above{margin-bottom:8px}.gux-form-field-legend-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;font-weight:400;line-height:20px;color:#6b7585}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input.gux-disabled{pointer-events:none;opacity:0.5}";export{w as gux_form_field_dropdown}
|
@@ -1 +1 @@
|
|
1
|
-
import{r,c as p,h as e,g as o}from"./p-7d26b2e1.js";import{O as t}from"./p-9d18d475.js";import{b as a}from"./p-3701eff0.js";import{t as i}from"./p-
|
1
|
+
import{r,c as p,h as e,g as o}from"./p-7d26b2e1.js";import{O as t}from"./p-9d18d475.js";import{b as a}from"./p-3701eff0.js";import{t as i}from"./p-0db3479d.js";import{c as s}from"./p-e459974a.js";const d=class{constructor(e){r(this,e),this.guxdismiss=p(this,"guxdismiss",7),this.for=void 0,this.position="bottom",this.displayDismissButton=void 0,this.closeOnClickOutside=!1,this.hidden=!0}hiddenHandler(r){r||this.popperInstance?!r&&this.popperInstance&&this.popperInstance.forceUpdate():this.runPopper()}checkForClickOutside(r){const p=r.composedPath(),e=document.getElementById(this.for),o=p.includes(e);!this.closeOnClickOutside&&this.displayDismissButton||this.hidden||o||this.dismiss()}runPopper(){const r=document.getElementById(this.for);r?this.popupElement&&(this.popperInstance=s(r,this.popupElement,{modifiers:[{name:"offset",options:{offset:[0,7]}},{name:"arrow",options:{padding:16}}],placement:this.position})):console.error(`gux-popover-list: invalid "for" attribute. No element in page with the id "${this.for}"`)}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}dismiss(){this.guxdismiss.emit().defaultPrevented||this.root.setAttribute("hidden","")}connectedCallback(){i(this.root,{variant:this.position}),this.hiddenObserver=a(this.root,(r=>{this.hidden=r})),this.hidden=this.root.hidden}componentDidLoad(){this.runPopper()}disconnectedCallback(){this.destroyPopper(),this.hiddenObserver&&this.hiddenObserver.disconnect()}render(){return e("div",{ref:r=>this.popupElement=r,class:"gux-popover-wrapper"},e("div",{class:"gux-arrow","data-popper-arrow":!0}),this.displayDismissButton&&e("gux-dismiss-button",{onClick:this.dismiss.bind(this)}),e("div",{class:"gux-popover-content"},e("slot",null)))}get root(){return o(this)}static get watchers(){return{hidden:["hiddenHandler"]}}};(function(r,p,e,o){var t,a=arguments.length,i=a<3?p:null===o?o=Object.getOwnPropertyDescriptor(p,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(r,p,e,o);else for(var s=r.length-1;s>=0;s--)(t=r[s])&&(i=(a<3?t(i):a>3?t(p,e,i):t(p,e))||i);a>3&&i&&Object.defineProperty(p,e,i)})([t({triggerEvents:"mousedown"})],d.prototype,"checkForClickOutside",null),d.style=":host{color:#2e394c}.gux-popover-wrapper{z-index:var(--gux-zindex-popover, 2);display:inline-block;padding:8px 0;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-arrow,.gux-popover-wrapper .gux-arrow::before{position:absolute;width:10px;height:10px;background:inherit}.gux-popover-wrapper .gux-arrow{visibility:hidden}.gux-popover-wrapper .gux-arrow::before{visibility:visible;content:'';transform:rotate(45deg)}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow{top:-5px}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-left:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow{bottom:-5px}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow::before{border-right:1px solid #b4bccb;border-bottom:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow{right:-5px}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-right:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow{left:-5px}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow::before{border-bottom:1px solid #b4bccb;border-left:1px solid #b4bccb}";export{d as gux_popover_list}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as i,h as n,g as
|
1
|
+
import{r as t,c as i,h as n,g as a}from"./p-7d26b2e1.js";import{t as e}from"./p-0db3479d.js";const s=class{constructor(n){t(this,n),this.guxpaginationchange=i(this,"guxpaginationchange",7),this.currentPage=1,this.totalItems=0,this.itemsPerPage=25,this.layout="full",this.totalPages=void 0}setPage(t){if(t<=0)return void this.setPage(1);const i=this.calculateTotalPages();t>i?this.setPage(i):(this.currentPage=t,this.guxpaginationchange.emit({currentPage:this.currentPage,itemsPerPage:this.itemsPerPage}))}calculateTotalPages(){return Math.max(1,Math.ceil(this.totalItems/this.itemsPerPage))}calculateCurrentPage(){return Math.max(this.totalPages>0?1:0,Math.min(this.currentPage,this.totalPages))}handleInternalitemsperpagechange(t){this.itemsPerPage=t.detail,this.setPage(1)}handleInternalcurrentpagechange(t){this.setPage(t.detail)}getPaginationInfoElement(t){if("expanded"===t)return null;const i=[n("gux-pagination-item-counts",{"total-items":this.totalItems,"current-page":this.currentPage,"items-per-page":this.itemsPerPage})];return"full"===t&&i.push(n("gux-pagination-items-per-page",{"items-per-page":this.itemsPerPage,onInternalitemsperpagechange:this.handleInternalitemsperpagechange.bind(this)})),n("div",{class:"gux-pagination-info"},i)}componentWillLoad(){e(this.root,{variant:this.layout})}componentWillRender(){this.totalPages=this.calculateTotalPages(),this.currentPage=this.calculateCurrentPage()}render(){return n("div",{class:"gux-pagination-container"},this.getPaginationInfoElement(this.layout),n("div",{class:"gux-pagination-change"},n("gux-pagination-buttons",{layout:this.layout,"current-page":this.currentPage,"total-pages":this.totalPages,onInternalcurrentpagechange:this.handleInternalcurrentpagechange.bind(this)})))}get root(){return a(this)}};s.style=":host{display:block;border-top:1px solid #e2e6ee}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:space-between;height:32px;margin-top:12px}.gux-pagination-container .gux-pagination-info{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;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-change{flex:1 1 auto;align-self:auto;order:0;margin-left:16px}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";export{s as gux_pagination}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as e,g as i}from"./p-7d26b2e1.js";import{O as s}from"./p-9d18d475.js";import{s as o}from"./p-d176c2ae.js";import{b as n}from"./p-091f51f6.js";import{g as r,b as u}from"./p-deee079e.js";import{t as a}from"./p-ce212187.js";import"./p-8a133b9b.js";const c={am:"AM","time-separator":":",clockButton:"Toggle suggested times",hoursInput:"Input hours",minutesInput:"Input minutes",pm:"PM",timeOptionsState:"Time options open: {state}",toggleAmPM:"{amOrPm} selected, click to toggle"};function p(t,e){const[i,s]=t.split(":");return`${((parseInt(i,10)+e+24)%24).toString().padStart(2,"0")}:${s}`}function l(t,e,i){const[s,o]=t.split(":");let n=(parseInt(o,10)+e+60)%60;for(;n%i!=0;)n=(n+e+60)%60;return`${s}:${n.toString().padStart(2,"0")}`}function h(t,e){const[i,s]=t.split(":");return"12h"===e?`${(parseInt(i,10)%12||12).toString()}:${s}`:`${i}:${s}`}function g(t,e,i){const[s,o]=t.split(":");return"12h"===e?i?`${(parseInt(s,10)%12).toString().padStart(2,"0")}:${o}`:`${(parseInt(s,10)%12+12).toString().padStart(2,"0")}:${o}`:`${s}:${o}`}function m(t,e){const[i]=h(t,e).split(":");return i}function x(t){const[,e]=t.split(":");return e}function d(t){const[e]=t.split(":");return parseInt(e,10)<12}function b(t){return"12h"===t?"^(0?[1-9]|1[012])$":"^([01]?[0-9]|2[0-3])$"}const f=class{constructor(e){t(this,e),this.value="00:00",this.interval=60,this.step=1,this.disabled=!1,this.required=!1,this.hasError=!1,this.clockType=void 0,this.expanded=!1}onFocus(){this.valueLastChange=this.value}onBlur(){this.valueLastChange!==this.value&&o(this.root,"change")}onClickOutside(){this.expanded=!1}handleKeydown(t){switch(t.key){case"Escape":case"Tab":this.expanded=!1}}async componentWillLoad(){a(this.root),this.i18n=await u(this.root,c),this.clockType=this.clockType||function(t){const e=r(t),i=new Date("January 19, 1975 15:00:00 UTC+00:00"),s=new Intl.DateTimeFormat(e,{timeStyle:"short",timeZone:"UTC"}).format(i);return e.startsWith("ar")||new RegExp(".*15.*").test(s)?"24h":"12h"}(this.root)}updateValue(t,e=!1){t!==this.value&&(this.value=t,o(this.root,"input"),e&&this.valueLastChange!==this.value&&(o(this.root,"change"),this.valueLastChange=this.value))}valueToId(t){return`gux-id-${t.replace(":","-")}`}focusRelevantItemInPopupList(){n((()=>{this.listElement.guxFocusItemByClosestId(this.valueToId(this.value))}))}toggleDropdown(){this.expanded=!this.expanded,this.expanded&&this.focusRelevantItemInPopupList()}handleClickDropdownValue(t){const e=g(t,this.clockType,d(this.value));this.updateValue(e,!0),this.clockButton.focus(),this.expanded=!1}onHourKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(p(this.value,-1));break;case"ArrowUp":t.preventDefault(),this.updateValue(p(this.value,1));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.hourInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i,s,o){const[n,r]=h(t,e).split(":");let u=n;return u="Backspace"===i?"12h"==e&&1==o?u.split("").filter(((t,e)=>e==s-1)).join(""):u.split("").filter(((t,e)=>e!==s-1)).join("").padStart(2,"0"):parseInt(u.slice(0,s)+i+u.slice(s+1),10).toString().slice(-2).padStart(2,"0"),new RegExp(b(e)).test(u)||(u="12h"===e?i:i.padStart(2,"0")),g(`${u}:${r}`,e,d(t))}(this.value,this.clockType,t.key,this.hourInputElement.selectionStart,this.hourInputElement.value.length));break;default:t.preventDefault()}}onMinuteKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(l(this.value,-1,this.step));break;case"ArrowUp":t.preventDefault(),this.updateValue(l(this.value,1,this.step));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.minuteInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i){const[s,o]=t.split(":");let n=o;return n="Backspace"===e?n.split("").filter(((t,e)=>e!==i-1)).join("").padStart(2,"0"):(n.slice(0,i)+e+n.slice(i+1)).slice(-2).padStart(2,"0"),new RegExp("^[0-5][0-9]$").test(n)||(n=e.padStart(2,"0")),`${s}:${n}`}(this.value,t.key,this.minuteInputElement.selectionStart));break;default:t.preventDefault()}}onAmPmButtonKeyDown(t){switch(t.key){case"ArrowDown":case"ArrowUp":this.toggleAmPm(t)}}onListKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.clockButton.focus())}toggleAmPm(t){t.preventDefault(),this.updateValue(p(this.value,12),!0)}getAmPmString(){return d(this.value)?this.i18n("am"):this.i18n("pm")}renderNumberInput(){return e("div",{class:"gux-input-time-container"},e("input",{class:"gux-input-time-hours",type:"text",disabled:this.disabled,value:m(this.value,this.clockType),onKeyDown:t=>this.onHourKeyDown(t),"aria-label":this.i18n("hoursInput"),pattern:b(this.clockType),ref:t=>this.hourInputElement=t}),e("span",{class:"gux-time-separator"},this.i18n("time-separator")),e("input",{class:"gux-input-time-minutes",type:"text",disabled:this.disabled,value:x(this.value),onKeyDown:t=>this.onMinuteKeyDown(t),"aria-label":this.i18n("minutesInput"),pattern:"^[0-5][0-9]$",ref:t=>this.minuteInputElement=t}))}renderAmPmSelector(){if("12h"===this.clockType)return e("button",{class:"gux-input-time-am-pm-selector",type:"button",disabled:this.disabled,"aria-label":this.i18n("toggleAmPM",{amOrPm:this.getAmPmString()}),onClick:t=>this.toggleAmPm(t),onKeyDown:t=>this.onAmPmButtonKeyDown(t)},e("div",{class:{"gux-meridiem":!0,"gux-visible":d(this.value)}},this.i18n("am")),e("div",{class:{"gux-meridiem":!0,"gux-visible":!d(this.value)}},this.i18n("pm")))}renderClockButton(){return e("button",{class:{"gux-clock-button":!0,"gux-active":this.expanded},type:"button",disabled:this.disabled,"aria-label":this.i18n("clockButton"),"aria-expanded":this.expanded.toString(),onClick:this.toggleDropdown.bind(this),ref:t=>this.clockButton=t},e("gux-icon",{decorative:!0,"icon-name":"clock-outline"}))}renderTimeListItems(){return function(t,e){const i=[0,15,30,45].filter((e=>Number.isInteger(e/t))).map((t=>String(t).padStart(2,"0")));return("12h"===e?["12","1","2","3","4","5","6","7","8","9","10","11"]:Array.from(Array(24).keys()).map((t=>String(t).padStart(2,"0")))).reduce(((t,e)=>t.concat(i.map((t=>`${e}:${t}`)))),[])}(this.interval,this.clockType).map((t=>{const i=g(t,this.clockType,d(this.value));return e("gux-list-item",{id:this.valueToId(i),onClick:()=>this.handleClickDropdownValue(t)},t)}))}renderTarget(){return e("div",{class:"gux-input-time",slot:"target"},this.renderNumberInput(),this.renderAmPmSelector(),this.renderClockButton())}renderPopup(){return e("div",{slot:"popup",class:"gux-list-container",onKeyDown:t=>this.onListKeyDown(t)},e("gux-list",{ref:t=>this.listElement=t},this.renderTimeListItems()))}render(){return e("gux-popup",{class:{"gux-time-picker":!0,"gux-error":this.hasError},expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return i(this)}};(function(t,e,i,s){var o,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var u=t.length-1;u>=0;u--)(o=t[u])&&(r=(n<3?o(r):n>3?o(e,i,r):o(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([s({triggerEvents:"mousedown"})],f.prototype,"onClickOutside",null),f.style=".gux-time-picker{position:relative;display:inline-block}.gux-time-picker.gux-error .gux-input-time{border-color:#ea0b0b}.gux-time-picker .gux-input-time{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 8px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-time-picker .gux-input-time:focus-within{border-color:#2a60c8;outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-time-picker .gux-input-time input{flex:1 1 auto;align-self:auto;order:0;width:20px;padding:0;font-size:12px;color:#2e394c;text-align:center;text-align:left;background-color:#f6f7f9;border:none;outline:none}.gux-time-picker .gux-input-time input.gux-input-time-hours{text-align:right}.gux-time-picker .gux-input-time input::placeholder{color:#596373;opacity:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector{display:grid;grid-template:auto 1fr / auto 1fr auto;place-items:flex-end;padding:0;font-size:12px;font-weight:bold;color:#2e394c;background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:not(:disabled):hover{color:#2a60c8;cursor:pointer}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{color:#2a60c8;outline:2px solid #aac9ff;outline-offset:0;border-radius:2px}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{grid-row:1;grid-column:1;visibility:hidden}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{visibility:visible}.gux-time-picker .gux-input-time .gux-clock-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:#596373;background:transparent;border:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:#2a60c8;cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled):hover{color:#2a60c8 !important;cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:not(:disabled):hover{color:#2e394c;cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus{border:none;outline:none}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible gux-icon{outline:2px solid #aac9ff;outline-offset:0;border-radius:2px}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{width:16px;height:16px}.gux-time-picker .gux-list-container{max-height:150px;padding:8px 0;margin:0;overflow-y:scroll;list-style:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{f as gux_time_picker_beta}
|
1
|
+
import{r as t,h as e,g as i}from"./p-7d26b2e1.js";import{O as s}from"./p-9d18d475.js";import{s as o}from"./p-d176c2ae.js";import{b as n}from"./p-091f51f6.js";import{g as r,b as u}from"./p-deee079e.js";import{t as a}from"./p-0db3479d.js";import"./p-8a133b9b.js";const c={am:"AM","time-separator":":",clockButton:"Toggle suggested times",hoursInput:"Input hours",minutesInput:"Input minutes",pm:"PM",timeOptionsState:"Time options open: {state}",toggleAmPM:"{amOrPm} selected, click to toggle"};function p(t,e){const[i,s]=t.split(":");return`${((parseInt(i,10)+e+24)%24).toString().padStart(2,"0")}:${s}`}function l(t,e,i){const[s,o]=t.split(":");let n=(parseInt(o,10)+e+60)%60;for(;n%i!=0;)n=(n+e+60)%60;return`${s}:${n.toString().padStart(2,"0")}`}function h(t,e){const[i,s]=t.split(":");return"12h"===e?`${(parseInt(i,10)%12||12).toString()}:${s}`:`${i}:${s}`}function g(t,e,i){const[s,o]=t.split(":");return"12h"===e?i?`${(parseInt(s,10)%12).toString().padStart(2,"0")}:${o}`:`${(parseInt(s,10)%12+12).toString().padStart(2,"0")}:${o}`:`${s}:${o}`}function m(t,e){const[i]=h(t,e).split(":");return i}function x(t){const[,e]=t.split(":");return e}function d(t){const[e]=t.split(":");return parseInt(e,10)<12}function b(t){return"12h"===t?"^(0?[1-9]|1[012])$":"^([01]?[0-9]|2[0-3])$"}const f=class{constructor(e){t(this,e),this.value="00:00",this.interval=60,this.step=1,this.disabled=!1,this.required=!1,this.hasError=!1,this.clockType=void 0,this.expanded=!1}onFocus(){this.valueLastChange=this.value}onBlur(){this.valueLastChange!==this.value&&o(this.root,"change")}onClickOutside(){this.expanded=!1}handleKeydown(t){switch(t.key){case"Escape":case"Tab":this.expanded=!1}}async componentWillLoad(){a(this.root),this.i18n=await u(this.root,c),this.clockType=this.clockType||function(t){const e=r(t),i=new Date("January 19, 1975 15:00:00 UTC+00:00"),s=new Intl.DateTimeFormat(e,{timeStyle:"short",timeZone:"UTC"}).format(i);return e.startsWith("ar")||new RegExp(".*15.*").test(s)?"24h":"12h"}(this.root)}updateValue(t,e=!1){t!==this.value&&(this.value=t,o(this.root,"input"),e&&this.valueLastChange!==this.value&&(o(this.root,"change"),this.valueLastChange=this.value))}valueToId(t){return`gux-id-${t.replace(":","-")}`}focusRelevantItemInPopupList(){n((()=>{this.listElement.guxFocusItemByClosestId(this.valueToId(this.value))}))}toggleDropdown(){this.expanded=!this.expanded,this.expanded&&this.focusRelevantItemInPopupList()}handleClickDropdownValue(t){const e=g(t,this.clockType,d(this.value));this.updateValue(e,!0),this.clockButton.focus(),this.expanded=!1}onHourKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(p(this.value,-1));break;case"ArrowUp":t.preventDefault(),this.updateValue(p(this.value,1));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.hourInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i,s,o){const[n,r]=h(t,e).split(":");let u=n;return u="Backspace"===i?"12h"==e&&1==o?u.split("").filter(((t,e)=>e==s-1)).join(""):u.split("").filter(((t,e)=>e!==s-1)).join("").padStart(2,"0"):parseInt(u.slice(0,s)+i+u.slice(s+1),10).toString().slice(-2).padStart(2,"0"),new RegExp(b(e)).test(u)||(u="12h"===e?i:i.padStart(2,"0")),g(`${u}:${r}`,e,d(t))}(this.value,this.clockType,t.key,this.hourInputElement.selectionStart,this.hourInputElement.value.length));break;default:t.preventDefault()}}onMinuteKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(l(this.value,-1,this.step));break;case"ArrowUp":t.preventDefault(),this.updateValue(l(this.value,1,this.step));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.minuteInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i){const[s,o]=t.split(":");let n=o;return n="Backspace"===e?n.split("").filter(((t,e)=>e!==i-1)).join("").padStart(2,"0"):(n.slice(0,i)+e+n.slice(i+1)).slice(-2).padStart(2,"0"),new RegExp("^[0-5][0-9]$").test(n)||(n=e.padStart(2,"0")),`${s}:${n}`}(this.value,t.key,this.minuteInputElement.selectionStart));break;default:t.preventDefault()}}onAmPmButtonKeyDown(t){switch(t.key){case"ArrowDown":case"ArrowUp":this.toggleAmPm(t)}}onListKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.clockButton.focus())}toggleAmPm(t){t.preventDefault(),this.updateValue(p(this.value,12),!0)}getAmPmString(){return d(this.value)?this.i18n("am"):this.i18n("pm")}renderNumberInput(){return e("div",{class:"gux-input-time-container"},e("input",{class:"gux-input-time-hours",type:"text",disabled:this.disabled,value:m(this.value,this.clockType),onKeyDown:t=>this.onHourKeyDown(t),"aria-label":this.i18n("hoursInput"),pattern:b(this.clockType),ref:t=>this.hourInputElement=t}),e("span",{class:"gux-time-separator"},this.i18n("time-separator")),e("input",{class:"gux-input-time-minutes",type:"text",disabled:this.disabled,value:x(this.value),onKeyDown:t=>this.onMinuteKeyDown(t),"aria-label":this.i18n("minutesInput"),pattern:"^[0-5][0-9]$",ref:t=>this.minuteInputElement=t}))}renderAmPmSelector(){if("12h"===this.clockType)return e("button",{class:"gux-input-time-am-pm-selector",type:"button",disabled:this.disabled,"aria-label":this.i18n("toggleAmPM",{amOrPm:this.getAmPmString()}),onClick:t=>this.toggleAmPm(t),onKeyDown:t=>this.onAmPmButtonKeyDown(t)},e("div",{class:{"gux-meridiem":!0,"gux-visible":d(this.value)}},this.i18n("am")),e("div",{class:{"gux-meridiem":!0,"gux-visible":!d(this.value)}},this.i18n("pm")))}renderClockButton(){return e("button",{class:{"gux-clock-button":!0,"gux-active":this.expanded},type:"button",disabled:this.disabled,"aria-label":this.i18n("clockButton"),"aria-expanded":this.expanded.toString(),onClick:this.toggleDropdown.bind(this),ref:t=>this.clockButton=t},e("gux-icon",{decorative:!0,"icon-name":"clock-outline"}))}renderTimeListItems(){return function(t,e){const i=[0,15,30,45].filter((e=>Number.isInteger(e/t))).map((t=>String(t).padStart(2,"0")));return("12h"===e?["12","1","2","3","4","5","6","7","8","9","10","11"]:Array.from(Array(24).keys()).map((t=>String(t).padStart(2,"0")))).reduce(((t,e)=>t.concat(i.map((t=>`${e}:${t}`)))),[])}(this.interval,this.clockType).map((t=>{const i=g(t,this.clockType,d(this.value));return e("gux-list-item",{id:this.valueToId(i),onClick:()=>this.handleClickDropdownValue(t)},t)}))}renderTarget(){return e("div",{class:"gux-input-time",slot:"target"},this.renderNumberInput(),this.renderAmPmSelector(),this.renderClockButton())}renderPopup(){return e("div",{slot:"popup",class:"gux-list-container",onKeyDown:t=>this.onListKeyDown(t)},e("gux-list",{ref:t=>this.listElement=t},this.renderTimeListItems()))}render(){return e("gux-popup",{class:{"gux-time-picker":!0,"gux-error":this.hasError},expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return i(this)}};(function(t,e,i,s){var o,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var u=t.length-1;u>=0;u--)(o=t[u])&&(r=(n<3?o(r):n>3?o(e,i,r):o(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([s({triggerEvents:"mousedown"})],f.prototype,"onClickOutside",null),f.style=".gux-time-picker{position:relative;display:inline-block}.gux-time-picker.gux-error .gux-input-time{border-color:#ea0b0b}.gux-time-picker .gux-input-time{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 8px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-time-picker .gux-input-time:focus-within{border-color:#2a60c8;outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-time-picker .gux-input-time input{flex:1 1 auto;align-self:auto;order:0;width:20px;padding:0;font-size:12px;color:#2e394c;text-align:center;text-align:left;background-color:#f6f7f9;border:none;outline:none}.gux-time-picker .gux-input-time input.gux-input-time-hours{text-align:right}.gux-time-picker .gux-input-time input::placeholder{color:#596373;opacity:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector{display:grid;grid-template:auto 1fr / auto 1fr auto;place-items:flex-end;padding:0;font-size:12px;font-weight:bold;color:#2e394c;background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:not(:disabled):hover{color:#2a60c8;cursor:pointer}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{color:#2a60c8;outline:2px solid #aac9ff;outline-offset:0;border-radius:2px}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{grid-row:1;grid-column:1;visibility:hidden}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{visibility:visible}.gux-time-picker .gux-input-time .gux-clock-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:#596373;background:transparent;border:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:#2a60c8;cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled):hover{color:#2a60c8 !important;cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:not(:disabled):hover{color:#2e394c;cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus{border:none;outline:none}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible gux-icon{outline:2px solid #aac9ff;outline-offset:0;border-radius:2px}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{width:16px;height:16px}.gux-time-picker .gux-list-container{max-height:150px;padding:8px 0;margin:0;overflow-y:scroll;list-style:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{f as gux_time_picker_beta}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as s,H as i,g as o}from"./p-7d26b2e1.js";import{s as h}from"./p-d176c2ae.js";import{t as
|
1
|
+
import{r as t,h as s,H as i,g as o}from"./p-7d26b2e1.js";import{s as h}from"./p-d176c2ae.js";import{t as r}from"./p-0db3479d.js";const e=class{constructor(s){t(this,s),this.value=void 0,this.layout="default",this.switchItems=[]}onClick(t){t.stopPropagation();const s=t.target.closest("gux-switch-item");s&&this.value!==s.value&&(this.value=s.value,h(this.root,"input"),h(this.root,"change"))}slotChanged(){this.switchItems=Array.from(this.root.children)}componentWillLoad(){r(this.root,{variant:this.layout})}componentWillRender(){this.switchItems.forEach((t=>{t.selected=t.value===this.value}))}render(){return s(i,{role:"group",class:`gux-${this.layout}`},s("slot",{onSlotchange:this.slotChanged.bind(this)}))}get root(){return o(this)}};e.style="gux-switch{display:flex;align-items:flex-end}";export{e as gux_switch}
|
@@ -1 +1 @@
|
|
1
|
-
const t="4.0.0-beta.
|
1
|
+
const t="4.0.0-beta.3",e=20,n=3e4,o=[function(t){const[e,n,...o]=t.split(".");return{name:"spark-library",metadata:{fullVersion:`${e}.${n}.${o.join(".")}`,majorVersion:e,minorVersion:`${e}.${n}`}}}(t)];function i(){const t=window.newrelic;if(t){for(let r=0;r<e;r++){if(0==o.length)return void setTimeout(i,n);const e=o.shift();t.addPageAction(e.name,Object.assign(Object.assign({},e.metadata),{queueDepth:o.length}))}setTimeout(i,n)}}let r=!1;function a(e,n){window.newrelic&&(r||(r=!0,i()),document.contains(e)&&o.push({name:"spark-component",metadata:Object.assign(Object.assign({},n),{component:e.tagName.toLowerCase(),version:t})}))}export{a as t}
|
@@ -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-ce212187.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.filter="",this.filterType="none",this.loading=!1,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.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-0db3479d.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.filter="",this.filterType="none",this.loading=!1,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.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}
|