genesys-spark-components 3.131.1 → 3.131.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/gux-accordion-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-button-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-list-legacy_2.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-toast.cjs.entry.js +1 -1
- package/dist/cjs/gux-advanced-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/gux-announce-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-badge-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-blank-state-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-multi-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-slot-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-calendar.cjs.entry.js +1 -1
- package/dist/cjs/gux-card-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-chart-column-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-chart-donut-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-chart-line-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-chart-pie-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-chart-scatter-plot-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-column-manager-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-command-palette-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-context-menu-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-copy-to-clipboard-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-date-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-date-time-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/gux-disclosure-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown-multi-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-error-message-beta_8.cjs.entry.js +1 -1
- package/dist/cjs/gux-flyout-menu-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-number_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-phone.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-range.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-icon.cjs.entry.js +1 -1
- package/dist/cjs/gux-inline-alert-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-list-item-legacy_2.cjs.entry.js +1 -1
- package/dist/cjs/gux-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-listbox-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-loading-message-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal.cjs.entry.js +1 -1
- package/dist/cjs/gux-month-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-notification-toast.cjs.entry.js +1 -1
- package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
- package/dist/cjs/gux-panel-frame-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-list-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
- package/dist/cjs/gux-rating.cjs.entry.js +1 -1
- package/dist/cjs/gux-region-icon.cjs.entry.js +1 -1
- package/dist/cjs/gux-screen-reader-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-side-panel-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-simple-toast.cjs.entry.js +1 -1
- package/dist/cjs/gux-skip-navigation-list-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
- package/dist/cjs/gux-switch.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
- package/dist/cjs/gux-tag-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
- package/dist/cjs/gux-text-label-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-zone-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-toggle.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/gux-visualization-beta.cjs.entry.js +1 -1
- package/dist/cjs/{usage-d128946b.js → usage-a548dd2a.js} +1 -1
- package/dist/collection/components/stable/gux-tooltip/gux-tooltip.css +1 -1
- package/dist/deploy-info.json +3 -3
- package/dist/esm/gux-accordion-legacy.entry.js +1 -1
- package/dist/esm/gux-accordion.entry.js +1 -1
- package/dist/esm/gux-action-button-legacy.entry.js +1 -1
- package/dist/esm/gux-action-button.entry.js +1 -1
- package/dist/esm/gux-action-list-legacy_2.entry.js +1 -1
- package/dist/esm/gux-action-toast.entry.js +1 -1
- package/dist/esm/gux-advanced-dropdown.entry.js +1 -1
- package/dist/esm/gux-announce-beta.entry.js +1 -1
- package/dist/esm/gux-badge-beta.entry.js +1 -1
- package/dist/esm/gux-blank-state-beta.entry.js +1 -1
- package/dist/esm/gux-breadcrumbs.entry.js +1 -1
- package/dist/esm/gux-button-multi-legacy.entry.js +1 -1
- package/dist/esm/gux-button-multi.entry.js +1 -1
- package/dist/esm/gux-button-slot-beta.entry.js +1 -1
- package/dist/esm/gux-button.entry.js +1 -1
- package/dist/esm/gux-calendar.entry.js +1 -1
- package/dist/esm/gux-card-beta.entry.js +1 -1
- package/dist/esm/gux-chart-column-beta.entry.js +1 -1
- package/dist/esm/gux-chart-donut-beta.entry.js +1 -1
- package/dist/esm/gux-chart-line-beta.entry.js +1 -1
- package/dist/esm/gux-chart-pie-beta.entry.js +1 -1
- package/dist/esm/gux-chart-scatter-plot-beta.entry.js +1 -1
- package/dist/esm/gux-column-manager-beta.entry.js +1 -1
- package/dist/esm/gux-command-palette-legacy.entry.js +1 -1
- package/dist/esm/gux-content-search.entry.js +1 -1
- package/dist/esm/gux-context-menu-beta.entry.js +1 -1
- package/dist/esm/gux-copy-to-clipboard-beta.entry.js +1 -1
- package/dist/esm/gux-date-beta.entry.js +1 -1
- package/dist/esm/gux-date-time-beta.entry.js +1 -1
- package/dist/esm/gux-datepicker.entry.js +1 -1
- package/dist/esm/gux-disclosure-button.entry.js +1 -1
- package/dist/esm/gux-dismiss-button.entry.js +1 -1
- package/dist/esm/gux-dropdown-legacy.entry.js +1 -1
- package/dist/esm/gux-dropdown-multi-beta.entry.js +1 -1
- package/dist/esm/gux-dropdown_3.entry.js +1 -1
- package/dist/esm/gux-error-message-beta_8.entry.js +1 -1
- package/dist/esm/gux-flyout-menu-beta.entry.js +1 -1
- package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
- package/dist/esm/gux-form-field-color.entry.js +1 -1
- package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
- package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
- package/dist/esm/gux-form-field-legacy.entry.js +1 -1
- package/dist/esm/gux-form-field-number_3.entry.js +1 -1
- package/dist/esm/gux-form-field-phone.entry.js +1 -1
- package/dist/esm/gux-form-field-radio.entry.js +1 -1
- package/dist/esm/gux-form-field-range.entry.js +1 -1
- package/dist/esm/gux-form-field-search.entry.js +1 -1
- package/dist/esm/gux-form-field-select.entry.js +1 -1
- package/dist/esm/gux-form-field-text-like.entry.js +1 -1
- package/dist/esm/gux-form-field-textarea.entry.js +1 -1
- package/dist/esm/gux-form-field-time-picker.entry.js +1 -1
- package/dist/esm/gux-icon.entry.js +1 -1
- package/dist/esm/gux-inline-alert-beta.entry.js +1 -1
- package/dist/esm/gux-list-item-legacy_2.entry.js +1 -1
- package/dist/esm/gux-list.entry.js +1 -1
- package/dist/esm/gux-listbox-multi.entry.js +1 -1
- package/dist/esm/gux-loading-message-beta.entry.js +1 -1
- package/dist/esm/gux-modal.entry.js +1 -1
- package/dist/esm/gux-month-picker-beta.entry.js +1 -1
- package/dist/esm/gux-notification-toast.entry.js +1 -1
- package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
- package/dist/esm/gux-pagination-beta.entry.js +1 -1
- package/dist/esm/gux-pagination-cursor.entry.js +1 -1
- package/dist/esm/gux-pagination.entry.js +1 -1
- package/dist/esm/gux-panel-frame-legacy.entry.js +1 -1
- package/dist/esm/gux-phone-input-beta.entry.js +1 -1
- package/dist/esm/gux-popover-list-beta.entry.js +1 -1
- package/dist/esm/gux-popover-list.entry.js +1 -1
- package/dist/esm/gux-popover.entry.js +1 -1
- package/dist/esm/gux-radial-loading.entry.js +1 -1
- package/dist/esm/gux-radial-progress.entry.js +1 -1
- package/dist/esm/gux-rating.entry.js +1 -1
- package/dist/esm/gux-region-icon.entry.js +1 -1
- package/dist/esm/gux-screen-reader-beta.entry.js +1 -1
- package/dist/esm/gux-side-panel-legacy.entry.js +1 -1
- package/dist/esm/gux-simple-toast.entry.js +1 -1
- package/dist/esm/gux-skip-navigation-list-beta.entry.js +1 -1
- package/dist/esm/gux-sort-control.entry.js +1 -1
- package/dist/esm/gux-switch.entry.js +1 -1
- package/dist/esm/gux-table-beta.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-action.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-beta.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-custom-action.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-menu-button.entry.js +1 -1
- package/dist/esm/gux-tabs-advanced.entry.js +1 -1
- package/dist/esm/gux-tabs-legacy.entry.js +1 -1
- package/dist/esm/gux-tabs.entry.js +1 -1
- package/dist/esm/gux-tag-beta.entry.js +1 -1
- package/dist/esm/gux-text-highlight.entry.js +1 -1
- package/dist/esm/gux-text-label-legacy.entry.js +1 -1
- package/dist/esm/gux-time-beta.entry.js +1 -1
- package/dist/esm/gux-time-picker-beta.entry.js +1 -1
- package/dist/esm/gux-time-zone-beta.entry.js +1 -1
- package/dist/esm/gux-time-zone-picker-beta.entry.js +1 -1
- package/dist/esm/gux-toggle.entry.js +1 -1
- package/dist/esm/gux-tooltip.entry.js +2 -2
- package/dist/esm/gux-visualization-beta.entry.js +1 -1
- package/dist/esm/{usage-560d208c.js → usage-4ec946ac.js} +1 -1
- package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
- package/dist/genesys-webcomponents/{p-a2135939.entry.js → p-078d2558.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-77142ba9.entry.js → p-0b79ddfb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-28068051.entry.js → p-100712a9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9d98749f.entry.js → p-1131677d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0cfae20a.entry.js → p-11a7799d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1655b43a.entry.js → p-182d6771.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b23235ec.entry.js → p-1acae408.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c75e5a05.entry.js → p-1beeb216.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-98059ef6.entry.js → p-1d24eb9a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3394c95a.entry.js → p-1d56596f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-06ada0fa.entry.js → p-21cb7dda.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-61cb8211.entry.js → p-23d0bfe9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-305b0972.entry.js → p-264a53d2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d397c62c.entry.js → p-27c91519.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a7bba2b7.entry.js → p-27ef48d0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-05a92e7b.entry.js → p-28ef2506.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3d3384ff.entry.js → p-2bf55956.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c7c84d44.entry.js → p-2d479995.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-78d64b35.entry.js → p-370200c1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8d77b391.entry.js → p-37b1ec8a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-de0022de.entry.js → p-3a1f648a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-483b5fb9.entry.js → p-3a655830.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5252b558.entry.js → p-3ad4e05a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e51b34eb.entry.js → p-3ce8fce3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8e01a599.entry.js → p-456096fb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6034edd3.entry.js → p-45dc5ac8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-96135d3a.entry.js → p-47e8d09a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e272b38a.entry.js → p-48986f4b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f5101148.entry.js → p-4dc442ea.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cb0dd707.entry.js → p-4f728e31.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-da664d53.entry.js → p-572380ce.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a10f14c9.entry.js → p-57fedb91.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-63d40cbd.entry.js → p-5a6305f4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6536aff0.entry.js → p-5bcd48b2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7593ad15.entry.js → p-5f2986fa.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-66c997a4.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-5c628bc4.js → p-6a37ebb5.js} +1 -1
- package/dist/genesys-webcomponents/{p-a6f56b81.entry.js → p-6a4a62f7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-848e942d.entry.js → p-6be2cc16.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ed10e97f.entry.js → p-75900eb9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e1365d52.entry.js → p-7ff1d830.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9efcff09.entry.js → p-84578a39.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-97f4e745.entry.js → p-87178269.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b0332563.entry.js → p-886fa15d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d01e241e.entry.js → p-8979d8ed.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-206837c7.entry.js → p-8be19c53.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-984f789d.entry.js → p-8d65a723.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-552616ae.entry.js → p-8fc7cd92.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bd4d5fbc.entry.js → p-90f9abaf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e011444b.entry.js → p-937e5055.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5f94e3db.entry.js → p-955420d1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-68df80e6.entry.js → p-95639f30.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-74e8428e.entry.js → p-972fe315.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b1ba487b.entry.js → p-9739d3b0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7ec69d20.entry.js → p-9b67a968.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c71f2074.entry.js → p-9cf7697e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5cc361a7.entry.js → p-a46dc5b3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a552b9c2.entry.js → p-ac0c793d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-05f894e7.entry.js → p-ad7fbf4b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1628c0e5.entry.js → p-b18f5131.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-63ddcea5.entry.js → p-b1b65e96.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ad772868.entry.js → p-b51cf54f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e7d9e44a.entry.js → p-b7d6a1bd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4021b00c.entry.js → p-be421878.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-59dedce1.entry.js → p-befa4858.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f14852bd.entry.js → p-bf031251.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a4730bcc.entry.js → p-bf31403b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7cc3ca0b.entry.js → p-c2ae205f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b6b78b92.entry.js → p-c3604da4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3fae1813.entry.js → p-c5e4748b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e3fc2592.entry.js → p-c769166e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bc391e9b.entry.js → p-c78244a7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8fb5ae7a.entry.js → p-c8a82486.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d2d58548.entry.js → p-c92f760c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-356285c8.entry.js → p-c9d3520a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4fe3dd9c.entry.js → p-cbf7d3d9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e95416d7.entry.js → p-cc5b61db.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0e4ff7eb.entry.js → p-d08b7546.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-08ea37cf.entry.js → p-d33ba517.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-27fdf6e3.entry.js → p-d8927988.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5ee46bf2.entry.js → p-d8df926c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5e3860bb.entry.js → p-de145164.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ac947ef6.entry.js → p-debc6b27.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ea5c1e16.entry.js → p-e262700b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-84e289b7.entry.js → p-e4f940d8.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-e54df090.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-eb1a24f4.entry.js → p-e789eefc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-49f78a62.entry.js → p-ea07cab1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6798eada.entry.js → p-ec406182.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d5d732c9.entry.js → p-ed15c7f1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4b5ab081.entry.js → p-ee3cc123.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f8fce3e7.entry.js → p-ee85a47d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-40912f45.entry.js → p-ef3fa98b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-10562ec7.entry.js → p-f026b2f2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-18eafa0c.entry.js → p-f3ac88e2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-61423162.entry.js → p-f713b8be.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-666724e1.entry.js → p-fb18a81f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f8a262c6.entry.js → p-fb331d57.entry.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/stencil-wrapper.d.ts +1 -1
- package/package.json +1 -1
- package/dist/genesys-webcomponents/p-5b846126.entry.js +0 -1
- package/dist/genesys-webcomponents/p-6b05eb0d.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,g as i}from"./p-9031eb6a.js";import{O as r}from"./p-f222d4b1.js";import{r as n}from"./p-cbcbd1bb.js";import{a}from"./p-d0805f56.js";import{o as s}from"./p-3701eff0.js";import{p as o}from"./p-c10e41a9.js";import{t as l}from"./p-
|
|
1
|
+
import{r as e,h as t,g as i}from"./p-9031eb6a.js";import{O as r}from"./p-f222d4b1.js";import{r as n}from"./p-cbcbd1bb.js";import{a}from"./p-d0805f56.js";import{o as s}from"./p-3701eff0.js";import{p as o}from"./p-c10e41a9.js";import{t as l}from"./p-6a37ebb5.js";const u=class{constructor(t){e(this,t),this.errorId=n("gux-form-field-error"),this.labelId=n("gux-form-field-label"),this.defaultInputId=n("gux-form-field"),this.clearable=void 0,this.resize=void 0,this.displayUnits=void 0,this.valueInTooltip=void 0,this.labelPosition=void 0,this.slottedElementType=void 0,this.computedLabelPosition="above",this.required=!0,this.hasError=!1}onMutation(){this.hasError=Boolean(this.root.querySelector('[slot="error"]'))}componentWillLoad(){this.input=this.root.querySelector('input[slot="input"], select[slot="input"], textarea[slot="input"]'),this.label=this.root.querySelector('label[slot="label"]'),this.slottedElementType=this.input.tagName.toLowerCase(),this.required=this.input.required,this.requiredObserver=s(this.input,(e=>{this.required=e})),o(this.input);const e=this.labelPosition?this.labelPosition.toLowerCase():"none";if("input"===this.slottedElementType){const t=this.input.getAttribute("type");l(this.root,{variant:`${this.slottedElementType}-${t}-${e}`})}else l(this.root,{variant:`${this.slottedElementType}-${e}`})}componentWillRender(){this.computedLabelPosition=this.getComputedLabelPosition(this.label,this.labelPosition),this.validateFormIds()}disconnectedCallback(){this.requiredObserver&&this.requiredObserver.disconnect()}renderInputCheckbox(e){return t("div",null,t("gux-input-checkbox",{class:{"gux-input-error":e}},t("slot",{name:"input"}),t("slot",{name:"label"})),this.renderError(e))}renderInputRadio(){return t("gux-input-radio",null,t("slot",{name:"input"}),t("slot",{name:"label"}))}renderInputColor(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-color",{"gux-label-describedby":this.labelId,"gux-error-describedby":this.errorId,"gux-required":this.required,class:{"gux-input-error":e}},t("slot",{name:"input"})),this.renderError(e)))}renderInputRange(e,i){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("gux-input-range",{"display-units":e,"value-in-tooltip":i},t("slot",{name:"input"})))}renderInputNumber(e,i){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-number",{class:{"gux-input-error":i},slot:"input",clearable:e},t("slot",{name:"input"})),this.renderError(i)))}renderInputSelect(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-select",{slot:"input",class:{"gux-input-error":e}},t("slot",{name:"input"})),this.renderError(e)))}renderInputTextLike(e,i){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-text-like",{class:{"gux-input-error":i},slot:"input",clearable:e},t("slot",{name:"input"})),this.renderError(i)))}renderInputSearch(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-search",null,t("slot",{name:"input"})),this.renderError(e)))}renderInputTextArea(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-textarea",{class:{"gux-input-error":e},slot:"input",resize:this.resize},t("slot",{name:"input"})),this.renderError(e)))}render(){const e=this.input.getAttribute("type");switch(this.slottedElementType){case"input":switch(e){case"checkbox":return this.renderInputCheckbox(this.hasError);case"radio":return this.renderInputRadio();case"color":return this.renderInputColor(this.hasError);case"range":return this.renderInputRange(this.displayUnits,this.valueInTooltip);case"email":case"password":case"text":return this.renderInputTextLike(this.clearable,this.hasError);case"number":return this.renderInputNumber(this.clearable,this.hasError);case"search":return this.renderInputSearch(this.hasError);default:return t("div",null,t("slot",{name:"label"}),t("slot",{name:"input"}),t("slot",{name:"error"}))}case"select":return this.renderInputSelect(this.hasError);case"textarea":return this.renderInputTextArea(this.hasError);default:return t("div",null,t("slot",{name:"label"}),t("slot",{name:"input"}),t("slot",{name:"error"}))}}validateFormIds(){if(this.label){if("color"===this.input.getAttribute("type"))return this.label.getAttribute("id")&&(this.labelId=this.label.getAttribute("id")),void this.label.setAttribute("id",this.labelId);const e=!!this.input.hasAttribute("id"),t=!!this.label.hasAttribute("for");if(!e&&t)a(this.root,'A "for" attribute has been provided on the label but there is no corresponding id on the input. Either provide an id on the input or omit the "for" attribute from the label. If there is no input id and no "for" attribute provided, the component will automatically generate an id and link it to the "for" attribute.');else if(e)if(e&&!t){const e=this.input.getAttribute("id");this.label.setAttribute("for",e)}else e&&t&&this.input.getAttribute("id")!==this.label.getAttribute("for")&&a(this.root,"The input id and label for attribute should match.");else this.input.setAttribute("id",this.defaultInputId),this.label.setAttribute("for",this.defaultInputId)}else a(this.root,'A label is required for this component. If a visual label is not needed for this use case, please add localized text for a screenreader and set the label-position attribute to "screenreader" to visually hide the label.');this.hasErrorSlot()?this.input.setAttribute("aria-describedby",this.errorId):this.input.getAttribute("aria-describedby")&&this.input.getAttribute("aria-describedby").startsWith("gux-form-field-error")&&this.input.removeAttribute("aria-describedby")}getComputedLabelPosition(e,t){if(e)return["above","beside","screenreader"].includes(t)?t:e.offsetWidth>1&&e.offsetWidth<40?"beside":"above"}hasErrorSlot(){return!!this.root.querySelector('[slot="error"]')}renderLabel(e){return t("div",{class:{"gux-label-container":!0,"gux-required":e}},t("slot",{name:"label",slot:"label"}))}renderError(e){return t("div",{id:this.errorId,class:{"gux-error":!0,"gux-show":e}},t("gux-error-message-beta",null,t("slot",{name:"error"})))}get root(){return i(this)}};(function(e,t,i,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,i,s):n(t,i))||s);a>3&&s&&Object.defineProperty(t,i,s)})([r({childList:!0,subtree:!0})],u.prototype,"onMutation",null),u.style="gux-form-field-legacy{display:block;color:#2e394c}gux-form-field-legacy .gux-label-and-input-and-error-container{margin:16px 0}gux-form-field-legacy .gux-label-and-input-and-error-container label{font-size:12px;font-weight:bold;line-height:20px}gux-form-field-legacy .gux-label-and-input-and-error-container input,gux-form-field-legacy .gux-label-and-input-and-error-container select{width:100%;font-size:12px}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-container input{overflow:hidden;text-overflow:ellipsis}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error .gux-input-container{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error textarea{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error .gux-input-color-main-element{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-and-error-container{flex-grow:1}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside{display:flex;flex-direction:row}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside .gux-label-container{position:relative;top:7px;width:fit-content;min-width:45px;margin-right:8px}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-range,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-select,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-text-like,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-search{flex:1 1 auto}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-screenreader label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}gux-form-field-legacy .gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}gux-form-field-legacy .gux-error{display:none;margin:4px 0}gux-form-field-legacy .gux-error.gux-show{display:block}";export{u as gux_form_field_legacy}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as o,g as s}from"./p-9031eb6a.js";import{t as n}from"./p-
|
|
1
|
+
import{r as t,c as i,h as o,g as s}from"./p-9031eb6a.js";import{t as n}from"./p-6a37ebb5.js";import{O as e}from"./p-35f13878.js";import{b as a}from"./p-54ad2682.js";import"./p-8a133b9b.js";const c={actionButtonDropdown:"Dropdown for {buttonTitle}"};const h=class{constructor(o){t(this,o),this.open=i(this,"open",7),this.close=i(this,"close",7),this.actionClick=i(this,"actionClick",7),this.moveFocusDelay=100,this.type="button",this.text=void 0,this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const i=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,i.includes(this.actionListElement)&&this.dropdownButton.focus();break;case"Tab":this.isOpen=!1;break;case"ArrowDown":t.preventDefault(),i.includes(this.dropdownButton)&&(this.isOpen=!0,setTimeout((()=>{this.actionListElement.setFocusOnFirstItem()}),this.moveFocusDelay));break;case"Enter":i.includes(this.dropdownButton)&&(this.isOpen=!0,setTimeout((()=>{this.actionListElement.setFocusOnFirstItem()}),this.moveFocusDelay))}}handleKeyup(t){const i=t.composedPath();" "===t.key&&i.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,setTimeout((()=>{this.actionListElement.setFocusOnFirstItem()}),this.moveFocusDelay))}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(t){null===t.relatedTarget&&(this.isOpen=!1)}toggle(){this.disabled||(this.isOpen=!this.isOpen)}onActionClick(){this.disabled||(this.isOpen=!1,this.actionClick.emit())}async componentWillLoad(){n(this.root,{variant:this.type}),this.i18n=await a(this.root,c)}render(){return o("div",{class:"gux-action-button-container"},o("gux-popup",{expanded:this.isOpen,disabled:this.disabled},o("div",{slot:"target",class:"gux-action-button-container"},o("gux-button-slot-beta",{class:"gux-action-button",accent:this.accent},o("button",{type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},this.text)),o("gux-button-slot-beta",{class:"gux-dropdown-button",accent:this.accent},o("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onClick:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),"aria-label":this.i18n("actionButtonDropdown",{buttonTitle:this.text})},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),o("gux-action-list-legacy",{slot:"popup",ref:t=>this.actionListElement=t},o("slot",null))))}get root(){return s(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,i,o,s){var n,e=arguments.length,a=e<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,o,s);else for(var c=t.length-1;c>=0;c--)(n=t[c])&&(a=(e<3?n(a):e>3?n(i,o,a):n(i,o))||a);e>3&&a&&Object.defineProperty(i,o,a)})([e({triggerEvents:"click"})],h.prototype,"onClickOutside",null),h.style=":host{display:block;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-action-button-container{min-width:128px}.gux-action-button-container>*{vertical-align:middle}.gux-action-button-container .gux-action-button{width:calc(100% - 33px);margin-right:1px}.gux-action-button-container .gux-action-button button{width:100%;max-width:none;text-align:center;border-top-right-radius:0;border-bottom-right-radius:0}.gux-action-button-container .gux-dropdown-button button{width:32px;min-width:0;padding:0;border-top-left-radius:0;border-bottom-left-radius:0}.gux-action-button-container .gux-dropdown-button button gux-icon{width:16px;height:16px}";export{h as gux_action_button_legacy}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as n,g as e}from"./p-9031eb6a.js";import{t as i}from"./p-5c628bc4.js";import{b as o}from"./p-54ad2682.js";import{r}from"./p-cbcbd1bb.js";import{a}from"./p-3701eff0.js";import{s as u}from"./p-8fe7daff.js";import{s}from"./p-d176c2ae.js";import{c as g,a as p}from"./p-eab67c09.js";import"./p-8a133b9b.js";const c=class{constructor(n){t(this,n)}componentWillLoad(){i(this.root)}render(){return n("div",{class:"gux-container"},n("gux-icon",{"icon-name":"alert-warning-octogon",decorative:!0}),n("div",{class:"gux-message"},n("slot",null),n("slot",{name:"error"})))}get root(){return e(this)}};c.style=".gux-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;font-size:11px;color:#2e394c}.gux-container gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-container .gux-message{flex:0 1 auto;align-self:auto;order:0}";const l=class{constructor(n){t(this,n)}render(){return n("div",{class:"gux-input-checkbox-container"},n("slot",{name:"input"}),n("slot",{name:"label"}))}};l.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-visible~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 x={required:"Required"},d=class{constructor(n){t(this,n),this.requiredId=r("gux-input-color-required"),this.guxLabelDescribedby=void 0,this.guxErrorDescribedby=void 0,this.guxRequired=void 0,this.disabled=void 0,this.color=void 0,this.opened=void 0,this.colorOnOpen=void 0}onClick(t){this.root.contains(t.target)||this.setOpened(!1)}onInput(t){this.color=t.target.value}async componentWillLoad(){this.i18n=await o(this.root,x),this.input=this.root.querySelector('input[slot="input"]'),this.input.addEventListener("change",(t=>{this.opened&&(t.stopImmediatePropagation(),t.stopPropagation(),t.preventDefault())})),this.disabledObserver=a(this.input,(t=>{this.disabled=t})),this.disabled=this.input.disabled,this.color=this.input.value}disconnectedCallback(){this.disabledObserver&&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)}};d.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-visible,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-visible 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:var(--gux-zindex-popup, 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 h={clear:"Clear",increment:"Increment",decrement:"Decrement"},b=class{constructor(n){t(this,n),this.clearable=void 0,this.hasContent=!1,this.disabled=void 0}clearInput(){u(this.input,"",!0)}setHasContent(){this.hasContent=Boolean(this.input.value)}simulateNativeInputAndChangeEvents(){s(this.input,"input"),s(this.input,"change")}stepUp(){""===this.input.value?u(this.input,this.input.min||"0",!1):(this.input.stepUp(),this.simulateNativeInputAndChangeEvents())}stepDown(){""===this.input.value?u(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 o(this.root,h),this.input=this.root.querySelector('input[slot="input"]'),this.setHasContent(),this.disabled=this.input.disabled,this.input.addEventListener("input",(()=>{this.setHasContent()})),this.disabledObserver=a(this.input,(t=>{this.disabled=t}))}disconnectedCallback(){this.disabledObserver&&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)}};b.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-visible,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-visible,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 m=class{constructor(n){t(this,n)}render(){return n("div",{class:"gux-input-radio-container"},n("slot",{name:"input"}),n("slot",{name:"label"}))}};m.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 f=g((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(p)})),v="undefined"==typeof window?p:window,w=["moz","webkit"],k="AnimationFrame",y=v["request"+k],z=v["cancel"+k]||v["cancelRequest"+k],C=0;!y&&C<w.length;C++)y=v[w[C]+"Request"+k],z=v[w[C]+"Cancel"+k]||v[w[C]+"CancelRequest"+k];if(!y||!z){var E=0,_=0,M=[];y=function(t){if(0===M.length){var n=f(),e=Math.max(0,16.666666666666668-(n-E));E=e+n,setTimeout((function(){var t=M.slice(0);M.length=0;for(var n=0;n<t.length;n++)if(!t[n].cancelled)try{t[n].callback(E)}catch(t){setTimeout((function(){throw t}),0)}}),Math.round(e))}return M.push({handle:++_,callback:t,cancelled:!1}),_},z=function(t){for(var n=0;n<M.length;n++)M[n].handle===t&&(M[n].cancelled=!0)}}var j,D=function(t){return y.call(v,t)};D.cancel=function(){z.apply(v,arguments)},D.polyfill=function(t){t||(t=v),t.requestAnimationFrame=y,t.cancelAnimationFrame=z},function(t){t[t.MODE_TIMEOUT=0]="MODE_TIMEOUT",t[t.MODE_INTERVAL=1]="MODE_INTERVAL"}(j||(j={}));const B=new Map,I=new Set;let L=!1,q=0;function T(){return(new Date).getTime()}function $(t){const{fn:n,args:e}=t;n(...e)}function R(){if(0===B.size)return void(L=!1);const t=T();B.forEach((t=>(n,e)=>{const{nextTick:i,ms:o,mode:r}=n;t-i>=0&&(I.add(n),r===j.MODE_TIMEOUT?B.delete(e):B.set(e,{...n,nextTick:i+o}))})(t)),0!==I.size&&(I.forEach($),I.clear()),0!==B.size?D(R):L=!1}const N=class{constructor(n){t(this,n),this.displayUnits=void 0,this.disabled=void 0,this.value=void 0,this.active=void 0,this.valueWatcherId=void 0,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=a(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=q;return B.set(o,{fn:t,ms:n,nextTick:T()+n,args:e,mode:i}),L||(L=!0,D(R)),q+=1,o}({fn:t,ms:n,args:e,mode:j.MODE_INTERVAL}))((()=>{this.value!==this.input.value&&this.updateValue(this.input.value)}),100)}componentDidLoad(){this.updatePosition()}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),function(t){null!=t&&B.has(t)&&B.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)}};N.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));-webkit-appearance:none;background:transparent}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 W=class{constructor(n){t(this,n),this.disabled=void 0}componentWillLoad(){this.input=this.root.querySelector('select[slot="input"]'),this.disabled=this.input.disabled,this.disabledObserver=a(this.input,(t=>{this.disabled=t}))}disconnectedCallback(){this.disabledObserver&&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)}};W.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;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}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 O=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)}};O.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{c as gux_error_message_beta,l as gux_input_checkbox,d as gux_input_color,b as gux_input_number,m as gux_input_radio,N as gux_input_range,W as gux_input_select,O as gux_input_textarea}
|
|
1
|
+
import{r as t,h as n,g as e}from"./p-9031eb6a.js";import{t as i}from"./p-6a37ebb5.js";import{b as o}from"./p-54ad2682.js";import{r}from"./p-cbcbd1bb.js";import{a}from"./p-3701eff0.js";import{s as u}from"./p-8fe7daff.js";import{s}from"./p-d176c2ae.js";import{c as g,a as p}from"./p-eab67c09.js";import"./p-8a133b9b.js";const c=class{constructor(n){t(this,n)}componentWillLoad(){i(this.root)}render(){return n("div",{class:"gux-container"},n("gux-icon",{"icon-name":"alert-warning-octogon",decorative:!0}),n("div",{class:"gux-message"},n("slot",null),n("slot",{name:"error"})))}get root(){return e(this)}};c.style=".gux-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;font-size:11px;color:#2e394c}.gux-container gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-container .gux-message{flex:0 1 auto;align-self:auto;order:0}";const l=class{constructor(n){t(this,n)}render(){return n("div",{class:"gux-input-checkbox-container"},n("slot",{name:"input"}),n("slot",{name:"label"}))}};l.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-visible~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 x={required:"Required"},d=class{constructor(n){t(this,n),this.requiredId=r("gux-input-color-required"),this.guxLabelDescribedby=void 0,this.guxErrorDescribedby=void 0,this.guxRequired=void 0,this.disabled=void 0,this.color=void 0,this.opened=void 0,this.colorOnOpen=void 0}onClick(t){this.root.contains(t.target)||this.setOpened(!1)}onInput(t){this.color=t.target.value}async componentWillLoad(){this.i18n=await o(this.root,x),this.input=this.root.querySelector('input[slot="input"]'),this.input.addEventListener("change",(t=>{this.opened&&(t.stopImmediatePropagation(),t.stopPropagation(),t.preventDefault())})),this.disabledObserver=a(this.input,(t=>{this.disabled=t})),this.disabled=this.input.disabled,this.color=this.input.value}disconnectedCallback(){this.disabledObserver&&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)}};d.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-visible,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-visible 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:var(--gux-zindex-popup, 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 h={clear:"Clear",increment:"Increment",decrement:"Decrement"},b=class{constructor(n){t(this,n),this.clearable=void 0,this.hasContent=!1,this.disabled=void 0}clearInput(){u(this.input,"",!0)}setHasContent(){this.hasContent=Boolean(this.input.value)}simulateNativeInputAndChangeEvents(){s(this.input,"input"),s(this.input,"change")}stepUp(){""===this.input.value?u(this.input,this.input.min||"0",!1):(this.input.stepUp(),this.simulateNativeInputAndChangeEvents())}stepDown(){""===this.input.value?u(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 o(this.root,h),this.input=this.root.querySelector('input[slot="input"]'),this.setHasContent(),this.disabled=this.input.disabled,this.input.addEventListener("input",(()=>{this.setHasContent()})),this.disabledObserver=a(this.input,(t=>{this.disabled=t}))}disconnectedCallback(){this.disabledObserver&&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)}};b.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-visible,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-visible,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 m=class{constructor(n){t(this,n)}render(){return n("div",{class:"gux-input-radio-container"},n("slot",{name:"input"}),n("slot",{name:"label"}))}};m.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 f=g((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(p)})),v="undefined"==typeof window?p:window,w=["moz","webkit"],k="AnimationFrame",y=v["request"+k],z=v["cancel"+k]||v["cancelRequest"+k],C=0;!y&&C<w.length;C++)y=v[w[C]+"Request"+k],z=v[w[C]+"Cancel"+k]||v[w[C]+"CancelRequest"+k];if(!y||!z){var E=0,_=0,M=[];y=function(t){if(0===M.length){var n=f(),e=Math.max(0,16.666666666666668-(n-E));E=e+n,setTimeout((function(){var t=M.slice(0);M.length=0;for(var n=0;n<t.length;n++)if(!t[n].cancelled)try{t[n].callback(E)}catch(t){setTimeout((function(){throw t}),0)}}),Math.round(e))}return M.push({handle:++_,callback:t,cancelled:!1}),_},z=function(t){for(var n=0;n<M.length;n++)M[n].handle===t&&(M[n].cancelled=!0)}}var j,D=function(t){return y.call(v,t)};D.cancel=function(){z.apply(v,arguments)},D.polyfill=function(t){t||(t=v),t.requestAnimationFrame=y,t.cancelAnimationFrame=z},function(t){t[t.MODE_TIMEOUT=0]="MODE_TIMEOUT",t[t.MODE_INTERVAL=1]="MODE_INTERVAL"}(j||(j={}));const B=new Map,I=new Set;let L=!1,q=0;function T(){return(new Date).getTime()}function $(t){const{fn:n,args:e}=t;n(...e)}function R(){if(0===B.size)return void(L=!1);const t=T();B.forEach((t=>(n,e)=>{const{nextTick:i,ms:o,mode:r}=n;t-i>=0&&(I.add(n),r===j.MODE_TIMEOUT?B.delete(e):B.set(e,{...n,nextTick:i+o}))})(t)),0!==I.size&&(I.forEach($),I.clear()),0!==B.size?D(R):L=!1}const N=class{constructor(n){t(this,n),this.displayUnits=void 0,this.disabled=void 0,this.value=void 0,this.active=void 0,this.valueWatcherId=void 0,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=a(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=q;return B.set(o,{fn:t,ms:n,nextTick:T()+n,args:e,mode:i}),L||(L=!0,D(R)),q+=1,o}({fn:t,ms:n,args:e,mode:j.MODE_INTERVAL}))((()=>{this.value!==this.input.value&&this.updateValue(this.input.value)}),100)}componentDidLoad(){this.updatePosition()}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),function(t){null!=t&&B.has(t)&&B.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)}};N.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));-webkit-appearance:none;background:transparent}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 W=class{constructor(n){t(this,n),this.disabled=void 0}componentWillLoad(){this.input=this.root.querySelector('select[slot="input"]'),this.disabled=this.input.disabled,this.disabledObserver=a(this.input,(t=>{this.disabled=t}))}disconnectedCallback(){this.disabledObserver&&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)}};W.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;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}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 O=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)}};O.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{c as gux_error_message_beta,l as gux_input_checkbox,d as gux_input_color,b as gux_input_number,m as gux_input_radio,N as gux_input_range,W as gux_input_select,O as gux_input_textarea}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,g as e}from"./p-9031eb6a.js";import{c as i}from"./p-251befef.js";import{t as s}from"./p-
|
|
1
|
+
import{r as t,h as o,g as e}from"./p-9031eb6a.js";import{c as i}from"./p-251befef.js";import{t as s}from"./p-6a37ebb5.js";import{b as r}from"./p-54ad2682.js";import"./p-8a133b9b.js";const a={actionRefresh:"Refresh",actionDelete:"Delete",actionExport:"Export",actionImport:"Import",actionRevert:"Revert",actionAdd:"Add"},n=class{constructor(o){t(this,o),this.action=void 0,this.accent="secondary",this.iconOnly=!1,this.disabled=!1}returnActionLocale(t){return this.i18n(`action${i(t)}`)}returnActionTypeIcon(t){return"revert"==t?"reset":t}async componentWillLoad(){s(this.root,{variant:this.action}),this.i18n=await r(this.root,a)}render(){return o("gux-table-toolbar-custom-action",{"icon-only":this.iconOnly,accent:this.accent,disabled:this.disabled},o("span",{slot:"text"},this.returnActionLocale(this.action)),o("gux-icon",{slot:"icon","icon-name":this.returnActionTypeIcon(this.action),decorative:!0}))}get root(){return e(this)}};n.style=":host([disabled]){pointer-events:none}";export{n as gux_table_toolbar_action}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as s,g as e,c as i}from"./p-9031eb6a.js";import{t as n}from"./p-
|
|
1
|
+
import{r as t,h as s,g as e,c as i}from"./p-9031eb6a.js";import{t as n}from"./p-6a37ebb5.js";import{c as a}from"./p-e459974a.js";const o="gux-action-item:not([disabled])",r=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(){n(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 e=-1;switch(t.key){case"ArrowUp":0!==this.selectedIndex?(t.preventDefault(),e=this.selectedIndex-1,t.stopPropagation()):this.root.classList.contains("gux-command-palette-list")||(t.preventDefault(),e=s.length-1);break;case"Home":this.selectedIndex&&(e=0);break;case"ArrowDown":this.selectedIndex!==s.length-1?(t.preventDefault(),e=this.selectedIndex+1,t.stopPropagation()):this.root.classList.contains("gux-command-palette-list")||(t.preventDefault(),e=0,t.stopPropagation());break;case"End":this.selectedIndex!==s.length-1&&(e=s.length-1)}-1!==e&&(this.selectedIndex=e)}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(o))):Array.from(this.root.querySelectorAll(o))}get root(){return e(this)}};r.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)}";const c=class{constructor(s){t(this,s),this.internalexpanded=i(this,"internalexpanded",7),this.internalcollapsed=i(this,"internalcollapsed",7),this.expanded=!1,this.disabled=!1}onExpandedChange(t){t?(this.popperInstance.forceUpdate(),this.internalexpanded.emit()):this.internalcollapsed.emit()}connectedCallback(){this.targetElementContainer&&this.popupElementContainer&&this.setPopperInstance()}componentDidLoad(){this.setPopperInstance()}disconnectedCallback(){var t;null===(t=this.popperInstance)||void 0===t||t.destroy()}setPopperInstance(){this.popperInstance=a(this.targetElementContainer,this.popupElementContainer,{strategy:"fixed",modifiers:[{name:"flip",options:{boundary:[]}},{name:"offset",options:{offset:[0,2]}},{name:"sameWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn({state:t}){t.styles.popper.width=`${t.rects.reference.width}px`},effect({state:t}){t.elements.popper.style.width=`${t.elements.reference.getBoundingClientRect().width}px`}}],placement:"bottom-start"})}render(){return s("div",{class:{"gux-target-container":!0,"gux-disabled":this.disabled},ref:t=>this.targetElementContainer=t},s("slot",{name:"target"}),s("div",{class:{"gux-popup-container":!0,"gux-expanded":this.expanded&&!this.disabled},ref:t=>this.popupElementContainer=t},s("slot",{name:"popup"})))}static get watchers(){return{expanded:["onExpandedChange"]}}};c.style=".gux-target-container.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-popup-container{z-index:var(--gux-zindex-popup, 1);visibility:hidden}.gux-popup-container.gux-expanded{visibility:visible}";export{r as gux_action_list_legacy,c as gux_popup}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,h as t,H as e,g as
|
|
1
|
+
import{r as s,h as t,H as e,g as a}from"./p-9031eb6a.js";import{l as r,n as o,f as i,p as n,b as c,c as l}from"./p-417354e9.js";import{t as u}from"./p-6a37ebb5.js";const h=["gux-list-item"],m=class{constructor(t){s(this,t)}componentWillLoad(){u(this.root)}onKeyDown(s){switch(s.key){case"ArrowUp":s.preventDefault(),n(this.root,h);break;case"Home":s.preventDefault(),i(this.root,h);break;case"ArrowDown":s.preventDefault(),o(this.root,h);break;case"End":s.preventDefault(),r(this.root,h)}}async guxFocusFirstItem(){i(this.root,h)}async guxFocusItemById(s){c(this.root,h,s)}async guxFocusItemByClosestId(s){l(this.root,h,s)}async guxFocusLastItem(){r(this.root,h)}renderFocusTarget(){return t("span",{tabindex:"-1","aria-hidden":"true"})}render(){return t(e,{role:"list"},this.renderFocusTarget(),t("slot",null))}static get delegatesFocus(){return!0}get root(){return a(this)}};m.style=":host{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start}";export{m as gux_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,g as i}from"./p-9031eb6a.js";import{O as s}from"./p-35f13878.js";import{s as o}from"./p-d176c2ae.js";import{b as n}from"./p-091f51f6.js";import{g as r,b as u}from"./p-54ad2682.js";import{t as a}from"./p-5c628bc4.js";import{u as c,a as p}from"./p-12dc5326.js";import"./p-8a133b9b.js";const l={am:"AM","time-separator":":",clockButton:"Toggle suggested times",hoursInput:"Input hours",minutesInput:"Input minutes",pm:"PM",timeOptionsState:"Time options open: {state}",toggleAmPM:"{amOrPm} selected, click to toggle"};function h(t,e){const[i,s]=t.split(":");return`${((parseInt(i,10)+e+24)%24).toString().padStart(2,"0")}:${s}`}function g(t,e,i){const[s,o]=t.split(":");let n=(parseInt(o,10)+e+60)%60;for(;n%i!=0;)n=(n+e+60)%60;return`${s}:${n.toString().padStart(2,"0")}`}function m(t,e){const[i,s]=t.split(":");return"12h"===e?`${(parseInt(i,10)%12||12).toString()}:${s}`:`${i}:${s}`}function x(t,e,i){const[s,o]=t.split(":");return"12h"===e?i?`${(parseInt(s,10)%12).toString().padStart(2,"0")}:${o}`:`${(parseInt(s,10)%12+12).toString().padStart(2,"0")}:${o}`:`${s}:${o}`}function d(t,e){const[i]=m(t,e).split(":");return i}function f(t){const[,e]=t.split(":");return e}function b(t){const[e]=t.split(":");return parseInt(e,10)<12}function k(t){return"12h"===t?"^(0?[1-9]|1[012])$":"^([01]?[0-9]|2[0-3])$"}const w=class{constructor(e){t(this,e),this.value="00:00",this.interval=60,this.step=1,this.disabled=!1,this.required=!1,this.hasError=!1,this.clockType=void 0,this.expanded=!1}onFocus(){this.valueLastChange=this.value}onBlur(){this.valueLastChange!==this.value&&o(this.root,"change")}onClickOutside(){this.expanded=!1}handleKeydown(t){switch(t.key){case"Escape":case"Tab":this.expanded=!1}}async componentWillLoad(){a(this.root),this.i18n=await u(this.root,l),this.clockType=this.clockType||function(t){let e;e=c()?p(t).toLowerCase():r(t).toLowerCase();const i=new Date("January 19, 1975 15:00:00 UTC+00:00"),s=new Intl.DateTimeFormat(e,{timeStyle:"short",timeZone:"UTC"}).format(i);return!c()&&["ar","ko","zh-cn","zh-tw"].some((t=>e.startsWith(t)))||new RegExp(".*15.*").test(s)?"24h":"12h"}(this.root)}updateValue(t,e=!1){t!==this.value&&(this.value=t,o(this.root,"input"),e&&this.valueLastChange!==this.value&&(o(this.root,"change"),this.valueLastChange=this.value))}valueToId(t){return`gux-id-${t.replace(":","-")}`}focusRelevantItemInPopupList(){n((()=>{this.listElement.guxFocusItemByClosestId(this.valueToId(this.value))}))}toggleDropdown(){this.expanded=!this.expanded,this.expanded&&this.focusRelevantItemInPopupList()}handleClickDropdownValue(t){const e=x(t,this.clockType,b(this.value));this.updateValue(e,!0),this.clockButton.focus(),this.expanded=!1}onHourKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(h(this.value,-1));break;case"ArrowUp":t.preventDefault(),this.updateValue(h(this.value,1));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.hourInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i,s,o){const[n,r]=m(t,e).split(":");let u=n;return u="Backspace"===i?"12h"==e&&1==o?u.split("").filter(((t,e)=>e==s-1)).join(""):u.split("").filter(((t,e)=>e!==s-1)).join("").padStart(2,"0"):parseInt(u.slice(0,s)+i+u.slice(s+1),10).toString().slice(-2).padStart(2,"0"),new RegExp(k(e)).test(u)||(u="12h"===e?i:i.padStart(2,"0")),x(`${u}:${r}`,e,b(t))}(this.value,this.clockType,t.key,this.hourInputElement.selectionStart,this.hourInputElement.value.length));break;default:t.preventDefault()}}onMinuteKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(g(this.value,-1,this.step));break;case"ArrowUp":t.preventDefault(),this.updateValue(g(this.value,1,this.step));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.minuteInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i){const[s,o]=t.split(":");let n=o;return n="Backspace"===e?n.split("").filter(((t,e)=>e!==i-1)).join("").padStart(2,"0"):(n.slice(0,i)+e+n.slice(i+1)).slice(-2).padStart(2,"0"),new RegExp("^[0-5][0-9]$").test(n)||(n=e.padStart(2,"0")),`${s}:${n}`}(this.value,t.key,this.minuteInputElement.selectionStart));break;default:t.preventDefault()}}onAmPmButtonKeyDown(t){switch(t.key){case"ArrowDown":case"ArrowUp":this.toggleAmPm(t)}}onListKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.clockButton.focus())}toggleAmPm(t){t.preventDefault(),this.updateValue(h(this.value,12),!0)}getAmPmString(){return b(this.value)?this.i18n("am"):this.i18n("pm")}renderNumberInput(){return e("div",{class:"gux-input-time-container"},e("input",{class:"gux-input-time-hours",type:"text",disabled:this.disabled,value:d(this.value,this.clockType),onKeyDown:t=>this.onHourKeyDown(t),"aria-label":this.i18n("hoursInput"),pattern:k(this.clockType),ref:t=>this.hourInputElement=t}),e("span",{class:"gux-time-separator"},this.i18n("time-separator")),e("input",{class:"gux-input-time-minutes",type:"text",disabled:this.disabled,value:f(this.value),onKeyDown:t=>this.onMinuteKeyDown(t),"aria-label":this.i18n("minutesInput"),pattern:"^[0-5][0-9]$",ref:t=>this.minuteInputElement=t}))}renderAmPmSelector(){if("12h"===this.clockType)return e("button",{class:"gux-input-time-am-pm-selector",type:"button",disabled:this.disabled,"aria-label":this.i18n("toggleAmPM",{amOrPm:this.getAmPmString()}),onClick:t=>this.toggleAmPm(t),onKeyDown:t=>this.onAmPmButtonKeyDown(t)},e("div",{class:{"gux-meridiem":!0,"gux-visible":b(this.value)}},this.i18n("am")),e("div",{class:{"gux-meridiem":!0,"gux-visible":!b(this.value)}},this.i18n("pm")))}renderClockButton(){return e("button",{class:{"gux-clock-button":!0,"gux-active":this.expanded},type:"button",disabled:this.disabled,"aria-label":this.i18n("clockButton"),"aria-expanded":this.expanded.toString(),onClick:this.toggleDropdown.bind(this),ref:t=>this.clockButton=t},e("gux-icon",{decorative:!0,"icon-name":"clock-outline"}))}renderTimeListItems(){return function(t,e){const i=[0,15,30,45].filter((e=>Number.isInteger(e/t))).map((t=>String(t).padStart(2,"0")));return("12h"===e?["12","1","2","3","4","5","6","7","8","9","10","11"]:Array.from(Array(24).keys()).map((t=>String(t).padStart(2,"0")))).reduce(((t,e)=>t.concat(i.map((t=>`${e}:${t}`)))),[])}(this.interval,this.clockType).map((t=>{const i=x(t,this.clockType,b(this.value));return e("gux-list-item",{id:this.valueToId(i),onClick:()=>this.handleClickDropdownValue(t)},t)}))}renderTarget(){return e("div",{class:"gux-input-time",slot:"target"},this.renderNumberInput(),this.renderAmPmSelector(),this.renderClockButton())}renderPopup(){return e("div",{slot:"popup",class:"gux-list-container",onKeyDown:t=>this.onListKeyDown(t)},e("gux-list",{ref:t=>this.listElement=t},this.renderTimeListItems()))}render(){return e("gux-popup-beta",{class:{"gux-time-picker":!0,"gux-error":this.hasError},expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return i(this)}};(function(t,e,i,s){var o,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var u=t.length-1;u>=0;u--)(o=t[u])&&(r=(n<3?o(r):n>3?o(e,i,r):o(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([s({triggerEvents:"mousedown"})],w.prototype,"onClickOutside",null),w.style=".gux-time-picker{position:relative;display:inline-block}.gux-time-picker.gux-error .gux-input-time{border-color:#ea0b0b}.gux-time-picker .gux-input-time{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 8px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-time-picker .gux-input-time:focus-within{border-color:#2a60c8;outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-time-picker .gux-input-time input{flex:1 1 auto;align-self:auto;order:0;width:20px;padding:0;font-size:12px;color:#2e394c;text-align:center;text-align:left;background-color:#f6f7f9;border:none;outline:none}.gux-time-picker .gux-input-time input.gux-input-time-hours{text-align:right}.gux-time-picker .gux-input-time input::placeholder{color:#596373;opacity:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector{display:grid;grid-template:auto 1fr / auto 1fr auto;place-items:flex-end;padding:0;font-size:12px;font-weight:bold;color:#2e394c;background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:not(:disabled):hover{color:#2a60c8;cursor:pointer}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{color:#2a60c8;outline:2px solid #aac9ff;outline-offset:0;border-radius:2px}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{display:none;grid-row:1;grid-column:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{display:inline-block}.gux-time-picker .gux-input-time .gux-clock-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:#596373;background:transparent;border:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:#2a60c8;cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled):hover{color:#2a60c8 !important;cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:not(:disabled):hover{color:#2e394c;cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus{border:none;outline:none}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible gux-icon{outline:2px solid #aac9ff;outline-offset:0;border-radius:2px}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{width:16px;height:16px}.gux-time-picker .gux-list-container{max-height:150px;padding:8px 0;margin:0;overflow-y:scroll;list-style:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{w as gux_time_picker_beta}
|
|
1
|
+
import{r as t,h as e,g as i}from"./p-9031eb6a.js";import{O as s}from"./p-35f13878.js";import{s as o}from"./p-d176c2ae.js";import{b as n}from"./p-091f51f6.js";import{g as r,b as a}from"./p-54ad2682.js";import{t as u}from"./p-6a37ebb5.js";import{u as c,a as p}from"./p-12dc5326.js";import"./p-8a133b9b.js";const l={am:"AM","time-separator":":",clockButton:"Toggle suggested times",hoursInput:"Input hours",minutesInput:"Input minutes",pm:"PM",timeOptionsState:"Time options open: {state}",toggleAmPM:"{amOrPm} selected, click to toggle"};function h(t,e){const[i,s]=t.split(":");return`${((parseInt(i,10)+e+24)%24).toString().padStart(2,"0")}:${s}`}function g(t,e,i){const[s,o]=t.split(":");let n=(parseInt(o,10)+e+60)%60;for(;n%i!=0;)n=(n+e+60)%60;return`${s}:${n.toString().padStart(2,"0")}`}function m(t,e){const[i,s]=t.split(":");return"12h"===e?`${(parseInt(i,10)%12||12).toString()}:${s}`:`${i}:${s}`}function x(t,e,i){const[s,o]=t.split(":");return"12h"===e?i?`${(parseInt(s,10)%12).toString().padStart(2,"0")}:${o}`:`${(parseInt(s,10)%12+12).toString().padStart(2,"0")}:${o}`:`${s}:${o}`}function d(t,e){const[i]=m(t,e).split(":");return i}function f(t){const[,e]=t.split(":");return e}function b(t){const[e]=t.split(":");return parseInt(e,10)<12}function k(t){return"12h"===t?"^(0?[1-9]|1[012])$":"^([01]?[0-9]|2[0-3])$"}const w=class{constructor(e){t(this,e),this.value="00:00",this.interval=60,this.step=1,this.disabled=!1,this.required=!1,this.hasError=!1,this.clockType=void 0,this.expanded=!1}onFocus(){this.valueLastChange=this.value}onBlur(){this.valueLastChange!==this.value&&o(this.root,"change")}onClickOutside(){this.expanded=!1}handleKeydown(t){switch(t.key){case"Escape":case"Tab":this.expanded=!1}}async componentWillLoad(){u(this.root),this.i18n=await a(this.root,l),this.clockType=this.clockType||function(t){let e;e=c()?p(t).toLowerCase():r(t).toLowerCase();const i=new Date("January 19, 1975 15:00:00 UTC+00:00"),s=new Intl.DateTimeFormat(e,{timeStyle:"short",timeZone:"UTC"}).format(i);return!c()&&["ar","ko","zh-cn","zh-tw"].some((t=>e.startsWith(t)))||new RegExp(".*15.*").test(s)?"24h":"12h"}(this.root)}updateValue(t,e=!1){t!==this.value&&(this.value=t,o(this.root,"input"),e&&this.valueLastChange!==this.value&&(o(this.root,"change"),this.valueLastChange=this.value))}valueToId(t){return`gux-id-${t.replace(":","-")}`}focusRelevantItemInPopupList(){n((()=>{this.listElement.guxFocusItemByClosestId(this.valueToId(this.value))}))}toggleDropdown(){this.expanded=!this.expanded,this.expanded&&this.focusRelevantItemInPopupList()}handleClickDropdownValue(t){const e=x(t,this.clockType,b(this.value));this.updateValue(e,!0),this.clockButton.focus(),this.expanded=!1}onHourKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(h(this.value,-1));break;case"ArrowUp":t.preventDefault(),this.updateValue(h(this.value,1));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.hourInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i,s,o){const[n,r]=m(t,e).split(":");let a=n;return a="Backspace"===i?"12h"==e&&1==o?a.split("").filter(((t,e)=>e==s-1)).join(""):a.split("").filter(((t,e)=>e!==s-1)).join("").padStart(2,"0"):parseInt(a.slice(0,s)+i+a.slice(s+1),10).toString().slice(-2).padStart(2,"0"),new RegExp(k(e)).test(a)||(a="12h"===e?i:i.padStart(2,"0")),x(`${a}:${r}`,e,b(t))}(this.value,this.clockType,t.key,this.hourInputElement.selectionStart,this.hourInputElement.value.length));break;default:t.preventDefault()}}onMinuteKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(g(this.value,-1,this.step));break;case"ArrowUp":t.preventDefault(),this.updateValue(g(this.value,1,this.step));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.minuteInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i){const[s,o]=t.split(":");let n=o;return n="Backspace"===e?n.split("").filter(((t,e)=>e!==i-1)).join("").padStart(2,"0"):(n.slice(0,i)+e+n.slice(i+1)).slice(-2).padStart(2,"0"),new RegExp("^[0-5][0-9]$").test(n)||(n=e.padStart(2,"0")),`${s}:${n}`}(this.value,t.key,this.minuteInputElement.selectionStart));break;default:t.preventDefault()}}onAmPmButtonKeyDown(t){switch(t.key){case"ArrowDown":case"ArrowUp":this.toggleAmPm(t)}}onListKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.clockButton.focus())}toggleAmPm(t){t.preventDefault(),this.updateValue(h(this.value,12),!0)}getAmPmString(){return b(this.value)?this.i18n("am"):this.i18n("pm")}renderNumberInput(){return e("div",{class:"gux-input-time-container"},e("input",{class:"gux-input-time-hours",type:"text",disabled:this.disabled,value:d(this.value,this.clockType),onKeyDown:t=>this.onHourKeyDown(t),"aria-label":this.i18n("hoursInput"),pattern:k(this.clockType),ref:t=>this.hourInputElement=t}),e("span",{class:"gux-time-separator"},this.i18n("time-separator")),e("input",{class:"gux-input-time-minutes",type:"text",disabled:this.disabled,value:f(this.value),onKeyDown:t=>this.onMinuteKeyDown(t),"aria-label":this.i18n("minutesInput"),pattern:"^[0-5][0-9]$",ref:t=>this.minuteInputElement=t}))}renderAmPmSelector(){if("12h"===this.clockType)return e("button",{class:"gux-input-time-am-pm-selector",type:"button",disabled:this.disabled,"aria-label":this.i18n("toggleAmPM",{amOrPm:this.getAmPmString()}),onClick:t=>this.toggleAmPm(t),onKeyDown:t=>this.onAmPmButtonKeyDown(t)},e("div",{class:{"gux-meridiem":!0,"gux-visible":b(this.value)}},this.i18n("am")),e("div",{class:{"gux-meridiem":!0,"gux-visible":!b(this.value)}},this.i18n("pm")))}renderClockButton(){return e("button",{class:{"gux-clock-button":!0,"gux-active":this.expanded},type:"button",disabled:this.disabled,"aria-label":this.i18n("clockButton"),"aria-expanded":this.expanded.toString(),onClick:this.toggleDropdown.bind(this),ref:t=>this.clockButton=t},e("gux-icon",{decorative:!0,"icon-name":"clock-outline"}))}renderTimeListItems(){return function(t,e){const i=[0,15,30,45].filter((e=>Number.isInteger(e/t))).map((t=>String(t).padStart(2,"0")));return("12h"===e?["12","1","2","3","4","5","6","7","8","9","10","11"]:Array.from(Array(24).keys()).map((t=>String(t).padStart(2,"0")))).reduce(((t,e)=>t.concat(i.map((t=>`${e}:${t}`)))),[])}(this.interval,this.clockType).map((t=>{const i=x(t,this.clockType,b(this.value));return e("gux-list-item",{id:this.valueToId(i),onClick:()=>this.handleClickDropdownValue(t)},t)}))}renderTarget(){return e("div",{class:"gux-input-time",slot:"target"},this.renderNumberInput(),this.renderAmPmSelector(),this.renderClockButton())}renderPopup(){return e("div",{slot:"popup",class:"gux-list-container",onKeyDown:t=>this.onListKeyDown(t)},e("gux-list",{ref:t=>this.listElement=t},this.renderTimeListItems()))}render(){return e("gux-popup-beta",{class:{"gux-time-picker":!0,"gux-error":this.hasError},expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return i(this)}};(function(t,e,i,s){var o,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(r=(n<3?o(r):n>3?o(e,i,r):o(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([s({triggerEvents:"mousedown"})],w.prototype,"onClickOutside",null),w.style=".gux-time-picker{position:relative;display:inline-block}.gux-time-picker.gux-error .gux-input-time{border-color:#ea0b0b}.gux-time-picker .gux-input-time{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 8px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-time-picker .gux-input-time:focus-within{border-color:#2a60c8;outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-time-picker .gux-input-time input{flex:1 1 auto;align-self:auto;order:0;width:20px;padding:0;font-size:12px;color:#2e394c;text-align:center;text-align:left;background-color:#f6f7f9;border:none;outline:none}.gux-time-picker .gux-input-time input.gux-input-time-hours{text-align:right}.gux-time-picker .gux-input-time input::placeholder{color:#596373;opacity:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector{display:grid;grid-template:auto 1fr / auto 1fr auto;place-items:flex-end;padding:0;font-size:12px;font-weight:bold;color:#2e394c;background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:not(:disabled):hover{color:#2a60c8;cursor:pointer}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{color:#2a60c8;outline:2px solid #aac9ff;outline-offset:0;border-radius:2px}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{display:none;grid-row:1;grid-column:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{display:inline-block}.gux-time-picker .gux-input-time .gux-clock-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:#596373;background:transparent;border:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:#2a60c8;cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled):hover{color:#2a60c8 !important;cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:not(:disabled):hover{color:#2e394c;cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus{border:none;outline:none}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible gux-icon{outline:2px solid #aac9ff;outline-offset:0;border-radius:2px}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{width:16px;height:16px}.gux-time-picker .gux-list-container{max-height:150px;padding:8px 0;margin:0;overflow-y:scroll;list-style:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{w as gux_time_picker_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,d as a,w as e,h as c,g as r}from"./p-9031eb6a.js";import{S as i}from"./p-1486d7ea.js";import{t as n}from"./p-5c628bc4.js";import{b as l}from"./p-54ad2682.js";import{w as b}from"./p-76ff3e75.js";import"./p-8a133b9b.js";const s={createNewTab:"Create New Tab",scrollLeft:"Scroll Left",scrollRight:"Scroll Right",disableNewTab:"Maximum number of tabs created has been reached"},d=class{constructor(a){t(this,a),this.newTab=o(this,"newTab",7),this.input=o(this,"input",7),this.sortChanged=o(this,"sortChanged",7),this.allowSort=!1,this.showNewTabButton=!1,this.value="",this.tabLimit=1/0,this.disableAddTabButton=!1,this.hasScrollbar=!1}watchHandler(t){const o=Array.from(this.root.querySelectorAll("gux-tab-legacy"));for(const a of o)a.active=a.tabId===t}internaltabselectedHandler(t){b("gux-tab-legacy",t,(t=>{t.active||(this.value=t.tabId,this.input.emit())}))}createSortable(){this.sortableInstance=new i(this.root,{animation:250,draggable:"gux-tab-legacy",filter:".ignore-sort",onMove:t=>!t.related.classList.contains("ignore-sort"),onUpdate:()=>{const t=Array.from(this.root.querySelectorAll("gux-tab-legacy")).map((t=>t.tabId));this.sortChanged.emit(t)}})}destroySortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}disconnectedCallback(){this.sortableInstance&&this.destroySortable(),this.resizeObserver&&this.resizeObserver.unobserve(this.root.shadowRoot.querySelector(".gux-tabs")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){n(this.root),this.i18n=await l(this.root,s)}componentWillRender(){Array.from(this.root.querySelectorAll("gux-tab-legacy")).length>=this.tabLimit&&(this.disableAddTabButton=!0)}checkForScrollbarHideOrShow(){a((()=>{const t=this.root.shadowRoot.querySelector(".scrollable-section"),o=t.clientWidth!==t.scrollWidth;o!==this.hasScrollbar&&(this.hasScrollbar=o)}))}componentDidLoad(){this.allowSort&&!this.sortableInstance&&this.createSortable(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver(this.checkForScrollbarHideOrShow.bind(this))),this.resizeObserver&&this.resizeObserver.observe(this.root.shadowRoot.querySelector(".gux-tabs")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver(this.checkForScrollbarHideOrShow.bind(this))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),setTimeout((()=>{this.checkForScrollbarHideOrShow()}),500)}componentDidRender(){setTimeout((()=>{a((()=>{if(this.value){const t=this.root.querySelector(`gux-tab-legacy[tab-id='${this.value}']`);t&&(t.active=!0)}}))}),500)}scrollLeft(){e((()=>{this.root.shadowRoot.querySelector(".scrollable-section").scrollBy(-100,0)}))}scrollRight(){e((()=>{this.root.shadowRoot.querySelector(".scrollable-section").scrollBy(100,0)}))}render(){const t=t=>c("button",{title:this.i18n(this.disableAddTabButton?"disableNewTab":"createNewTab"),class:"add-tab",onClick:()=>t.onClick(),disabled:this.disableAddTabButton},c("gux-icon",{"icon-name":"add",decorative:!0}));return c("div",{class:"gux-tabs"},c("div",{class:"action-button-container"},this.hasScrollbar?c("button",{title:this.i18n("scrollLeft"),class:"arrow-button",onClick:()=>this.scrollLeft()},c("gux-icon",{"icon-name":"chevron-left",decorative:!0})):null),c("div",{class:"scrollable-section"},c("slot",null),this.showNewTabButton&&!this.hasScrollbar?c(t,{onClick:()=>this.newTab.emit()}):null),c("div",{class:"action-button-container"},this.hasScrollbar?c("button",{title:this.i18n("scrollRight"),class:"arrow-button",onClick:()=>this.scrollRight()},c("gux-icon",{"icon-name":"chevron-right",decorative:!0})):null,this.showNewTabButton&&this.hasScrollbar?c(t,{onClick:()=>this.newTab.emit()}):null))}get root(){return r(this)}static get watchers(){return{value:["watchHandler"]}}};d.style=".gux-tabs{display:flex;align-items:flex-end;width:100%;height:40px;overflow-x:hidden}.gux-tabs .action-button-container{display:flex;border-radius:2px}.gux-tabs .action-button-container .arrow-button{display:flex;align-items:center;justify-content:center;width:24px;height:40px;padding:0;border:none;border-style:solid;border-width:1px;border-radius:2px;transition:color 0.25s}.gux-tabs .action-button-container .arrow-button gux-icon{width:10px;height:10px}.gux-tabs .action-button-container .add-tab{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-style:solid;border-width:1px;border-radius:2px;transition:color 0.25s}.gux-tabs .action-button-container .add-tab:disabled{opacity:0.5}.gux-tabs .action-button-container .add-tab:disabled:hover{color:#202937}.gux-tabs .action-button-container .add-tab:disabled:active{background-color:#e2e6ee}.gux-tabs .action-button-container .add-tab gux-icon{width:16px;height:16px}.gux-tabs .scrollable-section{display:flex;flex:1 1 auto;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.gux-tabs .scrollable-section::-webkit-scrollbar{height:0}.gux-tabs .scrollable-section .add-tab{display:flex;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;padding:0;margin-left:4px;border:none;transition:color 0.25s}.gux-tabs .scrollable-section .add-tab gux-icon{width:16px;height:16px}.gux-tabs-light-theme{background-color:#e2e6ee}.gux-tabs-light-theme .action-button-container{background-color:#c8cfda}.gux-tabs-light-theme .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs-light-theme .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs-light-theme .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs-light-theme .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs-light-theme .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs-light-theme .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs-light-theme .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs-light-theme .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs-light-theme .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-light-theme .gux-tabs{background-color:#e2e6ee}.gux-light-theme .gux-tabs .action-button-container{background-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .arrow-button:hover{color:#2a60c8}.gux-light-theme .gux-tabs .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-light-theme .gux-tabs .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .add-tab:hover{color:#2a60c8}.gux-light-theme .gux-tabs .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-light-theme .gux-tabs .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-light-theme .gux-tabs .scrollable-section .add-tab:hover{color:#2a60c8}.gux-light-theme .gux-tabs .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-tabs.gux-light-theme{background-color:#e2e6ee}.gux-tabs.gux-light-theme .action-button-container{background-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs.gux-light-theme .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs.gux-light-theme .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs.gux-light-theme .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs.gux-light-theme .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs.gux-light-theme .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs.gux-light-theme .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-tabs{background-color:#e2e6ee}.gux-tabs .action-button-container{background-color:#c8cfda}.gux-tabs .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs .scrollable-section .add-tab:active{background-color:#b9c2d0}";export{d as gux_tabs_legacy}
|
|
1
|
+
import{r as t,c as o,d as a,w as e,h as c,g as r}from"./p-9031eb6a.js";import{S as i}from"./p-1486d7ea.js";import{t as n}from"./p-6a37ebb5.js";import{b as l}from"./p-54ad2682.js";import{w as b}from"./p-76ff3e75.js";import"./p-8a133b9b.js";const s={createNewTab:"Create New Tab",scrollLeft:"Scroll Left",scrollRight:"Scroll Right",disableNewTab:"Maximum number of tabs created has been reached"},d=class{constructor(a){t(this,a),this.newTab=o(this,"newTab",7),this.input=o(this,"input",7),this.sortChanged=o(this,"sortChanged",7),this.allowSort=!1,this.showNewTabButton=!1,this.value="",this.tabLimit=1/0,this.disableAddTabButton=!1,this.hasScrollbar=!1}watchHandler(t){const o=Array.from(this.root.querySelectorAll("gux-tab-legacy"));for(const a of o)a.active=a.tabId===t}internaltabselectedHandler(t){b("gux-tab-legacy",t,(t=>{t.active||(this.value=t.tabId,this.input.emit())}))}createSortable(){this.sortableInstance=new i(this.root,{animation:250,draggable:"gux-tab-legacy",filter:".ignore-sort",onMove:t=>!t.related.classList.contains("ignore-sort"),onUpdate:()=>{const t=Array.from(this.root.querySelectorAll("gux-tab-legacy")).map((t=>t.tabId));this.sortChanged.emit(t)}})}destroySortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}disconnectedCallback(){this.sortableInstance&&this.destroySortable(),this.resizeObserver&&this.resizeObserver.unobserve(this.root.shadowRoot.querySelector(".gux-tabs")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){n(this.root),this.i18n=await l(this.root,s)}componentWillRender(){Array.from(this.root.querySelectorAll("gux-tab-legacy")).length>=this.tabLimit&&(this.disableAddTabButton=!0)}checkForScrollbarHideOrShow(){a((()=>{const t=this.root.shadowRoot.querySelector(".scrollable-section"),o=t.clientWidth!==t.scrollWidth;o!==this.hasScrollbar&&(this.hasScrollbar=o)}))}componentDidLoad(){this.allowSort&&!this.sortableInstance&&this.createSortable(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver(this.checkForScrollbarHideOrShow.bind(this))),this.resizeObserver&&this.resizeObserver.observe(this.root.shadowRoot.querySelector(".gux-tabs")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver(this.checkForScrollbarHideOrShow.bind(this))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),setTimeout((()=>{this.checkForScrollbarHideOrShow()}),500)}componentDidRender(){setTimeout((()=>{a((()=>{if(this.value){const t=this.root.querySelector(`gux-tab-legacy[tab-id='${this.value}']`);t&&(t.active=!0)}}))}),500)}scrollLeft(){e((()=>{this.root.shadowRoot.querySelector(".scrollable-section").scrollBy(-100,0)}))}scrollRight(){e((()=>{this.root.shadowRoot.querySelector(".scrollable-section").scrollBy(100,0)}))}render(){const t=t=>c("button",{title:this.i18n(this.disableAddTabButton?"disableNewTab":"createNewTab"),class:"add-tab",onClick:()=>t.onClick(),disabled:this.disableAddTabButton},c("gux-icon",{"icon-name":"add",decorative:!0}));return c("div",{class:"gux-tabs"},c("div",{class:"action-button-container"},this.hasScrollbar?c("button",{title:this.i18n("scrollLeft"),class:"arrow-button",onClick:()=>this.scrollLeft()},c("gux-icon",{"icon-name":"chevron-left",decorative:!0})):null),c("div",{class:"scrollable-section"},c("slot",null),this.showNewTabButton&&!this.hasScrollbar?c(t,{onClick:()=>this.newTab.emit()}):null),c("div",{class:"action-button-container"},this.hasScrollbar?c("button",{title:this.i18n("scrollRight"),class:"arrow-button",onClick:()=>this.scrollRight()},c("gux-icon",{"icon-name":"chevron-right",decorative:!0})):null,this.showNewTabButton&&this.hasScrollbar?c(t,{onClick:()=>this.newTab.emit()}):null))}get root(){return r(this)}static get watchers(){return{value:["watchHandler"]}}};d.style=".gux-tabs{display:flex;align-items:flex-end;width:100%;height:40px;overflow-x:hidden}.gux-tabs .action-button-container{display:flex;border-radius:2px}.gux-tabs .action-button-container .arrow-button{display:flex;align-items:center;justify-content:center;width:24px;height:40px;padding:0;border:none;border-style:solid;border-width:1px;border-radius:2px;transition:color 0.25s}.gux-tabs .action-button-container .arrow-button gux-icon{width:10px;height:10px}.gux-tabs .action-button-container .add-tab{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-style:solid;border-width:1px;border-radius:2px;transition:color 0.25s}.gux-tabs .action-button-container .add-tab:disabled{opacity:0.5}.gux-tabs .action-button-container .add-tab:disabled:hover{color:#202937}.gux-tabs .action-button-container .add-tab:disabled:active{background-color:#e2e6ee}.gux-tabs .action-button-container .add-tab gux-icon{width:16px;height:16px}.gux-tabs .scrollable-section{display:flex;flex:1 1 auto;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.gux-tabs .scrollable-section::-webkit-scrollbar{height:0}.gux-tabs .scrollable-section .add-tab{display:flex;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;padding:0;margin-left:4px;border:none;transition:color 0.25s}.gux-tabs .scrollable-section .add-tab gux-icon{width:16px;height:16px}.gux-tabs-light-theme{background-color:#e2e6ee}.gux-tabs-light-theme .action-button-container{background-color:#c8cfda}.gux-tabs-light-theme .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs-light-theme .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs-light-theme .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs-light-theme .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs-light-theme .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs-light-theme .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs-light-theme .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs-light-theme .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs-light-theme .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-light-theme .gux-tabs{background-color:#e2e6ee}.gux-light-theme .gux-tabs .action-button-container{background-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .arrow-button:hover{color:#2a60c8}.gux-light-theme .gux-tabs .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-light-theme .gux-tabs .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .add-tab:hover{color:#2a60c8}.gux-light-theme .gux-tabs .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-light-theme .gux-tabs .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-light-theme .gux-tabs .scrollable-section .add-tab:hover{color:#2a60c8}.gux-light-theme .gux-tabs .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-tabs.gux-light-theme{background-color:#e2e6ee}.gux-tabs.gux-light-theme .action-button-container{background-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs.gux-light-theme .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs.gux-light-theme .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs.gux-light-theme .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs.gux-light-theme .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs.gux-light-theme .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs.gux-light-theme .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-tabs{background-color:#e2e6ee}.gux-tabs .action-button-container{background-color:#c8cfda}.gux-tabs .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs .scrollable-section .add-tab:active{background-color:#b9c2d0}";export{d as gux_tabs_legacy}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as n,g as a}from"./p-9031eb6a.js";import{a as s}from"./p-091f51f6.js";import{a as i,c as r,b as o,f as d}from"./p-4f26144b.js";import{t as h}from"./p-5c628bc4.js";import{g as l,a as c}from"./p-54ad2682.js";import{c as u}from"./p-251befef.js";import"./p-8a133b9b.js";function g(t,e){x(t,"remove",e)}function x(t=[],e,n){const a=[].concat(t);for(const t of a)t.classList[e](n)}function b(t,e){return u(t.toLocaleDateString(e,{year:"numeric",month:"long"}))}const f=class{constructor(n){t(this,n),this.input=e(this,"input",7),this.locale="en",this.value="",this.minDate="",this.maxDate="",this.mode="single",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.previewValue=new Date,this.selectingDate=null}emitInput(){this.input.emit(this.value)}async setValue(t){if("range"===this.mode&&t instanceof Array){const[e,n]=t;this.value=i(e,n),this.previewValue=r(this.value)[0]}else{const e=t;this.value=o(e),this.previewValue=e}}async focusPreviewDate(){const t=this.root.shadowRoot.querySelector(`td[data-date="${this.previewValue.getTime()}"]`);t&&t.focus()}async resetCalendarView(t){this.previewValue=t}incrementPreviewDateByMonth(t){this.previewValue=new Date(this.previewValue.getFullYear(),this.previewValue.getMonth()+t,15,0,0,0),s((()=>{this.focusPreviewDate()}))}async setValueAndEmit(t){await this.setValue(t),this.emitInput()}outOfBounds(t){return""!==this.maxDate&&d(this.maxDate)<t||""!==this.minDate&&d(this.minDate)>t}generateDatesFrom(t,e,n){const a=[],s=new Date(e.getFullYear(),e.getMonth(),e.getDate(),0,0,0,0);for(let e=0;e<n;e++){const e=new Date(s.getFullYear(),s.getMonth(),s.getDate(),0,0,0,0),n=[];let i=!1,o=!1;e.getMonth()!==t&&(n.push("gux-not-in-month"),i=!0,"range"===this.mode&&(n.push("gux-hidden"),o=!0)),this.outOfBounds(e)&&(n.push("gux-disabled"),i=!0);let h=!1;if("range"===this.mode){const[t,a]=r(this.value),s=t.getTime(),i=a.getTime();e.getTime()===s&&e.getTime()===i?(h=!0,n.push("gux-selected")):e.getTime()===s?(h=!0,n.push("gux-selected"),n.push("gux-start-date")):e.getTime()===i&&(h=!0,n.push("gux-selected"),n.push("gux-end-date"))}else{const t=d(this.value).getTime();e.getTime()===t&&(h=!0,n.push("gux-selected"))}a.push({class:n.join(" "),date:e,hidden:o,disabled:i,selected:h}),s.setDate(s.getDate()+1)}return a}create2DArray(t,e){const n=[];for(let a=0;a<e-1;a++){const s=t.slice(a*e,a*e+e);this.weekShouldBeDisplayed(s)&&n.push(s)}return n}isFocusableDate(t){return t.selected||this.previewValue.getTime()===t.date.getTime()}weekShouldBeDisplayed(t){const e=t.find((t=>!t.hidden));return t.length&&!!e}getMonthDays(t){const e=new Date(this.previewValue.getTime());e.setDate(1),e.setMonth(e.getMonth()+t);const n=e.getMonth(),a=function(t,e,n){const a=new Date(e,t,1,1,0,0,0),s=-1*(n-a.getDay()-7)%7;return new Date(a.getTime()-864e5*s)}(n,e.getFullYear(),this.startDayOfWeek),s=this.generateDatesFrom(n,a,42);return this.create2DArray(s,7)}addDays(t,e){const n=new Date(t.valueOf());return n.setDate(n.getDate()+e),n}getAllDatesElements(){const t=this.root.shadowRoot.querySelectorAll("td");return Array.from(t)}getAllSelectableDatesElements(){const t=this.root.shadowRoot.querySelectorAll('td[tabindex="0"]');return Array.from(t)}getRangeDatesElements(t,e){const n=[];let a;a=e<t?this.getRangeDates(e,t):this.getRangeDates(t,e);for(const t of a){const e=this.root.shadowRoot.querySelector(`td[data-date="${t.getTime()}"]:not(.gux-hidden)`);e&&n.push(e)}return n}getRangeDates(t,e){const n=[];let a=t;for(;a<=e;)n.push(new Date(a)),a=this.addDays(a,1);return n}async onDateClick(t){if(!this.outOfBounds(t))if("range"!==this.mode)await this.setValueAndEmit(t);else if(null===this.selectingDate)g(this.getAllDatesElements(),"gux-hovered"),this.selectingDate=new Date(t.valueOf()),this.value=i(t,t);else{const e=this.root.shadowRoot.querySelector(`td[data-date="${t.getTime()}"]`);e&&e.classList.add("gux-selected"),this.updateRangeElements(),await this.setValueAndEmit([this.selectingDate,t]),this.previewValue=t,this.selectingDate=null}}onDateMouseEnter(t){"range"===this.mode&&null!==this.selectingDate&&(this.value=i(t,this.selectingDate),this.updateRangeElements())}updateRangeElements(){if("range"===this.mode){g(this.getAllDatesElements(),"gux-hovered");const[t,e]=r(this.value);x(this.getRangeDatesElements(t,e),"add","gux-hovered")}}async onKeyDown(t){switch(t.key){case" ":case"Enter":t.preventDefault(),await this.onDateClick(this.previewValue);break;case"ArrowDown":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+7)),this.onDateMouseEnter(this.previewValue),s((()=>{this.focusPreviewDate()}));break;case"ArrowUp":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-7)),this.onDateMouseEnter(this.previewValue),s((()=>{this.focusPreviewDate()}));break;case"ArrowLeft":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-1)),this.onDateMouseEnter(this.previewValue),s((()=>{this.focusPreviewDate()}));break;case"ArrowRight":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+1)),this.onDateMouseEnter(this.previewValue),s((()=>{this.focusPreviewDate()}));break;case"PageUp":this.incrementPreviewDateByMonth(1),this.onDateMouseEnter(this.previewValue);break;case"PageDown":this.incrementPreviewDateByMonth(-1),this.onDateMouseEnter(this.previewValue)}}componentWillLoad(){if(h(this.root,{variant:this.mode}),this.locale=l(this.root),this.startDayOfWeek=this.startDayOfWeek||c(this.locale),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?i(t,t):o(t)}this.previewValue=d(this.value)}componentDidRender(){this.updateRangeElements()}renderMonthHeader(){return n("div",{class:"gux-month-list"},Array.from(Array(this.numberOfMonths).keys()).map((t=>{const e=function(t,e){const n=new Date(t);return n.setDate(1),n.setMonth(n.getMonth()+e),n}(this.previewValue,t);return n("label",null,b(e,this.locale))})))}renderCalendarTable(t){return n("table",null,n("tr",null,function(t,e){const n=[],a=new Date(1970,0,4);for(let e=0;e<7;e++){const e=a.toLocaleString(t,{weekday:"narrow"});n.push(e),a.setDate(a.getDate()+1)}return(s=n).concat(s.splice(0,(i=e)>s.length?i%s.length:i));var s,i}(this.locale,this.startDayOfWeek).map((t=>n("th",null,t)))),this.getMonthDays(t).map((t=>n("tr",null,t.map((t=>n("td",{tabindex:this.isFocusableDate(t)?"0":"-1",class:t.class,"aria-hidden":t.hidden?"true":"false","aria-disabled":t.disabled?"true":"false","data-date":t.date.getTime(),onClick:()=>{this.onDateClick(t.date)},onMouseEnter:()=>this.onDateMouseEnter(t.date),onKeyDown:t=>{this.onKeyDown(t)}},t.date.getDate(),n("span",{class:"gux-sr-only"},b(t.date,this.locale)))))))))}render(){return n("div",{class:"gux-calendar"},n("div",{class:"gux-header"},n("button",{type:"button",class:"gux-left",onClick:()=>this.incrementPreviewDateByMonth(-1),tabindex:"-1","aria-hidden":"true"},n("gux-icon",{decorative:!0,"icon-name":"chevron-small-left"})),this.renderMonthHeader(),n("button",{type:"button",class:"gux-right",onClick:()=>this.incrementPreviewDateByMonth(1),tabindex:"-1","aria-hidden":"true"},n("gux-icon",{decorative:!0,"icon-name":"chevron-small-right"}))),n("div",{class:"gux-content"},Array.from(Array(this.numberOfMonths).keys()).map((t=>this.renderCalendarTable(t)))))}get root(){return a(this)}};f.style=":host{display:inline-block}.gux-calendar{margin-top:2px;border:1px solid #b4bccb;border-radius:4px}.gux-calendar .gux-header{position:relative;display:flex;align-items:center;justify-content:space-between;height:16px;padding:16px;color:#fdfdfd;background-color:#2a60c8;border-top-left-radius:3px;border-top-right-radius:3px}.gux-calendar .gux-header button{position:absolute;padding:5px;color:#fdfdfd;cursor:pointer;background:none;border:none;outline:none}.gux-calendar .gux-header button:focus-visible{outline:#75a8ff auto 5px}.gux-calendar .gux-header button.gux-left{left:18px}.gux-calendar .gux-header button.gux-right{right:18px}.gux-calendar .gux-header button gux-icon{width:16px;height:16px;pointer-events:none}.gux-calendar .gux-header .gux-month-list{display:flex;justify-content:space-between;width:100%}.gux-calendar .gux-header .gux-month-list label{width:100%;text-align:center;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}.gux-calendar .gux-content{display:flex;align-items:flex-start;height:196px;padding:20px 24px;color:#2e394c;background-color:#fdfdfd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.gux-calendar .gux-content table{width:168px;text-align:left;table-layout:fixed;border-spacing:0;-ms-user-select:none;user-select:none}.gux-calendar .gux-content table:not(:last-child){padding-right:24px}.gux-calendar .gux-content table tr{height:28px}.gux-calendar .gux-content table tr:empty{display:none}.gux-calendar .gux-content table tr th,.gux-calendar .gux-content table tr td{width:28px;height:28px;padding:0;margin:0;text-align:center;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-calendar .gux-content table tr th{font-family:Roboto, sans-serif;font-weight:400;font-weight:700}.gux-calendar .gux-content table tr td{cursor:pointer}.gux-calendar .gux-content table tr td.gux-hovered{background-color:#deeaff}.gux-calendar .gux-content table tr td.gux-selected{color:#fdfdfd;background-color:#2a60c8;border-radius:4px}.gux-calendar .gux-content table tr td.gux-selected.gux-start-date{border-radius:4px 0 0 4px}.gux-calendar .gux-content table tr td.gux-selected.gux-end-date{border-radius:0 4px 4px 0}.gux-calendar .gux-content table tr td:hover:not(.gux-calendar .gux-content table tr td.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-end-date){color:#fdfdfd;background-color:#2a60c8;border-radius:4px}.gux-calendar .gux-content table tr td.gux-disabled{color:rgba(46, 57, 76, 0.5);pointer-events:none}.gux-calendar .gux-content table tr td.gux-not-in-month{color:rgba(107, 117, 133, 0.5)}.gux-calendar .gux-content table tr td.gux-not-in-month.gux-selected{color:#fdfdfd;background-color:rgba(42, 96, 200, 0.5)}.gux-calendar .gux-content table tr td.gux-not-in-month:hover{color:#2e394c;background-color:#e2e6ee}.gux-calendar .gux-content table tr td.gux-not-in-month.gux-hidden{visibility:hidden}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{f as gux_calendar}
|
|
1
|
+
import{r as t,c as e,h as n,g as a}from"./p-9031eb6a.js";import{a as s}from"./p-091f51f6.js";import{a as i,c as r,b as o,f as d}from"./p-4f26144b.js";import{t as h}from"./p-6a37ebb5.js";import{g as l,a as c}from"./p-54ad2682.js";import{c as u}from"./p-251befef.js";import"./p-8a133b9b.js";function g(t,e){x(t,"remove",e)}function x(t=[],e,n){const a=[].concat(t);for(const t of a)t.classList[e](n)}function b(t,e){return u(t.toLocaleDateString(e,{year:"numeric",month:"long"}))}const f=class{constructor(n){t(this,n),this.input=e(this,"input",7),this.locale="en",this.value="",this.minDate="",this.maxDate="",this.mode="single",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.previewValue=new Date,this.selectingDate=null}emitInput(){this.input.emit(this.value)}async setValue(t){if("range"===this.mode&&t instanceof Array){const[e,n]=t;this.value=i(e,n),this.previewValue=r(this.value)[0]}else{const e=t;this.value=o(e),this.previewValue=e}}async focusPreviewDate(){const t=this.root.shadowRoot.querySelector(`td[data-date="${this.previewValue.getTime()}"]`);t&&t.focus()}async resetCalendarView(t){this.previewValue=t}incrementPreviewDateByMonth(t){this.previewValue=new Date(this.previewValue.getFullYear(),this.previewValue.getMonth()+t,15,0,0,0),s((()=>{this.focusPreviewDate()}))}async setValueAndEmit(t){await this.setValue(t),this.emitInput()}outOfBounds(t){return""!==this.maxDate&&d(this.maxDate)<t||""!==this.minDate&&d(this.minDate)>t}generateDatesFrom(t,e,n){const a=[],s=new Date(e.getFullYear(),e.getMonth(),e.getDate(),0,0,0,0);for(let e=0;e<n;e++){const e=new Date(s.getFullYear(),s.getMonth(),s.getDate(),0,0,0,0),n=[];let i=!1,o=!1;e.getMonth()!==t&&(n.push("gux-not-in-month"),i=!0,"range"===this.mode&&(n.push("gux-hidden"),o=!0)),this.outOfBounds(e)&&(n.push("gux-disabled"),i=!0);let h=!1;if("range"===this.mode){const[t,a]=r(this.value),s=t.getTime(),i=a.getTime();e.getTime()===s&&e.getTime()===i?(h=!0,n.push("gux-selected")):e.getTime()===s?(h=!0,n.push("gux-selected"),n.push("gux-start-date")):e.getTime()===i&&(h=!0,n.push("gux-selected"),n.push("gux-end-date"))}else{const t=d(this.value).getTime();e.getTime()===t&&(h=!0,n.push("gux-selected"))}a.push({class:n.join(" "),date:e,hidden:o,disabled:i,selected:h}),s.setDate(s.getDate()+1)}return a}create2DArray(t,e){const n=[];for(let a=0;a<e-1;a++){const s=t.slice(a*e,a*e+e);this.weekShouldBeDisplayed(s)&&n.push(s)}return n}isFocusableDate(t){return t.selected||this.previewValue.getTime()===t.date.getTime()}weekShouldBeDisplayed(t){const e=t.find((t=>!t.hidden));return t.length&&!!e}getMonthDays(t){const e=new Date(this.previewValue.getTime());e.setDate(1),e.setMonth(e.getMonth()+t);const n=e.getMonth(),a=function(t,e,n){const a=new Date(e,t,1,1,0,0,0),s=-1*(n-a.getDay()-7)%7;return new Date(a.getTime()-864e5*s)}(n,e.getFullYear(),this.startDayOfWeek),s=this.generateDatesFrom(n,a,42);return this.create2DArray(s,7)}addDays(t,e){const n=new Date(t.valueOf());return n.setDate(n.getDate()+e),n}getAllDatesElements(){const t=this.root.shadowRoot.querySelectorAll("td");return Array.from(t)}getAllSelectableDatesElements(){const t=this.root.shadowRoot.querySelectorAll('td[tabindex="0"]');return Array.from(t)}getRangeDatesElements(t,e){const n=[];let a;a=e<t?this.getRangeDates(e,t):this.getRangeDates(t,e);for(const t of a){const e=this.root.shadowRoot.querySelector(`td[data-date="${t.getTime()}"]:not(.gux-hidden)`);e&&n.push(e)}return n}getRangeDates(t,e){const n=[];let a=t;for(;a<=e;)n.push(new Date(a)),a=this.addDays(a,1);return n}async onDateClick(t){if(!this.outOfBounds(t))if("range"!==this.mode)await this.setValueAndEmit(t);else if(null===this.selectingDate)g(this.getAllDatesElements(),"gux-hovered"),this.selectingDate=new Date(t.valueOf()),this.value=i(t,t);else{const e=this.root.shadowRoot.querySelector(`td[data-date="${t.getTime()}"]`);e&&e.classList.add("gux-selected"),this.updateRangeElements(),await this.setValueAndEmit([this.selectingDate,t]),this.previewValue=t,this.selectingDate=null}}onDateMouseEnter(t){"range"===this.mode&&null!==this.selectingDate&&(this.value=i(t,this.selectingDate),this.updateRangeElements())}updateRangeElements(){if("range"===this.mode){g(this.getAllDatesElements(),"gux-hovered");const[t,e]=r(this.value);x(this.getRangeDatesElements(t,e),"add","gux-hovered")}}async onKeyDown(t){switch(t.key){case" ":case"Enter":t.preventDefault(),await this.onDateClick(this.previewValue);break;case"ArrowDown":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+7)),this.onDateMouseEnter(this.previewValue),s((()=>{this.focusPreviewDate()}));break;case"ArrowUp":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-7)),this.onDateMouseEnter(this.previewValue),s((()=>{this.focusPreviewDate()}));break;case"ArrowLeft":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-1)),this.onDateMouseEnter(this.previewValue),s((()=>{this.focusPreviewDate()}));break;case"ArrowRight":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+1)),this.onDateMouseEnter(this.previewValue),s((()=>{this.focusPreviewDate()}));break;case"PageUp":this.incrementPreviewDateByMonth(1),this.onDateMouseEnter(this.previewValue);break;case"PageDown":this.incrementPreviewDateByMonth(-1),this.onDateMouseEnter(this.previewValue)}}componentWillLoad(){if(h(this.root,{variant:this.mode}),this.locale=l(this.root),this.startDayOfWeek=this.startDayOfWeek||c(this.locale),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?i(t,t):o(t)}this.previewValue=d(this.value)}componentDidRender(){this.updateRangeElements()}renderMonthHeader(){return n("div",{class:"gux-month-list"},Array.from(Array(this.numberOfMonths).keys()).map((t=>{const e=function(t,e){const n=new Date(t);return n.setDate(1),n.setMonth(n.getMonth()+e),n}(this.previewValue,t);return n("label",null,b(e,this.locale))})))}renderCalendarTable(t){return n("table",null,n("tr",null,function(t,e){const n=[],a=new Date(1970,0,4);for(let e=0;e<7;e++){const e=a.toLocaleString(t,{weekday:"narrow"});n.push(e),a.setDate(a.getDate()+1)}return(s=n).concat(s.splice(0,(i=e)>s.length?i%s.length:i));var s,i}(this.locale,this.startDayOfWeek).map((t=>n("th",null,t)))),this.getMonthDays(t).map((t=>n("tr",null,t.map((t=>n("td",{tabindex:this.isFocusableDate(t)?"0":"-1",class:t.class,"aria-hidden":t.hidden?"true":"false","aria-disabled":t.disabled?"true":"false","data-date":t.date.getTime(),onClick:()=>{this.onDateClick(t.date)},onMouseEnter:()=>this.onDateMouseEnter(t.date),onKeyDown:t=>{this.onKeyDown(t)}},t.date.getDate(),n("span",{class:"gux-sr-only"},b(t.date,this.locale)))))))))}render(){return n("div",{class:"gux-calendar"},n("div",{class:"gux-header"},n("button",{type:"button",class:"gux-left",onClick:()=>this.incrementPreviewDateByMonth(-1),tabindex:"-1","aria-hidden":"true"},n("gux-icon",{decorative:!0,"icon-name":"chevron-small-left"})),this.renderMonthHeader(),n("button",{type:"button",class:"gux-right",onClick:()=>this.incrementPreviewDateByMonth(1),tabindex:"-1","aria-hidden":"true"},n("gux-icon",{decorative:!0,"icon-name":"chevron-small-right"}))),n("div",{class:"gux-content"},Array.from(Array(this.numberOfMonths).keys()).map((t=>this.renderCalendarTable(t)))))}get root(){return a(this)}};f.style=":host{display:inline-block}.gux-calendar{margin-top:2px;border:1px solid #b4bccb;border-radius:4px}.gux-calendar .gux-header{position:relative;display:flex;align-items:center;justify-content:space-between;height:16px;padding:16px;color:#fdfdfd;background-color:#2a60c8;border-top-left-radius:3px;border-top-right-radius:3px}.gux-calendar .gux-header button{position:absolute;padding:5px;color:#fdfdfd;cursor:pointer;background:none;border:none;outline:none}.gux-calendar .gux-header button:focus-visible{outline:#75a8ff auto 5px}.gux-calendar .gux-header button.gux-left{left:18px}.gux-calendar .gux-header button.gux-right{right:18px}.gux-calendar .gux-header button gux-icon{width:16px;height:16px;pointer-events:none}.gux-calendar .gux-header .gux-month-list{display:flex;justify-content:space-between;width:100%}.gux-calendar .gux-header .gux-month-list label{width:100%;text-align:center;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}.gux-calendar .gux-content{display:flex;align-items:flex-start;height:196px;padding:20px 24px;color:#2e394c;background-color:#fdfdfd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.gux-calendar .gux-content table{width:168px;text-align:left;table-layout:fixed;border-spacing:0;-ms-user-select:none;user-select:none}.gux-calendar .gux-content table:not(:last-child){padding-right:24px}.gux-calendar .gux-content table tr{height:28px}.gux-calendar .gux-content table tr:empty{display:none}.gux-calendar .gux-content table tr th,.gux-calendar .gux-content table tr td{width:28px;height:28px;padding:0;margin:0;text-align:center;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-calendar .gux-content table tr th{font-family:Roboto, sans-serif;font-weight:400;font-weight:700}.gux-calendar .gux-content table tr td{cursor:pointer}.gux-calendar .gux-content table tr td.gux-hovered{background-color:#deeaff}.gux-calendar .gux-content table tr td.gux-selected{color:#fdfdfd;background-color:#2a60c8;border-radius:4px}.gux-calendar .gux-content table tr td.gux-selected.gux-start-date{border-radius:4px 0 0 4px}.gux-calendar .gux-content table tr td.gux-selected.gux-end-date{border-radius:0 4px 4px 0}.gux-calendar .gux-content table tr td:hover:not(.gux-calendar .gux-content table tr td.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-end-date){color:#fdfdfd;background-color:#2a60c8;border-radius:4px}.gux-calendar .gux-content table tr td.gux-disabled{color:rgba(46, 57, 76, 0.5);pointer-events:none}.gux-calendar .gux-content table tr td.gux-not-in-month{color:rgba(107, 117, 133, 0.5)}.gux-calendar .gux-content table tr td.gux-not-in-month.gux-selected{color:#fdfdfd;background-color:rgba(42, 96, 200, 0.5)}.gux-calendar .gux-content table tr td.gux-not-in-month:hover{color:#2e394c;background-color:#e2e6ee}.gux-calendar .gux-content table tr td.gux-not-in-month.gux-hidden{visibility:hidden}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{f as gux_calendar}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,g as s}from"./p-9031eb6a.js";import{t as a}from"./p-
|
|
1
|
+
import{r as t,h as i,g as s}from"./p-9031eb6a.js";import{t as a}from"./p-6a37ebb5.js";import{V as e}from"./p-5cacdfc9.js";import{l as h}from"./p-d0805f56.js";const o=class{constructor(i){t(this,i),this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",mark:{type:"bar"},config:{axis:{ticks:!1,titlePadding:8},axisX:{labelAngle:0},scale:{bandPaddingInner:.4,bandPaddingOuter:.4},legend:{symbolType:"circle"},bar:{color:e[0]}},encoding:{x:{type:"nominal"},y:{type:"quantitative"},tooltip:{aggregate:"count",type:"quantitative"}}},this.chartData=void 0,this.xTickLabelSlant=void 0,this.includeLegend=void 0,this.xFieldName=void 0,this.yFieldName=void 0,this.xAxisTitle=void 0,this.yAxisTitle=void 0,this.legendTitle=void 0,this.legendPosition="right",this.chartLayers=void 0,this.embedOptions=void 0}parseData(){this.xFieldName&&this.yFieldName||h(this.root,"requires x-field-name and y-field-name");let t={};this.chartData&&(t={data:this.chartData}),this.xTickLabelSlant&&(this.baseChartSpec.config.axisX.labelAngle=45),this.includeLegend&&(this.baseChartSpec.encoding.color={field:"category"}),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.xFieldName,s=this.yFieldName,a=this.xAxisTitle,o=this.yAxisTitle,r=this.legendTitle;if(this.chartLayers){const t=this.chartLayers.map((t=>({mark:"bar",transform:[{filter:{field:"series",equal:t}}],encoding:{x:{field:i,type:"nominal"},y:{field:s,type:"quantitative"}}})));this.baseChartSpec.layer=t}else i&&(this.baseChartSpec.encoding.x.field=i),s&&(this.baseChartSpec.encoding.y.field=s),a&&(this.baseChartSpec.encoding.x.title=a),o&&(this.baseChartSpec.encoding.y.title=o),r&&(this.baseChartSpec.encoding.color.title=r);this.baseChartSpec.config.range={[i]:e};const n=Object.assign(this.baseChartSpec,t);this.visualizationSpec=n}componentWillLoad(){a(this.root),this.parseData()}render(){return i("gux-visualization-beta",{visualizationSpec:this.visualizationSpec})}get root(){return s(this)}static get watchers(){return{chartData:["parseData"]}}};o.style="gux-visualization-beta{height:fit-content;color:#2e394c;}gux-visualization-beta .mark-rect.layer_0_marks path{fill:url(#diagonalHatch0)}gux-visualization-beta .mark-rect.layer_1_marks path{fill:#1da8b3}";export{o as gux_chart_column_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,h as i,H as e,g as s}from"./p-9031eb6a.js";import{t as n}from"./p-
|
|
1
|
+
import{r as t,c as o,h as i,H as e,g as s}from"./p-9031eb6a.js";import{t as n}from"./p-6a37ebb5.js";const a=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("gux-truncate-beta",{class:"gux-title","max-lines":1},i("slot",{name:"title"})),i("gux-truncate-beta",{class:"gux-message","max-lines":2},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)}};a.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;margin:0 12px 0 8px;color:#2e394c}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:Roboto, sans-serif;font-weight:400;font-size:14px;line-height:20px}";export{a as gux_notification_toast}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as t,g as e}from"./p-9031eb6a.js";import{t as r}from"./p-
|
|
1
|
+
import{r as o,h as t,g as e}from"./p-9031eb6a.js";import{t as r}from"./p-6a37ebb5.js";const n=class{constructor(t){o(this,t),this.type="button",this.guxTitle=void 0,this.disabled=!1,this.accent="secondary"}componentWillLoad(){r(this.root,{variant:this.accent}),this.makeSlotContentDisableable()}render(){return t("button",{type:this.type,title:this.guxTitle,disabled:this.disabled,class:`gux-${this.accent}`},t("slot",null))}makeSlotContentDisableable(){this.root.shadowRoot.addEventListener("click",(o=>{this.disabled&&(o.stopImmediatePropagation(),o.stopPropagation(),o.preventDefault())})),Array.from(this.root.children).forEach((o=>{o.addEventListener("click",(o=>{this.disabled&&(o.stopImmediatePropagation(),o.stopPropagation(),o.preventDefault())}))}))}static get delegatesFocus(){return!0}get root(){return e(this)}};n.style=":host{display:inline-block;pointer-events:none;-webkit-user-select:none;user-select:none}:host(:focus){outline:none}:host(:focus) button{outline:none}::slotted(gux-icon){width:16px;height:16px}::slotted(*){padding-left:4px;vertical-align:middle}::slotted(*:first-child){padding:0}button{width:100%;min-width:32px;height:32px;padding:0 16px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:#e2e6ee;border:none;border-radius:4px;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}button[disabled]{color:rgba(46, 57, 76, 0.5);cursor:default;background-color:rgba(226, 230, 238, 0.5)}button:hover:enabled{background-color:#d7dce5}button:active:enabled{background-color:#c8cfda}button:focus-visible:enabled{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}button.gux-tertiary{color:#2a60c8;background-color:#fdfdfd;border:1px solid #2a60c8}button.gux-tertiary[disabled]{color:rgba(42, 96, 200, 0.5);background-color:rgba(253, 253, 253, 0.5);border-color:rgba(42, 96, 200, 0.5)}button.gux-tertiary:hover:enabled{color:#fdfdfd;background-color:#2754ac}button.gux-tertiary:active:enabled{color:#fdfdfd;background-color:#23478f}button.gux-ghost{color:#2a60c8;background:none;border:none}button.gux-ghost[disabled]{color:rgba(42, 96, 200, 0.5)}button.gux-ghost:hover:enabled{color:#2754ac;background-color:rgba(222, 234, 255, 0.33)}button.gux-ghost:active:enabled{color:#2754ac;background-color:#deeaff}button.gux-primary{color:#fdfdfd;background-color:#2a60c8}button.gux-primary[disabled]{color:rgba(253, 253, 253, 0.5);background-color:rgba(42, 96, 200, 0.5)}button.gux-primary:hover:enabled{background-color:#2754ac}button.gux-primary:active:enabled{background-color:#23478f}button.gux-danger{color:#fdfdfd;background-color:#ea0b0b}button.gux-danger[disabled]{color:rgba(253, 253, 253, 0.5);background-color:rgba(234, 11, 11, 0.5)}button.gux-danger:hover:enabled{background-color:#cc0a0a}button.gux-danger:active:enabled{background-color:#ad0808}button.gux-inline{min-width:initial;height:initial;padding:0;color:#2a60c8;text-decoration:underline;background:none;border:none;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}button.gux-inline[disabled]{color:rgba(42, 96, 200, 0.5)}button.gux-inline:hover:enabled{color:#2754ac;background-color:rgba(222, 234, 255, 0.33)}button.gux-inline:active:enabled{color:#2754ac;background-color:#deeaff}";export{n as gux_button}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as s,g as i}from"./p-9031eb6a.js";import{m as r,g as n}from"./p-5ac4e2cf.js";import{t as h}from"./p-
|
|
1
|
+
import{r as t,h as s,g as i}from"./p-9031eb6a.js";import{m as r,g as n}from"./p-5ac4e2cf.js";import{t as h}from"./p-6a37ebb5.js";const e=class{constructor(s){t(this,s),this.text=void 0,this.highlight=void 0,this.strategy="start"}componentWillLoad(){h(this.root)}render(){if(this.highlight&&this.text)switch(this.strategy){case"start":return this.renderStartsWith();case"contains":return this.renderContains();case"fuzzy":return this.renderFuzzy()}return s("span",null,this.text)}renderStartsWith(){if(this.text.toLowerCase().startsWith(this.highlight.toLowerCase())){const t=this.text.substring(0,this.highlight.length),i=this.text.substring(this.highlight.length);return s("span",null,s("mark",null,t),i)}return s("span",null,this.text)}renderContains(){const t={highlighted:"",remaining:this.text};for(;t.remaining.toLowerCase().includes(this.highlight.toLowerCase());){const s=t.remaining.toLowerCase().indexOf(this.highlight.toLowerCase()),i=t.remaining.substring(0,s),r=t.remaining.substring(s,s+this.highlight.length);t.highlighted+=i+`<mark>${r}</mark>`,t.remaining=t.remaining.substring(s+r.length)}return s("span",{innerHTML:t.highlighted+t.remaining})}renderFuzzy(){if(r(this.highlight,this.text)){const t=n(this.highlight).reduce(((t,s)=>{const{0:i,index:r,input:n}=t.remaining.match(s),h=n.substring(0,r);return{highlighted:`${t.highlighted+h}<mark>${i}</mark>`,remaining:n.substring(r+i.length)}}),{highlighted:"",remaining:this.text});return s("span",{innerHTML:t.highlighted+t.remaining})}return s("span",null,this.text)}get root(){return i(this)}};export{e as gux_text_highlight}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,h as e,g as r}from"./p-9031eb6a.js";import{a as p,c as a,o as s,f as i,s as c,b as d}from"./p-42e2cc1f.js";import{O as n}from"./p-35f13878.js";import{t as l}from"./p-
|
|
1
|
+
import{r as t,c as o,h as e,g as r}from"./p-9031eb6a.js";import{a as p,c as a,o as s,f as i,s as c,b as d}from"./p-42e2cc1f.js";import{O as n}from"./p-35f13878.js";import{t as l}from"./p-6a37ebb5.js";import{f as b}from"./p-82ffe3cc.js";const h=class{constructor(e){t(this,e),this.guxdismiss=o(this,"guxdismiss",7),this.for=void 0,this.position="bottom",this.displayDismissButton=void 0,this.closeOnClickOutside=!1,this.isOpen=!1}checkForClickOutside(t){const o=t.composedPath(),e=b(this.root,this.for),r=o.includes(e);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||r||this.dismiss()}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=p(b(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const t=b(this.root,this.for);this.popupElement&&a(t,this.popupElement,{placement:this.position,middleware:[s(7),i(),c(),d({element:this.arrowElement,padding:16})]}).then((({x:t,y:o,middlewareData:e,placement:r})=>{Object.assign(this.popupElement.style,{left:`${t}px`,top:`${o}px`});const p={top:"bottom",right:"left",bottom:"top",left:"right"}[r.split("-")[0]];if(e.arrow){const{x:t,y:o}=e.arrow;this.popupElement.setAttribute("data-placement",r),Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=o?`${o}px`:"",right:"",bottom:"",[p]:"-6.5px",transform:"rotate(45deg)"})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){l(this.root,{variant:this.position})}componentDidLoad(){this.isOpen&&this.runUpdatePosition()}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return e("div",{ref:t=>this.popupElement=t,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},e("div",{ref:t=>this.arrowElement=t,class:"gux-arrow"}),this.displayDismissButton&&e("gux-dismiss-button",{onClick:this.dismiss.bind(this)}),e("div",{class:"gux-popover-content"},e("slot",null)))}get root(){return r(this)}};(function(t,o,e,r){var p,a=arguments.length,s=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,o,e,r);else for(var i=t.length-1;i>=0;i--)(p=t[i])&&(s=(a<3?p(s):a>3?p(o,e,s):p(o,e))||s);a>3&&s&&Object.defineProperty(o,e,s)})([n({triggerEvents:"mousedown"})],h.prototype,"checkForClickOutside",null),h.style=".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gux-zindex-popover, 2);display:inline-block;padding:8px 0;color:#2e394c;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:10px;height:10px;background:inherit}.gux-popover-wrapper[data-placement='bottom'] .gux-arrow,.gux-popover-wrapper[data-placement='bottom-start'] .gux-arrow,.gux-popover-wrapper[data-placement='bottom-end'] .gux-arrow{border-top:1px solid #b4bccb;border-left:1px solid #b4bccb}.gux-popover-wrapper[data-placement='top'] .gux-arrow,.gux-popover-wrapper[data-placement='top-start'] .gux-arrow,.gux-popover-wrapper[data-placement='top-end'] .gux-arrow{border-right:1px solid #b4bccb;border-bottom:1px solid #b4bccb}.gux-popover-wrapper[data-placement='left'] .gux-arrow,.gux-popover-wrapper[data-placement='left-start'] .gux-arrow,.gux-popover-wrapper[data-placement='left-end'] .gux-arrow{border-top:1px solid #b4bccb;border-right:1px solid #b4bccb}.gux-popover-wrapper[data-placement='right'] .gux-arrow,.gux-popover-wrapper[data-placement='right-start'] .gux-arrow,.gux-popover-wrapper[data-placement='right-end'] .gux-arrow{border-bottom:1px solid #b4bccb;border-left:1px solid #b4bccb}";export{h as gux_popover_list_beta}
|