genesys-spark-components 4.0.0-beta.33 → 4.0.0-beta.35
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/en-14558544.js +24 -0
- package/dist/cjs/genesys-webcomponents.cjs.js +1 -1
- package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-advanced-dropdown-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-announce-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-badge.cjs.entry.js +1 -1
- package/dist/cjs/gux-blank-state.cjs.entry.js +1 -1
- package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-slot.cjs.entry.js +1 -1
- package/dist/cjs/gux-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-calendar.cjs.entry.js +1 -1
- package/dist/cjs/gux-card.cjs.entry.js +1 -1
- package/dist/cjs/gux-column-manager.cjs.entry.js +1 -1
- package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-context-menu.cjs.entry.js +1 -1
- package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js +1 -1
- package/dist/cjs/gux-date-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-date-time-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-flyout-menu.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-number_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-phone.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-range.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-icon.cjs.entry.js +1 -1
- package/dist/cjs/gux-inline-alert.cjs.entry.js +1 -1
- package/dist/cjs/gux-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-listbox-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-loading-message.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal.cjs.entry.js +1 -1
- package/dist/cjs/gux-month-calendar.cjs.entry.js +6 -2
- package/dist/cjs/gux-month-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
- package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
- package/dist/cjs/gux-rating.cjs.entry.js +1 -1
- package/dist/cjs/gux-region-icon.cjs.entry.js +1 -1
- package/dist/cjs/gux-screen-reader-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-segmented-control-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-skip-navigation-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
- package/dist/cjs/gux-switch-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-tab-advanced-legacy.cjs.entry.js +157 -0
- package/dist/cjs/gux-tab-advanced-list-legacy.cjs.entry.js +470 -0
- package/dist/cjs/gux-tab-advanced-list.cjs.entry.js +19 -3038
- package/dist/cjs/gux-tab-advanced-panel-legacy.cjs.entry.js +34 -0
- package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar.cjs.entry.js +1 -1
- package/dist/cjs/gux-table.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs-advanced-legacy.cjs.entry.js +63 -0
- package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
- package/dist/cjs/gux-tag.cjs.entry.js +1 -1
- package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-toast.cjs.entry.js +1 -1
- package/dist/cjs/gux-toggle.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/index-0d0fdb85.js +20 -4
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/sortable.esm-73cf219b.js +3023 -0
- package/dist/cjs/{usage-9520c06b.js → usage-7e2e71dc.js} +1 -1
- package/dist/collection/collection-manifest.json +4 -0
- package/dist/collection/components/beta/gux-month-picker/gux-month-calendar/gux-month-calendar.css +7 -0
- package/dist/collection/components/beta/gux-month-picker/gux-month-calendar/gux-month-calendar.js +5 -1
- package/dist/collection/components/legacy/gux-tabs-advanced-legacy/gux-tab-advanced/gux-tab-advanced.css +117 -0
- package/dist/collection/components/legacy/gux-tabs-advanced-legacy/gux-tab-advanced/gux-tab-advanced.js +317 -0
- package/dist/collection/components/legacy/gux-tabs-advanced-legacy/gux-tab-advanced-list/gux-tab-advanced-list.css +211 -0
- package/dist/collection/components/legacy/gux-tabs-advanced-legacy/gux-tab-advanced-list/gux-tab-advanced-list.js +623 -0
- package/dist/collection/components/legacy/gux-tabs-advanced-legacy/gux-tab-advanced-panel/gux-tab-advanced-panel.css +48 -0
- package/dist/collection/components/legacy/gux-tabs-advanced-legacy/gux-tab-advanced-panel/gux-tab-advanced-panel.js +106 -0
- package/dist/collection/components/legacy/gux-tabs-advanced-legacy/gux-tabs-advanced.css +3 -0
- package/dist/collection/components/legacy/gux-tabs-advanced-legacy/gux-tabs-advanced.js +147 -0
- package/dist/collection/components/stable/gux-icon/gux-icon.js +1 -1
- package/dist/collection/components/stable/gux-icon/icons/custom/face-smile-hearts-regular.svg +1 -0
- package/dist/component-specs.json +10 -0
- package/dist/deploy-info.json +3 -3
- package/dist/esm/en-5b8ff4c7.js +22 -0
- package/dist/esm/genesys-webcomponents.js +1 -1
- package/dist/esm/gux-accordion.entry.js +1 -1
- package/dist/esm/gux-action-button.entry.js +1 -1
- package/dist/esm/gux-action-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-advanced-dropdown-legacy.entry.js +1 -1
- package/dist/esm/gux-announce-beta.entry.js +1 -1
- package/dist/esm/gux-badge.entry.js +1 -1
- package/dist/esm/gux-blank-state.entry.js +1 -1
- package/dist/esm/gux-breadcrumbs.entry.js +1 -1
- package/dist/esm/gux-button-multi.entry.js +1 -1
- package/dist/esm/gux-button-slot.entry.js +1 -1
- package/dist/esm/gux-button.entry.js +1 -1
- package/dist/esm/gux-calendar.entry.js +1 -1
- package/dist/esm/gux-card.entry.js +1 -1
- package/dist/esm/gux-column-manager.entry.js +1 -1
- package/dist/esm/gux-content-search.entry.js +1 -1
- package/dist/esm/gux-context-menu.entry.js +1 -1
- package/dist/esm/gux-copy-to-clipboard.entry.js +1 -1
- package/dist/esm/gux-date-beta.entry.js +1 -1
- package/dist/esm/gux-date-time-beta.entry.js +1 -1
- package/dist/esm/gux-datepicker.entry.js +1 -1
- package/dist/esm/gux-disclosure-button-legacy.entry.js +1 -1
- package/dist/esm/gux-dismiss-button.entry.js +1 -1
- package/dist/esm/gux-dropdown-multi.entry.js +1 -1
- package/dist/esm/gux-dropdown_3.entry.js +1 -1
- package/dist/esm/gux-flyout-menu.entry.js +1 -1
- package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
- package/dist/esm/gux-form-field-color.entry.js +1 -1
- package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
- package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
- package/dist/esm/gux-form-field-number_3.entry.js +1 -1
- package/dist/esm/gux-form-field-phone.entry.js +1 -1
- package/dist/esm/gux-form-field-radio.entry.js +1 -1
- package/dist/esm/gux-form-field-range.entry.js +1 -1
- package/dist/esm/gux-form-field-search.entry.js +1 -1
- package/dist/esm/gux-form-field-select.entry.js +1 -1
- package/dist/esm/gux-form-field-text-like.entry.js +1 -1
- package/dist/esm/gux-form-field-textarea.entry.js +1 -1
- package/dist/esm/gux-form-field-time-picker.entry.js +1 -1
- package/dist/esm/gux-icon.entry.js +1 -1
- package/dist/esm/gux-inline-alert.entry.js +1 -1
- package/dist/esm/gux-list.entry.js +1 -1
- package/dist/esm/gux-listbox-multi.entry.js +1 -1
- package/dist/esm/gux-loading-message.entry.js +1 -1
- package/dist/esm/gux-modal.entry.js +1 -1
- package/dist/esm/gux-month-calendar.entry.js +6 -2
- package/dist/esm/gux-month-picker-beta.entry.js +1 -1
- package/dist/esm/gux-notification-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
- package/dist/esm/gux-pagination-cursor.entry.js +1 -1
- package/dist/esm/gux-pagination-legacy.entry.js +1 -1
- package/dist/esm/gux-pagination.entry.js +1 -1
- package/dist/esm/gux-phone-input-beta.entry.js +1 -1
- package/dist/esm/gux-popover-list.entry.js +1 -1
- package/dist/esm/gux-radial-loading.entry.js +1 -1
- package/dist/esm/gux-radial-progress.entry.js +1 -1
- package/dist/esm/gux-rating.entry.js +1 -1
- package/dist/esm/gux-region-icon.entry.js +1 -1
- package/dist/esm/gux-screen-reader-beta.entry.js +1 -1
- package/dist/esm/gux-segmented-control-beta.entry.js +1 -1
- package/dist/esm/gux-simple-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-skip-navigation-list.entry.js +1 -1
- package/dist/esm/gux-sort-control.entry.js +1 -1
- package/dist/esm/gux-switch-legacy.entry.js +1 -1
- package/dist/esm/gux-tab-advanced-legacy.entry.js +153 -0
- package/dist/esm/gux-tab-advanced-list-legacy.entry.js +466 -0
- package/dist/esm/gux-tab-advanced-list.entry.js +1 -3020
- package/dist/esm/gux-tab-advanced-panel-legacy.entry.js +30 -0
- package/dist/esm/gux-table-toolbar-action.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-custom-action.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-menu-button.entry.js +1 -1
- package/dist/esm/gux-table-toolbar.entry.js +1 -1
- package/dist/esm/gux-table.entry.js +1 -1
- package/dist/esm/gux-tabs-advanced-legacy.entry.js +59 -0
- package/dist/esm/gux-tabs-advanced.entry.js +1 -1
- package/dist/esm/gux-tabs.entry.js +1 -1
- package/dist/esm/gux-tag.entry.js +1 -1
- package/dist/esm/gux-text-highlight.entry.js +1 -1
- package/dist/esm/gux-time-beta.entry.js +1 -1
- package/dist/esm/gux-time-picker.entry.js +1 -1
- package/dist/esm/gux-time-zone-picker-beta.entry.js +1 -1
- package/dist/esm/gux-toast.entry.js +1 -1
- package/dist/esm/gux-toggle.entry.js +1 -1
- package/dist/esm/gux-tooltip.entry.js +1 -1
- package/dist/esm/index-0b66fe2c.js +20 -4
- package/dist/esm/loader.js +1 -1
- package/dist/esm/sortable.esm-8c3d5856.js +3021 -0
- package/dist/esm/{usage-03c766e9.js → usage-cd252d08.js} +1 -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/icons/custom/face-smile-hearts-regular.svg +1 -0
- package/dist/genesys-webcomponents/{p-c24ada31.entry.js → p-0249b669.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ac151156.entry.js → p-078d3c75.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-02a95985.entry.js → p-0ca229eb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-30f91270.entry.js → p-0d276dc9.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-1486d7ea.js +7 -0
- package/dist/genesys-webcomponents/{p-fa8b060e.entry.js → p-197d4153.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-1e4c80e5.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-72dfb14e.entry.js → p-2176b2e3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4664b32a.entry.js → p-23ef4850.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3e77a562.entry.js → p-2795474f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d853fc68.entry.js → p-280ec994.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6078f7ff.entry.js → p-29bb65b6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-95e92240.entry.js → p-2b46c949.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7e39ea90.entry.js → p-2c9c3cea.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d2e1fea1.entry.js → p-3493b6c1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cce60954.entry.js → p-359d6b16.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-68fc5577.entry.js → p-39151f6f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e3bb70a8.entry.js → p-3d15a15a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-034e6c4d.entry.js → p-3d3fea51.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c5b07020.entry.js → p-3fc64f89.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f5b2d539.entry.js → p-409a2aed.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-41617814.entry.js +1 -0
- package/dist/genesys-webcomponents/p-44835bc5.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-bc563e6a.entry.js → p-45baa064.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a68578ce.entry.js → p-45bcb54b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-70df8d96.entry.js → p-53c4a7f7.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-572aec19.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-24131412.entry.js → p-57c82db9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f9acf306.entry.js → p-5a94a9bf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e1e7a459.entry.js → p-5bbffb5a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7f9936a9.entry.js → p-5f96b474.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2d3e13f9.js → p-605734cc.js} +1 -1
- package/dist/genesys-webcomponents/{p-7a26c6e6.entry.js → p-6081375f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-060cf9a7.entry.js → p-62456443.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fc24eed4.entry.js → p-67652427.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b10ec3d3.entry.js → p-6a62e7d1.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-6a8e1026.js +1 -0
- package/dist/genesys-webcomponents/{p-33221bb2.entry.js → p-75146c5b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-928eb0b3.entry.js → p-782c1b84.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-92d41ee7.entry.js → p-7adb14d8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-03c0c703.entry.js → p-7b3f06e0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f3195e5d.entry.js → p-7cecc169.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-58c457f5.entry.js → p-7fa0ebcf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-634a50a3.entry.js → p-8691acc1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-83c031b7.entry.js → p-8cfed8ab.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-15162b49.entry.js → p-8ef5755c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-af4067b6.entry.js → p-8f781185.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7cb046d5.entry.js → p-906dfed6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-58ec395c.entry.js → p-9381f1a8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c6cc4d09.entry.js → p-94f2e2a4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-998197a4.entry.js → p-9571e673.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f6e30e40.entry.js → p-95a4e80e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-afeb7307.entry.js → p-95fcbe0c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fa6ecb44.entry.js → p-97d57a71.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cdf9859f.entry.js → p-98f69d35.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f78428d6.entry.js → p-993b03b1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2527e7d0.entry.js → p-a2cc1e97.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-efd268e2.entry.js → p-a871a9cd.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-ac40bdc8.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-f49d4768.entry.js → p-ad9c8e01.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bc97008d.entry.js → p-b1c23548.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d5e1b1e3.entry.js → p-b5ee1c41.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-92d50194.entry.js → p-b6ec024f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a0bf81e5.entry.js → p-bf36d208.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a62be169.entry.js → p-c27e3e55.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-89cbb6af.entry.js → p-c6d8e1d8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5c1fa7a2.entry.js → p-c743441a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3336e979.entry.js → p-d2012304.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6b076b8b.entry.js → p-d3c907fc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0c458b58.entry.js → p-d9a38f04.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b11b5b21.entry.js → p-dab7466b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f67ad756.entry.js → p-dfb9c511.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-63dc1c21.entry.js → p-e078f4fa.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7620a300.entry.js → p-e1030da3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d1dfb11f.entry.js → p-e401da19.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-e4d54add.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-0a6a6a1c.entry.js → p-e511fb43.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1d144c4d.entry.js → p-e7cab774.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f32a9587.entry.js → p-ebede868.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2ecea73a.entry.js → p-ebfa2805.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0c5fd266.entry.js → p-f242ce05.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b9e549f3.entry.js → p-f246861a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4cb5da55.entry.js → p-f6913d5e.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-f6f9039b.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-4719c10d.entry.js → p-fab9ff54.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f9df9b92.entry.js → p-fbc9566f.entry.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/components/beta/gux-month-picker/gux-month-calendar/gux-month-calendar.d.ts +1 -0
- package/dist/types/components/legacy/gux-tabs-advanced-legacy/gux-tab-advanced/gux-tab-advanced.d.ts +45 -0
- package/dist/types/components/legacy/gux-tabs-advanced-legacy/gux-tab-advanced-list/gux-tab-advanced-list.d.ts +82 -0
- package/dist/types/components/legacy/gux-tabs-advanced-legacy/gux-tab-advanced-panel/gux-tab-advanced-panel.d.ts +12 -0
- package/dist/types/components/legacy/gux-tabs-advanced-legacy/gux-tabs-advanced.d.ts +25 -0
- package/dist/types/components/stable/gux-icon/gux-icon.types.d.ts +1 -1
- package/dist/types/components.d.ts +132 -0
- package/dist/types/stencil-wrapper.d.ts +1 -1
- package/package.json +1 -1
- package/dist/genesys-webcomponents/p-4d34cf6e.entry.js +0 -7
- package/dist/genesys-webcomponents/p-9872ae5d.entry.js +0 -1
- package/dist/genesys-webcomponents/p-f7e9572a.entry.js +0 -1
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,h as s,g as i}from"./p-7d26b2e1.js";import{b as r}from"./p-deee079e.js";import{t as a}from"./p-
|
1
|
+
import{r as t,c as e,h as s,g as i}from"./p-7d26b2e1.js";import{b as r}from"./p-deee079e.js";import{t as a}from"./p-605734cc.js";import{g as o}from"./p-8a133b9b.js";import{o as n}from"./p-93904222.js";import{t as c}from"./p-1aa11396.js";const h=class{constructor(s){t(this,s),this.guxsortchanged=e(this,"guxsortchanged",7),this.includeUnsorted=!1,this.headerContent=void 0,this.active=!1,this.sort="none",this.isLeftAlignIcon=!1}async componentWillLoad(){a(this.root),this.i18n=await r(this.root,c,"gux-table"),this.tableHeader=o("th",this.root),this.thObserver=n(this.tableHeader,(()=>{this.setState()}),{attributes:!0,childList:!1,subtree:!1}),this.setState()}disconnectedCallback(){this.thObserver&&this.thObserver.disconnect()}onClick(){this.guxsortchanged.emit({columnName:this.tableHeader.dataset.columnName,sortDirection:this.getNextSort(this.sort)})}setState(){this.headerContent=this.tableHeader.textContent,this.isLeftAlignIcon=this.tableHeader.hasAttribute("data-cell-numeric")||this.tableHeader.hasAttribute("data-cell-action");const t=this.tableHeader.getAttribute("aria-sort");switch(t){case"ascending":case"descending":this.active=!0,this.sort=t;break;default:this.active=!1,this.sort="none"}}getIconName(t){return"descending"===t?"arrow-solid-down":"arrow-solid-up"}getNextSort(t){switch(t){case"none":return"ascending";case"ascending":return"descending";default:return this.includeUnsorted?"none":"ascending"}}getSRText(t){switch(t){case"ascending":return this.i18n("ascendingColumnSort",{headerContent:this.headerContent});case"descending":return this.i18n(this.includeUnsorted?"descendingColumnSortIncludeUnsorted":"descendingColumnSort",{headerContent:this.headerContent});default:return this.i18n("noColumnSort",{headerContent:this.headerContent})}}render(){return s("div",{class:"gux-container"},s("button",{class:{"gux-sort-button":!0,"gux-active":this.active},type:"button",onClick:()=>this.onClick(),"aria-label":this.getSRText(this.sort)},s("gux-icon",{class:{"gux-sort-icon":!0,"gux-left":this.isLeftAlignIcon},"icon-name":this.getIconName(this.sort),decorative:!0})),s("div",{class:"gux-resize-spacer"}))}static get delegatesFocus(){return!0}get root(){return i(this)}};h.style=".gux-container{position:absolute;inset:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start;border-top:var(--gse-ui-dataTableItems-header-selectedBar-height) solid transparent;border-bottom:var(--gse-ui-dataTableItems-header-selectedBar-height) solid transparent}.gux-container:focus-within{border-bottom-color:var(--gse-ui-dataTableItems-header-selectedIndicatorColor)}.gux-container .gux-sort-button{all:unset;flex:1 1 auto;align-self:stretch;order:0;cursor:pointer}.gux-container .gux-sort-button .gux-sort-icon{float:right;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-dataTableItems-header-sort-foregroundColor);margin:0 var(--gse-ui-dataTableItems-header-gap)}.gux-container .gux-sort-button .gux-sort-icon.gux-left{float:left;margin-left:calc(2px + var(--gse-ui-dataTableItems-header-gap))}.gux-container .gux-resize-spacer{flex:0 1 auto;align-self:stretch;order:0;width:2px}";export{h as gux_sort_control}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as s,h as i,g as e}from"./p-7d26b2e1.js";import{O as o}from"./p-9d18d475.js";import{w as n}from"./p-76ff3e75.js";import{a as r}from"./p-091f51f6.js";import{t as a}from"./p-
|
1
|
+
import{r as t,c as s,h as i,g as e}from"./p-7d26b2e1.js";import{O as o}from"./p-9d18d475.js";import{w as n}from"./p-76ff3e75.js";import{a as r}from"./p-091f51f6.js";import{t as a}from"./p-605734cc.js";const u=["primary","secondary","tertiary"];const c=class{constructor(i){t(this,i),this.open=s(this,"open",7),this.close=s(this,"close",7),this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const s=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,s.includes(this.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":s.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.dropdownButton)&&(this.isOpen=!0,this.focusFirstItemInPopupList())}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(){this.isOpen=!1}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){r((()=>{this.listElement.focus()}))}focusFirstItemInPopupList(){r((()=>{this.listElement.guxFocusFirstItem()}))}onListClick(t){n("gux-list-item",t,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}componentWillLoad(){a(this.root,{variant:this.accent})}render(){return i("gux-popup",{expanded:this.isOpen,"exceed-target-width":!0},i("div",{slot:"target",class:"gux-button-multi-container"},i("gux-button-slot",{class:"gux-dropdown-button",accent:(t=this.accent,u.find((s=>s===t))?t:"secondary")},i("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},i("slot",{name:"title"}),i("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),i("div",{class:"gux-list-container",slot:"popup"},i("gux-list",{onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},i("slot",null))));var t}get root(){return e(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,s,i,e){var o,n=arguments.length,r=n<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,i,e);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(r=(n<3?o(r):n>3?o(s,i,r):o(s,i))||r);n>3&&r&&Object.defineProperty(s,i,r)})([o({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{display:block;-webkit-user-select:none;user-select:none}.gux-button-multi-container .gux-dropdown-button button{display:inline-flex;align-items:center}.gux-button-multi-container .gux-dropdown-button button gux-icon{width:var(--gse-ui-button-icon-size);height:var(--gse-ui-button-icon-size);margin-left:var(--gux-spacing-xs)}.gux-list-container{max-width:220px;padding:var(--gux-spacing-xs) 0;margin:0;list-style:none;background-color:var(--gse-ui-menu-wrapper-backgroundColor);border:1px solid var(--gse-ui-menu-wrapper-border);border-radius:4px;box-shadow:0px 4px 6px 1px rgba(35, 57, 92, 0.12)}";export{c as gux_button_multi}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as i,H as a,g as s}from"./p-7d26b2e1.js";import{s as r}from"./p-d176c2ae.js";import{c as e}from"./p-9dd4b14a.js";import{t as o}from"./p-
|
1
|
+
import{r as t,h as i,H as a,g as s}from"./p-7d26b2e1.js";import{s as r}from"./p-d176c2ae.js";import{c as e}from"./p-9dd4b14a.js";import{t as o}from"./p-605734cc.js";import{a as n}from"./p-d0805f56.js";const h=class{constructor(i){t(this,i),this.value=0,this.maxValue=5,this.disabled=!1,this.readonly=!1}onClick(t){if(t.stopPropagation(),this.disabled||this.readonly)return;const[i]=t.composedPath(),a=i.getRootNode(),s=Array.from(this.starContainer.children).findIndex((t=>t.shadowRoot===a))+1;s===this.value+.5?this.updateRatingValue(s):s===this.value?this.updateRatingValue(0):s!==Math.floor(this.value)&&this.updateRatingValue(s-.5)}onKeyDown(t){if(t.stopPropagation(),!this.disabled&&!this.readonly)switch(t.key){case"ArrowUp":case"ArrowLeft":t.preventDefault(),this.updateRatingValue(this.value-.5);break;case"ArrowDown":case"ArrowRight":t.preventDefault(),this.updateRatingValue(this.value+.5);break;case"End":t.preventDefault(),this.updateRatingValue(1/0);break;case"Home":t.preventDefault(),this.updateRatingValue(-1/0)}}updateRatingValue(t){const i=e(t,0,Array.from(this.starContainer.children).length);this.value!==i&&(this.value=i,r(this.root,"input"),r(this.root,"change"))}getRatingStarElements(){return[...Array(this.maxValue).keys()].reduce(((t,i)=>t.concat(i+.5===this.value?"rating-partial":i+1<=this.value?"rating-active":"rating")),[]).map((t=>i("gux-icon",{"icon-name":t,decorative:!0})))}getTabIndex(){return this.disabled?-1:0}componentWillLoad(){o(this.root)}componentDidLoad(){this.root.getAttribute("aria-label")||this.root.getAttribute("aria-labelledby")||n(this.root,"`gux-rating` requires a label. Either provide a label and associate it with the gux-rating element using `aria-labelledby` or add an `aria-label` attribute to the gux-rating element.")}render(){return i(a,{role:"spinbutton",tabindex:this.getTabIndex(),"aria-readonly":this.readonly.toString(),"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":this.maxValue},i("div",{ref:t=>this.starContainer=t,class:{"gux-rating-star-container":!0,"gux-disabled":this.disabled}},this.getRatingStarElements()))}get root(){return s(this)}};h.style=":host{display:inline-flex;user-select:none}:host(:host:focus-visible){outline:var(--gse-ui-focus-width) var(--gse-ui-focus-style) var(--gse-ui-focus-color);outline-offset:1px;box-shadow:0 0 0 1px var(--gse-ui-focus-style)}.gux-rating-star-container{color:var(--gse-ui-ui--rating-default-color)}.gux-rating-star-container.gux-disabled{pointer-events:none;color:var(--gse-ui-rating-disabled-color);opacity:var(--gse-ui-rating-disabled-opacity)}.gux-rating-star-container gux-icon{width:var(--gse-ui-rating-size);height:var(--gse-ui-rating-size);color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";export{h as gux_rating}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as s,H as i,g as o}from"./p-7d26b2e1.js";import{s 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 e}from"./p-605734cc.js";const r=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(){e(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)}};r.style=":host{display:flex;align-items:flex-end}";export{r as gux_switch_legacy}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as s,g as i}from"./p-7d26b2e1.js";import{t as r}from"./p-
|
1
|
+
import{r as t,h as s,g as i}from"./p-7d26b2e1.js";import{t as r}from"./p-605734cc.js";const n=/[ +]/g,e=new Map,h=new Map;function a(t){return t.replace(/[\^$*+?.(){}[\]\\]/g,"\\$&")}const o=class{constructor(s){t(this,s),this.text=void 0,this.highlight=void 0,this.strategy="start",this.dimmed=!1}componentWillLoad(){r(this.root)}render(){if(this.highlight&&this.text)switch(this.strategy){case"start":return this.renderStartsWith();case"contains":return this.renderContains();case"fuzzy":return this.renderFuzzy()}return s("span",{class:{"gux-dimmed":this.dimmed}},this.text)}renderStartsWith(){if(this.text.toLowerCase().startsWith(this.highlight.toLowerCase())){const t=this.text.substring(0,this.highlight.length),i=this.text.substring(this.highlight.length);return s("span",{class:{"gux-dimmed":this.dimmed}},s("mark",null,t),i)}return s("span",{class:{"gux-dimmed":this.dimmed}},this.text)}renderContains(){const t={highlighted:"",remaining:this.text};for(;t.remaining.toLowerCase().includes(this.highlight.toLowerCase());){const s=t.remaining.toLowerCase().indexOf(this.highlight.toLowerCase()),i=t.remaining.substring(0,s),r=t.remaining.substring(s,s+this.highlight.length);t.highlighted+=i+`<mark>${r}</mark>`,t.remaining=t.remaining.substring(s+r.length)}return s("span",{class:{"gux-dimmed":this.dimmed},innerHTML:t.highlighted+t.remaining})}renderFuzzy(){if(function(t,s){let i=e.get(t);return i||(i=function(t){const s=t.split(n).map(a);if(1===s.length)return new RegExp(s[0],"i");let i="(";return s.forEach(((t,r)=>{i+=t+").*",r!==s.length-1&&(i+="(")})),new RegExp(i+"$","i")}(t),e.set(t,i)),i.test(s)}(this.highlight,this.text)){const i=(t=this.highlight,t.split(n).map(a).map((t=>{let s=h.get(t);return s||(s=new RegExp(t,"i"),h.set(t,s)),s}))).reduce(((t,s)=>{const{0:i,index:r,input:n}=t.remaining.match(s),e=n.substring(0,r);return{highlighted:`${t.highlighted+e}<mark>${i}</mark>`,remaining:n.substring(r+i.length)}}),{highlighted:"",remaining:this.text});return s("span",{class:{"gux-dimmed":this.dimmed},innerHTML:i.highlighted+i.remaining})}var t;return s("span",{class:{"gux-dimmed":this.dimmed}},this.text)}get root(){return i(this)}};o.style="mark{background-color:var(--gse-ui-search-match-firstLevel-backgroundColor)}.gux-dimmed mark{background-color:var(--gse-ui-search-match-subsequentLevel-backgroundColor)}";export{o as gux_text_highlight}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as o,g as t}from"./p-7d26b2e1.js";import{b as i}from"./p-deee079e.js";import{c as r,o as s}from"./p-3f5341ea.js";import{O as l}from"./p-f34ce7dc.js";import{o as n}from"./p-3701eff0.js";import{h as a}from"./p-08bc2e6b.js";import{G as u,a as f,s as g,c as h,b as d}from"./p-b3c9fd06.js";import{G as c,a as m}from"./p-211cc1db.js";import{g as p}from"./p-aa2f9991.js";import{t as x}from"./p-
|
1
|
+
import{r as e,h as o,g as t}from"./p-7d26b2e1.js";import{b as i}from"./p-deee079e.js";import{c as r,o as s}from"./p-3f5341ea.js";import{O as l}from"./p-f34ce7dc.js";import{o as n}from"./p-3701eff0.js";import{h as a}from"./p-08bc2e6b.js";import{G as u,a as f,s as g,c as h,b as d}from"./p-b3c9fd06.js";import{G as c,a as m}from"./p-211cc1db.js";import{g as p}from"./p-aa2f9991.js";import{t as x}from"./p-605734cc.js";import"./p-8a133b9b.js";import"./p-cbcbd1bb.js";import"./p-d0805f56.js";import"./p-d176c2ae.js";const b={required:"Required"};const v=class{constructor(o){e(this,o),this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1}watchValue(e){const o=this.root.querySelector("gux-dropdown")||this.root.querySelector("gux-dropdown-multi");o&&(o.hasError=e)}onMutation(){this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help")}async componentWillLoad(){this.getI18nValue=await i(this.root,b),this.setInput(),this.setLabel(),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help"),x(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}renderScreenReaderText(e,t=!1){if(t)return o("gux-screen-reader-beta",null,e)}render(){return o(m,{labelPosition:this.computedLabelPosition},o(c,{position:this.computedLabelPosition,required:this.required},o("slot",{name:"label",onSlotchange:()=>this.setLabel()}),this.renderScreenReaderText(this.getI18nValue("required"),this.required),this.renderScreenReaderText(p(this.root,"error"),this.hasError),this.renderScreenReaderText(p(this.root,"help"),this.hasHelp)),o("div",{class:"gux-input-and-error-container"},o("div",{class:{"gux-input":!0,"gux-input-error":this.hasError,"gux-disabled":this.disabled}},o("slot",null)),o(u,{show:this.hasError},o("slot",{name:"error"})),o(f,{show:!this.hasError&&this.hasHelp},o("slot",{name:"help"}))))}get variant(){return`dropdown-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.dropdownElement=this.root.querySelector("gux-dropdown")||this.root.querySelector("gux-dropdown-multi"),this.listboxElement=this.root.querySelector("gux-listbox")||this.root.querySelector("gux-listbox-multi"),this.disabled=r(this.dropdownElement),this.required=this.dropdownElement.required,this.disabledObserver=s(this.dropdownElement,(e=>{this.disabled=e})),this.requiredObserver=n(this.dropdownElement,(e=>{this.required=e})),g(this.root,this.listboxElement,"label"),h(this.root,this.listboxElement,"error"),h(this.root,this.listboxElement,"help")}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=d(this.label,this.labelPosition)}get root(){return t(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(e,o,t,i){var r,s=arguments.length,l=s<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,o,t,i);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(l=(s<3?r(l):s>3?r(o,t,l):r(o,t))||l);s>3&&l&&Object.defineProperty(o,t,l)})([l({childList:!0,subtree:!0})],v.prototype,"onMutation",null),v.style='.gux-focus-ring-focused:focus{outline-width:var(--gse-semantic-focusRing-default-border-width);outline-style:var(--gse-semantic-focusRing-default-border-style);outline-color:var(--gse-semantic-focusRing-default-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-focus-ring-focused-within:focus-within{outline-width:var(--gse-semantic-focusRing-default-border-width);outline-style:var(--gse-semantic-focusRing-default-border-style);outline-color:var(--gse-semantic-focusRing-default-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-focus-ring-focused-visible:focus-visible{outline-width:var(--gse-semantic-focusRing-default-border-width);outline-style:var(--gse-semantic-focusRing-default-border-style);outline-color:var(--gse-semantic-focusRing-default-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-focus-ring-small-focused:focus{outline-width:var(--gse-semantic-focusRing-small-border-width);outline-style:var(--gse-semantic-focusRing-small-border-style);outline-color:var(--gse-semantic-focusRing-small-border-color)}.gux-focus-ring-small-focused-within:focus-within{outline-width:var(--gse-semantic-focusRing-small-border-width);outline-style:var(--gse-semantic-focusRing-small-border-style);outline-color:var(--gse-semantic-focusRing-small-border-color)}.gux-focus-ring-small-focused-visible:focus-visible{outline-width:var(--gse-semantic-focusRing-small-border-width);outline-style:var(--gse-semantic-focusRing-small-border-style);outline-color:var(--gse-semantic-focusRing-small-border-color)}.gux-icon-anchor gux-icon{padding-right:var(--gse-ui-links-inLine-padding)}.gux-form-field-fieldset-container{display:flex;min-width:0;padding:0;margin:0;border:none}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-legend-label.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:" *"}.gux-form-field-legend-label.gux-beside{position:relative;top:8px;float:left;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-legend-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-legend-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-padding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-text-fontFamily);line-height:var(--gse-ui-formControl-label-text-lineHeight);font-size:var(--gse-ui-formControl-label-text-fontSize);color:var(--gse-ui-formControl-label-labelColor);font-weight:var(--gse-ui-formControl-label-text-fontWeight)}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input.gux-disabled{pointer-events:none;opacity:var(--gse-ui-formControl-input-disabled-opacity)}';export{v as gux_form_field_dropdown}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as e,g as i}from"./p-7d26b2e1.js";import{O as r}from"./p-9d18d475.js";import{s as o}from"./p-d176c2ae.js";import{b as s}from"./p-091f51f6.js";import{g as n,b as u}from"./p-deee079e.js";import{t as a}from"./p-2d3e13f9.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 l(t,e){const[i,r]=t.split(":");return`${((parseInt(i,10)+e+24)%24).toString().padStart(2,"0")}:${r}`}function p(t,e,i){const[r,o]=t.split(":");let s=(parseInt(o,10)+e+60)%60;for(;s%i!=0;)s=(s+e+60)%60;return`${r}:${s.toString().padStart(2,"0")}`}function g(t,e){const[i,r]=t.split(":");return"12h"===e?`${(parseInt(i,10)%12||12).toString()}:${r}`:`${i}:${r}`}function m(t,e,i){const[r,o]=t.split(":");return"12h"===e?i?`${(parseInt(r,10)%12).toString().padStart(2,"0")}:${o}`:`${(parseInt(r,10)%12+12).toString().padStart(2,"0")}:${o}`:`${r}:${o}`}function h(t,e){const[i]=g(t,e).split(":");return i}function d(t){const[,e]=t.split(":");return e}function f(t){const[e]=t.split(":");return parseInt(e,10)<12}function x(t){return"12h"===t?"^(0?[1-9]|1[012])$":"^([01]?[0-9]|2[0-3])$"}const b=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=n(t),i=new Date("January 19, 1975 15:00:00 UTC+00:00"),r=new Intl.DateTimeFormat(e,{timeStyle:"short",timeZone:"UTC"}).format(i);return e.startsWith("ar")||new RegExp(".*15.*").test(r)?"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(){s((()=>{this.listElement.guxFocusItemByClosestId(this.valueToId(this.value))}))}toggleDropdown(){this.expanded=!this.expanded,this.expanded&&this.focusRelevantItemInPopupList()}handleClickDropdownValue(t){const e=m(t,this.clockType,f(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(l(this.value,-1));break;case"ArrowUp":t.preventDefault(),this.updateValue(l(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,r,o){const[s,n]=g(t,e).split(":");let u=s;return u="Backspace"===i?"12h"==e&&1==o?u.split("").filter(((t,e)=>e==r-1)).join(""):u.split("").filter(((t,e)=>e!==r-1)).join("").padStart(2,"0"):parseInt(u.slice(0,r)+i+u.slice(r+1),10).toString().slice(-2).padStart(2,"0"),new RegExp(x(e)).test(u)||(u="12h"===e?i:i.padStart(2,"0")),m(`${u}:${n}`,e,f(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(p(this.value,-1,this.step));break;case"ArrowUp":t.preventDefault(),this.updateValue(p(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[r,o]=t.split(":");let s=o;return s="Backspace"===e?s.split("").filter(((t,e)=>e!==i-1)).join("").padStart(2,"0"):(s.slice(0,i)+e+s.slice(i+1)).slice(-2).padStart(2,"0"),new RegExp("^[0-5][0-9]$").test(s)||(s=e.padStart(2,"0")),`${r}:${s}`}(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(l(this.value,12),!0)}getAmPmString(){return f(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:h(this.value,this.clockType),onKeyDown:t=>this.onHourKeyDown(t),"aria-label":this.i18n("hoursInput"),pattern:x(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:d(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":f(this.value)}},this.i18n("am")),e("div",{class:{"gux-meridiem":!0,"gux-visible":!f(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=m(t,this.clockType,f(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,r){var o,s=arguments.length,n=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var u=t.length-1;u>=0;u--)(o=t[u])&&(n=(s<3?o(n):s>3?o(e,i,n):o(e,i))||n);s>3&&n&&Object.defineProperty(e,i,n)})([r({triggerEvents:"mousedown"})],b.prototype,"onClickOutside",null),b.style=".gux-time-picker{position:relative;display:inline-block}.gux-time-picker.gux-error .gux-input-time{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-time-picker .gux-input-time{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);align-content:stretch;align-items:center;justify-content:center;white-space:nowrap;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-time-picker .gux-input-time:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-time-picker .gux-input-time input{flex:1 1 auto;align-self:auto;order:0;width:2ch;padding:0;font-size:var(--gse-ui-formControl-label-text-fontSize);background-color:var(--gse-ui-formControl-input-backgroundColor);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:var(--gse-ui-formControl-input-placeholderColor);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-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);font-weight:var(--gse-ui-formControl-input-prefixSufix-text-fontWeight);color:var(--gse-ui-formControl-input-populatedColor);background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{grid-row:1/1;grid-column:1/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:var(--gse-ui-formControl-input-inputIcon-iconEndColor);background:transparent;border:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:#4856cb;cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus{outline:none}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-time-picker .gux-time-separator{padding:0 1ch}.gux-time-picker .gux-list-container{max-height:150px;padding:var(--gse-ui-menu-padding);margin:0;overflow-y:scroll;list-style:none;border:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);background-color:var(--gse-ui-menu-backgroundColor);box-shadow:var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color);border-radius:var(--gse-ui-menu-borderRadius)}";export{b as gux_time_picker}
|
1
|
+
import{r as t,h as e,g as i}from"./p-7d26b2e1.js";import{O as r}from"./p-9d18d475.js";import{s as o}from"./p-d176c2ae.js";import{b as s}from"./p-091f51f6.js";import{g as n,b as u}from"./p-deee079e.js";import{t as a}from"./p-605734cc.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 l(t,e){const[i,r]=t.split(":");return`${((parseInt(i,10)+e+24)%24).toString().padStart(2,"0")}:${r}`}function p(t,e,i){const[r,o]=t.split(":");let s=(parseInt(o,10)+e+60)%60;for(;s%i!=0;)s=(s+e+60)%60;return`${r}:${s.toString().padStart(2,"0")}`}function g(t,e){const[i,r]=t.split(":");return"12h"===e?`${(parseInt(i,10)%12||12).toString()}:${r}`:`${i}:${r}`}function m(t,e,i){const[r,o]=t.split(":");return"12h"===e?i?`${(parseInt(r,10)%12).toString().padStart(2,"0")}:${o}`:`${(parseInt(r,10)%12+12).toString().padStart(2,"0")}:${o}`:`${r}:${o}`}function h(t,e){const[i]=g(t,e).split(":");return i}function d(t){const[,e]=t.split(":");return e}function f(t){const[e]=t.split(":");return parseInt(e,10)<12}function x(t){return"12h"===t?"^(0?[1-9]|1[012])$":"^([01]?[0-9]|2[0-3])$"}const b=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=n(t),i=new Date("January 19, 1975 15:00:00 UTC+00:00"),r=new Intl.DateTimeFormat(e,{timeStyle:"short",timeZone:"UTC"}).format(i);return e.startsWith("ar")||new RegExp(".*15.*").test(r)?"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(){s((()=>{this.listElement.guxFocusItemByClosestId(this.valueToId(this.value))}))}toggleDropdown(){this.expanded=!this.expanded,this.expanded&&this.focusRelevantItemInPopupList()}handleClickDropdownValue(t){const e=m(t,this.clockType,f(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(l(this.value,-1));break;case"ArrowUp":t.preventDefault(),this.updateValue(l(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,r,o){const[s,n]=g(t,e).split(":");let u=s;return u="Backspace"===i?"12h"==e&&1==o?u.split("").filter(((t,e)=>e==r-1)).join(""):u.split("").filter(((t,e)=>e!==r-1)).join("").padStart(2,"0"):parseInt(u.slice(0,r)+i+u.slice(r+1),10).toString().slice(-2).padStart(2,"0"),new RegExp(x(e)).test(u)||(u="12h"===e?i:i.padStart(2,"0")),m(`${u}:${n}`,e,f(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(p(this.value,-1,this.step));break;case"ArrowUp":t.preventDefault(),this.updateValue(p(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[r,o]=t.split(":");let s=o;return s="Backspace"===e?s.split("").filter(((t,e)=>e!==i-1)).join("").padStart(2,"0"):(s.slice(0,i)+e+s.slice(i+1)).slice(-2).padStart(2,"0"),new RegExp("^[0-5][0-9]$").test(s)||(s=e.padStart(2,"0")),`${r}:${s}`}(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(l(this.value,12),!0)}getAmPmString(){return f(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:h(this.value,this.clockType),onKeyDown:t=>this.onHourKeyDown(t),"aria-label":this.i18n("hoursInput"),pattern:x(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:d(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":f(this.value)}},this.i18n("am")),e("div",{class:{"gux-meridiem":!0,"gux-visible":!f(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=m(t,this.clockType,f(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,r){var o,s=arguments.length,n=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var u=t.length-1;u>=0;u--)(o=t[u])&&(n=(s<3?o(n):s>3?o(e,i,n):o(e,i))||n);s>3&&n&&Object.defineProperty(e,i,n)})([r({triggerEvents:"mousedown"})],b.prototype,"onClickOutside",null),b.style=".gux-time-picker{position:relative;display:inline-block}.gux-time-picker.gux-error .gux-input-time{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-time-picker .gux-input-time{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);align-content:stretch;align-items:center;justify-content:center;white-space:nowrap;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-time-picker .gux-input-time:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-time-picker .gux-input-time input{flex:1 1 auto;align-self:auto;order:0;width:2ch;padding:0;font-size:var(--gse-ui-formControl-label-text-fontSize);background-color:var(--gse-ui-formControl-input-backgroundColor);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:var(--gse-ui-formControl-input-placeholderColor);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-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);font-weight:var(--gse-ui-formControl-input-prefixSufix-text-fontWeight);color:var(--gse-ui-formControl-input-populatedColor);background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{grid-row:1/1;grid-column:1/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:var(--gse-ui-formControl-input-inputIcon-iconEndColor);background:transparent;border:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:#4856cb;cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus{outline:none}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-time-picker .gux-time-separator{padding:0 1ch}.gux-time-picker .gux-list-container{max-height:150px;padding:var(--gse-ui-menu-padding);margin:0;overflow-y:scroll;list-style:none;border:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);background-color:var(--gse-ui-menu-backgroundColor);box-shadow:var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color);border-radius:var(--gse-ui-menu-borderRadius)}";export{b as gux_time_picker}
|
@@ -0,0 +1 @@
|
|
1
|
+
import{r as t,c as o,w as a,h as i,g as n}from"./p-7d26b2e1.js";import{e as s}from"./p-29e8b184.js";import{r as e}from"./p-cbcbd1bb.js";import{a as d}from"./p-091f51f6.js";import{b as u}from"./p-deee079e.js";import{t as g}from"./p-6a8e1026.js";import"./p-8a133b9b.js";const b=class{constructor(a){t(this,a),this.internalactivatetabpanel=o(this,"internalactivatetabpanel",7),this.dropdownOptionsButtonId=e(),this.tabTitle="",this.focusinFromClick=!1,this.tabId=void 0,this.active=!1,this.guxDisabled=!1,this.popoverHidden=!0,this.hasAnimated=!1}onFocusin(t){!this.focusinFromClick&&t.target.classList.contains("gux-tab-button")&&this.tooltipTitleElement.setShowTooltip()}onFocusout(t){this.root.querySelector(".gux-tab").contains(t.relatedTarget)||(this.popoverHidden=!0),t.target.classList.contains("gux-tab-button")&&this.tooltipTitleElement.setHideTooltip(),this.focusinFromClick=!1}onKeydown(t){switch(t.key){case"ArrowDown":case"Enter":s(".gux-tab-options-button",t)&&(t.preventDefault(),this.popoverHidden=!1,this.focusFirstItemInPopupList());break;case"Escape":s('gux-list[slot="dropdown-options"]',t)&&(t.stopPropagation(),this.popoverHidden=!0,d((()=>{var t;null===(t=this.tabOptionsButtonElement)||void 0===t||t.focus()})))}}onKeyup(t){" "===t.key&&s(".gux-tab-options-button",t)&&this.focusFirstItemInPopupList()}onClick(t){s(".gux-tab-options-button",t)||this.active||this.guxDisabled||this.internalactivatetabpanel.emit(this.tabId)}onMouseDown(){this.focusinFromClick=!0}async guxSetActive(t){this.active=t}async guxGetActive(){return this.active}async guxFocus(){this.buttonElement.focus()}get hasDropdownOptions(){return Boolean(this.root.querySelector('gux-list[slot="dropdown-options"]'))}focusFirstItemInPopupList(){const t=this.root.querySelector('gux-list[slot="dropdown-options"]');d((()=>{null==t||t.guxFocusFirstItem()}))}toggleOptions(){this.popoverHidden=!this.popoverHidden}onSelectDropdownOption(t){this.popoverHidden=!0,t.stopPropagation(),d((()=>{this.tabOptionsButtonElement.focus()}))}async componentWillLoad(){this.i18n=await u(this.root,g,"gux-tabs-advanced")}componentDidLoad(){this.tabTitle=this.root.querySelector("gux-tooltip-title").textContent.trim(),this.hasAnimated||a((()=>{this.root.querySelector(".gux-tab").classList.add("gux-show"),this.hasAnimated=!0}))}popoverOnClick(t){t.stopPropagation()}getDropdownOptions(){return this.hasDropdownOptions?[i("button",{id:this.dropdownOptionsButtonId,"aria-expanded":(!this.popoverHidden).toString(),type:"button",class:"gux-tab-options-button",ref:t=>this.tabOptionsButtonElement=t,onClick:()=>this.toggleOptions(),tabIndex:this.active?0:-1,disabled:this.guxDisabled},i("gux-icon",{"icon-name":"menu-kebab-vertical","screenreader-text":this.i18n("options",{tabTitle:this.tabTitle})})),i("gux-popover-list",{position:"top-end",for:this.dropdownOptionsButtonId,displayDismissButton:!1,hidden:this.popoverHidden,closeOnClickOutside:!0,onGuxdismiss:()=>this.popoverHidden=!0,onClick:t=>this.popoverOnClick(t),onFocusout:t=>t.stopImmediatePropagation()},i("div",{class:"gux-dropdown-option-container",onClick:t=>this.onSelectDropdownOption(t)},i("slot",{name:"dropdown-options"})))]:null}render(){return[i("div",{class:{"gux-tab":!0,"gux-selected":this.active,"gux-dropdown-options":this.hasDropdownOptions,"gux-disabled":this.guxDisabled}},i("button",{class:"gux-tab-button",type:"button",role:"tab","aria-selected":this.active.toString(),"aria-disabled":this.guxDisabled.toString(),"aria-controls":`gux-${this.tabId}-panel`,ref:t=>this.buttonElement=t,tabIndex:this.active?0:-1,id:`gux-${this.tabId}-tab`},i("gux-tooltip-title",{ref:t=>this.tooltipTitleElement=t},i("span",null,i("slot",null)))),this.getDropdownOptions())]}get root(){return n(this)}};b.style=".gux-tab-sorting :focus-within{margin-bottom:4px}gux-tab-advanced-legacy:not(:last-child) .gux-tab:not(.gux-dropdown-options) .gux-tab-button{border-right:1px solid #d7dce5}gux-tab-advanced-legacy:not(:last-child) .gux-dropdown-options .gux-tab-options-button{border-right:1px solid #d7dce5}gux-tab-advanced-legacy .gux-tab{display:flex;align-items:center;width:126px;height:50px;padding-bottom:2px;overflow:hidden;border-radius:4px 4px 0 0;transition:width 0.4s ease-out}gux-tab-advanced-legacy .gux-tab .gux-tab-button{display:flex;align-items:center;width:100%;width:125px;height:50px;padding-right:0;padding-left:16px;color:#000;background-color:#f6f7f9;border:none}gux-tab-advanced-legacy .gux-tab .gux-tab-button:focus-visible{height:90%;border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab-advanced-legacy .gux-tab.gux-show{width:160px}gux-tab-advanced-legacy .gux-tab.gux-show.gux-disabled .gux-tab-button{color:rgba(0, 0, 0, 0.5)}gux-tab-advanced-legacy .gux-tab.gux-show.gux-disabled .gux-tab-options-button{color:rgba(46, 57, 76, 0.5);pointer-events:none;cursor:default}gux-tab-advanced-legacy .gux-tab .gux-tab-options-button{z-index:1;align-items:center;justify-content:center;width:35px;height:30px;padding:0;cursor:pointer;background-color:#f6f7f9;border:none}gux-tab-advanced-legacy .gux-tab .gux-tab-options-button:focus-visible{outline:none}gux-tab-advanced-legacy .gux-tab .gux-tab-options-button:focus-visible gux-icon{padding-right:0;padding-left:0;border:3px solid #aac9ff;border-radius:5px}gux-tab-advanced-legacy .gux-tab .gux-tab-options-button gux-icon{width:16px;height:16px;padding-right:16px;padding-left:8px;transition:color 0.25s}gux-tab-advanced-legacy .gux-tab:not(.gux-dropdown-options) .gux-tab-button{width:160px;height:30px;padding-right:16px}gux-tab-advanced-legacy .gux-tab:not(.gux-dropdown-options) .gux-tab-button:focus-visible{height:90%;border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab-advanced-legacy .gux-tab .tab-icon-container{display:flex;flex:0 0 16px;align-items:center;justify-content:center;height:14px;margin-right:8px}gux-tab-advanced-legacy .gux-tab .tab-icon-container gux-icon{width:100%}gux-tab-advanced-legacy .gux-tab.gux-selected{padding-bottom:0;background-color:#fdfdfd;border-bottom:2px solid #2a60c8}gux-tab-advanced-legacy .gux-tab.gux-selected .gux-tab-button{background-color:#fdfdfd}gux-tab-advanced-legacy .gux-tab.gux-selected .gux-tab-options-button{background-color:#fdfdfd}gux-tab-advanced-legacy .gux-tab:hover:not(.gux-selected):not(.gux-disabled){padding-bottom:0;border-bottom:2px solid #8a97ad}gux-tab-advanced-legacy .gux-tab gux-tooltip-title{font-size:14px;white-space:nowrap}";export{b as gux_tab_advanced_legacy}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as a,h as i,g as e}from"./p-7d26b2e1.js";import{t as n}from"./p-
|
1
|
+
import{r as t,c as a,h as i,g as e}from"./p-7d26b2e1.js";import{t as n}from"./p-605734cc.js";const s=class{constructor(i){t(this,i),this.guxpaginationchange=a(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 a=this.calculateTotalPages();t>a?this.setPage(a):(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 a=[i("gux-pagination-item-counts-legacy",{"total-items":this.totalItems,"current-page":this.currentPage,"items-per-page":this.itemsPerPage})];return"full"===t&&a.push(i("gux-pagination-items-per-page-legacy",{"items-per-page":this.itemsPerPage,onInternalitemsperpagechange:this.handleInternalitemsperpagechange.bind(this)})),i("div",{class:"gux-pagination-info"},a)}componentWillLoad(){n(this.root,{variant:this.layout})}componentWillRender(){this.totalPages=this.calculateTotalPages(),this.currentPage=this.calculateCurrentPage()}render(){return i("div",{class:"gux-pagination-container"},this.getPaginationInfoElement(this.layout),i("div",{class:"gux-pagination-change"},i("gux-pagination-buttons-legacy",{layout:this.layout,"current-page":this.currentPage,"total-pages":this.totalPages,onInternalcurrentpagechange:this.handleInternalcurrentpagechange.bind(this)})))}get root(){return e(this)}};s.style=":host{display:block;border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:space-between;height:var(--gse-ui-dataTableItems-cell-tablePagination-height);padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:flex-start;order:0;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap)}.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}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";export{s as gux_pagination_legacy}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,f as i,h as o,g as r,H as n}from"./p-7d26b2e1.js";import{O as s}from"./p-9d18d475.js";import{b as u}from"./p-deee079e.js";import{s as a}from"./p-d176c2ae.js";import{o as l,c as d}from"./p-3f5341ea.js";import{b as h}from"./p-091f51f6.js";import{t as g}from"./p-2d3e13f9.js";import{O as c}from"./p-f34ce7dc.js";import{k as p,g as f,s as x,c as v,a as m,b,h as w,d as C,e as y,f as F,i as S,j,m as k,o as z}from"./p-55cf6d81.js";import{w as R}from"./p-76ff3e75.js";import{r as E}from"./p-cbcbd1bb.js";import"./p-8a133b9b.js";const I={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};var L=function(t,e,i,o){var r,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var u=t.length-1;u>=0;u--)(r=t[u])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const T=class{constructor(i){t(this,i),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.value=void 0,this.disabled=!1,this.required=!1,this.loading=!1,this.placeholder=void 0,this.filterType="none",this.hasError=!1,this.expanded=!1,this.filter=""}watchExpanded(t){t||(this.filter="")}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}onKeydown(t){switch(t.key){case"Escape":return this.isFilterable()&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),i(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit(),this.listboxElement&&h((()=>{this.listboxElement.focus(),this.isFilterable()&&this.filterElement&&this.filterElement.focus()}))}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.listboxElement&&this.validateValue(this.value,this.listboxElement)}async componentWillLoad(){g(this.root),this.i18n=await u(this.root,I),l(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.filter=this.filter)}showTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setShowTooltip()}hideTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setHideTooltip()}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)&&(e.value=t):e&&(e.value=t)}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}isFilterable(){return"starts-with"===this.filterType||"custom"===this.filterType}get optionElements(){return p(this.listboxElement)}getOptionElementByValue(t){return this.optionElements.find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.isFilterable()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.isFilterable()&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),void this.listboxElement.focus();case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,a(this.root,"input"),a(this.root,"change")),this.collapseListbox("focusFieldButton")}getTypeaheadText(t){const e=t.length;if(e>0&&!this.loading){const i=f(this.listboxElement,t);if(i&&"custom"!==this.filterType)return i.textContent.trim().substring(e)}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?o("div",{class:"gux-selected-option"},this.renderSelectedItem(t)):o("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderSelectedItem(t){const e=t.tagName.toLowerCase();switch(e){case"gux-option":return o("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent);case"gux-option-icon":return this.renderIconOption(t);default:return e}}renderIconOption(t){let e=null;return null!==t.iconColor&&(e={color:t.iconColor}),o("span",{class:"gux-selected-icon"},o("gux-icon",{"icon-name":t.iconName,style:e,decorative:!0}),o("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent))}renderFilterInputField(){if(this.expanded&&this.isFilterable())return o("div",{class:"gux-field gux-input-field"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.filter),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.filter))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this)})))))}renderPopup(){return o("div",{slot:"popup",class:"gux-listbox-container"},o("slot",null))}renderTarget(){return o("div",{class:{"gux-target-container-expanded":this.expanded&&this.isFilterable(),"gux-target-container-collapsed":!(this.expanded&&this.isFilterable()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:d(this.root),onClick:this.fieldButtonClick.bind(this),onFocusin:this.showTooltip.bind(this),onFocusout:this.hideTooltip.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:this.expanded?"chevron-small-up":"chevron-small-down"})))}renderTargetContent(){if(!this.expanded||!this.isFilterable())return o("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return o("gux-radial-loading",{context:"input"})}render(){return o("gux-popup",{expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return r(this)}static get watchers(){return{expanded:["watchExpanded"],value:["watchValue"],filter:["handleFilter"]}}};L([s({triggerEvents:"mousedown"})],T.prototype,"onClickOutside",null),L([c({childList:!0,subtree:!0})],T.prototype,"onMutation",null),T.style=":host{color:var(--gse-ui-formControl-input-populatedColor);box-sizing:border-box}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{height:calc(var(--gse-ui-formControl-input-textfield-height) - var(--gse-ui-formControl-input-default-border-width) * 2)}.gux-field .gux-field-content{--gux-zindex-tooltip:3;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;min-width:0;height:60%}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{opacity:50%}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);padding-left:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-expanded:focus-visible,.gux-target-container-expanded:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:calc(var(--gse-ui-formControl-input-textfield-height) - var(--gse-ui-formControl-input-default-border-width) * 2);margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible,.gux-target-container-collapsed .gux-field-button:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-listbox-container{box-sizing:border-box;margin:0}.gux-selected-icon{display:flex;align-items:center}.gux-selected-icon gux-icon{width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);padding-right:var(--gse-ui-dropdown-gap)}";const O=["gux-option","gux-option-icon"].join(","),A={noMatches:"No matches",loading:"Loading..."},W=class{constructor(i){t(this,i),this.internallistboxoptionsupdated=e(this,"internallistboxoptionsupdated",7),this.value=void 0,this.loading=!1,this.filter="",this.filterType="none",this.emptyMessage=void 0,this.selectedValues=[],this.listboxOptions=[],this.allListboxOptionsFiltered=void 0}onFocus(){x(this.root)}onBlur(){v(this.root)}onKeydown(t){switch(t.key){case"Enter":return t.preventDefault(),void S(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(y(this.root)?(t.stopPropagation(),F(this.root)):b(this.root));case"ArrowUp":return t.preventDefault(),void(w(this.root)?(t.stopPropagation(),C(this.root)):m(this.root));case"Home":return t.preventDefault(),void b(this.root);case"End":return t.preventDefault(),void m(this.root);case" ":return void t.preventDefault()}1!==t.key.length||j(this.root,t.key)}onKeyup(t){" "!==t.key||S(this.root,(t=>this.updateValue(t)))}onMousemove(){v(this.root)}onClick(t){R(O,t,(t=>{z(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){S(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=Array.from(this.root.children),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),a(this.root,"input"),a(this.root,"change")}async componentWillLoad(){g(this.root),this.i18n=await u(this.root,A),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,"custom"!==this.filterType&&(t.filtered=!k(t,this.filter))})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length,!this.allListboxOptionsFiltered&&this.filter?b(this.root):v(this.root)}renderHiddenSlot(){return o("div",{hidden:!0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[o("div",{class:"gux-message-container"},o("gux-radial-loading",{context:"modal"}),o("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){return[o("div",{class:"gux-message-container"},o("div",{class:"gux-no-matches"},this.emptyMessage||this.i18n("noMatches"))),this.renderHiddenSlot()]}render(){return this.loading?this.renderLoading():this.allListboxOptionsFiltered?this.renderAllListboxOptionsFiltered():o(n,{role:"listbox",tabindex:0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}get root(){return r(this)}};W.style=":host{box-sizing:border-box;display:block;max-height:20rem;padding:var(--gse-ui-menu-padding);margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color);outline:none}:host(:focus){outline:var(--gse-semantic-focusRing-width) solid var(--gse-semantic-color-focus);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-message-container{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;text-align:center}.gux-message-container .gux-no-matches{box-sizing:border-box;height:var(--gse-ui-menu-option-height);font-family:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontFamily);font-weight:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontWeight);line-height:var(--gse-ui-dropdown-menu-emptyState-subheader-text-lineHeight);font-size:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontSize);color:var(--gse-ui-dropdown-menu-emptyState-subheader-foregroundColor)}";const B=class{constructor(e){t(this,e),this.value=void 0,this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hovered=!1}onmouseenter(){this.hovered=!0}onMouseleave(){this.hovered=!1}handleActive(t){var e,i;t?null===(e=this.truncateElement)||void 0===e||e.setShowTooltip():null===(i=this.truncateElement)||void 0===i||i.setHideTooltip()}componentWillLoad(){this.root.id=this.root.id||E("gux-option")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}render(){return o(n,{role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled,"gux-filtered":this.filtered,"gux-hovered":this.hovered,"gux-selected":this.selected},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},o("gux-truncate",{ref:t=>this.truncateElement=t},o("slot",null)))}get root(){return r(this)}static get watchers(){return{active:["handleActive"]}}};B.style=":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;height:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer;font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);gap:var(--gse-ui-menu-option-gap)}:host .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);background:var(--gse-ui-menu-option-selected-backgroundColor)}:host(.gux-active){outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);border-radius:var(--gse-semantic-focusRing-cornerRadius)}:host(.gux-hovered:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}";export{T as gux_dropdown,W as gux_listbox,B as gux_option}
|
1
|
+
import{r as t,c as e,f as i,h as o,g as r,H as n}from"./p-7d26b2e1.js";import{O as s}from"./p-9d18d475.js";import{b as u}from"./p-deee079e.js";import{s as a}from"./p-d176c2ae.js";import{o as l,c as d}from"./p-3f5341ea.js";import{b as h}from"./p-091f51f6.js";import{t as g}from"./p-605734cc.js";import{O as c}from"./p-f34ce7dc.js";import{k as p,g as f,s as x,c as v,a as m,b,h as w,d as C,e as y,f as F,i as S,j,m as k,o as z}from"./p-55cf6d81.js";import{w as R}from"./p-76ff3e75.js";import{r as E}from"./p-cbcbd1bb.js";import"./p-8a133b9b.js";const I={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};var L=function(t,e,i,o){var r,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var u=t.length-1;u>=0;u--)(r=t[u])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const T=class{constructor(i){t(this,i),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.value=void 0,this.disabled=!1,this.required=!1,this.loading=!1,this.placeholder=void 0,this.filterType="none",this.hasError=!1,this.expanded=!1,this.filter=""}watchExpanded(t){t||(this.filter="")}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}onKeydown(t){switch(t.key){case"Escape":return this.isFilterable()&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),i(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit(),this.listboxElement&&h((()=>{this.listboxElement.focus(),this.isFilterable()&&this.filterElement&&this.filterElement.focus()}))}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.listboxElement&&this.validateValue(this.value,this.listboxElement)}async componentWillLoad(){g(this.root),this.i18n=await u(this.root,I),l(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.filter=this.filter)}showTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setShowTooltip()}hideTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setHideTooltip()}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)&&(e.value=t):e&&(e.value=t)}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}isFilterable(){return"starts-with"===this.filterType||"custom"===this.filterType}get optionElements(){return p(this.listboxElement)}getOptionElementByValue(t){return this.optionElements.find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.isFilterable()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.isFilterable()&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),void this.listboxElement.focus();case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,a(this.root,"input"),a(this.root,"change")),this.collapseListbox("focusFieldButton")}getTypeaheadText(t){const e=t.length;if(e>0&&!this.loading){const i=f(this.listboxElement,t);if(i&&"custom"!==this.filterType)return i.textContent.trim().substring(e)}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?o("div",{class:"gux-selected-option"},this.renderSelectedItem(t)):o("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderSelectedItem(t){const e=t.tagName.toLowerCase();switch(e){case"gux-option":return o("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent);case"gux-option-icon":return this.renderIconOption(t);default:return e}}renderIconOption(t){let e=null;return null!==t.iconColor&&(e={color:t.iconColor}),o("span",{class:"gux-selected-icon"},o("gux-icon",{"icon-name":t.iconName,style:e,decorative:!0}),o("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent))}renderFilterInputField(){if(this.expanded&&this.isFilterable())return o("div",{class:"gux-field gux-input-field"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.filter),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.filter))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this)})))))}renderPopup(){return o("div",{slot:"popup",class:"gux-listbox-container"},o("slot",null))}renderTarget(){return o("div",{class:{"gux-target-container-expanded":this.expanded&&this.isFilterable(),"gux-target-container-collapsed":!(this.expanded&&this.isFilterable()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:d(this.root),onClick:this.fieldButtonClick.bind(this),onFocusin:this.showTooltip.bind(this),onFocusout:this.hideTooltip.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:this.expanded?"chevron-small-up":"chevron-small-down"})))}renderTargetContent(){if(!this.expanded||!this.isFilterable())return o("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return o("gux-radial-loading",{context:"input"})}render(){return o("gux-popup",{expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return r(this)}static get watchers(){return{expanded:["watchExpanded"],value:["watchValue"],filter:["handleFilter"]}}};L([s({triggerEvents:"mousedown"})],T.prototype,"onClickOutside",null),L([c({childList:!0,subtree:!0})],T.prototype,"onMutation",null),T.style=":host{color:var(--gse-ui-formControl-input-populatedColor);box-sizing:border-box}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{height:calc(var(--gse-ui-formControl-input-textfield-height) - var(--gse-ui-formControl-input-default-border-width) * 2)}.gux-field .gux-field-content{--gux-zindex-tooltip:3;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;min-width:0;height:60%}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{opacity:50%}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);padding-left:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-expanded:focus-visible,.gux-target-container-expanded:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:calc(var(--gse-ui-formControl-input-textfield-height) - var(--gse-ui-formControl-input-default-border-width) * 2);margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible,.gux-target-container-collapsed .gux-field-button:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-listbox-container{box-sizing:border-box;margin:0}.gux-selected-icon{display:flex;align-items:center}.gux-selected-icon gux-icon{width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);padding-right:var(--gse-ui-dropdown-gap)}";const O=["gux-option","gux-option-icon"].join(","),A={noMatches:"No matches",loading:"Loading..."},W=class{constructor(i){t(this,i),this.internallistboxoptionsupdated=e(this,"internallistboxoptionsupdated",7),this.value=void 0,this.loading=!1,this.filter="",this.filterType="none",this.emptyMessage=void 0,this.selectedValues=[],this.listboxOptions=[],this.allListboxOptionsFiltered=void 0}onFocus(){x(this.root)}onBlur(){v(this.root)}onKeydown(t){switch(t.key){case"Enter":return t.preventDefault(),void S(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(y(this.root)?(t.stopPropagation(),F(this.root)):b(this.root));case"ArrowUp":return t.preventDefault(),void(w(this.root)?(t.stopPropagation(),C(this.root)):m(this.root));case"Home":return t.preventDefault(),void b(this.root);case"End":return t.preventDefault(),void m(this.root);case" ":return void t.preventDefault()}1!==t.key.length||j(this.root,t.key)}onKeyup(t){" "!==t.key||S(this.root,(t=>this.updateValue(t)))}onMousemove(){v(this.root)}onClick(t){R(O,t,(t=>{z(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){S(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=Array.from(this.root.children),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),a(this.root,"input"),a(this.root,"change")}async componentWillLoad(){g(this.root),this.i18n=await u(this.root,A),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,"custom"!==this.filterType&&(t.filtered=!k(t,this.filter))})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length,!this.allListboxOptionsFiltered&&this.filter?b(this.root):v(this.root)}renderHiddenSlot(){return o("div",{hidden:!0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[o("div",{class:"gux-message-container"},o("gux-radial-loading",{context:"modal"}),o("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){return[o("div",{class:"gux-message-container"},o("div",{class:"gux-no-matches"},this.emptyMessage||this.i18n("noMatches"))),this.renderHiddenSlot()]}render(){return this.loading?this.renderLoading():this.allListboxOptionsFiltered?this.renderAllListboxOptionsFiltered():o(n,{role:"listbox",tabindex:0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}get root(){return r(this)}};W.style=":host{box-sizing:border-box;display:block;max-height:20rem;padding:var(--gse-ui-menu-padding);margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color);outline:none}:host(:focus){outline:var(--gse-semantic-focusRing-width) solid var(--gse-semantic-color-focus);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-message-container{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;text-align:center}.gux-message-container .gux-no-matches{box-sizing:border-box;height:var(--gse-ui-menu-option-height);font-family:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontFamily);font-weight:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontWeight);line-height:var(--gse-ui-dropdown-menu-emptyState-subheader-text-lineHeight);font-size:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontSize);color:var(--gse-ui-dropdown-menu-emptyState-subheader-foregroundColor)}";const B=class{constructor(e){t(this,e),this.value=void 0,this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hovered=!1}onmouseenter(){this.hovered=!0}onMouseleave(){this.hovered=!1}handleActive(t){var e,i;t?null===(e=this.truncateElement)||void 0===e||e.setShowTooltip():null===(i=this.truncateElement)||void 0===i||i.setHideTooltip()}componentWillLoad(){this.root.id=this.root.id||E("gux-option")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}render(){return o(n,{role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled,"gux-filtered":this.filtered,"gux-hovered":this.hovered,"gux-selected":this.selected},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},o("gux-truncate",{ref:t=>this.truncateElement=t},o("slot",null)))}get root(){return r(this)}static get watchers(){return{active:["handleActive"]}}};B.style=":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;height:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer;font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);gap:var(--gse-ui-menu-option-gap)}:host .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);background:var(--gse-ui-menu-option-selected-backgroundColor)}:host(.gux-active){outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);border-radius:var(--gse-semantic-focusRing-cornerRadius)}:host(.gux-hovered:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}";export{T as gux_dropdown,W as gux_listbox,B as gux_option}
|
package/dist/stencil-wrapper.js
CHANGED
@@ -7,7 +7,7 @@
|
|
7
7
|
*/
|
8
8
|
import { defineCustomElements } from '../dist/loader';
|
9
9
|
// Value templated out during build process (see scripts/wrap-stencil.js)
|
10
|
-
export const CDN_URL = '/spark-components/build-assets/4.0.0-beta.
|
10
|
+
export const CDN_URL = '/spark-components/build-assets/4.0.0-beta.35-37/genesys-webcomponents/';
|
11
11
|
// Default domain to load assets from
|
12
12
|
const DEFAULT_DOMAIN = 'mypurecloud.com';
|
13
13
|
// List of Genesys UI domains
|
package/dist/types/components/legacy/gux-tabs-advanced-legacy/gux-tab-advanced/gux-tab-advanced.d.ts
ADDED
@@ -0,0 +1,45 @@
|
|
1
|
+
import { EventEmitter, JSX } from '../../../../stencil-public-runtime';
|
2
|
+
/**
|
3
|
+
* @slot default - gux-icon (optional) and text node (required)
|
4
|
+
* @slot dropdown-options - optional slot for tab options, must slot a gux-list element with gux-list-item children
|
5
|
+
*/
|
6
|
+
export declare class GuxTabAdvancedLegacy {
|
7
|
+
private buttonElement;
|
8
|
+
private tabOptionsButtonElement;
|
9
|
+
private tooltipTitleElement;
|
10
|
+
private dropdownOptionsButtonId;
|
11
|
+
private tabTitle;
|
12
|
+
private focusinFromClick;
|
13
|
+
private root;
|
14
|
+
/**
|
15
|
+
* unique id for the tab
|
16
|
+
*/
|
17
|
+
tabId: string;
|
18
|
+
/**
|
19
|
+
* indicates whether or not the tab is selected
|
20
|
+
*/
|
21
|
+
active: boolean;
|
22
|
+
guxDisabled: boolean;
|
23
|
+
private popoverHidden;
|
24
|
+
private hasAnimated;
|
25
|
+
onFocusin(event: FocusEvent): void;
|
26
|
+
onFocusout(event: FocusEvent): void;
|
27
|
+
onKeydown(event: KeyboardEvent): void;
|
28
|
+
onKeyup(event: KeyboardEvent): void;
|
29
|
+
onClick(event: MouseEvent): void;
|
30
|
+
onMouseDown(): void;
|
31
|
+
internalactivatetabpanel: EventEmitter<string>;
|
32
|
+
guxSetActive(active: boolean): Promise<void>;
|
33
|
+
guxGetActive(): Promise<boolean>;
|
34
|
+
guxFocus(): Promise<void>;
|
35
|
+
private get hasDropdownOptions();
|
36
|
+
private focusFirstItemInPopupList;
|
37
|
+
private toggleOptions;
|
38
|
+
private onSelectDropdownOption;
|
39
|
+
private i18n;
|
40
|
+
componentWillLoad(): Promise<void>;
|
41
|
+
componentDidLoad(): void;
|
42
|
+
private popoverOnClick;
|
43
|
+
private getDropdownOptions;
|
44
|
+
render(): JSX.Element;
|
45
|
+
}
|
@@ -0,0 +1,82 @@
|
|
1
|
+
import { EventEmitter, JSX } from '../../../../stencil-public-runtime';
|
2
|
+
export declare class GuxTabAdvancedListLegacy {
|
3
|
+
private i18n;
|
4
|
+
private triggerIds;
|
5
|
+
root: HTMLElement;
|
6
|
+
/**
|
7
|
+
* Enable new tab button
|
8
|
+
*/
|
9
|
+
showNewTabButton: boolean;
|
10
|
+
/**
|
11
|
+
* Maximum number of tabs created
|
12
|
+
*/
|
13
|
+
tabLimit: number;
|
14
|
+
/**
|
15
|
+
* Enable tab sorting by drag/drop
|
16
|
+
*/
|
17
|
+
allowSort: boolean;
|
18
|
+
focused: number;
|
19
|
+
/**
|
20
|
+
* Disable new tab button event
|
21
|
+
*/
|
22
|
+
disableAddTabButton: boolean;
|
23
|
+
tabTriggers: NodeListOf<HTMLGuxTabAdvancedLegacyElement>;
|
24
|
+
/**
|
25
|
+
* Tabs show scrollbar when tabs overflow container
|
26
|
+
*/
|
27
|
+
private hasScrollbar;
|
28
|
+
/**
|
29
|
+
* Keyboard sort has been triggered using space
|
30
|
+
*/
|
31
|
+
private keyboardSort;
|
32
|
+
/**
|
33
|
+
* Index of sort target before sort starts
|
34
|
+
*/
|
35
|
+
private initialSortIndex;
|
36
|
+
/**
|
37
|
+
* Selected target for sort
|
38
|
+
*/
|
39
|
+
private sortTarget;
|
40
|
+
/**
|
41
|
+
* Translation key for aria live alert for keyboard sort
|
42
|
+
*/
|
43
|
+
private ariaLiveAlert;
|
44
|
+
/**
|
45
|
+
* Triggers when the new tab button is selected.
|
46
|
+
*/
|
47
|
+
newTab: EventEmitter;
|
48
|
+
/**
|
49
|
+
* Triggers when the sorting of the tabs is changed.
|
50
|
+
*/
|
51
|
+
sortChanged: EventEmitter<string[]>;
|
52
|
+
onFocusin(event: FocusEvent): void;
|
53
|
+
onFocusout(event: FocusEvent): void;
|
54
|
+
watchAllowSort(allowSort: boolean): void;
|
55
|
+
private sortableInstance?;
|
56
|
+
private resizeObserver?;
|
57
|
+
private domObserver?;
|
58
|
+
onMutation(): void;
|
59
|
+
onKeydown(event: KeyboardEvent): void;
|
60
|
+
onKeyup(event: KeyboardEvent): void;
|
61
|
+
guxSetActive(activeTab: string): Promise<void>;
|
62
|
+
private focusTab;
|
63
|
+
private setTabTriggers;
|
64
|
+
createSortable(): void;
|
65
|
+
destroySortable(): void;
|
66
|
+
emitSortChanged(): void;
|
67
|
+
checkForScrollbarHideOrShow(): void;
|
68
|
+
handleKeyboardScroll(direction: 'forward' | 'backward'): void;
|
69
|
+
disconnectedCallback(): void;
|
70
|
+
componentWillLoad(): Promise<void>;
|
71
|
+
private validateSortableInstance;
|
72
|
+
componentDidLoad(): void;
|
73
|
+
scrollLeft(): void;
|
74
|
+
scrollRight(): void;
|
75
|
+
scrollToStart(): void;
|
76
|
+
scrollToEnd(): void;
|
77
|
+
componentWillRender(): void;
|
78
|
+
render(): JSX.Element;
|
79
|
+
private renderScrollButton;
|
80
|
+
private getScrollDirection;
|
81
|
+
private getChevronIconName;
|
82
|
+
}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import { EventEmitter, JSX } from '../../../../stencil-public-runtime';
|
2
|
+
/**
|
3
|
+
* @slot - content
|
4
|
+
*/
|
5
|
+
export declare class GuxTabAdvancedPanelLegacy {
|
6
|
+
tabId: string;
|
7
|
+
active: boolean;
|
8
|
+
guxSetActive(active: boolean): Promise<void>;
|
9
|
+
guxactivepanelchange: EventEmitter<string>;
|
10
|
+
watchActivePanel(): void;
|
11
|
+
render(): JSX.Element;
|
12
|
+
}
|
@@ -0,0 +1,25 @@
|
|
1
|
+
import { EventEmitter, JSX } from '../../../stencil-public-runtime';
|
2
|
+
/**
|
3
|
+
* @slot tab-list - Slot for gux-tab-advanced-list element
|
4
|
+
* @slot - collection of gux-tab-advanced-panel elements
|
5
|
+
*/
|
6
|
+
export declare class GuxTabsAdvancedLegacy {
|
7
|
+
private root;
|
8
|
+
tabList: HTMLGuxTabAdvancedListLegacyElement;
|
9
|
+
tabPanels: HTMLGuxTabAdvancedPanelLegacyElement[];
|
10
|
+
/**
|
11
|
+
* tabId of the currently selected tab
|
12
|
+
*/
|
13
|
+
activeTab: string;
|
14
|
+
/**
|
15
|
+
* Triggers when the active tab changes.
|
16
|
+
*/
|
17
|
+
guxactivetabchange: EventEmitter<string>;
|
18
|
+
watchActiveTab(newValue: string): void;
|
19
|
+
onInternalActivateTabPanel(event: CustomEvent): void;
|
20
|
+
guxActivate(tabId: string): Promise<void>;
|
21
|
+
private onSlotchange;
|
22
|
+
private activateTab;
|
23
|
+
componentWillLoad(): void;
|
24
|
+
render(): JSX.Element;
|
25
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
export type GuxIconIconName = '8x8' | '8x8-alt' | 'add' | 'add-circle' | 'agent' | 'agent-circle' | 'agent-group' | 'alert-info' | 'alert-success' | 'alert-warning-octogon' | 'alert-warning-triangle' | 'android' | 'app-chart' | 'app-generic' | 'app-layout' | 'app-table' | 'apple' | 'archive' | 'arrow-down' | 'arrow-down-left' | 'arrow-down-right' | 'arrow-left' | 'arrow-right' | 'arrow-solid-down' | 'arrow-solid-left' | 'arrow-solid-right' | 'arrow-solid-up' | 'arrow-up' | 'arrow-up-left' | 'arrow-up-right' | 'at' | 'attachment' | 'backspace' | 'badge-amount' | 'badge-check' | 'badge-edit' | 'badge-file' | 'badge-pause' | 'badge-x' | 'ban-outline' | 'bell' | 'bolt' | 'bot' | 'branch' | 'bug' | 'bus' | 'calendar' | 'calendar-add' | 'calendar-clock' | 'campaign' | 'certificate' | 'chat' | 'chat-bell' | 'chat-close' | 'chat-disable' | 'chat-multi' | 'chat-notification-score' | 'checkbox' | 'checkbox-active' | 'checkbox-partial' | 'checkmark' | 'chevron-double-down' | 'chevron-double-left' | 'chevron-double-right' | 'chevron-double-up' | 'chevron-left' | 'chevron-right' | 'chevron-small-down' | 'chevron-small-left' | 'chevron-small-right' | 'chevron-small-up' | 'chrome' | 'cjv-badge-file' | 'cjv-calendar-clock' | 'cjv-custom-default' | 'cjv-custom-event' | 'cjv-custom-session' | 'cjv-default-event' | 'cjv-delivery' | 'cjv-finance-invoice' | 'cjv-form-abandoned' | 'cjv-form-submitted' | 'cjv-generic-application' | 'cjv-offer-closed' | 'cjv-offer-ignored' | 'cjv-offer-offered' | 'cjv-offer-opened' | 'cjv-outcome-achieved' | 'cjv-page-view' | 'cjv-policy-contract' | 'cjv-product-added' | 'cjv-product-purchased' | 'cjv-product-removed' | 'cjv-search' | 'cjv-segment' | 'cjv-segment-assigned' | 'cjv-web-session' | 'cjv-webchat-accepted' | 'cjv-webchat-error' | 'cjv-webchat-ignored' | 'cjv-webchat-offered' | 'cjv-webchat-rejected' | 'cjv-webchat-requested' | 'cjv-webchat-submitted' | 'cjv-webchat-timeout' | 'clipboard' | 'clipboard-error' | 'clipboard-success' | 'clock' | 'clock-outline' | 'clone' | 'close' | 'close-circle' | 'cloud' | 'cloud-outline' | 'coaching' | 'cobrowse' | 'collapse' | 'comments' | 'comments-disable' | 'configuration' | 'control-end' | 'control-pause' | 'control-play' | 'control-skip-left' | 'control-skip-right' | 'control-slide-back' | 'control-slide-forward' | 'control-start' | 'control-stop' | 'copy' | 'custom/binoculars-slash-regular' | 'custom/carousel' | 'custom/clipboard-list-slash-regular' | 'custom/co-browse' | 'custom/file-pen-question' | 'custom/filter-notification' | 'custom/font-regular-highlight' | 'custom/list-alphabetical-regular' | 'custom/list-roman-regular' | 'custom/one-button' | 'custom/person-running' | 'custom/quick-reply' | 'custom/three-button' | 'customer-journey' | 'cut' | 'dash' | 'delete' | 'device-camera' | 'device-cellphone' | 'device-headphones' | 'device-laptop' | 'device-pc' | 'device-server' | 'device-tablet' | 'download' | 'edge' | 'edit' | 'email-notification-score' | 'expand' | 'export' | 'external-link' | 'fa/00-solid' | 'fa/1-regular' | 'fa/alarm-clock-regular' | 'fa/alarm-snooze-regular' | 'fa/align-center-regular' | 'fa/align-justify-regular' | 'fa/align-left-regular' | 'fa/align-right-regular' | 'fa/arrow-down-wide-short-regular' | 'fa/arrow-turn-down-right-regular' | 'fa/arrows-rotate-solid' | 'fa/arrows-to-circle-regular' | 'fa/asterix-regular' | 'fa/award-solid' | 'fa/backward-step-regular' | 'fa/ban-regular' | 'fa/bell-on-regular' | 'fa/bell-slash-regular' | 'fa/binoculars-regular' | 'fa/bold-regular' | 'fa/book-regular' | 'fa/briefcase-regular' | 'fa/bullseye-regular' | 'fa/calculator-regular' | 'fa/calendar-days-regular' | 'fa/circle-check-regular' | 'fa/circle-check-solid' | 'fa/circle-info-solid' | 'fa/circle-play-regular' | 'fa/circle-plus-solid' | 'fa/circle-xmark-regular' | 'fa/clipboard-list-regular' | 'fa/clock-nine-regular' | 'fa/clock-rotate-left-regular' | 'fa/code-branch-regular' | 'fa/code-regular' | 'fa/comment-dots-regular' | 'fa/comments-regular' | 'fa/crop-simple-regular' | 'fa/cube-regular' | 'fa/database-regular' | 'fa/diagram-nested-regular' | 'fa/diagram-project-gear-regular' | 'fa/diagram-project-regular' | 'fa/diamond-regular' | 'fa/draw-circle-solid' | 'fa/face-frown-regular' | 'fa/face-frown-solid' | 'fa/face-laugh-regular' | 'fa/face-laugh-solid' | 'fa/file-chart-pie-regular' | 'fa/file-exclamation-regular' | 'fa/film-solid' | 'fa/filter-solid' | 'fa/font-regular' | 'fa/forward-step-regular' | 'fa/function-regular' | 'fa/gears-regular' | 'fa/gem-regular' | 'fa/google' | 'fa/hand-back-point-right-regular' | 'fa/hand-pointer-regular' | 'fa/hashtag-regular' | 'fa/hexagon-exclamation-solid' | 'fa/highlighter-line-regular' | 'fa/hourglass-start-regular' | 'fa/indent-regular' | 'fa/infinity-regular' | 'fa/italic-regular' | 'fa/language-regular' | 'fa/life-ring-regular' | 'fa/link-horizontal-slash-regular' | 'fa/link-horizontal-solid' | 'fa/list-ol-regular' | 'fa/list-radio-clean-regular' | 'fa/list-radio-regular' | 'fa/list-regular' | 'fa/list-ul-regular' | 'fa/map-regular' | 'fa/map-solid' | 'fa/memo-circle-check-regular' | 'fa/message-regular' | 'fa/microchip-solid' | 'fa/microsoft' | 'fa/money-bill-regular' | 'fa/outdent-regular' | 'fa/pause-regular' | 'fa/pen-slash-regular' | 'fa/play-regular' | 'fa/puzzle-piece-regular' | 'fa/question-solid' | 'fa/ranking-star-regular' | 'fa/rectangle-list-regular' | 'fa/regular-user-circle-arrow-left' | 'fa/reply-regular' | 'fa/right-to-bracket-regular' | 'fa/road-regular' | 'fa/rocket-regular' | 'fa/route-regular' | 'fa/share-regular' | 'fa/shuffle-regular' | 'fa/sigma-regular' | 'fa/signs-post-regular' | 'fa/sitemap-regular' | 'fa/sliders-solid' | 'fa/square-dashed-regular' | 'fa/stop-regular' | 'fa/strikethrough-regular' | 'fa/subscript-regular' | 'fa/superscript-regular' | 'fa/text-size-regular' | 'fa/text-slash-regular' | 'fa/ticket-regular' | 'fa/triangle-exclamation-solid' | 'fa/underline-regular' | 'fa/user-group-solid' | 'fa/volume-regular' | 'fa/volume-xmark-regular' | 'fa/wand-magic-sparkles-regular' | 'fa/windows' | 'face-empathy' | 'face-happy' | 'face-happy-solid' | 'face-neutral' | 'face-neutral-solid' | 'face-sad' | 'face-sad-solid' | 'facebook' | 'facebook-messenger' | 'fax' | 'file' | 'file-all' | 'file-audio' | 'file-image-landscape' | 'file-image-portrait' | 'file-pdf' | 'file-preview' | 'file-report' | 'file-text' | 'file-video' | 'filter' | 'fire' | 'firefox' | 'flag' | 'folder' | 'folder-add' | 'folder-open' | 'follow' | 'generic' | 'globe' | 'grab-horizontal' | 'grab-vertical' | 'graph-bar-horizontal' | 'graph-bar-vertical' | 'graph-bubble' | 'graph-chart' | 'graph-line' | 'graph-pie' | 'graph-spark' | 'group-standard' | 'help' | 'home' | 'hourglass' | 'import' | 'inbox' | 'inspect' | 'inspect-disable' | 'instagram' | 'internet-explorer' | 'key' | 'lightbulb' | 'line-messenger' | 'link' | 'linkedin' | 'linux' | 'lock' | 'lock-hold' | 'logout' | 'low-bandwidth' | 'lunch' | 'menu' | 'menu-kebab-horizontal' | 'menu-kebab-vertical' | 'message-email' | 'message-email-outbound' | 'message-forward' | 'message-reply' | 'message-reply-all' | 'microphone' | 'microphone-disable' | 'microphone-talking' | 'microsoft' | 'microsoft-teams' | 'moon' | 'music' | 'notes' | 'notification' | 'opera' | 'operator-pair' | 'paint' | 'palette' | 'parking-sign-regular' | 'paste' | 'people' | 'phone' | 'phone-bell' | 'phone-call-directory' | 'phone-call-history' | 'phone-callback' | 'phone-close' | 'phone-conference' | 'phone-dialpad' | 'phone-disable' | 'phone-forward' | 'phone-hangup' | 'phone-hold' | 'phone-inbound' | 'phone-missed-call' | 'phone-notification-score' | 'phone-outbound' | 'phone-success' | 'phone-voice' | 'pin' | 'pin-location' | 'post' | 'product-logo-beyond' | 'product-logo-g' | 'quote-left' | 'quote-right' | 'radio' | 'radio-active' | 'rating' | 'rating-active' | 'rating-partial' | 'record' | 'refresh' | 'reset' | 'resource' | 'retweet' | 'roster-chat' | 'roster-chat-disable' | 'roster-email' | 'roster-email-disable' | 'roster-instagram' | 'roster-instagram-disable' | 'roster-line' | 'roster-line-disable' | 'roster-message' | 'roster-message-disable' | 'roster-messenger' | 'roster-messenger-disable' | 'roster-phone' | 'roster-phone-disable' | 'roster-sms' | 'roster-sms-disable' | 'roster-twitter' | 'roster-twitter-disable' | 'roster-wechat' | 'roster-wechat-disable' | 'roster-whatsapp' | 'roster-whatsapp-disable' | 'rss' | 'run' | 'safari' | 'save' | 'screen-share-regular' | 'screen-share-slash' | 'scripter' | 'search' | 'send' | 'server' | 'settings' | 'share' | 'shield-lock' | 'shield-outline' | 'shield-solid' | 'site' | 'skills' | 'slideshare' | 'sms' | 'sms-cancel' | 'sms-close' | 'stamp' | 'subtract' | 'subtract-circle' | 'sun' | 'tag' | 'tag-add' | 'tag-remove' | 'telegram' | 'tenant' | 'thumbs-down' | 'thumbs-up' | 'timeline' | 'toolbar-apps' | 'toolbar-apps-disable' | 'toolbar-assist' | 'toolbar-assist-disable' | 'toolbar-chat' | 'toolbar-chat-disable' | 'toolbar-favorite' | 'toolbar-favourite' | 'toolbar-help' | 'toolbar-inbox' | 'toolbar-interactions' | 'toolbar-interactions-disable' | 'toolbar-notification' | 'toolbar-phone' | 'toolbar-phone-active-1' | 'toolbar-phone-active-2' | 'toolbar-phone-active-3' | 'toolbar-phone-disable' | 'toolbar-video' | 'toolbar-video-disable' | 'trade' | 'transfer' | 'twitter' | 'unknown' | 'unlink' | 'unlock' | 'upload' | 'user' | 'user-add' | 'user-circle' | 'user-contact-id' | 'user-directory' | 'user-group' | 'user-interactions' | 'user-interactions-disable' | 'viber' | 'video' | 'video-disable' | 'view-all' | 'view-cells' | 'view-grid' | 'view-list' | 'view-lists' | 'view-roster' | 'view-stacked' | 'voicemail' | 'volume-disable' | 'volume-down' | 'volume-none' | 'volume-up' | 'web' | 'webcam' | 'webcam-disable' | 'wechat' | 'whatsapp' | 'window-actual-size' | 'window-contract' | 'window-drag-out' | 'window-expand' | 'window-fullscreen' | 'window-popout' | 'wordpress' | 'youtube' | 'zoom-in' | 'zoom-out';
|
1
|
+
export type GuxIconIconName = '8x8' | '8x8-alt' | 'add' | 'add-circle' | 'agent' | 'agent-circle' | 'agent-group' | 'alert-info' | 'alert-success' | 'alert-warning-octogon' | 'alert-warning-triangle' | 'android' | 'app-chart' | 'app-generic' | 'app-layout' | 'app-table' | 'apple' | 'archive' | 'arrow-down' | 'arrow-down-left' | 'arrow-down-right' | 'arrow-left' | 'arrow-right' | 'arrow-solid-down' | 'arrow-solid-left' | 'arrow-solid-right' | 'arrow-solid-up' | 'arrow-up' | 'arrow-up-left' | 'arrow-up-right' | 'at' | 'attachment' | 'backspace' | 'badge-amount' | 'badge-check' | 'badge-edit' | 'badge-file' | 'badge-pause' | 'badge-x' | 'ban-outline' | 'bell' | 'bolt' | 'bot' | 'branch' | 'bug' | 'bus' | 'calendar' | 'calendar-add' | 'calendar-clock' | 'campaign' | 'certificate' | 'chat' | 'chat-bell' | 'chat-close' | 'chat-disable' | 'chat-multi' | 'chat-notification-score' | 'checkbox' | 'checkbox-active' | 'checkbox-partial' | 'checkmark' | 'chevron-double-down' | 'chevron-double-left' | 'chevron-double-right' | 'chevron-double-up' | 'chevron-left' | 'chevron-right' | 'chevron-small-down' | 'chevron-small-left' | 'chevron-small-right' | 'chevron-small-up' | 'chrome' | 'cjv-badge-file' | 'cjv-calendar-clock' | 'cjv-custom-default' | 'cjv-custom-event' | 'cjv-custom-session' | 'cjv-default-event' | 'cjv-delivery' | 'cjv-finance-invoice' | 'cjv-form-abandoned' | 'cjv-form-submitted' | 'cjv-generic-application' | 'cjv-offer-closed' | 'cjv-offer-ignored' | 'cjv-offer-offered' | 'cjv-offer-opened' | 'cjv-outcome-achieved' | 'cjv-page-view' | 'cjv-policy-contract' | 'cjv-product-added' | 'cjv-product-purchased' | 'cjv-product-removed' | 'cjv-search' | 'cjv-segment' | 'cjv-segment-assigned' | 'cjv-web-session' | 'cjv-webchat-accepted' | 'cjv-webchat-error' | 'cjv-webchat-ignored' | 'cjv-webchat-offered' | 'cjv-webchat-rejected' | 'cjv-webchat-requested' | 'cjv-webchat-submitted' | 'cjv-webchat-timeout' | 'clipboard' | 'clipboard-error' | 'clipboard-success' | 'clock' | 'clock-outline' | 'clone' | 'close' | 'close-circle' | 'cloud' | 'cloud-outline' | 'coaching' | 'cobrowse' | 'collapse' | 'comments' | 'comments-disable' | 'configuration' | 'control-end' | 'control-pause' | 'control-play' | 'control-skip-left' | 'control-skip-right' | 'control-slide-back' | 'control-slide-forward' | 'control-start' | 'control-stop' | 'copy' | 'custom/binoculars-slash-regular' | 'custom/carousel' | 'custom/clipboard-list-slash-regular' | 'custom/co-browse' | 'custom/face-smile-hearts-regular' | 'custom/file-pen-question' | 'custom/filter-notification' | 'custom/font-regular-highlight' | 'custom/list-alphabetical-regular' | 'custom/list-roman-regular' | 'custom/one-button' | 'custom/person-running' | 'custom/quick-reply' | 'custom/three-button' | 'customer-journey' | 'cut' | 'dash' | 'delete' | 'device-camera' | 'device-cellphone' | 'device-headphones' | 'device-laptop' | 'device-pc' | 'device-server' | 'device-tablet' | 'download' | 'edge' | 'edit' | 'email-notification-score' | 'expand' | 'export' | 'external-link' | 'fa/00-solid' | 'fa/1-regular' | 'fa/alarm-clock-regular' | 'fa/alarm-snooze-regular' | 'fa/align-center-regular' | 'fa/align-justify-regular' | 'fa/align-left-regular' | 'fa/align-right-regular' | 'fa/arrow-down-wide-short-regular' | 'fa/arrow-turn-down-right-regular' | 'fa/arrows-rotate-solid' | 'fa/arrows-to-circle-regular' | 'fa/asterix-regular' | 'fa/award-solid' | 'fa/backward-step-regular' | 'fa/ban-regular' | 'fa/bell-on-regular' | 'fa/bell-slash-regular' | 'fa/binoculars-regular' | 'fa/bold-regular' | 'fa/book-regular' | 'fa/briefcase-regular' | 'fa/bullseye-regular' | 'fa/calculator-regular' | 'fa/calendar-days-regular' | 'fa/circle-check-regular' | 'fa/circle-check-solid' | 'fa/circle-info-solid' | 'fa/circle-play-regular' | 'fa/circle-plus-solid' | 'fa/circle-xmark-regular' | 'fa/clipboard-list-regular' | 'fa/clock-nine-regular' | 'fa/clock-rotate-left-regular' | 'fa/code-branch-regular' | 'fa/code-regular' | 'fa/comment-dots-regular' | 'fa/comments-regular' | 'fa/crop-simple-regular' | 'fa/cube-regular' | 'fa/database-regular' | 'fa/diagram-nested-regular' | 'fa/diagram-project-gear-regular' | 'fa/diagram-project-regular' | 'fa/diamond-regular' | 'fa/draw-circle-solid' | 'fa/face-frown-regular' | 'fa/face-frown-solid' | 'fa/face-laugh-regular' | 'fa/face-laugh-solid' | 'fa/file-chart-pie-regular' | 'fa/file-exclamation-regular' | 'fa/film-solid' | 'fa/filter-solid' | 'fa/font-regular' | 'fa/forward-step-regular' | 'fa/function-regular' | 'fa/gears-regular' | 'fa/gem-regular' | 'fa/google' | 'fa/hand-back-point-right-regular' | 'fa/hand-pointer-regular' | 'fa/hashtag-regular' | 'fa/hexagon-exclamation-solid' | 'fa/highlighter-line-regular' | 'fa/hourglass-start-regular' | 'fa/indent-regular' | 'fa/infinity-regular' | 'fa/italic-regular' | 'fa/language-regular' | 'fa/life-ring-regular' | 'fa/link-horizontal-slash-regular' | 'fa/link-horizontal-solid' | 'fa/list-ol-regular' | 'fa/list-radio-clean-regular' | 'fa/list-radio-regular' | 'fa/list-regular' | 'fa/list-ul-regular' | 'fa/map-regular' | 'fa/map-solid' | 'fa/memo-circle-check-regular' | 'fa/message-regular' | 'fa/microchip-solid' | 'fa/microsoft' | 'fa/money-bill-regular' | 'fa/outdent-regular' | 'fa/pause-regular' | 'fa/pen-slash-regular' | 'fa/play-regular' | 'fa/puzzle-piece-regular' | 'fa/question-solid' | 'fa/ranking-star-regular' | 'fa/rectangle-list-regular' | 'fa/regular-user-circle-arrow-left' | 'fa/reply-regular' | 'fa/right-to-bracket-regular' | 'fa/road-regular' | 'fa/rocket-regular' | 'fa/route-regular' | 'fa/share-regular' | 'fa/shuffle-regular' | 'fa/sigma-regular' | 'fa/signs-post-regular' | 'fa/sitemap-regular' | 'fa/sliders-solid' | 'fa/square-dashed-regular' | 'fa/stop-regular' | 'fa/strikethrough-regular' | 'fa/subscript-regular' | 'fa/superscript-regular' | 'fa/text-size-regular' | 'fa/text-slash-regular' | 'fa/ticket-regular' | 'fa/triangle-exclamation-solid' | 'fa/underline-regular' | 'fa/user-group-solid' | 'fa/volume-regular' | 'fa/volume-xmark-regular' | 'fa/wand-magic-sparkles-regular' | 'fa/windows' | 'face-empathy' | 'face-happy' | 'face-happy-solid' | 'face-neutral' | 'face-neutral-solid' | 'face-sad' | 'face-sad-solid' | 'facebook' | 'facebook-messenger' | 'fax' | 'file' | 'file-all' | 'file-audio' | 'file-image-landscape' | 'file-image-portrait' | 'file-pdf' | 'file-preview' | 'file-report' | 'file-text' | 'file-video' | 'filter' | 'fire' | 'firefox' | 'flag' | 'folder' | 'folder-add' | 'folder-open' | 'follow' | 'generic' | 'globe' | 'grab-horizontal' | 'grab-vertical' | 'graph-bar-horizontal' | 'graph-bar-vertical' | 'graph-bubble' | 'graph-chart' | 'graph-line' | 'graph-pie' | 'graph-spark' | 'group-standard' | 'help' | 'home' | 'hourglass' | 'import' | 'inbox' | 'inspect' | 'inspect-disable' | 'instagram' | 'internet-explorer' | 'key' | 'lightbulb' | 'line-messenger' | 'link' | 'linkedin' | 'linux' | 'lock' | 'lock-hold' | 'logout' | 'low-bandwidth' | 'lunch' | 'menu' | 'menu-kebab-horizontal' | 'menu-kebab-vertical' | 'message-email' | 'message-email-outbound' | 'message-forward' | 'message-reply' | 'message-reply-all' | 'microphone' | 'microphone-disable' | 'microphone-talking' | 'microsoft' | 'microsoft-teams' | 'moon' | 'music' | 'notes' | 'notification' | 'opera' | 'operator-pair' | 'paint' | 'palette' | 'parking-sign-regular' | 'paste' | 'people' | 'phone' | 'phone-bell' | 'phone-call-directory' | 'phone-call-history' | 'phone-callback' | 'phone-close' | 'phone-conference' | 'phone-dialpad' | 'phone-disable' | 'phone-forward' | 'phone-hangup' | 'phone-hold' | 'phone-inbound' | 'phone-missed-call' | 'phone-notification-score' | 'phone-outbound' | 'phone-success' | 'phone-voice' | 'pin' | 'pin-location' | 'post' | 'product-logo-beyond' | 'product-logo-g' | 'quote-left' | 'quote-right' | 'radio' | 'radio-active' | 'rating' | 'rating-active' | 'rating-partial' | 'record' | 'refresh' | 'reset' | 'resource' | 'retweet' | 'roster-chat' | 'roster-chat-disable' | 'roster-email' | 'roster-email-disable' | 'roster-instagram' | 'roster-instagram-disable' | 'roster-line' | 'roster-line-disable' | 'roster-message' | 'roster-message-disable' | 'roster-messenger' | 'roster-messenger-disable' | 'roster-phone' | 'roster-phone-disable' | 'roster-sms' | 'roster-sms-disable' | 'roster-twitter' | 'roster-twitter-disable' | 'roster-wechat' | 'roster-wechat-disable' | 'roster-whatsapp' | 'roster-whatsapp-disable' | 'rss' | 'run' | 'safari' | 'save' | 'screen-share-regular' | 'screen-share-slash' | 'scripter' | 'search' | 'send' | 'server' | 'settings' | 'share' | 'shield-lock' | 'shield-outline' | 'shield-solid' | 'site' | 'skills' | 'slideshare' | 'sms' | 'sms-cancel' | 'sms-close' | 'stamp' | 'subtract' | 'subtract-circle' | 'sun' | 'tag' | 'tag-add' | 'tag-remove' | 'telegram' | 'tenant' | 'thumbs-down' | 'thumbs-up' | 'timeline' | 'toolbar-apps' | 'toolbar-apps-disable' | 'toolbar-assist' | 'toolbar-assist-disable' | 'toolbar-chat' | 'toolbar-chat-disable' | 'toolbar-favorite' | 'toolbar-favourite' | 'toolbar-help' | 'toolbar-inbox' | 'toolbar-interactions' | 'toolbar-interactions-disable' | 'toolbar-notification' | 'toolbar-phone' | 'toolbar-phone-active-1' | 'toolbar-phone-active-2' | 'toolbar-phone-active-3' | 'toolbar-phone-disable' | 'toolbar-video' | 'toolbar-video-disable' | 'trade' | 'transfer' | 'twitter' | 'unknown' | 'unlink' | 'unlock' | 'upload' | 'user' | 'user-add' | 'user-circle' | 'user-contact-id' | 'user-directory' | 'user-group' | 'user-interactions' | 'user-interactions-disable' | 'viber' | 'video' | 'video-disable' | 'view-all' | 'view-cells' | 'view-grid' | 'view-list' | 'view-lists' | 'view-roster' | 'view-stacked' | 'voicemail' | 'volume-disable' | 'volume-down' | 'volume-none' | 'volume-up' | 'web' | 'webcam' | 'webcam-disable' | 'wechat' | 'whatsapp' | 'window-actual-size' | 'window-contract' | 'window-drag-out' | 'window-expand' | 'window-fullscreen' | 'window-popout' | 'wordpress' | 'youtube' | 'zoom-in' | 'zoom-out';
|