genesys-spark-components 4.0.0-beta.36 → 4.0.0-beta.37
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/README.md +5 -3
- package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-advanced-dropdown-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-announce-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-badge.cjs.entry.js +1 -1
- package/dist/cjs/gux-blank-state.cjs.entry.js +1 -1
- package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-slot.cjs.entry.js +1 -1
- package/dist/cjs/gux-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-calendar.cjs.entry.js +1 -1
- package/dist/cjs/gux-card.cjs.entry.js +1 -1
- package/dist/cjs/gux-column-manager.cjs.entry.js +1 -1
- package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-context-menu.cjs.entry.js +1 -1
- package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js +1 -1
- package/dist/cjs/gux-date-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-date-time-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-flyout-menu.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-number_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-phone.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-range.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-icon.cjs.entry.js +1 -1
- package/dist/cjs/gux-inline-alert.cjs.entry.js +1 -1
- package/dist/cjs/gux-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-listbox-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-loading-message.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal.cjs.entry.js +1 -1
- package/dist/cjs/gux-month-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
- package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
- package/dist/cjs/gux-rating.cjs.entry.js +1 -1
- package/dist/cjs/gux-region-icon.cjs.entry.js +1 -1
- package/dist/cjs/gux-screen-reader-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-segmented-control-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-skip-navigation-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
- package/dist/cjs/gux-switch-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar.cjs.entry.js +1 -1
- package/dist/cjs/gux-table.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs-advanced-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
- package/dist/cjs/gux-tag.cjs.entry.js +1 -1
- package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-picker.cjs.entry.js +2 -2
- package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-toast.cjs.entry.js +1 -1
- package/dist/cjs/gux-toggle.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/{usage-d4216a6a.js → usage-dea328c9.js} +2 -2
- package/dist/collection/components/legacy/gux-disclosure-button-legacy/gux-disclosure-button.js +1 -1
- package/dist/collection/components/stable/gux-context-menu/gux-context-menu.js +1 -1
- package/dist/collection/components/stable/gux-form-field/gux-form-field.service.js +1 -1
- package/dist/collection/components/stable/gux-listbox-multi/gux-create-option/gux-create-option.js +1 -1
- package/dist/collection/components/stable/gux-time-picker/gux-time-picker.css +8 -6
- package/dist/collection/components/stable/gux-toggle/gux-toggle.js +1 -1
- package/dist/deploy-info.json +3 -3
- package/dist/esm/gux-accordion.entry.js +1 -1
- package/dist/esm/gux-action-button.entry.js +1 -1
- package/dist/esm/gux-action-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-advanced-dropdown-legacy.entry.js +1 -1
- package/dist/esm/gux-announce-beta.entry.js +1 -1
- package/dist/esm/gux-badge.entry.js +1 -1
- package/dist/esm/gux-blank-state.entry.js +1 -1
- package/dist/esm/gux-breadcrumbs.entry.js +1 -1
- package/dist/esm/gux-button-multi.entry.js +1 -1
- package/dist/esm/gux-button-slot.entry.js +1 -1
- package/dist/esm/gux-button.entry.js +1 -1
- package/dist/esm/gux-calendar.entry.js +1 -1
- package/dist/esm/gux-card.entry.js +1 -1
- package/dist/esm/gux-column-manager.entry.js +1 -1
- package/dist/esm/gux-content-search.entry.js +1 -1
- package/dist/esm/gux-context-menu.entry.js +1 -1
- package/dist/esm/gux-copy-to-clipboard.entry.js +1 -1
- package/dist/esm/gux-date-beta.entry.js +1 -1
- package/dist/esm/gux-date-time-beta.entry.js +1 -1
- package/dist/esm/gux-datepicker.entry.js +1 -1
- package/dist/esm/gux-disclosure-button-legacy.entry.js +1 -1
- package/dist/esm/gux-dismiss-button.entry.js +1 -1
- package/dist/esm/gux-dropdown-multi.entry.js +1 -1
- package/dist/esm/gux-dropdown_3.entry.js +1 -1
- package/dist/esm/gux-flyout-menu.entry.js +1 -1
- package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
- package/dist/esm/gux-form-field-color.entry.js +1 -1
- package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
- package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
- package/dist/esm/gux-form-field-number_3.entry.js +1 -1
- package/dist/esm/gux-form-field-phone.entry.js +1 -1
- package/dist/esm/gux-form-field-radio.entry.js +1 -1
- package/dist/esm/gux-form-field-range.entry.js +1 -1
- package/dist/esm/gux-form-field-search.entry.js +1 -1
- package/dist/esm/gux-form-field-select.entry.js +1 -1
- package/dist/esm/gux-form-field-text-like.entry.js +1 -1
- package/dist/esm/gux-form-field-textarea.entry.js +1 -1
- package/dist/esm/gux-form-field-time-picker.entry.js +1 -1
- package/dist/esm/gux-icon.entry.js +1 -1
- package/dist/esm/gux-inline-alert.entry.js +1 -1
- package/dist/esm/gux-list.entry.js +1 -1
- package/dist/esm/gux-listbox-multi.entry.js +1 -1
- package/dist/esm/gux-loading-message.entry.js +1 -1
- package/dist/esm/gux-modal.entry.js +1 -1
- package/dist/esm/gux-month-picker-beta.entry.js +1 -1
- package/dist/esm/gux-notification-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
- package/dist/esm/gux-pagination-cursor.entry.js +1 -1
- package/dist/esm/gux-pagination-legacy.entry.js +1 -1
- package/dist/esm/gux-pagination.entry.js +1 -1
- package/dist/esm/gux-phone-input-beta.entry.js +1 -1
- package/dist/esm/gux-popover-list.entry.js +1 -1
- package/dist/esm/gux-radial-loading.entry.js +1 -1
- package/dist/esm/gux-radial-progress.entry.js +1 -1
- package/dist/esm/gux-rating.entry.js +1 -1
- package/dist/esm/gux-region-icon.entry.js +1 -1
- package/dist/esm/gux-screen-reader-beta.entry.js +1 -1
- package/dist/esm/gux-segmented-control-beta.entry.js +1 -1
- package/dist/esm/gux-simple-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-skip-navigation-list.entry.js +1 -1
- package/dist/esm/gux-sort-control.entry.js +1 -1
- package/dist/esm/gux-switch-legacy.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-action.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-custom-action.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-menu-button.entry.js +1 -1
- package/dist/esm/gux-table-toolbar.entry.js +1 -1
- package/dist/esm/gux-table.entry.js +1 -1
- package/dist/esm/gux-tabs-advanced-legacy.entry.js +1 -1
- package/dist/esm/gux-tabs-advanced.entry.js +1 -1
- package/dist/esm/gux-tabs.entry.js +1 -1
- package/dist/esm/gux-tag.entry.js +1 -1
- package/dist/esm/gux-text-highlight.entry.js +1 -1
- package/dist/esm/gux-time-beta.entry.js +1 -1
- package/dist/esm/gux-time-picker.entry.js +2 -2
- package/dist/esm/gux-time-zone-picker-beta.entry.js +1 -1
- package/dist/esm/gux-toast.entry.js +1 -1
- package/dist/esm/gux-toggle.entry.js +1 -1
- package/dist/esm/gux-tooltip.entry.js +1 -1
- package/dist/esm/{usage-b9bc2c35.js → usage-9db89e81.js} +2 -2
- package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
- package/dist/genesys-webcomponents/{p-4426b584.entry.js → p-03c3a43a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-001a4f6c.entry.js → p-0443695b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6d7122bc.entry.js → p-04e7b0a5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d5d7cf8d.entry.js → p-07abb8df.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9026cf7e.entry.js → p-0e9b22e4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ea777be1.entry.js → p-0fb8a131.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6bee8d41.entry.js → p-16101c87.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-932fdd60.entry.js → p-170e10d8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-25d372af.entry.js → p-18901baf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4d14a590.entry.js → p-20e0415d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-906bffcd.entry.js → p-2187b61f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-11a4917d.entry.js → p-22590862.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-121117b7.entry.js → p-2339dbe7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-35fff0fe.entry.js → p-23e0e71f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-993b63db.entry.js → p-23fdc919.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7bff5f15.entry.js → p-24aaca86.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d96bce57.entry.js → p-275190eb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-59206607.entry.js → p-290db8e8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-984fb2ca.entry.js → p-2c325bd9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-903a7fff.entry.js → p-2d2f6a98.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b0cc1af2.entry.js → p-2e88df19.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3b48aaaa.entry.js → p-354af9aa.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d25d679d.entry.js → p-3aa647fd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c57cd1d8.js → p-3c614740.js} +1 -1
- package/dist/genesys-webcomponents/{p-377f63a0.entry.js → p-3c951a20.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8d3fb4b0.entry.js → p-4303e91c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3006f950.entry.js → p-47417e1a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-541c3c6b.entry.js → p-478e3b1c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5ea0d07e.entry.js → p-48d0d172.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ee662eda.entry.js → p-49fa664f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1b04a4a3.entry.js → p-4ef7f5b0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3deec8d5.entry.js → p-53a1d44e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7e245e45.entry.js → p-581afbbd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c07ab095.entry.js → p-645bf22d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2a3350f2.entry.js → p-64f97f86.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-edf8e30c.entry.js → p-67bf8797.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-06186f07.entry.js → p-6c5bcc19.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-04882cf9.entry.js → p-6eaaa7d4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-be68b1e8.entry.js → p-71ea12be.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5524298d.entry.js → p-7293caff.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cf094b0a.entry.js → p-741109b2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-127514f4.entry.js → p-74330868.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-050b14b0.entry.js → p-75c18eb2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5a9d8cb2.entry.js → p-77b466cc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d8e0caa9.entry.js → p-7c4e5b42.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7943f46d.entry.js → p-7e0bec76.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6ce1bf55.entry.js → p-801d58d0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f19e1b38.entry.js → p-80e52443.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3669d1d6.entry.js → p-82ff960a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-29e65ca5.entry.js → p-8897f0c8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8953cea0.entry.js → p-88ebf763.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1c00c8b9.entry.js → p-8e2f5120.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d0aefa7e.entry.js → p-947008c7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f6bcc7b4.entry.js → p-96a2defd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-67036f76.entry.js → p-9b14db2e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-920b9a0d.entry.js → p-9c69a37d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-004bad0d.entry.js → p-9c7f235d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9595c4f2.entry.js → p-a110a467.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0fd727e4.entry.js → p-a6dbce60.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9279fb28.entry.js → p-aa66df62.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-13bd1ddb.entry.js → p-adecb65e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-51df1ede.entry.js → p-b14af97c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c05cacb2.entry.js → p-b4a578d1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8c3c2fd5.entry.js → p-b4e0bdda.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f86080b6.entry.js → p-bb8382c8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ddfc136f.entry.js → p-bf3640cf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fb9b79ce.entry.js → p-c1253f5b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8e22729c.entry.js → p-c2352a62.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0f57803f.entry.js → p-c88906c4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-92536df7.entry.js → p-ca39b814.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0a7237d9.entry.js → p-cae769d3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e2d75be4.entry.js → p-cefecb77.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0209a2e8.entry.js → p-e93b4a73.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f7c491f0.entry.js → p-e9803c6d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4dc4930c.entry.js → p-ea3298b3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-48d465fe.entry.js → p-eba5e8e8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-937ec398.entry.js → p-f0ad551b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-66290fc5.entry.js → p-f1d85fd3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a934d5b1.entry.js → p-f3ac7576.entry.js} +1 -1
- package/dist/stencil-wrapper.js +3 -3
- package/dist/types/stencil-wrapper.d.ts +1 -1
- package/package.json +2 -2
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as i,g as o}from"./p-ed724d66.js";import{b as n}from"./p-52e27c60.js";import{t as a}from"./p-
|
1
|
+
import{r as t,h as i,g as o}from"./p-ed724d66.js";import{b as n}from"./p-52e27c60.js";import{t as a}from"./p-3c614740.js";import"./p-0962dd7a.js";const s={navigationName:"Skip links navigation"},e=class{constructor(i){t(this,i)}async componentWillLoad(){a(this.root),this.i18n=await n(this.root,s)}render(){return i("div",{class:"gux-container"},i("nav",{"aria-label":this.i18n("navigationName")},i("ul",{role:"list"},i("slot",null))))}static get delegatesFocus(){return!0}get root(){return o(this)}};e.style=":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host(:focus-within){position:inherit;top:inherit;left:inherit;width:inherit;height:inherit;overflow:inherit;position:absolute;inset:0}.gux-container nav{width:fit-content;margin:40px auto}.gux-container nav ul{padding:0;margin:0}";export{e as gux_skip_navigation_list}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as o,h as s,g as i}from"./p-ed724d66.js";import{a as e,c as r,o as a,f as p,s as h,b as n}from"./p-a5937ee9.js";import{O as d}from"./p-8c362857.js";import{t as c}from"./p-
|
1
|
+
import{r as t,c as o,h as s,g as i}from"./p-ed724d66.js";import{a as e,c as r,o as a,f as p,s as h,b as n}from"./p-a5937ee9.js";import{O as d}from"./p-8c362857.js";import{t as c}from"./p-3c614740.js";import{f as l}from"./p-5d7d5695.js";const u=class{constructor(s){t(this,s),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(),s=l(this.root,this.for),i=o.includes(s);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||i||this.dismiss()}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=e(l(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const t=l(this.root,this.for);this.popupElement&&r(t,this.popupElement,{placement:this.position,middleware:[a(7),p(),h(),n({element:this.arrowElement,padding:16})]}).then((({x:t,y:o,middlewareData:s,placement:i})=>{Object.assign(this.popupElement.style,{left:`${t}px`,top:`${o}px`});const e={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];if(s.arrow){const{x:t,y:o}=s.arrow;this.popupElement.setAttribute("data-placement",i),Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=o?`${o}px`:"",right:"",bottom:"",[e]:"-6.5px",transform:"rotate(45deg)"})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){c(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 s("div",{ref:t=>this.popupElement=t,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},s("div",{ref:t=>this.arrowElement=t,class:"gux-arrow"}),this.displayDismissButton&&s("gux-dismiss-button",{onClick:this.dismiss.bind(this)}),s("div",{class:"gux-popover-content"},s("slot",null)))}get root(){return i(this)}};(function(t,o,s,i){var e,r=arguments.length,a=r<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,o,s,i);else for(var p=t.length-1;p>=0;p--)(e=t[p])&&(a=(r<3?e(a):r>3?e(o,s,a):e(o,s))||a);r>3&&a&&Object.defineProperty(o,s,a)})([d({triggerEvents:"mousedown"})],u.prototype,"checkForClickOutside",null),u.style=".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gux-zindex-popover, 2);display:inline-block;padding:8px 0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";export{u as gux_popover_list}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as i,h as o,g as s}from"./p-ed724d66.js";import{O as n}from"./p-8c362857.js";import{w as e}from"./p-8b703092.js";import{a}from"./p-ffaadf62.js";import{t as r}from"./p-
|
1
|
+
import{r as t,c as i,h as o,g as s}from"./p-ed724d66.js";import{O as n}from"./p-8c362857.js";import{w as e}from"./p-8b703092.js";import{a}from"./p-ffaadf62.js";import{t as r}from"./p-3c614740.js";import{b as c}from"./p-52e27c60.js";import"./p-0962dd7a.js";const u={moreOptions:"More options"},h=["primary","secondary","tertiary","danger"];function d(t){return h.find((i=>i===t))?t:"secondary"}const l=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.type="button",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.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":i.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.dropdownButton)&&(this.isOpen=!0,this.focusFirstItemInPopupList())}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(t){null===t.relatedTarget&&(this.isOpen=!1)}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){a((()=>{this.listElement.focus&&this.listElement.focus()}))}focusFirstItemInPopupList(){a((()=>{this.listElement.guxFocusFirstItem()}))}onActionClick(){this.disabled||(this.isOpen=!1,this.actionClick.emit())}onListClick(t){e("gux-list-item",t,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}async componentWillLoad(){r(this.root,{variant:this.type}),this.i18n=await c(this.root,u)}render(){return o("div",{class:"gux-action-button-container"},o("gux-popup",{expanded:this.isOpen,disabled:this.disabled,"exceed-target-width":!0},o("div",{slot:"target",class:"gux-action-button-container"},o("gux-button-slot",{class:"gux-action-button",accent:d(this.accent)},o("button",{type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},o("slot",{name:"title"}))),o("gux-button-slot",{class:"gux-dropdown-button",accent:d(this.accent)},o("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),"aria-label":this.i18n("moreOptions")},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),o("div",{class:"gux-list-container",slot:"popup"},o("gux-list",{onClick:t=>this.onListClick(t),ref:t=>this.listElement=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 r=t.length-1;r>=0;r--)(n=t[r])&&(a=(e<3?n(a):e>3?n(i,o,a):n(i,o))||a);e>3&&a&&Object.defineProperty(i,o,a)})([n({triggerEvents:"click"})],l.prototype,"onClickOutside",null),l.style=":host{display:block;-webkit-user-select:none;user-select:none}.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;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}.gux-action-button-container .gux-list-container{max-width:220px;padding:var(--gux-spacing-xs) 0;margin:0;list-style:none;background-color:var(--gse-ui-menu-wrapper-backgroundColor);border:1px solid var(--gse-ui-menu-wrapper-border);border-radius:4px;box-shadow:0 4px 6px 1px rgba(35, 57, 92, 0.12)}";export{l as gux_action_button}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as o,h as i,g as e}from"./p-ed724d66.js";import{t as r}from"./p-
|
1
|
+
import{r as o,h as i,g as e}from"./p-ed724d66.js";import{t as r}from"./p-3c614740.js";import{b as t}from"./p-52e27c60.js";import"./p-0962dd7a.js";const c={clickToCopy:"Click to Copy",enterToCopy:"Press Enter to Copy",copySuccess:"Copied to Clipboard",copyFailure:"Error. Please Try Again."},a=class{constructor(i){o(this,i),this.tooltipContent="clickToCopy"}onMouseleave(){this.resetTooltip()}onFocusout(){this.resetTooltip()}onFocus(){this.copyButton.matches(":focus-visible")&&(this.tooltipContent="enterToCopy")}resetTooltip(){this.tooltipContent="clickToCopy"}async onCopyToClipboard(){return navigator.clipboard.writeText(this.root.innerText).then((()=>{this.tooltipContent="copySuccess"})).catch((()=>{this.tooltipContent="copyFailure"}))}getIconName(o){switch(o){case"copyFailure":return"badge-x";case"copySuccess":return"badge-check"}}renderTooltipIcon(){const o=this.getIconName(this.tooltipContent);if(o)return i("gux-icon",{"icon-name":o,decorative:!0})}renderTooltip(){return i("gux-tooltip",{placement:"bottom-end"},i("div",{class:"gux-tooltip-content"},this.renderTooltipIcon(),i("span",null,this.i18n(this.tooltipContent))))}async componentWillLoad(){r(this.root),this.i18n=await t(this.root,c)}render(){return i("button",{class:"gux-copy-to-clipboard-wrapper",ref:o=>this.copyButton=o,onClick:this.onCopyToClipboard.bind(this)},i("div",{class:"gux-copy-content"},i("slot",{name:"content"}),i("gux-icon",{"icon-name":"copy",decorative:!0})),this.renderTooltip())}get root(){return e(this)}};a.style="button{all:unset}.gux-copy-to-clipboard-wrapper{display:inline-flex;align-items:center}.gux-copy-to-clipboard-wrapper .gux-copy-content{display:inherit;align-items:inherit;cursor:pointer}.gux-copy-to-clipboard-wrapper .gux-copy-content ::slotted(*){padding:var(--gse-ui-copyToClipboard-label-padding);font-family:var(--gse-ui-copyToClipboard-label-text-fontFamily);font-size:var(--gse-ui-copyToClipboard-label-text-fontSize);font-weight:var(--gse-ui-copyToClipboard-label-text-fontWeight);line-height:var(--gse-ui-copyToClipboard-label-text-lineHeight);color:var(--gse-ui-copyToClipboard-label-foregroundColor);text-decoration:var(--gse-ui-copyToClipboard-label-text-textDecoration);border-radius:var(--gse-ui-copyToClipboard-label-borderRadius)}.gux-copy-to-clipboard-wrapper .gux-copy-content:hover ::slotted(*){background-color:var(--gse-ui-copyToClipboard-label-active-backgroundColor)}.gux-copy-to-clipboard-wrapper .gux-copy-content:hover gux-icon[icon-name=copy]{visibility:visible}.gux-copy-to-clipboard-wrapper .gux-copy-content gux-icon[icon-name=copy]{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);padding:var(--gse-ui-copyToClipboard-iconContainer-padding);margin-left:var(--gse-ui-copyToClipboard-contentContainer-gap);visibility:hidden;background-color:var(--gse-ui-copyToClipboard-label-active-backgroundColor);border-radius:var(--gse-ui-copyToClipboard-label-borderRadius)}.gux-copy-to-clipboard-wrapper:focus-visible{outline:none}.gux-copy-to-clipboard-wrapper:focus-visible ::slotted(*){background-color:var(--gse-ui-copyToClipboard-label-active-backgroundColor)}.gux-copy-to-clipboard-wrapper:focus-visible gux-icon[icon-name=copy]{visibility:visible}.gux-copy-to-clipboard-wrapper gux-tooltip{display:inline-flex;align-items:center}.gux-copy-to-clipboard-wrapper gux-tooltip .gux-tooltip-content>*{vertical-align:middle}.gux-copy-to-clipboard-wrapper gux-tooltip gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);padding:var(--gse-ui-copyToClipboard-iconContainer-padding)}.gux-copy-to-clipboard-wrapper gux-tooltip gux-icon[icon-name=badge-check]{color:var(--gse-ui-copyToClipboard-tooltipIcon-success-foregroundColor)}.gux-copy-to-clipboard-wrapper gux-tooltip gux-icon[icon-name=badge-x]{color:var(--gse-ui-copyToClipboard-tooltipIcon-error-foregroundColor)}";export{a as gux_copy_to_clipboard}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as o,g as s}from"./p-ed724d66.js";import{t as r}from"./p-
|
1
|
+
import{r as t,h as o,g as s}from"./p-ed724d66.js";import{t as r}from"./p-3c614740.js";const n=class{constructor(o){t(this,o),this.singleOpenSection=!1}handleInternalsectionopened(t){t.stopImmediatePropagation(),this.singleOpenSection&&this.getAccordionSections().forEach((o=>{o!==t.target&&this.closeSection(o)}))}componentWillLoad(){this.singleOpenSection&&this.getAccordionSections().reduceRight(((t,o)=>(t&&this.closeSection(o),t||o.open)),!1),r(this.root)}getAccordionSections(){return Array.from(this.root.children)}closeSection(t){t.disabled||(t.open=!1)}render(){return o("slot",null)}get root(){return s(this)}};n.style="gux-accordion{-custom-noop:noop}";export{n as gux_accordion}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,c as t,f as n,h as s,g as o}from"./p-ed724d66.js";import{b as r}from"./p-52e27c60.js";import{t as a}from"./p-
|
1
|
+
import{r as e,c as t,f as n,h as s,g as o}from"./p-ed724d66.js";import{b as r}from"./p-52e27c60.js";import{t as a}from"./p-3c614740.js";import{g as c,s as i,a as h,b as l,c as u,d,e as p,f as m,h as g}from"./p-a285abaf.js";import"./p-0962dd7a.js";import"./p-7b08c759.js";import"./p-373c5d93.js";const x={search:"Search column",searchResults:"search results",selectedColumnCount:"{count}/{total} Columns Selected",selectAllColumnsScreenReader:"{count} of {total} columns selected: check checkbox to select all {total} columns",unselectAllColumnsScreenReader:"{count} of {total} columns selected: uncheck checkbox to unselect all {total} columns",movePositionPrompt:"Press space or enter to move the {columnName} column to position {newPositionNumber} from position {oldPositionNumber}.",reorderingModeActive:"Reordering mode active. Reposition the {columnName} column using the up arrow key, the down arrow key, the home key and the end key. Press Escape to deactivate reordering mode."},b=class{constructor(n){e(this,n),this.guxorderchange=t(this,"guxorderchange",7),this.highlightResults={matchCount:0,currentMatch:0},this.keyboardOrderChange=c()}watchKeyboardOrderChange(){i(this.root,this.keyboardOrderChange)}async componentWillLoad(){a(this.root),this.i18n=await r(this.root,x)}componentDidLoad(){h(this.root,this.mainCheckboxElement)}handleInternalorderchange(e){e.stopPropagation(),this.emitOrderChange(e.detail)}emitOrderChange(e){const{oldIndex:t,newIndex:n}=e;if(t!==n){const t=l(this.root,e);this.guxorderchange.emit(t)}}handleInternalkeyboardorderstart(e){e.stopPropagation();const t=e.detail,n=u(e.target);this.keyboardOrderChange={oldIndex:n,newIndex:n},this.announceElement.guxAnnounce(this.i18n("reorderingModeActive",{columnName:t}))}handleInternalkeyboardreordermove(e){e.stopPropagation();const{delta:t,column:n}=e.detail;this.keyboardOrderChange=d(this.root,this.keyboardOrderChange,t),this.announceElement.guxAnnounce(this.i18n("movePositionPrompt",{columnName:n,newPositionNumber:this.keyboardOrderChange.newIndex+1,oldPositionNumber:this.keyboardOrderChange.oldIndex+1}))}handleInternalkeyboarddoreorder(e){e.stopPropagation(),this.emitOrderChange(this.keyboardOrderChange),e.target.guxFocus()}handleInternalkeyboardorderfinish(e){e.stopPropagation(),this.keyboardOrderChange=c()}onSearchInput(){this.highlightResults=p(this.root,this.searchElement)}onGuxCurrentMatchChanged(e){this.highlightResults=p(this.root,this.searchElement,e.detail)}onMainCheckboxChange(){m(this.root,this.mainCheckboxElement.checked),n(this.root)}onListChange(){h(this.root,this.mainCheckboxElement),n(this.root)}onSlotChange(){this.onListChange()}renderSelectedColumnCount(){const{count:e,total:t}=g(this.root);return s("div",null,s("span",{"aria-hidden":"true"},this.i18n("selectedColumnCount",{count:e,total:t})),s("span",{class:"gux-sr-only"},s("span",null,": ",this.i18n(e===t?"unselectAllColumnsScreenReader":"selectAllColumnsScreenReader",{count:e,total:t}))))}render(){return s("div",{class:"gux-container"},s("div",{class:"gux-sr-only","aria-live":"polite"},`${this.highlightResults.matchCount} ${this.i18n("searchResults")}`),s("div",{class:"gux-search"},s("gux-content-search",{"match-count":this.highlightResults.matchCount,"current-match":this.highlightResults.currentMatch,onGuxcurrentmatchchanged:e=>this.onGuxCurrentMatchChanged(e)},s("input",{type:"search",placeholder:this.i18n("search"),onInput:()=>this.onSearchInput(),ref:e=>this.searchElement=e}))),s("div",{class:"gux-select"},s("gux-form-field-checkbox",null,s("input",{slot:"input",type:"checkbox",ref:e=>this.mainCheckboxElement=e,onChange:()=>this.onMainCheckboxChange()}),s("label",{slot:"label"},this.renderSelectedColumnCount()))),s("div",{class:"gux-list",onChange:()=>this.onListChange()},s("slot",{onSlotchange:()=>this.onSlotChange()})),s("gux-announce-beta",{ref:e=>this.announceElement=e}))}get root(){return o(this)}static get watchers(){return{keyboardOrderChange:["watchKeyboardOrderChange"]}}};b.style=".gux-container{width:320px;min-width:320px}.gux-container .gux-search gux-content-search{width:100%}.gux-container .gux-search gux-content-search input[type=search]::-webkit-search-decoration,.gux-container .gux-search gux-content-search input[type=search]::-webkit-search-cancel-button,.gux-container .gux-search gux-content-search input[type=search]::-webkit-search-results-button,.gux-container .gux-search gux-content-search input[type=search]::-webkit-search-results-decoration{display:none;-webkit-appearance:none}.gux-container .gux-select{padding:8px 0 8px 16px;margin:4px 0;color:#596373;background-color:#f6f7f9;border-radius:4px}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";export{b as gux_column_manager}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as s,H as o,g as r}from"./p-ed724d66.js";import{t as i}from"./p-
|
1
|
+
import{r as t,h as s,H as o,g as r}from"./p-ed724d66.js";import{t as i}from"./p-3c614740.js";import{D as e,g as a}from"./p-7a100b8c.js";import{g as h}from"./p-52e27c60.js";import"./p-0962dd7a.js";const n=class{constructor(s){t(this,s),this.datetime=(new Date).toISOString(),this.format="short",this.timeZone=void 0}componentWillLoad(){i(this.root),this.formatter=new e(h(this.root))}render(){return s(o,null,this.formatter.formatDate(new Date(this.datetime),this.format,{timeZone:a(this.timeZone)}))}get root(){return r(this)}};export{n as gux_date_beta}
|
@@ -1 +1 @@
|
|
1
|
-
const t="4.0.0-beta.
|
1
|
+
const t="4.0.0-beta.37",e=20,n=3e4,o=[function(t){const[e,n,...o]=t.split(".");return{name:"spark-library",metadata:{fullVersion:`${e}.${n}.${o.join(".")}`,majorVersion:e,minorVersion:`${e}.${n}`}}}(t)];function i(){const t=window.newrelic;if(t){for(let r=0;r<e;r++){if(0==o.length)return void setTimeout(i,n);const e=o.shift();t.addPageAction(e.name,Object.assign(Object.assign({},e.metadata),{queueDepth:o.length}))}setTimeout(i,n)}}let r=!1;function a(e,n){window.newrelic&&(r||(r=!0,i()),document.contains(e)&&o.push({name:"spark-component",metadata:Object.assign(Object.assign({},n),{component:e.tagName.toLowerCase(),version:t})}))}export{a as t}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as e,H as o,g as a}from"./p-ed724d66.js";import{t as n}from"./p-
|
1
|
+
import{r as t,h as e,H as o,g as a}from"./p-ed724d66.js";import{t as n}from"./p-3c614740.js";const i=class{constructor(e){t(this,e)}componentWillLoad(){n(this.root)}render(){return e(o,null,e("div",{class:"gux-header"},e("div",{class:"gux-icon"},e("slot",{name:"icon"})),e("div",{class:"gux-title"},e("slot",{name:"title"}))),e("div",{class:"gux-message"},e("slot",{name:"message"})),e("div",{class:"gux-action-buttons"},e("div",{class:"gux-positive-button"},e("slot",{name:"positive-button"})),e("div",{class:"gux-negative-button"},e("slot",{name:"negative-button"}))))}get root(){return a(this)}};i.style=":host{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:stretch;justify-content:flex-start;width:270px;padding:20px 24px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:flex-start;order:0;font-family:var(--gse-core-fontFamily-heading), var(--gse-core-fontFamily-body), sans-serif;font-size:var(--gse-core-fontSize-lg);font-weight:var(--gse-core-fontWeight-semiBold);line-height:var(--gse-lineHeight-md)}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:#1da8b3}.gux-header .gux-icon ::slotted(gux-icon){width:32px !important;height:32px !important}.gux-header .gux-title{flex:1 1 auto;align-self:auto;order:0;margin:0 0 0 8px}.gux-message{flex:0 1 auto;align-self:auto;order:0;margin:16px 0;font-family:var(--gse-core-fontFamily-body), sans-serif;font-weight:var(--gse-core-fontWeight-regular);font-size:var(--gse-core-fontSize-xs);line-height:var(--gse-core-lineHeight-xs)}.gux-message ::slotted(dl){display:flex;flex-direction:row;flex-wrap:wrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;align-self:auto;justify-content:space-between;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;align-self:auto;justify-content:space-between;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}";export{i as gux_action_toast_legacy}
|
@@ -1 +1 @@
|
|
1
|
-
import{r,h as e,g as i}from"./p-ed724d66.js";import{b as o}from"./p-52e27c60.js";import{t as a}from"./p-
|
1
|
+
import{r,h as e,g as i}from"./p-ed724d66.js";import{b as o}from"./p-52e27c60.js";import{t as a}from"./p-3c614740.js";import"./p-0962dd7a.js";const t={info:"Information alert with message",success:"Success alert with message",warning:"Warning alert with message",error:"Error alert with message"},s=class{constructor(e){r(this,e),this.accent="info"}getIcon(r){switch(r){case"info":default:return"fa/circle-info-solid";case"success":return"fa/circle-check-solid";case"warning":return"fa/triangle-exclamation-solid";case"error":return"fa/hexagon-exclamation-solid"}}async componentWillLoad(){a(this.root,{variant:this.accent}),this.i18n=await o(this.root,t)}render(){return e("div",{class:{"gux-inline-alert":!0,[`gux-${this.accent}`]:!0}},e("gux-icon",{"icon-name":this.getIcon(this.accent),decorative:!0}),e("div",{class:"gux-message-wrapper"},e("div",{class:"gux-sr-only"},this.i18n(this.accent)),e("slot",null)))}get root(){return i(this)}};s.style=":host{display:block}.gux-inline-alert{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-alert-gap);align-items:center;justify-content:flex-start;padding:var(--gse-ui-alert-padding);border:1px solid;border-radius:var(--gse-ui-alert-borderRadius)}.gux-inline-alert gux-icon{flex-shrink:0;align-self:flex-start;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);margin-top:1px}.gux-inline-alert gux-tooltip-title{white-space:nowrap}.gux-inline-alert .gux-message-wrapper{display:flex;gap:var(--gse-ui-alert-gap);align-items:center;justify-content:flex-start;font-family:var(--gse-ui-alert-text-fontFamily);font-size:var(--gse-ui-alert-text-fontSize);font-weight:var(--gse-ui-alert-text-fontWeight);line-height:var(--gse-ui-alert-text-lineHeight)}.gux-inline-alert .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-inline-alert.gux-info{color:var(--gse-ui-alert-info-foregroundColor);background-color:var(--gse-ui-alert-info-backgroundColor);border:var(--gse-ui-alert-info-border-width) var(--gse-ui-alert-info-border-style) var(--gse-ui-alert-info-border-color)}.gux-inline-alert.gux-info gux-icon{color:var(--gse-ui-alert-info-iconColor)}.gux-inline-alert.gux-error{color:var(--gse-ui-alert-error-foregroundColor);background-color:var(--gse-ui-alert-error-backgroundColor);border:var(--gse-ui-alert-error-border-width) var(--gse-ui-alert-error-border-style) var(--gse-ui-alert-error-border-color)}.gux-inline-alert.gux-error gux-icon{color:var(--gse-ui-alert-error-iconColor)}.gux-inline-alert.gux-warning{color:var(--gse-ui-alert-warning-foregroundColor);background-color:var(--gse-ui-alert-warning-backgroundColor);border:var(--gse-ui-alert-warning-border-width) var(--gse-ui-alert-warning-border-style) var(--gse-ui-alert-warning-border-color)}.gux-inline-alert.gux-warning gux-icon{color:var(--gse-ui-alert-warning-iconColor)}.gux-inline-alert.gux-success{color:var(--gse-ui-alert-success-foregroundColor);background-color:var(--gse-ui-alert-success-backgroundColor);border:var(--gse-ui-alert-success-border-width) var(--gse-ui-alert-success-border-style) var(--gse-ui-alert-success-border-color)}.gux-inline-alert.gux-success gux-icon{color:var(--gse-ui-alert-success-iconColor)}";export{s as gux_inline_alert}
|
@@ -1 +1 @@
|
|
1
|
-
import{a as t,r as i,h as e,g as s}from"./p-ed724d66.js";import{t as r}from"./p-
|
1
|
+
import{a as t,r as i,h as e,g as s}from"./p-ed724d66.js";import{t as r}from"./p-3c614740.js";import{l as n}from"./p-9d734bbd.js";const a=new Map;async function o(i="unknown"){const e=function(t){return t.replace("/","-")}(i);if(a.has(e))return a.get(e);const s=async function(i){const e=await fetch(t(`./icons/${i}.svg`));if(200===e.status)return e.text();throw new Error(`[gux-icon] fetching failed for icon "${i}" with status "${e.statusText} (${e.status})".`)}(i).then((t=>t)).catch((t=>(setTimeout((()=>{throw t}),0),o("unknown"))));return a.set(e,s),s}const h=class{constructor(t){i(this,t),this.iconName=void 0,this.decorative=!1,this.screenreaderText="",this.svgHtml=void 0}async prepIcon(t){this.baseSvgHtml=await o(t),this.svgHtml=this.getSvgWithAriaAttributes(this.baseSvgHtml)}watchDecorative(t){this.validateProps(t,this.screenreaderText),this.svgHtml=this.getSvgWithAriaAttributes(this.baseSvgHtml)}watchScreenreaderText(t){this.validateProps(this.decorative,t),this.svgHtml=this.getSvgWithAriaAttributes(this.baseSvgHtml)}async componentWillLoad(){r(this.root,{variant:this.iconName}),await this.prepIcon(this.iconName)}componentDidLoad(){this.validateProps(this.decorative,this.screenreaderText)}validateProps(t,i){this.root.isConnected&&(t||i||n(this.root,"No screenreader-text provided. Either provide a localized screenreader-text property or set `decorative` to true."))}getSvgWithAriaAttributes(t){const i=(new DOMParser).parseFromString(t,"image/svg+xml").firstChild;return i.setAttribute("aria-hidden",this.decorative?String(this.decorative):"false"),this.screenreaderText?i.setAttribute("aria-label",this.screenreaderText):i.removeAttribute("aria-label"),i.outerHTML}render(){return this.svgHtml&&e("div",{class:"gux-icon-container",innerHTML:this.svgHtml})}static get assetsDirs(){return["icons"]}get root(){return s(this)}static get watchers(){return{iconName:["prepIcon"],decorative:["watchDecorative"],screenreaderText:["watchScreenreaderText"]}}};h.style=":host{display:inline-flex;width:1em;height:1em}.gux-icon-container{display:flex;align-items:center;justify-content:center;width:100%}.gux-icon-container svg{width:100%;max-width:100%;height:100%;max-height:100%;fill:currentcolor}";export{h as gux_icon}
|
@@ -1 +1 @@
|
|
1
|
-
import{h as r,r as a,g as e}from"./p-ed724d66.js";import{b as s}from"./p-52e27c60.js";import{t}from"./p-
|
1
|
+
import{h as r,r as a,g as e}from"./p-ed724d66.js";import{b as s}from"./p-52e27c60.js";import{t}from"./p-3c614740.js";import"./p-0962dd7a.js";const o=({context:a="modal",screenreaderText:e})=>{let s=48,t=22;return"input"===a&&(s=16,t=7),r("div",{class:`gux-${a}`,role:"progressbar","aria-label":e},r("svg",{class:"gux-svg-container",viewBox:`0 0 ${s} ${s}`,role:"presentation"},r("circle",{cx:"50%",cy:"50%",r:t,class:"gux-static-circle"}),r("circle",{cx:"50%",cy:"50%",r:t,class:"gux-dynamic-circle","stroke-linecap":"round"}),r("circle",{cx:"50%",cy:"50%",r:t,class:"gux-dynamic-circle-mask","stroke-linecap":"round"})))},n={loading:"Loading"},i=class{constructor(r){a(this,r),this.context="modal",this.screenreaderText=""}async componentWillLoad(){t(this.root,{variant:this.context}),this.getI18nValue=await s(this.root,n)}render(){return r(o,{context:this.context,screenreaderText:this.screenreaderText||this.getI18nValue("loading")})}get root(){return e(this)}};i.style="@keyframes largeSpin{0%{stroke-dasharray:1 68.115038379;transform:rotate(0deg)}7.5%{stroke-dasharray:1 68.115038379;transform:rotate(0deg)}20%{stroke-dasharray:1 68.115038379;transform:rotate(90deg)}30%{stroke-dasharray:34.5575191895;transform:rotate(180deg)}40%{stroke-dasharray:34.5575191895}50%{stroke-dasharray:1 68.115038379;transform:rotate(450deg)}57.5%{stroke-dasharray:1 68.115038379;transform:rotate(450deg)}70%{stroke-dasharray:34.5575191895;transform:rotate(540deg)}80%{stroke-dasharray:34.5575191895;transform:rotate(630deg)}90%{stroke-dasharray:34.5575191895}100%{stroke-dasharray:1 68.115038379;transform:rotate(900deg)}}@keyframes smallSpin{0%{stroke-dasharray:1 20.9911485751;transform:rotate(0deg)}7.5%{stroke-dasharray:1 20.9911485751;transform:rotate(0deg)}20%{stroke-dasharray:1 20.9911485751;transform:rotate(90deg)}30%{stroke-dasharray:10.9955742876;transform:rotate(180deg)}40%{stroke-dasharray:10.9955742876}50%{stroke-dasharray:1 20.9911485751;transform:rotate(450deg)}57.5%{stroke-dasharray:1 20.9911485751;transform:rotate(450deg)}70%{stroke-dasharray:10.9955742876;transform:rotate(540deg)}80%{stroke-dasharray:10.9955742876;transform:rotate(630deg)}90%{stroke-dasharray:10.9955742876}100%{stroke-dasharray:1 20.9911485751;transform:rotate(900deg)}}@keyframes largeThinSpin{0%{stroke-dasharray:1 72.8274273594;transform:rotate(0deg)}7.5%{stroke-dasharray:1 72.8274273594;transform:rotate(0deg)}20%{stroke-dasharray:1 72.8274273594;transform:rotate(90deg)}30%{stroke-dasharray:36.9137136797;transform:rotate(180deg)}40%{stroke-dasharray:36.9137136797}50%{stroke-dasharray:1 72.8274273594;transform:rotate(450deg)}57.5%{stroke-dasharray:1 72.8274273594;transform:rotate(450deg)}70%{stroke-dasharray:36.9137136797;transform:rotate(540deg)}80%{stroke-dasharray:36.9137136797;transform:rotate(630deg)}90%{stroke-dasharray:36.9137136797}100%{stroke-dasharray:1 72.8274273594;transform:rotate(900deg)}}:host{display:inline-block}div[role=progressbar] .gux-svg-container{display:block;width:var(--gse-ui-progressAndLoading-spinner-large);height:var(--gse-ui-progressAndLoading-spinner-large)}div[role=progressbar] .gux-svg-container .gux-dynamic-circle,div[role=progressbar] .gux-svg-container .gux-dynamic-circle-mask{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-foreground);stroke-width:4;transform-origin:50% 50%;animation-name:largeSpin;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite, infinite}div[role=progressbar] .gux-svg-container .gux-dynamic-circle-mask{display:none;stroke:white;stroke-width:3}div[role=progressbar] .gux-svg-container .gux-static-circle{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-base);stroke-width:4}div[role=progressbar].gux-full-page .gux-svg-container .gux-dynamic-circle-mask{display:initial}div[role=progressbar].gux-full-page .gux-svg-container .gux-static-circle{display:none}div[role=progressbar].gux-input .gux-svg-container{width:var(--gse-ui-progressAndLoading-spinner-small);height:var(--gse-ui-progressAndLoading-spinner-small)}div[role=progressbar].gux-input .gux-svg-container .gux-dynamic-circle{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-foreground);stroke-width:2;transform-origin:50% 50%;animation-name:smallSpin;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite, infinite}div[role=progressbar].gux-input .gux-svg-container .gux-static-circle{stroke:var(--gse-ui-progressAndLoading-spinner-base);stroke-width:2}";export{i as gux_radial_loading}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,h as s,H as i,g as o}from"./p-ed724d66.js";import{s as h}from"./p-373c5d93.js";import{t as r}from"./p-
|
1
|
+
import{r as t,h as s,H as i,g as o}from"./p-ed724d66.js";import{s as h}from"./p-373c5d93.js";import{t as r}from"./p-3c614740.js";const e=class{constructor(s){t(this,s),this.value=void 0,this.layout="default",this.switchItems=[]}onClick(t){t.stopPropagation();const s=t.target.closest("gux-switch-item");s&&this.value!==s.value&&(this.value=s.value,h(this.root,"input"),h(this.root,"change"))}slotChanged(){this.switchItems=Array.from(this.root.children)}componentWillLoad(){r(this.root,{variant:this.layout})}componentWillRender(){this.switchItems.forEach((t=>{t.selected=t.value===this.value}))}render(){return s(i,{role:"group",class:`gux-${this.layout}`},s("slot",{onSlotchange:this.slotChanged.bind(this)}))}get root(){return o(this)}};e.style=":host{display:flex;align-items:flex-end}";export{e as gux_switch_legacy}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,h as n,g as a}from"./p-ed724d66.js";import{t as g}from"./p-
|
1
|
+
import{r as e,h as n,g as a}from"./p-ed724d66.js";import{t as g}from"./p-3c614740.js";const i=class{constructor(n){e(this,n)}componentWillLoad(){g(this.root)}render(){return n("div",{class:"gux-container",role:"alert","aria-live":"assertive"},n("div",{class:"gux-progress"},n("slot",{name:"progress"})),n("div",{class:"gux-primary-message"},n("slot",{name:"primary-message"})),n("div",{class:"gux-additional-guidance"},n("slot",{name:"additional-guidance"})))}get root(){return a(this)}};i.style="/**\n * @prop --gse-progressAndLoading-loadingState-large-header-fontFamily\n * @prop --gse-progressAndLoading-loadingState-large-header-fontWeight\n * @prop --gse-progressAndLoading-loadingState-large-header-lineHeight\n * @prop --gse-progressAndLoading-loadingState-large-header-fontSize\n * @prop --gse-progressAndLoading-loadingState-large-subheader-fontFamily\n * @prop --gse-progressAndLoading-loadingState-large-subheader-fontWeight\n * @prop --gse-progressAndLoading-loadingState-large-subheader-lineHeight\n * @prop --gse-progressAndLoading-loadingState-large-subheader-fontSize\n * @prop --gse-progressAndLoading-loadingState-large-width : TODO https://inindca.atlassian.net/browse/COMUI-2264\n * @prop --gse-progressAndLoading-loadingState-medium-header-fontFamily\n * @prop --gse-progressAndLoading-loadingState-medium-header-fontWeight\n * @prop --gse-progressAndLoading-loadingState-medium-header-lineHeight\n * @prop --gse-progressAndLoading-loadingState-medium-header-fontSize\n * @prop --gse-progressAndLoading-loadingState-medium-subheader-fontFamily\n * @prop --gse-progressAndLoading-loadingState-medium-subheader-fontWeight\n * @prop --gse-progressAndLoading-loadingState-medium-subheader-lineHeight\n * @prop --gse-progressAndLoading-loadingState-medium-subheader-fontSize\n * @prop --gse-progressAndLoading-loadingState-medium-width\n * @prop --gse-progressAndLoading-loadingState-small-header-fontFamily\n * @prop --gse-progressAndLoading-loadingState-small-header-fontWeight\n * @prop --gse-progressAndLoading-loadingState-small-header-lineHeight\n * @prop --gse-progressAndLoading-loadingState-small-header-fontSize\n * @prop --gse-progressAndLoading-loadingState-small-subheader-fontFamily\n * @prop --gse-progressAndLoading-loadingState-small-subheader-fontWeight\n * @prop --gse-progressAndLoading-loadingState-small-subheader-lineHeight\n * @prop --gse-progressAndLoading-loadingState-small-subheader-fontSize\n * @prop --gse-progressAndLoading-loadingState-small-width\n * @prop --gse-progressAndLoading-large-gap\n * @prop --gse-progressAndLoading-large-gapText\n * @prop --gse-progressAndLoading-pageLoading-gap\n * @prop --gse-progressAndLoading-medium-gap\n * @prop --gse-progressAndLoading-medium-gapText\n * @prop --gse-progressAndLoading-small-gap\n * @prop --gse-progressAndLoading-small-gapText\n * @prop --gse-ui-progressAndLoading-textColor\n */\n:host {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n container-type: inline-size;\n}\n\n.gux-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n color: var(--gse-ui-progressAndLoading-textColor);\n text-align: center;\n}\n\n@container (width > 400px) {\n .gux-container .gux-primary-message {\n margin-top: var(--gse-ui-progressAndLoading-large-gap);\n font-family: var(--gse-ui-progressAndLoading-loadingState-large-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-large-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-large-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-large-header-lineHeight);\n }\n .gux-container .gux-additional-guidance {\n margin-top: var(--gse-ui-progressAndLoading-large-gapText);\n font-family: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-large-subheader-lineHeight);\n }\n}\n@container (width > 200px) and (width <=400px) {\n .gux-container .gux-primary-message {\n margin-top: var(--gse-ui-progressAndLoading-medium-gap);\n font-family: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-medium-header-lineHeight);\n }\n .gux-container .gux-additional-guidance {\n margin-top: var(--gse-ui-progressAndLoading-medium-gapText);\n font-family: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-lineHeight);\n }\n}\n@container (width <=200px) {\n .gux-container .gux-primary-message {\n margin-top: var(--gse-ui-progressAndLoading-small-gap);\n font-family: var(--gse-ui-progressAndLoading-loadingState-small-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-small-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-small-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-small-header-lineHeight);\n }\n .gux-container .gux-additional-guidance {\n margin-top: var(--gse-ui-progressAndLoading-small-gapText);\n font-family: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-small-subheader-lineHeight);\n }\n}";export{i as gux_loading_message}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as e,h as i,g as r}from"./p-ed724d66.js";import{a as s,c as a,o as n,f as o}from"./p-a5937ee9.js";import{r as u}from"./p-3ea0d493.js";import{a as d}from"./p-ffaadf62.js";import{f as c,a as l,b as h,c as p}from"./p-533d7842.js";import{O as g}from"./p-8c362857.js";import{t as f}from"./p-c57cd1d8.js";import{b as x}from"./p-52e27c60.js";import"./p-0962dd7a.js";const k={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function b(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function m(t,e){const i=new Date(e.valueOf()),r=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(r),i.setFullYear(e.getFullYear()),i.getMonth()!==r?m(t,b(-1,e)):i}function v(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function y(t){return t.match(/\W/)[0]}function w(t){const e=y(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function C(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const D=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.isSelectingRangeWithMouse=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=u("gux-datepicker"),this.endInputId=u("gux-datepicker"),this.value=void 0,this.label="",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.minDate="",this.maxDate="",this.mode="single",this.format="mm/dd/yyyy",this.disabled=!1,this.labelPosition="beside",this.formattedValue="",this.minDateDate=void 0,this.maxDateDate=void 0,this.toFormattedValue="",this.active=!1}watchValue(){this.updateDate()}watchMinDate(t){this.minDateDate=t?c(t):null}watchMaxDate(t){this.maxDateDate=t?c(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=w(t),this.lastIntervalRange=this.initialIntervalRange}watchActiveCalendar(t){if(!0===t){const t=c(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isInputFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":break;case"ArrowDown":t.preventDefault(),this.increment(-1),this.setCursorRange();break;case"ArrowUp":t.preventDefault(),this.increment(1),this.setCursorRange();break;case"ArrowLeft":{t.preventDefault();const e=function(t,e){const i=w(t),r=v(t,e.selectionStart),s=i.indexOf(r);return C(t,i[(s+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=w(t),r=v(t,e.selectionStart),s=i.indexOf(r);return C(t,i[(s+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}default:t.preventDefault(),this.isSelectingRangeWithMouse||(this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(t),this.setCursorRange())}else switch(t.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");d((()=>{t.focus()}));break}case"Tab":this.active&&(this.active=!1)}}onMouseDown(t){this.isInputFieldEvent(t)&&(this.isSelectingRangeWithMouse=!0);const e=t.composedPath(),i=e.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every((t=>!e.includes(t)))&&(this.active=i)}onClickOutside(){this.active=!1}onInputFocusIn(t){this.focusedField=this.getInputFieldFromEvent(t),this.isSelectingRangeWithMouse||d((()=>this.setRange()))}onInputFocusOut(){this.lastIntervalRange=this.initialIntervalRange}onInputMouseUp(t){t.preventDefault(),this.lastIntervalRange=C(this.format,v(this.format,this.focusedField.selectionStart)),this.setRange(),this.isSelectingRangeWithMouse=!1}isInputFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}get initialIntervalRange(){return C(this.format,v(this.format,0))}getInputFieldFromEvent(t){return t.composedPath()[0]}updateIntervalValue(t){const e=parseInt(t.key,10);if(!isNaN(e)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);"y"===v(this.format,this.focusedField.selectionStart)&&"yyyy"===this.yearFormat?this.typeYearValue(i,t.key):this.canSetDate(e)?(this.updateSelection(this.focusedField,`${i[1]}${t.key}`),this.setValue()):(this.updateSelection(this.focusedField,`0${t.key}`.replace("00","01")),this.setValue())}}updateSelection(t,e){t.value=t.value.substr(0,this.intervalRange.selectionStart)+e+t.value.substr(this.intervalRange.selectionEnd)}getCalendarLabels(){return function(t,e,i){const r=t.split(",").map((t=>t.trim()));return"range"===e?[r[0]||i[0],r[1]||i[1]]:"range"===e||r[0]?[r[0]]:[i[2]]}(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(t){const e=y(this.format),i=this.format.toLowerCase().split(e),r=t.split(e),s=parseInt(r[i.indexOf(this.yearFormat)],10),a=parseInt(r[i.indexOf("mm")],10)-1,n=parseInt(r[i.indexOf("dd")],10),o=new Date(s,a,n);return"yy"===this.yearFormat&&o.getFullYear()<1970&&this.lastYear>1970&&o.setFullYear(o.getFullYear()+100),o}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formattedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormattedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=l(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=h(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(t,e){" "!==t[0]?this.updateSelection(this.focusedField,` ${e}`):(this.updateSelection(this.focusedField,`${t.substr(1)}${e}`),(t.substr(1)+e).includes(" ")||this.setValue())}canSetDate(t){const e=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),t].join(""),10);if(e)switch(v(this.format,this.focusedField.selectionStart)){case"d":{const t=c(this.value);if(e<=new Date(t.getFullYear(),t.getMonth()+1,0).getDate())return!0;break}case"m":if(e<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(t){const e={dd:`0${t.getDate()}`.slice(-2),mm:`0${t.getMonth()+1}`.slice(-2)};return"yyyy"===this.yearFormat?e.yyyy=t.getFullYear().toString():e.yy=t.getFullYear().toString().slice(-2),{map:e,regexp:new RegExp(Object.keys(e).join("|"),"gi")}}updateDate(){if("range"===this.mode){const[t,e]=p(this.value),{map:i,regexp:r}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(r,(t=>i[t]));const{map:s,regexp:a}=this.getMapAndRegexFromField(e);this.toFormattedValue=this.format.replace(a,(t=>s[t]))}else{const t=c(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&(this.focusedField.setSelectionRange(0,100),this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd))}toggleCalendar(){this.active=!this.active,this.active&&d((()=>{this.calendarElement.focusPreviewDate()}))}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return c(this.value)}getRangeFocusedDateValue(){const[t,e]=p(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=v(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let r;switch(e){case"d":r=b(t,i);break;case"m":r=m(t,i);break;case"y":r=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var s,a,n;s=r,a=this.minDateDate,((n=this.maxDateDate)&&n<s||a&&a>s)&&(r=i),this.lastYear=r.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=y(e),r=e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i);return r}(r,this.format),this.setValue()}async componentWillLoad(){if(f(this.root,{variant:this.mode}),this.i18n=await x(this.root,k),this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?l(t,t):h(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}this.updateDate()}runUpdatePosition(){this.cleanupUpdatePosition=s(this.datepickerElement,this.calendarElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){a(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[n({crossAxis:-3}),o({fallbackStrategy:"initialPlacement"})]}).then((({x:t,y:e})=>{Object.assign(this.calendarElement.style,{left:`${t}px`,top:`${e}px`})}))}componentDidUpdate(){this.active?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"calendar"}))}renderCalendar(){return i("gux-calendar",{tabIndex:-1,ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onCalendarSelect:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths,startDayOfWeek:this.startDayOfWeek})}renderStartDateField(){return i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",onClick:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),ref:t=>this.inputElement=t,value:this.formattedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,onMouseUp:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),value:this.toFormattedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return r(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,r){var s,a=arguments.length,n=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var o=t.length-1;o>=0;o--)(s=t[o])&&(n=(a<3?s(n):a>3?s(e,i,n):s(e,i))||n);a>3&&n&&Object.defineProperty(e,i,n)})([g({triggerEvents:"mousedown"})],D.prototype,"onClickOutside",null),D.style=":host{display:block}.gux-datepicker{display:inline-block}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:var(--gse-ui-datePicker-disabled-opacity)}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-left:20px}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-top:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-right:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-right:var(--gse-ui-formControl-label-gap);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);align-content:stretch;align-items:center;justify-content:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;width:var(--gse-ui-calendarMenu-day-input-width);overflow:hidden;color:var(--gse-ui-formControl-input-populatedColor);border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);background:transparent;border:none;border-radius:var(--gse-ui-actionButton-borderRadius);outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gux-zindex-popup, 1);display:none}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{D as gux_datepicker}
|
1
|
+
import{r as t,c as e,h as i,g as r}from"./p-ed724d66.js";import{a as s,c as a,o as n,f as o}from"./p-a5937ee9.js";import{r as u}from"./p-3ea0d493.js";import{a as d}from"./p-ffaadf62.js";import{f as c,a as l,b as h,c as p}from"./p-533d7842.js";import{O as g}from"./p-8c362857.js";import{t as f}from"./p-3c614740.js";import{b as x}from"./p-52e27c60.js";import"./p-0962dd7a.js";const k={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function b(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function m(t,e){const i=new Date(e.valueOf()),r=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(r),i.setFullYear(e.getFullYear()),i.getMonth()!==r?m(t,b(-1,e)):i}function v(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function y(t){return t.match(/\W/)[0]}function w(t){const e=y(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function C(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const D=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.isSelectingRangeWithMouse=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=u("gux-datepicker"),this.endInputId=u("gux-datepicker"),this.value=void 0,this.label="",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.minDate="",this.maxDate="",this.mode="single",this.format="mm/dd/yyyy",this.disabled=!1,this.labelPosition="beside",this.formattedValue="",this.minDateDate=void 0,this.maxDateDate=void 0,this.toFormattedValue="",this.active=!1}watchValue(){this.updateDate()}watchMinDate(t){this.minDateDate=t?c(t):null}watchMaxDate(t){this.maxDateDate=t?c(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=w(t),this.lastIntervalRange=this.initialIntervalRange}watchActiveCalendar(t){if(!0===t){const t=c(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isInputFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":break;case"ArrowDown":t.preventDefault(),this.increment(-1),this.setCursorRange();break;case"ArrowUp":t.preventDefault(),this.increment(1),this.setCursorRange();break;case"ArrowLeft":{t.preventDefault();const e=function(t,e){const i=w(t),r=v(t,e.selectionStart),s=i.indexOf(r);return C(t,i[(s+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=w(t),r=v(t,e.selectionStart),s=i.indexOf(r);return C(t,i[(s+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}default:t.preventDefault(),this.isSelectingRangeWithMouse||(this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(t),this.setCursorRange())}else switch(t.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");d((()=>{t.focus()}));break}case"Tab":this.active&&(this.active=!1)}}onMouseDown(t){this.isInputFieldEvent(t)&&(this.isSelectingRangeWithMouse=!0);const e=t.composedPath(),i=e.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every((t=>!e.includes(t)))&&(this.active=i)}onClickOutside(){this.active=!1}onInputFocusIn(t){this.focusedField=this.getInputFieldFromEvent(t),this.isSelectingRangeWithMouse||d((()=>this.setRange()))}onInputFocusOut(){this.lastIntervalRange=this.initialIntervalRange}onInputMouseUp(t){t.preventDefault(),this.lastIntervalRange=C(this.format,v(this.format,this.focusedField.selectionStart)),this.setRange(),this.isSelectingRangeWithMouse=!1}isInputFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}get initialIntervalRange(){return C(this.format,v(this.format,0))}getInputFieldFromEvent(t){return t.composedPath()[0]}updateIntervalValue(t){const e=parseInt(t.key,10);if(!isNaN(e)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);"y"===v(this.format,this.focusedField.selectionStart)&&"yyyy"===this.yearFormat?this.typeYearValue(i,t.key):this.canSetDate(e)?(this.updateSelection(this.focusedField,`${i[1]}${t.key}`),this.setValue()):(this.updateSelection(this.focusedField,`0${t.key}`.replace("00","01")),this.setValue())}}updateSelection(t,e){t.value=t.value.substr(0,this.intervalRange.selectionStart)+e+t.value.substr(this.intervalRange.selectionEnd)}getCalendarLabels(){return function(t,e,i){const r=t.split(",").map((t=>t.trim()));return"range"===e?[r[0]||i[0],r[1]||i[1]]:"range"===e||r[0]?[r[0]]:[i[2]]}(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(t){const e=y(this.format),i=this.format.toLowerCase().split(e),r=t.split(e),s=parseInt(r[i.indexOf(this.yearFormat)],10),a=parseInt(r[i.indexOf("mm")],10)-1,n=parseInt(r[i.indexOf("dd")],10),o=new Date(s,a,n);return"yy"===this.yearFormat&&o.getFullYear()<1970&&this.lastYear>1970&&o.setFullYear(o.getFullYear()+100),o}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formattedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormattedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=l(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=h(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(t,e){" "!==t[0]?this.updateSelection(this.focusedField,` ${e}`):(this.updateSelection(this.focusedField,`${t.substr(1)}${e}`),(t.substr(1)+e).includes(" ")||this.setValue())}canSetDate(t){const e=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),t].join(""),10);if(e)switch(v(this.format,this.focusedField.selectionStart)){case"d":{const t=c(this.value);if(e<=new Date(t.getFullYear(),t.getMonth()+1,0).getDate())return!0;break}case"m":if(e<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(t){const e={dd:`0${t.getDate()}`.slice(-2),mm:`0${t.getMonth()+1}`.slice(-2)};return"yyyy"===this.yearFormat?e.yyyy=t.getFullYear().toString():e.yy=t.getFullYear().toString().slice(-2),{map:e,regexp:new RegExp(Object.keys(e).join("|"),"gi")}}updateDate(){if("range"===this.mode){const[t,e]=p(this.value),{map:i,regexp:r}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(r,(t=>i[t]));const{map:s,regexp:a}=this.getMapAndRegexFromField(e);this.toFormattedValue=this.format.replace(a,(t=>s[t]))}else{const t=c(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&(this.focusedField.setSelectionRange(0,100),this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd))}toggleCalendar(){this.active=!this.active,this.active&&d((()=>{this.calendarElement.focusPreviewDate()}))}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return c(this.value)}getRangeFocusedDateValue(){const[t,e]=p(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=v(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let r;switch(e){case"d":r=b(t,i);break;case"m":r=m(t,i);break;case"y":r=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var s,a,n;s=r,a=this.minDateDate,((n=this.maxDateDate)&&n<s||a&&a>s)&&(r=i),this.lastYear=r.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=y(e),r=e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i);return r}(r,this.format),this.setValue()}async componentWillLoad(){if(f(this.root,{variant:this.mode}),this.i18n=await x(this.root,k),this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?l(t,t):h(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}this.updateDate()}runUpdatePosition(){this.cleanupUpdatePosition=s(this.datepickerElement,this.calendarElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){a(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[n({crossAxis:-3}),o({fallbackStrategy:"initialPlacement"})]}).then((({x:t,y:e})=>{Object.assign(this.calendarElement.style,{left:`${t}px`,top:`${e}px`})}))}componentDidUpdate(){this.active?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"calendar"}))}renderCalendar(){return i("gux-calendar",{tabIndex:-1,ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onCalendarSelect:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths,startDayOfWeek:this.startDayOfWeek})}renderStartDateField(){return i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",onClick:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),ref:t=>this.inputElement=t,value:this.formattedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,onMouseUp:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),value:this.toFormattedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return r(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,r){var s,a=arguments.length,n=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var o=t.length-1;o>=0;o--)(s=t[o])&&(n=(a<3?s(n):a>3?s(e,i,n):s(e,i))||n);a>3&&n&&Object.defineProperty(e,i,n)})([g({triggerEvents:"mousedown"})],D.prototype,"onClickOutside",null),D.style=":host{display:block}.gux-datepicker{display:inline-block}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:var(--gse-ui-datePicker-disabled-opacity)}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-left:20px}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-top:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-right:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-right:var(--gse-ui-formControl-label-gap);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);align-content:stretch;align-items:center;justify-content:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;width:var(--gse-ui-calendarMenu-day-input-width);overflow:hidden;color:var(--gse-ui-formControl-input-populatedColor);border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);background:transparent;border:none;border-radius:var(--gse-ui-actionButton-borderRadius);outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gux-zindex-popup, 1);display:none}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{D as gux_datepicker}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as o,h as a,g as e}from"./p-ed724d66.js";import{b as g}from"./p-52e27c60.js";import{t as r}from"./p-
|
1
|
+
import{r as t,c as o,h as a,g as e}from"./p-ed724d66.js";import{b as g}from"./p-52e27c60.js";import{t as r}from"./p-3c614740.js";import"./p-0962dd7a.js";const i={tag:"tag with label: {label}","tag-disabled":"disabled tag with label: {label}","remove-tag":"Remove tag with label: {label}"},n=class{constructor(a){t(this,a),this.guxdelete=o(this,"guxdelete",7),this.value=void 0,this.accent="default",this.disabled=!1,this.removable=!1,this.label=void 0}onKeyDown(t){switch(t.key){case"Backspace":case"Delete":this.removeTag()}}removeTag(){!this.disabled&&this.removable&&this.guxdelete.emit(this.value)}onSlotChange(t){const o=t.composedPath()[0].assignedNodes();this.label=o.map((t=>t.textContent)).join("")}renderTagTitle(){return a("gux-tooltip-title",null,a("span",null,a("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return a("div",{class:"gux-sr-only"},this.i18n(this.disabled?"tag-disabled":"tag",{label:this.label}))}renderRemoveButton(){if(this.removable)return a("button",{class:"gux-tag-remove-button",onClick:this.removeTag.bind(this),type:"button",disabled:this.disabled},a("gux-icon",{class:"gux-tag-remove-icon","icon-name":"close","screenreader-text":this.i18n("remove-tag",{label:this.label})}))}componentWillLoad(){r(this.root,{variant:this.removable?"removable":"permenant"})}async componentWillRender(){this.i18n=await g(this.root,i)}render(){return a("div",{class:{"gux-tag":!0,[`gux-accent-${this.accent}`]:!0,"gux-disabled":this.disabled},"aria-disabled":this.disabled.toString()},this.renderTagTitle(),this.renderSrText(),this.renderRemoveButton())}get root(){return e(this)}};n.style=':host{display:inline-block;border-radius:var(--gse-ui-tag-height)}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-tag-removable-gap);align-content:stretch;align-items:center;justify-content:flex-start;height:var(--gse-ui-tag-height);padding:var(--gse-ui-tag-padding);font-family:var(--gse-ui-tag-text-fontFamily);font-size:var(--gse-ui-tag-text-fontSize);font-weight:var(--gse-ui-tag-text-fontWeight, 600);line-height:var(--gse-ui-tag-text-lineHeight);color:var(--gse-ui-tag-default-foregroundColor);background-color:var(--gse-ui-tag-default-backgroundColor);border-radius:var(--gse-ui-tag-height)}.gux-tag.gux-disabled{position:relative}.gux-tag.gux-disabled::before{position:absolute;inset:0;content:"";background-color:#fff;border-radius:var(--gse-ui-tag-height);opacity:0.5}.gux-tag gux-tooltip-title{white-space:nowrap;cursor:default}.gux-tag gux-tooltip-title ::slotted(gux-icon){font-size:var(--gse-ui-tag-button-size)}.gux-tag .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-tag .gux-tag-remove-button{all:unset;display:flex;align-content:center;align-items:center;justify-content:center}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{width:var(--gse-ui-tag-button-size);height:var(--gse-ui-tag-button-size);margin-right:-4px}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{border-radius:4px;outline:2px solid #7b88f7;outline-offset:0}.gux-tag.gux-accent-default{color:var(--gse-ui-tag-default-foregroundColor);background-color:var(--gse-ui-tag-default-backgroundColor)}.gux-tag.gux-accent-1{color:var(--gse-ui-tag-accent1-foregroundColor);background-color:var(--gse-ui-tag-accent1-backgroundColor)}.gux-tag.gux-accent-2{color:var(--gse-ui-tag-accent2-foregroundColor);background-color:var(--gse-ui-tag-accent2-backgroundColor)}.gux-tag.gux-accent-3{color:var(--gse-ui-tag-accent3-foregroundColor);background-color:var(--gse-ui-tag-accent3-backgroundColor)}.gux-tag.gux-accent-4{color:var(--gse-ui-tag-accent4-foregroundColor);background-color:var(--gse-ui-tag-accent4-backgroundColor)}.gux-tag.gux-accent-5{color:var(--gse-ui-tag-accent5-foregroundColor);background-color:var(--gse-ui-tag-accent5-backgroundColor)}.gux-tag.gux-accent-6{color:var(--gse-ui-tag-accent6-foregroundColor);background-color:var(--gse-ui-tag-accent6-backgroundColor)}.gux-tag.gux-accent-7{color:var(--gse-ui-tag-accent7-foregroundColor);background-color:var(--gse-ui-tag-accent7-backgroundColor)}.gux-tag.gux-accent-8{color:var(--gse-ui-tag-accent8-foregroundColor);background-color:var(--gse-ui-tag-accent8-backgroundColor)}.gux-tag.gux-accent-9{color:var(--gse-ui-tag-accent9-foregroundColor);background-color:var(--gse-ui-tag-accent9-backgroundColor)}.gux-tag.gux-accent-10{color:var(--gse-ui-tag-accent10-foregroundColor);background-color:var(--gse-ui-tag-accent10-backgroundColor)}.gux-tag.gux-accent-inherit{color:inherit;background-color:inherit}';export{n as gux_tag}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as e,c as t,h as g,H as i,g as l}from"./p-ed724d66.js";import{t as o}from"./p-
|
1
|
+
import{r as e,c as t,h as g,H as i,g as l}from"./p-ed724d66.js";import{t as o}from"./p-3c614740.js";import{r as a}from"./p-3ea0d493.js";import{b as n}from"./p-52e27c60.js";import"./p-0962dd7a.js";const s={defaultAriaLabel:"Toggle Switch",toggleIsLoading:"Toggle is loading",toggleIsFinishedLoading:"Toggle is finished loading"},r=class{constructor(g){e(this,g),this.check=t(this,"check",7),this.labelId=a("gux-toggle-label"),this.errorId=a("gux-toggle-error"),this.checked=!1,this.disabled=!1,this.loading=!1,this.checkedLabel=void 0,this.uncheckedLabel=void 0,this.labelPosition="right",this.errorMessage=void 0,this.displayInline=!1}handleLoading(e){this.announceElement.guxAnnounce(this.i18n(e?"toggleIsLoading":"toggleIsFinishedLoading"))}onClick(){this.toggle()}onKeydown(e){switch(e.key){case"Enter":case" ":e.preventDefault(),this.toggle()}}toggle(){this.disabled||this.loading||this.check.emit(!this.checked).defaultPrevented||(this.checked=!this.checked)}getAriaLabel(){return this.root.getAttribute("aria-label")||this.root.title||this.i18n("defaultAriaLabel")}async componentWillLoad(){this.i18n=await n(this.root,s),o(this.root,{variant:this.checkedLabel||this.uncheckedLabel?"labled":"unlabled"})}renderLoading(){if(this.loading)return g("div",{class:"gux-toggle-label-loading"},g("gux-radial-loading",{context:"input"}))}renderLabel(){if(this.uncheckedLabel&&this.checkedLabel)return g("div",{class:"gux-toggle-label-and-error"},g("div",{class:"gux-toggle-label"},g("div",{class:"gux-toggle-label-text"},g("span",{class:"gux-toggle-label-text-inner"},g("span",{id:this.labelId},this.checked?this.checkedLabel:this.uncheckedLabel),this.renderLoading()),g("span",{class:"gux-toggle-label-text-inner gux-hidden"},this.checkedLabel),g("span",{class:"gux-toggle-label-text-inner gux-hidden"},this.uncheckedLabel))))}renderError(){if(this.errorMessage)return g("div",{id:this.errorId,class:"gux-toggle-error"},g("div",{class:"gux-toggle-error-container"},g("gux-icon",{"icon-name":"alert-warning-octogon",decorative:!0}),g("div",{class:"gux-toggle-error-message"},this.errorMessage)))}render(){return g(i,{class:{"gux-display-inline":this.displayInline}},g("div",{class:{"gux-toggle-container":!0,"gux-toggle-label-left":"left"===this.labelPosition,"gux-disabled":this.disabled||this.loading}},g("div",{class:"gux-toggle-input"},g("gux-toggle-slider",{checked:this.checked,disabled:this.disabled||this.loading,guxAriaLabel:this.getAriaLabel(),labelId:this.checkedLabel&&this.uncheckedLabel?this.labelId:"",errorId:this.errorMessage?this.errorId:""}),this.renderLabel()),this.renderError()),g("gux-announce-beta",{ref:e=>this.announceElement=e}))}static get delegatesFocus(){return!0}get root(){return l(this)}static get watchers(){return{loading:["handleLoading"]}}};r.style=':host{display:block;margin:2px;color:#2e394c;outline:none}:host(.gux-display-inline){display:inline-block}.gux-toggle-container{cursor:pointer}.gux-toggle-container.gux-disabled{pointer-events:none;cursor:default}.gux-toggle-container.gux-disabled .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{opacity:0.5}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input{flex-direction:row-reverse}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{place-items:end}.gux-toggle-container.gux-toggle-label-left .gux-toggle-error{float:right}.gux-toggle-container .gux-toggle-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start}.gux-toggle-container .gux-toggle-input .gux-toggle-label{position:relative;display:inline-block;padding:0 4px}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{display:grid;grid-template-areas:"inner-div";place-items:start}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner{position:relative;grid-area:inner-div}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner.gux-hidden{visibility:hidden}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-loading{position:absolute;inset:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center}.gux-toggle-container .gux-toggle-error .gux-toggle-error-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-toggle-container .gux-toggle-error .gux-toggle-error-container gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container .gux-toggle-error-message{flex:0 1 auto;align-self:auto;order:0}';export{r as gux_toggle}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as s,h as i,H as h,g as a}from"./p-ed724d66.js";import{t as e}from"./p-
|
1
|
+
import{r as t,c as s,h as i,H as h,g as a}from"./p-ed724d66.js";import{t as e}from"./p-3c614740.js";const l=class{constructor(i){t(this,i),this.guxactivetabchange=s(this,"guxactivetabchange",7),this.activeTab=void 0,this.orientation="horizontal",this.alignment="left",this.useFlexbox=!1,this.tabList=void 0,this.tabPanels=[]}watchActiveTab(t){this.activateTab(t,this.tabList,this.tabPanels),this.guxactivetabchange.emit(t)}onInternalActivateTabPanel(t){t.stopPropagation(),this.activateTab(t.detail,this.tabList,this.tabPanels)}async guxActivate(t){this.activateTab(t,this.tabList,this.tabPanels)}onSlotchange(){const[t,s]=Array.from(this.root.shadowRoot.querySelectorAll("slot"));this.tabList=t.assignedElements()[0],this.tabPanels=s.assignedElements(),this.activateTab(this.activeTab,this.tabList,this.tabPanels)}activateTab(t,s,i){this.activeTab=t||i[0].tabId,s.guxSetActive(this.activeTab),i.forEach((t=>{t.guxSetActive(t.tabId===this.activeTab)}))}componentWillLoad(){e(this.root)}render(){return i(h,{class:{"gux-flex":this.useFlexbox}},i("div",{class:`gux-tabs gux-${this.alignment} gux-${this.orientation}`},i("slot",{name:"tab-list"}),i("div",{class:`gux-${this.alignment} gux-${this.orientation} gux-panel-container`},i("slot",{onSlotchange:this.onSlotchange.bind(this)}))))}get root(){return a(this)}static get watchers(){return{activeTab:["watchActiveTab"]}}};l.style=":host(.gux-flex){display:flex;flex-direction:column}:host(.gux-flex) .gux-tabs{display:flex;flex-direction:column;height:100%}:host(.gux-flex) .gux-panel-container{display:flex;flex-direction:column;height:100%}.gux-tabs.gux-vertical{display:flex;height:100%}";export{l as gux_tabs}
|
@@ -1 +1 @@
|
|
1
|
-
import{r,h as d,g as a}from"./p-ed724d66.js";import{t as e}from"./p-
|
1
|
+
import{r,h as d,g as a}from"./p-ed724d66.js";import{t as e}from"./p-3c614740.js";const o=class{constructor(d){r(this,d),this.accent="bordered"}componentWillLoad(){e(this.root,{variant:this.accent})}render(){return d("div",{class:{"gux-card":!0,[`gux-${this.accent}`]:!0}},d("slot",null))}get root(){return a(this)}};o.style=":host{display:block;width:fit-content}.gux-card{box-sizing:border-box;padding:var(--gse-ui-card-padding);background-color:var(--gse-ui-card-backgroundColor);border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color);border-radius:var(--gse-ui-card-borderRadius)}.gux-card.gux-bordered{border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color)}.gux-card.gux-raised{border:var(--gse-ui-card-raised-border-width) var(--gse-ui-card-raised-border-style) var(--gse-ui-card-raised-border-color);box-shadow:var(--gse-ui-card-raised-boxShadow-x) var(--gse-ui-card-raised-boxShadow-y) var(--gse-ui-card-raised-boxShadow-blur) var(--gse-ui-card-raised-boxShadow-spread) var(--gse-ui-card-raised-boxShadow-color)}.gux-card.gux-borderless{border:var(--gse-ui-card-borderless-border-width) var(--gse-ui-card-borderless-border-style) var(--gse-ui-card-borderless-border-color)}";export{o as gux_card}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,c as i,h as o,g as s}from"./p-ed724d66.js";import{r as e}from"./p-3ea0d493.js";import{t as r}from"./p-
|
1
|
+
import{r as t,c as i,h as o,g as s}from"./p-ed724d66.js";import{r as e}from"./p-3ea0d493.js";import{t as r}from"./p-3c614740.js";import{b as n}from"./p-52e27c60.js";import"./p-0962dd7a.js";const a={defaultLabel:"Disclosure button"},u=class{constructor(o){t(this,o),this.active=i(this,"active",7),this.panelId=e("gux-disclosure-button-panel"),this.position="left",this.label=void 0,this.isOpen=!1,this.icon="arrow-solid-right"}watchIsOpen(){this.updateIcon()}changeState(){this.togglePanel(),this.active.emit(this.isOpen)}togglePanel(){this.isOpen=!this.isOpen}updateIcon(){this.icon="right"===this.position?this.isOpen?"arrow-solid-right":"arrow-solid-left":this.isOpen?"arrow-solid-left":"arrow-solid-right"}async componentWillLoad(){r(this.root,{variant:this.position}),this.i18n=await n(this.root,a),this.updateIcon()}render(){return o("div",{class:`gux-disclosure-button-container gux-${this.position}`},o("button",{class:"gux-disclosure-button",onClick:()=>this.changeState(),"aria-controls":this.panelId,"aria-expanded":this.isOpen.toString(),"aria-label":this.label||this.i18n("defaultLabel")},o("gux-icon",{"icon-name":`${this.icon}`,decorative:!0})),o("div",{id:this.panelId,class:{"gux-disclosure-panel":!0,"gux-active":this.isOpen},role:"region"},o("slot",{name:"panel-content"})))}get root(){return s(this)}static get watchers(){return{isOpen:["watchIsOpen"]}}};u.style=":host{height:100%;color:var(--gse-ui-tabs-item-icon-iconColor)}.gux-disclosure-button-container{display:flex;flex-direction:row;justify-content:flex-start;height:100%}.gux-disclosure-button-container .gux-disclosure-button{width:16px;padding:0;margin:0;color:var(--gse-ui-tabs-item-icon-iconColor);background:transparent;border-top:none;border-right:1px solid var(--gse-ui-tabs-item-divider-dividerColor);border-bottom:none;border-left:1px solid var(--gse-ui-tabs-item-divider-dividerColor)}.gux-disclosure-button-container .gux-disclosure-button gux-icon{width:12px;height:12px}.gux-disclosure-button-container .gux-disclosure-button:focus{outline:none}.gux-disclosure-button-container .gux-disclosure-panel{display:none;order:-1;width:100%}.gux-disclosure-button-container .gux-disclosure-panel.gux-active{display:block}.gux-disclosure-button-container.gux-right{justify-content:flex-end}.gux-disclosure-button-container.gux-right .gux-disclosure-panel{order:1}";export{u as gux_disclosure_button_legacy}
|
@@ -1 +1 @@
|
|
1
|
-
import{r as t,f as o,h as e,g as i,c as r,H as n}from"./p-ed724d66.js";import{b as s}from"./p-52e27c60.js";import{c as a,o as l}from"./p-16f3da0d.js";import{O as u}from"./p-8801741a.js";import{o as p}from"./p-4e030b49.js";import{p as h}from"./p-28f55159.js";import{h as g,d,G as c,a as f,g as m,v as x,b,e as v}from"./p-a3bc3236.js";import{s as C}from"./p-373c5d93.js";import{h as w}from"./p-324b23f3.js";import{G as y,a as j}from"./p-9383fa8e.js";import{t as k}from"./p-c57cd1d8.js";import{t as z}from"./p-c7328d42.js";import{O as R}from"./p-8c362857.js";import{b as S}from"./p-ffaadf62.js";import{a as T,c as O,o as F,f as D,s as I,b as P}from"./p-a5937ee9.js";import{g as E}from"./p-693c1709.js";import{f as L}from"./p-5d7d5695.js";import"./p-0962dd7a.js";import"./p-3ea0d493.js";import"./p-9d734bbd.js";const _={increment:"Increment",decrement:"Decrement"};const H=class{constructor(o){t(this,o),this.clearable=void 0,this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=w(this.root,"error"),this.hasHelp=w(this.root,"help")}async guxForceUpdate(){this.hasContent=g(this.input),this.hasError=w(this.root,"error"),this.hasHelp=w(this.root,"help"),o(this.root)}async componentWillLoad(){this.getI18nValue=await s(this.root,_),this.setInput(),this.setLabel(),this.hasError=w(this.root,"error"),this.hasHelp=w(this.root,"help"),k(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){const t=this.clearable&&this.hasContent&&!this.disabled;return e(j,{labelPosition:this.computedLabelPosition},e(y,{position:this.computedLabelPosition,required:this.required},e("slot",{name:"label",onSlotchange:()=>this.setLabel()})),e("div",{class:"gux-input-and-error-container"},e("div",{class:{"gux-input":!0,"gux-input-error":this.hasError},part:"input-section"},e("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-clear":t}},e("slot",{name:"input",onSlotchange:()=>this.setInput()}),t&&e("gux-form-field-input-clear-button",{onClick:()=>d(this.input)})),this.renderStepButtons(this.input,this.getI18nValue,this.disabled)),e(c,{show:this.hasError},e("slot",{name:"error"})),e(f,{show:!this.hasError&&this.hasHelp},e("slot",{name:"help"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.clearable?"clearable":"unclearable"}-${t}`}setInput(){this.input=m(this.root,'input[type="number"][slot="input"]'),this.hasContent=g(this.input),h(this.input),this.input.addEventListener("input",(()=>{this.hasContent=g(this.input)})),this.disabled=a(this.input),this.required=this.input.required,this.disabledObserver=l(this.input,(t=>{this.disabled=t})),this.requiredObserver=p(this.input,(t=>{this.required=t})),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=b(this.label,this.labelPosition)}renderStepButtons(t,o,i){return e("div",{class:"gux-step-buttons-container"},e("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:o("increment"),disabled:i,onClick:()=>this.stepUp(t)},e("gux-icon",{"icon-name":"chevron-small-up",decorative:!0})),e("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:o("decrement"),disabled:i,onClick:()=>this.stepDown(t)},e("gux-icon",{"icon-name":"chevron-small-down",decorative:!0})))}stepDown(t){""===t.value?v(t,t.min||"0",!1):(t.stepDown(),this.simulateNativeInputAndChangeEvents(t))}stepUp(t){""===t.value?v(t,t.min||"0",!1):(t.stepUp(),this.simulateNativeInputAndChangeEvents(t))}simulateNativeInputAndChangeEvents(t){C(t,"input"),C(t,"change")}static get delegatesFocus(){return!0}get root(){return i(this)}};(function(t,o,e,i){var r,n=arguments.length,s=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,o,e,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(o,e,s):r(o,e))||s);n>3&&s&&Object.defineProperty(o,e,s)})([u({childList:!0,subtree:!0})],H.prototype,"onMutation",null),H.style='.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:" *"}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-padding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);text-align:right;text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;width:100%}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);align-content:stretch;align-items:center;align-self:auto;justify-content:center;order:0;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container.gux-clear{padding-right:0}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-step-buttons-container{flex:0 1 14px;align-self:auto;order:0;margin-left:var(--gse-ui-formControl-spinButton-gap)}.gux-step-buttons-container .gux-step-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-defaultColor);background:transparent;border:none}.gux-step-buttons-container .gux-step-button:not(:disabled):focus-visible,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{cursor:pointer;border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-step-buttons-container .gux-step-button gux-icon{flex:0 0 auto;width:14px;height:14px}';const $=class{constructor(o){t(this,o),this.goToPage=r(this,"goToPage",7),this.isOpen=!1,this.totalPages=void 0}handleKeyDown(t){const o=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,this.ellipsisButton.focus();break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":o.includes(this.ellipsisButton)&&(t.preventDefault(),this.isOpen=!0,this.focusInputElement())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.ellipsisButton)&&(this.isOpen=!0,this.focusInputElement())}toggle(){this.isOpen=!this.isOpen,this.isOpen&&this.focusInputElement()}onClickOutside(){this.isOpen=!1}focusInputElement(){S((()=>{this.inputElement.focus()}))}applyInputListener(){var t;null===(t=this.inputElement)||void 0===t||t.addEventListener("keydown",(t=>{"Enter"!=t.key&&" "!=t.key||(t.preventDefault(),this.goToPage.emit(t.target.value),this.isOpen=!1)}))}async componentWillLoad(){this.i18n=await s(this.root,z),k(this.root)}componentDidLoad(){this.applyInputListener()}render(){return e(n,null,e("button",{id:"popover-target",type:"button",ref:t=>this.ellipsisButton=t,onClick:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},e("gux-icon",{screenreaderText:this.i18n("goToPage"),"icon-name":"menu-kebab-horizontal"})),e("gux-tooltip",{for:"popover-target"},this.i18n("goToPage")),e("gux-popover",{"is-open":this.isOpen,for:"popover-target"},e("span",{slot:"title"},this.i18n("goToPage")),e("gux-form-field-number",null,e("input",{slot:"input",type:"number",ref:t=>this.inputElement=t,min:"1",max:this.totalPages,value:"1"}),e("label",{slot:"label"}))))}get root(){return i(this)}};(function(t,o,e,i){var r,n=arguments.length,s=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,o,e,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(o,e,s):r(o,e))||s);n>3&&s&&Object.defineProperty(o,e,s)})([R({triggerEvents:"mousedown"})],$.prototype,"onClickOutside",null),$.style="button{color:var(--gse-ui-button-ghost-default-foregroundColor);cursor:pointer;background:none;border:none}button:hover{color:var(--gse-ui-button-ghost-hover-foregroundColor)}button:focus-visible{border-radius:calc(var(--gse-semantic-focusRing-cornerRadius) - var(--gse-semantic-focusRing-offset));outline:var(--gse-semantic-focusRing-width) solid var(--gse-semantic-color-focus);outline-offset:var(--gse-semantic-focusRing-offset)}button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);padding-top:4px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}";const B=class{constructor(o){t(this,o),this.guxdismiss=r(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=L(this.root,this.for),i=o.includes(e);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||i||this.dismiss()}get titleSlot(){return E(this.root,"title")}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=T(L(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const t=L(this.root,this.for);this.popupElement&&O(t,this.popupElement,{placement:this.position,middleware:[F(7),D(),I(),P({element:this.arrowElement,padding:16})]}).then((({x:t,y:o,middlewareData:e,placement:i})=>{Object.assign(this.popupElement.style,{left:`${t}px`,top:`${o}px`});const r={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];if(e.arrow){const{x:t,y:o}=e.arrow;this.popupElement.setAttribute("data-placement",i),Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=o?`${o}px`:"",right:"",bottom:"",[r]:"-6.5px",transform:"rotate(45deg)"})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){k(this.root,{variant:this.position})}componentDidLoad(){this.isOpen&&this.runUpdatePosition()}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderDismissButton(){if(this.displayDismissButton)return e("gux-dismiss-button",{onClick:this.dismiss.bind(this),position:"inherit"})}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"}),e("div",{class:{"gux-popover-header":Boolean(this.titleSlot)}},e("slot",{name:"title"}),this.renderDismissButton()),e("div",{class:"gux-popover-content"},e("slot",null)))}get root(){return i(this)}};(function(t,o,e,i){var r,n=arguments.length,s=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,o,e,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(o,e,s):r(o,e))||s);n>3&&s&&Object.defineProperty(o,e,s)})([R({triggerEvents:"mousedown"})],B.prototype,"checkForClickOutside",null),B.style=".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gux-zindex-popover, 2);display:inline-block;min-width:280px;padding:var(--gse-ui-popover-gap);background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;align-content:center;align-items:center;justify-content:space-between;padding-bottom:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:--gse-ui-popover-headercolor}.gux-popover-wrapper gux-dismiss-button{float:right}";export{H as gux_form_field_number,$ as gux_pagination_ellipsis_button,B as gux_popover}
|
1
|
+
import{r as t,f as o,h as e,g as i,c as r,H as n}from"./p-ed724d66.js";import{b as s}from"./p-52e27c60.js";import{c as a,o as l}from"./p-16f3da0d.js";import{O as u}from"./p-8801741a.js";import{o as p}from"./p-4e030b49.js";import{p as h}from"./p-28f55159.js";import{h as g,d,G as c,a as f,g as m,v as x,b,e as v}from"./p-a3bc3236.js";import{s as C}from"./p-373c5d93.js";import{h as w}from"./p-324b23f3.js";import{G as y,a as j}from"./p-9383fa8e.js";import{t as k}from"./p-3c614740.js";import{t as z}from"./p-c7328d42.js";import{O as R}from"./p-8c362857.js";import{b as S}from"./p-ffaadf62.js";import{a as T,c as O,o as F,f as D,s as I,b as P}from"./p-a5937ee9.js";import{g as E}from"./p-693c1709.js";import{f as L}from"./p-5d7d5695.js";import"./p-0962dd7a.js";import"./p-3ea0d493.js";import"./p-9d734bbd.js";const _={increment:"Increment",decrement:"Decrement"};const H=class{constructor(o){t(this,o),this.clearable=void 0,this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=w(this.root,"error"),this.hasHelp=w(this.root,"help")}async guxForceUpdate(){this.hasContent=g(this.input),this.hasError=w(this.root,"error"),this.hasHelp=w(this.root,"help"),o(this.root)}async componentWillLoad(){this.getI18nValue=await s(this.root,_),this.setInput(),this.setLabel(),this.hasError=w(this.root,"error"),this.hasHelp=w(this.root,"help"),k(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){const t=this.clearable&&this.hasContent&&!this.disabled;return e(j,{labelPosition:this.computedLabelPosition},e(y,{position:this.computedLabelPosition,required:this.required},e("slot",{name:"label",onSlotchange:()=>this.setLabel()})),e("div",{class:"gux-input-and-error-container"},e("div",{class:{"gux-input":!0,"gux-input-error":this.hasError},part:"input-section"},e("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-clear":t}},e("slot",{name:"input",onSlotchange:()=>this.setInput()}),t&&e("gux-form-field-input-clear-button",{onClick:()=>d(this.input)})),this.renderStepButtons(this.input,this.getI18nValue,this.disabled)),e(c,{show:this.hasError},e("slot",{name:"error"})),e(f,{show:!this.hasError&&this.hasHelp},e("slot",{name:"help"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.clearable?"clearable":"unclearable"}-${t}`}setInput(){this.input=m(this.root,'input[type="number"][slot="input"]'),this.hasContent=g(this.input),h(this.input),this.input.addEventListener("input",(()=>{this.hasContent=g(this.input)})),this.disabled=a(this.input),this.required=this.input.required,this.disabledObserver=l(this.input,(t=>{this.disabled=t})),this.requiredObserver=p(this.input,(t=>{this.required=t})),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=b(this.label,this.labelPosition)}renderStepButtons(t,o,i){return e("div",{class:"gux-step-buttons-container"},e("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:o("increment"),disabled:i,onClick:()=>this.stepUp(t)},e("gux-icon",{"icon-name":"chevron-small-up",decorative:!0})),e("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:o("decrement"),disabled:i,onClick:()=>this.stepDown(t)},e("gux-icon",{"icon-name":"chevron-small-down",decorative:!0})))}stepDown(t){""===t.value?v(t,t.min||"0",!1):(t.stepDown(),this.simulateNativeInputAndChangeEvents(t))}stepUp(t){""===t.value?v(t,t.min||"0",!1):(t.stepUp(),this.simulateNativeInputAndChangeEvents(t))}simulateNativeInputAndChangeEvents(t){C(t,"input"),C(t,"change")}static get delegatesFocus(){return!0}get root(){return i(this)}};(function(t,o,e,i){var r,n=arguments.length,s=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,o,e,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(o,e,s):r(o,e))||s);n>3&&s&&Object.defineProperty(o,e,s)})([u({childList:!0,subtree:!0})],H.prototype,"onMutation",null),H.style='.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:" *"}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-padding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);text-align:right;text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;width:100%}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);align-content:stretch;align-items:center;align-self:auto;justify-content:center;order:0;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container.gux-clear{padding-right:0}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-step-buttons-container{flex:0 1 14px;align-self:auto;order:0;margin-left:var(--gse-ui-formControl-spinButton-gap)}.gux-step-buttons-container .gux-step-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-defaultColor);background:transparent;border:none}.gux-step-buttons-container .gux-step-button:not(:disabled):focus-visible,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{cursor:pointer;border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-step-buttons-container .gux-step-button gux-icon{flex:0 0 auto;width:14px;height:14px}';const $=class{constructor(o){t(this,o),this.goToPage=r(this,"goToPage",7),this.isOpen=!1,this.totalPages=void 0}handleKeyDown(t){const o=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,this.ellipsisButton.focus();break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":o.includes(this.ellipsisButton)&&(t.preventDefault(),this.isOpen=!0,this.focusInputElement())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.ellipsisButton)&&(this.isOpen=!0,this.focusInputElement())}toggle(){this.isOpen=!this.isOpen,this.isOpen&&this.focusInputElement()}onClickOutside(){this.isOpen=!1}focusInputElement(){S((()=>{this.inputElement.focus()}))}applyInputListener(){var t;null===(t=this.inputElement)||void 0===t||t.addEventListener("keydown",(t=>{"Enter"!=t.key&&" "!=t.key||(t.preventDefault(),this.goToPage.emit(t.target.value),this.isOpen=!1)}))}async componentWillLoad(){this.i18n=await s(this.root,z),k(this.root)}componentDidLoad(){this.applyInputListener()}render(){return e(n,null,e("button",{id:"popover-target",type:"button",ref:t=>this.ellipsisButton=t,onClick:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},e("gux-icon",{screenreaderText:this.i18n("goToPage"),"icon-name":"menu-kebab-horizontal"})),e("gux-tooltip",{for:"popover-target"},this.i18n("goToPage")),e("gux-popover",{"is-open":this.isOpen,for:"popover-target"},e("span",{slot:"title"},this.i18n("goToPage")),e("gux-form-field-number",null,e("input",{slot:"input",type:"number",ref:t=>this.inputElement=t,min:"1",max:this.totalPages,value:"1"}),e("label",{slot:"label"}))))}get root(){return i(this)}};(function(t,o,e,i){var r,n=arguments.length,s=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,o,e,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(o,e,s):r(o,e))||s);n>3&&s&&Object.defineProperty(o,e,s)})([R({triggerEvents:"mousedown"})],$.prototype,"onClickOutside",null),$.style="button{color:var(--gse-ui-button-ghost-default-foregroundColor);cursor:pointer;background:none;border:none}button:hover{color:var(--gse-ui-button-ghost-hover-foregroundColor)}button:focus-visible{border-radius:calc(var(--gse-semantic-focusRing-cornerRadius) - var(--gse-semantic-focusRing-offset));outline:var(--gse-semantic-focusRing-width) solid var(--gse-semantic-color-focus);outline-offset:var(--gse-semantic-focusRing-offset)}button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);padding-top:4px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}";const B=class{constructor(o){t(this,o),this.guxdismiss=r(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=L(this.root,this.for),i=o.includes(e);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||i||this.dismiss()}get titleSlot(){return E(this.root,"title")}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=T(L(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const t=L(this.root,this.for);this.popupElement&&O(t,this.popupElement,{placement:this.position,middleware:[F(7),D(),I(),P({element:this.arrowElement,padding:16})]}).then((({x:t,y:o,middlewareData:e,placement:i})=>{Object.assign(this.popupElement.style,{left:`${t}px`,top:`${o}px`});const r={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];if(e.arrow){const{x:t,y:o}=e.arrow;this.popupElement.setAttribute("data-placement",i),Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=o?`${o}px`:"",right:"",bottom:"",[r]:"-6.5px",transform:"rotate(45deg)"})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){k(this.root,{variant:this.position})}componentDidLoad(){this.isOpen&&this.runUpdatePosition()}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderDismissButton(){if(this.displayDismissButton)return e("gux-dismiss-button",{onClick:this.dismiss.bind(this),position:"inherit"})}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"}),e("div",{class:{"gux-popover-header":Boolean(this.titleSlot)}},e("slot",{name:"title"}),this.renderDismissButton()),e("div",{class:"gux-popover-content"},e("slot",null)))}get root(){return i(this)}};(function(t,o,e,i){var r,n=arguments.length,s=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,o,e,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(o,e,s):r(o,e))||s);n>3&&s&&Object.defineProperty(o,e,s)})([R({triggerEvents:"mousedown"})],B.prototype,"checkForClickOutside",null),B.style=".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gux-zindex-popover, 2);display:inline-block;min-width:280px;padding:var(--gse-ui-popover-gap);background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;align-content:center;align-items:center;justify-content:space-between;padding-bottom:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:--gse-ui-popover-headercolor}.gux-popover-wrapper gux-dismiss-button{float:right}";export{H as gux_form_field_number,$ as gux_pagination_ellipsis_button,B as gux_popover}
|