genesys-spark-components 3.21.2 → 3.21.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/dist/cjs/gux-accordion-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-button-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-list-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-toast.cjs.entry.js +1 -1
- package/dist/cjs/gux-advanced-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/gux-badge-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-multi-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-slot-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-calendar.cjs.entry.js +1 -1
- package/dist/cjs/gux-card-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-chart-column-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-chart-donut-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-chart-line-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-chart-pie-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-chart-scatter-plot-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-command-palette-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-copy-to-clipboard-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/gux-disclosure-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown-multi-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown_3.cjs.entry.js +2 -2
- package/dist/cjs/gux-error-message-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-flyout-menu-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-number.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-icon.cjs.entry.js +1 -1
- package/dist/cjs/gux-list-item-legacy_2.cjs.entry.js +1 -1
- package/dist/cjs/gux-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-listbox-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-loading-message-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal.cjs.entry.js +1 -1
- package/dist/cjs/gux-notification-toast.cjs.entry.js +1 -1
- package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
- package/dist/cjs/gux-panel-frame-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
- package/dist/cjs/gux-rating.cjs.entry.js +1 -1
- package/dist/cjs/gux-side-panel-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-simple-toast.cjs.entry.js +1 -1
- package/dist/cjs/gux-skip-navigation-list-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
- package/dist/cjs/gux-switch.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
- package/dist/cjs/gux-tag-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
- package/dist/cjs/gux-text-label-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-toggle.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/gux-visualization-beta.cjs.entry.js +1 -1
- package/dist/cjs/{usage-tracking-e72bf0b3.js → usage-tracking-4d131289.js} +1 -1
- package/dist/collection/components/stable/gux-dropdown/gux-dropdown.js +1 -1
- package/dist/deploy-info.json +3 -3
- package/dist/esm/gux-accordion-legacy.entry.js +1 -1
- package/dist/esm/gux-accordion.entry.js +1 -1
- package/dist/esm/gux-action-button-legacy.entry.js +1 -1
- package/dist/esm/gux-action-button.entry.js +1 -1
- package/dist/esm/gux-action-list-legacy.entry.js +1 -1
- package/dist/esm/gux-action-toast.entry.js +1 -1
- package/dist/esm/gux-advanced-dropdown.entry.js +1 -1
- package/dist/esm/gux-badge-beta.entry.js +1 -1
- package/dist/esm/gux-breadcrumbs.entry.js +1 -1
- package/dist/esm/gux-button-multi-legacy.entry.js +1 -1
- package/dist/esm/gux-button-multi.entry.js +1 -1
- package/dist/esm/gux-button-slot-beta.entry.js +1 -1
- package/dist/esm/gux-button.entry.js +1 -1
- package/dist/esm/gux-calendar.entry.js +1 -1
- package/dist/esm/gux-card-beta.entry.js +1 -1
- package/dist/esm/gux-chart-column-beta.entry.js +1 -1
- package/dist/esm/gux-chart-donut-beta.entry.js +1 -1
- package/dist/esm/gux-chart-line-beta.entry.js +1 -1
- package/dist/esm/gux-chart-pie-beta.entry.js +1 -1
- package/dist/esm/gux-chart-scatter-plot-beta.entry.js +1 -1
- package/dist/esm/gux-command-palette-legacy.entry.js +1 -1
- package/dist/esm/gux-content-search.entry.js +1 -1
- package/dist/esm/gux-copy-to-clipboard-beta.entry.js +1 -1
- package/dist/esm/gux-datepicker.entry.js +1 -1
- package/dist/esm/gux-disclosure-button.entry.js +1 -1
- package/dist/esm/gux-dismiss-button.entry.js +1 -1
- package/dist/esm/gux-dropdown-legacy.entry.js +1 -1
- package/dist/esm/gux-dropdown-multi-beta.entry.js +1 -1
- package/dist/esm/gux-dropdown_3.entry.js +2 -2
- package/dist/esm/gux-error-message-beta.entry.js +1 -1
- package/dist/esm/gux-flyout-menu-beta.entry.js +1 -1
- package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
- package/dist/esm/gux-form-field-color.entry.js +1 -1
- package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
- package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
- package/dist/esm/gux-form-field-legacy.entry.js +1 -1
- package/dist/esm/gux-form-field-number.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-icon.entry.js +1 -1
- package/dist/esm/gux-list-item-legacy_2.entry.js +1 -1
- package/dist/esm/gux-list.entry.js +1 -1
- package/dist/esm/gux-listbox-multi.entry.js +1 -1
- package/dist/esm/gux-loading-message-beta.entry.js +1 -1
- package/dist/esm/gux-modal.entry.js +1 -1
- package/dist/esm/gux-notification-toast.entry.js +1 -1
- package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
- package/dist/esm/gux-pagination-beta.entry.js +1 -1
- package/dist/esm/gux-pagination-cursor.entry.js +1 -1
- package/dist/esm/gux-pagination.entry.js +1 -1
- package/dist/esm/gux-panel-frame-legacy.entry.js +1 -1
- package/dist/esm/gux-popover-list.entry.js +1 -1
- package/dist/esm/gux-popover.entry.js +1 -1
- package/dist/esm/gux-radial-loading.entry.js +1 -1
- package/dist/esm/gux-radial-progress.entry.js +1 -1
- package/dist/esm/gux-rating.entry.js +1 -1
- package/dist/esm/gux-side-panel-legacy.entry.js +1 -1
- package/dist/esm/gux-simple-toast.entry.js +1 -1
- package/dist/esm/gux-skip-navigation-list-beta.entry.js +1 -1
- package/dist/esm/gux-sort-control.entry.js +1 -1
- package/dist/esm/gux-switch.entry.js +1 -1
- package/dist/esm/gux-table-beta.entry.js +1 -1
- package/dist/esm/gux-tabs-advanced.entry.js +1 -1
- package/dist/esm/gux-tabs-legacy.entry.js +1 -1
- package/dist/esm/gux-tabs.entry.js +1 -1
- package/dist/esm/gux-tag-beta.entry.js +1 -1
- package/dist/esm/gux-text-highlight.entry.js +1 -1
- package/dist/esm/gux-text-label-legacy.entry.js +1 -1
- package/dist/esm/gux-time-picker-beta.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/gux-visualization-beta.entry.js +1 -1
- package/dist/esm/{usage-tracking-b3041444.js → usage-tracking-0e1f6bcb.js} +1 -1
- package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
- package/dist/genesys-webcomponents/{p-2aad8b3e.entry.js → p-01d98e00.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-210346ca.js → p-0792b920.js} +1 -1
- package/dist/genesys-webcomponents/{p-f9502222.entry.js → p-07f48aff.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c3d2a7e1.entry.js → p-09e9c4a1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0108a5d3.entry.js → p-0ccda601.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f85a72e3.entry.js → p-0f40496d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-29ed4720.entry.js → p-0f49cf76.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cb9f87eb.entry.js → p-17f2bb2a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4925bb1e.entry.js → p-190ba2c2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c485c1a2.entry.js → p-1cd89320.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e2165156.entry.js → p-1ced0555.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f8496c4d.entry.js → p-23bf4945.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3c628108.entry.js → p-23f20393.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ca780a60.entry.js → p-2751234c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a77a84db.entry.js → p-29c7785e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-03ce0655.entry.js → p-2fb1a55e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4db7bc3d.entry.js → p-33c6ae09.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-29b37ee8.entry.js → p-38a3762c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-59620b45.entry.js → p-392952b0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-171b5eed.entry.js → p-3c02388e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f6b8bed9.entry.js → p-3e19e23f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4c359a75.entry.js → p-4114b8de.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6a48c82a.entry.js → p-416ba0b7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4fab536d.entry.js → p-43d756e5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f4018e1f.entry.js → p-499ca7a4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c65ba4b3.entry.js → p-4a24bc35.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-333ee191.entry.js → p-58fcd098.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-51981dd5.entry.js → p-5dc33882.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1cd38c5e.entry.js → p-5f6c9162.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d9acd7a6.entry.js → p-60ecd621.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d146ad68.entry.js → p-6523e8c4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-71f03e74.entry.js → p-6a93c26e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0b0e4ed1.entry.js → p-7098c67c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7d059e52.entry.js → p-77e9b083.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4c8a91e2.entry.js → p-79bbd7ea.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-312a2e5f.entry.js → p-7b9306d7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5a34d19b.entry.js → p-7e90aa56.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-af2ff726.entry.js → p-7f27151c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ea4d5a41.entry.js → p-80007e1d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0c9e1fdc.entry.js → p-80e3dcaa.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-632b030d.entry.js → p-8d3c56a1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-62fb2bed.entry.js → p-8f3f93e2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-168bffb3.entry.js → p-9102250c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4c3d7f1a.entry.js → p-93edc0a4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-af079a12.entry.js → p-96a2f98f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-75569a3f.entry.js → p-97638b7c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-34c7bb18.entry.js → p-9f37150c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9955ea54.entry.js → p-a039f18d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-15e00103.entry.js → p-a46f7f04.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a153bf9e.entry.js → p-b1521096.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5083b35b.entry.js → p-b4b76649.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f81564e0.entry.js → p-b599d4e4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d8ce7ab8.entry.js → p-bc8ea295.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5961bbe0.entry.js → p-c368bc9d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c62520b3.entry.js → p-c3cb74fb.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-c6663e5e.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-22860f16.entry.js → p-c8694eab.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-004cc94d.entry.js → p-c908324f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c6c7dd96.entry.js → p-d1225d6e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3050d8c2.entry.js → p-d2b3a683.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-89312a5b.entry.js → p-d6431c79.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d3f7c2ef.entry.js → p-d73201f1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a494608f.entry.js → p-d981e05b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b6042663.entry.js → p-e2850831.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-41b1a208.entry.js → p-e3cff8a7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-745f607c.entry.js → p-e57bb115.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-88c5dbae.entry.js → p-e658e7d9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-adaa58fe.entry.js → p-ea7b466b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f4a3b520.entry.js → p-ecdc5326.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-47a9f4fa.entry.js → p-ef3940d5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-14607153.entry.js → p-f3dab63d.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-f4cde5dc.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-1f3a89b6.entry.js → p-f5bbb3e6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b36d7160.entry.js → p-f6170a64.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7d2017ba.entry.js → p-fb576464.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-885ab587.entry.js → p-fddae41d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3c62f2b4.entry.js → p-fe589a75.entry.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/package.json +1 -1
- package/dist/genesys-webcomponents/p-195596dc.entry.js +0 -1
- package/dist/genesys-webcomponents/p-e62fed26.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,g as h}from"./p-74b510cb.js";import{O as e}from"./p-acd2fa20.js";import{t as r}from"./p-
|
|
1
|
+
import{r as t,c as i,h as s,g as h}from"./p-74b510cb.js";import{O as e}from"./p-acd2fa20.js";import{t as r}from"./p-0792b920.js";import{b as o}from"./p-cf43f0c3.js";import"./p-8a133b9b.js";function a(t){return new Date("1978-09-23T"+t.trim()+"Z")}const n={defaultAriaLabel:"Time Picker"};const c=class{constructor(s){t(this,s),this.changed=i(this,"changed",7),this.value="",this.interval=15,this.max="23:59:59",this.min="00:00:00",this.label="",this.active=!1,this.openDropdown=!1,this.suggestion="00",this.isPressEvent=!1}watchValue(t){this.changed.emit(t)}getShadowDomEventTarget(t){return t.composedPath()[0]}onKeyDown(t){if(this.focusedField=this.getShadowDomEventTarget(t),this.focusedField===this.inputElement)switch(t.key){case"Enter":this.updateChosenValue(),this.inputElement.focus();break;case"Backspace":t.preventDefault(),this.handleBackspace();break;case"Tab":this.updateChosenValue();break;case"ArrowDown":t.preventDefault(),this.listElement&&this.listElement.guxFocusFirstItem();break;case"ArrowUp":case"ArrowRight":case"ArrowLeft":t.preventDefault();break;default:if(t.preventDefault(),"0"<=t.key&&t.key<="9"&&(this.openDropdown=!0,this.focusedField.value.length<8)){let i=this.focusedField.value+String(parseInt(t.key,10));const s=i.split(":");if(i.length>6&&Number(s[2].padEnd(2,"0"))>59)return;if(!this.canBeCompletedToAValidTime(i))return;2===s[s.length-1].length&&i.length<8&&(i+=":"),this.focusedField.value=i,this.suggestion=s[0].padEnd(2,"0")}}else switch(t.key){case"Escape":this.updateChosenValue(),this.inputElement.focus()}}canBeCompletedToAValidTime(t){const i=a(t+this.max.slice(t.length)),s=a(t+this.min.slice(t.length));return this.minTimeObj<=i&&i<=this.maxTimeObj||this.minTimeObj<=s&&s<=this.maxTimeObj}handleBackspace(){if(this.openDropdown=!0,this.focusedField.selectionStart===this.focusedField.selectionEnd){const t=this.focusedField.value.endsWith(":")?-2:-1;this.focusedField.value=this.focusedField.value.slice(0,t),this.suggestion=this.focusedField.value.split(":")[0].padEnd(2,"0")}else this.focusedField.value=""}onListItemClick(t){this.inputElement.value=t,this.updateChosenValue(),this.inputElement.focus()}onClickOutside(){this.updateChosenValue()}updateChosenValue(){this.inputElement.value=this.validateValue(this.inputElement.value),this.value=this.inputElement.value,this.active=!1,this.openDropdown=!1}onMouseUp(t){this.focusedField=this.getShadowDomEventTarget(t),this.focusedField===this.inputElement&&this.inputElement.setSelectionRange(this.focusedField.selectionEnd!==this.inputElement.value.length?0:this.inputElement.value.length,this.inputElement.value.length)}onFocusIn(t){this.focusedField=this.getShadowDomEventTarget(t),this.active=!0}isValidTime(t){const i=t.split(":"),s="23:59:59".split(":");for(let t=0;t<i.length;t++)if(Number(i[t])>Number(s[t]))return!1;return!0}validateUpperBound(){this.max=this.isInFormat(this.max)?this.max:"23:59:59",this.max=this.isValidTime(this.max)?this.max:"23:59:59"}validateLowerBound(){this.min=this.isInFormat(this.min)?this.min:"00:00:00",this.min=this.isValidTime(this.min)?this.min:"00:00:00"}validateBounds(){this.validateUpperBound(),this.validateLowerBound(),this.maxTimeObj=a(this.max),this.minTimeObj=a(this.min),this.maxTimeObj<this.minTimeObj&&(this.max="23:59:59",this.min="00:00:00",this.maxTimeObj=a(this.max),this.minTimeObj=a(this.min))}validateValue(t){let i=this.isInFormat(t)?t:"";if(i=""!==i&&this.isValidTime(i)?i:"",i){const t=a(i);i=this.minTimeObj<=t&&t<=this.maxTimeObj?i:""}return i}async componentWillLoad(){r(this.root),this.i18n=await o(this.root,n),this.validateBounds(),this.value=this.validateValue(this.value)}isInFormat(t){return/^\d{2}:\d{2}:\d{2}$/.test(t)}render(){return s("div",null,s("div",{class:"gux-input"},s("input",{type:"text",value:this.value,size:9,"aria-label":this.label||this.i18n("defaultAriaLabel"),ref:t=>this.inputElement=t})),!0===this.openDropdown&&s("div",{class:"gux-list-container"},s("gux-list",{ref:t=>this.listElement=t},this.buildDropdownOptions().map((t=>s("gux-list-item",{onClick:()=>this.onListItemClick(t)},t))))))}buildDropdownOptions(){const t=[];for(let i=0;i<60;i+=this.interval){const s=[this.suggestion.toString().padStart(2,"0"),i.toString().padStart(2,"0"),"00"].join(":"),h=a(s);this.minTimeObj<=h&&h<=this.maxTimeObj&&t.push(s)}return t}get root(){return h(this)}static get watchers(){return{value:["watchValue"]}}};(function(t,i,s,h){var e,r=arguments.length,o=r<3?i:null===h?h=Object.getOwnPropertyDescriptor(i,s):h;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,s,h);else for(var a=t.length-1;a>=0;a--)(e=t[a])&&(o=(r<3?e(o):r>3?e(i,s,o):e(i,s))||o);r>3&&o&&Object.defineProperty(i,s,o)})([e({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{display:inline-block}input{box-sizing:border-box;width:100%;height:32px;padding:4px 12px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#fdfdfd;background-image:none;border:1px solid #6b7585;border-radius:2px;text-align:right}input::placeholder{color:#596373}input.gux-focused,input:focus{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px rgba(170, 201, 255, 0.5)}.gux-list-container{padding:8px 0;margin:0;list-style:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{c as gux_time_picker_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,H as e,g as o}from"./p-74b510cb.js";import{t as r}from"./p-
|
|
1
|
+
import{r as t,c as s,h as i,H as e,g as o}from"./p-74b510cb.js";import{t as r}from"./p-0792b920.js";const h=class{constructor(i){t(this,i),this.press=s(this,"press",7)}handleClick(){this.onItemClicked()}handleKeyDown(t){"Enter"!==t.key&&" "!==t.key||this.onItemClicked()}render(){return i(e,{role:"listitem"},i("span",{class:"gux-list-item"},this.text&&i("gux-text-highlight",{class:"gux-text",text:this.text,strategy:this.strategy}),i("slot",null)))}onItemClicked(){this.emitPress()}emitPress(){this.press.emit(this.value)}};h.style=":host:focus .gux-list-item,:host:active .gux-list-item,:host:hover:not([disabled]) .gux-list-item{color:#fdfdfd;background:#2a60c8}:host(:focus) .gux-list-item,:host(:active) .gux-list-item,:host(:hover:not([disabled])) .gux-list-item{color:#fdfdfd;background:#2a60c8}:host([disabled]) .gux-list-item{pointer-events:none;cursor:default;opacity:0.5}.gux-list-item{display:flex;height:max-content;padding:0 16px;line-height:32px;word-wrap:break-word;cursor:pointer}.gux-list-item .gux-text{width:100%}";const n=["gux-list-item-legacy:not([disabled])","gux-action-item:not([disabled])"].join(","),a=class{constructor(i){t(this,i),this.changed=s(this,"changed",7),this.selectedIndex=-1,this.observer=new MutationObserver((()=>{this.performHighlight(this.highlight)}))}emitChanged(t){this.changed.emit(t)}itemSelected(t){t.detail&&(this.value=t.detail)}valueHandler(t){this.emitChanged(t)}async setFocusOnFirstItem(){this.selectedIndex=0,this.updateTabIndexes()}async setFocusOnLastItem(){const t=this.getFilteredList();this.selectedIndex=t.length-1,this.updateTabIndexes()}async isLastItemSelected(){const t=this.getFilteredList();return this.selectedIndex===t.length-1}async isFirstItemSelected(){return this.selectedIndex<=0}componentWillLoad(){r(this.root)}componentDidLoad(){this.performHighlight(this.highlight),this.observer.observe(this.root,{childList:!0,subtree:!0})}disconnectedCallback(){this.observer.disconnect()}render(){return this.performHighlight(this.highlight),this.updateTabIndexes(),i("div",{class:"gux-list-items-container",role:"list",tabindex:0,onKeyDown:t=>this.onKeyDown(t)},i("slot",null))}onKeyDown(t){if(!["ArrowUp","ArrowDown","End","Home"].includes(t.key))return;const s=this.getFilteredList();let i=-1;switch(t.key){case"ArrowUp":0!==this.selectedIndex?(t.preventDefault(),i=this.selectedIndex-1,t.stopPropagation()):this.isCommandPaletteList()||(t.preventDefault(),i=s.length-1);break;case"Home":this.selectedIndex&&(i=0);break;case"ArrowDown":this.selectedIndex!==s.length-1?(t.preventDefault(),i=this.selectedIndex+1,t.stopPropagation()):this.isCommandPaletteList()||(t.preventDefault(),i=0,t.stopPropagation());break;case"End":this.selectedIndex!==s.length-1&&(i=s.length-1)}-1!==i&&(this.selectedIndex=i)}isCommandPaletteList(){return Boolean(this.root.closest("gux-command-palette-legacy"))}updateTabIndexes(){const t=this.getFilteredList();t&&-1!==this.selectedIndex&&t.forEach(((t,s)=>{s!==this.selectedIndex?t.setAttribute("tabindex","-1"):(t.setAttribute("tabindex","0"),t.focus(),setTimeout((()=>{this.value=t.value})))}))}performHighlight(t){const s=this.root.querySelectorAll("gux-text-highlight");s&&s.forEach((s=>{s.highlight=t}))}getFilteredList(){const t=this.root.querySelector("slot");return t?t.assignedElements().filter((t=>t.matches(n))):Array.from(this.root.querySelectorAll(n))}get root(){return o(this)}static get watchers(){return{value:["valueHandler"]}}};a.style=".gux-list-items-container{padding:8px 0;margin:0;list-style:none;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{h as gux_list_item_legacy,a as gux_list_legacy}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as n,g as s}from"./p-74b510cb.js";import{t as a}from"./p-210346ca.js";import{a as i,c as r,b as o,f as h}from"./p-4f26144b.js";import{g as d,a as l}from"./p-cf43f0c3.js";import"./p-8a133b9b.js";function c(t,e){u(t,"remove",e)}function u(t=[],e,n){const s=[].concat(t);for(const t of s)t.classList[e](n)}const g=class{constructor(n){t(this,n),this.input=e(this,"input",7),this.value="",this.minDate="",this.maxDate="",this.mode="single",this.numberOfMonths=1,this.previewValue=new Date,this.selectingDate=null,this.locale="en"}emitInput(){this.input.emit(this.value)}async setValue(t){if("range"===this.mode&&t instanceof Array){const[e,n]=t;this.value=i(e,n),this.previewValue=r(this.value)[0]}else{const e=t;this.value=o(e),this.previewValue=e}}async focusPreviewDate(){const t=this.root.shadowRoot.querySelector(`td[data-date="${this.previewValue.getTime()}"]`);t&&t.focus()}async resetCalendarView(t){this.previewValue=t}incrementPreviewDateByMonth(t){this.previewValue=new Date(this.previewValue.getFullYear(),this.previewValue.getMonth()+t,15,0,0,0),setTimeout((()=>{this.focusPreviewDate()}))}async setValueAndEmit(t){await this.setValue(t),this.emitInput()}getMonthLabel(t){const e=new Date(this.previewValue.getTime());e.setMonth(e.getMonth()+t);const n=e.toLocaleString(this.locale,{month:"long"});return n.charAt(0).toUpperCase()+n.slice(1)}getYearLabel(t){const e=new Date(this.previewValue.getTime());return e.setMonth(e.getMonth()+t),e.getFullYear()}firstDateInMonth(t,e){const n=new Date(e,t,1,1,0,0,0),s=n.getDay(),a=-1*(this.startDayOfWeek-s-7)%7;return new Date(n.getTime()-864e5*a)}outOfBounds(t){return""!==this.maxDate&&h(this.maxDate)<t||""!==this.minDate&&h(this.minDate)>t}generateDatesFrom(t,e,n){const s=[],a=new Date(e.getFullYear(),e.getMonth(),e.getDate(),0,0,0,0);for(let e=0;e<n;e++){const e=new Date(a.getFullYear(),a.getMonth(),a.getDate(),0,0,0,0),n=[];let i=!1;e.getMonth()!==t&&(n.push("gux-not-in-month"),"range"===this.mode&&(n.push("gux-hidden"),i=!0));let o=!1;this.outOfBounds(e)&&(n.push("gux-disabled"),o=!0);let d=!1;if("range"===this.mode){const[t,s]=r(this.value),a=t.getTime(),i=s.getTime();e.getTime()===a?(d=!0,n.push("gux-selected"),n.push("gux-start-date")):e.getTime()===i&&(d=!0,n.push("gux-selected"),n.push("gux-end-date"))}else{const t=h(this.value).getTime();e.getTime()===t&&(d=!0,n.push("gux-selected"))}s.push({class:n.join(" "),date:e,hidden:i,disabled:o,selected:d}),a.setDate(a.getDate()+1)}return s}create2DArray(t,e){const n=[];for(let s=0;s<e-1;s++){const a=t.slice(s*e,s*e+e);this.weekShouldBeDisplayed(a)&&n.push(a)}return n}weekShouldBeDisplayed(t){const e=t.find((t=>!t.hidden));return t.length&&!!e}getMonthDays(t){const e=new Date(this.previewValue.getTime());e.setMonth(e.getMonth()+t);const n=e.getMonth(),s=e.getFullYear(),a=this.firstDateInMonth(n,s),i=this.generateDatesFrom(n,a,42);return this.create2DArray(i,7)}addDays(t,e){const n=new Date(t.valueOf());return n.setDate(n.getDate()+e),n}getAllDatesElements(){const t=this.root.shadowRoot.querySelectorAll("td");return Array.from(t)}getAllSelectableDatesElements(){const t=this.root.shadowRoot.querySelectorAll('td[tabindex="0"]');return Array.from(t)}getRangeDatesElements(t,e){const n=[];let s;s=e<t?this.getRangeDates(e,t):this.getRangeDates(t,e);for(const t of s){const e=this.root.shadowRoot.querySelector(`td[data-date="${t.getTime()}"]:not(.gux-hidden)`);e&&n.push(e)}return n}getRangeDates(t,e){const n=[];let s=t;for(;s<=e;)n.push(new Date(s)),s=this.addDays(s,1);return n}async onDateClick(t){if(!this.outOfBounds(t))if("range"!==this.mode)await this.setValueAndEmit(t);else if(null===this.selectingDate)c(this.getAllDatesElements(),"gux-hovered"),this.selectingDate=new Date(t.valueOf()),this.value=i(t,t);else{const e=this.root.shadowRoot.querySelector(`td[data-date="${t.getTime()}"]`);e&&e.classList.add("gux-selected"),this.updateRangeElements(),await this.setValueAndEmit([this.selectingDate,t]),this.previewValue=t,this.selectingDate=null}}onDateMouseEnter(t){"range"===this.mode&&null!==this.selectingDate&&(this.value=i(t,this.selectingDate),this.updateRangeElements())}updateRangeElements(){if("range"===this.mode){c(this.getAllDatesElements(),"gux-hovered");const[t,e]=r(this.value);u(this.getRangeDatesElements(t,e),"add","gux-hovered")}}async onKeyDown(t){switch(t.key){case" ":case"Enter":t.preventDefault(),await this.onDateClick(this.previewValue);break;case"ArrowDown":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+7)),this.onDateMouseEnter(this.previewValue),setTimeout((()=>{this.focusPreviewDate()}));break;case"ArrowUp":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-7)),this.onDateMouseEnter(this.previewValue),setTimeout((()=>{this.focusPreviewDate()}));break;case"ArrowLeft":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-1)),this.onDateMouseEnter(this.previewValue),setTimeout((()=>{this.focusPreviewDate()}));break;case"ArrowRight":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+1)),this.onDateMouseEnter(this.previewValue),setTimeout((()=>{this.focusPreviewDate()}));break;case"PageUp":this.incrementPreviewDateByMonth(1),this.onDateMouseEnter(this.previewValue);break;case"PageDown":this.incrementPreviewDateByMonth(-1),this.onDateMouseEnter(this.previewValue)}}shiftArray(t,e){return t.concat(t.splice(0,e>t.length?e%t.length:e))}getWeekdays(){const t=[],e=new Date(1970,0,4);for(let n=0;n<7;n++){const n=e.toLocaleString(this.locale,{weekday:"narrow"});t.push(n),e.setDate(e.getDate()+1)}return this.shiftArray(t,this.startDayOfWeek)}componentWillLoad(){if(a(this.root,{variant:this.mode}),this.locale=d(this.root),this.startDayOfWeek=l(this.locale),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?i(t,t):o(t)}this.previewValue=h(this.value)}componentDidRender(){this.updateRangeElements()}renderMonthHeader(){return n("div",{class:"gux-month-list"},Array.from(Array(this.numberOfMonths).keys()).map((t=>n("label",null,this.getMonthLabel(t)," ",this.getYearLabel(t)))))}renderCalendarTable(t){return n("table",null,n("tr",null,this.getWeekdays().map((t=>n("th",null,t)))),this.getMonthDays(t).map((e=>n("tr",null,e.map((e=>n("td",{tabindex:e.selected?"0":"-1",class:e.class,"aria-hidden":e.hidden?"true":"false","data-date":e.date.getTime(),onClick:()=>{this.onDateClick(e.date)},onMouseEnter:()=>this.onDateMouseEnter(e.date),onKeyDown:t=>{this.onKeyDown(t)}},e.date.getDate(),n("span",{class:"gux-sr-only"},this.getMonthLabel(t)," ",e.date.getFullYear()))))))))}render(){return n("div",{class:"gux-calendar"},n("div",{class:"gux-header"},n("button",{type:"button",class:"gux-left",onClick:()=>this.incrementPreviewDateByMonth(-1),tabindex:"-1","aria-hidden":"true"},n("gux-icon",{decorative:!0,"icon-name":"chevron-small-left"})),this.renderMonthHeader(),n("button",{type:"button",class:"gux-right",onClick:()=>this.incrementPreviewDateByMonth(1),tabindex:"-1","aria-hidden":"true"},n("gux-icon",{decorative:!0,"icon-name":"chevron-small-right"}))),n("div",{class:"gux-content"},Array.from(Array(this.numberOfMonths).keys()).map((t=>this.renderCalendarTable(t)))))}get root(){return s(this)}};g.style=":host{display:inline-block}.gux-calendar{margin-top:2px;border:1px solid #b4bccb;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24);border-radius:4px}.gux-calendar .gux-header{position:relative;display:flex;align-items:center;justify-content:space-between;height:16px;padding:16px;color:#fdfdfd;background-color:#2a60c8;border-top-left-radius:3px;border-top-right-radius:3px}.gux-calendar .gux-header button{position:absolute;padding:5px;color:#fdfdfd;cursor:pointer;background:none;border:none;outline:none}.gux-calendar .gux-header button:focus{outline:#75a8ff auto 5px}.gux-calendar .gux-header button.gux-left{left:18px}.gux-calendar .gux-header button.gux-right{right:18px}.gux-calendar .gux-header button gux-icon{width:16px;height:16px;pointer-events:none}.gux-calendar .gux-header .gux-month-list{display:flex;justify-content:space-between;width:100%}.gux-calendar .gux-header .gux-month-list label{width:100%;text-align:center;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}.gux-calendar .gux-content{display:flex;padding:20px 24px;color:#2e394c;background-color:#fdfdfd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.gux-calendar .gux-content table{width:168px;text-align:left;table-layout:fixed;border-spacing:0;-ms-user-select:none;user-select:none}.gux-calendar .gux-content table:not(:last-child){padding-right:24px}.gux-calendar .gux-content table tr{height:28px}.gux-calendar .gux-content table tr:empty{display:none}.gux-calendar .gux-content table tr th,.gux-calendar .gux-content table tr td{width:28px;height:28px;padding:0;margin:0;text-align:center;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-calendar .gux-content table tr th{font-family:Roboto, sans-serif;font-weight:400;font-weight:700}.gux-calendar .gux-content table tr td{cursor:pointer}.gux-calendar .gux-content table tr td.gux-hovered{background-color:#deeaff}.gux-calendar .gux-content table tr td.gux-selected{color:#fdfdfd;background-color:#2a60c8;border-radius:4px}.gux-calendar .gux-content table tr td.gux-selected.gux-start-date{border-radius:4px 0 0 4px}.gux-calendar .gux-content table tr td.gux-selected.gux-end-date{border-radius:0 4px 4px 0}.gux-calendar .gux-content table tr td:hover:not(.gux-calendar .gux-content table tr td.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-end-date){color:#fdfdfd;background-color:#2a60c8;border-radius:4px}.gux-calendar .gux-content table tr td.gux-disabled{color:#596373;pointer-events:none}.gux-calendar .gux-content table tr td.gux-not-in-month{color:#596373}.gux-calendar .gux-content table tr td.gux-not-in-month:hover{color:#2e394c;background-color:#e2e6ee}.gux-calendar .gux-content table tr td.gux-not-in-month.gux-hidden{visibility:hidden}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{g as gux_calendar}
|
|
1
|
+
import{r as t,c as e,h as n,g as s}from"./p-74b510cb.js";import{t as a}from"./p-0792b920.js";import{a as i,c as r,b as o,f as h}from"./p-4f26144b.js";import{g as d,a as l}from"./p-cf43f0c3.js";import"./p-8a133b9b.js";function c(t,e){u(t,"remove",e)}function u(t=[],e,n){const s=[].concat(t);for(const t of s)t.classList[e](n)}const g=class{constructor(n){t(this,n),this.input=e(this,"input",7),this.value="",this.minDate="",this.maxDate="",this.mode="single",this.numberOfMonths=1,this.previewValue=new Date,this.selectingDate=null,this.locale="en"}emitInput(){this.input.emit(this.value)}async setValue(t){if("range"===this.mode&&t instanceof Array){const[e,n]=t;this.value=i(e,n),this.previewValue=r(this.value)[0]}else{const e=t;this.value=o(e),this.previewValue=e}}async focusPreviewDate(){const t=this.root.shadowRoot.querySelector(`td[data-date="${this.previewValue.getTime()}"]`);t&&t.focus()}async resetCalendarView(t){this.previewValue=t}incrementPreviewDateByMonth(t){this.previewValue=new Date(this.previewValue.getFullYear(),this.previewValue.getMonth()+t,15,0,0,0),setTimeout((()=>{this.focusPreviewDate()}))}async setValueAndEmit(t){await this.setValue(t),this.emitInput()}getMonthLabel(t){const e=new Date(this.previewValue.getTime());e.setMonth(e.getMonth()+t);const n=e.toLocaleString(this.locale,{month:"long"});return n.charAt(0).toUpperCase()+n.slice(1)}getYearLabel(t){const e=new Date(this.previewValue.getTime());return e.setMonth(e.getMonth()+t),e.getFullYear()}firstDateInMonth(t,e){const n=new Date(e,t,1,1,0,0,0),s=n.getDay(),a=-1*(this.startDayOfWeek-s-7)%7;return new Date(n.getTime()-864e5*a)}outOfBounds(t){return""!==this.maxDate&&h(this.maxDate)<t||""!==this.minDate&&h(this.minDate)>t}generateDatesFrom(t,e,n){const s=[],a=new Date(e.getFullYear(),e.getMonth(),e.getDate(),0,0,0,0);for(let e=0;e<n;e++){const e=new Date(a.getFullYear(),a.getMonth(),a.getDate(),0,0,0,0),n=[];let i=!1;e.getMonth()!==t&&(n.push("gux-not-in-month"),"range"===this.mode&&(n.push("gux-hidden"),i=!0));let o=!1;this.outOfBounds(e)&&(n.push("gux-disabled"),o=!0);let d=!1;if("range"===this.mode){const[t,s]=r(this.value),a=t.getTime(),i=s.getTime();e.getTime()===a?(d=!0,n.push("gux-selected"),n.push("gux-start-date")):e.getTime()===i&&(d=!0,n.push("gux-selected"),n.push("gux-end-date"))}else{const t=h(this.value).getTime();e.getTime()===t&&(d=!0,n.push("gux-selected"))}s.push({class:n.join(" "),date:e,hidden:i,disabled:o,selected:d}),a.setDate(a.getDate()+1)}return s}create2DArray(t,e){const n=[];for(let s=0;s<e-1;s++){const a=t.slice(s*e,s*e+e);this.weekShouldBeDisplayed(a)&&n.push(a)}return n}weekShouldBeDisplayed(t){const e=t.find((t=>!t.hidden));return t.length&&!!e}getMonthDays(t){const e=new Date(this.previewValue.getTime());e.setMonth(e.getMonth()+t);const n=e.getMonth(),s=e.getFullYear(),a=this.firstDateInMonth(n,s),i=this.generateDatesFrom(n,a,42);return this.create2DArray(i,7)}addDays(t,e){const n=new Date(t.valueOf());return n.setDate(n.getDate()+e),n}getAllDatesElements(){const t=this.root.shadowRoot.querySelectorAll("td");return Array.from(t)}getAllSelectableDatesElements(){const t=this.root.shadowRoot.querySelectorAll('td[tabindex="0"]');return Array.from(t)}getRangeDatesElements(t,e){const n=[];let s;s=e<t?this.getRangeDates(e,t):this.getRangeDates(t,e);for(const t of s){const e=this.root.shadowRoot.querySelector(`td[data-date="${t.getTime()}"]:not(.gux-hidden)`);e&&n.push(e)}return n}getRangeDates(t,e){const n=[];let s=t;for(;s<=e;)n.push(new Date(s)),s=this.addDays(s,1);return n}async onDateClick(t){if(!this.outOfBounds(t))if("range"!==this.mode)await this.setValueAndEmit(t);else if(null===this.selectingDate)c(this.getAllDatesElements(),"gux-hovered"),this.selectingDate=new Date(t.valueOf()),this.value=i(t,t);else{const e=this.root.shadowRoot.querySelector(`td[data-date="${t.getTime()}"]`);e&&e.classList.add("gux-selected"),this.updateRangeElements(),await this.setValueAndEmit([this.selectingDate,t]),this.previewValue=t,this.selectingDate=null}}onDateMouseEnter(t){"range"===this.mode&&null!==this.selectingDate&&(this.value=i(t,this.selectingDate),this.updateRangeElements())}updateRangeElements(){if("range"===this.mode){c(this.getAllDatesElements(),"gux-hovered");const[t,e]=r(this.value);u(this.getRangeDatesElements(t,e),"add","gux-hovered")}}async onKeyDown(t){switch(t.key){case" ":case"Enter":t.preventDefault(),await this.onDateClick(this.previewValue);break;case"ArrowDown":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+7)),this.onDateMouseEnter(this.previewValue),setTimeout((()=>{this.focusPreviewDate()}));break;case"ArrowUp":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-7)),this.onDateMouseEnter(this.previewValue),setTimeout((()=>{this.focusPreviewDate()}));break;case"ArrowLeft":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-1)),this.onDateMouseEnter(this.previewValue),setTimeout((()=>{this.focusPreviewDate()}));break;case"ArrowRight":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+1)),this.onDateMouseEnter(this.previewValue),setTimeout((()=>{this.focusPreviewDate()}));break;case"PageUp":this.incrementPreviewDateByMonth(1),this.onDateMouseEnter(this.previewValue);break;case"PageDown":this.incrementPreviewDateByMonth(-1),this.onDateMouseEnter(this.previewValue)}}shiftArray(t,e){return t.concat(t.splice(0,e>t.length?e%t.length:e))}getWeekdays(){const t=[],e=new Date(1970,0,4);for(let n=0;n<7;n++){const n=e.toLocaleString(this.locale,{weekday:"narrow"});t.push(n),e.setDate(e.getDate()+1)}return this.shiftArray(t,this.startDayOfWeek)}componentWillLoad(){if(a(this.root,{variant:this.mode}),this.locale=d(this.root),this.startDayOfWeek=l(this.locale),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?i(t,t):o(t)}this.previewValue=h(this.value)}componentDidRender(){this.updateRangeElements()}renderMonthHeader(){return n("div",{class:"gux-month-list"},Array.from(Array(this.numberOfMonths).keys()).map((t=>n("label",null,this.getMonthLabel(t)," ",this.getYearLabel(t)))))}renderCalendarTable(t){return n("table",null,n("tr",null,this.getWeekdays().map((t=>n("th",null,t)))),this.getMonthDays(t).map((e=>n("tr",null,e.map((e=>n("td",{tabindex:e.selected?"0":"-1",class:e.class,"aria-hidden":e.hidden?"true":"false","data-date":e.date.getTime(),onClick:()=>{this.onDateClick(e.date)},onMouseEnter:()=>this.onDateMouseEnter(e.date),onKeyDown:t=>{this.onKeyDown(t)}},e.date.getDate(),n("span",{class:"gux-sr-only"},this.getMonthLabel(t)," ",e.date.getFullYear()))))))))}render(){return n("div",{class:"gux-calendar"},n("div",{class:"gux-header"},n("button",{type:"button",class:"gux-left",onClick:()=>this.incrementPreviewDateByMonth(-1),tabindex:"-1","aria-hidden":"true"},n("gux-icon",{decorative:!0,"icon-name":"chevron-small-left"})),this.renderMonthHeader(),n("button",{type:"button",class:"gux-right",onClick:()=>this.incrementPreviewDateByMonth(1),tabindex:"-1","aria-hidden":"true"},n("gux-icon",{decorative:!0,"icon-name":"chevron-small-right"}))),n("div",{class:"gux-content"},Array.from(Array(this.numberOfMonths).keys()).map((t=>this.renderCalendarTable(t)))))}get root(){return s(this)}};g.style=":host{display:inline-block}.gux-calendar{margin-top:2px;border:1px solid #b4bccb;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24);border-radius:4px}.gux-calendar .gux-header{position:relative;display:flex;align-items:center;justify-content:space-between;height:16px;padding:16px;color:#fdfdfd;background-color:#2a60c8;border-top-left-radius:3px;border-top-right-radius:3px}.gux-calendar .gux-header button{position:absolute;padding:5px;color:#fdfdfd;cursor:pointer;background:none;border:none;outline:none}.gux-calendar .gux-header button:focus{outline:#75a8ff auto 5px}.gux-calendar .gux-header button.gux-left{left:18px}.gux-calendar .gux-header button.gux-right{right:18px}.gux-calendar .gux-header button gux-icon{width:16px;height:16px;pointer-events:none}.gux-calendar .gux-header .gux-month-list{display:flex;justify-content:space-between;width:100%}.gux-calendar .gux-header .gux-month-list label{width:100%;text-align:center;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}.gux-calendar .gux-content{display:flex;padding:20px 24px;color:#2e394c;background-color:#fdfdfd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.gux-calendar .gux-content table{width:168px;text-align:left;table-layout:fixed;border-spacing:0;-ms-user-select:none;user-select:none}.gux-calendar .gux-content table:not(:last-child){padding-right:24px}.gux-calendar .gux-content table tr{height:28px}.gux-calendar .gux-content table tr:empty{display:none}.gux-calendar .gux-content table tr th,.gux-calendar .gux-content table tr td{width:28px;height:28px;padding:0;margin:0;text-align:center;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-calendar .gux-content table tr th{font-family:Roboto, sans-serif;font-weight:400;font-weight:700}.gux-calendar .gux-content table tr td{cursor:pointer}.gux-calendar .gux-content table tr td.gux-hovered{background-color:#deeaff}.gux-calendar .gux-content table tr td.gux-selected{color:#fdfdfd;background-color:#2a60c8;border-radius:4px}.gux-calendar .gux-content table tr td.gux-selected.gux-start-date{border-radius:4px 0 0 4px}.gux-calendar .gux-content table tr td.gux-selected.gux-end-date{border-radius:0 4px 4px 0}.gux-calendar .gux-content table tr td:hover:not(.gux-calendar .gux-content table tr td.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-end-date){color:#fdfdfd;background-color:#2a60c8;border-radius:4px}.gux-calendar .gux-content table tr td.gux-disabled{color:#596373;pointer-events:none}.gux-calendar .gux-content table tr td.gux-not-in-month{color:#596373}.gux-calendar .gux-content table tr td.gux-not-in-month:hover{color:#2e394c;background-color:#e2e6ee}.gux-calendar .gux-content table tr td.gux-not-in-month.gux-hidden{visibility:hidden}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{g as gux_calendar}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as o,g as s}from"./p-74b510cb.js";import{t as n}from"./p-
|
|
1
|
+
import{r as t,c as i,h as o,g as s}from"./p-74b510cb.js";import{t as n}from"./p-0792b920.js";import{O as e}from"./p-acd2fa20.js";import{b as a}from"./p-cf43f0c3.js";import"./p-8a133b9b.js";const c={actionButtonDropdown:"Dropdown for {buttonTitle}"};const r=class{constructor(o){t(this,o),this.open=i(this,"open",7),this.close=i(this,"close",7),this.actionClick=i(this,"actionClick",7),this.moveFocusDelay=100,this.type="button",this.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){switch(t.key){case" ":t.composedPath().includes(this.dropdownButton)&&(this.isOpen=!0,this.focusFirstItemInPopupList())}}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(t){null===t.relatedTarget&&(this.isOpen=!1)}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){setTimeout((()=>{this.listElement.focus&&this.listElement.focus()}),this.moveFocusDelay)}focusFirstItemInPopupList(){setTimeout((()=>{this.listElement.guxFocusFirstItem()}),this.moveFocusDelay)}onActionClick(){this.disabled||(this.isOpen=!1,this.actionClick.emit())}async componentWillLoad(){n(this.root,{variant:this.type}),this.i18n=await a(this.root,c)}render(){return o("div",{class:"gux-action-button-container"},o("gux-popup",{expanded:this.isOpen,disabled:this.disabled},o("div",{slot:"target",class:"gux-action-button-container"},o("gux-button-slot-beta",{class:"gux-action-button",accent:this.accent},o("button",{type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},this.text)),o("gux-button-slot-beta",{class:"gux-dropdown-button",accent:this.accent},o("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),"aria-label":this.i18n("actionButtonDropdown",{buttonTitle:this.text})},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),o("div",{class:"gux-list-container",slot:"popup"},o("gux-list",{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 c=t.length-1;c>=0;c--)(n=t[c])&&(a=(e<3?n(a):e>3?n(i,o,a):n(i,o))||a);e>3&&a&&Object.defineProperty(i,o,a)})([e({triggerEvents:"click"})],r.prototype,"onClickOutside",null),r.style=":host{display:block;-webkit-user-select:none;user-select:none;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-action-button-container{min-width:128px}.gux-action-button-container>*{vertical-align:middle}.gux-action-button-container .gux-action-button{width:calc(100% - 33px);margin-right:1px}.gux-action-button-container .gux-action-button button{width:100%;max-width:none;text-align:center;border-top-right-radius:0;border-bottom-right-radius:0}.gux-action-button-container .gux-dropdown-button button{width:32px;min-width:0;padding:0;border-top-left-radius:0;border-bottom-left-radius:0}.gux-action-button-container .gux-dropdown-button button gux-icon{width:16px;height:16px}.gux-action-button-container .gux-list-container{padding:8px 0;margin:0;list-style:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{r as gux_action_button}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as o,g as a}from"./p-74b510cb.js";import{c as i,o as s}from"./p-3f5341ea.js";import{O as r}from"./p-e3c80187.js";import{p as l}from"./p-c10e41a9.js";import{t as n}from"./p-
|
|
1
|
+
import{r as e,h as t,H as o,g as a}from"./p-74b510cb.js";import{c as i,o as s}from"./p-3f5341ea.js";import{O as r}from"./p-e3c80187.js";import{p as l}from"./p-c10e41a9.js";import{t as n}from"./p-0792b920.js";import{h as c,G as h,v as p}from"./p-8caf2514.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const d=class{constructor(t){e(this,t),this.hasError=!1}onMutation(){this.hasError=c(this.root)}componentWillLoad(){this.setInput(),this.hasError=c(this.root),n(this.root)}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return t(o,{class:{"gux-input-error":this.hasError,"gux-disabled":this.disabled}},t("div",{class:"gux-form-field-container"},t("div",{class:"gux-input"},t("slot",{name:"input",onSlotchange:()=>this.setInput()}),t("slot",{name:"label"})),t(h,{hasError:this.hasError},t("slot",{name:"error"}))))}setInput(){this.input=this.root.querySelector('input[type="checkbox"][slot="input"]'),l(this.input),this.disabled=i(this.input),this.disabledObserver=s(this.input,(e=>{this.disabled=e})),p(this.root,this.input)}get root(){return a(this)}};(function(e,t,o,a){var i,s=arguments.length,r=s<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,o):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,a);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(r=(s<3?i(r):s>3?i(t,o,r):i(t,o))||r);s>3&&r&&Object.defineProperty(t,o,r)})([r({childList:!0,subtree:!0})],d.prototype,"onMutation",null),d.style=".gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}:host{display:block;color:#2e394c}:host(.gux-input-error) ::slotted(input[type='checkbox']:not(:checked))::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%23ea0b0b' /%3E%3C/svg%3E\")}:host(.gux-disabled){cursor:not-allowed;opacity:0.5}:host(.gux-disabled) ::slotted(label){cursor:not-allowed}.gux-input{position:relative;height:24px;line-height:24px}::slotted(input[type='checkbox']){display:inline-grid;width:16px;height:16px;margin:4px;text-align:center;vertical-align:middle;cursor:pointer;border:0;-webkit-appearance:none;appearance:none;outline:none}::slotted(input[type='checkbox'])::before{grid-area:1;content:'';border-radius:15%}::slotted(input[type='checkbox']:focus-within)::before{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}::slotted(input[type='checkbox']:not(:checked))::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%2377828f' /%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:not(:checked):not(:disabled):not(:indeterminate):hover)::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%232a60c8' /%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:checked)::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 1.467h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zM6.8 11 3.638 7.941l.89-.932L6.8 9.2l3.947-3.861.891.932z' fill='%232a60c8' /%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:indeterminate)::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.138 8.467h7v-1h-7zm7-7h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zm2 10a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2z' fill='%232a60c8' /%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:disabled)::before{cursor:not-allowed;opacity:0.5}::slotted(label){display:inline-block;font-size:12px;line-height:24px;vertical-align:middle}";export{d as gux_form_field_checkbox}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,g as o}from"./p-74b510cb.js";import{t as e}from"./p-
|
|
1
|
+
import{r as t,c as i,h as s,g as o}from"./p-74b510cb.js";import{t as e}from"./p-0792b920.js";import{b as n}from"./p-cf43f0c3.js";import"./p-8a133b9b.js";const r={previous:"Previous",next:"Next"},a=class{constructor(s){t(this,s),this.guxPaginationCursorchange=i(this,"guxPaginationCursorchange",7),this.hasPrevious=!1,this.hasNext=!1}onButtonClick(t){("previous"===t&&this.hasPrevious||"next"===t&&this.hasNext)&&this.guxPaginationCursorchange.emit(t)}async componentWillLoad(){e(this.root),this.i18n=await n(this.root,r)}render(){return[s("gux-button-slot-beta",{accent:"secondary"},s("button",{type:"button",title:this.i18n("previous"),disabled:!this.hasPrevious,onClick:()=>this.onButtonClick("previous")},s("gux-icon",{decorative:!0,iconName:"ic-chevron-small-left"}))),s("gux-button-slot-beta",{accent:"secondary"},s("button",{type:"button",title:this.i18n("next"),disabled:!this.hasNext,onClick:()=>this.onButtonClick("next")},s("gux-icon",{decorative:!0,iconName:"ic-chevron-small-right"})))]}get root(){return o(this)}};a.style=":host{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:space-between}";export{a as gux_pagination_cursor}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,g as i}from"./p-74b510cb.js";import{b as o}from"./p-cf43f0c3.js";import{c as n,o as r}from"./p-3f5341ea.js";import{O as s}from"./p-e3c80187.js";import{a}from"./p-e2bea786.js";import{p as l}from"./p-c10e41a9.js";import{t as u}from"./p-
|
|
1
|
+
import{r as t,h as e,g as i}from"./p-74b510cb.js";import{b as o}from"./p-cf43f0c3.js";import{c as n,o as r}from"./p-3f5341ea.js";import{O as s}from"./p-e3c80187.js";import{a}from"./p-e2bea786.js";import{p as l}from"./p-c10e41a9.js";import{t as u}from"./p-0792b920.js";import{s as p}from"./p-8fe7daff.js";import{s as c}from"./p-d176c2ae.js";import{G as x,a as d}from"./p-625f19b6.js";import{h as f,c as h,G as g,a as b,v as m,g as w}from"./p-8caf2514.js";import"./p-8a133b9b.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";const v={increment:"Increment",decrement:"Decrement"};const j=class{constructor(e){t(this,e),this.computedLabelPosition="above",this.hasContent=!1,this.hasError=!1}onMutation(){this.hasError=f(this.root)}async componentWillLoad(){this.getI18nValue=await o(this.root,v),this.setInput(),this.setLabel(),this.hasError=f(this.root),u(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){const t=this.clearable&&this.hasContent&&!this.disabled;return e(d,{labelPosition:this.computedLabelPosition},e(x,{position:this.computedLabelPosition,required:this.required},e("slot",{name:"label",onSlotchange:()=>this.setLabel()})),e("div",{class:"gux-input-and-error-container"},e("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},e("div",{class:{"gux-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:()=>h(this.input)})),this.renderStepButtons(this.input,this.getI18nValue,this.disabled)),e(g,{hasError:this.hasError},e("slot",{name:"error"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.clearable?"clearable":"unclearable"}-${t}`}setInput(){this.input=this.root.querySelector('input[type="number"][slot="input"]'),this.hasContent=b(this.input),l(this.input),this.input.addEventListener("input",(()=>{this.hasContent=b(this.input)})),this.disabled=n(this.input),this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=a(this.input,(t=>{this.required=t})),m(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=w(this.label,this.labelPosition)}renderStepButtons(t,i,o){return e("div",{class:"gux-step-buttons-container"},e("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:i("increment"),disabled:o,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:i("decrement"),disabled:o,onClick:()=>this.stepDown(t)},e("gux-icon",{"icon-name":"chevron-small-down",decorative:!0})))}stepDown(t){""===t.value?p(t,t.min||"0",!1):(t.stepDown(),this.simulateNativeInputAndChangeEvents(t))}stepUp(t){""===t.value?p(t,t.min||"0",!1):(t.stepUp(),this.simulateNativeInputAndChangeEvents(t))}simulateNativeInputAndChangeEvents(t){c(t,"input"),c(t,"change")}get root(){return i(this)}};(function(t,e,i,o){var n,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(n=t[a])&&(s=(r<3?n(s):r>3?n(e,i,s):n(e,i))||s);r>3&&s&&Object.defineProperty(e,i,s)})([s({childList:!0,subtree:!0})],j.prototype,"onMutation",null),j.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:108px;overflow:hidden;font-size:12px;color:#2e394c;text-align:right;text-overflow:ellipsis;background-color:#f6f7f9;border:none;outline:none}::slotted(input)::placeholder{color:#596373;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:-moz-fit-content;width:fit-content}.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;align-content:stretch;align-items:center;align-self:auto;justify-content:center;order:0;width:100%;height:32px;padding:4px 12px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:0.5}.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-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}.gux-step-buttons-container{flex:0 1 16px;align-self:auto;order:0;margin:0 4px}.gux-step-buttons-container .gux-step-button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}.gux-step-buttons-container .gux-step-button:not(:disabled):focus,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{color:#2a60c8;cursor:pointer}.gux-step-buttons-container .gux-step-button gux-icon{width:10px;height:10px}";export{j as gux_form_field_number}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,f as e,h as i,g as s,c as o,H as n}from"./p-74b510cb.js";import{O as r}from"./p-acd2fa20.js";import{b as a}from"./p-cf43f0c3.js";import{s as l}from"./p-d176c2ae.js";import{o as d,c as u}from"./p-3f5341ea.js";import{t as h}from"./p-210346ca.js";import{g as c,s as x,c as g,a as p,b as f,h as b,d as m,e as w,f as v,i as y,j as F,o as j}from"./p-3770c1e9.js";import{w as k}from"./p-76ff3e75.js";import{r as A}from"./p-cbcbd1bb.js";import"./p-8a133b9b.js";const C={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};const E=class{constructor(e){t(this,e),this.disabled=!1,this.required=!1,this.filterable=!1,this.expanded=!1,this.filter=""}focusSelectedItemAfterRender(t){t&&this.listboxElement&&requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.listboxElement.focus(),this.filterable&&this.filterElement.focus()}))})),t||(this.filter="")}validateValue(t){void 0!==t?this.getOptionElementByValue(t)?this.listboxElement.value=t:this.value=void 0:this.listboxElement.value=t}onKeydown(t){switch(t.key){case"Escape":return this.filterable&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),e(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}async componentWillLoad(){h(this.root),this.i18n=await a(this.root,C),this.listboxElement=this.root.querySelector("gux-listbox"),this.validateValue(this.value),d(this.root,(()=>{e(this.root)}))}componentDidLoad(){this.listboxElement.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),this.listboxElement.addEventListener("change",(t=>{t.stopPropagation()}))}componentWillRender(){this.validateValue(this.value),this.listboxElement.filter=this.filter}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=this.root.querySelectorAll("gux-option");return Array.from(e).find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.filterable&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.filterable&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),void this.listboxElement.focus();case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){switch(t.key){case" ":return void t.preventDefault()}}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,this.collapseListbox("focusFieldButton"),l(this.root,"input"),l(this.root,"change"))}getSuggestionText(t){const e=t.length;if(e>0){const i=c(this.listboxElement,t);if(i)return i.textContent.substring(e)}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?i("div",{class:"gux-selected-option"},t.textContent):i("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderFilterInputField(){if(this.expanded&&this.filterable)return i("div",{class:"gux-field gux-input-field"},i("div",{class:"gux-field-content"},i("div",{class:"gux-filter"},i("div",{class:"gux-filter-display"},i("span",{class:"gux-filter-text"},this.filter),i("span",{class:"gux-filter-suggestion"},this.getSuggestionText(this.filter))),i("div",{class:"input-and-dropdown-button"},i("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this)})))))}renderPopup(){return i("div",{slot:"popup",class:"gux-listbox-container"},i("slot",null))}renderTarget(){return i("div",{class:{"gux-target-container-expanded":this.expanded&&this.filterable,"gux-target-container-collapsed":!(this.expanded&&this.filterable)},slot:"target"},this.renderFilterInputField(),i("button",{type:"button",class:"gux-field gux-field-button",disabled:u(this.root),onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),i("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:"chevron-small-down"})))}renderTargetContent(){if(!this.expanded||!this.filterable)return i("div",{class:"gux-field-content"},this.renderTargetDisplay())}render(){return i("gux-popup",{expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return s(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],value:["validateValue"]}}};(function(t,e,i,s){var o,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(r=(n<3?o(r):n>3?o(e,i,r):o(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([r({triggerEvents:"mousedown"})],E.prototype,"onClickOutside",null),E.style=":host{color:#2e394c}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:6px 8px 6px 6px;font-family:inherit;font-size:12px;line-height:1.6667;cursor:pointer;background-color:#f6f7f9}.gux-field.gux-input-field{height:30px}.gux-field .gux-field-content{display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;min-width:0;height:100%}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;color:transparent;caret-color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:#596373}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:#596373}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px;padding-left:8px;color:#596373}.gux-target-container-expanded{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-expanded:focus-within{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:30px;padding:0 0 0 8px;margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-collapsed .gux-field-button:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-listbox-container{box-sizing:border-box;margin:0;color:#2e394c}";const L={noMatches:"No matches"},O=class{constructor(e){t(this,e),this.internallistboxoptionsupdated=o(this,"internallistboxoptionsupdated",7),this.filter="",this.selectedValues=[],this.listboxOptions=[]}onFocus(){x(this.root)}onBlur(){g(this.root)}onKeydown(t){switch(t.key){case"Enter":return t.preventDefault(),void y(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(w(this.root)?(t.stopPropagation(),v(this.root)):f(this.root));case"ArrowUp":return t.preventDefault(),void(b(this.root)?(t.stopPropagation(),m(this.root)):p(this.root));case"Home":return t.preventDefault(),void f(this.root);case"End":return t.preventDefault(),void p(this.root);case" ":return void t.preventDefault()}1!==t.key.length||F(this.root,t.key)}onKeyup(t){switch(t.key){case" ":return void y(this.root,(t=>this.updateValue(t)))}}onMousemove(){g(this.root)}onClick(t){k("gux-option",t,(t=>{j(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){y(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=Array.from(this.root.children),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),l(this.root,"input"),l(this.root,"change")}async componentWillLoad(){h(this.root),this.i18n=await a(this.root,L),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,t.filtered=!t.textContent.toLowerCase().startsWith(this.filter.toLowerCase())})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length,this.filter&&f(this.root)}renderAllListboxOptionsFiltered(){if(this.allListboxOptionsFiltered)return i("div",{class:"gux-no-matches"},this.i18n("noMatches"))}render(){return i(n,{role:"listbox",tabindex:0},i("slot",{onSlotchange:()=>this.setListboxOptions()}),this.renderAllListboxOptionsFiltered())}get root(){return s(this)}};O.style=":host{box-sizing:border-box;display:block;max-height:20rem;padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;outline:none}:host(:focus){outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-no-matches{box-sizing:border-box;height:32px;padding:8px 16px;color:#2e394c}";const R=class{constructor(e){t(this,e),this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hovered=!1}onmouseenter(){this.hovered=!0}onMouseleave(){this.hovered=!1}componentWillLoad(){this.root.id=this.root.id||A("gux-option")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}render(){return i(n,{role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled,"gux-filtered":this.filtered,"gux-hovered":this.hovered,"gux-selected":this.selected},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},i("slot",null))}get root(){return s(this)}};R.style="gux-option{box-sizing:border-box;display:flex;min-height:32px;padding:8px 16px;color:#2e394c;word-wrap:break-word;cursor:pointer}gux-option.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-option.gux-selected{background:#deeaff}gux-option.gux-active,gux-option.gux-hovered:not([disabled]){color:#fdfdfd;background:#2a60c8}gux-option.gux-filtered{display:none}";export{E as gux_dropdown,O as gux_listbox,R as gux_option}
|
|
1
|
+
import{r as t,f as e,h as i,g as s,c as o,H as n}from"./p-74b510cb.js";import{O as r}from"./p-acd2fa20.js";import{b as a}from"./p-cf43f0c3.js";import{s as l}from"./p-d176c2ae.js";import{o as d,c as u}from"./p-3f5341ea.js";import{t as h}from"./p-0792b920.js";import{g as c,s as x,c as g,a as p,b as f,h as b,d as m,e as w,f as v,i as y,j as F,o as j}from"./p-3770c1e9.js";import{w as k}from"./p-76ff3e75.js";import{r as A}from"./p-cbcbd1bb.js";import"./p-8a133b9b.js";const C={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};const E=class{constructor(e){t(this,e),this.disabled=!1,this.required=!1,this.filterable=!1,this.expanded=!1,this.filter=""}focusSelectedItemAfterRender(t){t&&this.listboxElement&&requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.listboxElement.focus(),this.filterable&&this.filterElement.focus()}))})),t||(this.filter="")}validateValue(t){void 0!==t?this.getOptionElementByValue(t)?this.listboxElement.value=t:this.value=void 0:this.listboxElement.value=t}onKeydown(t){switch(t.key){case"Escape":return this.filterable&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),e(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}async componentWillLoad(){h(this.root),this.i18n=await a(this.root,C),this.listboxElement=this.root.querySelector("gux-listbox"),this.validateValue(this.value),d(this.root,(()=>{e(this.root)}))}componentDidLoad(){this.listboxElement.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),this.listboxElement.addEventListener("change",(t=>{t.stopPropagation()}))}componentWillRender(){this.validateValue(this.value),this.listboxElement.filter=this.filter}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=this.root.querySelectorAll("gux-option");return Array.from(e).find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.filterable&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.filterable&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),void this.listboxElement.focus();case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){switch(t.key){case" ":return void t.preventDefault()}}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,l(this.root,"input"),l(this.root,"change")),this.collapseListbox("focusFieldButton")}getSuggestionText(t){const e=t.length;if(e>0){const i=c(this.listboxElement,t);if(i)return i.textContent.substring(e)}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?i("div",{class:"gux-selected-option"},t.textContent):i("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderFilterInputField(){if(this.expanded&&this.filterable)return i("div",{class:"gux-field gux-input-field"},i("div",{class:"gux-field-content"},i("div",{class:"gux-filter"},i("div",{class:"gux-filter-display"},i("span",{class:"gux-filter-text"},this.filter),i("span",{class:"gux-filter-suggestion"},this.getSuggestionText(this.filter))),i("div",{class:"input-and-dropdown-button"},i("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this)})))))}renderPopup(){return i("div",{slot:"popup",class:"gux-listbox-container"},i("slot",null))}renderTarget(){return i("div",{class:{"gux-target-container-expanded":this.expanded&&this.filterable,"gux-target-container-collapsed":!(this.expanded&&this.filterable)},slot:"target"},this.renderFilterInputField(),i("button",{type:"button",class:"gux-field gux-field-button",disabled:u(this.root),onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),i("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:"chevron-small-down"})))}renderTargetContent(){if(!this.expanded||!this.filterable)return i("div",{class:"gux-field-content"},this.renderTargetDisplay())}render(){return i("gux-popup",{expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return s(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],value:["validateValue"]}}};(function(t,e,i,s){var o,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(r=(n<3?o(r):n>3?o(e,i,r):o(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([r({triggerEvents:"mousedown"})],E.prototype,"onClickOutside",null),E.style=":host{color:#2e394c}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:6px 8px 6px 6px;font-family:inherit;font-size:12px;line-height:1.6667;cursor:pointer;background-color:#f6f7f9}.gux-field.gux-input-field{height:30px}.gux-field .gux-field-content{display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;min-width:0;height:100%}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;color:transparent;caret-color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:#596373}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:#596373}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px;padding-left:8px;color:#596373}.gux-target-container-expanded{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-expanded:focus-within{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:30px;padding:0 0 0 8px;margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-collapsed .gux-field-button:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-listbox-container{box-sizing:border-box;margin:0;color:#2e394c}";const L={noMatches:"No matches"},O=class{constructor(e){t(this,e),this.internallistboxoptionsupdated=o(this,"internallistboxoptionsupdated",7),this.filter="",this.selectedValues=[],this.listboxOptions=[]}onFocus(){x(this.root)}onBlur(){g(this.root)}onKeydown(t){switch(t.key){case"Enter":return t.preventDefault(),void y(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(w(this.root)?(t.stopPropagation(),v(this.root)):f(this.root));case"ArrowUp":return t.preventDefault(),void(b(this.root)?(t.stopPropagation(),m(this.root)):p(this.root));case"Home":return t.preventDefault(),void f(this.root);case"End":return t.preventDefault(),void p(this.root);case" ":return void t.preventDefault()}1!==t.key.length||F(this.root,t.key)}onKeyup(t){switch(t.key){case" ":return void y(this.root,(t=>this.updateValue(t)))}}onMousemove(){g(this.root)}onClick(t){k("gux-option",t,(t=>{j(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){y(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=Array.from(this.root.children),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),l(this.root,"input"),l(this.root,"change")}async componentWillLoad(){h(this.root),this.i18n=await a(this.root,L),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,t.filtered=!t.textContent.toLowerCase().startsWith(this.filter.toLowerCase())})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length,this.filter&&f(this.root)}renderAllListboxOptionsFiltered(){if(this.allListboxOptionsFiltered)return i("div",{class:"gux-no-matches"},this.i18n("noMatches"))}render(){return i(n,{role:"listbox",tabindex:0},i("slot",{onSlotchange:()=>this.setListboxOptions()}),this.renderAllListboxOptionsFiltered())}get root(){return s(this)}};O.style=":host{box-sizing:border-box;display:block;max-height:20rem;padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;outline:none}:host(:focus){outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-no-matches{box-sizing:border-box;height:32px;padding:8px 16px;color:#2e394c}";const R=class{constructor(e){t(this,e),this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hovered=!1}onmouseenter(){this.hovered=!0}onMouseleave(){this.hovered=!1}componentWillLoad(){this.root.id=this.root.id||A("gux-option")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}render(){return i(n,{role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled,"gux-filtered":this.filtered,"gux-hovered":this.hovered,"gux-selected":this.selected},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},i("slot",null))}get root(){return s(this)}};R.style="gux-option{box-sizing:border-box;display:flex;min-height:32px;padding:8px 16px;color:#2e394c;word-wrap:break-word;cursor:pointer}gux-option.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-option.gux-selected{background:#deeaff}gux-option.gux-active,gux-option.gux-hovered:not([disabled]){color:#fdfdfd;background:#2a60c8}gux-option.gux-filtered{display:none}";export{E as gux_dropdown,O as gux_listbox,R as gux_option}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,H as a,g as s}from"./p-74b510cb.js";import{s as r}from"./p-d176c2ae.js";import{c as e}from"./p-9dd4b14a.js";import{t as n}from"./p-
|
|
1
|
+
import{r as t,h as i,H as a,g as s}from"./p-74b510cb.js";import{s as r}from"./p-d176c2ae.js";import{c as e}from"./p-9dd4b14a.js";import{t as n}from"./p-0792b920.js";import{l as o}from"./p-3184268e.js";const h=class{constructor(i){t(this,i),this.value=0,this.maxValue=5,this.disabled=!1,this.readonly=!1}onClick(t){if(t.stopPropagation(),this.disabled||this.readonly)return;const[i]=t.composedPath(),a=i.getRootNode(),s=Array.from(this.starContainer.children).findIndex((t=>t.shadowRoot===a))+1;s===this.value+.5?this.updateRatingValue(s):s===this.value?this.updateRatingValue(0):s!==Math.floor(this.value)&&this.updateRatingValue(s-.5)}onKeyDown(t){if(t.stopPropagation(),!this.disabled&&!this.readonly)switch(t.key){case"ArrowUp":case"ArrowLeft":t.preventDefault(),this.updateRatingValue(this.value-.5);break;case"ArrowDown":case"ArrowRight":t.preventDefault(),this.updateRatingValue(this.value+.5);break;case"End":t.preventDefault(),this.updateRatingValue(1/0);break;case"Home":t.preventDefault(),this.updateRatingValue(-1/0)}}updateRatingValue(t){const i=e(t,0,Array.from(this.starContainer.children).length);this.value!==i&&(this.value=i,r(this.root,"input"),r(this.root,"change"))}getRatingStarElements(){return[...Array(this.maxValue).keys()].reduce(((t,i)=>t.concat(i+.5===this.value?"rating-partial":i+1<=this.value?"rating-active":"rating")),[]).map((t=>i("gux-icon",{"icon-name":t,decorative:!0})))}getTabIndex(){return this.disabled?-1:0}componentWillLoad(){n(this.root)}componentDidLoad(){this.root.getAttribute("aria-label")||this.root.getAttribute("aria-labelledby")||o("gux-rating","`gux-rating` requires a label. Either provide a label and associate it with the gux-rating element using `aria-labelledby` or add an `aria-label` attribute to the gux-rating element.")}render(){return i(a,{role:"spinbutton",tabindex:this.getTabIndex(),"aria-readonly":this.readonly.toString(),"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":this.maxValue},i("div",{ref:t=>this.starContainer=t,class:{"gux-rating-star-container":!0,"gux-disabled":this.disabled}},this.getRatingStarElements()))}get root(){return s(this)}};h.style=":host{display:inline-flex;user-select:none}:host:focus{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}.gux-rating-star-container{color:#2e394c}.gux-rating-star-container.gux-disabled{opacity:0.5}.gux-rating-star-container gux-icon{width:24px;height:24px}";export{h as gux_rating}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as a,g as l}from"./p-74b510cb.js";import{t as s}from"./p-
|
|
1
|
+
import{r as e,h as a,g as l}from"./p-74b510cb.js";import{t as s}from"./p-0792b920.js";const i=class{constructor(a){e(this,a),this.isOpen=!1,this.position="left"}get containerClass(){return`gux-${this.position} gux-${this.isOpen?"open":"closed"}`}get contentClass(){return"gux-panel-content gux-"+(this.isOpen?"open":"closed")}componentWillLoad(){s(this.root,{variant:this.position})}render(){return a("aside",{class:this.containerClass},a("div",{class:"gux-panel-icons"},a("slot",{name:"side-panel-icons"})),a("div",{class:this.contentClass},a("slot",{name:"side-panel-content"})))}get root(){return l(this)}};i.style="gux-side-panel-legacy aside{position:relative;display:flex;flex-direction:row-reverse;width:49px;height:100%;color:#2e394c;background-color:#fdfdfd}gux-side-panel-legacy aside.gux-left{flex-direction:row}gux-side-panel-legacy aside.gux-left .gux-panel-content{left:49px}gux-side-panel-legacy aside.gux-right .gux-panel-content{right:49px}gux-side-panel-legacy aside .gux-panel-icons{border:1px solid #e2e6ee}gux-side-panel-legacy aside .gux-panel-icons gux-side-panel-button{display:flex;flex-direction:column}gux-side-panel-legacy aside .gux-panel-content{position:absolute;width:280px;height:100%}gux-side-panel-legacy aside .gux-panel-content [slot='side-panel-content']{height:100%}gux-side-panel-legacy aside .gux-panel-content.gux-closed{display:none}.gux-side-panel-dark-theme{color:#fdfdfd}.gux-side-panel-dark-theme aside{background-color:#2e394c}.gux-side-panel-dark-theme aside .gux-panel-icons{border-color:#202937}.gux-dark-theme gux-side-panel-legacy{color:#fdfdfd}.gux-dark-theme gux-side-panel-legacy aside{background-color:#2e394c}.gux-dark-theme gux-side-panel-legacy aside .gux-panel-icons{border-color:#202937}gux-side-panel-legacy.gux-dark-theme{color:#fdfdfd}gux-side-panel-legacy.gux-dark-theme aside{background-color:#2e394c}gux-side-panel-legacy.gux-dark-theme aside .gux-panel-icons{border-color:#202937}.gux-side-panel-light-theme{color:#2e394c}.gux-light-theme gux-side-panel-legacy{color:#2e394c}gux-side-panel-legacy.gux-light-theme{color:#2e394c}gux-side-panel-legacy{color:#2e394c}";export{i as gux_side_panel_legacy}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as s,c as t,h as i,H as o,g as e}from"./p-74b510cb.js";import{s as h,c as r,a,b as n,h as c,d,e as l,f as u,i as p,j as b,o as m}from"./p-3770c1e9.js";import{b as x}from"./p-cf43f0c3.js";import{w as f}from"./p-76ff3e75.js";import{s as g}from"./p-d176c2ae.js";import{t as v}from"./p-0792b920.js";import"./p-8a133b9b.js";const w={noMatches:"No matches"},j=class{constructor(i){s(this,i),this.internallistboxoptionsupdated=t(this,"internallistboxoptionsupdated",7),this.filter="",this.selectedValues=[],this.listboxOptions=[]}onFocus(){h(this.root)}onBlur(){r(this.root)}onKeydown(s){switch(s.key){case"Enter":return s.preventDefault(),void p(this.root,(s=>this.updateValue(s)));case"ArrowDown":return s.preventDefault(),void(l(this.root)?(s.stopPropagation(),u(this.root)):n(this.root));case"ArrowUp":return s.preventDefault(),void(c(this.root)?(s.stopPropagation(),d(this.root)):a(this.root));case"Home":return s.preventDefault(),void n(this.root);case"End":return s.preventDefault(),void a(this.root);case" ":return void s.preventDefault()}1!==s.key.length||b(this.root,s.key)}onKeyup(s){switch(s.key){case" ":return void p(this.root,(s=>this.updateValue(s)))}}onMousemove(){r(this.root)}onClick(s){f("gux-option-multi",s,(s=>{m(s,(s=>this.updateValue(s)))}))}validateValue(){this.selectedValues=this.value?this.value.split(","):[]}async guxSelectActive(){p(this.root,(s=>this.updateValue(s)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=Array.from(this.root.children),this.internallistboxoptionsupdated.emit()}updateValue(s){if(this.selectedValues.includes(s))this.selectedValues=this.selectedValues.filter((t=>t!==s)),this.value=this.selectedValues.join(",");else{const t=[...this.selectedValues,s];this.selectedValues=t,this.value=this.selectedValues.join(",")}g(this.root,"input"),g(this.root,"change")}async componentWillLoad(){v(this.root),this.i18n=await x(this.root,w),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((s=>{s.selected=this.selectedValues.includes(s.value),s.filtered=!s.textContent.toLowerCase().startsWith(this.filter.toLowerCase())})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((s=>!s.filtered)).length}renderAllListboxOptionsFiltered(){if(this.allListboxOptionsFiltered)return i("div",{class:"gux-no-matches"},this.i18n("noMatches"))}render(){return i(o,{role:"listbox","aria-multiselectable":"true",tabindex:0},i("slot",{onSlotchange:()=>this.setListboxOptions()}),this.renderAllListboxOptionsFiltered())}get root(){return e(this)}static get watchers(){return{value:["validateValue"]}}};j.style=":host{box-sizing:border-box;display:block;max-height:20rem;padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;outline:none}:host(:focus){outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-no-matches{box-sizing:border-box;height:32px;padding:8px 16px;color:#2e394c}";export{j as gux_listbox_multi}
|