genesys-spark-components 4.0.0-beta.20 → 4.0.0-beta.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-advanced-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/gux-announce-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-badge-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-blank-state-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-slot.cjs.entry.js +1 -1
- package/dist/cjs/gux-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-calendar.cjs.entry.js +1 -1
- package/dist/cjs/gux-card.cjs.entry.js +1 -1
- package/dist/cjs/gux-column-manager-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-context-menu-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js +1 -1
- package/dist/cjs/gux-date-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-date-time-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown-multi-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown_3.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-number_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-phone.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-range.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-icon.cjs.entry.js +1 -1
- package/dist/cjs/gux-inline-alert.cjs.entry.js +1 -1
- package/dist/cjs/gux-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-listbox-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-loading-message-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal.cjs.entry.js +1 -1
- package/dist/cjs/gux-month-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-notification-toast-legacy.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-phone-input-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
- package/dist/cjs/gux-rating.cjs.entry.js +1 -1
- package/dist/cjs/gux-region-icon.cjs.entry.js +1 -1
- package/dist/cjs/gux-screen-reader-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-simple-toast-legacy.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-toolbar-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar.cjs.entry.js +1 -1
- package/dist/cjs/gux-table.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs-advanced.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-time-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-toast.cjs.entry.js +1 -1
- package/dist/cjs/gux-toggle.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/{usage-42762545.js → usage-42d74285.js} +1 -1
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-range/gux-form-field-range.css +231 -46
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-range/gux-form-field-range.js +1 -1
- package/dist/deploy-info.json +3 -3
- package/dist/esm/gux-accordion.entry.js +1 -1
- package/dist/esm/gux-action-button.entry.js +1 -1
- package/dist/esm/gux-action-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-advanced-dropdown.entry.js +1 -1
- package/dist/esm/gux-announce-beta.entry.js +1 -1
- package/dist/esm/gux-badge-beta.entry.js +1 -1
- package/dist/esm/gux-blank-state-beta.entry.js +1 -1
- package/dist/esm/gux-breadcrumbs.entry.js +1 -1
- package/dist/esm/gux-button-multi.entry.js +1 -1
- package/dist/esm/gux-button-slot.entry.js +1 -1
- package/dist/esm/gux-button.entry.js +1 -1
- package/dist/esm/gux-calendar.entry.js +1 -1
- package/dist/esm/gux-card.entry.js +1 -1
- package/dist/esm/gux-column-manager-beta.entry.js +1 -1
- package/dist/esm/gux-content-search.entry.js +1 -1
- package/dist/esm/gux-context-menu-beta.entry.js +1 -1
- package/dist/esm/gux-copy-to-clipboard.entry.js +1 -1
- package/dist/esm/gux-date-beta.entry.js +1 -1
- package/dist/esm/gux-date-time-beta.entry.js +1 -1
- package/dist/esm/gux-datepicker.entry.js +1 -1
- package/dist/esm/gux-disclosure-button-legacy.entry.js +1 -1
- package/dist/esm/gux-dismiss-button.entry.js +1 -1
- package/dist/esm/gux-dropdown-multi-beta.entry.js +1 -1
- package/dist/esm/gux-dropdown_3.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-number_3.entry.js +1 -1
- package/dist/esm/gux-form-field-phone.entry.js +1 -1
- package/dist/esm/gux-form-field-radio.entry.js +1 -1
- package/dist/esm/gux-form-field-range.entry.js +2 -2
- package/dist/esm/gux-form-field-search.entry.js +1 -1
- package/dist/esm/gux-form-field-select.entry.js +1 -1
- package/dist/esm/gux-form-field-text-like.entry.js +1 -1
- package/dist/esm/gux-form-field-textarea.entry.js +1 -1
- package/dist/esm/gux-form-field-time-picker.entry.js +1 -1
- package/dist/esm/gux-icon.entry.js +1 -1
- package/dist/esm/gux-inline-alert.entry.js +1 -1
- package/dist/esm/gux-list.entry.js +1 -1
- package/dist/esm/gux-listbox-multi.entry.js +1 -1
- package/dist/esm/gux-loading-message-beta.entry.js +1 -1
- package/dist/esm/gux-modal.entry.js +1 -1
- package/dist/esm/gux-month-picker-beta.entry.js +1 -1
- package/dist/esm/gux-notification-toast-legacy.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-phone-input-beta.entry.js +1 -1
- package/dist/esm/gux-popover-list.entry.js +1 -1
- package/dist/esm/gux-radial-loading.entry.js +1 -1
- package/dist/esm/gux-radial-progress.entry.js +1 -1
- package/dist/esm/gux-rating.entry.js +1 -1
- package/dist/esm/gux-region-icon.entry.js +1 -1
- package/dist/esm/gux-screen-reader-beta.entry.js +1 -1
- package/dist/esm/gux-simple-toast-legacy.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-toolbar-action.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-custom-action.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-menu-button.entry.js +1 -1
- package/dist/esm/gux-table-toolbar.entry.js +1 -1
- package/dist/esm/gux-table.entry.js +1 -1
- package/dist/esm/gux-tabs-advanced.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-time-beta.entry.js +1 -1
- package/dist/esm/gux-time-picker.entry.js +1 -1
- package/dist/esm/gux-toast.entry.js +1 -1
- package/dist/esm/gux-toggle.entry.js +1 -1
- package/dist/esm/gux-tooltip.entry.js +1 -1
- package/dist/esm/{usage-96eadea2.js → usage-1edc8fca.js} +1 -1
- package/dist/genesys-webcomponents/genesys-webcomponents.css +1 -1
- package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
- package/dist/genesys-webcomponents/{p-00f603a5.entry.js → p-029cc812.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7fe54014.entry.js → p-0b3f27f1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-200c46cc.entry.js → p-0cee6f7a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7ce90541.entry.js → p-12ac8d3e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-93f10bce.entry.js → p-154829e3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7a5f0163.entry.js → p-15e878ef.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4a521c05.entry.js → p-18ce24c7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0618fe2f.entry.js → p-1afb6d80.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-08721ca3.entry.js → p-1bb660f4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-70c8b7f4.entry.js → p-2661534f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ca4a5449.entry.js → p-296c89b3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-21268cfb.entry.js → p-2a7a4da7.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-2b809a80.entry.js +1 -0
- package/dist/genesys-webcomponents/p-385637d9.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-3494bf30.entry.js → p-3f515200.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-49bf005a.entry.js → p-415b537a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-02828e5d.entry.js → p-42d85123.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4128323c.entry.js → p-44132898.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2e817bc1.entry.js → p-45122851.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fed45a57.entry.js → p-45870cdb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2332a2a5.entry.js → p-47564272.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-78e23326.entry.js → p-48ec0a86.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-493c1c8b.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-bbce3c5a.entry.js → p-4b9d8b68.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-75071d52.entry.js → p-513aeaab.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-efa1cf6c.entry.js → p-578a5c8f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3d12ba19.entry.js → p-590414a1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-47ab0d0f.entry.js → p-5a629c39.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d78e6a1b.entry.js → p-5d750433.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b40cfbcf.entry.js → p-5e8e05c4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e669327e.entry.js → p-5ef0ed50.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-23ceadca.entry.js → p-60105611.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fd81ca9e.entry.js → p-61ef9d79.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c2133500.entry.js → p-634358fd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-df6b5922.entry.js → p-63f7b0bc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4e49e8cd.entry.js → p-64028ffe.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-84c1cd9e.entry.js → p-65c309b5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-59069a18.entry.js → p-69e5d5e5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-59a1c8ca.entry.js → p-6ad509cb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1ec1f21b.entry.js → p-6b590e3c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-405e7720.entry.js → p-7389822b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-efc3184e.entry.js → p-74a0606f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-793c96ae.entry.js → p-75e1b9bf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ce3fc0af.entry.js → p-7c661821.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4fb86224.entry.js → p-7e9a9d8b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7a1dfc93.entry.js → p-7f88d960.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c9fd459b.entry.js → p-810f3f5f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-551489eb.entry.js → p-82e7ddc8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7c95e1fe.entry.js → p-831c20f9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-253840dc.entry.js → p-867fa2e4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7642438c.entry.js → p-87b25d1a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-69334a87.entry.js → p-8a2bbacd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-36c652c6.entry.js → p-8ebbc665.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c4a8c2c7.entry.js → p-9349e006.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f00fe1f0.entry.js → p-96c12880.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cf21d9cf.entry.js → p-97954eb5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-988397e5.entry.js → p-97cac901.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-27eba8cb.entry.js → p-9f9ac36f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1bd59c23.entry.js → p-aa0e75d6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d1f8b0f2.entry.js → p-aa71af44.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4fcfb4c8.entry.js → p-ab481e0f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0e71519a.entry.js → p-b7edc944.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4e6c89f7.entry.js → p-bf3477ae.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1feb8c7c.entry.js → p-bfe8dff5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cfaa186d.entry.js → p-c1a1b71b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1ea0be4b.entry.js → p-d09fd962.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-44fb0788.entry.js → p-d5490791.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-17f0c89b.entry.js → p-d6608ded.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-40064b61.entry.js → p-d78c0c2d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cf507165.js → p-da7f81dc.js} +1 -1
- package/dist/genesys-webcomponents/{p-750fc379.entry.js → p-dd3227c4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fc92c5a1.entry.js → p-e7861874.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0069a11c.entry.js → p-e803ded4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-422194ab.entry.js → p-f2e45d65.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f419208a.entry.js → p-fbcc3396.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b17af22f.entry.js → p-fccbef16.entry.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/stencil-wrapper.d.ts +1 -1
- package/package.json +1 -1
- package/dist/genesys-webcomponents/p-96e6a38a.entry.js +0 -1
- package/dist/genesys-webcomponents/p-c4a0a1f9.entry.js +0 -1
- package/dist/genesys-webcomponents/p-f6bd83ca.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as o,g as s}from"./p-7d26b2e1.js";import{O as n}from"./p-9d18d475.js";import{w as e}from"./p-76ff3e75.js";import{a}from"./p-091f51f6.js";import{t as r}from"./p-
|
|
1
|
+
import{r as t,c as i,h as o,g as s}from"./p-7d26b2e1.js";import{O as n}from"./p-9d18d475.js";import{w as e}from"./p-76ff3e75.js";import{a}from"./p-091f51f6.js";import{t as r}from"./p-da7f81dc.js";import{b as c}from"./p-deee079e.js";import"./p-8a133b9b.js";const u=["primary","secondary","tertiary","danger"];function h(t){return u.find((i=>i===t))?t:"secondary"}const d={actionButtonDropdown:"Dropdown for {buttonTitle}"};const l=class{constructor(o){t(this,o),this.open=i(this,"open",7),this.close=i(this,"close",7),this.actionClick=i(this,"actionClick",7),this.type="button",this.text=void 0,this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const i=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,i.includes(this.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":i.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.dropdownButton)&&(this.isOpen=!0,this.focusFirstItemInPopupList())}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(t){null===t.relatedTarget&&(this.isOpen=!1)}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){a((()=>{this.listElement.focus&&this.listElement.focus()}))}focusFirstItemInPopupList(){a((()=>{this.listElement.guxFocusFirstItem()}))}onActionClick(){this.disabled||(this.isOpen=!1,this.actionClick.emit())}onListClick(t){e("gux-list-item",t,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}async componentWillLoad(){r(this.root,{variant:this.type}),this.i18n=await c(this.root,d)}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",{class:"gux-action-button",accent:h(this.accent)},o("button",{type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},this.text)),o("gux-button-slot",{class:"gux-dropdown-button",accent:h(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",{onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},o("slot",null)))))}get root(){return s(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,i,o,s){var n,e=arguments.length,a=e<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,o,s);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(a=(e<3?n(a):e>3?n(i,o,a):n(i,o))||a);e>3&&a&&Object.defineProperty(i,o,a)})([n({triggerEvents:"click"})],l.prototype,"onClickOutside",null),l.style=":host{display:block;-webkit-user-select:none;user-select:none}.gux-action-button-container{min-width:128px}.gux-action-button-container>*{vertical-align:middle}.gux-action-button-container .gux-action-button{width:calc(100% - 33px);margin-right:1px}.gux-action-button-container .gux-action-button button{width:100%;max-width:none;text-align:center;border-top-right-radius:0;border-bottom-right-radius:0}.gux-action-button-container .gux-dropdown-button button{width:32px;padding:0;border-top-left-radius:0;border-bottom-left-radius:0}.gux-action-button-container .gux-dropdown-button button gux-icon{width:16px;height:16px}.gux-action-button-container .gux-list-container{padding:var(--gux-spacing-xs) 0;margin:0;list-style:none;background-color:var(--gse-ui-menu-wrapper-backgroundColor);border:1px solid var(--gse-ui-menu-wrapper-border);border-radius:4px;box-shadow:0px 4px 6px 1px rgba(35, 57, 92, 0.12)}";export{l as gux_action_button}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,g as e}from"./p-7d26b2e1.js";import{c as o,o as r}from"./p-3f5341ea.js";import{O as n}from"./p-f34ce7dc.js";import{o as s}from"./p-3701eff0.js";import{p as
|
|
1
|
+
import{r as t,h as i,g as e}from"./p-7d26b2e1.js";import{c as o,o as r}from"./p-3f5341ea.js";import{O as n}from"./p-f34ce7dc.js";import{o as s}from"./p-3701eff0.js";import{p as a}from"./p-c10e41a9.js";import{h as l}from"./p-08bc2e6b.js";import{G as p,a as f,g as u,v as h,b as x}from"./p-b3c9fd06.js";import{G as c,a as d}from"./p-a733f4ca.js";import{t as g}from"./p-da7f81dc.js";import"./p-cbcbd1bb.js";import"./p-d0805f56.js";import"./p-d176c2ae.js";const m=class{constructor(i){t(this,i),this.labelPosition=void 0,this.computedLabelPosition=void 0,this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=l(this.root,"error"),this.hasHelp=l(this.root,"help")}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=l(this.root,"error"),this.hasHelp=l(this.root,"help"),g(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return i(d,{labelPosition:this.computedLabelPosition},i(c,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},i("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},i("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},i("slot",{name:"input",onSlotchange:()=>this.setInput()}))),i(p,{show:this.hasError},i("slot",{name:"error"})),i(f,{show:!this.hasError&&this.hasHelp},i("slot",{name:"help"}))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=u(this.root,'input[type="color"][slot="input"]'),a(this.input),this.disabled=o(this.input),this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=s(this.input,(t=>{this.required=t})),h(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=x(this.label,this.labelPosition)}get root(){return e(this)}};(function(t,i,e,o){var r,n=arguments.length,s=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(i,e,s):r(i,e))||s);n>3&&s&&Object.defineProperty(i,e,s)})([n({childList:!0,subtree:!0})],m.prototype,"onMutation",null),m.style=".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;line-height:20px;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;min-width:16px;min-height:16px;margin:2px 4px 0 0;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}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;font-weight:400;line-height:20px;color:#6b7585}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block;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:32px;height:32px;overflow:hidden;font-size:12px;color:#2e394c;text-align:right;text-overflow:ellipsis;background-color:#f6f7f9;border:none;border-radius:4px;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}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:center;order:0;height:32px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border-radius:4px}.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:focus-within{border-color:#2a60c8;outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-input-and-error-container .gux-input .gux-input-container.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{m as gux_form_field_color}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,f as t,h as i,g as e}from"./p-7d26b2e1.js";import{c as r,o as f}from"./p-3f5341ea.js";import{O as n}from"./p-f34ce7dc.js";import{o as l}from"./p-3701eff0.js";import{p as s}from"./p-c10e41a9.js";import{h as a}from"./p-08bc2e6b.js";import{h as u,c as d,d as c,G as g,a as p,g as h,v as x,b}from"./p-b3c9fd06.js";import{G as m,a as v}from"./p-a733f4ca.js";import{t as w}from"./p-da7f81dc.js";import"./p-cbcbd1bb.js";import"./p-d0805f56.js";import"./p-d176c2ae.js";const y=class{constructor(t){o(this,t),this.clearable=void 0,this.labelPosition=void 0,this.hasPrefix=void 0,this.hasSuffix=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help")}async guxForceUpdate(){this.hasContent=u(this.input),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help"),t(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help"),this.hasPrefix=Boolean(this.root.querySelector('[slot="prefix"]')),this.hasSuffix=Boolean(this.root.querySelector('[slot="suffix"]')),this.hasPrefix&&d(this.root,this.input,"prefix"),this.hasSuffix&&d(this.root,this.input,"suffix"),w(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return i(v,{labelPosition:this.computedLabelPosition},i(m,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},i("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},i("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-has-prefix":this.hasPrefix,"gux-has-suffix":this.hasSuffix}},i("slot",{name:"prefix"}),i("slot",{name:"input"}),i("slot",{name:"suffix"}),this.clearable&&this.hasContent&&!this.disabled&&i("gux-form-field-input-clear-button",{onClick:()=>c(this.input)}))),i(g,{show:this.hasError},i("slot",{name:"error"})),i(p,{show:!this.hasError&&this.hasHelp},i("slot",{name:"help"}))))}get variant(){const o=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${this.clearable?"clearable":"unclearable"}-${o}`}setInput(){this.input=h(this.root,'input[type="email"][slot="input"], input[type="number"][slot="input"], input[type="password"][slot="input"], input[type="text"][slot="input"]'),this.hasContent=u(this.input),s(this.input),this.input.addEventListener("input",(()=>{this.hasContent=u(this.input)})),this.disabled=r(this.input),this.required=this.input.required,this.disabledObserver=f(this.input,(o=>{this.disabled=o})),this.requiredObserver=l(this.input,(o=>{this.required=o})),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=b(this.label,this.labelPosition)}get root(){return e(this)}};(function(o,t,i,e){var r,f=arguments.length,n=f<3?t:null===e?e=Object.getOwnPropertyDescriptor(t,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(o,t,i,e);else for(var l=o.length-1;l>=0;l--)(r=o[l])&&(n=(f<3?r(n):f>3?r(t,i,n):r(t,i))||n);f>3&&n&&Object.defineProperty(t,i,n)})([n({childList:!0,subtree:!0})],y.prototype,"onMutation",null),y.style='.gux-focus-ring-focused:focus{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-focused-within:focus-within{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-focused-visible:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-small-focused:focus{outline:2px solid #aac9ff;outline-offset:0}.gux-focus-ring-small-focused-within:focus-within{outline:2px solid #aac9ff;outline-offset:0}.gux-focus-ring-small-focused-visible:focus-visible{outline:2px solid #aac9ff;outline-offset:0}.gux-focus-ring-focused:focus{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-focused-within:focus-within{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-focused-visible:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-small-focused:focus{outline:2px solid #aac9ff;outline-offset:0}.gux-focus-ring-small-focused-within:focus-within{outline:2px solid #aac9ff;outline-offset:0}.gux-focus-ring-small-focused-visible:focus-visible{outline:2px solid #aac9ff;outline-offset:0}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:url("./fonts/roboto-v20-latin-300.eot");src:local("Roboto Light"), local("Roboto-Light"), url("./fonts/roboto-v20-latin-300.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-300.woff2") format("woff2"), url("./fonts/roboto-v20-latin-300.woff") format("woff"), url("./fonts/roboto-v20-latin-300.ttf") format("truetype"), url("./fonts/roboto-v20-latin-300.svg#Roboto") format("svg");}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url("./fonts/roboto-v20-latin-regular.eot");src:local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-regular.woff") format("woff"), url("./fonts/roboto-v20-latin-regular.ttf") format("truetype"), url("./fonts/roboto-v20-latin-regular.svg#Roboto") format("svg");}@font-face{font-family:Roboto;font-style:italic;font-weight:400;src:url("./fonts/roboto-v20-latin-italic.eot");src:local("Roboto Italic"), local("Roboto-Italic"), url("./fonts/roboto-v20-latin-italic.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-italic.woff2") format("woff2"), url("./fonts/roboto-v20-latin-italic.woff") format("woff"), url("./fonts/roboto-v20-latin-italic.ttf") format("truetype"), url("./fonts/roboto-v20-latin-italic.svg#Roboto") format("svg");}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url("./fonts/roboto-v20-latin-700.eot");src:local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-700.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-700.woff") format("woff"), url("./fonts/roboto-v20-latin-700.ttf") format("truetype"), url("./fonts/roboto-v20-latin-700.svg#Roboto") format("svg");}body{font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}h1{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}h2{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}h3{font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:14px;line-height:20px}h4,h5,h6{font-family:Roboto, sans-serif;font-weight:400;font-size:14px;line-height:20px}.gux-icon-anchor gux-icon{padding-right:8px}a{color:#2a60c8;text-decoration:underline;border-radius:2px}a:hover{color:#2754ac}a:active{color:#23478f}a:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}table a{color:#2a60c8;text-decoration:underline;border-radius:2px;text-decoration:none}table a:hover{color:#2754ac}table a:active{color:#23478f}table a:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-focused:focus{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-focused-within:focus-within{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-focused-visible:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-small-focused:focus{outline:2px solid #aac9ff;outline-offset:0}.gux-focus-ring-small-focused-within:focus-within{outline:2px solid #aac9ff;outline-offset:0}.gux-focus-ring-small-focused-visible:focus-visible{outline:2px solid #aac9ff;outline-offset:0}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:url("./fonts/roboto-v20-latin-300.eot");src:local("Roboto Light"), local("Roboto-Light"), url("./fonts/roboto-v20-latin-300.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-300.woff2") format("woff2"), url("./fonts/roboto-v20-latin-300.woff") format("woff"), url("./fonts/roboto-v20-latin-300.ttf") format("truetype"), url("./fonts/roboto-v20-latin-300.svg#Roboto") format("svg");}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url("./fonts/roboto-v20-latin-regular.eot");src:local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-regular.woff") format("woff"), url("./fonts/roboto-v20-latin-regular.ttf") format("truetype"), url("./fonts/roboto-v20-latin-regular.svg#Roboto") format("svg");}@font-face{font-family:Roboto;font-style:italic;font-weight:400;src:url("./fonts/roboto-v20-latin-italic.eot");src:local("Roboto Italic"), local("Roboto-Italic"), url("./fonts/roboto-v20-latin-italic.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-italic.woff2") format("woff2"), url("./fonts/roboto-v20-latin-italic.woff") format("woff"), url("./fonts/roboto-v20-latin-italic.ttf") format("truetype"), url("./fonts/roboto-v20-latin-italic.svg#Roboto") format("svg");}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url("./fonts/roboto-v20-latin-700.eot");src:local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-700.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-700.woff") format("woff"), url("./fonts/roboto-v20-latin-700.ttf") format("truetype"), url("./fonts/roboto-v20-latin-700.svg#Roboto") format("svg");}body{font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}h1{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}h2{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}h3{font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:14px;line-height:20px}h4,h5,h6{font-family:Roboto, sans-serif;font-weight:400;font-size:14px;line-height:20px}.gux-icon-anchor gux-icon{padding-right:8px}a{color:#2a60c8;text-decoration:underline;border-radius:2px}a:hover{color:#2754ac}a:active{color:#23478f}a:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}table a{color:#2a60c8;text-decoration:underline;border-radius:2px;text-decoration:none}table a:hover{color:#2754ac}table a:active{color:#23478f}table a:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:" *"}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-padding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-text-fontFamily);line-height:var(--gse-ui-formControl-label-text-lineHeight);font-size:var(--gse-ui-formControl-label-text-fontSize);color:var(--gse-ui-formControl-label-labelColor);font-weight:var(--gse-ui-formControl-label-text-fontWeight)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}slot[name=prefix],slot[name=suffix]{font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);color:var(--gse-ui-formControl-input-prefixSufix-defaultColor);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);white-space:nowrap;text-decoration:none;text-align:center}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;gap:var(--gse-ui-formControl-input-gap);width:100%;height:var(--gse-ui-formControl-input-textfield-height);color:var(--gse-ui-formControl-input-populatedColor);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-has-suffix:not(.gux-input-and-error-container .gux-input .gux-input-container.gux-has-prefix) ::slotted(input){text-align:right}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container:hover:not(.gux-disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}';export{y as gux_form_field_text_like}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as i,g as s}from"./p-7d26b2e1.js";import{o}from"./p-93904222.js";import{O as n}from"./p-9d18d475.js";import{a as r}from"./p-091f51f6.js";import{t as p}from"./p-
|
|
1
|
+
import{r as e,c as t,h as i,g as s}from"./p-7d26b2e1.js";import{o}from"./p-93904222.js";import{O as n}from"./p-9d18d475.js";import{a as r}from"./p-091f51f6.js";import{t as p}from"./p-da7f81dc.js";import{b as a}from"./p-deee079e.js";import"./p-8a133b9b.js";const u={searchAria:"Search"};const d=class{constructor(i){e(this,i),this.input=t(this,"input",7),this.filter=t(this,"filter",7),this.disabled=!1,this.placeholder=void 0,this.noFilter=!1,this.filterDebounceTimeout=500,this.dropdownHeight="320px",this.srLabelledby=void 0,this.opened=void 0,this.currentlySelectedOption=void 0,this.selectionOptions=void 0}watchValue(e){this.opened&&e&&this.closeDropdown(!1)}get value(){var e;return null===(e=this.currentlySelectedOption)||void 0===e?void 0:e.text}getSelectedValues(){return Promise.resolve([this.value])}async setLabeledBy(e){this.srLabelledby=e}onClickOutside(){this.closeDropdown(!1)}async componentWillLoad(){p(this.root),this.i18n=await a(this.root,u),this.handleSelectionChange=this.handleSelectionChange.bind(this),this.updateSelectionState(),this.addOptionListener(),this.slotObserver=o(this.root,(()=>this.updateSelectionState()))}disconnectedCallback(){this.slotObserver&&this.slotObserver.disconnect()}render(){return i("gux-popup",{expanded:this.opened,disabled:this.disabled},i("div",{slot:"target",class:"gux-select-field",onMouseDown:()=>this.inputMouseDown()},i("a",{ref:e=>this.inputBox=e,class:"gux-select-input","aria-labelledby":this.srLabelledby,tabindex:"0",onKeyDown:e=>this.inputKeyDown(e)},this.placeholder&&!this.value&&i("span",{class:"gux-select-placeholder",title:this.placeholder},this.placeholder),this.value&&i("span",{class:"gux-select-value",title:this.value},this.value)),i("div",{class:"gux-icon-wrapper"},i("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),i("div",{slot:"popup",class:"gux-advanced-dropdown-menu"},i("div",{class:"gux-dropdown-menu-container"},i("gux-form-field-search",{"label-position":"screenreader"},i("label",{slot:"label"},this.i18n("searchAria")),i("input",{slot:"input",type:"search",onInput:e=>{this.handleSearchInput(e)},ref:e=>this.searchInput=e})),i("div",{class:"gux-dropdown-options",style:{maxHeight:this.dropdownHeight},onKeyDown:e=>this.optionsKeyDown(e)},i("slot",null)))))}updateSelectionState(){this.selectionOptions=this.getSelectionOptions(),this.currentlySelectedOption=this.selectionOptions.find((e=>e.selected))}addOptionListener(){this.root.addEventListener("selectedChanged",(e=>this.handleSelectionChange(e)))}handleSelectionChange({target:e}){const t=e;this.closeDropdown(!0),this.currentlySelectedOption!==t&&(this.currentlySelectedOption&&(this.currentlySelectedOption.selected=!1),this.currentlySelectedOption=t,this.input.emit(t.value))}getSelectionOptions(){const e=this.root.querySelectorAll("gux-dropdown-option");return Array.from(e)}inputMouseDown(){this.disabled||(this.opened?this.closeDropdown(!0):this.openDropdown(!1))}getFocusIndex(){return this.selectionOptions.findIndex((e=>e.matches(":focus")))}optionsKeyDown(e){switch(e.key){case"ArrowUp":{e.preventDefault();const t=this.getFocusIndex();t>0&&this.selectionOptions[t-1].focus();break}case"ArrowDown":{e.preventDefault();const t=this.getFocusIndex();t<this.selectionOptions.length-1&&this.selectionOptions[t+1].focus();break}case"Home":if(!this.selectionOptions.length)return;this.selectionOptions[0].focus();break;case"End":if(!this.selectionOptions.length)return;this.selectionOptions[this.selectionOptions.length-1].focus()}}inputKeyDown(e){switch(e.key){case"ArrowUp":case"ArrowDown":case" ":this.openDropdown(!0)}}handleSearchInput(e){e.stopPropagation(),clearTimeout(this.filterDebounceTimer),this.filterDebounceTimer=setTimeout((()=>this.searchRequested()),this.filterDebounceTimeout)}searchRequested(){this.filter.emit(this.searchInput.value),this.setFilteredOptions()}setFilteredOptions(){const e=this.searchInput.value;if(!this.noFilter)for(const t of this.selectionOptions)t.shouldFilter(e).then((e=>{t.filtered=e}))}changeFocusToSearch(){r((()=>{this.searchInput.focus()}))}openDropdown(e){this.opened=!0,e&&this.changeFocusToSearch()}closeDropdown(e){this.opened=!1,this.searchInput.value="",this.setFilteredOptions(),e&&this.inputBox.focus()}get root(){return s(this)}static get watchers(){return{disabled:["watchValue"]}}};(function(e,t,i,s){var o,n=arguments.length,r=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var p=e.length-1;p>=0;p--)(o=e[p])&&(r=(n<3?o(r):n>3?o(t,i,r):o(t,i))||r);n>3&&r&&Object.defineProperty(t,i,r)})([n({triggerEvents:"mousedown"})],d.prototype,"onClickOutside",null),d.style=":host{color:#2e394c}gux-popup{display:block;margin:4px 0}gux-popup .gux-select-field{position:relative;width:100%;height:32px}gux-popup .gux-select-field a.gux-select-input{position:absolute;inset:0;padding:6px 24px 6px 12px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-popup .gux-select-field a.gux-select-input .gux-select-placeholder,gux-popup .gux-select-field a.gux-select-input .gux-select-value{line-height:20px}gux-popup .gux-select-field a.gux-select-input .gux-select-placeholder{color:#596373}gux-popup .gux-select-field a.gux-select-input:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}gux-popup .gux-select-field .gux-icon-wrapper{position:absolute;top:1px;right:8px;bottom:0;display:flex;align-items:center;overflow:hidden;cursor:pointer}gux-popup .gux-select-field .gux-icon-wrapper gux-icon{width:16px;height:16px;color:#596373}gux-popup .gux-select-field:hover .gux-icon-wrapper gux-icon{color:#2e394c}gux-popup .gux-advanced-dropdown-menu{width:100%;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24);box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search{margin:8px 16px}gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-cancel-button,gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-results-button,gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}gux-popup .gux-dropdown-options{padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border-radius:4px;box-shadow:none}gux-popup::part(gux-popup-container){width:inherit}";export{d as gux_advanced_dropdown}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as a,g as i}from"./p-7d26b2e1.js";import{t as n}from"./p-
|
|
1
|
+
import{r as t,c as e,h as a,g as i}from"./p-7d26b2e1.js";import{t as n}from"./p-da7f81dc.js";import{b as o}from"./p-deee079e.js";import"./p-8a133b9b.js";const s={previous:"Previous",next:"Next"},r=class{constructor(a){t(this,a),this.guxPaginationCursorchange=e(this,"guxPaginationCursorchange",7),this.guxitemsperpagechange=e(this,"guxitemsperpagechange",7),this.hasPrevious=!1,this.hasNext=!1,this.itemsPerPage=void 0,this.layout="simple"}handleInternalitemsperpagechange(t){this.guxitemsperpagechange.emit(t.detail)}onButtonClick(t){("previous"===t&&this.hasPrevious||"next"===t&&this.hasNext)&&this.guxPaginationCursorchange.emit(t)}async componentWillLoad(){n(this.root),this.i18n=await o(this.root,s)}renderSimpleLayout(){return[a("div",{role:"navigation",class:"gux-pagination-button-container"},a("gux-button-slot",{accent:"ghost"},a("button",{class:"gux-simple-button",type:"button",disabled:!this.hasPrevious,onClick:()=>this.onButtonClick("previous")},a("gux-icon",{iconName:"chevron-small-left","screenreader-text":this.i18n("previous")}))),a("gux-button-slot",{accent:"ghost"},a("button",{class:"gux-simple-button",type:"button",disabled:!this.hasNext,onClick:()=>this.onButtonClick("next")},a("gux-icon",{iconName:"chevron-small-right","screenreader-text":this.i18n("next")}))))]}renderAdvancedLayout(){return[a("div",{role:"navigation",class:"gux-pagination-button-container"},a("gux-button-slot",{accent:"ghost"},a("button",{type:"button",disabled:!this.hasPrevious,onClick:()=>this.onButtonClick("previous")},a("div",{class:"gux-button-align-content"},a("gux-icon",{decorative:!0,iconName:"chevron-small-left"}),a("span",null,this.i18n("previous"))))),a("gux-button-slot",{accent:"ghost"},a("button",{type:"button",disabled:!this.hasNext,onClick:()=>this.onButtonClick("next")},a("div",{class:"gux-button-align-content"},a("span",null,this.i18n("next")),a("gux-icon",{decorative:!0,iconName:"chevron-small-right"}))))),this.renderItemsPerPage()]}renderItemsPerPage(){return this.itemsPerPage&&a("gux-pagination-items-per-page-beta",{"items-per-page":this.itemsPerPage,onInternalitemsperpagechange:this.handleInternalitemsperpagechange.bind(this)})}render(){return"advanced"===this.layout?this.renderAdvancedLayout():this.renderSimpleLayout()}get root(){return i(this)}};r.style=":host{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:space-between;padding:var(--gse-ui-dataTableItems-tablePagination-padding);border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor);color:var(--gse-ui-dataTableItems-tablePagination-foregroundColor);font-family:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontFamily);line-height:var(--gse-ui-dataTableItems-tablePagination-defaultText-lineHeight);font-size:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontSize);font-weight:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontWeight)}:host .gux-pagination-button-container{display:flex;flex-wrap:nowrap;align-content:center;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap)}:host .gux-button-align-content{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;gap:var(--gse-ui-button-gap)}:host .gux-button-align-content>*{flex:0 1 auto;align-self:auto;order:0}:host gux-icon{width:var(--gse-ui-button-icon-size);height:var(--gse-ui-button-icon-size)}";export{r as gux_pagination_cursor}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,H as h,g as a}from"./p-7d26b2e1.js";import{t as e}from"./p-
|
|
1
|
+
import{r as t,c as s,h as i,H as h,g as a}from"./p-7d26b2e1.js";import{t as e}from"./p-da7f81dc.js";const l=class{constructor(i){t(this,i),this.guxactivetabchange=s(this,"guxactivetabchange",7),this.activeTab=void 0,this.orientation="horizontal",this.alignment="left",this.useFlexbox=!1,this.tabList=void 0,this.tabPanels=[]}watchActiveTab(t){this.activateTab(t,this.tabList,this.tabPanels),this.guxactivetabchange.emit(t)}onInternalActivateTabPanel(t){t.stopPropagation(),this.activateTab(t.detail,this.tabList,this.tabPanels)}async guxActivate(t){this.activateTab(t,this.tabList,this.tabPanels)}onSlotchange(){const[t,s]=Array.from(this.root.shadowRoot.querySelectorAll("slot"));this.tabList=t.assignedElements()[0],this.tabPanels=s.assignedElements(),this.activateTab(this.activeTab,this.tabList,this.tabPanels)}activateTab(t,s,i){this.activeTab=t||i[0].tabId,s.guxSetActive(this.activeTab),i.forEach((t=>{t.guxSetActive(t.tabId===this.activeTab)}))}componentWillLoad(){e(this.root)}render(){return i(h,{class:{"gux-flex":this.useFlexbox}},i("div",{class:`gux-tabs gux-${this.alignment} gux-${this.orientation}`},i("slot",{name:"tab-list"}),i("div",{class:`gux-${this.alignment} gux-${this.orientation} gux-panel-container`},i("slot",{onSlotchange:this.onSlotchange.bind(this)}))))}get root(){return a(this)}static get watchers(){return{activeTab:["watchActiveTab"]}}};l.style=":host(.gux-flex){display:flex;flex-direction:column}:host(.gux-flex) .gux-tabs{display:flex;flex-direction:column;height:100%}:host(.gux-flex) .gux-panel-container{display:flex;flex-direction:column;height:100%}.gux-tabs.gux-vertical{display:flex;height:100%}";export{l as gux_tabs}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,g as s}from"./p-7d26b2e1.js";import{a,c as n,o as r,f as d}from"./p-4e2b5bcf.js";import{r as c}from"./p-cbcbd1bb.js";import{a as u}from"./p-091f51f6.js";import{f as o,a as h,b as l,c as p}from"./p-4f26144b.js";import{O as x}from"./p-9d18d475.js";import{t as g}from"./p-cf507165.js";import{b as f}from"./p-deee079e.js";import"./p-8a133b9b.js";const k={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function b(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function m(t,e){const i=new Date(e.valueOf()),s=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(s),i.setFullYear(e.getFullYear()),i.getMonth()!==s?m(t,b(-1,e)):i}function y(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function w(t){return t.match(/\W/)[0]}function v(t){const e=w(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function D(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const F=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.isSelectingRangeWithMouse=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=c("gux-datepicker"),this.endInputId=c("gux-datepicker"),this.value=void 0,this.label="",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.minDate="",this.maxDate="",this.mode="single",this.format="mm/dd/yyyy",this.disabled=!1,this.labelPosition="beside",this.formattedValue="",this.minDateDate=void 0,this.maxDateDate=void 0,this.toFormattedValue="",this.active=!1}watchValue(){this.updateDate()}watchMinDate(t){this.minDateDate=t?o(t):null}watchMaxDate(t){this.maxDateDate=t?o(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=v(t),this.lastIntervalRange=this.initialIntervalRange}watchActiveCalendar(t){if(!0===t){const t=o(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isInputFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":break;case"ArrowDown":t.preventDefault(),this.increment(-1),this.setCursorRange();break;case"ArrowUp":t.preventDefault(),this.increment(1),this.setCursorRange();break;case"ArrowLeft":{t.preventDefault();const e=function(t,e){const i=v(t),s=y(t,e.selectionStart),a=i.indexOf(s);return D(t,i[(a+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=v(t),s=y(t,e.selectionStart),a=i.indexOf(s);return D(t,i[(a+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}default:t.preventDefault(),this.isSelectingRangeWithMouse||(this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(t),this.setCursorRange())}else switch(t.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");u((()=>{t.focus()}));break}case"Tab":this.active&&(this.active=!1)}}onMouseDown(t){this.isInputFieldEvent(t)&&(this.isSelectingRangeWithMouse=!0);const e=t.composedPath(),i=e.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every((t=>!e.includes(t)))&&(this.active=i)}onClickOutside(){this.active=!1}onInputFocusIn(t){this.focusedField=this.getInputFieldFromEvent(t),this.isSelectingRangeWithMouse||u((()=>this.setRange()))}onInputFocusOut(){this.lastIntervalRange=this.initialIntervalRange}onInputMouseUp(t){t.preventDefault(),this.lastIntervalRange=D(this.format,y(this.format,this.focusedField.selectionStart)),this.setRange(),this.isSelectingRangeWithMouse=!1}isInputFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}get initialIntervalRange(){return D(this.format,y(this.format,0))}getInputFieldFromEvent(t){return t.composedPath()[0]}updateIntervalValue(t){const e=parseInt(t.key,10);if(!isNaN(e)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);"y"===y(this.format,this.focusedField.selectionStart)&&"yyyy"===this.yearFormat?this.typeYearValue(i,t.key):this.canSetDate(e)?(this.updateSelection(this.focusedField,`${i[1]}${t.key}`),this.setValue()):(this.updateSelection(this.focusedField,`0${t.key}`.replace("00","01")),this.setValue())}}updateSelection(t,e){t.value=t.value.substr(0,this.intervalRange.selectionStart)+e+t.value.substr(this.intervalRange.selectionEnd)}getCalendarLabels(){return function(t,e,i){const s=t.split(",").map((t=>t.trim()));return"range"===e?[s[0]||i[0],s[1]||i[1]]:"range"===e||s[0]?[s[0]]:[i[2]]}(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(t){const e=w(this.format),i=this.format.toLowerCase().split(e),s=t.split(e),a=parseInt(s[i.indexOf(this.yearFormat)],10),n=parseInt(s[i.indexOf("mm")],10)-1,r=parseInt(s[i.indexOf("dd")],10),d=new Date(a,n,r);return"yy"===this.yearFormat&&d.getFullYear()<1970&&this.lastYear>1970&&d.setFullYear(d.getFullYear()+100),d}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formattedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormattedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=h(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=l(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(t,e){" "!==t[0]?this.updateSelection(this.focusedField,` ${e}`):(this.updateSelection(this.focusedField,`${t.substr(1)}${e}`),(t.substr(1)+e).includes(" ")||this.setValue())}canSetDate(t){const e=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),t].join(""),10);if(e)switch(y(this.format,this.focusedField.selectionStart)){case"d":{const t=o(this.value);if(e<=new Date(t.getFullYear(),t.getMonth()+1,0).getDate())return!0;break}case"m":if(e<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(t){const e={dd:`0${t.getDate()}`.slice(-2),mm:`0${t.getMonth()+1}`.slice(-2)};return"yyyy"===this.yearFormat?e.yyyy=t.getFullYear().toString():e.yy=t.getFullYear().toString().slice(-2),{map:e,regexp:new RegExp(Object.keys(e).join("|"),"gi")}}updateDate(){if("range"===this.mode){const[t,e]=p(this.value),{map:i,regexp:s}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(s,(t=>i[t]));const{map:a,regexp:n}=this.getMapAndRegexFromField(e);this.toFormattedValue=this.format.replace(n,(t=>a[t]))}else{const t=o(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&(this.focusedField.setSelectionRange(0,100),this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd))}toggleCalendar(){this.active=!this.active,this.active&&u((()=>{this.calendarElement.focusPreviewDate()}))}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return o(this.value)}getRangeFocusedDateValue(){const[t,e]=p(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=y(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let s;switch(e){case"d":s=b(t,i);break;case"m":s=m(t,i);break;case"y":s=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var a,n,r;a=s,n=this.minDateDate,((r=this.maxDateDate)&&r<a||n&&n>a)&&(s=i),this.lastYear=s.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=w(e),s=e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i);return s}(s,this.format),this.setValue()}async componentWillLoad(){if(g(this.root,{variant:this.mode}),this.i18n=await f(this.root,k),this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?h(t,t):l(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}this.updateDate()}runUpdatePosition(){this.cleanupUpdatePosition=a(this.datepickerElement,this.calendarElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){n(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[r({crossAxis:-3}),d({fallbackStrategy:"initialPlacement"})]}).then((({x:t,y:e})=>{Object.assign(this.calendarElement.style,{left:`${t}px`,top:`${e}px`})}))}componentDidUpdate(){this.active?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"calendar"}))}renderCalendar(){return i("gux-calendar",{tabIndex:-1,ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onCalendarSelect:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths,startDayOfWeek:this.startDayOfWeek})}renderStartDateField(){return i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",onClick:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),ref:t=>this.inputElement=t,value:this.formattedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,onMouseUp:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),value:this.toFormattedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return s(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,s){var a,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 d=t.length-1;d>=0;d--)(a=t[d])&&(r=(n<3?a(r):n>3?a(e,i,r):a(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([x({triggerEvents:"mousedown"})],F.prototype,"onClickOutside",null),F.style=":host{display:block}.gux-datepicker{display:inline-block}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:0.5}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-left:20px}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-top:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-right:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-right:8px;font-size:12px;font-weight:bold;line-height:20px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{position:relative;flex:0 1 auto;align-self:auto;order:0;margin:4px 0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 8px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input:focus-within{border-color:#2a60c8;outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;width:100px;overflow:hidden;color:#2e394c;background-color:#f6f7f9;border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:#596373;opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:2px;color:#596373;background:transparent;border:none;border-radius:4px;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2e394c;cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{width:16px;height:16px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gux-zindex-popup, 1);display:none;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{F as gux_datepicker}
|
|
1
|
+
import{r as t,c as e,h as i,g as s}from"./p-7d26b2e1.js";import{a,c as n,o as r,f as d}from"./p-4e2b5bcf.js";import{r as c}from"./p-cbcbd1bb.js";import{a as u}from"./p-091f51f6.js";import{f as o,a as h,b as l,c as p}from"./p-4f26144b.js";import{O as x}from"./p-9d18d475.js";import{t as g}from"./p-da7f81dc.js";import{b as f}from"./p-deee079e.js";import"./p-8a133b9b.js";const k={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function b(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function m(t,e){const i=new Date(e.valueOf()),s=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(s),i.setFullYear(e.getFullYear()),i.getMonth()!==s?m(t,b(-1,e)):i}function y(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function w(t){return t.match(/\W/)[0]}function v(t){const e=w(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function D(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const F=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.isSelectingRangeWithMouse=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=c("gux-datepicker"),this.endInputId=c("gux-datepicker"),this.value=void 0,this.label="",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.minDate="",this.maxDate="",this.mode="single",this.format="mm/dd/yyyy",this.disabled=!1,this.labelPosition="beside",this.formattedValue="",this.minDateDate=void 0,this.maxDateDate=void 0,this.toFormattedValue="",this.active=!1}watchValue(){this.updateDate()}watchMinDate(t){this.minDateDate=t?o(t):null}watchMaxDate(t){this.maxDateDate=t?o(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=v(t),this.lastIntervalRange=this.initialIntervalRange}watchActiveCalendar(t){if(!0===t){const t=o(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isInputFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":break;case"ArrowDown":t.preventDefault(),this.increment(-1),this.setCursorRange();break;case"ArrowUp":t.preventDefault(),this.increment(1),this.setCursorRange();break;case"ArrowLeft":{t.preventDefault();const e=function(t,e){const i=v(t),s=y(t,e.selectionStart),a=i.indexOf(s);return D(t,i[(a+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=v(t),s=y(t,e.selectionStart),a=i.indexOf(s);return D(t,i[(a+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}default:t.preventDefault(),this.isSelectingRangeWithMouse||(this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(t),this.setCursorRange())}else switch(t.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");u((()=>{t.focus()}));break}case"Tab":this.active&&(this.active=!1)}}onMouseDown(t){this.isInputFieldEvent(t)&&(this.isSelectingRangeWithMouse=!0);const e=t.composedPath(),i=e.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every((t=>!e.includes(t)))&&(this.active=i)}onClickOutside(){this.active=!1}onInputFocusIn(t){this.focusedField=this.getInputFieldFromEvent(t),this.isSelectingRangeWithMouse||u((()=>this.setRange()))}onInputFocusOut(){this.lastIntervalRange=this.initialIntervalRange}onInputMouseUp(t){t.preventDefault(),this.lastIntervalRange=D(this.format,y(this.format,this.focusedField.selectionStart)),this.setRange(),this.isSelectingRangeWithMouse=!1}isInputFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}get initialIntervalRange(){return D(this.format,y(this.format,0))}getInputFieldFromEvent(t){return t.composedPath()[0]}updateIntervalValue(t){const e=parseInt(t.key,10);if(!isNaN(e)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);"y"===y(this.format,this.focusedField.selectionStart)&&"yyyy"===this.yearFormat?this.typeYearValue(i,t.key):this.canSetDate(e)?(this.updateSelection(this.focusedField,`${i[1]}${t.key}`),this.setValue()):(this.updateSelection(this.focusedField,`0${t.key}`.replace("00","01")),this.setValue())}}updateSelection(t,e){t.value=t.value.substr(0,this.intervalRange.selectionStart)+e+t.value.substr(this.intervalRange.selectionEnd)}getCalendarLabels(){return function(t,e,i){const s=t.split(",").map((t=>t.trim()));return"range"===e?[s[0]||i[0],s[1]||i[1]]:"range"===e||s[0]?[s[0]]:[i[2]]}(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(t){const e=w(this.format),i=this.format.toLowerCase().split(e),s=t.split(e),a=parseInt(s[i.indexOf(this.yearFormat)],10),n=parseInt(s[i.indexOf("mm")],10)-1,r=parseInt(s[i.indexOf("dd")],10),d=new Date(a,n,r);return"yy"===this.yearFormat&&d.getFullYear()<1970&&this.lastYear>1970&&d.setFullYear(d.getFullYear()+100),d}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formattedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormattedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=h(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=l(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(t,e){" "!==t[0]?this.updateSelection(this.focusedField,` ${e}`):(this.updateSelection(this.focusedField,`${t.substr(1)}${e}`),(t.substr(1)+e).includes(" ")||this.setValue())}canSetDate(t){const e=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),t].join(""),10);if(e)switch(y(this.format,this.focusedField.selectionStart)){case"d":{const t=o(this.value);if(e<=new Date(t.getFullYear(),t.getMonth()+1,0).getDate())return!0;break}case"m":if(e<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(t){const e={dd:`0${t.getDate()}`.slice(-2),mm:`0${t.getMonth()+1}`.slice(-2)};return"yyyy"===this.yearFormat?e.yyyy=t.getFullYear().toString():e.yy=t.getFullYear().toString().slice(-2),{map:e,regexp:new RegExp(Object.keys(e).join("|"),"gi")}}updateDate(){if("range"===this.mode){const[t,e]=p(this.value),{map:i,regexp:s}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(s,(t=>i[t]));const{map:a,regexp:n}=this.getMapAndRegexFromField(e);this.toFormattedValue=this.format.replace(n,(t=>a[t]))}else{const t=o(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&(this.focusedField.setSelectionRange(0,100),this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd))}toggleCalendar(){this.active=!this.active,this.active&&u((()=>{this.calendarElement.focusPreviewDate()}))}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return o(this.value)}getRangeFocusedDateValue(){const[t,e]=p(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=y(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let s;switch(e){case"d":s=b(t,i);break;case"m":s=m(t,i);break;case"y":s=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var a,n,r;a=s,n=this.minDateDate,((r=this.maxDateDate)&&r<a||n&&n>a)&&(s=i),this.lastYear=s.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=w(e),s=e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i);return s}(s,this.format),this.setValue()}async componentWillLoad(){if(g(this.root,{variant:this.mode}),this.i18n=await f(this.root,k),this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?h(t,t):l(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}this.updateDate()}runUpdatePosition(){this.cleanupUpdatePosition=a(this.datepickerElement,this.calendarElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){n(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[r({crossAxis:-3}),d({fallbackStrategy:"initialPlacement"})]}).then((({x:t,y:e})=>{Object.assign(this.calendarElement.style,{left:`${t}px`,top:`${e}px`})}))}componentDidUpdate(){this.active?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"calendar"}))}renderCalendar(){return i("gux-calendar",{tabIndex:-1,ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onCalendarSelect:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths,startDayOfWeek:this.startDayOfWeek})}renderStartDateField(){return i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",onClick:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),ref:t=>this.inputElement=t,value:this.formattedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,onMouseUp:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),value:this.toFormattedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return s(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,s){var a,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 d=t.length-1;d>=0;d--)(a=t[d])&&(r=(n<3?a(r):n>3?a(e,i,r):a(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([x({triggerEvents:"mousedown"})],F.prototype,"onClickOutside",null),F.style=":host{display:block}.gux-datepicker{display:inline-block}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:0.5}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-left:20px}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-top:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-right:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-right:8px;font-size:12px;font-weight:bold;line-height:20px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{position:relative;flex:0 1 auto;align-self:auto;order:0;margin:4px 0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 8px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input:focus-within{border-color:#2a60c8;outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;width:100px;overflow:hidden;color:#2e394c;background-color:#f6f7f9;border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:#596373;opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:2px;color:#596373;background:transparent;border:none;border-radius:4px;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2e394c;cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{width:16px;height:16px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gux-zindex-popup, 1);display:none;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{F as gux_datepicker}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,g as i}from"./p-7d26b2e1.js";import{t as s}from"./p-
|
|
1
|
+
import{r as t,h as e,g as i}from"./p-7d26b2e1.js";import{t as s}from"./p-da7f81dc.js";import{O as n}from"./p-9d18d475.js";import{b as r,g as o}from"./p-deee079e.js";import{s as a}from"./p-d176c2ae.js";import{b as h}from"./p-091f51f6.js";import{g as u,a as p,b as g}from"./p-955a1e6a.js";import"./p-8a133b9b.js";const l={toggleCalendar:"Toggle month calendar view",month:"Month",year:"Year",unset:"Unset"};const d={year:"numeric",month:"long"},x=["ar","he","ja","ko","zh-cn","zh-tw"],c=class{constructor(e){t(this,e),this.value=void 0,this.min=void 0,this.max=void 0,this.disabled=!1,this.expanded=!1,this.locale=void 0}onKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.calendarToggleButtonElement.focus())}onValueUpdate(t){this.value=this.isOutOfBounds(t)?this.isBeforeMin(t)?this.min:this.max:t,a(this.root,"input"),a(this.root,"change")}onClickOutside(){this.expanded=!1}async componentWillLoad(){s(this.root),this.i18n=await r(this.root,l),this.locale=o(this.root)}isOutOfBounds(t){return this.isBeforeMin(t)||this.isAfterMax(t)}isBeforeMin(t){return this.min&&this.min>t}isAfterMax(t){return this.max&&this.max<t}toggleCalendar(){this.expanded=!this.expanded,this.expanded&&h((()=>{this.monthCalendarElement.guxFocus(this.value)}))}onMonthCalendarInput(){this.value=this.monthCalendarElement.value,this.expanded=!1,this.calendarToggleButtonElement.focus()}incrementMonth(t){if(this.value){const{year:e,month:i}=u(this.value),s=((parseInt(i)+11+t)%12+1).toString().padStart(2,"0");this.value=p(e,s)}else this.value=g()}incrementYear(t){if(this.value){const{year:e,month:i}=u(this.value),s=Math.max(Number(e)+t,0).toString();this.value=p(s,i)}else this.value=g()}onSpinnerKeyDown(t,e,i){switch(t.key){case"ArrowDown":t.preventDefault(),e(-1);break;case"ArrowUp":t.preventDefault(),e(1);break;case"ArrowLeft":case"ArrowRight":t.preventDefault(),i.focus();break;case"Enter":t.preventDefault(),this.expanded=!0,h((()=>{this.monthCalendarElement.guxFocus(this.value)}));break;case" ":t.preventDefault()}}onSpinnerKeyUp(t){t.stopPropagation()," "===t.key&&(t.preventDefault(),this.expanded=!0,h((()=>{this.monthCalendarElement.guxFocus(this.value)})))}onSpinnerClick(){this.expanded=!0}getSpinnerLabel(t){if(this.value){const{year:e,month:i}=u(this.value);return new Date(Number(e),Number(i)-1).toLocaleDateString(this.locale,{[t]:d[t]})}return this.i18n(t)}getSpinnerValueNow(t){return this.value?u(this.value)[t]:"0"}getSpinnerValueText(){if(this.value){const{year:t,month:e}=u(this.value);return new Date(Number(t),Number(e)-1).toLocaleDateString(this.locale,{year:"numeric",month:"long"})}return this.i18n("unset")}renderMonthSpinnerButton(){return e("div",{role:"spinbutton",class:{"gux-spinner":!0,"gux-empty":Boolean(!this.value)},tabIndex:this.disabled?-1:0,onKeyDown:t=>this.onSpinnerKeyDown(t,(t=>this.incrementMonth(t)),this.yearSpinnerElement),onKeyUp:t=>this.onSpinnerKeyUp(t),onClick:()=>this.onSpinnerClick(),ref:t=>this.monthSpinnerElement=t,"aria-valuenow":this.getSpinnerValueNow("month"),"aria-valuetext":this.getSpinnerValueText(),"aria-valuemin":"1","aria-valuemax":"12","aria-label":this.i18n("month")},this.getSpinnerLabel("month"))}renderYearSpinnerButton(){return e("div",{role:"spinbutton",class:{"gux-spinner":!0,"gux-empty":Boolean(!this.value)},tabIndex:this.disabled?-1:0,onKeyDown:t=>this.onSpinnerKeyDown(t,(t=>this.incrementYear(t)),this.monthSpinnerElement),onKeyUp:t=>this.onSpinnerKeyUp(t),onClick:()=>this.onSpinnerClick(),ref:t=>this.yearSpinnerElement=t,"aria-valuenow":this.getSpinnerValueNow("year"),"aria-valuetext":this.getSpinnerValueText(),"aria-valuemin":"0","aria-label":this.i18n("year")},this.getSpinnerLabel("year"))}renderSpinnerButtons(){return x.includes(this.locale)?e("span",{class:"gux-display"},this.renderYearSpinnerButton(),this.renderMonthSpinnerButton()):e("span",{class:"gux-display"},this.renderMonthSpinnerButton(),this.renderYearSpinnerButton())}renderCalendarToggleButton(){return e("button",{class:{"gux-popup-toggle":!0,"gux-expanded":this.expanded},ref:t=>this.calendarToggleButtonElement=t,type:"button",onClick:()=>this.toggleCalendar(),disabled:this.disabled},e("gux-icon",{"icon-name":"calendar","screenreader-text":this.i18n("toggleCalendar")}))}renderTarget(){return e("div",{class:"gux-target",slot:"target"},this.renderSpinnerButtons(),this.renderCalendarToggleButton())}renderPopup(){return e("gux-month-calendar",{slot:"popup",ref:t=>this.monthCalendarElement=t,onInput:()=>this.onMonthCalendarInput(),value:this.value,min:this.min,max:this.max})}render(){return e("gux-popup",{expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return i(this)}static get watchers(){return{value:["onValueUpdate"]}}};(function(t,e,i,s){var n,r=arguments.length,o=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(n=t[a])&&(o=(r<3?n(o):r>3?n(e,i,o):n(e,i))||o);r>3&&o&&Object.defineProperty(e,i,o)})([n({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{display:inline-block}.gux-target{display:inline-flex;padding:4px 8px 4px 12px;cursor:pointer;background-color:#f6f7f9;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target:focus-within{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-target .gux-display{display:inline-flex;min-width:100px;padding-right:8px;color:#2e394c}.gux-target .gux-display .gux-spinner{outline:none}.gux-target .gux-display .gux-spinner:not(:first-child){margin-left:4px}.gux-target .gux-display .gux-spinner:focus-visible{background:#deeaff}.gux-target .gux-display .gux-spinner.gux-empty{color:#596373}.gux-target .gux-popup-toggle{justify-content:right;padding:2px;color:#596373;background:transparent;border:none;border-radius:4px}.gux-target .gux-popup-toggle:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-target .gux-popup-toggle:not(:disabled):focus,.gux-target .gux-popup-toggle:not(:disabled):hover{color:#2e394c;cursor:pointer}.gux-target .gux-popup-toggle gux-icon{width:16px;height:16px}.gux-target .gux-popup-toggle.gux-expanded{color:#2a60c8}.gux-target .gux-popup-toggle.gux-expanded:not(:disabled):focus-visible,.gux-target .gux-popup-toggle.gux-expanded:not(:disabled):hover{color:#2a60c8}";export{c as gux_month_picker_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as s,H as e,g as i}from"./p-7d26b2e1.js";import{r as o}from"./p-cbcbd1bb.js";import{t as r}from"./p-
|
|
1
|
+
import{r as t,h as s,H as e,g as i}from"./p-7d26b2e1.js";import{r as o}from"./p-cbcbd1bb.js";import{t as r}from"./p-da7f81dc.js";import{b as n}from"./p-deee079e.js";import{O as a}from"./p-9d18d475.js";import{b as c}from"./p-091f51f6.js";import{w as h}from"./p-76ff3e75.js";import"./p-8a133b9b.js";const l={contextMenuScreenreaderText:"Context menu"};const p=class{constructor(s){t(this,s),this.buttonId=o(),this.screenreaderText="",this.isOpen=!1}onClickOutside(){this.isOpen=!1}handleKeyDown(t){const s=t.composedPath().includes(this.listElement),e=t.composedPath().includes(this.button);switch(t.key){case"Escape":s&&(t.preventDefault(),this.isOpen=!1,this.button.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":e&&!this.isOpen&&(t.preventDefault(),this.isOpen=!0,this.focusFirstListItem());break;case"ArrowUp":e&&!this.isOpen&&(t.preventDefault(),this.isOpen=!0,this.focusLastListItem())}}handleKeyup(t){" "===t.key&&t.composedPath().includes(this.button)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstListItem())}focusFirstListItem(){c((()=>{this.listElement.guxFocusFirstItem()}))}focusLastListItem(){c((()=>{this.listElement.guxFocusLastItem()}))}onButtonClick(){this.isOpen=!this.isOpen,this.isOpen&&this.focusFirstListItem()}onListClick(t){h("gux-list-item",t,(()=>{this.isOpen=!1,this.button.focus()}))}async componentWillLoad(){r(this.root),this.i18n=await n(this.root,l)}render(){return s(e,null,s("gux-popup",{expanded:this.isOpen},s("div",{slot:"target",class:"gux-button-container"},s("gux-button-slot",{accent:"ghost"},s("button",{type:"button",onClick:()=>this.onButtonClick(),id:this.buttonId,ref:t=>this.button=t,"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},s("gux-icon",{"icon-name":"menu-kebab-vertical","screenreader-text":this.screenreaderText||this.i18n("contextMenuScreenreaderText")})))),s("div",{slot:"popup",class:"gux-list-container"},s("gux-list",{onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},s("slot",null)))))}static get delegatesFocus(){return!0}get root(){return i(this)}};(function(t,s,e,i){var o,r=arguments.length,n=r<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,s,e,i);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(s,e,n):o(s,e))||n);r>3&&n&&Object.defineProperty(s,e,n)})([a({triggerEvents:"click"})],p.prototype,"onClickOutside",null),p.style=":host{display:block;max-width:fit-content}gux-icon{width:16px;height:16px;color:#6b7585}.gux-list-container{width:128px;padding:8px 0;margin:0;text-align:left;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{p as gux_context_menu_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as g,a as i,h as p,g as a}from"./p-7d26b2e1.js";import{t as o}from"./p-cf507165.js";const x=class{constructor(i){g(this,i),this.region=void 0,this.screenreaderText=void 0}componentWillLoad(){o(this.root)}render(){var g;const a=i("assets/sprites/region-flags.png");return p("span",{role:this.screenreaderText?"img":"",class:"flag flag-"+(null===(g=this.region)||void 0===g?void 0:g.toLowerCase()),style:{backgroundImage:`url(${a})`},"aria-label":this.screenreaderText})}static get assetsDirs(){return["assets"]}get root(){return a(this)}};x.style=".flag-ad{background-image:url();background-position:0px 0px;width:24px;height:24px}.flag-ae{background-image:url();background-position:-24px 0px;width:24px;height:24px}.flag-af{background-image:url();background-position:0px -24px;width:24px;height:24px}.flag-ag{background-image:url();background-position:-24px -24px;width:24px;height:24px}.flag-ai{background-image:url();background-position:-48px 0px;width:24px;height:24px}.flag-al{background-image:url();background-position:-48px -24px;width:24px;height:24px}.flag-am{background-image:url();background-position:0px -48px;width:24px;height:24px}.flag-ao{background-image:url();background-position:-24px -48px;width:24px;height:24px}.flag-ar{background-image:url();background-position:-48px -48px;width:24px;height:24px}.flag-as{background-image:url();background-position:-72px 0px;width:24px;height:24px}.flag-at{background-image:url();background-position:-72px -24px;width:24px;height:24px}.flag-au{background-image:url();background-position:-72px -48px;width:24px;height:24px}.flag-aw{background-image:url();background-position:0px -72px;width:24px;height:24px}.flag-ax{background-image:url();background-position:-24px -72px;width:24px;height:24px}.flag-az{background-image:url();background-position:-48px -72px;width:24px;height:24px}.flag-ba{background-image:url();background-position:-72px -72px;width:24px;height:24px}.flag-bb{background-image:url();background-position:-96px 0px;width:24px;height:24px}.flag-bd{background-image:url();background-position:-96px -24px;width:24px;height:24px}.flag-be{background-image:url();background-position:-96px -48px;width:24px;height:24px}.flag-bf{background-image:url();background-position:-96px -72px;width:24px;height:24px}.flag-bg{background-image:url();background-position:0px -96px;width:24px;height:24px}.flag-bh{background-image:url();background-position:-24px -96px;width:24px;height:24px}.flag-bi{background-image:url();background-position:-48px -96px;width:24px;height:24px}.flag-bj{background-image:url();background-position:-72px -96px;width:24px;height:24px}.flag-bl{background-image:url();background-position:-96px -96px;width:24px;height:24px}.flag-bm{background-image:url();background-position:-120px 0px;width:24px;height:24px}.flag-bn{background-image:url();background-position:-120px -24px;width:24px;height:24px}.flag-bo{background-image:url();background-position:-120px -48px;width:24px;height:24px}.flag-bq{background-image:url();background-position:-120px -72px;width:24px;height:24px}.flag-br{background-image:url();background-position:-120px -96px;width:24px;height:24px}.flag-bs{background-image:url();background-position:0px -120px;width:24px;height:24px}.flag-bt{background-image:url();background-position:-24px -120px;width:24px;height:24px}.flag-bv{background-image:url();background-position:-48px -120px;width:24px;height:24px}.flag-bw{background-image:url();background-position:-72px -120px;width:24px;height:24px}.flag-by{background-image:url();background-position:-96px -120px;width:24px;height:24px}.flag-bz{background-image:url();background-position:-120px -120px;width:24px;height:24px}.flag-ca{background-image:url();background-position:-144px 0px;width:24px;height:24px}.flag-cc{background-image:url();background-position:-144px -24px;width:24px;height:24px}.flag-cd{background-image:url();background-position:-144px -48px;width:24px;height:24px}.flag-cf{background-image:url();background-position:-144px -72px;width:24px;height:24px}.flag-cg{background-image:url();background-position:-144px -96px;width:24px;height:24px}.flag-ch{background-image:url();background-position:-144px -120px;width:24px;height:24px}.flag-ci{background-image:url();background-position:0px -144px;width:24px;height:24px}.flag-ck{background-image:url();background-position:-24px -144px;width:24px;height:24px}.flag-cl{background-image:url();background-position:-48px -144px;width:24px;height:24px}.flag-cm{background-image:url();background-position:-72px -144px;width:24px;height:24px}.flag-cn{background-image:url();background-position:-96px -144px;width:24px;height:24px}.flag-co{background-image:url();background-position:-120px -144px;width:24px;height:24px}.flag-cr{background-image:url();background-position:-144px -144px;width:24px;height:24px}.flag-cu{background-image:url();background-position:-168px 0px;width:24px;height:24px}.flag-cv{background-image:url();background-position:-168px -24px;width:24px;height:24px}.flag-cw{background-image:url();background-position:-168px -48px;width:24px;height:24px}.flag-cx{background-image:url();background-position:-168px -72px;width:24px;height:24px}.flag-cy{background-image:url();background-position:-168px -96px;width:24px;height:24px}.flag-cz{background-image:url();background-position:-168px -120px;width:24px;height:24px}.flag-de{background-image:url();background-position:-168px -144px;width:24px;height:24px}.flag-dj{background-image:url();background-position:0px -168px;width:24px;height:24px}.flag-dk{background-image:url();background-position:-24px -168px;width:24px;height:24px}.flag-dm{background-image:url();background-position:-48px -168px;width:24px;height:24px}.flag-do{background-image:url();background-position:-72px -168px;width:24px;height:24px}.flag-dz{background-image:url();background-position:-96px -168px;width:24px;height:24px}.flag-ec{background-image:url();background-position:-120px -168px;width:24px;height:24px}.flag-ee{background-image:url();background-position:-144px -168px;width:24px;height:24px}.flag-eg{background-image:url();background-position:-168px -168px;width:24px;height:24px}.flag-eh{background-image:url();background-position:-192px 0px;width:24px;height:24px}.flag-er{background-image:url();background-position:-192px -24px;width:24px;height:24px}.flag-es{background-image:url();background-position:-192px -48px;width:24px;height:24px}.flag-et{background-image:url();background-position:-192px -72px;width:24px;height:24px}.flag-fi{background-image:url();background-position:-192px -96px;width:24px;height:24px}.flag-fj{background-image:url();background-position:-192px -120px;width:24px;height:24px}.flag-fk{background-image:url();background-position:-192px -144px;width:24px;height:24px}.flag-fm{background-image:url();background-position:-192px -168px;width:24px;height:24px}.flag-fo{background-image:url();background-position:0px -192px;width:24px;height:24px}.flag-fr{background-image:url();background-position:-24px -192px;width:24px;height:24px}.flag-ga{background-image:url();background-position:-48px -192px;width:24px;height:24px}.flag-gb{background-image:url();background-position:-72px -192px;width:24px;height:24px}.flag-gd{background-image:url();background-position:-96px -192px;width:24px;height:24px}.flag-ge{background-image:url();background-position:-120px -192px;width:24px;height:24px}.flag-gf{background-image:url();background-position:-144px -192px;width:24px;height:24px}.flag-gg{background-image:url();background-position:-168px -192px;width:24px;height:24px}.flag-gh{background-image:url();background-position:-192px -192px;width:24px;height:24px}.flag-gi{background-image:url();background-position:-216px 0px;width:24px;height:24px}.flag-gl{background-image:url();background-position:-216px -24px;width:24px;height:24px}.flag-gm{background-image:url();background-position:-216px -48px;width:24px;height:24px}.flag-gn{background-image:url();background-position:-216px -72px;width:24px;height:24px}.flag-gp{background-image:url();background-position:-216px -96px;width:24px;height:24px}.flag-gq{background-image:url();background-position:-216px -120px;width:24px;height:24px}.flag-gr{background-image:url();background-position:-216px -144px;width:24px;height:24px}.flag-gs{background-image:url();background-position:-216px -168px;width:24px;height:24px}.flag-gt{background-image:url();background-position:-216px -192px;width:24px;height:24px}.flag-gu{background-image:url();background-position:0px -216px;width:24px;height:24px}.flag-gw{background-image:url();background-position:-24px -216px;width:24px;height:24px}.flag-gy{background-image:url();background-position:-48px -216px;width:24px;height:24px}.flag-hk{background-image:url();background-position:-72px -216px;width:24px;height:24px}.flag-hn{background-image:url();background-position:-96px -216px;width:24px;height:24px}.flag-hr{background-image:url();background-position:-120px -216px;width:24px;height:24px}.flag-ht{background-image:url();background-position:-144px -216px;width:24px;height:24px}.flag-hu{background-image:url();background-position:-168px -216px;width:24px;height:24px}.flag-id{background-image:url();background-position:-192px -216px;width:24px;height:24px}.flag-ie{background-image:url();background-position:-216px -216px;width:24px;height:24px}.flag-il{background-image:url();background-position:-240px 0px;width:24px;height:24px}.flag-im{background-image:url();background-position:-240px -24px;width:24px;height:24px}.flag-in{background-image:url();background-position:-240px -48px;width:24px;height:24px}.flag-io{background-image:url();background-position:-240px -72px;width:24px;height:24px}.flag-iq{background-image:url();background-position:-240px -96px;width:24px;height:24px}.flag-ir{background-image:url();background-position:-240px -120px;width:24px;height:24px}.flag-is{background-image:url();background-position:-240px -144px;width:24px;height:24px}.flag-it{background-image:url();background-position:-240px -168px;width:24px;height:24px}.flag-je{background-image:url();background-position:-240px -192px;width:24px;height:24px}.flag-jm{background-image:url();background-position:-240px -216px;width:24px;height:24px}.flag-jo{background-image:url();background-position:0px -240px;width:24px;height:24px}.flag-jp{background-image:url();background-position:-24px -240px;width:24px;height:24px}.flag-ke{background-image:url();background-position:-48px -240px;width:24px;height:24px}.flag-kg{background-image:url();background-position:-72px -240px;width:24px;height:24px}.flag-kh{background-image:url();background-position:-96px -240px;width:24px;height:24px}.flag-ki{background-image:url();background-position:-120px -240px;width:24px;height:24px}.flag-km{background-image:url();background-position:-144px -240px;width:24px;height:24px}.flag-kn{background-image:url();background-position:-168px -240px;width:24px;height:24px}.flag-kp{background-image:url();background-position:-192px -240px;width:24px;height:24px}.flag-kr{background-image:url();background-position:-216px -240px;width:24px;height:24px}.flag-kw{background-image:url();background-position:-240px -240px;width:24px;height:24px}.flag-ky{background-image:url();background-position:-264px 0px;width:24px;height:24px}.flag-kz{background-image:url();background-position:-264px -24px;width:24px;height:24px}.flag-la{background-image:url();background-position:-264px -48px;width:24px;height:24px}.flag-lb{background-image:url();background-position:-264px -72px;width:24px;height:24px}.flag-lc{background-image:url();background-position:-264px -96px;width:24px;height:24px}.flag-li{background-image:url();background-position:-264px -120px;width:24px;height:24px}.flag-lk{background-image:url();background-position:-264px -144px;width:24px;height:24px}.flag-lr{background-image:url();background-position:-264px -168px;width:24px;height:24px}.flag-ls{background-image:url();background-position:-264px -192px;width:24px;height:24px}.flag-lt{background-image:url();background-position:-264px -216px;width:24px;height:24px}.flag-lu{background-image:url();background-position:-264px -240px;width:24px;height:24px}.flag-lv{background-image:url();background-position:0px -264px;width:24px;height:24px}.flag-ly{background-image:url();background-position:-24px -264px;width:24px;height:24px}.flag-ma{background-image:url();background-position:-48px -264px;width:24px;height:24px}.flag-mc{background-image:url();background-position:-72px -264px;width:24px;height:24px}.flag-md{background-image:url();background-position:-96px -264px;width:24px;height:24px}.flag-me{background-image:url();background-position:-120px -264px;width:24px;height:24px}.flag-mf{background-image:url();background-position:-144px -264px;width:24px;height:24px}.flag-mg{background-image:url();background-position:-168px -264px;width:24px;height:24px}.flag-mh{background-image:url();background-position:-192px -264px;width:24px;height:24px}.flag-mk{background-image:url();background-position:-216px -264px;width:24px;height:24px}.flag-ml{background-image:url();background-position:-240px -264px;width:24px;height:24px}.flag-mm{background-image:url();background-position:-264px -264px;width:24px;height:24px}.flag-mn{background-image:url();background-position:-288px 0px;width:24px;height:24px}.flag-mo{background-image:url();background-position:-288px -24px;width:24px;height:24px}.flag-mp{background-image:url();background-position:-288px -48px;width:24px;height:24px}.flag-mq{background-image:url();background-position:-288px -72px;width:24px;height:24px}.flag-mr{background-image:url();background-position:-288px -96px;width:24px;height:24px}.flag-ms{background-image:url();background-position:-288px -120px;width:24px;height:24px}.flag-mt{background-image:url();background-position:-288px -144px;width:24px;height:24px}.flag-mu{background-image:url();background-position:-288px -168px;width:24px;height:24px}.flag-mv{background-image:url();background-position:-288px -192px;width:24px;height:24px}.flag-mw{background-image:url();background-position:-288px -216px;width:24px;height:24px}.flag-mx{background-image:url();background-position:-288px -240px;width:24px;height:24px}.flag-my{background-image:url();background-position:-288px -264px;width:24px;height:24px}.flag-mz{background-image:url();background-position:0px -288px;width:24px;height:24px}.flag-na{background-image:url();background-position:-24px -288px;width:24px;height:24px}.flag-nc{background-image:url();background-position:-48px -288px;width:24px;height:24px}.flag-ne{background-image:url();background-position:-72px -288px;width:24px;height:24px}.flag-nf{background-image:url();background-position:-96px -288px;width:24px;height:24px}.flag-ng{background-image:url();background-position:-120px -288px;width:24px;height:24px}.flag-ni{background-image:url();background-position:-144px -288px;width:24px;height:24px}.flag-nl{background-image:url();background-position:-168px -288px;width:24px;height:24px}.flag-no{background-image:url();background-position:-192px -288px;width:24px;height:24px}.flag-np{background-image:url();background-position:-216px -288px;width:24px;height:24px}.flag-nr{background-image:url();background-position:-240px -288px;width:24px;height:24px}.flag-nu{background-image:url();background-position:-264px -288px;width:24px;height:24px}.flag-nz{background-image:url();background-position:-288px -288px;width:24px;height:24px}.flag-om{background-image:url();background-position:-312px 0px;width:24px;height:24px}.flag-pa{background-image:url();background-position:-312px -24px;width:24px;height:24px}.flag-pe{background-image:url();background-position:-312px -48px;width:24px;height:24px}.flag-pf{background-image:url();background-position:-312px -72px;width:24px;height:24px}.flag-pg{background-image:url();background-position:-312px -96px;width:24px;height:24px}.flag-ph{background-image:url();background-position:-312px -120px;width:24px;height:24px}.flag-pk{background-image:url();background-position:-312px -144px;width:24px;height:24px}.flag-pl{background-image:url();background-position:-312px -168px;width:24px;height:24px}.flag-pm{background-image:url();background-position:-312px -192px;width:24px;height:24px}.flag-pn{background-image:url();background-position:-312px -216px;width:24px;height:24px}.flag-pr{background-image:url();background-position:-312px -240px;width:24px;height:24px}.flag-ps{background-image:url();background-position:-312px -264px;width:24px;height:24px}.flag-pt{background-image:url();background-position:-312px -288px;width:24px;height:24px}.flag-pw{background-image:url();background-position:0px -312px;width:24px;height:24px}.flag-py{background-image:url();background-position:-24px -312px;width:24px;height:24px}.flag-qa{background-image:url();background-position:-48px -312px;width:24px;height:24px}.flag-re{background-image:url();background-position:-72px -312px;width:24px;height:24px}.flag-ro{background-image:url();background-position:-96px -312px;width:24px;height:24px}.flag-rs{background-image:url();background-position:-120px -312px;width:24px;height:24px}.flag-ru{background-image:url();background-position:-144px -312px;width:24px;height:24px}.flag-rw{background-image:url();background-position:-168px -312px;width:24px;height:24px}.flag-sa{background-image:url();background-position:-192px -312px;width:24px;height:24px}.flag-sb{background-image:url();background-position:-216px -312px;width:24px;height:24px}.flag-sc{background-image:url();background-position:-240px -312px;width:24px;height:24px}.flag-sd{background-image:url();background-position:-264px -312px;width:24px;height:24px}.flag-se{background-image:url();background-position:-288px -312px;width:24px;height:24px}.flag-sg{background-image:url();background-position:-312px -312px;width:24px;height:24px}.flag-sh{background-image:url();background-position:-336px 0px;width:24px;height:24px}.flag-si{background-image:url();background-position:-336px -24px;width:24px;height:24px}.flag-sj{background-image:url();background-position:-336px -48px;width:24px;height:24px}.flag-sk{background-image:url();background-position:-336px -72px;width:24px;height:24px}.flag-sl{background-image:url();background-position:-336px -96px;width:24px;height:24px}.flag-sm{background-image:url();background-position:-336px -120px;width:24px;height:24px}.flag-sn{background-image:url();background-position:-336px -144px;width:24px;height:24px}.flag-so{background-image:url();background-position:-336px -168px;width:24px;height:24px}.flag-sr{background-image:url();background-position:-336px -192px;width:24px;height:24px}.flag-ss{background-image:url();background-position:-336px -216px;width:24px;height:24px}.flag-st{background-image:url();background-position:-336px -240px;width:24px;height:24px}.flag-sv{background-image:url();background-position:-336px -264px;width:24px;height:24px}.flag-sx{background-image:url();background-position:-336px -288px;width:24px;height:24px}.flag-sy{background-image:url();background-position:-336px -312px;width:24px;height:24px}.flag-sz{background-image:url();background-position:0px -336px;width:24px;height:24px}.flag-tc{background-image:url();background-position:-24px -336px;width:24px;height:24px}.flag-td{background-image:url();background-position:-48px -336px;width:24px;height:24px}.flag-tg{background-image:url();background-position:-72px -336px;width:24px;height:24px}.flag-th{background-image:url();background-position:-96px -336px;width:24px;height:24px}.flag-tj{background-image:url();background-position:-120px -336px;width:24px;height:24px}.flag-tk{background-image:url();background-position:-144px -336px;width:24px;height:24px}.flag-tl{background-image:url();background-position:-168px -336px;width:24px;height:24px}.flag-tm{background-image:url();background-position:-192px -336px;width:24px;height:24px}.flag-tn{background-image:url();background-position:-216px -336px;width:24px;height:24px}.flag-to{background-image:url();background-position:-240px -336px;width:24px;height:24px}.flag-tr{background-image:url();background-position:-264px -336px;width:24px;height:24px}.flag-tt{background-image:url();background-position:-288px -336px;width:24px;height:24px}.flag-tv{background-image:url();background-position:-312px -336px;width:24px;height:24px}.flag-tw{background-image:url();background-position:-336px -336px;width:24px;height:24px}.flag-tz{background-image:url();background-position:-360px 0px;width:24px;height:24px}.flag-ua{background-image:url();background-position:-360px -24px;width:24px;height:24px}.flag-ug{background-image:url();background-position:-360px -48px;width:24px;height:24px}.flag-us{background-image:url();background-position:-360px -72px;width:24px;height:24px}.flag-uy{background-image:url();background-position:-360px -96px;width:24px;height:24px}.flag-uz{background-image:url();background-position:-360px -120px;width:24px;height:24px}.flag-va{background-image:url();background-position:-360px -144px;width:24px;height:24px}.flag-vc{background-image:url();background-position:-360px -168px;width:24px;height:24px}.flag-ve{background-image:url();background-position:-360px -192px;width:24px;height:24px}.flag-vg{background-image:url();background-position:-360px -216px;width:24px;height:24px}.flag-vi{background-image:url();background-position:-360px -240px;width:24px;height:24px}.flag-vn{background-image:url();background-position:-360px -264px;width:24px;height:24px}.flag-vu{background-image:url();background-position:-360px -288px;width:24px;height:24px}.flag-wf{background-image:url();background-position:-360px -312px;width:24px;height:24px}.flag-ws{background-image:url();background-position:-360px -336px;width:24px;height:24px}.flag-xk{background-image:url();background-position:0px -360px;width:24px;height:24px}.flag-ye{background-image:url();background-position:-24px -360px;width:24px;height:24px}.flag-yt{background-image:url();background-position:-48px -360px;width:24px;height:24px}.flag-za{background-image:url();background-position:-72px -360px;width:24px;height:24px}.flag-zm{background-image:url();background-position:-96px -360px;width:24px;height:24px}.flag-zw{background-image:url();background-position:-120px -360px;width:24px;height:24px}.flag{display:inline-block}";export{x as gux_region_icon}
|
|
1
|
+
import{r as g,a as i,h as p,g as a}from"./p-7d26b2e1.js";import{t as o}from"./p-da7f81dc.js";const x=class{constructor(i){g(this,i),this.region=void 0,this.screenreaderText=void 0}componentWillLoad(){o(this.root)}render(){var g;const a=i("assets/sprites/region-flags.png");return p("span",{role:this.screenreaderText?"img":"",class:"flag flag-"+(null===(g=this.region)||void 0===g?void 0:g.toLowerCase()),style:{backgroundImage:`url(${a})`},"aria-label":this.screenreaderText})}static get assetsDirs(){return["assets"]}get root(){return a(this)}};x.style=".flag-ad{background-image:url();background-position:0px 0px;width:24px;height:24px}.flag-ae{background-image:url();background-position:-24px 0px;width:24px;height:24px}.flag-af{background-image:url();background-position:0px -24px;width:24px;height:24px}.flag-ag{background-image:url();background-position:-24px -24px;width:24px;height:24px}.flag-ai{background-image:url();background-position:-48px 0px;width:24px;height:24px}.flag-al{background-image:url();background-position:-48px -24px;width:24px;height:24px}.flag-am{background-image:url();background-position:0px -48px;width:24px;height:24px}.flag-ao{background-image:url();background-position:-24px -48px;width:24px;height:24px}.flag-ar{background-image:url();background-position:-48px -48px;width:24px;height:24px}.flag-as{background-image:url();background-position:-72px 0px;width:24px;height:24px}.flag-at{background-image:url();background-position:-72px -24px;width:24px;height:24px}.flag-au{background-image:url();background-position:-72px -48px;width:24px;height:24px}.flag-aw{background-image:url();background-position:0px -72px;width:24px;height:24px}.flag-ax{background-image:url();background-position:-24px -72px;width:24px;height:24px}.flag-az{background-image:url();background-position:-48px -72px;width:24px;height:24px}.flag-ba{background-image:url();background-position:-72px -72px;width:24px;height:24px}.flag-bb{background-image:url();background-position:-96px 0px;width:24px;height:24px}.flag-bd{background-image:url();background-position:-96px -24px;width:24px;height:24px}.flag-be{background-image:url();background-position:-96px -48px;width:24px;height:24px}.flag-bf{background-image:url();background-position:-96px -72px;width:24px;height:24px}.flag-bg{background-image:url();background-position:0px -96px;width:24px;height:24px}.flag-bh{background-image:url();background-position:-24px -96px;width:24px;height:24px}.flag-bi{background-image:url();background-position:-48px -96px;width:24px;height:24px}.flag-bj{background-image:url();background-position:-72px -96px;width:24px;height:24px}.flag-bl{background-image:url();background-position:-96px -96px;width:24px;height:24px}.flag-bm{background-image:url();background-position:-120px 0px;width:24px;height:24px}.flag-bn{background-image:url();background-position:-120px -24px;width:24px;height:24px}.flag-bo{background-image:url();background-position:-120px -48px;width:24px;height:24px}.flag-bq{background-image:url();background-position:-120px -72px;width:24px;height:24px}.flag-br{background-image:url();background-position:-120px -96px;width:24px;height:24px}.flag-bs{background-image:url();background-position:0px -120px;width:24px;height:24px}.flag-bt{background-image:url();background-position:-24px -120px;width:24px;height:24px}.flag-bv{background-image:url();background-position:-48px -120px;width:24px;height:24px}.flag-bw{background-image:url();background-position:-72px -120px;width:24px;height:24px}.flag-by{background-image:url();background-position:-96px -120px;width:24px;height:24px}.flag-bz{background-image:url();background-position:-120px -120px;width:24px;height:24px}.flag-ca{background-image:url();background-position:-144px 0px;width:24px;height:24px}.flag-cc{background-image:url();background-position:-144px -24px;width:24px;height:24px}.flag-cd{background-image:url();background-position:-144px -48px;width:24px;height:24px}.flag-cf{background-image:url();background-position:-144px -72px;width:24px;height:24px}.flag-cg{background-image:url();background-position:-144px -96px;width:24px;height:24px}.flag-ch{background-image:url();background-position:-144px -120px;width:24px;height:24px}.flag-ci{background-image:url();background-position:0px -144px;width:24px;height:24px}.flag-ck{background-image:url();background-position:-24px -144px;width:24px;height:24px}.flag-cl{background-image:url();background-position:-48px -144px;width:24px;height:24px}.flag-cm{background-image:url();background-position:-72px -144px;width:24px;height:24px}.flag-cn{background-image:url();background-position:-96px -144px;width:24px;height:24px}.flag-co{background-image:url();background-position:-120px -144px;width:24px;height:24px}.flag-cr{background-image:url();background-position:-144px -144px;width:24px;height:24px}.flag-cu{background-image:url();background-position:-168px 0px;width:24px;height:24px}.flag-cv{background-image:url();background-position:-168px -24px;width:24px;height:24px}.flag-cw{background-image:url();background-position:-168px -48px;width:24px;height:24px}.flag-cx{background-image:url();background-position:-168px -72px;width:24px;height:24px}.flag-cy{background-image:url();background-position:-168px -96px;width:24px;height:24px}.flag-cz{background-image:url();background-position:-168px -120px;width:24px;height:24px}.flag-de{background-image:url();background-position:-168px -144px;width:24px;height:24px}.flag-dj{background-image:url();background-position:0px -168px;width:24px;height:24px}.flag-dk{background-image:url();background-position:-24px -168px;width:24px;height:24px}.flag-dm{background-image:url();background-position:-48px -168px;width:24px;height:24px}.flag-do{background-image:url();background-position:-72px -168px;width:24px;height:24px}.flag-dz{background-image:url();background-position:-96px -168px;width:24px;height:24px}.flag-ec{background-image:url();background-position:-120px -168px;width:24px;height:24px}.flag-ee{background-image:url();background-position:-144px -168px;width:24px;height:24px}.flag-eg{background-image:url();background-position:-168px -168px;width:24px;height:24px}.flag-eh{background-image:url();background-position:-192px 0px;width:24px;height:24px}.flag-er{background-image:url();background-position:-192px -24px;width:24px;height:24px}.flag-es{background-image:url();background-position:-192px -48px;width:24px;height:24px}.flag-et{background-image:url();background-position:-192px -72px;width:24px;height:24px}.flag-fi{background-image:url();background-position:-192px -96px;width:24px;height:24px}.flag-fj{background-image:url();background-position:-192px -120px;width:24px;height:24px}.flag-fk{background-image:url();background-position:-192px -144px;width:24px;height:24px}.flag-fm{background-image:url();background-position:-192px -168px;width:24px;height:24px}.flag-fo{background-image:url();background-position:0px -192px;width:24px;height:24px}.flag-fr{background-image:url();background-position:-24px -192px;width:24px;height:24px}.flag-ga{background-image:url();background-position:-48px -192px;width:24px;height:24px}.flag-gb{background-image:url();background-position:-72px -192px;width:24px;height:24px}.flag-gd{background-image:url();background-position:-96px -192px;width:24px;height:24px}.flag-ge{background-image:url();background-position:-120px -192px;width:24px;height:24px}.flag-gf{background-image:url();background-position:-144px -192px;width:24px;height:24px}.flag-gg{background-image:url();background-position:-168px -192px;width:24px;height:24px}.flag-gh{background-image:url();background-position:-192px -192px;width:24px;height:24px}.flag-gi{background-image:url();background-position:-216px 0px;width:24px;height:24px}.flag-gl{background-image:url();background-position:-216px -24px;width:24px;height:24px}.flag-gm{background-image:url();background-position:-216px -48px;width:24px;height:24px}.flag-gn{background-image:url();background-position:-216px -72px;width:24px;height:24px}.flag-gp{background-image:url();background-position:-216px -96px;width:24px;height:24px}.flag-gq{background-image:url();background-position:-216px -120px;width:24px;height:24px}.flag-gr{background-image:url();background-position:-216px -144px;width:24px;height:24px}.flag-gs{background-image:url();background-position:-216px -168px;width:24px;height:24px}.flag-gt{background-image:url();background-position:-216px -192px;width:24px;height:24px}.flag-gu{background-image:url();background-position:0px -216px;width:24px;height:24px}.flag-gw{background-image:url();background-position:-24px -216px;width:24px;height:24px}.flag-gy{background-image:url();background-position:-48px -216px;width:24px;height:24px}.flag-hk{background-image:url();background-position:-72px -216px;width:24px;height:24px}.flag-hn{background-image:url();background-position:-96px -216px;width:24px;height:24px}.flag-hr{background-image:url();background-position:-120px -216px;width:24px;height:24px}.flag-ht{background-image:url();background-position:-144px -216px;width:24px;height:24px}.flag-hu{background-image:url();background-position:-168px -216px;width:24px;height:24px}.flag-id{background-image:url();background-position:-192px -216px;width:24px;height:24px}.flag-ie{background-image:url();background-position:-216px -216px;width:24px;height:24px}.flag-il{background-image:url();background-position:-240px 0px;width:24px;height:24px}.flag-im{background-image:url();background-position:-240px -24px;width:24px;height:24px}.flag-in{background-image:url();background-position:-240px -48px;width:24px;height:24px}.flag-io{background-image:url();background-position:-240px -72px;width:24px;height:24px}.flag-iq{background-image:url();background-position:-240px -96px;width:24px;height:24px}.flag-ir{background-image:url();background-position:-240px -120px;width:24px;height:24px}.flag-is{background-image:url();background-position:-240px -144px;width:24px;height:24px}.flag-it{background-image:url();background-position:-240px -168px;width:24px;height:24px}.flag-je{background-image:url();background-position:-240px -192px;width:24px;height:24px}.flag-jm{background-image:url();background-position:-240px -216px;width:24px;height:24px}.flag-jo{background-image:url();background-position:0px -240px;width:24px;height:24px}.flag-jp{background-image:url();background-position:-24px -240px;width:24px;height:24px}.flag-ke{background-image:url();background-position:-48px -240px;width:24px;height:24px}.flag-kg{background-image:url();background-position:-72px -240px;width:24px;height:24px}.flag-kh{background-image:url();background-position:-96px -240px;width:24px;height:24px}.flag-ki{background-image:url();background-position:-120px -240px;width:24px;height:24px}.flag-km{background-image:url();background-position:-144px -240px;width:24px;height:24px}.flag-kn{background-image:url();background-position:-168px -240px;width:24px;height:24px}.flag-kp{background-image:url();background-position:-192px -240px;width:24px;height:24px}.flag-kr{background-image:url();background-position:-216px -240px;width:24px;height:24px}.flag-kw{background-image:url();background-position:-240px -240px;width:24px;height:24px}.flag-ky{background-image:url();background-position:-264px 0px;width:24px;height:24px}.flag-kz{background-image:url();background-position:-264px -24px;width:24px;height:24px}.flag-la{background-image:url();background-position:-264px -48px;width:24px;height:24px}.flag-lb{background-image:url();background-position:-264px -72px;width:24px;height:24px}.flag-lc{background-image:url();background-position:-264px -96px;width:24px;height:24px}.flag-li{background-image:url();background-position:-264px -120px;width:24px;height:24px}.flag-lk{background-image:url();background-position:-264px -144px;width:24px;height:24px}.flag-lr{background-image:url();background-position:-264px -168px;width:24px;height:24px}.flag-ls{background-image:url();background-position:-264px -192px;width:24px;height:24px}.flag-lt{background-image:url();background-position:-264px -216px;width:24px;height:24px}.flag-lu{background-image:url();background-position:-264px -240px;width:24px;height:24px}.flag-lv{background-image:url();background-position:0px -264px;width:24px;height:24px}.flag-ly{background-image:url();background-position:-24px -264px;width:24px;height:24px}.flag-ma{background-image:url();background-position:-48px -264px;width:24px;height:24px}.flag-mc{background-image:url();background-position:-72px -264px;width:24px;height:24px}.flag-md{background-image:url();background-position:-96px -264px;width:24px;height:24px}.flag-me{background-image:url();background-position:-120px -264px;width:24px;height:24px}.flag-mf{background-image:url();background-position:-144px -264px;width:24px;height:24px}.flag-mg{background-image:url();background-position:-168px -264px;width:24px;height:24px}.flag-mh{background-image:url();background-position:-192px -264px;width:24px;height:24px}.flag-mk{background-image:url();background-position:-216px -264px;width:24px;height:24px}.flag-ml{background-image:url();background-position:-240px -264px;width:24px;height:24px}.flag-mm{background-image:url();background-position:-264px -264px;width:24px;height:24px}.flag-mn{background-image:url();background-position:-288px 0px;width:24px;height:24px}.flag-mo{background-image:url();background-position:-288px -24px;width:24px;height:24px}.flag-mp{background-image:url();background-position:-288px -48px;width:24px;height:24px}.flag-mq{background-image:url();background-position:-288px -72px;width:24px;height:24px}.flag-mr{background-image:url();background-position:-288px -96px;width:24px;height:24px}.flag-ms{background-image:url();background-position:-288px -120px;width:24px;height:24px}.flag-mt{background-image:url();background-position:-288px -144px;width:24px;height:24px}.flag-mu{background-image:url();background-position:-288px -168px;width:24px;height:24px}.flag-mv{background-image:url();background-position:-288px -192px;width:24px;height:24px}.flag-mw{background-image:url();background-position:-288px -216px;width:24px;height:24px}.flag-mx{background-image:url();background-position:-288px -240px;width:24px;height:24px}.flag-my{background-image:url();background-position:-288px -264px;width:24px;height:24px}.flag-mz{background-image:url();background-position:0px -288px;width:24px;height:24px}.flag-na{background-image:url();background-position:-24px -288px;width:24px;height:24px}.flag-nc{background-image:url();background-position:-48px -288px;width:24px;height:24px}.flag-ne{background-image:url();background-position:-72px -288px;width:24px;height:24px}.flag-nf{background-image:url();background-position:-96px -288px;width:24px;height:24px}.flag-ng{background-image:url();background-position:-120px -288px;width:24px;height:24px}.flag-ni{background-image:url();background-position:-144px -288px;width:24px;height:24px}.flag-nl{background-image:url();background-position:-168px -288px;width:24px;height:24px}.flag-no{background-image:url();background-position:-192px -288px;width:24px;height:24px}.flag-np{background-image:url();background-position:-216px -288px;width:24px;height:24px}.flag-nr{background-image:url();background-position:-240px -288px;width:24px;height:24px}.flag-nu{background-image:url();background-position:-264px -288px;width:24px;height:24px}.flag-nz{background-image:url();background-position:-288px -288px;width:24px;height:24px}.flag-om{background-image:url();background-position:-312px 0px;width:24px;height:24px}.flag-pa{background-image:url();background-position:-312px -24px;width:24px;height:24px}.flag-pe{background-image:url();background-position:-312px -48px;width:24px;height:24px}.flag-pf{background-image:url();background-position:-312px -72px;width:24px;height:24px}.flag-pg{background-image:url();background-position:-312px -96px;width:24px;height:24px}.flag-ph{background-image:url();background-position:-312px -120px;width:24px;height:24px}.flag-pk{background-image:url();background-position:-312px -144px;width:24px;height:24px}.flag-pl{background-image:url();background-position:-312px -168px;width:24px;height:24px}.flag-pm{background-image:url();background-position:-312px -192px;width:24px;height:24px}.flag-pn{background-image:url();background-position:-312px -216px;width:24px;height:24px}.flag-pr{background-image:url();background-position:-312px -240px;width:24px;height:24px}.flag-ps{background-image:url();background-position:-312px -264px;width:24px;height:24px}.flag-pt{background-image:url();background-position:-312px -288px;width:24px;height:24px}.flag-pw{background-image:url();background-position:0px -312px;width:24px;height:24px}.flag-py{background-image:url();background-position:-24px -312px;width:24px;height:24px}.flag-qa{background-image:url();background-position:-48px -312px;width:24px;height:24px}.flag-re{background-image:url();background-position:-72px -312px;width:24px;height:24px}.flag-ro{background-image:url();background-position:-96px -312px;width:24px;height:24px}.flag-rs{background-image:url();background-position:-120px -312px;width:24px;height:24px}.flag-ru{background-image:url();background-position:-144px -312px;width:24px;height:24px}.flag-rw{background-image:url();background-position:-168px -312px;width:24px;height:24px}.flag-sa{background-image:url();background-position:-192px -312px;width:24px;height:24px}.flag-sb{background-image:url();background-position:-216px -312px;width:24px;height:24px}.flag-sc{background-image:url();background-position:-240px -312px;width:24px;height:24px}.flag-sd{background-image:url();background-position:-264px -312px;width:24px;height:24px}.flag-se{background-image:url();background-position:-288px -312px;width:24px;height:24px}.flag-sg{background-image:url();background-position:-312px -312px;width:24px;height:24px}.flag-sh{background-image:url();background-position:-336px 0px;width:24px;height:24px}.flag-si{background-image:url();background-position:-336px -24px;width:24px;height:24px}.flag-sj{background-image:url();background-position:-336px -48px;width:24px;height:24px}.flag-sk{background-image:url();background-position:-336px -72px;width:24px;height:24px}.flag-sl{background-image:url();background-position:-336px -96px;width:24px;height:24px}.flag-sm{background-image:url();background-position:-336px -120px;width:24px;height:24px}.flag-sn{background-image:url();background-position:-336px -144px;width:24px;height:24px}.flag-so{background-image:url();background-position:-336px -168px;width:24px;height:24px}.flag-sr{background-image:url();background-position:-336px -192px;width:24px;height:24px}.flag-ss{background-image:url();background-position:-336px -216px;width:24px;height:24px}.flag-st{background-image:url();background-position:-336px -240px;width:24px;height:24px}.flag-sv{background-image:url();background-position:-336px -264px;width:24px;height:24px}.flag-sx{background-image:url();background-position:-336px -288px;width:24px;height:24px}.flag-sy{background-image:url();background-position:-336px -312px;width:24px;height:24px}.flag-sz{background-image:url();background-position:0px -336px;width:24px;height:24px}.flag-tc{background-image:url();background-position:-24px -336px;width:24px;height:24px}.flag-td{background-image:url();background-position:-48px -336px;width:24px;height:24px}.flag-tg{background-image:url();background-position:-72px -336px;width:24px;height:24px}.flag-th{background-image:url();background-position:-96px -336px;width:24px;height:24px}.flag-tj{background-image:url();background-position:-120px -336px;width:24px;height:24px}.flag-tk{background-image:url();background-position:-144px -336px;width:24px;height:24px}.flag-tl{background-image:url();background-position:-168px -336px;width:24px;height:24px}.flag-tm{background-image:url();background-position:-192px -336px;width:24px;height:24px}.flag-tn{background-image:url();background-position:-216px -336px;width:24px;height:24px}.flag-to{background-image:url();background-position:-240px -336px;width:24px;height:24px}.flag-tr{background-image:url();background-position:-264px -336px;width:24px;height:24px}.flag-tt{background-image:url();background-position:-288px -336px;width:24px;height:24px}.flag-tv{background-image:url();background-position:-312px -336px;width:24px;height:24px}.flag-tw{background-image:url();background-position:-336px -336px;width:24px;height:24px}.flag-tz{background-image:url();background-position:-360px 0px;width:24px;height:24px}.flag-ua{background-image:url();background-position:-360px -24px;width:24px;height:24px}.flag-ug{background-image:url();background-position:-360px -48px;width:24px;height:24px}.flag-us{background-image:url();background-position:-360px -72px;width:24px;height:24px}.flag-uy{background-image:url();background-position:-360px -96px;width:24px;height:24px}.flag-uz{background-image:url();background-position:-360px -120px;width:24px;height:24px}.flag-va{background-image:url();background-position:-360px -144px;width:24px;height:24px}.flag-vc{background-image:url();background-position:-360px -168px;width:24px;height:24px}.flag-ve{background-image:url();background-position:-360px -192px;width:24px;height:24px}.flag-vg{background-image:url();background-position:-360px -216px;width:24px;height:24px}.flag-vi{background-image:url();background-position:-360px -240px;width:24px;height:24px}.flag-vn{background-image:url();background-position:-360px -264px;width:24px;height:24px}.flag-vu{background-image:url();background-position:-360px -288px;width:24px;height:24px}.flag-wf{background-image:url();background-position:-360px -312px;width:24px;height:24px}.flag-ws{background-image:url();background-position:-360px -336px;width:24px;height:24px}.flag-xk{background-image:url();background-position:0px -360px;width:24px;height:24px}.flag-ye{background-image:url();background-position:-24px -360px;width:24px;height:24px}.flag-yt{background-image:url();background-position:-48px -360px;width:24px;height:24px}.flag-za{background-image:url();background-position:-72px -360px;width:24px;height:24px}.flag-zm{background-image:url();background-position:-96px -360px;width:24px;height:24px}.flag-zw{background-image:url();background-position:-120px -360px;width:24px;height:24px}.flag{display:inline-block}";export{x as gux_region_icon}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,H as e,g as o}from"./p-7d26b2e1.js";import{s as n,c as a,a as h,b as r,h as d,d as l,e as c,f as u,i as p,j as g,o as x}from"./p-55cf6d81.js";import{b as m}from"./p-deee079e.js";import{w as f}from"./p-76ff3e75.js";import{s as v}from"./p-d176c2ae.js";import{t as b}from"./p-
|
|
1
|
+
import{r as t,c as s,h as i,H as e,g as o}from"./p-7d26b2e1.js";import{s as n,c as a,a as h,b as r,h as d,d as l,e as c,f as u,i as p,j as g,o as x}from"./p-55cf6d81.js";import{b as m}from"./p-deee079e.js";import{w as f}from"./p-76ff3e75.js";import{s as v}from"./p-d176c2ae.js";import{t as b}from"./p-da7f81dc.js";import{b as w}from"./p-091f51f6.js";import"./p-8a133b9b.js";const O={add:"Add {name}",noMatches:"No matches",loading:"Loading..."},j=class{constructor(i){t(this,i),this.internallistboxoptionsupdated=s(this,"internallistboxoptionsupdated",7),this.value=void 0,this.loading=!1,this.filter="",this.textInput="",this.filterType="none",this.emptyMessage=void 0,this.listboxOptions=[],this.allListboxOptionsFiltered=void 0,this.hasExactMatch=!1}onFocus(){n(this.root)}onBlur(){a(this.root)}selectNewCustomOption(t){this.updateValue(t.detail)}onKeydown(t){var s;switch(t.key){case"Enter":return t.preventDefault(),void((null===(s=this.optionCreateElement)||void 0===s?void 0:s.active)?(this.optionCreateElement.guxEmitInternalCreateNewOption(),w((()=>{n(this.root)}))):p(this.root,(t=>this.updateValue(t))));case"ArrowDown":return t.preventDefault(),void(c(this.root)?(t.stopPropagation(),u(this.root)):r(this.root));case"ArrowUp":return t.preventDefault(),void(d(this.root)?(t.stopPropagation(),l(this.root)):h(this.root));case"Home":return t.preventDefault(),void r(this.root);case"End":return t.preventDefault(),void h(this.root);case" ":return void t.preventDefault()}1!==t.key.length||g(this.root,t.key)}onKeyup(t){var s;" "!==t.key||((null===(s=this.optionCreateElement)||void 0===s?void 0:s.active)?(this.optionCreateElement.guxEmitInternalCreateNewOption(),w((()=>{n(this.root)}))):p(this.root,(t=>this.updateValue(t))))}onMousemove(){a(this.root)}onClick(t){f("gux-option-multi",t,(t=>{x(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){p(this.root,(t=>this.updateValue(t)))}getHasExactMatch(){let t=!1;return this.hasExactMatch=!1,this.listboxOptions.forEach((s=>{var i,e,o;(null===(o=null===(e=null===(i=s.querySelector("[gux-slot-container]"))||void 0===i?void 0:i.textContent)||void 0===e?void 0:e.toLowerCase())||void 0===o?void 0:o.trim())==this.textInput.toLowerCase().trim()&&(t=!0,this.hasExactMatch=!0)})),t}updateOptionMultiCreateValue(){this.optionCreateElement&&(this.optionCreateElement.value=this.textInput,this.optionCreateElement.filtered=!this.textInput||this.getHasExactMatch())}getSelectedValues(){return this.value?this.value.split(","):[]}updateOnSlotChange(){this.setListboxOptions(),this.updateListboxOptions(),n(this.root)}getOptionCreateElement(){this.optionCreateElement=this.root.querySelector("gux-create-option")}setListboxOptions(){this.listboxOptions=Array.from(this.root.children).filter((t=>"GUX-OPTION-MULTI"===t.tagName)),this.internallistboxoptionsupdated.emit()}updateListboxOptions(){this.listboxOptions.forEach((t=>{t.selected=this.getSelectedValues().includes(t.value),"custom"!==this.filterType&&(t.filtered=!t.textContent.toLowerCase().startsWith(this.textInput.toLowerCase()))}))}updateValue(t){if(this.getSelectedValues().includes(t))this.value=this.getSelectedValues().filter((s=>s!==t)).join(",");else{const s=[...this.getSelectedValues(),t];this.value=s.join(",")}v(this.root,"input"),v(this.root,"change")}async componentWillLoad(){b(this.root),this.i18n=await m(this.root,O),this.setListboxOptions(),this.getOptionCreateElement()}componentWillRender(){this.setListboxOptions(),this.updateListboxOptions(),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length}renderHiddenSlot(){return i("div",{hidden:!0},i("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[i("div",{class:"gux-message-container"},i("gux-radial-loading",{context:"modal"}),i("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){if(this.allListboxOptionsFiltered)return[i("div",{class:"gux-message-container"},i("div",{class:"gux-no-matches"},this.emptyMessage||this.i18n("noMatches"))),this.renderHiddenSlot()]}renderCreateOptionSlot(){return i("slot",{name:"create"})}render(){return this.loading?this.renderLoading():i(e,{role:"listbox","aria-multiselectable":"true",tabindex:0},i("slot",{onSlotchange:()=>this.updateOnSlotChange()}),this.renderAllListboxOptionsFiltered(),this.renderCreateOptionSlot())}get root(){return o(this)}static get watchers(){return{textInput:["updateOptionMultiCreateValue"]}}};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-visible){outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-message-container{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center}.gux-message-container .gux-no-matches{box-sizing:border-box;height:32px;padding:8px 16px;color:#2e394c}";export{j as gux_listbox_multi}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,f as i,h as e,g as o}from"./p-7d26b2e1.js";import{c as r,o as n}from"./p-3f5341ea.js";import{O as s}from"./p-f34ce7dc.js";import{o as a}from"./p-3701eff0.js";import{p as l}from"./p-c10e41a9.js";import{h}from"./p-08bc2e6b.js";import{h as p,d as f,G as u,a as x,g as c,v as d,b as g}from"./p-b3c9fd06.js";import{G as m,a as b}from"./p-a733f4ca.js";import{t as w}from"./p-
|
|
1
|
+
import{r as t,f as i,h as e,g as o}from"./p-7d26b2e1.js";import{c as r,o as n}from"./p-3f5341ea.js";import{O as s}from"./p-f34ce7dc.js";import{o as a}from"./p-3701eff0.js";import{p as l}from"./p-c10e41a9.js";import{h}from"./p-08bc2e6b.js";import{h as p,d as f,G as u,a as x,g as c,v as d,b as g}from"./p-b3c9fd06.js";import{G as m,a as b}from"./p-a733f4ca.js";import{t as w}from"./p-da7f81dc.js";import"./p-cbcbd1bb.js";import"./p-d0805f56.js";import"./p-d176c2ae.js";const y=class{constructor(i){t(this,i),this.labelPosition=void 0,this.computedLabelPosition="above",this.clearable=!0,this.disabled=void 0,this.required=void 0,this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=h(this.root,"error"),this.hasHelp=h(this.root,"help")}async guxForceUpdate(){this.hasContent=p(this.input),this.hasError=h(this.root,"error"),this.hasHelp=h(this.root,"help"),i(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=h(this.root,"error"),this.hasHelp=h(this.root,"help"),w(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return e(b,{labelPosition:this.computedLabelPosition},e(m,{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}},e("gux-icon",{"icon-name":"search",decorative:!0}),e("slot",{name:"input"}),this.clearable&&this.hasContent&&!this.disabled&&e("gux-form-field-input-clear-button",{onClick:()=>f(this.input)}))),e(u,{show:this.hasError},e("slot",{name:"error"})),e(x,{show:!this.hasError&&this.hasHelp},e("slot",{name:"help"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${t}`}setInput(){this.input=c(this.root,'input[type="search"][slot="input"]'),this.hasContent=p(this.input),l(this.input),this.input.addEventListener("input",(()=>{this.hasContent=p(this.input)})),this.disabled=r(this.input),this.required=this.input.required,this.disabledObserver=n(this.input,(t=>{this.disabled=t})),this.requiredObserver=a(this.input,(t=>{this.required=t})),d(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=g(this.label,this.labelPosition)}get root(){return o(this)}};(function(t,i,e,o){var r,n=arguments.length,s=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(i,e,s):r(i,e))||s);n>3&&s&&Object.defineProperty(i,e,s)})([s({childList:!0,subtree:!0})],y.prototype,"onMutation",null),y.style=".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;line-height:20px;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;min-width:16px;min-height:16px;margin:2px 4px 0 0;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}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;font-weight:400;line-height:20px;color:#6b7585}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block;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:100%;overflow:hidden;font-size:12px;color:#2e394c;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}.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 8px;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-icon[icon-name='search']{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px;margin-right:4px;color:#596373}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{y as gux_form_field_search}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as t,h as i,H as f,g as e}from"./p-7d26b2e1.js";import{t as n}from"./p-
|
|
1
|
+
import{r as o,c as t,h as i,H as f,g as e}from"./p-7d26b2e1.js";import{t as n}from"./p-da7f81dc.js";const l=class{constructor(i){o(this,i),this.guxdismiss=t(this,"guxdismiss",7),this.accent="neutral"}componentWillLoad(){n(this.root,{variant:this.accent})}render(){return i(f,null,i("div",{class:`gux-icon gux-${this.accent}`},i("slot",{name:"icon"})),i("div",{class:"gux-content"},i("gux-truncate",{class:"gux-title","max-lines":1},i("slot",{name:"title"})),i("gux-truncate",{class:"gux-message","max-lines":2},i("slot",{name:"message"}))),i("gux-dismiss-button",{onClick:this.onDismissClickHandler.bind(this)}))}onDismissClickHandler(o){o.stopPropagation(),this.guxdismiss.emit().defaultPrevented||this.root.remove()}get root(){return e(this)}};l.style='.gux-focus-ring-focused:focus{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-focused-within:focus-within{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-focused-visible:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-small-focused:focus{outline:2px solid #aac9ff;outline-offset:0}.gux-focus-ring-small-focused-within:focus-within{outline:2px solid #aac9ff;outline-offset:0}.gux-focus-ring-small-focused-visible:focus-visible{outline:2px solid #aac9ff;outline-offset:0}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:url("./fonts/roboto-v20-latin-300.eot");src:local("Roboto Light"), local("Roboto-Light"), url("./fonts/roboto-v20-latin-300.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-300.woff2") format("woff2"), url("./fonts/roboto-v20-latin-300.woff") format("woff"), url("./fonts/roboto-v20-latin-300.ttf") format("truetype"), url("./fonts/roboto-v20-latin-300.svg#Roboto") format("svg");}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url("./fonts/roboto-v20-latin-regular.eot");src:local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-regular.woff") format("woff"), url("./fonts/roboto-v20-latin-regular.ttf") format("truetype"), url("./fonts/roboto-v20-latin-regular.svg#Roboto") format("svg");}@font-face{font-family:Roboto;font-style:italic;font-weight:400;src:url("./fonts/roboto-v20-latin-italic.eot");src:local("Roboto Italic"), local("Roboto-Italic"), url("./fonts/roboto-v20-latin-italic.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-italic.woff2") format("woff2"), url("./fonts/roboto-v20-latin-italic.woff") format("woff"), url("./fonts/roboto-v20-latin-italic.ttf") format("truetype"), url("./fonts/roboto-v20-latin-italic.svg#Roboto") format("svg");}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url("./fonts/roboto-v20-latin-700.eot");src:local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-700.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-700.woff") format("woff"), url("./fonts/roboto-v20-latin-700.ttf") format("truetype"), url("./fonts/roboto-v20-latin-700.svg#Roboto") format("svg");}body{font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}h1{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}h2{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}h3{font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:14px;line-height:20px}h4,h5,h6{font-family:Roboto, sans-serif;font-weight:400;font-size:14px;line-height:20px}.gux-icon-anchor gux-icon{padding-right:8px}a{color:#2a60c8;text-decoration:underline;border-radius:2px}a:hover{color:#2754ac}a:active{color:#23478f}a:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}table a{color:#2a60c8;text-decoration:underline;border-radius:2px;text-decoration:none}table a:hover{color:#2754ac}table a:active{color:#23478f}table a:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}:host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;align-self:auto;justify-content:flex-start;order:0;margin:0 12px 0 8px;color:#2e394c}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:Roboto, sans-serif;font-weight:400;font-size:14px;line-height:20px}';export{l as gux_notification_toast_legacy}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as s,g as i}from"./p-7d26b2e1.js";import{b as r}from"./p-deee079e.js";import{t as a}from"./p-
|
|
1
|
+
import{r as t,c as e,h as s,g as i}from"./p-7d26b2e1.js";import{b as r}from"./p-deee079e.js";import{t as a}from"./p-da7f81dc.js";import{g as o}from"./p-8a133b9b.js";import{o as n}from"./p-93904222.js";import{t as c}from"./p-1aa11396.js";const h=class{constructor(s){t(this,s),this.guxsortchanged=e(this,"guxsortchanged",7),this.includeUnsorted=!1,this.headerContent=void 0,this.active=!1,this.sort="none",this.isLeftAlignIcon=!1}async componentWillLoad(){a(this.root),this.i18n=await r(this.root,c,"gux-table"),this.tableHeader=o("th",this.root),this.thObserver=n(this.tableHeader,(()=>{this.setState()}),{attributes:!0,childList:!1,subtree:!1}),this.setState()}disconnectedCallback(){this.thObserver&&this.thObserver.disconnect()}onClick(){this.guxsortchanged.emit({columnName:this.tableHeader.dataset.columnName,sortDirection:this.getNextSort(this.sort)})}setState(){this.headerContent=this.tableHeader.textContent,this.isLeftAlignIcon=this.tableHeader.hasAttribute("data-cell-numeric")||this.tableHeader.hasAttribute("data-cell-action");const t=this.tableHeader.getAttribute("aria-sort");switch(t){case"ascending":case"descending":this.active=!0,this.sort=t;break;default:this.active=!1,this.sort="none"}}getIconName(t){return"descending"===t?"arrow-solid-down":"arrow-solid-up"}getNextSort(t){switch(t){case"none":return"ascending";case"ascending":return"descending";default:return this.includeUnsorted?"none":"ascending"}}getSRText(t){switch(t){case"ascending":return this.i18n("ascendingColumnSort",{headerContent:this.headerContent});case"descending":return this.i18n(this.includeUnsorted?"descendingColumnSortIncludeUnsorted":"descendingColumnSort",{headerContent:this.headerContent});default:return this.i18n("noColumnSort",{headerContent:this.headerContent})}}render(){return s("div",{class:"gux-container"},s("button",{class:{"gux-sort-button":!0,"gux-active":this.active},type:"button",onClick:()=>this.onClick(),"aria-label":this.getSRText(this.sort)},s("gux-icon",{class:{"gux-sort-icon":!0,"gux-left":this.isLeftAlignIcon},"icon-name":this.getIconName(this.sort),decorative:!0})),s("div",{class:"gux-resize-spacer"}))}static get delegatesFocus(){return!0}get root(){return i(this)}};h.style=".gux-container{position:absolute;inset:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start;border-top:var(--gse-ui-dataTableItems-header-selectedBar-height) solid transparent;border-bottom:var(--gse-ui-dataTableItems-header-selectedBar-height) solid transparent}.gux-container:focus-within{border-bottom-color:var(--gse-ui-dataTableItems-header-selectedIndicatorColor)}.gux-container .gux-sort-button{all:unset;flex:1 1 auto;align-self:stretch;order:0;cursor:pointer}.gux-container .gux-sort-button .gux-sort-icon{float:right;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-dataTableItems-header-sort-foregroundColor);margin:0 var(--gse-ui-dataTableItems-header-gap)}.gux-container .gux-sort-button .gux-sort-icon.gux-left{float:left;margin-left:calc(2px + var(--gse-ui-dataTableItems-header-gap))}.gux-container .gux-resize-spacer{flex:0 1 auto;align-self:stretch;order:0;width:2px}";export{h as gux_sort_control}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as s,H as i,g as o}from"./p-7d26b2e1.js";import{s as h}from"./p-d176c2ae.js";import{t as r}from"./p-
|
|
1
|
+
import{r as t,h as s,H as i,g as o}from"./p-7d26b2e1.js";import{s as h}from"./p-d176c2ae.js";import{t as r}from"./p-da7f81dc.js";const e=class{constructor(s){t(this,s),this.value=void 0,this.layout="default",this.switchItems=[]}onClick(t){t.stopPropagation();const s=t.target.closest("gux-switch-item");s&&this.value!==s.value&&(this.value=s.value,h(this.root,"input"),h(this.root,"change"))}slotChanged(){this.switchItems=Array.from(this.root.children)}componentWillLoad(){r(this.root,{variant:this.layout})}componentWillRender(){this.switchItems.forEach((t=>{t.selected=t.value===this.value}))}render(){return s(i,{role:"group",class:`gux-${this.layout}`},s("slot",{onSlotchange:this.slotChanged.bind(this)}))}get root(){return o(this)}};e.style="gux-switch{display:flex;align-items:flex-end}";export{e as gux_switch}
|