genesys-spark-components 3.6.0 → 3.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/dist/cjs/{en-3662eafc.js → en-3d7b896f.js} +3 -1
- package/dist/cjs/genesys-webcomponents.cjs.js +2 -2
- package/dist/cjs/gux-accordion-legacy.cjs.entry.js +2 -2
- package/dist/cjs/gux-accordion-section.cjs.entry.js +1 -1
- package/dist/cjs/gux-accordion.cjs.entry.js +2 -2
- package/dist/cjs/gux-action-button-legacy.cjs.entry.js +4 -4
- package/dist/cjs/gux-action-button.cjs.entry.js +4 -4
- package/dist/cjs/gux-action-item.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-list-divider.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-list-legacy.cjs.entry.js +2 -2
- package/dist/cjs/gux-action-toast.cjs.entry.js +2 -2
- package/dist/cjs/gux-advanced-dropdown.cjs.entry.js +3 -3
- package/dist/cjs/gux-all-row-select.cjs.entry.js +3 -3
- package/dist/cjs/gux-badge-beta.cjs.entry.js +3 -3
- package/dist/cjs/gux-breadcrumb-item.cjs.entry.js +1 -1
- package/dist/cjs/gux-breadcrumbs.cjs.entry.js +3 -3
- package/dist/cjs/gux-button-multi-legacy.cjs.entry.js +3 -3
- package/dist/cjs/gux-button-multi.cjs.entry.js +3 -3
- package/dist/cjs/gux-button-slot-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-button.cjs.entry.js +2 -2
- package/dist/cjs/gux-calendar.cjs.entry.js +3 -3
- package/dist/cjs/gux-card-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-chart-column-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-chart-donut-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-chart-line-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-chart-pie-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-chart-scatter-plot-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-color-select_2.cjs.entry.js +1 -1
- package/dist/cjs/gux-command-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-command-palette-legacy.cjs.entry.js +3 -3
- package/dist/cjs/gux-content-search.cjs.entry.js +3 -3
- package/dist/cjs/gux-copy-to-clipboard-beta.cjs.entry.js +3 -3
- package/dist/cjs/gux-datepicker.cjs.entry.js +4 -4
- package/dist/cjs/gux-disclosure-button.cjs.entry.js +3 -3
- package/dist/cjs/gux-dismiss-button.cjs.entry.js +3 -3
- package/dist/cjs/gux-dropdown-legacy.cjs.entry.js +4 -4
- package/dist/cjs/gux-dropdown-multi-beta.cjs.entry.js +4 -4
- package/dist/cjs/gux-dropdown-multi-tag.cjs.entry.js +2 -2
- package/dist/cjs/gux-dropdown-option.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown_3.cjs.entry.js +4 -4
- package/dist/cjs/gux-error-message-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-flyout-menu-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +4 -4
- package/dist/cjs/gux-form-field-color.cjs.entry.js +5 -5
- package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +5 -5
- package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +3 -3
- package/dist/cjs/{gux-form-field-label-d5088b51.js → gux-form-field-label-abbb7396.js} +1 -1
- package/dist/cjs/gux-form-field-legacy.cjs.entry.js +3 -3
- package/dist/cjs/gux-form-field-number.cjs.entry.js +6 -6
- package/dist/cjs/gux-form-field-radio.cjs.entry.js +4 -4
- package/dist/cjs/gux-form-field-range.cjs.entry.js +5 -5
- package/dist/cjs/gux-form-field-search.cjs.entry.js +5 -5
- package/dist/cjs/gux-form-field-select.cjs.entry.js +5 -5
- package/dist/cjs/gux-form-field-text-like.cjs.entry.js +5 -5
- package/dist/cjs/gux-form-field-textarea.cjs.entry.js +5 -5
- package/dist/cjs/{gux-form-field.service-e38b2c2f.js → gux-form-field.service-21126f1d.js} +1 -1
- package/dist/cjs/gux-icon.cjs.entry.js +2 -2
- package/dist/cjs/gux-input-checkbox_7.cjs.entry.js +2 -2
- package/dist/cjs/gux-input-search.cjs.entry.js +2 -2
- package/dist/cjs/gux-input-text-like.cjs.entry.js +2 -2
- package/dist/cjs/gux-list-divider-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-list-divider.cjs.entry.js +1 -1
- package/dist/cjs/gux-list-item-legacy_2.cjs.entry.js +2 -2
- package/dist/cjs/gux-list-item.cjs.entry.js +1 -1
- package/dist/cjs/gux-list.cjs.entry.js +2 -2
- package/dist/cjs/gux-listbox-multi.cjs.entry.js +3 -3
- package/dist/cjs/gux-menu-option.cjs.entry.js +1 -1
- package/dist/cjs/gux-menu.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal.cjs.entry.js +2 -2
- package/dist/cjs/gux-notification-toast.cjs.entry.js +2 -2
- package/dist/cjs/gux-option-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-option-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +2 -2
- package/dist/cjs/gux-pagination-beta.cjs.entry.js +2 -2
- package/dist/cjs/gux-pagination-buttons-beta_3.cjs.entry.js +2 -2
- package/dist/cjs/gux-pagination-buttons_3.cjs.entry.js +2 -2
- package/dist/cjs/gux-pagination-cursor.cjs.entry.js +3 -3
- package/dist/cjs/gux-pagination.cjs.entry.js +2 -2
- package/dist/cjs/gux-panel-frame-legacy.cjs.entry.js +2 -2
- package/dist/cjs/gux-popover-list.cjs.entry.js +3 -3
- package/dist/cjs/gux-popover.cjs.entry.js +3 -3
- package/dist/cjs/gux-popup.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-loading.cjs.entry.js +3 -3
- package/dist/cjs/gux-radial-progress.cjs.entry.js +2 -2
- package/dist/cjs/gux-rating.cjs.entry.js +2 -2
- package/dist/cjs/gux-row-select.cjs.entry.js +3 -3
- package/dist/cjs/gux-side-panel-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-side-panel-legacy.cjs.entry.js +2 -2
- package/dist/cjs/gux-simple-toast.cjs.entry.js +2 -2
- package/dist/cjs/gux-sort-control.cjs.entry.js +42 -0
- package/dist/cjs/gux-submenu.cjs.entry.js +1 -1
- package/dist/cjs/gux-switch-item.cjs.entry.js +1 -1
- package/dist/cjs/gux-switch.cjs.entry.js +2 -2
- package/dist/cjs/gux-tab-advanced-list.cjs.entry.js +3 -3
- package/dist/cjs/gux-tab-advanced-panel.cjs.entry.js +1 -1
- package/dist/cjs/gux-tab-advanced.cjs.entry.js +2 -2
- package/dist/cjs/gux-tab-dropdown-option-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-tab-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-tab-list.cjs.entry.js +2 -2
- package/dist/cjs/gux-tab-panel.cjs.entry.js +1 -1
- package/dist/cjs/gux-tab.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-beta.cjs.entry.js +47 -31
- package/dist/cjs/gux-tabs-advanced.cjs.entry.js +2 -2
- package/dist/cjs/gux-tabs-legacy.cjs.entry.js +3 -3
- package/dist/cjs/gux-tabs.cjs.entry.js +2 -2
- package/dist/cjs/gux-tag-beta.cjs.entry.js +3 -3
- package/dist/cjs/gux-text-highlight.cjs.entry.js +2 -2
- package/dist/cjs/gux-text-label-legacy.cjs.entry.js +2 -2
- package/dist/cjs/gux-time-picker-beta.cjs.entry.js +4 -4
- package/dist/cjs/gux-toggle-slider.cjs.entry.js +1 -1
- package/dist/cjs/gux-toggle.cjs.entry.js +3 -3
- package/dist/cjs/gux-tooltip_2.cjs.entry.js +3 -3
- package/dist/cjs/gux-visualization-beta.cjs.entry.js +3 -3
- package/dist/cjs/{index-33b1b88e.js → index-525cfec0.js} +6 -0
- package/dist/cjs/{index-2202ad01.js → index-57ec1998.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{on-click-outside-246a1eb3.js → on-click-outside-e0d28eff.js} +1 -1
- package/dist/cjs/{on-mutation-2e4dd956.js → on-mutation-347de78d.js} +1 -1
- package/dist/cjs/{usage-tracking-f3cc3f84.js → usage-tracking-7df85f4e.js} +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/beta/gux-table/gux-sort-control/gux-sort-control.css +39 -0
- package/dist/collection/components/beta/gux-table/gux-sort-control/gux-sort-control.js +50 -0
- package/dist/collection/components/beta/gux-table/gux-table.js +43 -27
- package/dist/deploy-info.json +3 -3
- package/dist/esm/{en-07edddda.js → en-d22521fc.js} +3 -1
- package/dist/esm/genesys-webcomponents.js +2 -2
- package/dist/esm/gux-accordion-legacy.entry.js +2 -2
- package/dist/esm/gux-accordion-section.entry.js +1 -1
- package/dist/esm/gux-accordion.entry.js +2 -2
- package/dist/esm/gux-action-button-legacy.entry.js +4 -4
- package/dist/esm/gux-action-button.entry.js +4 -4
- package/dist/esm/gux-action-item.entry.js +1 -1
- package/dist/esm/gux-action-list-divider.entry.js +1 -1
- package/dist/esm/gux-action-list-legacy.entry.js +2 -2
- package/dist/esm/gux-action-toast.entry.js +2 -2
- package/dist/esm/gux-advanced-dropdown.entry.js +3 -3
- package/dist/esm/gux-all-row-select.entry.js +3 -3
- package/dist/esm/gux-badge-beta.entry.js +3 -3
- package/dist/esm/gux-breadcrumb-item.entry.js +1 -1
- package/dist/esm/gux-breadcrumbs.entry.js +3 -3
- package/dist/esm/gux-button-multi-legacy.entry.js +3 -3
- package/dist/esm/gux-button-multi.entry.js +3 -3
- package/dist/esm/gux-button-slot-beta.entry.js +2 -2
- package/dist/esm/gux-button.entry.js +2 -2
- package/dist/esm/gux-calendar.entry.js +3 -3
- package/dist/esm/gux-card-beta.entry.js +2 -2
- package/dist/esm/gux-chart-column-beta.entry.js +2 -2
- package/dist/esm/gux-chart-donut-beta.entry.js +2 -2
- package/dist/esm/gux-chart-line-beta.entry.js +2 -2
- package/dist/esm/gux-chart-pie-beta.entry.js +2 -2
- package/dist/esm/gux-chart-scatter-plot-beta.entry.js +2 -2
- package/dist/esm/gux-color-select_2.entry.js +1 -1
- package/dist/esm/gux-command-action.entry.js +1 -1
- package/dist/esm/gux-command-palette-legacy.entry.js +3 -3
- package/dist/esm/gux-content-search.entry.js +3 -3
- package/dist/esm/gux-copy-to-clipboard-beta.entry.js +3 -3
- package/dist/esm/gux-datepicker.entry.js +4 -4
- package/dist/esm/gux-disclosure-button.entry.js +3 -3
- package/dist/esm/gux-dismiss-button.entry.js +3 -3
- package/dist/esm/gux-dropdown-legacy.entry.js +4 -4
- package/dist/esm/gux-dropdown-multi-beta.entry.js +4 -4
- package/dist/esm/gux-dropdown-multi-tag.entry.js +2 -2
- package/dist/esm/gux-dropdown-option.entry.js +1 -1
- package/dist/esm/gux-dropdown_3.entry.js +4 -4
- package/dist/esm/gux-error-message-beta.entry.js +2 -2
- package/dist/esm/gux-flyout-menu-beta.entry.js +2 -2
- package/dist/esm/gux-form-field-checkbox.entry.js +4 -4
- package/dist/esm/gux-form-field-color.entry.js +5 -5
- package/dist/esm/gux-form-field-dropdown.entry.js +5 -5
- package/dist/esm/gux-form-field-input-clear-button.entry.js +3 -3
- package/dist/esm/{gux-form-field-label-ac49a8be.js → gux-form-field-label-1d0c1a02.js} +1 -1
- package/dist/esm/gux-form-field-legacy.entry.js +3 -3
- package/dist/esm/gux-form-field-number.entry.js +6 -6
- package/dist/esm/gux-form-field-radio.entry.js +4 -4
- package/dist/esm/gux-form-field-range.entry.js +5 -5
- package/dist/esm/gux-form-field-search.entry.js +5 -5
- package/dist/esm/gux-form-field-select.entry.js +5 -5
- package/dist/esm/gux-form-field-text-like.entry.js +5 -5
- package/dist/esm/gux-form-field-textarea.entry.js +5 -5
- package/dist/esm/{gux-form-field.service-4ad30790.js → gux-form-field.service-4bfd6534.js} +1 -1
- package/dist/esm/gux-icon.entry.js +2 -2
- package/dist/esm/gux-input-checkbox_7.entry.js +2 -2
- package/dist/esm/gux-input-search.entry.js +2 -2
- package/dist/esm/gux-input-text-like.entry.js +2 -2
- package/dist/esm/gux-list-divider-legacy.entry.js +1 -1
- package/dist/esm/gux-list-divider.entry.js +1 -1
- package/dist/esm/gux-list-item-legacy_2.entry.js +2 -2
- package/dist/esm/gux-list-item.entry.js +1 -1
- package/dist/esm/gux-list.entry.js +2 -2
- package/dist/esm/gux-listbox-multi.entry.js +3 -3
- package/dist/esm/gux-menu-option.entry.js +1 -1
- package/dist/esm/gux-menu.entry.js +1 -1
- package/dist/esm/gux-modal.entry.js +2 -2
- package/dist/esm/gux-notification-toast.entry.js +2 -2
- package/dist/esm/gux-option-legacy.entry.js +1 -1
- package/dist/esm/gux-option-multi.entry.js +1 -1
- package/dist/esm/gux-page-loading-spinner.entry.js +2 -2
- package/dist/esm/gux-pagination-beta.entry.js +2 -2
- package/dist/esm/gux-pagination-buttons-beta_3.entry.js +2 -2
- package/dist/esm/gux-pagination-buttons_3.entry.js +2 -2
- package/dist/esm/gux-pagination-cursor.entry.js +3 -3
- package/dist/esm/gux-pagination.entry.js +2 -2
- package/dist/esm/gux-panel-frame-legacy.entry.js +2 -2
- package/dist/esm/gux-popover-list.entry.js +3 -3
- package/dist/esm/gux-popover.entry.js +3 -3
- package/dist/esm/gux-popup.entry.js +1 -1
- package/dist/esm/gux-radial-loading.entry.js +3 -3
- package/dist/esm/gux-radial-progress.entry.js +2 -2
- package/dist/esm/gux-rating.entry.js +2 -2
- package/dist/esm/gux-row-select.entry.js +3 -3
- package/dist/esm/gux-side-panel-button.entry.js +1 -1
- package/dist/esm/gux-side-panel-legacy.entry.js +2 -2
- package/dist/esm/gux-simple-toast.entry.js +2 -2
- package/dist/esm/gux-sort-control.entry.js +38 -0
- package/dist/esm/gux-submenu.entry.js +1 -1
- package/dist/esm/gux-switch-item.entry.js +1 -1
- package/dist/esm/gux-switch.entry.js +2 -2
- package/dist/esm/gux-tab-advanced-list.entry.js +3 -3
- package/dist/esm/gux-tab-advanced-panel.entry.js +1 -1
- package/dist/esm/gux-tab-advanced.entry.js +2 -2
- package/dist/esm/gux-tab-dropdown-option-legacy.entry.js +1 -1
- package/dist/esm/gux-tab-legacy.entry.js +1 -1
- package/dist/esm/gux-tab-list.entry.js +2 -2
- package/dist/esm/gux-tab-panel.entry.js +1 -1
- package/dist/esm/gux-tab.entry.js +1 -1
- package/dist/esm/gux-table-beta.entry.js +47 -31
- package/dist/esm/gux-tabs-advanced.entry.js +2 -2
- package/dist/esm/gux-tabs-legacy.entry.js +3 -3
- package/dist/esm/gux-tabs.entry.js +2 -2
- package/dist/esm/gux-tag-beta.entry.js +3 -3
- package/dist/esm/gux-text-highlight.entry.js +2 -2
- package/dist/esm/gux-text-label-legacy.entry.js +2 -2
- package/dist/esm/gux-time-picker-beta.entry.js +4 -4
- package/dist/esm/gux-toggle-slider.entry.js +1 -1
- package/dist/esm/gux-toggle.entry.js +3 -3
- package/dist/esm/gux-tooltip_2.entry.js +3 -3
- package/dist/esm/gux-visualization-beta.entry.js +3 -3
- package/dist/esm/{index-5bfcdeb1.js → index-16dc4871.js} +1 -1
- package/dist/esm/{index-76794476.js → index-d8b1bc53.js} +6 -0
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{on-click-outside-ce30de20.js → on-click-outside-9635bd3e.js} +1 -1
- package/dist/esm/{on-mutation-2e96b1b9.js → on-mutation-1c2ba0a6.js} +1 -1
- package/dist/esm/{usage-tracking-83359dbf.js → usage-tracking-7ca27c3f.js} +1 -1
- package/dist/genesys-webcomponents/genesys-webcomponents.css +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/{p-e67b0d46.entry.js → p-01bc0c0d.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-04a2187d.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-8288a4c9.entry.js → p-0b1bf180.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0424f896.entry.js → p-0d7ffb0d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5674b67a.entry.js → p-1173c715.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c6eab0f6.entry.js → p-1255480b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-32585fea.entry.js → p-12bafe6e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-479cf5a2.js → p-14551b38.js} +1 -1
- package/dist/genesys-webcomponents/{p-5a3afda9.entry.js → p-1483501f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ab11ff84.entry.js → p-15e8c249.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7c57956f.entry.js → p-17e7772d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e4e5aa67.entry.js → p-1ad06cfc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5f8b46b5.entry.js → p-1f1554e3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a44f5924.js → p-2065021e.js} +1 -1
- package/dist/genesys-webcomponents/{p-af4be06f.entry.js → p-218b2949.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a5fa799d.entry.js → p-22d23a76.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-2b24dcb6.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-c150db37.entry.js → p-2b7d8c71.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7b4f9126.entry.js → p-2f644041.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4402a21b.entry.js → p-33c27a48.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-17980fa9.entry.js → p-34db3dd5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4b7056b2.js → p-35578249.js} +1 -1
- package/dist/genesys-webcomponents/{p-9b476241.entry.js → p-356c4b29.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e61558ed.entry.js → p-35c9b84c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1729a48c.entry.js → p-36c0f9c6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b7c37cbc.entry.js → p-386a5e11.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-291608e9.entry.js → p-389a7726.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-3944a28c.entry.js +1 -0
- package/dist/genesys-webcomponents/p-3cf4f2b4.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-90ba25cf.entry.js → p-3d3da13c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e78de8af.entry.js → p-3d6504f2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9d663bf4.entry.js → p-3dbadd4b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-95e43594.entry.js → p-41cdf0e5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dbc95134.entry.js → p-43117b25.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a6257c98.js → p-451a9239.js} +1 -1
- package/dist/genesys-webcomponents/{p-8df52df5.entry.js → p-45517975.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-58b5efa2.entry.js → p-47eeb17a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5ca81424.js → p-49b1912a.js} +1 -1
- package/dist/genesys-webcomponents/{p-0c2f3d37.entry.js → p-4df6bcb9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bd2fd32a.entry.js → p-51729bfe.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2548bdad.js → p-523a0237.js} +1 -1
- package/dist/genesys-webcomponents/{p-bf6fd055.entry.js → p-55e607e7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f2a5fea9.entry.js → p-5647d38b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0319263d.entry.js → p-5955fe3f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-53df4573.entry.js → p-5b9ed635.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fb6977e1.entry.js → p-603d8065.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6809132b.entry.js → p-63de6e73.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-029337ed.entry.js → p-647dd4a5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-421513fb.entry.js → p-659e0050.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d7a2f8dc.entry.js → p-66117fa0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-eaff9d4f.entry.js → p-6f1d66a1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4ddf13c8.entry.js → p-6fe4eeb9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7cc82e6f.entry.js → p-70280c21.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-74ab4e9c.entry.js → p-7341343a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d989c6fa.entry.js → p-748648d7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-45d49edc.entry.js → p-7623d68f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-42f9c421.entry.js → p-7e339355.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7213d71d.entry.js → p-80c23151.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-020690ec.entry.js → p-81835685.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dc53d8fb.entry.js → p-82e7411b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-77f93a2b.entry.js → p-839df9e8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a926e0c4.entry.js → p-865f9155.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-62d1cde8.entry.js → p-871f1877.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-71a69169.entry.js → p-8d724126.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-60f75d6e.entry.js → p-8ed65ede.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-34e05274.entry.js → p-9154b32a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5bbf331f.entry.js → p-945e7ac9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cf581353.entry.js → p-94729a52.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-9626853f.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-cc544e76.entry.js → p-9a6b9457.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9a09169f.entry.js → p-9ff5f713.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0ba16a48.entry.js → p-a0a0d12d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fb49bd0d.entry.js → p-a2f34941.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cfd5c06d.entry.js → p-a41b086e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2acf2470.entry.js → p-a6509d00.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9f97f311.entry.js → p-a6c5c249.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a87d2b90.entry.js → p-a9251ac5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-07f57fba.entry.js → p-acf67c95.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-29f0760a.entry.js → p-b0496b8f.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-b0c0bff1.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-a5c9fbed.entry.js → p-b225ce42.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-66ca3da0.entry.js → p-b27f0bef.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-32235f46.entry.js → p-b381c84b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-947b7fe3.entry.js → p-b3a7b931.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-68ee84bf.entry.js → p-b41cc336.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ccfa2e58.entry.js → p-b4462c3b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e813ac64.entry.js → p-b73c7df6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0d51e659.entry.js → p-b950af05.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-772f31b1.entry.js → p-bd981172.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b3bdfcc9.entry.js → p-bf05f0be.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-88b2b100.entry.js → p-c07588f6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-964097f0.entry.js → p-c291c7ce.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-787ec751.entry.js → p-cb80973e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dee741ef.entry.js → p-cbc1e53a.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-cdf5cb56.js +1 -0
- package/dist/genesys-webcomponents/{p-2428f6b2.entry.js → p-ce151ab8.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-cf1561e4.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-2a0fbc9f.entry.js → p-d17782f2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6e2e5f6f.entry.js → p-d1d251cf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bea0187a.entry.js → p-d33adb9d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ea1706f3.entry.js → p-d3478c48.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ff2a29fb.entry.js → p-d3863df8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4c5acf82.entry.js → p-d4d63d34.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c3582f7c.entry.js → p-d7496724.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1b839ce5.entry.js → p-d7d26ff4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3e94ba55.entry.js → p-d90a6aeb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0eade7d8.entry.js → p-da4152f5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-62c2dcaf.entry.js → p-dfef5175.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2212a472.entry.js → p-e0660777.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-39d898df.entry.js → p-e560b587.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-e571f861.js +2 -0
- package/dist/genesys-webcomponents/{p-fa36c86b.entry.js → p-ead7d375.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-f1264d64.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-c87736cc.entry.js → p-f3f4c59f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-11a585f0.entry.js → p-f84cd0a6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ef9491b9.entry.js → p-fa2adfa7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7abebb37.entry.js → p-fee0493f.entry.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/components/beta/gux-table/gux-sort-control/gux-sort-control.d.ts +13 -0
- package/dist/types/components/beta/gux-table/gux-table.d.ts +2 -0
- package/dist/types/components.d.ts +13 -0
- package/package.json +1 -1
- package/dist/genesys-webcomponents/p-2a2f15bb.entry.js +0 -1
- package/dist/genesys-webcomponents/p-323c1430.entry.js +0 -1
- package/dist/genesys-webcomponents/p-61fd6f64.entry.js +0 -1
- package/dist/genesys-webcomponents/p-a085b143.js +0 -2
- package/dist/genesys-webcomponents/p-a9499ee1.entry.js +0 -1
- package/dist/genesys-webcomponents/p-afb54d23.js +0 -1
- package/dist/genesys-webcomponents/p-f07ad3df.entry.js +0 -1
- package/dist/genesys-webcomponents/p-f4e91e7a.entry.js +0 -1
- package/dist/genesys-webcomponents/p-fd4474d2.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as n,g as e}from"./p-a085b143.js";import{b as i}from"./p-2548bdad.js";import{r as o}from"./p-cbcbd1bb.js";import{o as r}from"./p-e2bea786.js";import{s as a}from"./p-8fe7daff.js";import{s as u}from"./p-d176c2ae.js";import{c as s,a as g}from"./p-112455b1.js";import"./p-8a133b9b.js";const p=class{constructor(n){t(this,n)}render(){return n("div",{class:"gux-input-checkbox-container"},n("slot",{name:"input"}),n("slot",{name:"label"}))}};p.style="gux-input-checkbox{display:block;color:#2e394c}gux-input-checkbox .gux-input-checkbox-container{position:relative;padding-left:24px;line-height:24px}gux-input-checkbox input{position:absolute;z-index:-1;opacity:0}gux-input-checkbox label{display:inline-block;font-size:12px}gux-input-checkbox label:hover{cursor:pointer}gux-input-checkbox label::after{position:absolute;top:4px;left:4px;display:block;width:16px;height:16px;content:'';border-radius:15%}gux-input-checkbox input:focus-within~label::after{box-shadow:0 0 3px 2px #aac9ff}gux-input-checkbox input:not(:checked)~label::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%2377828f' /%3E%3C/svg%3E\")}gux-input-checkbox.gux-input-error input:not(:checked)~label::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%23ea0b0b' /%3E%3C/svg%3E\")}gux-input-checkbox input:not(:checked):not(:disabled):not(:indeterminate)~label:hover::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%232a60c8' /%3E%3C/svg%3E\")}gux-input-checkbox input:checked~label::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 1.467h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zM6.8 11 3.638 7.941l.89-.932L6.8 9.2l3.947-3.861.891.932z' fill='%232a60c8' /%3E%3C/svg%3E\")}gux-input-checkbox input:indeterminate~label::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.138 8.467h7v-1h-7zm7-7h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zm2 10a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2z' fill='%232a60c8' /%3E%3C/svg%3E\")}gux-input-checkbox input:disabled~label::after,gux-input-checkbox input:disabled~label{cursor:not-allowed;opacity:0.5}";const c={required:"Required"},l=class{constructor(n){t(this,n),this.requiredId=o("gux-input-color-required")}onClick(t){this.root.contains(t.target)||this.setOpened(!1)}onInput(t){this.color=t.target.value}async componentWillLoad(){this.i18n=await i(this.root,c),this.input=this.root.querySelector('input[slot="input"]'),this.input.addEventListener("change",(t=>{this.opened&&(t.stopImmediatePropagation(),t.stopPropagation(),t.preventDefault())})),this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.disabled=this.input.disabled,this.color=this.input.value}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return n("section",null,n("span",{class:"gux-hidden",id:this.requiredId},this.i18n("required")),n("button",{"aria-describedby":`${this.guxLabelDescribedby} ${this.guxRequired?this.requiredId:""} ${this.guxErrorDescribedby}`,"aria-expanded":this.opened?"true":"false",type:"button",class:{"gux-input-color-main-element":!0,"gux-opened":this.opened},disabled:this.disabled,onClick:this.clickHandler.bind(this)},n("div",{class:"gux-input-color-selected-color",style:{background:this.color}}),n("div",{class:"gux-input-color-color-name"},this.color),n("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})),n("gux-color-select",{class:{"gux-input-color-color-select":!0,"gux-opened":this.opened}},n("slot",{name:"input",slot:"input"})))}setOpened(t){this.colorOnOpen&&this.colorOnOpen!==this.color&&(this.colorOnOpen=this.color,this.input.dispatchEvent(new Event("change",{bubbles:!0}))),this.colorOnOpen=this.color,this.opened=t}clickHandler(){this.disabled||this.setOpened(!this.opened)}get root(){return e(this)}};l.style="gux-input-color{color:#2e394c}gux-input-color>section{position:relative;display:inline-block;width:160px}gux-input-color>gux-input-color-option{display:none}gux-input-color .gux-input-color-main-element{box-sizing:border-box;width:100%;padding:0;margin:0;cursor:pointer;user-select:none;background-color:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;outline:none;box-shadow:0 0 0 0 transparent;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);transition:box-shadow 0.2s}gux-input-color .gux-input-color-main-element:focus,gux-input-color .gux-input-color-main-element.gux-opened{border-color:#2a60c8;outline:none;box-shadow:0 0 4px rgba(117, 168, 255, 0.5)}gux-input-color .gux-input-color-main-element:disabled{pointer-events:none;cursor:default;opacity:0.5}gux-input-color .gux-input-color-main-element:hover gux-icon,gux-input-color .gux-input-color-main-element:focus gux-icon{color:#2e394c}gux-input-color .gux-input-color-selected-color{float:left;padding:8px;margin:8px 12px}gux-input-color .gux-input-color-color-name{float:left;margin:9px 0;font-size:12px}gux-input-color .gux-input-color-color-select{position:absolute;top:100%;left:0;z-index:1;display:none;width:100%}gux-input-color .gux-input-color-color-select.gux-opened{display:inherit}gux-input-color gux-icon{position:absolute;top:0;right:0;display:flex;align-items:center;width:16px;height:100%;padding:0 7px;overflow:hidden;color:#596373;pointer-events:none;cursor:pointer;background:none;border:none;outline:none}gux-input-color .gux-hidden{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";const x={clear:"Clear",increment:"Increment",decrement:"Decrement"},d=class{constructor(n){t(this,n),this.hasContent=!1}clearInput(){a(this.input,"",!0)}setHasContent(){this.hasContent=Boolean(this.input.value)}simulateNativeInputAndChangeEvents(){u(this.input,"input"),u(this.input,"change")}stepUp(){""===this.input.value?a(this.input,this.input.min||"0",!1):(this.input.stepUp(),this.simulateNativeInputAndChangeEvents())}stepDown(){""===this.input.value?a(this.input,this.input.min||"0",!1):(this.input.stepDown(),this.simulateNativeInputAndChangeEvents())}renderClearButton(){return this.clearable&&this.hasContent&&!this.disabled?n("button",{class:"gux-clear-button",tabIndex:-1,type:"button",title:this.getI18nValue("clear"),disabled:this.disabled,onClick:this.clearInput.bind(this)},n("gux-icon",{"icon-name":"close",decorative:!0})):null}renderStepButtons(){return n("div",{class:"gux-step-buttons-container"},n("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:this.getI18nValue("increment"),disabled:this.disabled,onClick:()=>this.stepUp()},n("gux-icon",{"icon-name":"chevron-small-up",decorative:!0})),n("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:this.getI18nValue("decrement"),disabled:this.disabled,onClick:()=>this.stepDown()},n("gux-icon",{"icon-name":"chevron-small-down",decorative:!0})))}async componentWillLoad(){this.getI18nValue=await i(this.root,x),this.input=this.root.querySelector('input[slot="input"]'),this.setHasContent(),this.disabled=this.input.disabled,this.input.addEventListener("input",(()=>{this.setHasContent()})),this.disabledObserver=r(this.input,(t=>{this.disabled=t}))}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return n("div",{class:{"gux-input-number-container":!0,"gux-disabled":this.disabled}},n("div",{class:"gux-input-container"},n("slot",{name:"input"}),this.renderClearButton()),this.renderStepButtons())}get root(){return e(this)}};d.style="gux-input-number{position:relative;display:block}gux-input-number .gux-input-number-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center}gux-input-number .gux-input-number-container.gux-disabled{opacity:0.5}gux-input-number .gux-input-number-container .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:center;order:0;width:100%;height:32px;padding:4px 12px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-input-number .gux-input-number-container .gux-input-container input{flex:1 1 auto;align-self:auto;order:0;color:#2e394c;text-align:right;background-color:#f6f7f9;border:none;outline:none;}gux-input-number .gux-input-number-container .gux-input-container input::placeholder{color:#596373;opacity:1}gux-input-number .gux-input-number-container .gux-input-container input::-webkit-outer-spin-button,gux-input-number .gux-input-number-container .gux-input-container input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}gux-input-number .gux-input-number-container .gux-input-container input[type='number']{-moz-appearance:textfield}gux-input-number .gux-input-number-container .gux-input-container .gux-clear-button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}gux-input-number .gux-input-number-container .gux-input-container .gux-clear-button:not(:disabled):focus,gux-input-number .gux-input-number-container .gux-input-container .gux-clear-button:not(:disabled):hover{color:#2a60c8;cursor:pointer}gux-input-number .gux-input-number-container .gux-input-container .gux-clear-button gux-icon{width:12px;height:12px}gux-input-number .gux-input-number-container .gux-step-buttons-container{flex:0 1 16px;align-self:auto;order:0;margin:0 4px}gux-input-number .gux-input-number-container .gux-step-buttons-container .gux-step-button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}gux-input-number .gux-input-number-container .gux-step-buttons-container .gux-step-button:not(:disabled):focus,gux-input-number .gux-input-number-container .gux-step-buttons-container .gux-step-button:not(:disabled):hover{color:#2a60c8;cursor:pointer}gux-input-number .gux-input-number-container .gux-step-buttons-container .gux-step-button gux-icon{width:10px;height:10px}gux-input-number .gux-input-number-container:focus-within .gux-input-container{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px rgba(117, 168, 255, 0.5)}";const h=class{constructor(n){t(this,n)}render(){return n("div",{class:"gux-input-radio-container"},n("slot",{name:"input"}),n("slot",{name:"label"}))}};h.style="gux-input-radio{display:block;color:#2e394c}gux-input-radio .gux-input-radio-container{position:relative;padding-left:24px;line-height:24px}gux-input-radio input{position:absolute;z-index:-1;opacity:0}gux-input-radio label{display:inline-block;font-size:12px}gux-input-radio label::after{position:absolute;top:4px;left:4px;display:block;width:16px;height:16px;content:'';border-radius:50%}gux-input-radio input:focus-within~label::after{box-shadow:0 0 2px 1px #aac9ff, inset 0 0 2px 1px #aac9ff}gux-input-radio input:not(:checked)~label::after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.062C5.239 3.062 3 5.273 3 8s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill-rule='evenodd' clip-rule='evenodd' fill='%2377828f'/%3E%3C/svg%3E\")}gux-input-radio input:not(:checked):not(:disabled)~label:hover::after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.062C5.239 3.062 3 5.273 3 8s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill-rule='evenodd' clip-rule='evenodd' fill='%232a60c8'/%3E%3C/svg%3E\")}gux-input-radio input:checked~label::after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.026 5.262a2.8 2.8 0 1 0 .001 5.601 2.8 2.8 0 0 0-.001-5.601zm0-2.2c-2.761 0-5 2.211-5 4.938s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill='%232a60c8'/%3E%3C/svg%3E\")}gux-input-radio input:disabled~label::after,gux-input-radio input:disabled~label{cursor:not-allowed;opacity:0.5}";for(var b=s((function(t){(function(){var n,e,i,o,r,a;"undefined"!=typeof performance&&null!==performance&&performance.now?t.exports=function(){return performance.now()}:"undefined"!=typeof process&&null!==process&&process.hrtime?(t.exports=function(){return(n()-r)/1e6},e=process.hrtime,o=(n=function(){var t;return 1e9*(t=e())[0]+t[1]})(),a=1e9*process.uptime(),r=o-a):Date.now?(t.exports=function(){return Date.now()-i},i=Date.now()):(t.exports=function(){return(new Date).getTime()-i},i=(new Date).getTime())}).call(g)})),m="undefined"==typeof window?g:window,f=["moz","webkit"],w="AnimationFrame",v=m["request"+w],k=m["cancel"+w]||m["cancelRequest"+w],y=0;!v&&y<f.length;y++)v=m[f[y]+"Request"+w],k=m[f[y]+"Cancel"+w]||m[f[y]+"CancelRequest"+w];if(!v||!k){var z=0,C=0,E=[];v=function(t){if(0===E.length){var n=b(),e=Math.max(0,16.666666666666668-(n-z));z=e+n,setTimeout((function(){var t=E.slice(0);E.length=0;for(var n=0;n<t.length;n++)if(!t[n].cancelled)try{t[n].callback(z)}catch(t){setTimeout((function(){throw t}),0)}}),Math.round(e))}return E.push({handle:++C,callback:t,cancelled:!1}),C},k=function(t){for(var n=0;n<E.length;n++)E[n].handle===t&&(E[n].cancelled=!0)}}var M,_=function(t){return v.call(m,t)};_.cancel=function(){k.apply(m,arguments)},_.polyfill=function(t){t||(t=m),t.requestAnimationFrame=v,t.cancelAnimationFrame=k},function(t){t[t.MODE_TIMEOUT=0]="MODE_TIMEOUT",t[t.MODE_INTERVAL=1]="MODE_INTERVAL"}(M||(M={}));const D=new Map,j=new Set;let B=!1,I=0;function L(){return(new Date).getTime()}function q(t){const{fn:n,args:e}=t;n(...e)}function T(){if(0===D.size)return void(B=!1);const t=L();D.forEach((t=>(n,e)=>{const{nextTick:i,ms:o,mode:r}=n;t-i>=0&&(j.add(n),r===M.MODE_TIMEOUT?D.delete(e):D.set(e,{...n,nextTick:i+o}))})(t)),0!==j.size&&(j.forEach(q),j.clear()),0!==D.size?_(T):B=!1}const $=class{constructor(n){t(this,n),this.valueInTooltip=!1}onInput(t){this.updateValue(t.target.value)}onMousedown(){this.disabled||(this.active=!0)}onMouseup(){this.active=!1}updateValue(t){this.value=t,this.updatePosition()}updatePosition(){const t=Number(this.input.value||0),n=Number(this.input.min||0),e=(t-n)/(Number(this.input.max||100)-n)*100;if(this.sliderTooltip){const t=Math.round(1e3*(e/100-e/8/this.sliderTooltipContainer.offsetWidth))/10;this.sliderTooltip.style.left=`${t}%`}this.progressElement.style.width=`${e}%`}getDisplayValue(){return this.displayUnits?`${this.value}${this.displayUnits}`:this.value}componentWillLoad(){this.input=this.root.querySelector('input[slot="input"]'),this.disabled=this.input.disabled,this.value=this.input.value,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.valueWatcherId=((t,n=0,...e)=>function({fn:t,ms:n,args:e,mode:i}){if(!t)return null;const o=I;return D.set(o,{fn:t,ms:n,nextTick:L()+n,args:e,mode:i}),B||(B=!0,_(T)),I+=1,o}({fn:t,ms:n,args:e,mode:M.MODE_INTERVAL}))((()=>{this.value!==this.input.value&&this.updateValue(this.input.value)}),100)}componentDidLoad(){this.updatePosition()}disconnectedCallback(){this.disabledObserver.disconnect(),function(t){null!=t&&D.has(t)&&D.delete(t)}(this.valueWatcherId)}render(){return n("div",{class:{"gux-container":!0,"gux-disabled":this.disabled}},n("div",{class:{"gux-range":!0,"gux-active":this.active}},n("div",{class:"gux-track"},n("div",{class:"gux-progress",ref:t=>this.progressElement=t})),n("slot",{name:"input"}),n("div",{class:{"gux-range-tooltip-container":!0,"gux-hidden":!this.valueInTooltip},ref:t=>this.sliderTooltipContainer=t},n("div",{class:"gux-range-tooltip",ref:t=>this.sliderTooltip=t},this.getDisplayValue()))),n("div",{class:{"gux-display":!0,"gux-hidden":this.valueInTooltip}},this.getDisplayValue()))}get root(){return e(this)}};$.style="gux-input-range .gux-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;height:32px;font-size:12px}gux-input-range .gux-container.gux-disabled{pointer-events:none;opacity:0.5}gux-input-range .gux-container .gux-range{position:relative;flex:1 1 auto;align-self:center;order:0}gux-input-range .gux-container .gux-range .gux-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad}gux-input-range .gux-container .gux-range .gux-track .gux-progress{height:2px;background-color:#2a60c8}gux-input-range .gux-container .gux-range input[type='range']{position:absolute;width:100%;height:2px;margin:6px 0;margin-top:calc(-1 * (12px / 2 + 2px));background:transparent;-webkit-appearance:none}gux-input-range .gux-container .gux-range input[type='range']:focus{outline:none}gux-input-range .gux-container .gux-range input[type='range']::-webkit-slider-runnable-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad;background:transparent}gux-input-range .gux-container .gux-range input[type='range']::-webkit-slider-runnable-track .gux-progress{height:2px;background-color:#2a60c8}gux-input-range .gux-container .gux-range input[type='range']::-webkit-slider-thumb{display:block;width:12px;height:12px;cursor:pointer;border-radius:100%;margin-top:-5px;-webkit-appearance:none;background:#2a60c8;border:0 solid #2a60c8}gux-input-range .gux-container .gux-range input[type='range']:focus::-webkit-slider-runnable-track{background:rgba(13, 13, 13, 0)}gux-input-range .gux-container .gux-range input[type='range']::-moz-range-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad;background:transparent}gux-input-range .gux-container .gux-range input[type='range']::-moz-range-track .gux-progress{height:2px;background-color:#2a60c8}gux-input-range .gux-container .gux-range input[type='range']::-moz-range-thumb{display:block;width:12px;height:12px;cursor:pointer;border-radius:100%;margin-top:-5px;background:#2a60c8;border:0 solid #2a60c8}gux-input-range .gux-container .gux-range input[type='range']::-ms-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad;color:transparent;background:transparent;border-color:transparent;border-width:12px 0}gux-input-range .gux-container .gux-range input[type='range']::-ms-track .gux-progress{height:2px;background-color:#2a60c8}gux-input-range .gux-container .gux-range input[type='range']::-ms-fill-lower{background:rgba(0, 0, 0, 0)}gux-input-range .gux-container .gux-range input[type='range']::-ms-fill-upper{background:transparent}gux-input-range .gux-container .gux-range input[type='range']::-ms-thumb{display:block;width:12px;height:12px;cursor:pointer;border-radius:100%;background:#2a60c8;border:0 solid #2a60c8}gux-input-range .gux-container .gux-range input[type='range']:focus::-ms-fill-lower{background:transparent}gux-input-range .gux-container .gux-range input[type='range']:focus::-ms-fill-upper{background:rgba(13, 13, 13, 0)}gux-input-range .gux-container .gux-range.gux-active input[type='range']::-webkit-slider-thumb{transform:scale(1.5)}gux-input-range .gux-container .gux-range.gux-active input[type='range']::-moz-range-thumb{transform:scale(1.5)}gux-input-range .gux-container .gux-range.gux-active input[type='range']::-ms-thumb{transform:scale(1.5)}gux-input-range .gux-container .gux-display{flex:0 1 auto;align-self:auto;order:0;height:32px;margin:0 0 0 16px;line-height:32px;text-align:right}gux-input-range .gux-container .gux-display.gux-hidden{display:none}gux-input-range .gux-range-tooltip-container{position:absolute;top:-50px;width:100%;height:32px;visibility:hidden}gux-input-range .gux-range-tooltip-container .gux-range-tooltip{font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px;position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;width:50px;height:32px;margin-left:-20px;visibility:hidden;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-input-range .gux-range-tooltip-container .gux-range-tooltip::after,gux-input-range .gux-range-tooltip-container .gux-range-tooltip::before{position:absolute;top:100%;left:50%;width:0;height:0;pointer-events:none;content:' ';border:solid transparent}gux-input-range .gux-range-tooltip-container .gux-range-tooltip::after{margin-left:-4px;border-width:4px;border-top-color:#fdfdfd}gux-input-range .gux-range-tooltip-container .gux-range-tooltip::before{margin-left:-6px;border-width:6px;border-top-color:#b4bccb}gux-input-range input[type='range']:hover~.gux-range-tooltip-container:not(.gux-hidden),gux-input-range input[type='range']:focus~.gux-range-tooltip-container:not(.gux-hidden),gux-input-range input[type='range']:active~.gux-range-tooltip-container:not(.gux-hidden){visibility:visible}gux-input-range input[type='range']:hover~.gux-range-tooltip-container:not(.gux-hidden) .gux-range-tooltip,gux-input-range input[type='range']:focus~.gux-range-tooltip-container:not(.gux-hidden) .gux-range-tooltip,gux-input-range input[type='range']:active~.gux-range-tooltip-container:not(.gux-hidden) .gux-range-tooltip{visibility:visible}";const R=class{constructor(n){t(this,n)}componentWillLoad(){this.input=this.root.querySelector('select[slot="input"]'),this.disabled=this.input.disabled,this.disabledObserver=r(this.input,(t=>{this.disabled=t}))}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return n("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},n("slot",{name:"input"}),n("gux-icon",{decorative:!0,iconName:"ic-dropdown-arrow"}))}get root(){return e(this)}};R.style="gux-input-select{position:relative;display:block}gux-input-select .gux-input-container{position:relative;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-input-select .gux-input-container.gux-disabled{pointer-events:none;opacity:0.5}gux-input-select .gux-input-container:hover gux-icon{color:#2a60c8}gux-input-select .gux-input-container select{flex:1 1 auto;align-self:auto;order:0;height:32px;padding:0 32px 0 12px;margin:0;color:#2e394c;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);-moz-appearance:none;-webkit-appearance:none;appearance:none}gux-input-select .gux-input-container gux-icon{position:absolute;top:0;right:0;width:16px;height:16px;margin:8px;pointer-events:none}gux-input-select .gux-input-container:focus-within{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px #75a8ff}";const N=class{constructor(n){t(this,n),this.resize="none"}componentWillLoad(){this.input=this.root.querySelector('textarea[slot="input"]'),this.input.addEventListener("input",(()=>{this.updateHeight()}))}componentDidLoad(){this.updateHeight()}updateHeight(){"auto"===this.resize&&(this.containerElement.dataset.replicatedValue=this.input.value,this.containerElement.style.maxHeight=this.input.style.maxHeight)}render(){return n("div",{ref:t=>this.containerElement=t,class:`gux-resize-${this.resize}`},n("slot",{name:"input"}))}get root(){return e(this)}};N.style="gux-input-textarea{position:relative;display:block}gux-input-textarea .gux-resize-none textarea{resize:none}gux-input-textarea .gux-resize-auto{display:grid;overflow:hidden;word-break:normal;word-break:break-word;overflow-wrap:anywhere}gux-input-textarea .gux-resize-auto::after{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;white-space:pre-wrap;visibility:hidden;content:attr(data-replicated-value) ' ';min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0;border:1px solid #6b7585}gux-input-textarea .gux-resize-auto textarea{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;overflow-x:hidden;resize:none}gux-input-textarea textarea{flex:1 1 auto;align-self:auto;order:0;font-family:inherit;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;color:#2e394c;background-color:#f6f7f9;background-image:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0;border:1px solid #6b7585}gux-input-textarea textarea::placeholder{color:#596373;opacity:1}gux-input-textarea textarea:focus-within{border-color:#2a60c8;box-shadow:0 0 4px rgba(117, 168, 255, 0.5)}gux-input-textarea textarea[disabled]{opacity:0.5}";export{p as gux_input_checkbox,l as gux_input_color,d as gux_input_number,h as gux_input_radio,$ as gux_input_range,R as gux_input_select,N as gux_input_textarea}
|
|
1
|
+
import{r as t,h as n,g as e}from"./p-e571f861.js";import{b as i}from"./p-523a0237.js";import{r as o}from"./p-cbcbd1bb.js";import{o as r}from"./p-e2bea786.js";import{s as a}from"./p-8fe7daff.js";import{s as u}from"./p-d176c2ae.js";import{c as s,a as g}from"./p-112455b1.js";import"./p-8a133b9b.js";const p=class{constructor(n){t(this,n)}render(){return n("div",{class:"gux-input-checkbox-container"},n("slot",{name:"input"}),n("slot",{name:"label"}))}};p.style="gux-input-checkbox{display:block;color:#2e394c}gux-input-checkbox .gux-input-checkbox-container{position:relative;padding-left:24px;line-height:24px}gux-input-checkbox input{position:absolute;z-index:-1;opacity:0}gux-input-checkbox label{display:inline-block;font-size:12px}gux-input-checkbox label:hover{cursor:pointer}gux-input-checkbox label::after{position:absolute;top:4px;left:4px;display:block;width:16px;height:16px;content:'';border-radius:15%}gux-input-checkbox input:focus-within~label::after{box-shadow:0 0 3px 2px #aac9ff}gux-input-checkbox input:not(:checked)~label::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%2377828f' /%3E%3C/svg%3E\")}gux-input-checkbox.gux-input-error input:not(:checked)~label::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%23ea0b0b' /%3E%3C/svg%3E\")}gux-input-checkbox input:not(:checked):not(:disabled):not(:indeterminate)~label:hover::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%232a60c8' /%3E%3C/svg%3E\")}gux-input-checkbox input:checked~label::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 1.467h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zM6.8 11 3.638 7.941l.89-.932L6.8 9.2l3.947-3.861.891.932z' fill='%232a60c8' /%3E%3C/svg%3E\")}gux-input-checkbox input:indeterminate~label::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.138 8.467h7v-1h-7zm7-7h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zm2 10a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2z' fill='%232a60c8' /%3E%3C/svg%3E\")}gux-input-checkbox input:disabled~label::after,gux-input-checkbox input:disabled~label{cursor:not-allowed;opacity:0.5}";const c={required:"Required"},l=class{constructor(n){t(this,n),this.requiredId=o("gux-input-color-required")}onClick(t){this.root.contains(t.target)||this.setOpened(!1)}onInput(t){this.color=t.target.value}async componentWillLoad(){this.i18n=await i(this.root,c),this.input=this.root.querySelector('input[slot="input"]'),this.input.addEventListener("change",(t=>{this.opened&&(t.stopImmediatePropagation(),t.stopPropagation(),t.preventDefault())})),this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.disabled=this.input.disabled,this.color=this.input.value}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return n("section",null,n("span",{class:"gux-hidden",id:this.requiredId},this.i18n("required")),n("button",{"aria-describedby":`${this.guxLabelDescribedby} ${this.guxRequired?this.requiredId:""} ${this.guxErrorDescribedby}`,"aria-expanded":this.opened?"true":"false",type:"button",class:{"gux-input-color-main-element":!0,"gux-opened":this.opened},disabled:this.disabled,onClick:this.clickHandler.bind(this)},n("div",{class:"gux-input-color-selected-color",style:{background:this.color}}),n("div",{class:"gux-input-color-color-name"},this.color),n("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})),n("gux-color-select",{class:{"gux-input-color-color-select":!0,"gux-opened":this.opened}},n("slot",{name:"input",slot:"input"})))}setOpened(t){this.colorOnOpen&&this.colorOnOpen!==this.color&&(this.colorOnOpen=this.color,this.input.dispatchEvent(new Event("change",{bubbles:!0}))),this.colorOnOpen=this.color,this.opened=t}clickHandler(){this.disabled||this.setOpened(!this.opened)}get root(){return e(this)}};l.style="gux-input-color{color:#2e394c}gux-input-color>section{position:relative;display:inline-block;width:160px}gux-input-color>gux-input-color-option{display:none}gux-input-color .gux-input-color-main-element{box-sizing:border-box;width:100%;padding:0;margin:0;cursor:pointer;user-select:none;background-color:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;outline:none;box-shadow:0 0 0 0 transparent;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);transition:box-shadow 0.2s}gux-input-color .gux-input-color-main-element:focus,gux-input-color .gux-input-color-main-element.gux-opened{border-color:#2a60c8;outline:none;box-shadow:0 0 4px rgba(117, 168, 255, 0.5)}gux-input-color .gux-input-color-main-element:disabled{pointer-events:none;cursor:default;opacity:0.5}gux-input-color .gux-input-color-main-element:hover gux-icon,gux-input-color .gux-input-color-main-element:focus gux-icon{color:#2e394c}gux-input-color .gux-input-color-selected-color{float:left;padding:8px;margin:8px 12px}gux-input-color .gux-input-color-color-name{float:left;margin:9px 0;font-size:12px}gux-input-color .gux-input-color-color-select{position:absolute;top:100%;left:0;z-index:1;display:none;width:100%}gux-input-color .gux-input-color-color-select.gux-opened{display:inherit}gux-input-color gux-icon{position:absolute;top:0;right:0;display:flex;align-items:center;width:16px;height:100%;padding:0 7px;overflow:hidden;color:#596373;pointer-events:none;cursor:pointer;background:none;border:none;outline:none}gux-input-color .gux-hidden{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";const x={clear:"Clear",increment:"Increment",decrement:"Decrement"},d=class{constructor(n){t(this,n),this.hasContent=!1}clearInput(){a(this.input,"",!0)}setHasContent(){this.hasContent=Boolean(this.input.value)}simulateNativeInputAndChangeEvents(){u(this.input,"input"),u(this.input,"change")}stepUp(){""===this.input.value?a(this.input,this.input.min||"0",!1):(this.input.stepUp(),this.simulateNativeInputAndChangeEvents())}stepDown(){""===this.input.value?a(this.input,this.input.min||"0",!1):(this.input.stepDown(),this.simulateNativeInputAndChangeEvents())}renderClearButton(){return this.clearable&&this.hasContent&&!this.disabled?n("button",{class:"gux-clear-button",tabIndex:-1,type:"button",title:this.getI18nValue("clear"),disabled:this.disabled,onClick:this.clearInput.bind(this)},n("gux-icon",{"icon-name":"close",decorative:!0})):null}renderStepButtons(){return n("div",{class:"gux-step-buttons-container"},n("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:this.getI18nValue("increment"),disabled:this.disabled,onClick:()=>this.stepUp()},n("gux-icon",{"icon-name":"chevron-small-up",decorative:!0})),n("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:this.getI18nValue("decrement"),disabled:this.disabled,onClick:()=>this.stepDown()},n("gux-icon",{"icon-name":"chevron-small-down",decorative:!0})))}async componentWillLoad(){this.getI18nValue=await i(this.root,x),this.input=this.root.querySelector('input[slot="input"]'),this.setHasContent(),this.disabled=this.input.disabled,this.input.addEventListener("input",(()=>{this.setHasContent()})),this.disabledObserver=r(this.input,(t=>{this.disabled=t}))}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return n("div",{class:{"gux-input-number-container":!0,"gux-disabled":this.disabled}},n("div",{class:"gux-input-container"},n("slot",{name:"input"}),this.renderClearButton()),this.renderStepButtons())}get root(){return e(this)}};d.style="gux-input-number{position:relative;display:block}gux-input-number .gux-input-number-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center}gux-input-number .gux-input-number-container.gux-disabled{opacity:0.5}gux-input-number .gux-input-number-container .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:center;order:0;width:100%;height:32px;padding:4px 12px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-input-number .gux-input-number-container .gux-input-container input{flex:1 1 auto;align-self:auto;order:0;color:#2e394c;text-align:right;background-color:#f6f7f9;border:none;outline:none;}gux-input-number .gux-input-number-container .gux-input-container input::placeholder{color:#596373;opacity:1}gux-input-number .gux-input-number-container .gux-input-container input::-webkit-outer-spin-button,gux-input-number .gux-input-number-container .gux-input-container input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}gux-input-number .gux-input-number-container .gux-input-container input[type='number']{-moz-appearance:textfield}gux-input-number .gux-input-number-container .gux-input-container .gux-clear-button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}gux-input-number .gux-input-number-container .gux-input-container .gux-clear-button:not(:disabled):focus,gux-input-number .gux-input-number-container .gux-input-container .gux-clear-button:not(:disabled):hover{color:#2a60c8;cursor:pointer}gux-input-number .gux-input-number-container .gux-input-container .gux-clear-button gux-icon{width:12px;height:12px}gux-input-number .gux-input-number-container .gux-step-buttons-container{flex:0 1 16px;align-self:auto;order:0;margin:0 4px}gux-input-number .gux-input-number-container .gux-step-buttons-container .gux-step-button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}gux-input-number .gux-input-number-container .gux-step-buttons-container .gux-step-button:not(:disabled):focus,gux-input-number .gux-input-number-container .gux-step-buttons-container .gux-step-button:not(:disabled):hover{color:#2a60c8;cursor:pointer}gux-input-number .gux-input-number-container .gux-step-buttons-container .gux-step-button gux-icon{width:10px;height:10px}gux-input-number .gux-input-number-container:focus-within .gux-input-container{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px rgba(117, 168, 255, 0.5)}";const h=class{constructor(n){t(this,n)}render(){return n("div",{class:"gux-input-radio-container"},n("slot",{name:"input"}),n("slot",{name:"label"}))}};h.style="gux-input-radio{display:block;color:#2e394c}gux-input-radio .gux-input-radio-container{position:relative;padding-left:24px;line-height:24px}gux-input-radio input{position:absolute;z-index:-1;opacity:0}gux-input-radio label{display:inline-block;font-size:12px}gux-input-radio label::after{position:absolute;top:4px;left:4px;display:block;width:16px;height:16px;content:'';border-radius:50%}gux-input-radio input:focus-within~label::after{box-shadow:0 0 2px 1px #aac9ff, inset 0 0 2px 1px #aac9ff}gux-input-radio input:not(:checked)~label::after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.062C5.239 3.062 3 5.273 3 8s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill-rule='evenodd' clip-rule='evenodd' fill='%2377828f'/%3E%3C/svg%3E\")}gux-input-radio input:not(:checked):not(:disabled)~label:hover::after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.062C5.239 3.062 3 5.273 3 8s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill-rule='evenodd' clip-rule='evenodd' fill='%232a60c8'/%3E%3C/svg%3E\")}gux-input-radio input:checked~label::after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.026 5.262a2.8 2.8 0 1 0 .001 5.601 2.8 2.8 0 0 0-.001-5.601zm0-2.2c-2.761 0-5 2.211-5 4.938s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill='%232a60c8'/%3E%3C/svg%3E\")}gux-input-radio input:disabled~label::after,gux-input-radio input:disabled~label{cursor:not-allowed;opacity:0.5}";for(var b=s((function(t){(function(){var n,e,i,o,r,a;"undefined"!=typeof performance&&null!==performance&&performance.now?t.exports=function(){return performance.now()}:"undefined"!=typeof process&&null!==process&&process.hrtime?(t.exports=function(){return(n()-r)/1e6},e=process.hrtime,o=(n=function(){var t;return 1e9*(t=e())[0]+t[1]})(),a=1e9*process.uptime(),r=o-a):Date.now?(t.exports=function(){return Date.now()-i},i=Date.now()):(t.exports=function(){return(new Date).getTime()-i},i=(new Date).getTime())}).call(g)})),m="undefined"==typeof window?g:window,f=["moz","webkit"],w="AnimationFrame",v=m["request"+w],k=m["cancel"+w]||m["cancelRequest"+w],y=0;!v&&y<f.length;y++)v=m[f[y]+"Request"+w],k=m[f[y]+"Cancel"+w]||m[f[y]+"CancelRequest"+w];if(!v||!k){var z=0,C=0,E=[];v=function(t){if(0===E.length){var n=b(),e=Math.max(0,16.666666666666668-(n-z));z=e+n,setTimeout((function(){var t=E.slice(0);E.length=0;for(var n=0;n<t.length;n++)if(!t[n].cancelled)try{t[n].callback(z)}catch(t){setTimeout((function(){throw t}),0)}}),Math.round(e))}return E.push({handle:++C,callback:t,cancelled:!1}),C},k=function(t){for(var n=0;n<E.length;n++)E[n].handle===t&&(E[n].cancelled=!0)}}var M,_=function(t){return v.call(m,t)};_.cancel=function(){k.apply(m,arguments)},_.polyfill=function(t){t||(t=m),t.requestAnimationFrame=v,t.cancelAnimationFrame=k},function(t){t[t.MODE_TIMEOUT=0]="MODE_TIMEOUT",t[t.MODE_INTERVAL=1]="MODE_INTERVAL"}(M||(M={}));const D=new Map,j=new Set;let B=!1,I=0;function L(){return(new Date).getTime()}function q(t){const{fn:n,args:e}=t;n(...e)}function T(){if(0===D.size)return void(B=!1);const t=L();D.forEach((t=>(n,e)=>{const{nextTick:i,ms:o,mode:r}=n;t-i>=0&&(j.add(n),r===M.MODE_TIMEOUT?D.delete(e):D.set(e,{...n,nextTick:i+o}))})(t)),0!==j.size&&(j.forEach(q),j.clear()),0!==D.size?_(T):B=!1}const $=class{constructor(n){t(this,n),this.valueInTooltip=!1}onInput(t){this.updateValue(t.target.value)}onMousedown(){this.disabled||(this.active=!0)}onMouseup(){this.active=!1}updateValue(t){this.value=t,this.updatePosition()}updatePosition(){const t=Number(this.input.value||0),n=Number(this.input.min||0),e=(t-n)/(Number(this.input.max||100)-n)*100;if(this.sliderTooltip){const t=Math.round(1e3*(e/100-e/8/this.sliderTooltipContainer.offsetWidth))/10;this.sliderTooltip.style.left=`${t}%`}this.progressElement.style.width=`${e}%`}getDisplayValue(){return this.displayUnits?`${this.value}${this.displayUnits}`:this.value}componentWillLoad(){this.input=this.root.querySelector('input[slot="input"]'),this.disabled=this.input.disabled,this.value=this.input.value,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.valueWatcherId=((t,n=0,...e)=>function({fn:t,ms:n,args:e,mode:i}){if(!t)return null;const o=I;return D.set(o,{fn:t,ms:n,nextTick:L()+n,args:e,mode:i}),B||(B=!0,_(T)),I+=1,o}({fn:t,ms:n,args:e,mode:M.MODE_INTERVAL}))((()=>{this.value!==this.input.value&&this.updateValue(this.input.value)}),100)}componentDidLoad(){this.updatePosition()}disconnectedCallback(){this.disabledObserver.disconnect(),function(t){null!=t&&D.has(t)&&D.delete(t)}(this.valueWatcherId)}render(){return n("div",{class:{"gux-container":!0,"gux-disabled":this.disabled}},n("div",{class:{"gux-range":!0,"gux-active":this.active}},n("div",{class:"gux-track"},n("div",{class:"gux-progress",ref:t=>this.progressElement=t})),n("slot",{name:"input"}),n("div",{class:{"gux-range-tooltip-container":!0,"gux-hidden":!this.valueInTooltip},ref:t=>this.sliderTooltipContainer=t},n("div",{class:"gux-range-tooltip",ref:t=>this.sliderTooltip=t},this.getDisplayValue()))),n("div",{class:{"gux-display":!0,"gux-hidden":this.valueInTooltip}},this.getDisplayValue()))}get root(){return e(this)}};$.style="gux-input-range .gux-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;height:32px;font-size:12px}gux-input-range .gux-container.gux-disabled{pointer-events:none;opacity:0.5}gux-input-range .gux-container .gux-range{position:relative;flex:1 1 auto;align-self:center;order:0}gux-input-range .gux-container .gux-range .gux-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad}gux-input-range .gux-container .gux-range .gux-track .gux-progress{height:2px;background-color:#2a60c8}gux-input-range .gux-container .gux-range input[type='range']{position:absolute;width:100%;height:2px;margin:6px 0;margin-top:calc(-1 * (12px / 2 + 2px));background:transparent;-webkit-appearance:none}gux-input-range .gux-container .gux-range input[type='range']:focus{outline:none}gux-input-range .gux-container .gux-range input[type='range']::-webkit-slider-runnable-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad;background:transparent}gux-input-range .gux-container .gux-range input[type='range']::-webkit-slider-runnable-track .gux-progress{height:2px;background-color:#2a60c8}gux-input-range .gux-container .gux-range input[type='range']::-webkit-slider-thumb{display:block;width:12px;height:12px;cursor:pointer;border-radius:100%;margin-top:-5px;-webkit-appearance:none;background:#2a60c8;border:0 solid #2a60c8}gux-input-range .gux-container .gux-range input[type='range']:focus::-webkit-slider-runnable-track{background:rgba(13, 13, 13, 0)}gux-input-range .gux-container .gux-range input[type='range']::-moz-range-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad;background:transparent}gux-input-range .gux-container .gux-range input[type='range']::-moz-range-track .gux-progress{height:2px;background-color:#2a60c8}gux-input-range .gux-container .gux-range input[type='range']::-moz-range-thumb{display:block;width:12px;height:12px;cursor:pointer;border-radius:100%;margin-top:-5px;background:#2a60c8;border:0 solid #2a60c8}gux-input-range .gux-container .gux-range input[type='range']::-ms-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad;color:transparent;background:transparent;border-color:transparent;border-width:12px 0}gux-input-range .gux-container .gux-range input[type='range']::-ms-track .gux-progress{height:2px;background-color:#2a60c8}gux-input-range .gux-container .gux-range input[type='range']::-ms-fill-lower{background:rgba(0, 0, 0, 0)}gux-input-range .gux-container .gux-range input[type='range']::-ms-fill-upper{background:transparent}gux-input-range .gux-container .gux-range input[type='range']::-ms-thumb{display:block;width:12px;height:12px;cursor:pointer;border-radius:100%;background:#2a60c8;border:0 solid #2a60c8}gux-input-range .gux-container .gux-range input[type='range']:focus::-ms-fill-lower{background:transparent}gux-input-range .gux-container .gux-range input[type='range']:focus::-ms-fill-upper{background:rgba(13, 13, 13, 0)}gux-input-range .gux-container .gux-range.gux-active input[type='range']::-webkit-slider-thumb{transform:scale(1.5)}gux-input-range .gux-container .gux-range.gux-active input[type='range']::-moz-range-thumb{transform:scale(1.5)}gux-input-range .gux-container .gux-range.gux-active input[type='range']::-ms-thumb{transform:scale(1.5)}gux-input-range .gux-container .gux-display{flex:0 1 auto;align-self:auto;order:0;height:32px;margin:0 0 0 16px;line-height:32px;text-align:right}gux-input-range .gux-container .gux-display.gux-hidden{display:none}gux-input-range .gux-range-tooltip-container{position:absolute;top:-50px;width:100%;height:32px;visibility:hidden}gux-input-range .gux-range-tooltip-container .gux-range-tooltip{font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px;position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;width:50px;height:32px;margin-left:-20px;visibility:hidden;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-input-range .gux-range-tooltip-container .gux-range-tooltip::after,gux-input-range .gux-range-tooltip-container .gux-range-tooltip::before{position:absolute;top:100%;left:50%;width:0;height:0;pointer-events:none;content:' ';border:solid transparent}gux-input-range .gux-range-tooltip-container .gux-range-tooltip::after{margin-left:-4px;border-width:4px;border-top-color:#fdfdfd}gux-input-range .gux-range-tooltip-container .gux-range-tooltip::before{margin-left:-6px;border-width:6px;border-top-color:#b4bccb}gux-input-range input[type='range']:hover~.gux-range-tooltip-container:not(.gux-hidden),gux-input-range input[type='range']:focus~.gux-range-tooltip-container:not(.gux-hidden),gux-input-range input[type='range']:active~.gux-range-tooltip-container:not(.gux-hidden){visibility:visible}gux-input-range input[type='range']:hover~.gux-range-tooltip-container:not(.gux-hidden) .gux-range-tooltip,gux-input-range input[type='range']:focus~.gux-range-tooltip-container:not(.gux-hidden) .gux-range-tooltip,gux-input-range input[type='range']:active~.gux-range-tooltip-container:not(.gux-hidden) .gux-range-tooltip{visibility:visible}";const R=class{constructor(n){t(this,n)}componentWillLoad(){this.input=this.root.querySelector('select[slot="input"]'),this.disabled=this.input.disabled,this.disabledObserver=r(this.input,(t=>{this.disabled=t}))}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return n("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},n("slot",{name:"input"}),n("gux-icon",{decorative:!0,iconName:"ic-dropdown-arrow"}))}get root(){return e(this)}};R.style="gux-input-select{position:relative;display:block}gux-input-select .gux-input-container{position:relative;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-input-select .gux-input-container.gux-disabled{pointer-events:none;opacity:0.5}gux-input-select .gux-input-container:hover gux-icon{color:#2a60c8}gux-input-select .gux-input-container select{flex:1 1 auto;align-self:auto;order:0;height:32px;padding:0 32px 0 12px;margin:0;color:#2e394c;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);-moz-appearance:none;-webkit-appearance:none;appearance:none}gux-input-select .gux-input-container gux-icon{position:absolute;top:0;right:0;width:16px;height:16px;margin:8px;pointer-events:none}gux-input-select .gux-input-container:focus-within{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px #75a8ff}";const N=class{constructor(n){t(this,n),this.resize="none"}componentWillLoad(){this.input=this.root.querySelector('textarea[slot="input"]'),this.input.addEventListener("input",(()=>{this.updateHeight()}))}componentDidLoad(){this.updateHeight()}updateHeight(){"auto"===this.resize&&(this.containerElement.dataset.replicatedValue=this.input.value,this.containerElement.style.maxHeight=this.input.style.maxHeight)}render(){return n("div",{ref:t=>this.containerElement=t,class:`gux-resize-${this.resize}`},n("slot",{name:"input"}))}get root(){return e(this)}};N.style="gux-input-textarea{position:relative;display:block}gux-input-textarea .gux-resize-none textarea{resize:none}gux-input-textarea .gux-resize-auto{display:grid;overflow:hidden;word-break:normal;word-break:break-word;overflow-wrap:anywhere}gux-input-textarea .gux-resize-auto::after{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;white-space:pre-wrap;visibility:hidden;content:attr(data-replicated-value) ' ';min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0;border:1px solid #6b7585}gux-input-textarea .gux-resize-auto textarea{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;overflow-x:hidden;resize:none}gux-input-textarea textarea{flex:1 1 auto;align-self:auto;order:0;font-family:inherit;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;color:#2e394c;background-color:#f6f7f9;background-image:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0;border:1px solid #6b7585}gux-input-textarea textarea::placeholder{color:#596373;opacity:1}gux-input-textarea textarea:focus-within{border-color:#2a60c8;box-shadow:0 0 4px rgba(117, 168, 255, 0.5)}gux-input-textarea textarea[disabled]{opacity:0.5}";export{p as gux_input_checkbox,l as gux_input_color,d as gux_input_number,h as gux_input_radio,$ as gux_input_range,R as gux_input_select,N as gux_input_textarea}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as a,g as l}from"./p-
|
|
1
|
+
import{r as e,h as a,g as l}from"./p-e571f861.js";import{t as s}from"./p-2065021e.js";const i=class{constructor(a){e(this,a),this.isOpen=!1,this.position="left"}get containerClass(){return`gux-${this.position} gux-${this.isOpen?"open":"closed"}`}get contentClass(){return"gux-panel-content gux-"+(this.isOpen?"open":"closed")}componentWillLoad(){s(this.root,{variant:this.position})}render(){return a("aside",{class:this.containerClass},a("div",{class:"gux-panel-icons"},a("slot",{name:"side-panel-icons"})),a("div",{class:this.contentClass},a("slot",{name:"side-panel-content"})))}get root(){return l(this)}};i.style="gux-side-panel-legacy aside{position:relative;display:flex;flex-direction:row-reverse;width:49px;height:100%;color:#2e394c;background-color:#fdfdfd}gux-side-panel-legacy aside.gux-left{flex-direction:row}gux-side-panel-legacy aside.gux-left .gux-panel-content{left:49px}gux-side-panel-legacy aside.gux-right .gux-panel-content{right:49px}gux-side-panel-legacy aside .gux-panel-icons{border:1px solid #e2e6ee}gux-side-panel-legacy aside .gux-panel-icons gux-side-panel-button{display:flex;flex-direction:column}gux-side-panel-legacy aside .gux-panel-content{position:absolute;width:280px;height:100%}gux-side-panel-legacy aside .gux-panel-content [slot='side-panel-content']{height:100%}gux-side-panel-legacy aside .gux-panel-content.gux-closed{display:none}.gux-side-panel-dark-theme{color:#fdfdfd}.gux-side-panel-dark-theme aside{background-color:#2e394c}.gux-side-panel-dark-theme aside .gux-panel-icons{border-color:#202937}.gux-dark-theme gux-side-panel-legacy{color:#fdfdfd}.gux-dark-theme gux-side-panel-legacy aside{background-color:#2e394c}.gux-dark-theme gux-side-panel-legacy aside .gux-panel-icons{border-color:#202937}gux-side-panel-legacy.gux-dark-theme{color:#fdfdfd}gux-side-panel-legacy.gux-dark-theme aside{background-color:#2e394c}gux-side-panel-legacy.gux-dark-theme aside .gux-panel-icons{border-color:#202937}.gux-side-panel-light-theme{color:#2e394c}.gux-light-theme gux-side-panel-legacy{color:#2e394c}gux-side-panel-legacy.gux-light-theme{color:#2e394c}gux-side-panel-legacy{color:#2e394c}";export{i as gux_side_panel_legacy}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as e,f as t,h as i,g as d}from"./p-a085b143.js";import{O as n}from"./p-5ca81424.js";import{w as g}from"./p-76ff3e75.js";import{t as u}from"./p-a44f5924.js";import{O as r}from"./p-4b7056b2.js";var x=function(o,e,t,i){var d,n=arguments.length,g=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)g=Reflect.decorate(o,e,t,i);else for(var u=o.length-1;u>=0;u--)(d=o[u])&&(g=(n<3?d(g):n>3?d(e,t,g):d(e,t))||g);return n>3&&g&&Object.defineProperty(e,t,g),g};const l=class{constructor(t){o(this,t),this.change=e(this,"change",7),this.mode="default",this.disabled=!1,this.value="",this.inputIsFocused=!1,this.valueEdited=!1}emitChange(o){this.change.emit(o)}onClickOutside(o){o.relatedTarget&&this.root.contains(o.relatedTarget)||(this.opened=!1,this.forcedGhostValue="",this.getSelectionOptions().some((o=>o.text===this.value))||(this.value=""))}async setLabeledBy(o){this.srLabeledBy=o}async setSelected(){const o=this.getSelectionOptions(),e=o.map((o=>o.selected)).lastIndexOf(!0);if(e>=0)return void(this.value=o[e].text);const t=o.find((o=>this.value===o.value));this.value=t?t.text:""}onMutation(){t(this.root),this.setSelected()}onKeyDown(o){const e=this.getSelectionOptions(),t=this.getFocusIndex(e);switch(o.key){case"ArrowUp":o.preventDefault(),t>0&&e[t-1].focus();break;case"ArrowDown":o.preventDefault(),this.inputIsFocused&&(this.opened=!0),t<e.length-1&&e[t+1].focus();break;case"Home":if(!e.length)return;e[0].focus();break;case"End":if(!e.length)return;e[e.length-1].focus();break;case"Escape":case"Tab":this.textFieldElement.focus(),this.opened=!1;break;case"Enter":case"Space":break;default:if(this.valueEdited=!0,!this.filterable){const t=e.filter((e=>e.text.startsWith(o.key)));t[0]&&t[0].focus()}}}setValue(o,e){this.value=o,this.opened=!1,this.valueEdited=!1,this.emitChange(e)}_clickHandler(){this.disabled||(this.opened=!this.opened)}_focusHandler(){this.inputIsFocused=!0}_optionFocusedHandler(o){g("gux-option-legacy",o,(o=>{this.forcedGhostValue=this.value+o.text.substring(this.value.length)}))}optionSelectedHandler(o){g("gux-option-legacy",o,(o=>{const e=o;this.getSelectionOptions().forEach((o=>{o===e?(o.selected=!0,this.setValue(o.text,o.value||o.text)):o.selected=!1}))}))}optionKeyDownHandler(o){" "!==o.key&&"Enter"!==o.key||this.optionSelectedHandler(o)}_blurHandler(){this.inputIsFocused=!1,this.forcedGhostValue=""}_inputHandler(o){this.value=o.target.value,this.opened=!0}getFilteredItems(){const o=this.getSelectionOptions();return this.filterable?o.filter((o=>o.text.toLowerCase().startsWith(this.value.toLowerCase()))):o}getSuggestionText(o=""){this.searchHighlightAndFilter(this.value);const e=o.length,t=this.getFilteredItems().length?this.getFilteredItems()[0].text:"";if(e>0){const o=t;if(o)return this.opened&&this.filterable?o.substring(e):""}return""}componentWillLoad(){u(this.root,{variant:this.filterable?"filterable":"full"})}componentDidLoad(){this.setSelected(),this.filterable||(this.textFieldElement.readOnly=!0)}getSelectionOptions(){const o=[],e=this.root.getElementsByClassName("gux-options")[0];return e?(Array.from(e.children).forEach((e=>{e.matches("gux-option-legacy")&&o.push(e)})),o):[]}render(){return i("div",{class:`gux-dropdown gux-${this.mode} ${this.disabled?"gux-disabled":""} ${this.opened?"gux-active":""}`,onKeyDown:o=>this.onKeyDown(o)},i("div",{class:"gux-select-field"},i("span",{class:"gux-filter-suggestion "+(this.opened?"gux-active":""),"aria-hidden":"true"},i("span",{class:"gux-filter-text"},this.value),i("span",{class:"gux-filter-typeahead"},this.getSuggestionText(this.value))),i("gux-input-text-like",null,i("input",{placeholder:this.placeholder,slot:"input",value:this.value,"aria-labelledby":this.srLabeledBy,disabled:this.disabled,ref:o=>this.textFieldElement=o,onMouseDown:()=>{this._clickHandler()},onFocus:()=>{this._focusHandler()},onBlur:()=>{this._blurHandler()},onInput:o=>{this._inputHandler(o)}})),i("button",{class:"gux-dropdown-indicator","aria-hidden":"true",tabindex:"-1",type:"button"},i("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),i("div",{class:"gux-options "+(this.opened?"gux-opened":""),onClick:this.optionSelectedHandler.bind(this),onFocusin:this._optionFocusedHandler.bind(this),onKeyDown:this.optionKeyDownHandler.bind(this)},i("slot",null)))}getFocusIndex(o){return o.findIndex((o=>o.matches(":focus")))}searchHighlightAndFilter(o){const e=this.getSelectionOptions();if(e)for(const t of e)t.shouldFilter(o).then((o=>{this.filterable&&o&&this.valueEdited?t.classList.add("gux-filtered"):t.classList.remove("gux-filtered")}))}get root(){return d(this)}};x([n({triggerEvents:"mousedown"})],l.prototype,"onClickOutside",null),x([r({childList:!0,subtree:!0})],l.prototype,"onMutation",null),l.style="gux-dropdown-legacy .gux-hidden{display:none}gux-dropdown-legacy div.gux-dropdown{position:relative;margin:4px 0}gux-dropdown-legacy div.gux-dropdown.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-dropdown-legacy div.gux-dropdown .gux-select-field{position:relative;width:100%;height:32px}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion{position:absolute;box-sizing:border-box;width:100%;height:32px;padding:6px 25px 6px 14px;overflow:hidden;font-size:12px;line-height:1.6667;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion .gux-filter-text{color:#2e394c}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion .gux-filter-typeahead{color:#596373}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like>div{margin:0}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like input{width:100%;padding-right:25px;font-size:12px;text-overflow:ellipsis;cursor:pointer;background-color:transparent}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like.gux-unclearable button{display:none}gux-dropdown-legacy div.gux-dropdown .gux-select-field button.gux-dropdown-indicator{position:absolute;top:1px;right:3px;bottom:0;display:block;overflow:hidden;pointer-events:none;cursor:pointer;background:none;border:none;outline:none}gux-dropdown-legacy div.gux-dropdown .gux-select-field button.gux-dropdown-indicator gux-icon{width:16px;height:16px;color:#596373}gux-dropdown-legacy div.gux-dropdown .gux-select-field:hover button.gux-dropdown-indicator gux-icon,gux-dropdown-legacy div.gux-dropdown .gux-select-field:focus-within button.gux-dropdown-indicator gux-icon{color:#2e394c}gux-dropdown-legacy div.gux-dropdown .gux-options{position:absolute;z-index:1;display:none;width:100%;padding:8px 0;margin-top:2px;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-dropdown-legacy div.gux-dropdown .gux-options.gux-opened{display:block}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy{position:relative;display:flex;height:32px;padding:0 16px;line-height:32px;cursor:pointer}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy>div{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy>div .gux-filter-suggestion{position:absolute}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy[disabled]{pointer-events:none;cursor:default;opacity:0.5}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy.gux-filtered{display:none}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy:not([disabled])[selected]{color:#2e394c;background:#deeaff}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy:not([disabled]):hover,gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy:not([disabled]):focus{color:#fdfdfd;background:#2a60c8}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field{height:48px}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field .gux-filter-suggestion{height:48px;padding:2px 25px 4px 11px;overflow:hidden;line-height:1.6667;white-space:nowrap;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like div.gux-input-container{height:48px}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px;height:48px;line-height:1.6667;color:transparent;border:none;border-bottom:2px solid transparent;caret-color:#2e394c}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input:focus{border:none;border-bottom:2px solid rgba(117, 168, 255, 0.5);box-shadow:none}gux-dropdown-legacy div.gux-dropdown.gux-page.gux-active .gux-select-field gux-input-text-like input:focus{border-bottom:1px solid #2a60c8}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field{height:52px}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field .gux-filter-suggestion{height:52px;padding:9px 25px 4px 11px;overflow:hidden;line-height:1.6667;white-space:nowrap;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like div.gux-input-container{height:52px}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px;height:52px;line-height:1.6667;border:none;border-bottom:2px solid transparent}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input:focus{border:none;border-bottom:2px solid rgba(117, 168, 255, 0.5);box-shadow:none}gux-dropdown-legacy div.gux-dropdown.gux-palette.gux-active .gux-select-field gux-input-text-like input:focus{border-bottom:1px solid #2a60c8}gux-dropdown-legacy:hover gux-icon,gux-dropdown-legacy:focus gux-icon{color:#2e394c}.gux-dropdown-light-theme div.gux-dropdown .gux-select-field .gux-filter-suggestion{color:#596373}.gux-dropdown-light-theme div.gux-dropdown .gux-select-field gux-input-text-like input{color:transparent;caret-color:#2e394c;border-color:#6b7585}.gux-dropdown-light-theme div.gux-dropdown .gux-select-field button.gux-dropdown-indicator{color:#596373}.gux-dropdown-light-theme div.gux-dropdown.gux-page .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}.gux-dropdown-light-theme div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}.gux-dropdown-light-theme div.gux-dropdown.gux-page.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}.gux-dropdown-light-theme div.gux-dropdown.gux-palette .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}.gux-dropdown-light-theme div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}.gux-dropdown-light-theme div.gux-dropdown.gux-palette.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion{color:#596373}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like input{color:transparent;caret-color:#2e394c;border-color:#6b7585}gux-dropdown-legacy div.gux-dropdown .gux-select-field button.gux-dropdown-indicator{color:#596373}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}gux-dropdown-legacy div.gux-dropdown.gux-page.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}gux-dropdown-legacy div.gux-dropdown.gux-palette.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}";export{l as gux_dropdown_legacy}
|
|
1
|
+
import{r as o,c as e,f as t,h as i,g as d}from"./p-e571f861.js";import{O as n}from"./p-49b1912a.js";import{w as g}from"./p-76ff3e75.js";import{t as u}from"./p-2065021e.js";import{O as r}from"./p-35578249.js";var x=function(o,e,t,i){var d,n=arguments.length,g=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)g=Reflect.decorate(o,e,t,i);else for(var u=o.length-1;u>=0;u--)(d=o[u])&&(g=(n<3?d(g):n>3?d(e,t,g):d(e,t))||g);return n>3&&g&&Object.defineProperty(e,t,g),g};const l=class{constructor(t){o(this,t),this.change=e(this,"change",7),this.mode="default",this.disabled=!1,this.value="",this.inputIsFocused=!1,this.valueEdited=!1}emitChange(o){this.change.emit(o)}onClickOutside(o){o.relatedTarget&&this.root.contains(o.relatedTarget)||(this.opened=!1,this.forcedGhostValue="",this.getSelectionOptions().some((o=>o.text===this.value))||(this.value=""))}async setLabeledBy(o){this.srLabeledBy=o}async setSelected(){const o=this.getSelectionOptions(),e=o.map((o=>o.selected)).lastIndexOf(!0);if(e>=0)return void(this.value=o[e].text);const t=o.find((o=>this.value===o.value));this.value=t?t.text:""}onMutation(){t(this.root),this.setSelected()}onKeyDown(o){const e=this.getSelectionOptions(),t=this.getFocusIndex(e);switch(o.key){case"ArrowUp":o.preventDefault(),t>0&&e[t-1].focus();break;case"ArrowDown":o.preventDefault(),this.inputIsFocused&&(this.opened=!0),t<e.length-1&&e[t+1].focus();break;case"Home":if(!e.length)return;e[0].focus();break;case"End":if(!e.length)return;e[e.length-1].focus();break;case"Escape":case"Tab":this.textFieldElement.focus(),this.opened=!1;break;case"Enter":case"Space":break;default:if(this.valueEdited=!0,!this.filterable){const t=e.filter((e=>e.text.startsWith(o.key)));t[0]&&t[0].focus()}}}setValue(o,e){this.value=o,this.opened=!1,this.valueEdited=!1,this.emitChange(e)}_clickHandler(){this.disabled||(this.opened=!this.opened)}_focusHandler(){this.inputIsFocused=!0}_optionFocusedHandler(o){g("gux-option-legacy",o,(o=>{this.forcedGhostValue=this.value+o.text.substring(this.value.length)}))}optionSelectedHandler(o){g("gux-option-legacy",o,(o=>{const e=o;this.getSelectionOptions().forEach((o=>{o===e?(o.selected=!0,this.setValue(o.text,o.value||o.text)):o.selected=!1}))}))}optionKeyDownHandler(o){" "!==o.key&&"Enter"!==o.key||this.optionSelectedHandler(o)}_blurHandler(){this.inputIsFocused=!1,this.forcedGhostValue=""}_inputHandler(o){this.value=o.target.value,this.opened=!0}getFilteredItems(){const o=this.getSelectionOptions();return this.filterable?o.filter((o=>o.text.toLowerCase().startsWith(this.value.toLowerCase()))):o}getSuggestionText(o=""){this.searchHighlightAndFilter(this.value);const e=o.length,t=this.getFilteredItems().length?this.getFilteredItems()[0].text:"";if(e>0){const o=t;if(o)return this.opened&&this.filterable?o.substring(e):""}return""}componentWillLoad(){u(this.root,{variant:this.filterable?"filterable":"full"})}componentDidLoad(){this.setSelected(),this.filterable||(this.textFieldElement.readOnly=!0)}getSelectionOptions(){const o=[],e=this.root.getElementsByClassName("gux-options")[0];return e?(Array.from(e.children).forEach((e=>{e.matches("gux-option-legacy")&&o.push(e)})),o):[]}render(){return i("div",{class:`gux-dropdown gux-${this.mode} ${this.disabled?"gux-disabled":""} ${this.opened?"gux-active":""}`,onKeyDown:o=>this.onKeyDown(o)},i("div",{class:"gux-select-field"},i("span",{class:"gux-filter-suggestion "+(this.opened?"gux-active":""),"aria-hidden":"true"},i("span",{class:"gux-filter-text"},this.value),i("span",{class:"gux-filter-typeahead"},this.getSuggestionText(this.value))),i("gux-input-text-like",null,i("input",{placeholder:this.placeholder,slot:"input",value:this.value,"aria-labelledby":this.srLabeledBy,disabled:this.disabled,ref:o=>this.textFieldElement=o,onMouseDown:()=>{this._clickHandler()},onFocus:()=>{this._focusHandler()},onBlur:()=>{this._blurHandler()},onInput:o=>{this._inputHandler(o)}})),i("button",{class:"gux-dropdown-indicator","aria-hidden":"true",tabindex:"-1",type:"button"},i("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),i("div",{class:"gux-options "+(this.opened?"gux-opened":""),onClick:this.optionSelectedHandler.bind(this),onFocusin:this._optionFocusedHandler.bind(this),onKeyDown:this.optionKeyDownHandler.bind(this)},i("slot",null)))}getFocusIndex(o){return o.findIndex((o=>o.matches(":focus")))}searchHighlightAndFilter(o){const e=this.getSelectionOptions();if(e)for(const t of e)t.shouldFilter(o).then((o=>{this.filterable&&o&&this.valueEdited?t.classList.add("gux-filtered"):t.classList.remove("gux-filtered")}))}get root(){return d(this)}};x([n({triggerEvents:"mousedown"})],l.prototype,"onClickOutside",null),x([r({childList:!0,subtree:!0})],l.prototype,"onMutation",null),l.style="gux-dropdown-legacy .gux-hidden{display:none}gux-dropdown-legacy div.gux-dropdown{position:relative;margin:4px 0}gux-dropdown-legacy div.gux-dropdown.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-dropdown-legacy div.gux-dropdown .gux-select-field{position:relative;width:100%;height:32px}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion{position:absolute;box-sizing:border-box;width:100%;height:32px;padding:6px 25px 6px 14px;overflow:hidden;font-size:12px;line-height:1.6667;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion .gux-filter-text{color:#2e394c}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion .gux-filter-typeahead{color:#596373}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like>div{margin:0}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like input{width:100%;padding-right:25px;font-size:12px;text-overflow:ellipsis;cursor:pointer;background-color:transparent}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like.gux-unclearable button{display:none}gux-dropdown-legacy div.gux-dropdown .gux-select-field button.gux-dropdown-indicator{position:absolute;top:1px;right:3px;bottom:0;display:block;overflow:hidden;pointer-events:none;cursor:pointer;background:none;border:none;outline:none}gux-dropdown-legacy div.gux-dropdown .gux-select-field button.gux-dropdown-indicator gux-icon{width:16px;height:16px;color:#596373}gux-dropdown-legacy div.gux-dropdown .gux-select-field:hover button.gux-dropdown-indicator gux-icon,gux-dropdown-legacy div.gux-dropdown .gux-select-field:focus-within button.gux-dropdown-indicator gux-icon{color:#2e394c}gux-dropdown-legacy div.gux-dropdown .gux-options{position:absolute;z-index:1;display:none;width:100%;padding:8px 0;margin-top:2px;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-dropdown-legacy div.gux-dropdown .gux-options.gux-opened{display:block}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy{position:relative;display:flex;height:32px;padding:0 16px;line-height:32px;cursor:pointer}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy>div{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy>div .gux-filter-suggestion{position:absolute}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy[disabled]{pointer-events:none;cursor:default;opacity:0.5}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy.gux-filtered{display:none}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy:not([disabled])[selected]{color:#2e394c;background:#deeaff}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy:not([disabled]):hover,gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy:not([disabled]):focus{color:#fdfdfd;background:#2a60c8}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field{height:48px}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field .gux-filter-suggestion{height:48px;padding:2px 25px 4px 11px;overflow:hidden;line-height:1.6667;white-space:nowrap;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like div.gux-input-container{height:48px}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px;height:48px;line-height:1.6667;color:transparent;border:none;border-bottom:2px solid transparent;caret-color:#2e394c}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input:focus{border:none;border-bottom:2px solid rgba(117, 168, 255, 0.5);box-shadow:none}gux-dropdown-legacy div.gux-dropdown.gux-page.gux-active .gux-select-field gux-input-text-like input:focus{border-bottom:1px solid #2a60c8}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field{height:52px}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field .gux-filter-suggestion{height:52px;padding:9px 25px 4px 11px;overflow:hidden;line-height:1.6667;white-space:nowrap;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like div.gux-input-container{height:52px}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px;height:52px;line-height:1.6667;border:none;border-bottom:2px solid transparent}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input:focus{border:none;border-bottom:2px solid rgba(117, 168, 255, 0.5);box-shadow:none}gux-dropdown-legacy div.gux-dropdown.gux-palette.gux-active .gux-select-field gux-input-text-like input:focus{border-bottom:1px solid #2a60c8}gux-dropdown-legacy:hover gux-icon,gux-dropdown-legacy:focus gux-icon{color:#2e394c}.gux-dropdown-light-theme div.gux-dropdown .gux-select-field .gux-filter-suggestion{color:#596373}.gux-dropdown-light-theme div.gux-dropdown .gux-select-field gux-input-text-like input{color:transparent;caret-color:#2e394c;border-color:#6b7585}.gux-dropdown-light-theme div.gux-dropdown .gux-select-field button.gux-dropdown-indicator{color:#596373}.gux-dropdown-light-theme div.gux-dropdown.gux-page .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}.gux-dropdown-light-theme div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}.gux-dropdown-light-theme div.gux-dropdown.gux-page.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}.gux-dropdown-light-theme div.gux-dropdown.gux-palette .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}.gux-dropdown-light-theme div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}.gux-dropdown-light-theme div.gux-dropdown.gux-palette.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion{color:#596373}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like input{color:transparent;caret-color:#2e394c;border-color:#6b7585}gux-dropdown-legacy div.gux-dropdown .gux-select-field button.gux-dropdown-indicator{color:#596373}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}gux-dropdown-legacy div.gux-dropdown.gux-page.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}gux-dropdown-legacy div.gux-dropdown.gux-palette.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}";export{l as gux_dropdown_legacy}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as s,g as i}from"./p-
|
|
1
|
+
import{r as t,h as s,g as i}from"./p-e571f861.js";import{t as e}from"./p-2065021e.js";const n=class{constructor(s){t(this,s),this.selectedIndex=-1}async setFocusOnFirstItem(){this.selectedIndex=0,this.updateTabIndexes()}async setFocusOnLastItem(){const t=this.getFilteredList();this.selectedIndex=t.length-1,this.updateTabIndexes()}async isLastItemSelected(){const t=this.getFilteredList();return this.selectedIndex===t.length-1}async isFirstItemSelected(){return this.selectedIndex<=0}componentWillLoad(){e(this.root)}render(){return this.updateTabIndexes(),s("div",{class:"gux-action-list-items-container",role:"list"},s("slot",null))}onKeyDown(t){const s=this.getFilteredList();let i=-1;switch(t.key){case"ArrowUp":0!==this.selectedIndex?(t.preventDefault(),i=this.selectedIndex-1,t.stopPropagation()):this.root.classList.contains("gux-command-palette-list")||(t.preventDefault(),i=s.length-1);break;case"Home":this.selectedIndex&&(i=0);break;case"ArrowDown":this.selectedIndex!==s.length-1?(t.preventDefault(),i=this.selectedIndex+1,t.stopPropagation()):this.root.classList.contains("gux-command-palette-list")||(t.preventDefault(),i=0,t.stopPropagation());break;case"End":this.selectedIndex!==s.length-1&&(i=s.length-1)}-1!==i&&(this.selectedIndex=i)}updateTabIndexes(){const t=this.getFilteredList();t&&-1!==this.selectedIndex&&t.forEach(((t,s)=>{s!==this.selectedIndex?t.shadowRoot.querySelector("button").setAttribute("tabindex","-1"):(t.shadowRoot.querySelector("button").setAttribute("tabindex","0"),t.shadowRoot.querySelector("button").focus())}))}getFilteredList(){const t=this.root.querySelector("slot");return t?t.assignedElements().filter((t=>t.matches("gux-action-item:not([disabled])"))):Array.from(this.root.querySelectorAll("gux-action-item:not([disabled])"))}get root(){return i(this)}};n.style=".gux-action-list-items-container{padding:8px 0;margin:0;list-style:none;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{n as gux_action_list_legacy}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,g as o}from"./p-
|
|
1
|
+
import{r as t,c as s,h as i,g as o}from"./p-e571f861.js";import{r as e}from"./p-cbcbd1bb.js";import{t as r}from"./p-2065021e.js";import{b as n}from"./p-523a0237.js";import"./p-8a133b9b.js";const u={defaultLabel:"Disclosure button"},a=class{constructor(i){t(this,i),this.active=s(this,"active",7),this.panelId=e("gux-disclosure-button-panel"),this.position="left",this.isOpen=!1,this.icon="arrow-solid-right"}watchIsOpen(){this.updateIcon()}changeState(){this.togglePanel(),this.active.emit(this.isOpen)}togglePanel(){this.isOpen=!this.isOpen}updateIcon(){this.icon="right"===this.position?this.isOpen?"arrow-solid-right":"arrow-solid-left":this.isOpen?"arrow-solid-left":"arrow-solid-right"}async componentWillLoad(){r(this.root,{variant:this.position}),this.i18n=await n(this.root,u),this.updateIcon()}render(){return i("div",{class:`gux-disclosure-button-container gux-${this.position}`},i("button",{class:"gux-disclosure-button",onClick:()=>this.changeState(),"aria-controls":this.panelId,"aria-expanded":this.isOpen.toString(),"aria-label":this.label||this.i18n("defaultLabel")},i("gux-icon",{"icon-name":`${this.icon}`,decorative:!0})),i("div",{id:this.panelId,class:{"gux-disclosure-panel":!0,"gux-active":this.isOpen},role:"region"},i("slot",{name:"panel-content"})))}get root(){return o(this)}static get watchers(){return{isOpen:["watchIsOpen"]}}};a.style=":host{height:100%;color:#2e394c}.gux-disclosure-button-container{display:flex;flex-direction:row;justify-content:flex-start;height:100%}.gux-disclosure-button-container .gux-disclosure-button{width:16px;padding:0;margin:0;color:#2e394c;background:transparent;border-top:none;border-right:1px solid #e2e6ee;border-bottom:none;border-left:1px solid #e2e6ee}.gux-disclosure-button-container .gux-disclosure-button gux-icon{width:12px;height:12px}.gux-disclosure-button-container .gux-disclosure-button:focus{outline:none}.gux-disclosure-button-container .gux-disclosure-panel{display:none;order:-1;width:100%}.gux-disclosure-button-container .gux-disclosure-panel.gux-active{display:block}.gux-disclosure-button-container.gux-right{justify-content:flex-end}.gux-disclosure-button-container.gux-right .gux-disclosure-panel{order:1}";export{a as gux_disclosure_button}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as i}from"./p-e571f861.js";const e=({labelPosition:e},o)=>i("div",{class:{"gux-form-field-container":!0,[`gux-${e}`]:!0}},o),o=({position:e,required:o},r)=>i("div",{class:{"gux-form-field-label":!0,[`gux-${e}`]:!0,"gux-required":o}},r);export{o as G,e as a}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as o,g as a}from"./p-
|
|
1
|
+
import{r as e,h as t,H as o,g as a}from"./p-e571f861.js";import{O as i}from"./p-35578249.js";import{o as s}from"./p-e2bea786.js";import{p as r}from"./p-c10e41a9.js";import{t as l}from"./p-2065021e.js";import{h as n,G as h,v as p}from"./p-14551b38.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const c=class{constructor(t){e(this,t),this.hasError=!1}onMutation(){this.hasError=n(this.root)}componentWillLoad(){this.setInput(),this.hasError=n(this.root),l(this.root)}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return t(o,{class:{"gux-input-error":this.hasError,"gux-disabled":this.disabled}},t("div",{class:"gux-form-field-container"},t("div",{class:"gux-input"},t("slot",{name:"input",onSlotchange:()=>this.setInput()}),t("slot",{name:"label"})),t(h,{hasError:this.hasError},t("slot",{name:"error"}))))}setInput(){this.input=this.root.querySelector('input[type="checkbox"][slot="input"]'),r(this.input),this.disabled=this.input.disabled,this.disabledObserver=s(this.input,(e=>{this.disabled=e})),p(this.root,this.input)}get root(){return a(this)}};(function(e,t,o,a){var i,s=arguments.length,r=s<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,o):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,a);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(r=(s<3?i(r):s>3?i(t,o,r):i(t,o))||r);s>3&&r&&Object.defineProperty(t,o,r)})([i({childList:!0,subtree:!0})],c.prototype,"onMutation",null),c.style=".gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}:host{display:block;color:#2e394c}:host(.gux-input-error) ::slotted(input[type='checkbox']:not(:checked))::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%23ea0b0b' /%3E%3C/svg%3E\")}:host(.gux-disabled){cursor:not-allowed;opacity:0.5}:host(.gux-disabled) ::slotted(label){cursor:not-allowed}.gux-input{position:relative;height:24px;line-height:24px}::slotted(input[type='checkbox']){display:inline-grid;width:16px;height:16px;margin:4px;text-align:center;vertical-align:middle;cursor:pointer;border:0;-webkit-appearance:none;appearance:none;outline:none}::slotted(input[type='checkbox'])::before{grid-area:1;content:'';border-radius:15%}::slotted(input[type='checkbox']:focus-within)::before{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}::slotted(input[type='checkbox']:not(:checked))::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%2377828f' /%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:not(:checked):not(:disabled):not(:indeterminate):hover)::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%232a60c8' /%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:checked)::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 1.467h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zM6.8 11 3.638 7.941l.89-.932L6.8 9.2l3.947-3.861.891.932z' fill='%232a60c8' /%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:indeterminate)::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.138 8.467h7v-1h-7zm7-7h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zm2 10a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2z' fill='%232a60c8' /%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:disabled)::before{cursor:not-allowed;opacity:0.5}::slotted(label){display:inline-block;font-size:12px;line-height:24px;vertical-align:middle}";export{c as gux_form_field_checkbox}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as s,c as t,h as i,H as o,g as e}from"./p-e571f861.js";import{s as h,c as a,a as r,b as n,h as c,d,e as l,f as u,i as p,j as m,o as x}from"./p-3770c1e9.js";import{b}from"./p-523a0237.js";import{w as f}from"./p-76ff3e75.js";import{s as g}from"./p-d176c2ae.js";import{t as v}from"./p-2065021e.js";import"./p-8a133b9b.js";const w={noMatches:"No matches"},j=class{constructor(i){s(this,i),this.internallistboxoptionsupdated=t(this,"internallistboxoptionsupdated",7),this.filter="",this.selectedValues=[],this.listboxOptions=[]}onFocus(){h(this.root)}onBlur(){a(this.root)}onKeydown(s){switch(s.key){case"Enter":return s.preventDefault(),void p(this.root,(s=>this.updateValue(s)));case"ArrowDown":return s.preventDefault(),void(l(this.root)?(s.stopPropagation(),u(this.root)):n(this.root));case"ArrowUp":return s.preventDefault(),void(c(this.root)?(s.stopPropagation(),d(this.root)):r(this.root));case"Home":return s.preventDefault(),void n(this.root);case"End":return s.preventDefault(),void r(this.root);case" ":return void s.preventDefault()}1!==s.key.length||m(this.root,s.key)}onKeyup(s){switch(s.key){case" ":return void p(this.root,(s=>this.updateValue(s)))}}onMousemove(){a(this.root)}onClick(s){f("gux-option-multi",s,(s=>{x(s,(s=>this.updateValue(s)))}))}validateValue(){this.selectedValues=this.value?this.value.split(","):[]}async guxSelectActive(){p(this.root,(s=>this.updateValue(s)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=Array.from(this.root.children),this.internallistboxoptionsupdated.emit()}updateValue(s){if(this.selectedValues.includes(s))this.selectedValues=this.selectedValues.filter((t=>t!==s)),this.value=this.selectedValues.join(",");else{const t=[...this.selectedValues,s];this.selectedValues=t,this.value=this.selectedValues.join(",")}g(this.root,"input"),g(this.root,"change")}async componentWillLoad(){v(this.root),this.i18n=await b(this.root,w),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((s=>{s.selected=this.selectedValues.includes(s.value),s.filtered=!s.textContent.toLowerCase().startsWith(this.filter.toLowerCase())})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((s=>!s.filtered)).length}renderAllListboxOptionsFiltered(){if(this.allListboxOptionsFiltered)return i("div",{class:"gux-no-matches"},this.i18n("noMatches"))}render(){return i(o,{role:"listbox","aria-multiselectable":"true",tabindex:0},i("slot",{onSlotchange:()=>this.setListboxOptions()}),this.renderAllListboxOptionsFiltered())}get root(){return e(this)}static get watchers(){return{value:["validateValue"]}}};j.style=":host{box-sizing:border-box;display:block;max-height:20rem;padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;outline:none}:host(:focus){outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-no-matches{box-sizing:border-box;height:32px;padding:8px 16px;color:#2e394c}";export{j as gux_listbox_multi}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,h as i,H as e,g as s}from"./p-
|
|
1
|
+
import{r as t,c as o,h as i,H as e,g as s}from"./p-e571f861.js";import{t as n}from"./p-2065021e.js";const l=class{constructor(i){t(this,i),this.guxdismiss=o(this,"guxdismiss",7),this.accent="neutral"}componentWillLoad(){n(this.root,{variant:this.accent})}render(){return i(e,null,i("div",{class:`gux-icon gux-${this.accent}`},i("slot",{name:"icon"})),i("div",{class:"gux-content"},i("div",{class:"gux-title"},i("slot",{name:"title"})),i("div",{class:"gux-message"},i("slot",{name:"message"}))),i("gux-dismiss-button",{onClick:this.onDismissClickHandler.bind(this)}))}onDismissClickHandler(t){t.stopPropagation(),this.guxdismiss.emit().defaultPrevented||this.root.remove()}get root(){return s(this)}};l.style=":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;align-self:auto;justify-content:flex-start;order:0}.gux-content .gux-title{flex:1 1 auto;align-self:auto;order:0;max-height:48px;margin:0 12px 0 8px;overflow:hidden;font-size:14px;line-height:20px;color:#2e394c;text-overflow:ellipsis}.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0;max-height:24px;margin:0 12px 0 8px;overflow:hidden;line-height:24px;text-overflow:ellipsis}";export{l as gux_notification_toast}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,g as e}from"./p-
|
|
1
|
+
import{r as t,c as s,h as i,g as e}from"./p-e571f861.js";import{t as o}from"./p-2065021e.js";import{O as n}from"./p-49b1912a.js";const a=class{constructor(i){t(this,i),this.open=s(this,"open",7),this.close=s(this,"close",7),this.moveFocusDelay=100,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){switch(t.key){case" ":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(){setTimeout((()=>{this.listElement.focus()}),this.moveFocusDelay)}focusFirstItemInPopupList(){setTimeout((()=>{this.listElement.guxFocusFirstItem()}),this.moveFocusDelay)}componentWillLoad(){o(this.root,{variant:this.accent})}render(){return i("gux-popup",{expanded:this.isOpen,disabled:this.disabled},i("div",{slot:"target",class:"gux-button-multi-container"},i("gux-button-slot-beta",{class:"gux-dropdown-button",accent:this.accent},i("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},i("span",null,this.text),i("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),i("div",{class:"gux-list-container",slot:"popup"},i("gux-list",{ref:t=>this.listElement=t},i("slot",null))))}get root(){return e(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,s,i,e){var o,n=arguments.length,a=n<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,s,i,e);else for(var h=t.length-1;h>=0;h--)(o=t[h])&&(a=(n<3?o(a):n>3?o(s,i,a):o(s,i))||a);n>3&&a&&Object.defineProperty(s,i,a)})([n({triggerEvents:"mousedown"})],a.prototype,"onClickOutside",null),a.style=":host{display:block;-webkit-user-select:none;user-select:none;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-button-multi-container .gux-dropdown-button button>*{vertical-align:middle}.gux-button-multi-container .gux-dropdown-button button gux-icon{width:16px;height:16px;margin-left:8px}.gux-list-container{padding:8px 0;margin:0;list-style:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{a as gux_button_multi}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as t}from"./p-
|
|
1
|
+
import{r as o,h as t}from"./p-e571f861.js";const n=class{constructor(t){o(this,t)}render(){return t("button",{class:"tab-dropdown-option"},t("gux-icon",{"icon-name":this.iconName,decorative:!0}),t("span",null,t("slot",null)))}};n.style="gux-tab-dropdown-option-legacy .tab-dropdown-option{display:flex;align-items:center;width:120px;height:36px;padding:0;font-size:12px;cursor:pointer;background:none;border:none;transition:color 0.25s, background-color 0.25s}gux-tab-dropdown-option-legacy .tab-dropdown-option:hover,gux-tab-dropdown-option-legacy .tab-dropdown-option:focus{outline:none}gux-tab-dropdown-option-legacy .tab-dropdown-option gux-icon{width:16px;height:16px;margin:0 10px}.gux-tab-dropdown-option-light-theme .tab-dropdown-option{color:#2e394c}.gux-tab-dropdown-option-light-theme .tab-dropdown-option:hover,.gux-tab-dropdown-option-light-theme .tab-dropdown-option:focus{color:#fdfdfd;background-color:#2a60c8}.gux-light-theme gux-tab-dropdown-option-legacy .tab-dropdown-option{color:#2e394c}.gux-light-theme gux-tab-dropdown-option-legacy .tab-dropdown-option:hover,.gux-light-theme gux-tab-dropdown-option-legacy .tab-dropdown-option:focus{color:#fdfdfd;background-color:#2a60c8}gux-tab-dropdown-option-legacy.gux-light-theme .tab-dropdown-option{color:#2e394c}gux-tab-dropdown-option-legacy.gux-light-theme .tab-dropdown-option:hover,gux-tab-dropdown-option-legacy.gux-light-theme .tab-dropdown-option:focus{color:#fdfdfd;background-color:#2a60c8}gux-tab-dropdown-option-legacy .tab-dropdown-option{color:#2e394c}gux-tab-dropdown-option-legacy .tab-dropdown-option:hover,gux-tab-dropdown-option-legacy .tab-dropdown-option:focus{color:#fdfdfd;background-color:#2a60c8}";export{n as gux_tab_dropdown_option_legacy}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as
|
|
1
|
+
import{r as t,h as e,g as o}from"./p-e571f861.js";import{O as i}from"./p-35578249.js";import{o as n,a as r}from"./p-e2bea786.js";import{t as a}from"./p-2065021e.js";import{G as s,a as l}from"./p-cdf5cb56.js";import{h as p,G as u,v as x,g as c}from"./p-14551b38.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const d=class{constructor(e){t(this,e),this.computedLabelPosition="above",this.hasError=!1}onMutation(){this.hasError=p(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=p(this.root),a(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return e(l,{labelPosition:this.computedLabelPosition},e(s,{position:this.computedLabelPosition,required:this.required},e("slot",{name:"label",onSlotchange:()=>this.setLabel()})),e("div",{class:"gux-input-and-error-container"},e("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},e("div",{class:{"gux-dropdown-container":!0,"gux-disabled":this.disabled}},e("slot",null))),e(u,{hasError:this.hasError},e("slot",{name:"error"}))))}get variant(){return`dropdown-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.dropdownElement=this.root.querySelector("gux-dropdown")||this.root.querySelector("gux-dropdown-multi-beta"),this.listboxElement=this.root.querySelector("gux-listbox")||this.root.querySelector("gux-listbox-multi"),this.disabled=this.dropdownElement.disabled,this.required=this.dropdownElement.required,this.disabledObserver=n(this.dropdownElement,(t=>{this.disabled=t})),this.requiredObserver=r(this.dropdownElement,(t=>{this.required=t})),x(this.root,this.listboxElement)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=c(this.label,this.labelPosition)}get root(){return o(this)}};(function(t,e,o,i){var n,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,i);else for(var s=t.length-1;s>=0;s--)(n=t[s])&&(a=(r<3?n(a):r>3?n(e,o,a):n(e,o))||a);r>3&&a&&Object.defineProperty(e,o,a)})([i({childList:!0,subtree:!0})],d.prototype,"onMutation",null),d.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(select){flex:1 1 auto;align-self:auto;order:0;height:32px;padding:0 32px 0 12px;margin:0;color:#2e394c;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted(select)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{position:relative;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{pointer-events:none;opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container:hover gux-icon{color:#2a60c8}.gux-input-and-error-container .gux-input .gux-input-container select{flex:1 1 auto;align-self:auto;order:0;height:32px;padding:0 32px 0 12px;margin:0;color:#2e394c;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);-moz-appearance:none;-webkit-appearance:none;appearance:none}.gux-input-and-error-container .gux-input .gux-input-container gux-icon{position:absolute;top:0;right:0;width:16px;height:16px;margin:8px;pointer-events:none}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{d as gux_form_field_dropdown}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as o,g as i}from"./p-
|
|
1
|
+
import{r as e,c as t,h as o,g as i}from"./p-e571f861.js";import{t as s}from"./p-2065021e.js";import{b as d}from"./p-523a0237.js";import"./p-8a133b9b.js";const n={searchAria:"Search"},r=class{constructor(o){e(this,o),this.input=t(this,"input",7),this.filter=t(this,"filter",7),this.disabled=!1,this.noFilter=!1,this.filterDebounceTimeout=500,this.dropdownHeight="320px"}watchValue(e){this.opened&&e&&this.closeDropdown(!1)}get value(){var e;return null===(e=this.currentlySelectedOption)||void 0===e?void 0:e.text}getSelectedValues(){return Promise.resolve([this.value])}async setLabeledBy(e){this.srLabelledby=e}onFocusOut(e){e.relatedTarget&&this.root.contains(e.relatedTarget)||this.closeDropdown(!1)}async componentWillLoad(){s(this.root),this.i18n=await d(this.root,n),this.handleSelectionChange=this.handleSelectionChange.bind(this),this.updateSelectionState(),this.addOptionListener(),this.slotObserver=function(e,t,o={}){const i=new MutationObserver(t);return i.observe(e,Object.assign({attributes:!0,childList:!0,subtree:!0},o)),i}(this.root,(()=>this.updateSelectionState()))}disconnectedCallback(){this.slotObserver.disconnect()}render(){return o("div",{class:`gux-dropdown\n ${this.disabled?"gux-disabled":""}\n ${this.opened?"gux-active":""}`},o("div",{class:"gux-select-field",onMouseDown:()=>this.inputMouseDown()},o("a",{ref:e=>this.inputBox=e,class:"gux-select-input","aria-labelledby":this.srLabelledby,tabindex:"0",onKeyDown:e=>this.inputKeyDown(e)},this.placeholder&&!this.value&&o("span",{class:"gux-select-placeholder",title:this.placeholder},this.placeholder),this.value&&o("span",{class:"gux-select-value",title:this.value},this.value)),o("div",{class:"gux-icon-wrapper"},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),o("div",{class:"gux-advanced-dropdown-menu "+(this.opened?"gux-opened":"")},o("div",{class:"gux-dropdown-menu-container"},o("gux-form-field-search",{"label-position":"screenreader"},o("label",{slot:"label"},this.i18n("searchAria")),o("input",{slot:"input",type:"search",onInput:e=>{this.handleSearchInput(e)},ref:e=>this.searchInput=e})),o("div",{class:"gux-dropdown-options",style:{maxHeight:this.dropdownHeight},onKeyDown:e=>this.optionsKeyDown(e)},o("slot",null)))))}updateSelectionState(){this.selectionOptions=this.getSelectionOptions(),this.currentlySelectedOption=this.selectionOptions.find((e=>e.selected))}addOptionListener(){this.root.addEventListener("selectedChanged",(e=>this.handleSelectionChange(e)))}handleSelectionChange({target:e}){const t=e;this.closeDropdown(!0),this.currentlySelectedOption!==t&&(this.currentlySelectedOption&&(this.currentlySelectedOption.selected=!1),this.currentlySelectedOption=t,this.input.emit(t.value))}getSelectionOptions(){const e=this.root.querySelectorAll("gux-dropdown-option");return Array.from(e)}inputMouseDown(){this.disabled||(this.opened?this.closeDropdown(!0):this.openDropdown(!1))}getFocusIndex(){return this.selectionOptions.findIndex((e=>e.matches(":focus")))}optionsKeyDown(e){switch(e.key){case"ArrowUp":{e.preventDefault();const t=this.getFocusIndex();t>0&&this.selectionOptions[t-1].focus();break}case"ArrowDown":{e.preventDefault();const t=this.getFocusIndex();t<this.selectionOptions.length-1&&this.selectionOptions[t+1].focus();break}case"Home":if(!this.selectionOptions.length)return;this.selectionOptions[0].focus();break;case"End":if(!this.selectionOptions.length)return;this.selectionOptions[this.selectionOptions.length-1].focus()}}inputKeyDown(e){switch(e.key){case"ArrowUp":case"ArrowDown":case" ":this.openDropdown(!0)}}handleSearchInput(e){e.stopPropagation(),clearTimeout(this.filterDebounceTimer),this.filterDebounceTimer=setTimeout((()=>this.searchRequested()),this.filterDebounceTimeout)}searchRequested(){this.filter.emit(this.searchInput.value),this.setFilteredOptions()}setFilteredOptions(){const e=this.searchInput.value;if(!this.noFilter)for(const t of this.selectionOptions)t.shouldFilter(e).then((e=>{t.filtered=e}))}changeFocusToSearch(){setTimeout((()=>{this.searchInput.focus()}))}openDropdown(e){this.opened=!0,e&&this.changeFocusToSearch()}closeDropdown(e){this.opened=!1,this.searchInput.value="",this.setFilteredOptions(),e&&this.inputBox.focus()}get root(){return i(this)}static get watchers(){return{disabled:["watchValue"]}}};r.style=":host{color:#2e394c}div.gux-dropdown{position:relative;margin:4px 0}div.gux-dropdown.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}div.gux-dropdown .gux-select-field{position:relative;width:100%;height:32px}div.gux-dropdown .gux-select-field a.gux-select-input{position:absolute;top:0;right:0;bottom:0;left:0;padding:6px 24px 6px 12px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-placeholder,div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-value{line-height:20px}div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-placeholder{color:#596373}div.gux-dropdown .gux-select-field a.gux-select-input:focus{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}div.gux-dropdown .gux-select-field .gux-icon-wrapper{position:absolute;top:1px;right:8px;bottom:0;display:flex;align-items:center;overflow:hidden;cursor:pointer}div.gux-dropdown .gux-select-field .gux-icon-wrapper gux-icon{width:16px;height:16px;color:#596373}div.gux-dropdown .gux-select-field:hover .gux-icon-wrapper gux-icon{color:#2e394c}div.gux-dropdown.gux-active .gux-select-field .gux-select-input{border:1px solid #2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}div.gux-dropdown.gux-active .gux-select-field .gux-select-input:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}div.gux-dropdown .gux-advanced-dropdown-menu{position:absolute;top:36px;z-index:1;display:none;width:100%;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24);box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search{margin:8px 16px}div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-cancel-button,div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-results-button,div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}div.gux-dropdown .gux-advanced-dropdown-menu.gux-opened{display:block}div.gux-dropdown .gux-dropdown-options{padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border-radius:4px;box-shadow:none}";export{r as gux_advanced_dropdown}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,g as s}from"./p-
|
|
1
|
+
import{r as t,h as o,g as s}from"./p-e571f861.js";import{t as r}from"./p-2065021e.js";const n=class{constructor(o){t(this,o),this.singleOpenSection=!1}handleInternalsectionopened(t){t.stopImmediatePropagation(),this.singleOpenSection&&this.getAccordionSections().forEach((o=>{o!==t.target&&this.closeSection(o)}))}componentWillLoad(){this.singleOpenSection&&this.getAccordionSections().reduceRight(((t,o)=>(t&&this.closeSection(o),t||o.open)),!1),r(this.root)}getAccordionSections(){return Array.from(this.root.children)}closeSection(t){t.disabled||(t.open=!1)}render(){return o("slot",null)}get root(){return s(this)}};n.style="gux-accordion{-custom-noop:noop}";export{n as gux_accordion}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as n,H as r,g as s}from"./p-
|
|
1
|
+
import{r as t,h as n,H as r,g as s}from"./p-e571f861.js";import{t as e}from"./p-2065021e.js";const o=["gux-list-item"];function i(t){return function(t){const n=t.querySelector("slot");return n?n.assignedElements():Array.from(t.children)}(t).filter((t=>!!o.includes(t.tagName.toLowerCase())&&!t.disabled))}function c(t,n){a(t,(function(t){return i(t).findIndex((t=>t.matches(":focus-within")))}(t)+n)%i(t).length)}function a(t,n){var r;const s=i(t);for(;n<0;)n+=s.length;null===(r=s[n])||void 0===r||r.focus()}function u(t){a(t,0)}const l=class{constructor(n){t(this,n)}componentWillLoad(){e(this.root)}onKeyDown(t){switch(t.key){case"ArrowUp":t.preventDefault(),c(this.root,-1);break;case"Home":t.preventDefault(),u(this.root);break;case"ArrowDown":t.preventDefault(),c(this.root,1);break;case"End":t.preventDefault(),function(t){a(t,function(t){return i(t).length-1}(t))}(this.root)}}async guxFocusFirstItem(){u(this.root)}renderFocusTarget(){return n("span",{tabindex:"-1"})}render(){return n(r,{role:"list"},this.renderFocusTarget(),n("slot",null))}static get delegatesFocus(){return!0}get root(){return s(this)}};l.style=":host{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start}";export{l as gux_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,H as e,g as o}from"./p-
|
|
1
|
+
import{r as t,c as s,h as i,H as e,g as o}from"./p-e571f861.js";import{t as r}from"./p-2065021e.js";const h=class{constructor(i){t(this,i),this.press=s(this,"press",7)}handleClick(){this.onItemClicked()}handleKeyDown(t){"Enter"!==t.key&&" "!==t.key||this.onItemClicked()}render(){return i(e,{role:"listitem"},i("span",{class:"gux-list-item"},this.text&&i("gux-text-highlight",{class:"gux-text",text:this.text,strategy:this.strategy}),i("slot",null)))}onItemClicked(){this.emitPress()}emitPress(){this.press.emit(this.value)}};h.style=":host:focus .gux-list-item,:host:active .gux-list-item,:host:hover:not([disabled]) .gux-list-item{color:#fdfdfd;background:#2a60c8}:host(:focus) .gux-list-item,:host(:active) .gux-list-item,:host(:hover:not([disabled])) .gux-list-item{color:#fdfdfd;background:#2a60c8}:host([disabled]) .gux-list-item{pointer-events:none;cursor:default;opacity:0.5}.gux-list-item{display:flex;height:max-content;padding:0 16px;line-height:32px;word-wrap:break-word;cursor:pointer}.gux-list-item .gux-text{width:100%}";const n=["gux-list-item-legacy:not([disabled])","gux-action-item:not([disabled])"].join(","),a=class{constructor(i){t(this,i),this.changed=s(this,"changed",7),this.selectedIndex=-1,this.observer=new MutationObserver((()=>{this.performHighlight(this.highlight)}))}emitChanged(t){this.changed.emit(t)}itemSelected(t){t.detail&&(this.value=t.detail)}valueHandler(t){this.emitChanged(t)}async setFocusOnFirstItem(){this.selectedIndex=0,this.updateTabIndexes()}async setFocusOnLastItem(){const t=this.getFilteredList();this.selectedIndex=t.length-1,this.updateTabIndexes()}async isLastItemSelected(){const t=this.getFilteredList();return this.selectedIndex===t.length-1}async isFirstItemSelected(){return this.selectedIndex<=0}componentWillLoad(){r(this.root)}componentDidLoad(){this.performHighlight(this.highlight),this.observer.observe(this.root,{childList:!0,subtree:!0})}disconnectedCallback(){this.observer.disconnect()}render(){return this.performHighlight(this.highlight),this.updateTabIndexes(),i("div",{class:"gux-list-items-container",role:"list",tabindex:0,onKeyDown:t=>this.onKeyDown(t)},i("slot",null))}onKeyDown(t){if(!["ArrowUp","ArrowDown","End","Home"].includes(t.key))return;const s=this.getFilteredList();let i=-1;switch(t.key){case"ArrowUp":0!==this.selectedIndex?(t.preventDefault(),i=this.selectedIndex-1,t.stopPropagation()):this.isCommandPaletteList()||(t.preventDefault(),i=s.length-1);break;case"Home":this.selectedIndex&&(i=0);break;case"ArrowDown":this.selectedIndex!==s.length-1?(t.preventDefault(),i=this.selectedIndex+1,t.stopPropagation()):this.isCommandPaletteList()||(t.preventDefault(),i=0,t.stopPropagation());break;case"End":this.selectedIndex!==s.length-1&&(i=s.length-1)}-1!==i&&(this.selectedIndex=i)}isCommandPaletteList(){return Boolean(this.root.closest("gux-command-palette-legacy"))}updateTabIndexes(){const t=this.getFilteredList();t&&-1!==this.selectedIndex&&t.forEach(((t,s)=>{s!==this.selectedIndex?t.setAttribute("tabindex","-1"):(t.setAttribute("tabindex","0"),t.focus(),setTimeout((()=>{this.value=t.value})))}))}performHighlight(t){const s=this.root.querySelectorAll("gux-text-highlight");s&&s.forEach((s=>{s.highlight=t}))}getFilteredList(){const t=this.root.querySelector("slot");return t?t.assignedElements().filter((t=>t.matches(n))):Array.from(this.root.querySelectorAll(n))}get root(){return o(this)}static get watchers(){return{value:["valueHandler"]}}};a.style=".gux-list-items-container{padding:8px 0;margin:0;list-style:none;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{h as gux_list_item_legacy,a as gux_list_legacy}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as a,H as i,g as h}from"./p-
|
|
1
|
+
import{r as t,c as s,h as a,H as i,g as h}from"./p-e571f861.js";import{t as e}from"./p-2065021e.js";const c=class{constructor(a){t(this,a),this.guxactivetabchange=s(this,"guxactivetabchange",7),this.tabPanels=[]}watchActiveTab(t){this.guxactivetabchange.emit(t)}onInternalActivateTabPanel(t){t.stopPropagation(),this.activateTab(t.detail,this.tabList,this.tabPanels)}async guxActivate(t){this.activateTab(t,this.tabList,this.tabPanels)}onSlotchange(){const[t,s]=Array.from(this.root.shadowRoot.querySelectorAll("slot"));this.tabList=t.assignedElements()[0],this.tabPanels=s.assignedElements(),this.activateTab(this.activeTab,this.tabList,this.tabPanels)}activateTab(t,s,a){this.activeTab=t||s.querySelector("gux-tab-advanced").getAttribute("tab-id"),s.guxSetActive(this.activeTab),a.forEach((t=>{t.guxSetActive(t.tabId===this.activeTab)}))}componentWillLoad(){e(this.root)}render(){return a(i,null,a("div",{class:"gux-tabs"},a("slot",{name:"tab-list"}),a("div",null,a("slot",{onSlotchange:this.onSlotchange.bind(this)}))))}get root(){return h(this)}static get watchers(){return{activeTab:["watchActiveTab"]}}};c.style="gux-tabs-advanced{-custom-noop:noop}";export{c as gux_tabs_advanced}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as i,g as t}from"./p-
|
|
1
|
+
import{r as o,h as i,g as t}from"./p-e571f861.js";import{t as c}from"./p-2065021e.js";import{b as e}from"./p-523a0237.js";import"./p-8a133b9b.js";const r={clickToCopy:"Click to Copy",copyToClipboard:"Copy to clipboard",enterToCopy:"Press Enter to Copy",copySuccess:"Copied to Clipboard",copyFailure:"Error. Please Try Again."},p=class{constructor(i){o(this,i),this.tooltipContent="offerClick"}onMouseleave(){this.resetTooltip()}onFocusout(){this.resetTooltip()}onFocus(){this.tooltipContent="offerEnter"}resetTooltip(){this.tooltipContent="offerClick"}onCopyToClipboard(){navigator.clipboard.writeText(this.root.innerText).then((()=>{this.tooltipContent="success"})).catch((()=>{this.tooltipContent="error"}))}async componentWillLoad(){c(this.root),this.i18n=await e(this.root,r)}render(){return i("button",{onClick:this.onCopyToClipboard.bind(this),class:"gux-copy-to-clipboard-wrapper",title:this.i18n("copyToClipboard")},i("div",{class:"gux-copy-content"},i("slot",{name:"content"}),i("gux-icon",{"icon-name":"copy",decorative:!0})),i("gux-tooltip",{placement:"bottom-end"},"success"===this.tooltipContent?i("gux-icon",{"icon-name":"badge-check",decorative:!0}):"","error"===this.tooltipContent?i("gux-icon",{"icon-name":"badge-x",decorative:!0}):"","offerClick"===this.tooltipContent?this.i18n("clickToCopy"):"","offerEnter"===this.tooltipContent?this.i18n("enterToCopy"):"","success"===this.tooltipContent?this.i18n("copySuccess"):"","error"===this.tooltipContent?this.i18n("copyFailure"):""))}get root(){return t(this)}};p.style="button{all:unset}.gux-copy-to-clipboard-wrapper{display:inline-flex;align-items:center}.gux-copy-to-clipboard-wrapper .gux-copy-content{display:inherit;align-items:inherit;cursor:pointer}.gux-copy-to-clipboard-wrapper .gux-copy-content ::slotted(*){padding:0 2px;margin-right:4px}.gux-copy-to-clipboard-wrapper .gux-copy-content:hover ::slotted(*){background-color:#deeaff;border-radius:4px}.gux-copy-to-clipboard-wrapper .gux-copy-content:hover gux-icon[icon-name='copy']{visibility:visible}.gux-copy-to-clipboard-wrapper .gux-copy-content gux-icon[icon-name='copy']{width:16px;height:16px;padding:2px;visibility:hidden;background-color:#deeaff;border-radius:4px}.gux-copy-to-clipboard-wrapper:focus{outline:none}.gux-copy-to-clipboard-wrapper:focus ::slotted(*){background-color:#deeaff;border-radius:4px}.gux-copy-to-clipboard-wrapper:focus gux-icon[icon-name='copy']{visibility:visible}.gux-copy-to-clipboard-wrapper gux-tooltip{display:inline-flex;align-items:center}.gux-copy-to-clipboard-wrapper gux-tooltip gux-icon{width:16px;height:16px;padding-right:8px}.gux-copy-to-clipboard-wrapper gux-tooltip gux-icon[icon-name='badge-check']{color:#3c8527}.gux-copy-to-clipboard-wrapper gux-tooltip gux-icon[icon-name='badge-x']{color:#ea0b0b}.focus-and-hover-copy-content ::slotted(*){background-color:#deeaff;border-radius:4px}.focus-and-hover-copy-content gux-icon[icon-name='copy']{visibility:visible}";export{p as gux_copy_to_clipboard_beta}
|