@genexus/genexus-ide-ui 0.0.12 → 0.0.13
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/ch-grid-action-refresh_6.cjs.entry.js +359 -0
- package/dist/cjs/ch-grid-rowset-legend_2.cjs.entry.js +51 -0
- package/dist/cjs/{ch-grid_9.cjs.entry.js → ch-grid_7.cjs.entry.js} +130 -332
- package/dist/cjs/ch-suggest-list-item.cjs.entry.js +11 -16
- package/dist/cjs/ch-suggest-list.cjs.entry.js +10 -10
- package/dist/cjs/ch-suggest.cjs.entry.js +51 -47
- package/dist/cjs/form-validation-87e3749d.js +68 -0
- package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
- package/dist/cjs/{gxg-combo-box_8.cjs.entry.js → gx-ide-container_10.cjs.entry.js} +334 -231
- package/dist/cjs/gx-ide-entity-selector.cjs.entry.js +1 -1
- package/dist/cjs/gx-ide-new-environment.cjs.entry.js +118 -0
- package/dist/cjs/gx-ide-new-kb.cjs.entry.js +36 -87
- package/dist/cjs/gx-ide-template.cjs.entry.js +11 -12
- package/dist/cjs/gxg-breadcrumb.cjs.entry.js +0 -1
- package/dist/cjs/gxg-button-group.cjs.entry.js +1 -1
- package/dist/cjs/gxg-button.cjs.entry.js +2 -2
- package/dist/cjs/gxg-container.cjs.entry.js +215 -0
- package/dist/cjs/gxg-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/gxg-drop-down.cjs.entry.js +1 -1
- package/dist/cjs/gxg-form-checkbox.cjs.entry.js +3 -1
- package/dist/cjs/gxg-form-radio-group.cjs.entry.js +76 -36
- package/dist/cjs/gxg-form-text.cjs.entry.js +17 -5
- package/dist/cjs/gxg-form-textarea.cjs.entry.js +1 -1
- package/dist/cjs/gxg-list-box.cjs.entry.js +3 -2
- package/dist/cjs/gxg-menu-item.cjs.entry.js +59 -12
- package/dist/cjs/gxg-menu-list.cjs.entry.js +28 -0
- package/dist/cjs/gxg-menu.cjs.entry.js +228 -12
- package/dist/cjs/gxg-option.cjs.entry.js +1 -1
- package/dist/cjs/gxg-paginator.cjs.entry.js +1 -1
- package/dist/cjs/gxg-select.cjs.entry.js +1 -1
- package/dist/cjs/gxg-suggest.cjs.entry.js +26 -3
- package/dist/cjs/gxg-test.cjs.entry.js +36 -10
- package/dist/cjs/gxg-text.cjs.entry.js +23 -11
- package/dist/cjs/gxg-title.cjs.entry.js +11 -7
- package/dist/cjs/gxg-tree-item.cjs.entry.js +30 -43
- package/dist/cjs/gxg-tree.cjs.entry.js +0 -4
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{repositionScroll-e3ae1947.js → reposition-scroll-accee84c.js} +3 -15
- package/dist/cjs/types-e04c9098.js +12 -0
- package/dist/collection/collection-manifest.json +6 -1
- package/dist/collection/common/common.js +6 -6
- package/dist/collection/common/form-validation.js +17 -0
- package/dist/collection/common/interfaces.js +3 -1
- package/dist/collection/components/_template/gx-ide-assets/template/langs/template.lang.en.json +1 -1
- package/dist/collection/components/_template/template.css +90 -6
- package/dist/collection/components/_template/template.js +26 -23
- package/dist/{node_modules/@genexus/gemini/dist/collection/components/suggest/gxg-suggest.css → collection/components/container/container.css} +118 -120
- package/dist/collection/components/container/container.js +535 -0
- package/dist/collection/components/entity-selector/entity-selector.css +1 -1
- package/dist/collection/components/new-environment/gx-ide-assets/new-environment/langs/new-environment.lang.en.json +26 -0
- package/dist/collection/components/new-environment/gx-ide-assets/new-environment/langs/new-environment.lang.ja.json +3 -0
- package/dist/collection/components/new-environment/gx-ide-assets/new-environment/langs/new-environment.lang.zh.json +3 -0
- package/dist/collection/components/new-environment/new-environment.css +219 -0
- package/dist/collection/components/new-environment/new-environment.js +355 -0
- package/dist/collection/components/new-kb/gx-ide-assets/new-kb/langs/new-kb.lang.en.json +1 -0
- package/dist/collection/components/new-kb/new-kb.css +100 -8
- package/dist/collection/components/new-kb/new-kb.js +88 -84
- package/dist/collection/components/top-bar/top-bar.css +17 -0
- package/dist/collection/components/top-bar/top-bar.js +62 -0
- package/dist/collection/pages/assets/common.js +28 -8
- package/dist/components/button-group.js +1 -1
- package/dist/components/button.js +2 -2
- package/dist/components/ch-grid-rowset-legend.js +1 -32
- package/dist/components/ch-grid-rowset-legend2.js +34 -0
- package/dist/components/ch-grid2.js +1 -1
- package/dist/components/ch-suggest-list-item.js +15 -18
- package/dist/components/ch-suggest-list.js +10 -10
- package/dist/components/ch-suggest.js +58 -48
- package/dist/components/combo-box-item.js +6 -1
- package/dist/components/combo-box.js +72 -11
- package/dist/components/container.js +83 -156
- package/dist/components/form-checkbox.js +4 -2
- package/dist/components/form-radio-group.js +244 -0
- package/dist/components/form-radio.js +13 -22
- package/dist/components/form-text.js +20 -6
- package/dist/components/form-validation.js +64 -0
- package/dist/components/gx-ide-container.d.ts +11 -0
- package/dist/components/gx-ide-container.js +6 -0
- package/dist/components/gx-ide-entity-selector.js +1 -1
- package/dist/components/gx-ide-new-environment.d.ts +11 -0
- package/dist/components/gx-ide-new-environment.js +258 -0
- package/dist/components/gx-ide-new-kb.js +55 -93
- package/dist/components/gx-ide-template.js +67 -14
- package/dist/components/gx-ide-top-bar.d.ts +11 -0
- package/dist/components/gx-ide-top-bar.js +6 -0
- package/dist/components/gxg-breadcrumb.js +0 -1
- package/dist/components/gxg-container.js +251 -1
- package/dist/components/gxg-date-picker.js +1 -1
- package/dist/components/gxg-drop-down.js +1 -1
- package/dist/components/gxg-form-checkbox-group.js +6 -0
- package/dist/components/gxg-form-checkbox-group2.js +109 -0
- package/dist/components/gxg-form-radio-group.js +1 -202
- package/dist/components/gxg-form-textarea.js +1 -1
- package/dist/components/gxg-grid.js +1 -44
- package/dist/components/gxg-grid2.js +46 -0
- package/dist/components/gxg-list-box.js +2 -2
- package/dist/components/gxg-menu-item.js +64 -15
- package/dist/components/gxg-menu-list.js +50 -0
- package/dist/components/gxg-menu.js +233 -14
- package/dist/components/gxg-option.js +1 -1
- package/dist/components/gxg-paginator.js +1 -1
- package/dist/components/gxg-select.js +1 -1
- package/dist/components/gxg-suggest.js +32 -4
- package/dist/components/gxg-test.js +110 -16
- package/dist/components/gxg-text.js +27 -12
- package/dist/components/gxg-tree-item2.js +31 -43
- package/dist/components/gxg-tree2.js +0 -4
- package/dist/components/index.d.ts +3 -0
- package/dist/components/index.js +5 -0
- package/dist/{esm/repositionScroll-9d3ee138.js → components/reposition-scroll.js} +2 -13
- package/dist/components/tab-button.js +1 -1
- package/dist/components/tab.js +17 -2
- package/dist/components/title.js +13 -8
- package/dist/components/top-bar.js +74 -0
- package/dist/components/types.js +10 -0
- package/dist/esm/ch-grid-action-refresh_6.entry.js +350 -0
- package/dist/esm/ch-grid-rowset-legend_2.entry.js +46 -0
- package/dist/esm/{ch-grid_9.entry.js → ch-grid_7.entry.js} +125 -325
- package/dist/esm/ch-suggest-list-item.entry.js +11 -16
- package/dist/esm/ch-suggest-list.entry.js +10 -10
- package/dist/esm/ch-suggest.entry.js +51 -47
- package/dist/esm/form-validation-a6686ca1.js +64 -0
- package/dist/esm/genexus-ide-ui.js +1 -1
- package/dist/esm/{gxg-combo-box_8.entry.js → gx-ide-container_10.entry.js} +325 -224
- package/dist/esm/gx-ide-entity-selector.entry.js +1 -1
- package/dist/esm/gx-ide-new-environment.entry.js +114 -0
- package/dist/esm/gx-ide-new-kb.entry.js +36 -87
- package/dist/esm/gx-ide-template.entry.js +11 -12
- package/dist/esm/gxg-breadcrumb.entry.js +0 -1
- package/dist/esm/gxg-button-group.entry.js +1 -1
- package/dist/esm/gxg-button.entry.js +2 -2
- package/dist/esm/gxg-container.entry.js +211 -0
- package/dist/esm/gxg-date-picker.entry.js +1 -1
- package/dist/esm/gxg-drop-down.entry.js +1 -1
- package/dist/esm/gxg-form-checkbox.entry.js +4 -2
- package/dist/esm/gxg-form-radio-group.entry.js +77 -37
- package/dist/esm/gxg-form-text.entry.js +17 -5
- package/dist/esm/gxg-form-textarea.entry.js +1 -1
- package/dist/esm/gxg-list-box.entry.js +3 -2
- package/dist/esm/gxg-menu-item.entry.js +60 -13
- package/dist/esm/gxg-menu-list.entry.js +24 -0
- package/dist/esm/gxg-menu.entry.js +228 -12
- package/dist/esm/gxg-option.entry.js +1 -1
- package/dist/esm/gxg-paginator.entry.js +1 -1
- package/dist/esm/gxg-select.entry.js +1 -1
- package/dist/esm/gxg-suggest.entry.js +26 -3
- package/dist/esm/gxg-test.entry.js +36 -10
- package/dist/esm/gxg-text.entry.js +23 -11
- package/dist/esm/gxg-title.entry.js +11 -7
- package/dist/esm/gxg-tree-item.entry.js +30 -43
- package/dist/esm/gxg-tree.entry.js +0 -4
- package/dist/esm/loader.js +1 -1
- package/dist/{components/repositionScroll.js → esm/reposition-scroll-3478b46f.js} +2 -13
- package/dist/esm/types-02481dff.js +10 -0
- package/dist/genexus-ide-ui/genexus-ide-ui.css +2 -2
- package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
- package/dist/genexus-ide-ui/gx-ide-assets/new-environment/langs/new-environment.lang.en.json +26 -0
- package/dist/genexus-ide-ui/gx-ide-assets/new-environment/langs/new-environment.lang.ja.json +3 -0
- package/dist/genexus-ide-ui/gx-ide-assets/new-environment/langs/new-environment.lang.zh.json +3 -0
- package/dist/genexus-ide-ui/gx-ide-assets/new-kb/langs/new-kb.lang.en.json +1 -0
- package/dist/genexus-ide-ui/gx-ide-assets/template/langs/template.lang.en.json +1 -1
- package/dist/genexus-ide-ui/{p-7e7af90d.entry.js → p-01e9d3aa.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-05ad8cad.js +1 -0
- package/dist/genexus-ide-ui/p-0a8bd33f.entry.js +1 -0
- package/dist/genexus-ide-ui/p-0a954e0f.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-9292edf8.entry.js → p-18936375.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-203ea363.entry.js +1 -0
- package/dist/genexus-ide-ui/p-20a45778.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-fed1d2ba.entry.js → p-23d4b295.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-408bdfc6.entry.js +1 -0
- package/dist/genexus-ide-ui/p-4198315e.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-944e787a.entry.js → p-41e8442b.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-4d572963.entry.js +1 -0
- package/dist/genexus-ide-ui/p-4e78d56d.entry.js +1 -0
- package/dist/genexus-ide-ui/p-5463844e.entry.js +1 -0
- package/dist/genexus-ide-ui/p-6a84b339.js +1 -0
- package/dist/genexus-ide-ui/p-6bee904e.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-1cedf0b2.entry.js → p-7137b4cf.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-75961324.entry.js +1 -0
- package/dist/genexus-ide-ui/p-7a5e0988.entry.js +1 -0
- package/dist/genexus-ide-ui/p-7c2068c2.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-c0360787.entry.js → p-7fa78be9.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-89d0ef14.entry.js +1 -0
- package/dist/genexus-ide-ui/p-925cb9fe.js +1 -0
- package/dist/genexus-ide-ui/p-9e32e006.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-8eb472e6.entry.js → p-a985b448.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-ad9fe469.entry.js +1 -0
- package/dist/genexus-ide-ui/p-ae1871e4.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-8ae0846e.entry.js → p-af0ac52d.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-b3727324.entry.js +1 -0
- package/dist/genexus-ide-ui/p-b4e4fc69.entry.js +1 -0
- package/dist/genexus-ide-ui/p-c670dcba.entry.js +1 -0
- package/dist/genexus-ide-ui/p-e377e5be.entry.js +1 -0
- package/dist/genexus-ide-ui/p-eb8e9655.entry.js +1 -0
- package/dist/genexus-ide-ui/p-ecedca13.entry.js +1 -0
- package/dist/genexus-ide-ui/p-f5aa333b.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-01795e05.entry.js → p-f6536bbc.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-f739d5dc.entry.js → p-ff877c22.entry.js} +1 -1
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/suggest/ch-suggest.css +28 -6
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/suggest/suggest-list/ch-suggest-list.css +6 -0
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/suggest/suggest-list-item/ch-suggest-list-item.css +13 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/button/button.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/date-picker/date-picker.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/drop-down/drop-down.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-checkbox/form-checkbox.css +14 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-checkbox-group/gxg-form-checkbox-group.css +336 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-option/option.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-radio/form-radio.css +2 -2
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-radio-group/form-radio-group.css +2 -2
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-select/select.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-text/form-text.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-textarea/form-textarea.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/grid/gxg-grid.css +344 -10
- package/dist/node_modules/@genexus/gemini/dist/collection/components/list-box/list-box.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/menu/menu.css +31 -23
- package/dist/node_modules/@genexus/gemini/dist/collection/components/menu-item/menu-item.css +35 -11
- package/dist/node_modules/@genexus/gemini/dist/collection/components/menu-list/menu-list.css +340 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/paginator/gxg-paginator.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/suggest/styles.css +617 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tab/tab.css +10 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tab-button/tab-button.css +1 -1
- package/dist/node_modules/@genexus/gemini/dist/collection/components/text/text.css +35 -9
- package/dist/node_modules/@genexus/gemini/dist/collection/components/title/title.css +27 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tree-item/gxg-tree-item.css +1 -1
- package/dist/types/common/common.d.ts +4 -4
- package/dist/types/common/form-validation.d.ts +2 -0
- package/dist/types/common/interfaces.d.ts +0 -3
- package/dist/types/common/types.d.ts +10 -18
- package/dist/types/components/_template/template.d.ts +5 -5
- package/dist/types/components/container/container.d.ts +117 -0
- package/dist/types/components/new-environment/new-environment.d.ts +91 -0
- package/dist/types/components/new-kb/new-kb.d.ts +43 -38
- package/dist/types/components/top-bar/top-bar.d.ts +14 -0
- package/dist/types/components.d.ts +345 -35
- package/package.json +5 -2
- package/dist/cjs/ch-grid-column-resize_2.cjs.entry.js +0 -94
- package/dist/cjs/ch-grid-rowset-legend.cjs.entry.js +0 -23
- package/dist/cjs/ch-grid-settings_2.cjs.entry.js +0 -62
- package/dist/cjs/gxg-grid.cjs.entry.js +0 -34
- package/dist/cjs/helpers-00cb4402.js +0 -12
- package/dist/esm/ch-grid-column-resize_2.entry.js +0 -89
- package/dist/esm/ch-grid-rowset-legend.entry.js +0 -19
- package/dist/esm/ch-grid-settings_2.entry.js +0 -57
- package/dist/esm/gxg-grid.entry.js +0 -30
- package/dist/esm/helpers-78ca0d8a.js +0 -10
- package/dist/genexus-ide-ui/p-161b5c92.entry.js +0 -1
- package/dist/genexus-ide-ui/p-18c86754.entry.js +0 -1
- package/dist/genexus-ide-ui/p-215a6957.entry.js +0 -1
- package/dist/genexus-ide-ui/p-26000a72.entry.js +0 -1
- package/dist/genexus-ide-ui/p-26b1d9c2.entry.js +0 -1
- package/dist/genexus-ide-ui/p-3182ba74.entry.js +0 -1
- package/dist/genexus-ide-ui/p-3c6099ff.entry.js +0 -1
- package/dist/genexus-ide-ui/p-421bd2fb.entry.js +0 -1
- package/dist/genexus-ide-ui/p-783b8e55.entry.js +0 -1
- package/dist/genexus-ide-ui/p-7b79281c.entry.js +0 -1
- package/dist/genexus-ide-ui/p-7dead490.entry.js +0 -1
- package/dist/genexus-ide-ui/p-847aca21.entry.js +0 -1
- package/dist/genexus-ide-ui/p-84a47196.entry.js +0 -1
- package/dist/genexus-ide-ui/p-8f89e354.entry.js +0 -1
- package/dist/genexus-ide-ui/p-a04ce551.entry.js +0 -1
- package/dist/genexus-ide-ui/p-ad1b71a0.js +0 -1
- package/dist/genexus-ide-ui/p-b31a9621.entry.js +0 -1
- package/dist/genexus-ide-ui/p-b7a03c38.js +0 -1
- package/dist/genexus-ide-ui/p-b7c204b2.entry.js +0 -1
- package/dist/genexus-ide-ui/p-c3c9f7a2.entry.js +0 -1
- package/dist/genexus-ide-ui/p-c714cf27.entry.js +0 -1
- package/dist/genexus-ide-ui/p-da94ba10.entry.js +0 -1
- package/dist/genexus-ide-ui/p-de120e4b.entry.js +0 -1
- package/dist/genexus-ide-ui/p-e82e2182.entry.js +0 -1
- package/dist/genexus-ide-ui/p-e9d84bbe.entry.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as s,H as i,g as n}from"./p-f9f51980.js";class r extends HTMLElement{constructor(){super()}connectedCallback(){this.addEventListener("cellCaretClicked",this.cellCaretClickedHandler)}get grid(){var t;return null!==(t=this.parentGrid)&&void 0!==t?t:this.loadParentGrid()}get rowId(){var t;return null!==(t=this.getAttribute("rowid"))&&void 0!==t?t:""}get highlighted(){return this.hasAttribute("highlighted")}set highlighted(t){var e;const s=null===(e=this.grid.rowHighlightedClass)||void 0===e?void 0:e.split(" ");!0===t?(this.setAttribute("highlighted",""),this.grid.rowHighlightedClass&&this.classList.add(...s)):(this.removeAttribute("highlighted"),this.grid.rowHighlightedClass&&this.classList.remove(...s))}get selected(){return this.hasAttribute("selected")}set selected(t){var e;const s=null===(e=this.grid.rowSelectedClass)||void 0===e?void 0:e.split(" ");!0===t?(this.setAttribute("selected",""),this.grid.rowSelectedClass&&this.classList.add(...s)):(this.removeAttribute("selected"),this.grid.rowSelectedClass&&this.classList.remove(...s))}get marked(){return this.hasAttribute("marked")}set marked(t){var e;const s=null===(e=this.grid.rowMarkedClass)||void 0===e?void 0:e.split(" ");!0===t?(this.setAttribute("marked",""),this.grid.rowMarkedClass&&this.classList.add(...s)):(this.removeAttribute("marked"),this.grid.rowMarkedClass&&this.classList.remove(...s))}get focused(){return this.hasAttribute("focused")}set focused(t){var e;const s=null===(e=this.grid.rowFocusedClass)||void 0===e?void 0:e.split(" ");!0===t?(this.setAttribute("focused",""),this.grid.rowFocusedClass&&this.classList.add(...s)):(this.removeAttribute("focused"),this.grid.rowFocusedClass&&this.classList.remove(...s))}get hasChildRows(){return!!this.querySelector("ch-grid-rowset")}get collapsed(){return this.hasAttribute("collapsed")}set collapsed(t){const e=this.collapsed!==t;t?this.setAttribute("collapsed",""):this.removeAttribute("collapsed"),e&&this.dispatchEvent(new CustomEvent("rowCollapsedChanged",{bubbles:!0,composed:!0,detail:{rowId:this.rowId,collapsed:t}}))}get leaf(){return this.hasAttribute("leaf")}set leaf(t){!0===t?this.setAttribute("leaf",""):this.removeAttribute("leaf")}getCell(t){return this.querySelector(`:scope > ch-grid-cell:nth-of-type(${t.physicalOrder})`)}isVisible(){return Array.from(this.querySelectorAll(":scope > ch-grid-cell")).some((t=>t.isVisible()))}ensureVisible(){this.dispatchEvent(new CustomEvent("rowEnsureVisible",{bubbles:!0,composed:!0}))}getBoundingClientRect(){let t;if(this.firstElementChild)if(this.firstElementChild===this.lastElementChild)t=this.firstElementChild.getBoundingClientRect();else{const e=this.firstElementChild.getBoundingClientRect(),s=this.lastElementChild.getBoundingClientRect();t=new DOMRect(e.x,e.y,s.x-e.x+s.width,s.y-e.y+s.height)}else t=new DOMRect;return t}cellCaretClickedHandler(t){t.currentTarget.hasChildRows&&(this.collapsed=!this.collapsed),t.stopPropagation()}loadParentGrid(){return this.parentGrid=this.closest("ch-grid"),this.parentGrid}}customElements.get("ch-grid-row")||customElements.define("ch-grid-row",r);class l extends HTMLElement{constructor(){super(),this.computedLevel=0}connectedCallback(){this.addEventListener("rowsetLegendClicked",this.rowsetLegendClickedHandler),this.defineLevel()}get collapsed(){return this.hasAttribute("collapsed")}set collapsed(t){t?this.setAttribute("collapsed",""):this.removeAttribute("collapsed")}get level(){return this.computedLevel||this.computeLevel(),this.computedLevel}getBoundingClientRect(){let t;const e=parseInt(this.style.getPropertyValue("padding-top")),s=parseInt(this.style.getPropertyValue("padding-bottom"));if(this.firstElementChild)if(this.firstElementChild===this.lastElementChild){const i=this.firstElementChild.getBoundingClientRect();t=new DOMRect(i.x,i.y-e,i.x+i.width,i.y+i.height+e+s)}else{const i=this.firstElementChild.getBoundingClientRect(),n=this.lastElementChild.getBoundingClientRect();t=new DOMRect(i.x,i.y-e,n.x-i.x+n.width,n.y-i.y+n.height+e+s)}else{const e=this.grid.shadowRoot.querySelector(".main").getBoundingClientRect();t=new DOMRect(e.x,e.y,e.width,0)}return t}rowsetLegendClickedHandler(t){t.stopPropagation(),this.collapsed=!this.collapsed}defineLevel(){this.style.setProperty("--level",this.level.toString())}computeLevel(){var t,e;this.computedLevel=null!==(e=null===(t=this.getParentRowset())||void 0===t?void 0:t.level)&&void 0!==e?e:0,(this.hasLegend()||this.isNestedRow())&&this.computedLevel++}hasLegend(){var t;return"CH-GRID-ROWSET-LEGEND"===(null===(t=this.firstElementChild)||void 0===t?void 0:t.tagName)}isNestedRow(){return"CH-GRID-ROW"===this.parentElement.tagName}getParentRowset(){const t=this.parentElement.closest("ch-grid-rowset, ch-grid");if("CH-GRID-ROWSET"===t.tagName)return t}}var h,o;customElements.get("ch-grid-rowset")||customElements.define("ch-grid-rowset",l),function(t){t.Plain="plain",t.Rich="rich",t.TreeNode="node",t.RowAction="action"}(h||(h={}));class c extends HTMLElement{constructor(){super(),this.cellType=h.Plain}get type(){return this.cellType}set type(t){switch(t){case h.Plain:this.definePlain();break;case h.Rich:this.defineRich();break;case h.TreeNode:this.defineTreeNode()}}get grid(){return this.closest("ch-grid")}get column(){const t=Array.prototype.indexOf.call(this.row.querySelectorAll(":scope > ch-grid-cell"),this);return this.grid.querySelector(`ch-grid-column:nth-of-type(${t+1})`)}get row(){return this.parentElement}get cellId(){var t;return null!==(t=this.getAttribute("cellid"))&&void 0!==t?t:""}get selected(){return this.hasAttribute("selected")}set selected(t){!0===t?this.setAttribute("selected",""):this.removeAttribute("selected")}isVisible(){return null!==this.offsetParent}ensureVisible(){this.dispatchEvent(new CustomEvent("cellEnsureVisible",{bubbles:!0,composed:!0}))}setSelectorChecked(t){this.selector.checked=t,this.selector.setAttribute("part",this.selector.checked?"selector checked":"selector")}caretMouseDownHandler(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("cellCaretClicked",{bubbles:!0,composed:!0}))}selectorClickHandler(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("cellSelectorClicked",{bubbles:!0,composed:!0,detail:{checked:this.selector.checked,range:t.shiftKey}}))}selectorLabelClickHandler(t){t.shiftKey||t.stopPropagation()}dragMouseDownHandler(t){t.preventDefault(),t.stopPropagation(),this.dispatchEvent(new CustomEvent("rowDragStarted",{bubbles:!0,composed:!0,detail:{row:this.row}}))}actionClickHandler(){this.dispatchEvent(new CustomEvent("cellRowActionClicked",{bubbles:!0,composed:!0}))}definePlain(){this.cellType=h.Plain}defineRich(){let t="";this.cellType=h.Rich,this.shadowRoot&&""!==this.shadowRoot.innerHTML||(this.attachShadow({mode:"open"}),this.rowDrag&&(t+='\n <div part="drag-icon"></div>\n '),this.rowSelector&&(t+='\n <style>label {display:flex}</style>\n <label part="selector-label">\n <input type="checkbox" part="selector">\n </label>\n '),this.rowActions&&(t+='\n <button part="actions-icon"></button>\n '),this.shadowRoot.innerHTML=`\n ${t}\n <slot></slot>\n `,this.rowDrag&&(this.drag=this.shadowRoot.querySelector("[part='drag-icon']"),this.drag.addEventListener("mousedown",this.dragMouseDownHandler.bind(this))),this.rowActions&&(this.action=this.shadowRoot.querySelector("[part='actions-icon']"),this.action.addEventListener("click",this.actionClickHandler.bind(this))),this.rowSelector&&(this.selector=this.shadowRoot.querySelector("[part='selector']"),this.selector.addEventListener("mousedown",(t=>t.stopPropagation())),this.selector.addEventListener("click",this.selectorClickHandler.bind(this)),this.selectorLabel=this.shadowRoot.querySelector("[part='selector-label']"),this.selectorLabel.addEventListener("mousedown",(t=>t.stopPropagation())),this.selectorLabel.addEventListener("click",this.selectorLabelClickHandler.bind(this))))}defineTreeNode(){this.cellType=h.TreeNode,this.shadowRoot&&""!==this.shadowRoot.innerHTML||(this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML='\n <style>:host::before {content: none !important}</style>\n <div part="indent"></div>\n <div part="caret"></div>\n <input type="checkbox" part="node-selector" hidden>\n <div part="node-icon"></div>\n <slot></slot>\n ',this.caret=this.shadowRoot.querySelector("[part='caret']"),this.caret.addEventListener("mousedown",this.caretMouseDownHandler.bind(this)))}}customElements.get("ch-grid-cell")||customElements.define("ch-grid-cell",c);class d{constructor(t,e,s){this.lastTargetOrder=0,this.isRTL=s,this.columns=e.map((t=>({element:t,rect:t.getBoundingClientRect(),translateX:0,order:t.order}))),this.column=this.columns.find((e=>e.element.columnId===t)),this.columns.forEach(this.setColumnHiddenRect.bind(this))}dragging(t){const e=this.column.element.order,s=this.column.element.freeze;let i=0,n=!1;return this.column.translateX=0,this.columns.filter((t=>t.element.freeze===s)).forEach((s=>{const n=s.element.order,r=e>n?1:-1,l=(e>n?1:-1)*(this.isRTL?-1:1);s.rect.left<t&&t<s.rect.right&&n!==e?(this.swapColumnPosition(s,l),s.order=s.element.order+r,i=n):t<s.rect.left&&(this.isRTL?n>e:n<e)?(this.swapColumnPosition(s,l),s.order=s.element.order+r,i&&!(this.isRTL?n>i:n<i)||(i=n)):t>s.rect.right&&(this.isRTL?n<e:n>e)?(this.swapColumnPosition(s,l),s.order=s.element.order+r,i&&!(this.isRTL?n<i:n>i)||(i=n)):n!==e&&this.resetColumnPosition(s)})),this.column.order=i||this.column.element.order,n=i!==this.lastTargetOrder,this.lastTargetOrder=i,n}dragEnd(){this.columns.forEach((t=>{t.element.order=t.order,t.translateX=0}))}getColumnStyle(t){return{[`--ch-grid-column-${t.physicalOrder}-transform`]:`translateX(${this.columns.find((e=>e.element===t)).translateX}px)`}}getColumnsFirstLast(){let t,e;return this.columns.forEach((s=>{s.element.hidden||t&&!(s.order<t.order)||(t=s),s.element.hidden||e&&!(s.order>e.order)||(e=s)})),{columnFirst:t.element,columnLast:e.element}}swapColumnPosition(t,e){t.translateX=this.column.rect.width*e,this.column.translateX+=t.rect.width*(-1*e)}resetColumnPosition(t){t.translateX=0,t.order=t.element.order}setColumnHiddenRect(t){if(t.element.hidden){const e=this.getPreviousSiblingVisible(t)||this.getNextSiblingVisible(t);t.rect=new DOMRect(t.element.order<e.element.order?e.rect.left:e.rect.right,e.rect.y,0,e.rect.height)}}getPreviousSiblingVisible(t){let e;return this.columns.forEach((s=>{!s.element.hidden&&s.element.order<t.element.order&&(!e||s.element.order>e.element.order)&&(e=s)})),e}getNextSiblingVisible(t){let e;return this.columns.forEach((s=>{!s.element.hidden&&s.element.order>t.element.order&&(!e||s.element.order<e.element.order)&&(e=s)})),e}}class a{constructor(t){this.columnsetObserver=new MutationObserver(this.reloadColumns.bind(this)),this.columnResizeObserver=new ResizeObserver(this.resizeColumnHandler.bind(this)),this.columnsDisplay=[],this.columnsWidth=[],this.manager=t,this.columns=Array.from(this.manager.grid.querySelectorAll("ch-grid-column")),this.observeColumnset(),this.defineColumns(this.columns),this.defineColumnsVariables(),this.adjustFreezeOrder(),this.adjustBaseLayer()}getColumn(t){return this.columns.find((e=>e.columnId===t))}getColumns(t=!1){return t?this.columns.sort(this.fnSortByOrder):this.columns}getColumnsFirstLast(){let t,e;return this.columns.forEach((s=>{s.hidden||t&&!(s.order<t.order)||(t=s),s.hidden||e&&!(s.order>e.order)||(e=s)})),{columnFirst:t,columnLast:e}}getColumnSelector(){return this.columns.find((t=>"rich"===t.columnType&&t.richRowSelector))}adjustFreezeOrder(){const t=this.columns.filter((t=>"start"===t.freeze)).sort(this.fnSortByOrder),e=this.columns.filter((t=>"start"!==t.freeze&&"end"!==t.freeze)).sort(this.fnSortByOrder),s=this.columns.filter((t=>"end"===t.freeze)).sort(this.fnSortByOrder);let i=1;t.forEach((t=>t.order=i++)),e.forEach((t=>t.order=i++)),s.forEach((t=>t.order=i++))}defineColumns(t){t.forEach((t=>{this.defineColumnId(t),this.defineColumnIndex(t),this.defineColumnOrder(t),this.defineColumnSize(t),this.defineColumnDisplayObserver(t),this.defineColumnResizeObserver(t),this.defineColumnType(t)}))}defineColumnId(t){t.columnId||(t.columnId=this.getColumnUniqueId())}defineColumnIndex(t){t.physicalOrder=this.columns.indexOf(t)+1}defineColumnOrder(t){t.order||(t.order=t.physicalOrder)}defineColumnSize(t){t.size||(t.size="auto")}defineColumnDisplayObserver(t){if(t.displayObserverClass&&!t.hidden){const e=this.columnsDisplay.push(document.createElement("ch-grid-column-display"))-1;this.columnsDisplay[e].setAttribute("slot","column-display"),this.columnsDisplay[e].setAttribute("class",t.displayObserverClass),this.columnsDisplay[e].column=t,this.manager.grid.appendChild(this.columnsDisplay[e])}}defineColumnResizeObserver(t){this.columnResizeObserver.observe(t,{box:"border-box"})}defineColumnType(t){switch(t.columnType){case"tree":this.manager.grid.querySelectorAll(`ch-grid-cell:nth-child(${t.physicalOrder})`).forEach((t=>{t.type=h.TreeNode}));break;case"rich":this.manager.grid.querySelectorAll(`ch-grid-cell:nth-child(${t.physicalOrder})`).forEach((e=>{e.rowDrag=t.richRowDrag,e.rowSelector=t.richRowSelector,e.rowActions=t.richRowActions,e.type=h.Rich}))}}defineColumnsVariables(){const t=document.head.querySelector("#ch-grid-columns-variables");if(!t||parseInt(t.getAttribute("data-columns"))<this.columns.length){let e="";for(let t=1;t<=this.columns.length;t++)e+=`ch-grid-column:nth-child(${t}), ch-grid-cell:nth-child(${t}) {\n display: var(--ch-grid-column-${t}-display, flex);\n grid-column: var(--ch-grid-column-${t}-position, ${t});\n margin-inline-start: var(--ch-grid-column-${t}-margin-start);\n border-inline-start: var(--ch-grid-column-${t}-border-start);\n padding-inline-start: var(--ch-grid-column-${t}-padding-start);\n margin-inline-end: var(--ch-grid-column-${t}-margin-end);\n border-inline-end: var(--ch-grid-column-${t}-border-end);\n padding-inline-end: var(--ch-grid-column-${t}-padding-end);\n transform: var(--ch-grid-column-${t}-transform);\n left: var(--ch-grid-column-${t}-left-freeze);\n right: var(--ch-grid-column-${t}-right-freeze);\n }\n ch-grid-column:nth-child(${t}) {\n z-index: calc(var(--ch-grid-column-${t}-z-index-freeze, 0) + var(--ch-grid-column-z-index-head, 0) + var(--ch-grid-column-z-index-active, 0));\n }\n ch-grid-cell:nth-child(${t}) {\n z-index: calc(var(--ch-grid-column-${t}-z-index-freeze, 0) + var(--ch-grid-cell-z-index-active, 0));\n }\n ch-grid-cell:nth-child(${t})::before {\n content: var(--ch-grid-column-${t}-content);\n }\n `;const s=`@layer ch-grid {\n ${e}\n }`;t?(t.setAttribute("data-columns",this.columns.length.toString()),t.innerHTML=s):document.head.insertAdjacentHTML("beforeend",`<style id="ch-grid-columns-variables" data-columns="${this.columns.length}">${s}</style>`)}}undefineColumns(t){t.forEach((t=>{this.columnResizeObserver.unobserve(t),this.columnsDisplay.filter((e=>e.column===t)).forEach((t=>{t.remove()}))}))}observeColumnset(){this.columnsetObserver.observe(this.manager.grid.querySelector("ch-grid-columnset"),{childList:!0})}reloadColumns(){const t=Array.from(this.manager.grid.querySelectorAll("ch-grid-column")),e=t.filter((t=>!this.columns.includes(t))),s=this.columns.filter((e=>!t.includes(e)));(e.length||s.length)&&(this.columns=t,this.undefineColumns(s),this.defineColumns(e),this.defineColumnsVariables(),this.adjustOrders(),this.adjustBaseLayer())}resizeColumnHandler(t){for(const e of t)this.columnsWidth[e.target.physicalOrder-1]=e.contentRect.width;this.manager.setColumnWidthVariables(this.columnsWidth)}getColumnUniqueId(){return`ch-grid-column-auto-${Date.now().toString(36)+Math.random().toString(36).substring(2)}`}adjustOrders(){this.columns.forEach(((t,e)=>t.physicalOrder=e+1)),[...this.columns].sort(this.fnSortByOrder).forEach(((t,e)=>{t.order=e+1}))}adjustBaseLayer(){this.manager.setBaseLayer(this.columns.length)}fnSortByOrder(t,e){return t.order<e.order?-1:t.order>e.order?1:0}}class u{constructor(t){this.selectionStateNone={rowFocused:null,rowsSelected:[],cellSelected:null},this.manager=t}select(t,e,s,i,n){var r;if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;"multiple"!==this.manager.grid.rowSelectionMode&&(i=!1,n=!1);let l=t.rowFocused,h=t.rowsSelected,o=t.cellSelected;if(l=e,n){const t=this.manager.getRowsRange(null!==(r=this.rangeStart)&&void 0!==r?r:e,e);this.rangeValue?(h=i?Array.from(new Set(h.concat(t))):h.length===t.length?h:t,o=s||e.getCell((null==o?void 0:o.column)||this.manager.getFirstColumn())):(h=h.filter((e=>!t.includes(e))),o=null)}else i?(this.rangeStart=e,this.rangeValue=!e.selected,h.includes(e)?(h=h.filter((t=>t!==e)),o=null):(h=[...h,e],o=s||e.getCell((null==o?void 0:o.column)||this.manager.getFirstColumn()))):(this.rangeStart=e,this.rangeValue=!0,h=1===h.length&&h[0]===e?h:[e],o=s||e.getCell((null==o?void 0:o.column)||this.manager.getFirstColumn()));return{rowFocused:l,rowsSelected:h,cellSelected:o}}selectAll(t,e=!0){var s;if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;const i=this.manager.getRows();let n=t.rowFocused,r=t.rowsSelected,l=t.cellSelected;return e?(n=null!=n?n:this.manager.getFirstRow(),r=i,l=n.getCell((null===(s=t.cellSelected)||void 0===s?void 0:s.column)||this.manager.getFirstColumn())):(n=null!=n?n:this.manager.getFirstRow(),r=[],l=null),{rowFocused:n,rowsSelected:r,cellSelected:l}}selectSet(t,e,s,i=!0){let n=t.rowFocused,r=t.rowsSelected,l=t.cellSelected;return n=e,i?(r=r.includes(e)?r:[...r,e],l=s):(r=r.includes(e)?r.filter((t=>t!==e)):r,l=null),{rowFocused:n,rowsSelected:r,cellSelected:l}}selectFirstRow(t,e){var s;if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;"multiple"!==this.manager.grid.rowSelectionMode&&(e=!1);const i=this.manager.getFirstRow();let n=t.rowFocused,r=t.rowsSelected,l=t.cellSelected;if(i){if(e){const t=this.manager.getRowsRange(null!=n?n:i,i);r=Array.from(new Set(r.concat(t)))}else r=[i];n=i,l=i.getCell((null===(s=t.cellSelected)||void 0===s?void 0:s.column)||this.manager.getFirstColumn())}return{rowFocused:n,rowsSelected:r,cellSelected:l}}selectPreviousRow(t,e){if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;"multiple"!==this.manager.grid.rowSelectionMode&&(e=!1);const s=this.manager.getPreviousRow(t.rowFocused);let i=t.rowFocused,n=t.rowsSelected,r=t.cellSelected;if(s){if(e){const t=this.sortRowsSelected(n),e=this.isContiguousSelection(t);n=e&&i===t[0]?[...n,s]:e&&i===t[t.length-1]?n.slice(0,-1):[i,s]}else n=[s];i=s,r=s.getCell((null==r?void 0:r.column)||this.manager.getFirstColumn())}return{rowFocused:i,rowsSelected:n,cellSelected:r}}selectNextRow(t,e){if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;"multiple"!==this.manager.grid.rowSelectionMode&&(e=!1);const s=this.manager.getNextRow(t.rowFocused);let i=t.rowFocused,n=t.rowsSelected,r=t.cellSelected;if(s){if(e){const t=this.sortRowsSelected(n),e=this.isContiguousSelection(t);n=e&&i===t[t.length-1]?[...n,s]:e&&i===t[0]?n.slice(1):[i,s]}else n=[s];i=s,r=s.getCell((null==r?void 0:r.column)||this.manager.getFirstColumn())}return{rowFocused:i,rowsSelected:n,cellSelected:r}}selectLastRow(t,e){var s;if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;"multiple"!==this.manager.grid.rowSelectionMode&&(e=!1);const i=this.manager.getLastRow();let n=t.rowFocused,r=t.rowsSelected,l=t.cellSelected;if(i){if(e){const t=this.manager.getRowsRange(null!=n?n:i,i);r=Array.from(new Set(r.concat(t)))}else r=[i];n=i,l=i.getCell((null===(s=t.cellSelected)||void 0===s?void 0:s.column)||this.manager.getFirstColumn())}return{rowFocused:n,rowsSelected:r,cellSelected:l}}selectPreviousPageRow(t,e){var s;if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;"multiple"!==this.manager.grid.rowSelectionMode&&(e=!1);const i=this.manager.getRows(),n=this.manager.getRowsPerPage();let r=t.rowFocused,l=t.rowsSelected,h=t.cellSelected;const o=i[Math.max(i.indexOf(r)-n,0)];if(o){if(e){const t=this.manager.getRowsRange(null!=r?r:o,o);l=Array.from(new Set(l.concat(t)))}else l=1===l.length&&l[0]===o?l:[o];r=o,h=o.getCell((null===(s=t.cellSelected)||void 0===s?void 0:s.column)||this.manager.getFirstColumn())}return{rowFocused:r,rowsSelected:l,cellSelected:h}}selectNextPageRow(t,e){var s;if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;"multiple"!==this.manager.grid.rowSelectionMode&&(e=!1);const i=this.manager.getRows(),n=this.manager.getRowsPerPage();let r=t.rowFocused,l=t.rowsSelected,h=t.cellSelected;const o=i[Math.min(i.indexOf(r)+n,i.length-1)];if(o){if(e){const t=this.manager.getRowsRange(null!=r?r:o,o);l=Array.from(new Set(l.concat(t)))}else l=1===l.length&&l[0]===o?l:[o];r=o,h=o.getCell((null===(s=t.cellSelected)||void 0===s?void 0:s.column)||this.manager.getFirstColumn())}return{rowFocused:r,rowsSelected:l,cellSelected:h}}selectPreviousCell(t){if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;const e=t.rowFocused;let s=t.rowsSelected,i=t.cellSelected;if(i){const t=this.manager.getPreviousCell(i);t&&(i=t)}else s.includes(e)||(s=[...s,e]),i||(i=e.getCell(this.manager.getFirstColumn()));return{rowFocused:e,rowsSelected:s,cellSelected:i}}selectNextCell(t){if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;const e=t.rowFocused;let s=t.rowsSelected,i=t.cellSelected;if(i){const t=this.manager.getNextCell(i);t&&(i=t)}else s.includes(e)||(s=[...s,e]),i||(i=e.getCell(this.manager.getFirstColumn()));return{rowFocused:e,rowsSelected:s,cellSelected:i}}markRow(t,e,s,i){var n;if(t){if(s){const e=!t.marked,s=this.manager.getRowsRange(null!==(n=this.lastRowMarked)&&void 0!==n?n:t,t);return this.lastRowMarked=t,e?i.concat(s.filter((t=>!i.includes(t)))):i.filter((t=>!s.includes(t)))}if(this.lastRowMarked=t,e&&!i.includes(t))return i.concat([t]);if(!e&&i.includes(t))return i.filter((e=>e!==t))}return i}markAllRows(t=!0){return t?this.manager.getRows():[]}syncRowSelector(t,e=[],s){const i=this.manager.columns.getColumnSelector();if((null==i?void 0:i.richRowSelectorMode)===s){const s=i.physicalOrder-1;null==e||e.filter((e=>!t.includes(e))).forEach((t=>{t.marked=!1,t.children[s].setSelectorChecked(!1)})),null==t||t.forEach((t=>{t.marked="mark"===i.richRowSelectorMode,t.children[s].setSelectorChecked(!0)})),i.richRowSelectorState=0===t.length?"":t.length===this.manager.getRows().length?"checked":"indeterminate"}}sortRowsSelected(t){const e=Array.from(this.manager.grid.querySelectorAll("ch-grid-row"));return t.sort(((t,s)=>{const i=e.indexOf(t),n=e.indexOf(s);return i<n?-1:i>n?1:0}))}isContiguousSelection(t){const e=Array.from(this.manager.grid.querySelectorAll("ch-grid-row")).filter((t=>t.isVisible()));if(0===t.length)return!1;if(1===t.length)return!0;{const s=e.indexOf(t[0]);return e.indexOf(t[t.length-1])-s+1===t.length}}}class g{constructor(t){this.dragMouseMoveFn=this.dragMouseMoveHandler.bind(this),this.manager=t}dragStart(t){this.row=t,this.rowIndex=this.manager.getGridRowIndex(t),this.defineListeners(),this.createRowShadow(),this.floatRow(),this.updateRowPosition()}dragMouseMoveHandler(t){const e=t.target.closest("ch-grid-row");if(e&&e.parentElement===this.row.parentElement&&e.grid===this.manager.grid){const t=this.manager.getGridRowIndex(e),s=t+2,i=this.rowIndex<t?-1:1;this.rowShadow.style.getPropertyValue("--row-shadow-row-start")!==`${s}`?this.rowShadow.style.setProperty("--row-shadow-row-start",`${s}`):this.rowShadow.style.setProperty("--row-shadow-row-start",`${s+i}`),this.updateRowPosition()}}dragMouseUpHandler(){document.removeEventListener("mousemove",this.dragMouseMoveFn);const t=parseInt(this.rowShadow.style.getPropertyValue("--row-shadow-row-start")),e=this.manager.grid.querySelectorAll("ch-grid-row").item(t-2);t<this.rowIndex+2&&e.before(this.row),t>this.rowIndex+2&&e.after(this.row),this.unfloatRow(),this.rowShadow.remove(),this.row=null,this.rowShadow=null}defineListeners(){document.addEventListener("mousemove",this.dragMouseMoveFn,{passive:!0}),document.addEventListener("mouseup",this.dragMouseUpHandler.bind(this),{once:!0})}createRowShadow(){const t=this.manager.getRowHeight(this.row);this.rowShadow=document.createElement("div"),this.rowShadow.style.display="contents",this.manager.getColumnsWidth().forEach((e=>{const s=document.createElement("div");s.style.opacity="0",s.style.minWidth=e,s.style.height=`${t}px`,s.style.gridRowStart="var(--row-shadow-row-start)",this.rowShadow.append(s)}))}floatRow(){const t=this.manager.getColumnsWidth(),e=this.manager.gridLayout.clientWidth;this.row.before(this.rowShadow),this.row.setAttribute("dragging",""),this.row.style.width=`${e}px`,this.row.querySelectorAll(":scope > ch-grid-cell").forEach(((e,s)=>{const i=parseInt(this.manager.gridLayout.style.getPropertyValue(`--ch-grid-column-${s+1}-position`));e.hidden||(e.style.width=t[i-1],e.style.order=`${i}`)}))}unfloatRow(){this.row.removeAttribute("dragging"),this.row.style.width="",this.row.querySelectorAll(":scope > ch-grid-cell").forEach((t=>{t.style.width="",t.style.order=""}))}updateRowPosition(){const t=this.rowShadow.children[0].getBoundingClientRect();this.row.style.top=`${t.top}px`,this.row.style.left=`${t.left}px`}}class m{constructor(t){var e;this.manager=t,null===(e=this.manager.grid.querySelectorAll("ch-grid-row-actions"))||void 0===e||e.forEach((t=>{t.showOnRowHover&&(this.showOnRowHover=t),t.showOnRowActions&&(this.showOnRowActions=t),t.showOnRowContext&&(this.showOnRowContext=t)}))}}!function(t){t[t.BASE_LAYER=0]="BASE_LAYER",t[t.COLUMNS_WIDTH=1]="COLUMNS_WIDTH"}(o||(o={}));class w{constructor(t){this.styleSheet=new CSSStyleSheet,this.grid=t,this.styleSheet.insertRule(":host {}",o.BASE_LAYER),this.styleSheet.insertRule(".main {}",o.COLUMNS_WIDTH),this.grid.shadowRoot.adoptedStyleSheets.push(this.styleSheet),this.columns=new a(this),this.selection=new u(this),this.rowActions=new m(this)}get gridLayout(){return this.gridLayoutElement}componentDidLoad(t){this.gridLayoutElement=t}getColumns(){return this.columns.getColumns()}getColumnsWidth(){return getComputedStyle(this.gridLayout).gridTemplateColumns.split(" ")}getColumnsetHeight(){const t=getComputedStyle(this.gridLayout).gridTemplateRows.split(" ");return parseInt(t[0])||0}getFirstColumn(){return this.columns.getColumnsFirstLast().columnFirst}getFirstRow(){return this.grid.querySelector("ch-grid-row")}getScrollOffsetTop(){return this.gridLayout.offsetTop+this.getColumnsetHeight()}getScrollOffsetLeft(){return this.columns.getColumns(!0).reduce(((t,e)=>"start"!==e.freeze||e.hidden?t:t+e.offsetWidth),0)}getScrollOffsetRight(){return this.columns.getColumns(!0).reduce(((t,e)=>"end"!==e.freeze||e.hidden?t:t+e.offsetWidth),0)}getPreviousRow(t){const e=this.getRows(),s=e.indexOf(t);return e.slice(0,s).reverse().find((t=>t.isVisible()))}getNextRow(t){const e=this.getRows(),s=e.indexOf(t);return e.slice(s+1).find((t=>t.isVisible()))}getLastRow(){return this.getRows().reverse().find((t=>t.isVisible()))}getPreviousCell(t){const e=t.column.order,s=this.columns.getColumns().reduce(((t,s)=>s.order<e&&!s.hidden&&(!t||s.order>t.order)?s:t),null);if(s)return t.row.querySelector(`:scope > ch-grid-cell:nth-of-type(${s.physicalOrder})`)}getNextCell(t){const e=t.column.order,s=this.columns.getColumns().reduce(((t,s)=>s.order>e&&!s.hidden&&(!t||s.order<t.order)?s:t),null);if(s)return t.row.querySelector(`:scope > ch-grid-cell:nth-of-type(${s.physicalOrder})`)}getGridRowIndex(t){return Array.prototype.indexOf.call(this.grid.querySelectorAll("ch-grid-row, ch-grid-rowset-legend"),t)}getRowsetRowIndex(t){return Array.prototype.indexOf.call(t.parentElement.children,t)}getRowHeight(t){const e=getComputedStyle(this.gridLayout).gridTemplateRows.split(" "),s=this.getGridRowIndex(t)+1;return parseInt(e[s])||0}getRowsPerPage(){const t=this.gridLayout.clientHeight,e=this.getColumnsetHeight(),s=this.getRowHeight(this.getFirstRow());return Math.floor((t-e)/s)}getRow(t){return this.grid.querySelector(`ch-grid-row[rowid="${t}"]`)}getRows(t="all"){const e=Array.from(this.grid.querySelectorAll("ch-grid-row"));return"visible"===t?e.filter((t=>t.isVisible())):e}getRowsSelected(){return Array.from(this.grid.querySelectorAll("ch-grid-row[selected]"))}getRowsRange(t,e){const s=this.getRows(),i=s.indexOf(t),n=s.indexOf(e);return s.slice(Math.min(i,n),Math.max(i,n)+1).filter((t=>t.isVisible()))}getRowEventTarget(t){return t.composedPath().find((t=>"CH-GRID-ROW"===t.tagName))}isRowActionsEventTarget(t){return null!=t.composedPath().find((t=>"CH-GRID-ROW-ACTIONS"===t.tagName))}getCell(t,e,s){if(t)return this.grid.querySelector(`ch-grid-cell[cellid="${t}"]`);if(e&&s){const t=this.getRow(e),i=this.columns.getColumn(s);if(t&&i)return t.getCell(i)}}getCellEventTarget(t){return t.composedPath().find((t=>"CH-GRID-CELL"===t.tagName))}columnDragStart(t){this.columnDragManager=new d(t,this.columns.getColumns(),this.isRTLDirection())}columnDragging(t){return this.columnDragManager.dragging(t)}columnDragEnd(){this.columnDragManager.dragEnd(),this.columnDragManager=null}rowDragStart(t){this.rowDragManager=new g(this),this.rowDragManager.dragStart(t)}getGridStyle(){return Object.assign(Object.assign(Object.assign(Object.assign({display:"grid"},this.getGridTemplateColumns()),this.getRowBoxSimulationStyle()),this.getDragTransitionStyle()),this.getColumnsStyle())}setBaseLayer(t){this.styleSheet.deleteRule(o.BASE_LAYER),this.styleSheet.insertRule(`:host { --ch-grid-base-layer: ${t}; }`,o.BASE_LAYER)}setColumnWidthVariables(t){this.styleSheet.deleteRule(o.COLUMNS_WIDTH),this.styleSheet.insertRule(`.main { ${t.map(((t,e)=>`--ch-grid-column-${e+1}-width:${t}px;`)).join("\n")} }`,o.COLUMNS_WIDTH)}ensureRowVisible(t){let e=t.parentElement.closest("ch-grid-row, ch-grid-rowset");const{columnFirst:s}=this.columns.getColumnsFirstLast();for(;e;)e.collapsed=!1,e=e.parentElement.closest("ch-grid-row, ch-grid-rowset");t.children[s.physicalOrder]&&this.ensureVisible(t.children[s.physicalOrder])}ensureCellVisible(t){let e=t.closest("ch-grid-row, ch-grid-rowset");for(;!t.isVisible()&&e;)e.collapsed=!1,e=e.parentElement.closest("ch-grid-row, ch-grid-rowset");t.isVisible()||(t.column.hidden=!1),this.ensureVisible(t)}ensureVisible(t){const e=["start","end"].includes(t.column.freeze),s=this.gridLayout,i=this.getScrollOffsetTop(),n=this.getScrollOffsetLeft(),r=this.getScrollOffsetRight();s.scrollTop+i>t.offsetTop?s.scrollBy({top:-1*(s.scrollTop-t.offsetTop+i)}):s.scrollTop+s.offsetHeight<t.offsetTop+t.offsetHeight?s.scrollBy({top:t.offsetTop+t.offsetHeight-(s.scrollTop+s.offsetHeight)}):s.scrollLeft+n>t.offsetLeft&&!e?s.scrollBy({left:-1*(s.scrollLeft-t.offsetLeft+n)}):s.scrollLeft+s.clientWidth-r<t.offsetLeft+t.offsetWidth&&!e&&s.scrollBy({left:t.offsetLeft+t.offsetWidth-(s.scrollLeft+s.clientWidth-r)})}getGridTemplateColumns(){return{"grid-template-columns":this.columns.getColumns().map((t=>`var(--ch-grid-column-${t.physicalOrder}-size)`)).join(" ")}}getRowBoxSimulationStyle(){const{columnFirst:t,columnLast:e}=this.columnDragManager?this.columnDragManager.getColumnsFirstLast():this.columns.getColumnsFirstLast();return t&&e?{[`--ch-grid-column-${t.physicalOrder}-margin-start`]:"var(--ch-grid-fallback, inherit)",[`--ch-grid-column-${t.physicalOrder}-border-start`]:"var(--ch-grid-fallback, inherit)",[`--ch-grid-column-${t.physicalOrder}-padding-start`]:"var(--ch-grid-fallback, inherit)",[`--ch-grid-column-${e.physicalOrder}-margin-end`]:"var(--ch-grid-fallback, inherit)",[`--ch-grid-column-${e.physicalOrder}-border-end`]:"var(--ch-grid-fallback, inherit)",[`--ch-grid-column-${e.physicalOrder}-padding-end`]:"var(--ch-grid-fallback, inherit)"}:null}getDragTransitionStyle(){return{"--column-drag-transition-duration":this.columnDragManager?".2s":"0s"}}getColumnsStyle(){return this.columns.getColumns().reduce(((t,e)=>Object.assign(Object.assign({},t),this.getColumnStyle(e))),{})}getColumnStyle(t){return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.getColumnSizeStyle(t)),this.getColumnOrderStyle(t)),this.getColumnDisplayStyle(t)),this.getColumnFreezeStyle(t)),this.getColumnDraggingStyle(t)),this.getColumnIndentStyle(t))}getColumnSizeStyle(t){return{[`--ch-grid-column-${t.order}-size`]:t.hidden?"0px":t.size}}getColumnOrderStyle(t){return{[`--ch-grid-column-${t.physicalOrder}-position`]:t.order.toString()}}getColumnFreezeStyle(t){switch(t.freeze){case"start":return this.getColumnFreezeStartStyle(t);case"end":return this.getColumnFreezeEndStyle(t)}}getColumnFreezeStartStyle(t){const e=["0px"];for(let s=1;s<t.order;s++)e.push(`var(--ch-grid-column-${s}-width)`);return{[`--ch-grid-column-${t.physicalOrder}-left-freeze`]:`calc(${e.join(" + ")})`,[`--ch-grid-column-${t.physicalOrder}-z-index-freeze`]:"var(--ch-grid-column-freeze-layer)"}}getColumnFreezeEndStyle(t){const e=["0px"];for(let s=this.columns.getColumns().length;s>t.order;s--)e.push(`var(--ch-grid-column-${s}-width)`);return{[`--ch-grid-column-${t.physicalOrder}-right-freeze`]:`calc(${e.join(" + ")})`,[`--ch-grid-column-${t.physicalOrder}-z-index-freeze`]:"var(--ch-grid-column-freeze-layer)"}}getColumnDisplayStyle(t){return t.hidden?{[`--ch-grid-column-${t.physicalOrder}-display`]:"none"}:null}getColumnDraggingStyle(t){return this.columnDragManager?this.columnDragManager.getColumnStyle(t):null}getColumnIndentStyle(t){return{[`--ch-grid-column-${t.physicalOrder}-content`]:1===t.order?"''":"none"}}isRTLDirection(){return"rtl"===getComputedStyle(this.grid).direction}}function p(t){return navigator.userAgent.includes("Mac")?t.metaKey:t.ctrlKey}const v=class{constructor(s){t(this,s),this.selectionChanged=e(this,"selectionChanged",7),this.rowMarkingChanged=e(this,"rowMarkingChanged",7),this.cellSelectionChanged=e(this,"cellSelectionChanged",7),this.rowClicked=e(this,"rowClicked",7),this.rowDoubleClicked=e(this,"rowDoubleClicked",7),this.rowEnterPressed=e(this,"rowEnterPressed",7),this.rowsMarked=[],this.rowsSelected=[],this.rowSelectionMode="single",this.rowHighlightEnabled="auto",this.allowColumnReorder=!0}rowFocusedHandler(t,e){t&&(t.focused=!0),e&&(e.focused=!1)}rowHighlightedHandler(t,e){var s,i;t&&(t.highlighted=!0),e&&(e.highlighted=!1),t?null===(s=this.manager.rowActions.showOnRowHover)||void 0===s||s.openRowHover(t):null===(i=this.manager.rowActions.showOnRowHover)||void 0===i||i.close()}rowsMarkedHandler(t,e){this.manager.selection.syncRowSelector(t,e,"mark"),this.rowMarkingChanged.emit({rowsId:t.map((t=>t.rowId))})}rowsSelectedHandler(t,e){e&&e.filter((e=>!t.includes(e))).forEach((t=>t.selected=!1)),t&&t.forEach((t=>t.selected=!0)),this.manager.selection.syncRowSelector(t,e,"select"),this.selectionChanged.emit({rowsId:t.map((t=>t.rowId))})}cellSelectedHandler(t,e){t&&(t.selected=!0),e&&(e.selected=!1),this.cellSelectionChanged.emit({cellId:this.cellSelected?this.cellSelected.cellId:null,rowId:this.cellSelected?this.cellSelected.row.rowId:null,columnId:this.cellSelected?this.cellSelected.column.columnId:null})}componentWillLoad(){this.manager=new w(this.el),this.gridStyle=this.manager.getGridStyle(),this.rowsSelected=this.manager.getRowsSelected()}componentDidLoad(){this.manager.componentDidLoad(this.gridLayoutElement)}componentShouldUpdate(t,e,s){if("rowFocused"===s||"rowHighlighted"===s||"rowSelected"===s||"rowsMarked"===s||"cellSelected"===s)return!1}focusHandler(){"none"!==this.rowSelectionMode&&(this.rowFocused=this.rowsSelected[0]||this.manager.getFirstRow())}blurHandler(){this.rowFocused=null}windowKeyDownHandler(t){document.activeElement===this.el&&[" ","+","-","Home","End","PageUp","PageDown","ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(t.key)&&t.preventDefault()}keyDownHandler(t){if(document.activeElement===this.el)switch(t.key){case" ":this.toggleRowsMarked();break;case"+":this.setRowCollapsed(this.rowFocused,!1);break;case"-":this.setRowCollapsed(this.rowFocused,!0);break;case"Home":this.selectByKeyboardEvent(this.manager.selection.selectFirstRow.bind(this.manager.selection),t.shiftKey);break;case"End":this.selectByKeyboardEvent(this.manager.selection.selectLastRow.bind(this.manager.selection),t.shiftKey);break;case"PageUp":this.selectByKeyboardEvent(this.manager.selection.selectPreviousPageRow.bind(this.manager.selection),t.shiftKey);break;case"PageDown":this.selectByKeyboardEvent(this.manager.selection.selectNextPageRow.bind(this.manager.selection),t.shiftKey);break;case"ArrowUp":this.selectByKeyboardEvent(this.manager.selection.selectPreviousRow.bind(this.manager.selection),t.shiftKey);break;case"ArrowDown":this.selectByKeyboardEvent(this.manager.selection.selectNextRow.bind(this.manager.selection),t.shiftKey);break;case"ArrowLeft":this.selectByKeyboardEvent(this.manager.selection.selectPreviousCell.bind(this.manager.selection),t.shiftKey);break;case"ArrowRight":this.selectByKeyboardEvent(this.manager.selection.selectNextCell.bind(this.manager.selection),t.shiftKey);break;case"Enter":this.enterPressedHandler()}}mouseMoveHandler(t){if(("auto"===this.rowHighlightEnabled&&"none"!==this.rowSelectionMode||!0===this.rowHighlightEnabled)&&(this.rowHighlighted=this.manager.getRowEventTarget(t)||(this.manager.isRowActionsEventTarget(t)?this.rowHighlighted:null)),this.manager.selection.selecting){const e=this.manager.getRowEventTarget(t),s=this.manager.getCellEventTarget(t);!e||this.manager.selection.selectingRow===e&&this.manager.selection.selectingCell===s||(this.selectByPointerEvent(e,s,p(t),!0),this.manager.selection.selectingRow=e,this.manager.selection.selectingCell=s)}}mouseLeaveHandler(){this.rowHighlighted&&(this.rowHighlighted=null)}clickHandler(t){const e=this.manager.getRowEventTarget(t),s=this.manager.getCellEventTarget(t);e&&(this.rowClicked.emit({rowId:e.rowId,cellId:null==s?void 0:s.cellId,columnId:null==s?void 0:s.column.columnId}),this.manager.selection.selecting=!0,this.selectByPointerEvent(e,s,p(t),t.shiftKey))}mouseUpHandler(){this.manager.selection.selecting=!1,this.manager.selection.selectingRow=null,this.manager.selection.selectingCell=null}dblclickHandler(t){const e=this.manager.getRowEventTarget(t),s=this.manager.getCellEventTarget(t);e&&this.rowDoubleClicked.emit({rowId:e.rowId,cellId:null==s?void 0:s.cellId,columnId:null==s?void 0:s.column.columnId})}columnSelectorClickedHandler(t){const e=this.manager.columns.getColumnSelector();"select"===(null==e?void 0:e.richRowSelectorMode)?this.selectAll(t.detail.checked):"mark"===(null==e?void 0:e.richRowSelectorMode)&&(this.rowsMarked=this.manager.selection.markAllRows(t.detail.checked))}cellSelectorClickedHandler(t){const e=this.manager.columns.getColumnSelector();"select"===(null==e?void 0:e.richRowSelectorMode)?this.selectByPointerEvent(this.manager.getRowEventTarget(t),this.manager.getCellEventTarget(t),!0,t.detail.range):"mark"===(null==e?void 0:e.richRowSelectorMode)&&(this.rowsMarked=this.manager.selection.markRow(this.manager.getRowEventTarget(t),t.detail.checked,t.detail.range,this.rowsMarked))}cellRowActionClickedHandler(t){var e;null===(e=this.manager.rowActions.showOnRowActions)||void 0===e||e.openRowActions(t.target)}columnStyleChangedHandler(){this.manager&&(this.gridStyle=this.manager.getGridStyle())}columnFreezeChangedHandler(){this.manager.columns.adjustFreezeOrder()}columnDragStartHandler(t){this.manager.columnDragStart(t.detail.columnId)}columnDraggingHandler(t){this.manager.columnDragging(t.detail.positionX)&&(this.gridStyle=this.manager.getGridStyle())}columnDragEndHandler(){this.manager.columnDragEnd(),this.gridStyle=this.manager.getGridStyle()}rowDragStartHandler(t){this.manager.rowDragStart(t.detail.row)}rowEnsureVisibleHandler(t){this.manager.ensureRowVisible(t.target)}cellEnsureVisibleHandler(t){this.manager.ensureCellVisible(t.target)}settingsShowClickedHandler(){this.settingsUI.show=!0}settingsCloseClickedHandler(){this.settingsUI.show=!1}async getFocusedRow(){var t;return null===(t=this.rowFocused)||void 0===t?void 0:t.rowId}async getHoveredRow(){var t;return null===(t=this.rowHighlighted)||void 0===t?void 0:t.rowId}async getSelectedRows(){return this.rowsSelected.map((t=>t.rowId))}async getMarkedRows(){return this.rowsMarked.map((t=>t.rowId))}async getSelectedCell(){return{cellId:this.cellSelected?this.cellSelected.cellId:null,rowId:this.cellSelected?this.cellSelected.row.rowId:null,columnId:this.cellSelected?this.cellSelected.column.columnId:null}}async selectRow(t,e=!0){const s=this.manager.getRow(t);if(s){const{rowFocused:t,rowsSelected:i,cellSelected:n}=this.manager.selection.selectSet({rowFocused:this.rowFocused,rowsSelected:this.rowsSelected,cellSelected:this.cellSelected},s,null,e);this.rowFocused=t,this.rowsSelected=i,this.cellSelected=n,null==t||t.ensureVisible()}}async selectAllRows(t=!0){this.selectAll(t)}async selectCell(t,e,s,i=!0){const n=this.manager.getCell(t,e,s);if(n){const{rowFocused:t,rowsSelected:e,cellSelected:s}=this.manager.selection.selectSet({rowFocused:this.rowFocused,rowsSelected:this.rowsSelected,cellSelected:this.cellSelected},n.row,n,i);this.rowFocused=t,this.rowsSelected=e,this.cellSelected=s,null==t||t.ensureVisible()}}async markRow(t,e=!0){const s=this.manager.columns.getColumnSelector(),i=this.manager.getRow(t);i&&"mark"===(null==s?void 0:s.richRowSelectorMode)&&(this.rowsMarked=this.manager.selection.markRow(i,e,!1,this.rowsMarked))}async markAllRows(t=!0){const e=this.manager.columns.getColumnSelector();"mark"===(null==e?void 0:e.richRowSelectorMode)&&(this.rowsMarked=this.manager.selection.markAllRows(t))}async expandRow(t){this.setRowCollapsed(this.manager.getRow(t),!1)}async collapseRow(t){this.setRowCollapsed(this.manager.getRow(t),!0)}async rowEnsureVisible(t){const e=this.manager.getRow(t);e&&this.manager.ensureRowVisible(e)}async cellEnsureVisible(t){const e=this.manager.getCell(t);e&&this.manager.ensureCellVisible(e)}async getPreviousRow(){var t,e;const s=null===(t=this.cellSelected)||void 0===t?void 0:t.row;if(s)return(null===(e=this.manager.getPreviousRow(s))||void 0===e?void 0:e.rowId)||null}async getNextRow(){var t,e;const s=null===(t=this.cellSelected)||void 0===t?void 0:t.row;if(s)return(null===(e=this.manager.getNextRow(s))||void 0===e?void 0:e.rowId)||null}async getPreviousCell(){const t=this.manager.getPreviousCell(this.cellSelected);return{cellId:t?t.cellId:null,rowId:t?t.row.rowId:null,columnId:t?t.column.columnId:null}}async getNextCell(){const t=this.manager.getNextCell(this.cellSelected);return{cellId:t?t.cellId:null,rowId:t?t.row.rowId:null,columnId:t?t.column.columnId:null}}enterPressedHandler(){var t;if(this.rowFocused){const e=(null===(t=this.cellSelected)||void 0===t?void 0:t.row)===this.rowFocused?this.cellSelected:null;this.rowEnterPressed.emit({rowId:this.rowFocused.rowId,cellId:e?e.cellId:null,columnId:e?e.column.columnId:null})}}toggleRowsMarked(){const t=this.manager.columns.getColumnSelector();"mark"===(null==t?void 0:t.richRowSelectorMode)&&(this.rowsMarked=this.rowFocused.marked?this.rowsMarked.filter((t=>!this.rowsSelected.includes(t))):Array.from(new Set(this.rowsMarked.concat(this.rowsSelected))))}selectByPointerEvent(t,e,s,i){const{rowFocused:n,rowsSelected:r,cellSelected:l}=this.manager.selection.select({rowFocused:this.rowFocused,rowsSelected:this.rowsSelected,cellSelected:this.cellSelected},t,e,s,i);this.rowFocused=n,this.rowsSelected=r,this.cellSelected=l,l?l.ensureVisible():null==n||n.ensureVisible()}selectByKeyboardEvent(t,e){const{rowFocused:s,rowsSelected:i,cellSelected:n}=t({rowFocused:this.rowFocused,rowsSelected:this.rowsSelected,cellSelected:this.cellSelected},e);this.rowFocused=s,this.rowsSelected=i,this.cellSelected=n,n?n.ensureVisible():null==s||s.ensureVisible()}selectAll(t=!0){const{rowFocused:e,rowsSelected:s,cellSelected:i}=this.manager.selection.selectAll({rowFocused:this.rowFocused,rowsSelected:this.rowsSelected,cellSelected:this.cellSelected},t);this.rowFocused=e,this.rowsSelected=s,this.cellSelected=i,i?i.ensureVisible():null==e||e.ensureVisible()}setRowCollapsed(t,e){t&&e?t&&t.hasChildRows&&(t.collapsed=!0):t&&!e&&(t.collapsed=!1)}renderSettings(){return s("ch-grid-settings",{grid:this.el,ref:t=>this.settingsUI=t,exportparts:"\n mask:settings-mask,\n window:settings-window,\n header:settings-header,\n caption:settings-caption,\n close:settings-close,\n main:settings-main,\n footer:settings-footer\n "},s("slot",{name:"settings"},s("ch-grid-settings-columns",{part:"settings-columns",columns:[...this.manager.getColumns()],exportparts:"\n column:settings-columns-item,\n column-label:settings-columns-label,\n column-visible:settings-columns-visible,\n column-visible-checked:settings-columns-visible-checked\n "})))}render(){return s(i,{tabindex:"none"!==this.rowSelectionMode&&"0"},s("header",{part:"header"},s("slot",{name:"header"})),s("section",{class:"main",style:this.gridStyle,part:"main",ref:t=>this.gridLayoutElement=t},s("slot",null)),s("aside",null,this.renderSettings(),s("slot",{name:"column-display"}),s("slot",{name:"row-actions"})),s("footer",{part:"footer"},s("slot",{name:"footer"})))}get el(){return n(this)}static get watchers(){return{rowFocused:["rowFocusedHandler"],rowHighlighted:["rowHighlightedHandler"],rowsMarked:["rowsMarkedHandler"],rowsSelected:["rowsSelectedHandler"],cellSelected:["cellSelectedHandler"]}}};v.style=":host{display:flex;position:relative;flex-direction:column;--ch-grid-cell-active-layer:calc(var(--ch-grid-base-layer) * 1);--ch-grid-column-header-layer:calc(var(--ch-grid-base-layer) * 2);--ch-grid-column-freeze-layer:calc(var(--ch-grid-base-layer) * 4);--ch-grid-column-active-layer:calc(var(--ch-grid-base-layer) * 8);--ch-grid-settings-layer:calc(var(--ch-grid-base-layer) * 16)}.main{display:none;grid-auto-flow:dense;overflow-x:auto;user-select:none}";const b=class{constructor(s){t(this,s),this.columnHiddenChanged=e(this,"columnHiddenChanged",7),this.columnSizeChanging=e(this,"columnSizeChanging",7),this.columnSizeChanged=e(this,"columnSizeChanged",7),this.columnOrderChanged=e(this,"columnOrderChanged",7),this.columnSortChanged=e(this,"columnSortChanged",7),this.columnFreezeChanged=e(this,"columnFreezeChanged",7),this.columnDragStarted=e(this,"columnDragStarted",7),this.columnDragging=e(this,"columnDragging",7),this.columnDragEnded=e(this,"columnDragEnded",7),this.columnSelectorClicked=e(this,"columnSelectorClicked",7),this.dragging=!1,this.dragMouseMoveFn=this.dragMouseMoveHandler.bind(this),this.columnType="plain",this.columnNamePosition="text",this.richRowSelectorMode="select",this.richRowSelectorState="",this.hidden=!1,this.hideable=!0,this.resizable=!0,this.sortable=!0,this.settingable=!0,this.showSettings=!1,this.settingsClickHandler=t=>{t.stopPropagation(),this.showSettings=!0},this.selectorClickHandler=t=>{const e=t.target;this.richRowSelectorState=e.checked?"checked":"",this.columnSelectorClicked.emit({checked:e.checked}),t.stopPropagation()}}freezeHandler(){this.columnFreezeChanged.emit({columnId:this.columnId,freeze:this.freeze})}hiddenHandler(){this.columnHiddenChanged.emit({columnId:this.columnId,hidden:this.hidden})}orderHandler(){this.columnOrderChanged.emit({columnId:this.columnId,order:this.order})}sizeHandler(){this.columnSizeChanging.emit({columnId:this.columnId,size:this.size})}sortDirectionHandler(){this.sortDirection&&this.columnSortChanged.emit({columnId:this.columnId,sortDirection:this.sortDirection})}componentDidLoad(){this.el.addEventListener("mousedown",this.mousedownHandler.bind(this))}clickHandler(){this.dragging?this.dragging=!1:this.sortable&&(this.sortDirection="asc"===this.sortDirection?"desc":"asc")}columnResizeStartedHandler(){this.resizing=!0}columnResizeFinishedHandler(){this.resizing=!1,this.columnSizeChanged.emit({columnId:this.columnId,size:this.size})}allowColumnReorder(){return this.el.closest("ch-grid").allowColumnReorder}mousedownHandler(t){t.preventDefault(),t.stopPropagation(),this.allowColumnReorder()&&(this.dragMouseDownHandler(t),document.addEventListener("mousemove",this.dragMouseMoveFn,{passive:!0}),document.addEventListener("mouseup",this.dragMouseUpHandler.bind(this),{once:!0}))}dragMouseDownHandler(t){this.dragMouseMoveStartPositionX=t.pageX,this.columnDragStarted.emit({columnId:this.columnId})}dragMouseMoveHandler(t){(this.dragging||Math.abs(this.dragMouseMoveStartPositionX-t.pageX)>5)&&(this.dragging=!0,this.columnDragging.emit({columnId:this.columnId,positionX:t.pageX,direction:t.movementX>0?"right":"left"}))}dragMouseUpHandler(){document.removeEventListener("mousemove",this.dragMouseMoveFn),this.columnDragEnded.emit({columnId:this.columnId})}settingsMouseDownHandler(t){t.stopPropagation()}render(){return s(i,null,s("ul",{class:"bar",part:"bar"},this.renderSelector(),this.renderName(),this.renderSort(),this.renderSettings(),this.renderResize()),s("ch-grid-column-settings",{column:this.el,onMouseDown:this.settingsMouseDownHandler,show:this.showSettings,exportparts:"\n mask:settings-mask,\n window:settings-window,\n header:settings-header,\n caption:settings-caption,\n close:settings-close,\n main:settings-main,\n footer:settings-footer\n "},s("slot",{name:"settings"})))}renderSelector(){return s("li",{class:"selector",part:"bar-selector",hidden:!("rich"===this.columnType&&this.richRowSelector)},s("label",{part:"selector-label"},s("input",{type:"checkbox",part:["selector",this.richRowSelectorState].filter((t=>""!==t)).join(" "),onClick:this.selectorClickHandler,checked:"checked"===this.richRowSelectorState,indeterminate:"indeterminate"===this.richRowSelectorState})))}renderName(){return s("li",{class:"name",part:"bar-name",title:this.columnTooltip||("title"===this.columnNamePosition?this.columnName:null)},this.columnIconUrl||this.columnImage||this.columnImageSet?s("img",{class:"name-icon",part:"bar-name-icon",src:this.columnImage||this.columnIconUrl,srcSet:this.columnImageSet}):s("div",{class:"name-icon",part:"bar-name-icon"}),s("span",{class:"name-text",part:"bar-name-text",hidden:this.columnNameHidden||"text"!==this.columnNamePosition},this.columnName))}renderSort(){return s("li",{class:"sort",part:"bar-sort",hidden:!this.sortable},s("div",{class:"sort-asc",part:"bar-sort-ascending"}),s("div",{class:"sort-desc",part:"bar-sort-descending"}))}renderSettings(){return s("li",{class:"settings",part:"bar-settings",hidden:!this.settingable},s("button",{class:"button",part:"bar-settings-button",onClick:this.settingsClickHandler}))}renderResize(){return s("li",{class:"resize",part:"bar-resize",hidden:!this.resizable},s("ch-grid-column-resize",{column:this.el,class:"resize-split",part:"bar-resize-split"}))}get el(){return n(this)}static get watchers(){return{freeze:["freezeHandler"],hidden:["hiddenHandler"],order:["orderHandler"],size:["sizeHandler"],sortDirection:["sortDirectionHandler"]}}};b.style=":host{display:flex;position:sticky;top:0}:host{background-color:inherit;margin-block-start:inherit;margin-block-end:inherit;border-block-start:inherit;border-block-end:inherit;padding-block-start:inherit;padding-block-end:inherit;transition:transform var(--column-drag-transition-duration, 0.2s)}:host{--ch-grid-column-z-index-head:var(--ch-grid-column-header-layer)}:host([show-settings]),:host([resizing]){--ch-grid-column-z-index-active:var(--ch-grid-column-active-layer)}:host([sort-direction=asc]) .bar .sort .sort-asc{visibility:visible}:host([sort-direction=desc]) .bar .sort .sort-desc{visibility:visible}.bar{list-style-type:none;margin:0;padding:0;display:flex;align-items:center}.bar .selector{overflow:hidden;order:0}.bar .selector:not([hidden]){display:flex}.bar .name{display:flex;overflow:hidden;order:1}.bar .name .name-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar .sort{position:relative;align-items:center;order:2}.bar .sort:not([hidden]){display:flex}.bar .sort .sort-asc{visibility:hidden;animation-fill-mode:forwards}.bar .sort .sort-desc{position:absolute;visibility:hidden;animation-fill-mode:forwards}.bar .settings{order:3}.bar .resize{align-self:stretch;margin-left:auto;order:4}@keyframes column-sort{0%{opacity:0}10%{opacity:1}90%{opacity:1}100%{opacity:0}}";const f=class{constructor(s){t(this,s),this.columnResizeStarted=e(this,"columnResizeStarted",7),this.columnResizeFinished=e(this,"columnResizeFinished",7),this.mousemoveFn=this.mousemoveHandler.bind(this),this.resizing=!1}componentDidLoad(){this.el.addEventListener("mousedown",this.mousedownHandler.bind(this))}clickHandler(t){t.stopPropagation()}dblclickHandler(t){t.stopPropagation(),this.column.size=p(t)?"auto":"max-content"}columnResizeStartedHandler(){this.resizing=!0}columnResizeFinishedHandler(){this.resizing=!1}mousedownHandler(t){t.stopPropagation(),t.preventDefault(),this.startPageX=t.pageX,this.startColumnWidth=this.column.getBoundingClientRect().width,document.addEventListener("mousemove",this.mousemoveFn,{passive:!0}),document.addEventListener("mouseup",this.mouseupHandler.bind(this),{once:!0}),this.columnResizeStarted.emit()}mousemoveHandler(t){const e=this.startColumnWidth-(this.startPageX-t.pageX);e>=0&&(this.column.size=`minmax(min-content, ${e}px)`)}mouseupHandler(){document.removeEventListener("mousemove",this.mousemoveFn),this.columnResizeFinished.emit()}render(){return s("div",{class:"resize-mask",hidden:!this.resizing})}get el(){return n(this)}};f.style=":host{display:block;min-width:1px;height:100%;cursor:ew-resize}.resize-mask{position:fixed;inset:0}";const y=class{constructor(e){t(this,e),this.show=!1}windowClosedHandler(t){t.stopPropagation(),this.column.showSettings=!1}columnSettingsChangedHandler(){this.column.showSettings=!1}render(){return s(i,null,s("ch-window",{modal:!0,container:this.column,xAlign:"inside-start",yAlign:"outside-end",caption:this.column.columnName,closeText:"Close",closeOnOutsideClick:!0,closeOnEscape:!0,allowDrag:"header",hidden:!this.show,exportparts:"mask,window,header,caption,close,main,footer"},s("slot",null)))}};y.style=":host{display:contents}";const S=class{constructor(e){t(this,e)}columnSortChangedHandler(t){Array.from(this.el.querySelectorAll("ch-grid-column")).forEach((e=>{e.columnId!==t.detail.columnId&&(e.sortDirection=null)}))}get el(){return n(this)}};S.style='@layer ch-grid {\n ch-grid-columnset {\n display: contents;\n }\n}\n@layer ch-grid {\n ch-grid-row {\n display: contents;\n }\n\n ch-grid-row[collapsed] > ch-grid-rowset {\n display: none;\n }\n\n ch-grid-row:is([leaf="false"], :has(> ch-grid-rowset)) > ch-grid-cell::part(caret) {\n visibility: visible;\n }\n\n ch-grid-row[dragging] {\n display: flex;\n position: fixed;\n pointer-events: none;\n box-shadow: rgba(0, 0, 0, 0.7) 0px 5px 15px;\n z-index: 1000;\n transition: top var(--row-drag-transition-duration, 0.1s);\n }\n}\n@layer ch-grid {\n ch-grid-rowset {\n display: contents;\n }\n\n ch-grid-rowset[collapsed] > :not(ch-grid-rowset-legend) {\n display: none;\n }\n}\n@layer ch-grid {\n ch-grid-cell {\n position: sticky;\n grid-column: var(--grid-column);\n transition: transform var(--column-drag-transition-duration, 0.2s);\n }\n\n ch-grid-cell[selected] {\n --ch-grid-cell-z-index-active: var(--ch-grid-cell-active-layer);\n }\n\n ch-grid-cell,\nch-grid-row[selected] > ch-grid-cell,\nch-grid-row[highlighted] > ch-grid-cell {\n background-color: inherit;\n margin-block-start: inherit;\n margin-block-end: inherit;\n border-block-start: inherit;\n border-block-end: inherit;\n padding-block-start: inherit;\n padding-block-end: inherit;\n }\n\n ch-grid-cell:before {\n margin-inline-start: calc(var(--indent) * var(--level));\n }\n\n ch-grid-cell::part(indent) {\n width: calc(var(--indent) * var(--level));\n }\n\n ch-grid-cell::part(caret) {\n visibility: hidden;\n }\n}';const C=class{constructor(s){t(this,s),this.settingsCloseClicked=e(this,"settingsCloseClicked",7),this.show=!1}windowClosedHandler(t){t.stopPropagation(),this.show=!1,this.settingsCloseClicked.emit()}render(){return s(i,null,s("ch-window",{modal:!0,container:this.grid,caption:"Options",closeText:"Close",closeOnOutsideClick:!0,closeOnEscape:!0,allowDrag:"header",hidden:!this.show,exportparts:"mask,window,header,caption,close,main,footer"},s("slot",null)))}};C.style=":host{display:contents;--ch-window-mask-z-index:var(--ch-grid-settings-layer)}";const k=class{constructor(e){t(this,e),this.handleClick=t=>{const e=t.target;this.columns.find((t=>t.columnId===e.name)).hidden=!e.checked,t.stopPropagation()}}getColumnsSorted(){return[...this.columns].sort(((t,e)=>t.order<e.order?-1:t.order>e.order?1:0))}render(){const t=this.getColumnsSorted();return s("ul",null,t.map((t=>s("li",{part:"column"},s("label",{part:"column-label"},s("input",{part:t.hidden?"column-visible":"column-visible column-visible-checked",type:"checkbox",checked:!t.hidden,disabled:!t.hideable,name:t.columnId,onClick:this.handleClick}),t.columnName)))))}};k.style=":host{display:flex;flex-direction:column}ul{display:contents;list-style-type:none}";export{v as ch_grid,b as ch_grid_column,f as ch_grid_column_resize,y as ch_grid_column_settings,S as ch_grid_columnset,C as ch_grid_settings,k as ch_grid_settings_columns}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as s,H as i}from"./p-f9f51980.js";const l=class{constructor(s){t(this,s)}render(){return s(i,null,this.label&&s("h2",{id:"heading",part:"title",class:"title"},this.label),s("ul",{"aria-labelledby":this.label?"heading":void 0,part:"list",class:"list"},s("slot",null)))}};l.style=":host{display:block}.title{margin:0;font:inherit}.list{margin:0;padding:0}";export{l as ch_suggest_list}
|
|
1
|
+
import{r as t,h as s,H as i}from"./p-f9f51980.js";const l=class{constructor(s){t(this,s)}render(){return s(i,null,this.label&&s("h2",{id:"heading",part:"title",class:"title"},this.label),s("ul",{"aria-labelledby":this.label?"heading":void 0,part:"list",class:"list"},s("slot",null)))}};l.style="*,::after,::before{box-sizing:border-box}:host{display:block}.title{margin:0;font:inherit}.list{margin:0;padding:0}";export{l as ch_suggest_list}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,h as o,H as t}from"./p-f9f51980.js";import{s as a}from"./p-8d3073b6.js";import{f as e}from"./p-cc7d6bdf.js";import{f as i,c as l}from"./p-e7e4f76c.js";const n=class{constructor(o){r(this,o),this.validationStatus="indeterminate",this.disabled=!1,this.ellipsis=!0}render(){return o(t,{class:{large:a.large,[i.VALIDATION_INDETERMINATE_CLASS]:"indeterminate"===this.validationStatus,[i.VALIDATION_WARNING_CLASS]:"warning"===this.validationStatus,[i.VALIDATION_ERROR_CLASS]:"error"===this.validationStatus,[i.VALIDATION_SUCCESS_CLASS]:"success"===this.validationStatus,[l.DISABLED_CLASS]:this.disabled}},o("slot",null),e(this))}};n.style='@charset "UTF-8";:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}:host(.gxg-validation--warning) .form-element{border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-warning-dark)}:host(.gxg-validation--error) .form-element{border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-error-dark)}:host(.gxg-validation--success) .form-element{border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-success-dark)}ch-suggest{font-family:var(--font-family-primary);font-size:var(--font-size-lg);color:var(--color-on-background);}ch-suggest::-webkit-scrollbar{width:6px;height:6px}ch-suggest::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}ch-suggest .gxg-scroll{display:block;overflow-y:auto;padding-right:2px}ch-suggest ::-webkit-scrollbar{width:6px;height:6px}ch-suggest ::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest ::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest ::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}ch-suggest::part(label){font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;display:flex;align-items:center;cursor:default;font-size:inherit}ch-suggest[label-position=start]::part(label){margin-inline-end:var(--gxg-label-margin-horizontal)}ch-suggest[label-position=above]::part(label){margin-block-end:var(--gxg-label-margin-vertical)}ch-suggest::part(input){height:var(--spacing-comp-05);border:var(--border-width-sm) solid var(--gxg-border-color--regular);padding:var(--spacing-comp-01) var(--spacing-comp-02);box-sizing:border-box;background-color:var(--color-background)}ch-suggest::part(input):focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}ch-suggest::part(input):focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}ch-suggest::part(header){display:block;padding-block-end:var(--spacing-comp-02);display:flex;justify-content:flex-end}ch-suggest::part(close-button){height:var(--spacing-comp-05);width:var(--spacing-comp-05);background-color:var(--color-background);color:var(--color-primary-hover);border:1px solid var(--color-primary-hover);box-sizing:border-box;cursor:pointer;display:block}ch-suggest::part(close-button):hover{background-color:var(--color-primary-hover-opacity-01)}ch-suggest::part(close-button)::after{content:"✖";width:100%;display:block;line-height:24px;text-align:center}ch-suggest::part(close-button):focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}ch-suggest::part(dropdown){background-color:var(--color-background);margin-top:var(--spacing-comp-01);padding:var(--spacing-comp-02);box-shadow:var(--box-shadow-02);}ch-suggest::part(dropdown)::-webkit-scrollbar{width:6px;height:6px}ch-suggest::part(dropdown)::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest::part(dropdown)::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest::part(dropdown)::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}ch-suggest::part(dropdown) .gxg-scroll{display:block;overflow-y:auto;padding-right:2px}ch-suggest::part(dropdown) ::-webkit-scrollbar{width:6px;height:6px}ch-suggest::part(dropdown) ::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest::part(dropdown) ::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest::part(dropdown) ::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}gxg-suggest.gxg-validation--success ch-suggest::part(input){outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}gxg-suggest.gxg-validation--success ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--color-success-dark)}gxg-suggest.gxg-validation--warning ch-suggest::part(input){outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}gxg-suggest.gxg-validation--warning ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--color-warning-dark)}gxg-suggest.gxg-validation--error ch-suggest::part(input){outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}gxg-suggest.gxg-validation--error ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--color-error-dark)}gxg-suggest.gxg--disabled ch-suggest{pointer-events:none}gxg-suggest.gxg--disabled ch-suggest::part(input){background-color:var(--gray-01);color:var(--color-on-disabled)}gxg-suggest[ellipsis]:not([ellipsis=false]) ch-suggest-list-item::part(content-wrapper){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}ch-suggest-list{margin:var(--spacing-comp-01) 0;font-family:inherit;border:var(--border-width-sm) solid var(--gxg-border-color--regular)}ch-suggest-list:first-child{margin-top:0}ch-suggest-list:last-child{margin-bottom:0}ch-suggest-list::part(title){text-transform:uppercase;font-weight:var(--font-weight-semibold);margin:var(--spacing-comp-01) 0 0 0;padding:var(--spacing-comp-01) var(--spacing-comp-02)}ch-suggest-list-item{}ch-suggest-list-item::part(button){padding:var(--spacing-comp-01) var(--spacing-comp-02);align-items:center;gap:var(--spacing-comp-01);box-sizing:border-box}ch-suggest-list-item::part(button):focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}ch-suggest-list-item::part(description)::before{content:" - "}ch-suggest-list-item gxg-icon::part(ch-icon){--icon-size:16px;margin-right:2px}ch-suggest-list-item:hover{background-color:var(--gxg-background-color-item-hover)}';export{n as gxg_suggest}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e,H as r,g as o}from"./p-f9f51980.js";import{K as i}from"./p-6a84b339.js";const a=class{constructor(e){t(this,e),this._menuHeight="0px",this._mouseOutDelay=1e3,this._transitionDuration=200,this._enabledItems=[],this.hidden=!0,this.hideOnSelect=!0,this.ellipsis=!0,this.setFocusFirstItem=()=>{this.el.querySelector("gxg-menu-item").focus()},this.assignEllipsis=()=>{if(this.ellipsis){const t=this.el.querySelectorAll("gxg-menu-item");t&&t.forEach((t=>{t.ellipsis=!0}))}},this.attachMouseOut=()=>{this.el.addEventListener("mouseout",this.detectMouseOut)},this.removeMouseOut=()=>{this.el.removeEventListener("mouseout",this.detectMouseOut)},this.detectMouseOut=t=>{const e=t.relatedTarget.nodeName;"GXG-MENU"!==e&&"GXG-MENU-LIST"!==e&&"GXG-MENU-ITEM"!==e&&this.startMouseOutTimeout()},this.attachMouseEnter=()=>{this.el.addEventListener("mouseenter",this.detectMouseEnter)},this.removeMouseEnter=()=>{this.el.removeEventListener("mouseenter",this.detectMouseEnter)},this.detectMouseEnter=()=>{this.clearMouseOutTimeout()},this.attachDetectClickOutside=()=>{document.addEventListener("click",this.detectClickOutside)},this.removeDetectClickOutside=()=>{document.removeEventListener("click",this.detectClickOutside)},this.detectClickOutside=t=>{const e=(t=>{const e=t.x,r=t.y,o=this.el.getBoundingClientRect();return!(e>o.left&&e<o.right&&r>o.top&&r<o.bottom||0===t.screenX&&0===t.screenY&&0===t.clientX&&0===t.clientY)})(t);this.hidden=!!e},this.getEnabledItems=()=>{this.el.querySelectorAll("gxg-menu-item").forEach((t=>{t.disabled||this._enabledItems.push(t)}))}}hiddenHandler(t){t?(this._menuHeight="0px",this.el.setAttribute("tabindex","-1"),this.removeDetectClickOutside(),this.removeMouseOut(),this.removeMouseEnter()):(this._menuHeight=this.innerWrapper.offsetHeight+"px",this.el.removeAttribute("tabindex"),setTimeout((()=>{this.setFocusFirstItem(),this.attachDetectClickOutside(),this.attachMouseOut(),this.attachMouseEnter()}),this._transitionDuration))}componentWillLoad(){this.assignEllipsis(),clearTimeout(this.mouseOutTimeout),this.getEnabledItems()}componentDidUnload(){this.removeDetectClickOutside(),this.removeMouseOut(),this.removeMouseEnter()}itemSelectedHandler(t){Array.from(this.el.querySelectorAll("gxg-menu-item")).forEach((e=>{t.detail.ref!==e&&(e.active=!1)})),this.hideOnSelect&&(this.hidden=!0)}keyboardNavigationHandler(t){const e=t.detail.ref,r=this._enabledItems.findIndex((t=>t===e));let o;if(-1!==r&&t.detail.key===i.ARROW_UP){const t=this._enabledItems[r-1];(null==t?void 0:t.active)&&t.previousElementSibling?o=t.previousElementSibling:t&&(o=t)}else if(-1!==r&&t.detail.key===i.ARROW_DOWN){const t=this._enabledItems[r+1];(null==t?void 0:t.active)&&t.nextElementSibling?o=t.nextElementSibling:t&&(o=t)}o&&o.focus()}startMouseOutTimeout(){this.mouseOutTimeout=setTimeout((()=>{this.hidden=!0}),this._mouseOutDelay)}clearMouseOutTimeout(){clearTimeout(this.mouseOutTimeout)}renderTitle(){return this.menuTitle?e("header",{class:"menu__header",part:"header"},e("h1",{class:"menu__header__title",part:"title"},this.menuTitle)):null}render(){return e(r,{tabindex:"-1"},e("div",{class:{"outer-wrapper":!0},style:{height:this._menuHeight,transitionDuration:`${this._transitionDuration}ms`},part:"outer-wrapper"},e("div",{class:"inner-wrapper",ref:t=>this.innerWrapper=t,part:"inner-wrapper"},this.renderTitle(),e("div",{class:"lists-wrapper",part:"lists-wrapper"},e("slot",null)))))}get el(){return o(this)}static get watchers(){return{hidden:["hiddenHandler"]}}};a.style="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}:host{display:inline-block;position:absolute}.outer-wrapper{color:var(--color-on-background);font-family:var(--font-family-primary);overflow:hidden;box-shadow:var(--box-shadow-01);background:var(--color-background);transition-property:height}.inner-wrapper{border-radius:var(--border-width-md);box-sizing:border-box}.menu__header{border-bottom-style:var(--border-style-regular);border-bottom-width:var(--border-width-sm);border-bottom-color:var(--gray-03)}.menu__header__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;margin-top:0;margin-bottom:0;padding:var(--spacing-comp-01) var(--spacing-comp-03)}:host([full-width]){width:100% !important}:host([tabs]) .menu-list{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}:host([tabs]) .menu-list ::slotted(gxg-menu-item){text-transform:uppercase}:host ::slotted(gxg-menu-list){border-bottom-style:var(--border-style-regular);border-bottom-width:var(--border-width-sm);border-bottom-color:var(--gray-03)}:host ::slotted(gxg-menu-list){border-bottom:none}";export{a as gxg_menu}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,c as t,h as e,H as o,g as a}from"./p-f9f51980.js";import{c as n,g as i}from"./p-64765a81.js";import{s}from"./p-8d3073b6.js";import{e as l}from"./p-d8501cb4.js";var c=n((function(r){window,r.exports=function(r){var t={};function e(o){if(t[o])return t[o].exports;var a=t[o]={i:o,l:!1,exports:{}};return r[o].call(a.exports,a,a.exports,e),a.l=!0,a.exports}return e.m=r,e.c=t,e.d=function(r,t,o){e.o(r,t)||Object.defineProperty(r,t,{enumerable:!0,get:o})},e.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},e.t=function(r,t){if(1&t&&(r=e(r)),8&t)return r;if(4&t&&"object"==typeof r&&r&&r.__esModule)return r;var o=Object.create(null);if(e.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:r}),2&t&&"string"!=typeof r)for(var a in r)e.d(o,a,function(t){return r[t]}.bind(null,a));return o},e.n=function(r){var t=r&&r.__esModule?function(){return r.default}:function(){return r};return e.d(t,"a",t),t},e.o=function(r,t){return Object.prototype.hasOwnProperty.call(r,t)},e.p="",e(e.s=0)}([function(r,t,e){e.r(t);var o=[],a=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],n=["January","February","March","April","May","June","July","August","September","October","November","December"],i={t:"top",r:"right",b:"bottom",l:"left",c:"centered"};function s(){}var l=["click","focusin","keydown","input"];function c(r){l.forEach((function(t){r.addEventListener(t,r===document?j:E)}))}function d(r){return Array.isArray(r)?r.map(d):"[object Object]"===M(r)?Object.keys(r).reduce((function(t,e){return t[e]=d(r[e]),t}),{}):r}function f(r,t){var e=r.calendar.querySelector(".qs-overlay"),o=e&&!e.classList.contains("qs-hidden");t=t||new Date(r.currentYear,r.currentMonth),r.calendar.innerHTML=[u(t,r,o),g(t,r,o),v(r,o)].join(""),o&&window.requestAnimationFrame((function(){z(!0,r)}))}function u(r,t,e){return['<div class="qs-controls'+(e?" qs-blur":"")+'">','<div class="qs-arrow qs-left"></div>','<div class="qs-month-year'+(t.disableYearOverlay?" qs-disabled-year-overlay":"")+'">','<span class="qs-month">'+t.months[r.getMonth()]+"</span>",'<span class="qs-year">'+r.getFullYear()+"</span>","</div>",'<div class="qs-arrow qs-right"></div>',"</div>"].join("")}function g(r,t,e){var o=t.currentMonth,a=t.currentYear,n=t.dateSelected,i=t.maxDate,s=t.minDate,l=t.showAllDates,c=t.days,d=t.disabledDates,f=t.startDay,u=t.weekendIndices,g=t.events,v=t.getRange?t.getRange():{},m=+v.start,p=+v.end,h=w(new Date(r).setDate(1)),b=h.getDay()-f,y=b<0?7:0;h.setMonth(h.getMonth()+1),h.setDate(0);var q=h.getDate(),x=[],k=y+7*((b+q)/7|0);k+=(b+q)%7?7:0;for(var z=1;z<=k;z++){var D=(z-1)%7,M=c[D],S=z-(b>=0?b:7+b),j=new Date(a,o,S),E=g[+j],O=S<1||S>q,A=O?S<1?-1:1:0,N=O&&!l,J=N?"":j.getDate(),T=D===u[0]||D===u[1],C=m!==p,I="qs-square "+M;E&&!N&&(I+=" qs-event"),O&&(I+=" qs-outside-current-month"),!l&&O||(I+=" qs-num"),+j==+n&&(I+=" qs-active"),(d[+j]||t.disabler(j)||T&&t.noWeekends||s&&+j<+s||i&&+j>+i)&&!N&&(I+=" qs-disabled"),+w(new Date)==+j&&(I+=" qs-current"),+j===m&&p&&C&&(I+=" qs-range-start"),+j>m&&+j<p&&(I+=" qs-range-middle"),+j===p&&m&&C&&(I+=" qs-range-end"),N&&(I+=" qs-empty",J=""),x.push('<div class="'+I+'" data-direction="'+A+'">'+J+"</div>")}var P=c.map((function(r){return'<div class="qs-square qs-day">'+r+"</div>"})).concat(x);return P.unshift('<div class="qs-squares'+(e?" qs-blur":"")+'">'),P.push("</div>"),P.join("")}function v(r,t){var e=r.overlayButton;return['<div class="qs-overlay'+(t?"":" qs-hidden")+'">',"<div>",'<input class="qs-overlay-year" placeholder="'+r.overlayPlaceholder+'" inputmode="numeric" />','<div class="qs-close">✕</div>',"</div>",'<div class="qs-overlay-month-container">'+r.overlayMonths.map((function(r,t){return'<div class="qs-overlay-month" data-month-num="'+t+'">'+r+"</div>"})).join("")+"</div>",'<div class="qs-submit qs-disabled">'+e+"</div>","</div>"].join("")}function m(r,t,e){var o=t.el,a=t.calendar.querySelector(".qs-active"),n=t.sibling;(o.disabled||o.readOnly)&&t.respectDisabledReadOnly||(t.dateSelected=e?void 0:new Date(t.currentYear,t.currentMonth,r.textContent),a&&a.classList.remove("qs-active"),e||r.classList.add("qs-active"),h(o,t,e),e||x(t),n&&(p({instance:t,deselect:e}),t.first&&!n.dateSelected&&(n.currentYear=t.currentYear,n.currentMonth=t.currentMonth,n.currentMonthName=t.currentMonthName),f(t),f(n)),t.onSelect(t,e?void 0:new Date(t.dateSelected)))}function p(r){var t=r.instance.first?r.instance:r.instance.sibling,e=t.sibling;t===r.instance?r.deselect?(t.minDate=t.originalMinDate,e.minDate=e.originalMinDate):e.minDate=t.dateSelected:r.deselect?(e.maxDate=e.originalMaxDate,t.maxDate=t.originalMaxDate):t.maxDate=e.dateSelected}function h(r,t,e){if(!t.nonInput)return e?r.value="":t.formatter!==s?t.formatter(r,t.dateSelected,t):void(r.value=t.dateSelected.toDateString())}function b(r,t,e,o){e||o?(e&&(t.currentYear=+e),o&&(t.currentMonth=+o)):(t.currentMonth+=r.contains("qs-right")?1:-1,12===t.currentMonth?(t.currentMonth=0,t.currentYear++):-1===t.currentMonth&&(t.currentMonth=11,t.currentYear--)),t.currentMonthName=t.months[t.currentMonth],f(t),t.onMonthChange(t)}function y(r){if(!r.noPosition){var t=r.position.top,e=r.position.right;if(r.position.centered)return r.calendarContainer.classList.add("qs-centered");var o=r.positionedEl.getBoundingClientRect(),a=r.el.getBoundingClientRect(),n=r.calendarContainer.getBoundingClientRect(),i=a.left-o.left+(e?a.width-n.width:0)+"px";r.calendarContainer.style.setProperty("top",a.top-o.top+(t?-1*n.height:a.height)+"px"),r.calendarContainer.style.setProperty("left",i)}}function q(r){return"[object Date]"===M(r)&&"Invalid Date"!==r.toString()}function w(r){if(q(r)||"number"==typeof r&&!isNaN(r)){var t=new Date(+r);return new Date(t.getFullYear(),t.getMonth(),t.getDate())}}function x(r){r.disabled||!r.calendarContainer.classList.contains("qs-hidden")&&!r.alwaysShow&&("overlay"!==r.defaultView&&z(!0,r),r.calendarContainer.classList.add("qs-hidden"),r.onHide(r))}function k(r){r.disabled||(r.calendarContainer.classList.remove("qs-hidden"),"overlay"===r.defaultView&&z(!1,r),y(r),r.onShow(r))}function z(r,t){var e=t.calendar,o=e.querySelector(".qs-overlay"),a=o.querySelector(".qs-overlay-year"),n=e.querySelector(".qs-controls"),i=e.querySelector(".qs-squares");r?(o.classList.add("qs-hidden"),n.classList.remove("qs-blur"),i.classList.remove("qs-blur"),a.value=""):(o.classList.remove("qs-hidden"),n.classList.add("qs-blur"),i.classList.add("qs-blur"),a.focus())}function D(r,t,e,o){var a=isNaN(+(new Date).setFullYear(t.value||void 0)),n=a?null:t.value;13===r.which||13===r.keyCode||"click"===r.type?o?b(null,e,n,o):a||t.classList.contains("qs-disabled")||b(null,e,n):e.calendar.contains(t)&&e.calendar.querySelector(".qs-submit").classList[a?"add":"remove"]("qs-disabled")}function M(r){return{}.toString.call(r)}function S(r){o.forEach((function(t){t!==r&&x(t)}))}function j(r){if(!r.__qs_shadow_dom){var t=r.which||r.keyCode,e=r.type,a=r.target,i=a.classList,s=o.filter((function(r){return r.calendar.contains(a)||r.el===a}))[0],l=s&&s.calendar.contains(a);if(!(s&&s.isMobile&&s.disableMobile))if("click"===e){if(!s)return o.forEach(x);if(s.disabled)return;var c=s.calendar,d=s.calendarContainer,u=s.disableYearOverlay,g=s.nonInput,v=c.querySelector(".qs-overlay-year"),p=!!c.querySelector(".qs-hidden"),h=c.querySelector(".qs-month-year").contains(a),y=a.dataset.monthNum;if(s.noPosition&&!l)(d.classList.contains("qs-hidden")?k:x)(s);else if(i.contains("qs-arrow"))b(i,s);else if(h||i.contains("qs-close"))u||z(!p,s);else if(y)D(r,v,s,y);else{if(i.contains("qs-disabled"))return;if(i.contains("qs-num")){var q=a.textContent,w=+a.dataset.direction,M=new Date(s.currentYear,s.currentMonth+w,q);if(w){s.currentYear=M.getFullYear(),s.currentMonth=M.getMonth(),s.currentMonthName=n[s.currentMonth],f(s);for(var j,E=s.calendar.querySelectorAll('[data-direction="0"]'),O=0;!j;){var A=E[O];A.textContent===q&&(j=A),O++}a=j}return void(+M==+s.dateSelected?m(a,s,!0):a.classList.contains("qs-disabled")||m(a,s))}i.contains("qs-submit")?D(r,v,s):g&&a===s.el&&(k(s),S(s))}}else if("focusin"===e&&s)k(s),S(s);else if("keydown"===e&&9===t&&s)x(s);else if("keydown"===e&&s&&!s.disabled){var N=!s.calendar.querySelector(".qs-overlay").classList.contains("qs-hidden");13===t&&N&&l?D(r,a,s):27===t&&N&&l&&z(!0,s)}else if("input"===e){if(!s||!s.calendar.contains(a))return;var J=s.calendar.querySelector(".qs-submit"),T=a.value.split("").reduce((function(r,t){return r||"0"!==t?r+(t.match(/[0-9]/)?t:""):""}),"").slice(0,4);a.value=T,J.classList[4===T.length?"remove":"add"]("qs-disabled")}}}function E(r){j(r),r.__qs_shadow_dom=!0}function O(r,t){l.forEach((function(e){r.removeEventListener(e,t)}))}function A(){k(this)}function N(){x(this)}function J(r,t){var e=w(r),o=this.currentYear,a=this.currentMonth,n=this.sibling;if(null==r)return this.dateSelected=void 0,h(this.el,this,!0),n&&(p({instance:this,deselect:!0}),f(n)),f(this),this;if(!q(r))throw new Error("`setDate` needs a JavaScript Date object.");if(this.disabledDates[+e]||e<this.minDate||e>this.maxDate)throw new Error("You can't manually set a date that's disabled.");this.dateSelected=e,t&&(this.currentYear=e.getFullYear(),this.currentMonth=e.getMonth(),this.currentMonthName=this.months[e.getMonth()]),h(this.el,this),n&&(p({instance:this}),f(n));var i=o===e.getFullYear()&&a===e.getMonth();return i||t?f(this,e):i||f(this,new Date(o,a,1)),this}function T(r){return I(this,r,!0)}function C(r){return I(this,r)}function I(r,t,e){var o=r.dateSelected,a=r.first,n=r.sibling,i=r.minDate,s=r.maxDate,l=w(t),c=e?"Min":"Max";function d(){return"original"+c+"Date"}function u(){return c.toLowerCase()+"Date"}function g(){return"set"+c}function v(){throw new Error("Out-of-range date passed to "+g())}if(null==t)r[d()]=void 0,n?(n[d()]=void 0,e?(a&&!o||!a&&!n.dateSelected)&&(r.minDate=void 0,n.minDate=void 0):(a&&!n.dateSelected||!a&&!o)&&(r.maxDate=void 0,n.maxDate=void 0)):r[u()]=void 0;else{if(!q(t))throw new Error("Invalid date passed to "+g());n?((a&&e&&l>(o||s)||a&&!e&&l<(n.dateSelected||i)||!a&&e&&l>(n.dateSelected||s)||!a&&!e&&l<(o||i))&&v(),r[d()]=l,n[d()]=l,(e&&(a&&!o||!a&&!n.dateSelected)||!e&&(a&&!n.dateSelected||!a&&!o))&&(r[u()]=l,n[u()]=l)):((e&&l>(o||s)||!e&&l<(o||i))&&v(),r[u()]=l)}return n&&f(n),f(r),r}function P(){var r=this.first?this:this.sibling;return{start:r.dateSelected,end:r.sibling.dateSelected}}function W(){var r=this.shadowDom,t=this.positionedEl,e=this.calendarContainer,a=this.sibling,n=this;this.inlinePosition&&(o.some((function(r){return r!==n&&r.positionedEl===t}))||t.style.setProperty("position",null)),e.remove(),o=o.filter((function(r){return r!==n})),a&&delete a.sibling,o.length||O(document,j);var i=o.some((function(t){return t.shadowDom===r}));for(var s in r&&!i&&O(r,E),this)delete this[s];o.length||l.forEach((function(r){document.removeEventListener(r,j)}))}function Y(r,t){var e=new Date(r);if(!q(e))throw new Error("Invalid date passed to `navigate`");this.currentYear=e.getFullYear(),this.currentMonth=e.getMonth(),f(this),t&&this.onMonthChange(this)}function F(){var r=!this.calendarContainer.classList.contains("qs-hidden"),t=!this.calendarContainer.querySelector(".qs-overlay").classList.contains("qs-hidden");r&&z(t,this)}t.default=function(r,t){var e=function(r,t){var e,l,c=function(r){var t=d(r);t.events&&(t.events=t.events.reduce((function(r,t){if(!q(t))throw new Error('"options.events" must only contain valid JavaScript Date objects.');return r[+w(t)]=!0,r}),{})),["startDate","dateSelected","minDate","maxDate"].forEach((function(r){var e=t[r];if(e&&!q(e))throw new Error('"options.'+r+'" needs to be a valid JavaScript Date object.');t[r]=w(e)}));var e=t.position,n=t.maxDate,l=t.minDate,c=t.dateSelected,f=t.overlayPlaceholder,u=t.overlayButton,g=t.startDay,v=t.id;if(t.startDate=w(t.startDate||c||new Date),t.disabledDates=(t.disabledDates||[]).reduce((function(r,t){var e=+w(t);if(!q(t))throw new Error('You supplied an invalid date to "options.disabledDates".');if(e===+w(c))throw new Error('"disabledDates" cannot contain the same date as "dateSelected".');return r[e]=1,r}),{}),t.hasOwnProperty("id")&&null==v)throw new Error("`id` cannot be `null` or `undefined`");if(null!=v){var m=o.filter((function(r){return r.id===v}));if(m.length>1)throw new Error("Only two datepickers can share an id.");m.length?(t.second=!0,t.sibling=m[0]):t.first=!0}var p=["tr","tl","br","bl","c"].some((function(r){return e===r}));if(e&&!p)throw new Error('"options.position" must be one of the following: tl, tr, bl, br, or c.');function h(r){throw new Error('"dateSelected" in options is '+(r?"less":"greater")+' than "'+(r||"max")+'Date".')}if(t.position=function(r){var t=r[1],e={};return e[i[r[0]]]=1,t&&(e[i[t]]=1),e}(e||"bl"),n<l)throw new Error('"maxDate" in options is less than "minDate".');if(c&&(l>c&&h("min"),n<c&&h()),["onSelect","onShow","onHide","onMonthChange","formatter","disabler"].forEach((function(r){"function"!=typeof t[r]&&(t[r]=s)})),["customDays","customMonths","customOverlayMonths"].forEach((function(r,e){var o=t[r],a=e?12:7;if(o){if(!Array.isArray(o)||o.length!==a||o.some((function(r){return"string"!=typeof r})))throw new Error('"'+r+'" must be an array with '+a+" strings.");t[e?e<2?"months":"overlayMonths":"days"]=o}})),g&&g>0&&g<7){var b=(t.customDays||a).slice(),y=b.splice(0,g);t.customDays=b.concat(y),t.startDay=+g,t.weekendIndices=[b.length-1,b.length]}else t.startDay=0,t.weekendIndices=[6,0];"string"!=typeof f&&delete t.overlayPlaceholder,"string"!=typeof u&&delete t.overlayButton;var x=t.defaultView;if(x&&"calendar"!==x&&"overlay"!==x)throw new Error('options.defaultView must either be "calendar" or "overlay".');return t.defaultView=x||"calendar",t}(t||{startDate:w(new Date),position:"bl",defaultView:"calendar"}),f=r;if("string"==typeof f)f="#"===f[0]?document.getElementById(f.slice(1)):document.querySelector(f);else{if("[object ShadowRoot]"===M(f))throw new Error("Using a shadow DOM as your selector is not supported.");for(var u,g=f.parentNode;!u;){var v=M(g);"[object HTMLDocument]"===v?u=!0:"[object ShadowRoot]"===v?(u=!0,e=g,l=g.host):g=g.parentNode}}if(!f)throw new Error("No selector / element found.");if(o.some((function(r){return r.el===f})))throw new Error("A datepicker already exists on that element.");var m=f===document.body,p=e?f.parentElement||e:m?document.body:f.parentElement,b=e?f.parentElement||l:p,y=document.createElement("div"),x=document.createElement("div");y.className="qs-datepicker-container qs-hidden",x.className="qs-datepicker";var z={shadowDom:e,customElement:l,positionedEl:b,el:f,parent:p,nonInput:"INPUT"!==f.nodeName,noPosition:m,position:!m&&c.position,startDate:c.startDate,dateSelected:c.dateSelected,disabledDates:c.disabledDates,minDate:c.minDate,maxDate:c.maxDate,noWeekends:!!c.noWeekends,weekendIndices:c.weekendIndices,calendarContainer:y,calendar:x,currentMonth:(c.startDate||c.dateSelected).getMonth(),currentMonthName:(c.months||n)[(c.startDate||c.dateSelected).getMonth()],currentYear:(c.startDate||c.dateSelected).getFullYear(),events:c.events||{},defaultView:c.defaultView,setDate:J,remove:W,setMin:T,setMax:C,show:A,hide:N,navigate:Y,toggleOverlay:F,onSelect:c.onSelect,onShow:c.onShow,onHide:c.onHide,onMonthChange:c.onMonthChange,formatter:c.formatter,disabler:c.disabler,months:c.months||n,days:c.customDays||a,startDay:c.startDay,overlayMonths:c.overlayMonths||(c.months||n).map((function(r){return r.slice(0,3)})),overlayPlaceholder:c.overlayPlaceholder||"4-digit year",overlayButton:c.overlayButton||"Submit",disableYearOverlay:!!c.disableYearOverlay,disableMobile:!!c.disableMobile,isMobile:"ontouchstart"in window,alwaysShow:!!c.alwaysShow,id:c.id,showAllDates:!!c.showAllDates,respectDisabledReadOnly:!!c.respectDisabledReadOnly,first:c.first,second:c.second};if(c.sibling){var D=c.sibling,S=z,j=D.minDate||S.minDate,E=D.maxDate||S.maxDate;S.sibling=D,D.sibling=S,D.minDate=j,D.maxDate=E,S.minDate=j,S.maxDate=E,D.originalMinDate=j,D.originalMaxDate=E,S.originalMinDate=j,S.originalMaxDate=E,D.getRange=P,S.getRange=P}c.dateSelected&&h(f,z);var O=getComputedStyle(b).position;m||O&&"static"!==O||(z.inlinePosition=!0,b.style.setProperty("position","relative"));var I=o.filter((function(r){return r.positionedEl===z.positionedEl}));return I.some((function(r){return r.inlinePosition}))&&(z.inlinePosition=!0,I.forEach((function(r){r.inlinePosition=!0}))),y.appendChild(x),p.appendChild(y),z.alwaysShow&&k(z),z}(r,t);if(o.length||c(document),e.shadowDom&&(o.some((function(r){return r.shadowDom===e.shadowDom}))||c(e.shadowDom)),o.push(e),e.second){var l=e.sibling;p({instance:e,deselect:!e.dateSelected}),p({instance:l,deselect:!l.dateSelected}),f(l)}return f(e,e.startDate||e.dateSelected),e.alwaysShow&&y(e),e}}]).default}));const d=i(c),f=class{constructor(e){r(this,e),this.valueChanged=t(this,"valueChanged",7),this.parts={input:"input"},this.alwaysShow=!1,this.label=void 0,this.noWeekends=!1,this.maxWidth="100%",this.rtl=!1,this.attachExportParts=()=>{const r=this.el.getAttribute("part"),t=l(r,this.parts);t.length&&(this.exportparts=t)}}componentWillLoad(){this.attachExportParts()}componentDidLoad(){const r=document.getElementsByTagName("html")[0].getAttribute("dir"),t=document.getElementsByTagName("body")[0].getAttribute("dir");"rtl"!==r&&"rtl"!==t||(this.rtl=!0);let e=new Date;if(void 0!==this.value&&""!==this.value){const r=new Date(this.value);"[object Date]"===Object.prototype.toString.call(r)&&(isNaN(r.getTime())||(e=new Date(this.value)))}const o=e.getFullYear(),a=e.getMonth(),n=e.getDate(),i=this.minDate?new Date(this.minDate):void 0,s=null==i?void 0:i.getFullYear(),l=null==i?void 0:i.getMonth(),c=null==i?void 0:i.getDate(),f=this.maxDate?new Date(this.maxDate):void 0,u=null==f?void 0:f.getFullYear(),g=null==f?void 0:f.getMonth(),v=null==f?void 0:f.getDate(),m=this.el.shadowRoot.querySelector("#date-picker");d(m,{onSelect:r=>{const t=r.dateSelected;this.valueChanged.emit(t),this.value=t},formatter:(r,t)=>{r.value=t.toDateString()},position:"bl",startDay:1,customDays:["S","M","T","W","T","F","S"],customMonths:["January","February","March","April","May","June","July","August","September","October","November","December"],customOverlayMonths:["JAN","FEB","MAR","APR","MAY","JUN","JUL","AUG","SEP","OCT","NOV","DEC"],overlayButton:"Go!",overlayPlaceholder:"Enter a 4-digit year",alwaysShow:this.alwaysShow,dateSelected:new Date(o,a,n),maxDate:f&&new Date(u,g,v),minDate:i&&new Date(s,l,c),startDate:this.value,showAllDates:!0,noWeekends:this.noWeekends,disabler:r=>2===r.getDay()&&9===r.getMonth(),disableMobile:!0,disableYearOverlay:!1,id:"date-picker"}).calendarContainer.style.setProperty("font-size","9px")}render(){return e(o,{class:{rtl:this.rtl,large:s.large},style:{maxWidth:this.maxWidth},exportParts:this.exportparts?this.exportparts:null},this.label?e("gxg-label",{class:"label"},this.label):null,e("input",{type:"text",id:"date-picker",part:this.parts.input,readOnly:!0}))}get el(){return a(this)}};f.style='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.qs-datepicker-container{font-size:1rem;font-family:sans-serif;color:black;position:absolute;width:15.625em;display:flex;flex-direction:column;z-index:9001;user-select:none;border:1px solid gray;border-radius:0.263921875em;overflow:hidden;background:white;box-shadow:0 1.25em 1.25em -0.9375em rgba(0, 0, 0, 0.3)}.qs-datepicker-container *{box-sizing:border-box}.qs-centered{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%)}.qs-hidden{display:none}.qs-overlay{position:absolute;top:0;left:0;background:rgba(0, 0, 0, 0.75);color:white;width:100%;height:100%;padding:0.5em;z-index:1;opacity:1;transition:opacity 0.3s;display:flex;flex-direction:column}.qs-overlay.qs-hidden{opacity:0;z-index:-1}.qs-overlay .qs-overlay-year{border:none;background:transparent;border-bottom:1px solid white;border-radius:0;color:white;font-size:0.875em;padding:0.25em 0;width:80%;text-align:center;margin:0 auto;display:block}.qs-overlay .qs-overlay-year::-webkit-inner-spin-button{-webkit-appearance:none}.qs-overlay .qs-close{padding:0.5em;cursor:pointer;position:absolute;top:0;right:0}.qs-overlay .qs-submit{border:1px solid white;border-radius:0.263921875em;padding:0.5em;margin:0 auto auto;cursor:pointer;background:rgba(128, 128, 128, 0.4)}.qs-overlay .qs-submit.qs-disabled{color:gray;border-color:gray;cursor:not-allowed}.qs-overlay .qs-overlay-month-container{display:flex;flex-wrap:wrap;flex-grow:1}.qs-overlay .qs-overlay-month{display:flex;justify-content:center;align-items:center;width:calc(100% / 3);cursor:pointer;opacity:0.5;transition:opacity 0.15s}.qs-overlay .qs-overlay-month.active,.qs-overlay .qs-overlay-month:hover{opacity:1}.qs-controls{width:100%;display:flex;justify-content:space-between;align-items:center;flex-grow:1;flex-shrink:0;background:lightgray;filter:blur(0px);transition:filter 0.3s}.qs-controls.qs-blur{filter:blur(5px)}.qs-arrow{height:1.5625em;width:1.5625em;position:relative;cursor:pointer;border-radius:0.263921875em;transition:background 0.15s}.qs-arrow:hover{background:rgba(0, 0, 0, 0.1)}.qs-arrow:hover.qs-left:after{border-right-color:black}.qs-arrow:hover.qs-right:after{border-left-color:black}.qs-arrow:after{content:"";border:0.390625em solid transparent;position:absolute;top:50%;transition:border 0.2s}.qs-arrow.qs-left:after{border-right-color:gray;right:50%;transform:translate(25%, -50%)}.qs-arrow.qs-right:after{border-left-color:gray;left:50%;transform:translate(-25%, -50%)}.qs-month-year{font-weight:bold;transition:border 0.2s;border-bottom:1px solid transparent;cursor:pointer}.qs-month-year:hover{border-bottom:1px solid gray}.qs-month-year:focus,.qs-month-year:active:focus{outline:none}.qs-month{padding-right:0.5ex}.qs-year{padding-left:0.5ex}.qs-squares{display:flex;flex-wrap:wrap;padding:0.3125em;filter:blur(0px);transition:filter 0.3s}.qs-squares.qs-blur{filter:blur(5px)}.qs-square{width:calc(100% / 7);height:1.5625em;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.1s;border-radius:0.263921875em}.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background:orange}.qs-current{font-weight:bold;text-decoration:underline}.qs-active,.qs-range-start,.qs-range-end{background:lightblue}.qs-range-start:not(.qs-range-6){border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-middle{background:#d4ebf2}.qs-range-middle:not(.qs-range-0):not(.qs-range-6){border-radius:0}.qs-range-middle.qs-range-0{border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-middle.qs-range-6{border-top-left-radius:0;border-bottom-left-radius:0}.qs-range-end:not(.qs-range-0){border-top-left-radius:0;border-bottom-left-radius:0}.qs-disabled,.qs-outside-current-month{opacity:0.2}.qs-disabled{cursor:not-allowed}.qs-empty{cursor:default}.qs-day{cursor:default;font-weight:bold;color:gray}.qs-event{position:relative}.qs-event:after{content:"";position:absolute;width:0.46875em;height:0.46875em;border-radius:50%;background:#07f;bottom:0;right:0}:host{display:block}:host label{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;display:flex;align-items:center;cursor:default}#date-picker{width:100%;font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;border-width:var(--border-width-sm);border-color:var(--gray-02);border-style:var(--border-style-regular);border-radius:var(--border-radius-sm);padding-left:var(--spacing-comp-01);padding-right:var(--spacing-comp-01);color:var(--color-on-background);background-color:var(--color-background);height:20px;box-sizing:border-box;padding:0 5px;cursor:pointer;z-index:100}#date-picker:focus{outline-style:solid;outline-color:var(--color-primary-enabled);outline-width:var(--border-width-md);outline-offset:-2px}.qs-datepicker{padding:4px 0 0 0}.qs-datepicker-container{border:none;box-shadow:var(--box-shadow-01);padding:0;width:181px;background:var(--color-background);margin-top:6px}.qs-datepicker .qs-controls{background-color:transparent;color:var(--color-on-background)}.qs-datepicker .qs-square{border:1px solid var(--gray-01);border-radius:0;width:var(--spacing-comp-05);height:var(--spacing-comp-05);margin:0.5px;color:var(--color-on-background);font-family:var(--font-family-primary)}.qs-month-year{font-size:var(--font-size-xs);font-family:var(--font-family-primary);text-transform:uppercase;font-weight:var(--font-weight-regular)}.qs-datepicker .qs-square.qs-day{color:var(--color-on-background);border:0;height:var(--spacing-comp-04);font-family:var(--font-family-primary);font-weight:var(--font-weight-extra-bold)}.qs-datepicker .qs-square.qs-active,.qs-datepicker .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background-color:var(--color-primary-hover-opacity-01);border-color:var(--color-primary-active)}.qs-datepicker .qs-arrow:after{width:3px;height:3px;border:1px solid black;top:4px}.qs-datepicker .qs-arrow:hover{background-color:transparent}.qs-datepicker .qs-arrow:hover:after{border-color:var(--color-primary-active)}.qs-datepicker .qs-arrow.qs-right:after,.qs-datepicker .qs-arrow.qs-left:after{border-color:var(--color-on-background)}.qs-datepicker .qs-arrow.qs-left:after{border-right:0;border-bottom:0;transform:rotate(-45deg) !important;left:13px}.qs-datepicker .qs-arrow.qs-right:after{border-left:0;border-bottom:0;transform:rotate(45deg) !important;left:-4px}.qs-disabled,.qs-outside-current-month{opacity:0.4}:host(.rtl) .qs-datepicker-container{right:0}.qs-overlay{background-color:var(--color-background);font-family:var(--font-family-primary)}.qs-overlay .qs-close{color:var(--color-on-background);margin-top:4px;margin-right:4px}.qs-overlay .qs-overlay-year{font-size:var(--font-size-lg);color:var(--color-on-background)}.qs-overlay .qs-overlay-year:focus-visible{outline:none}.qs-overlay .qs-overlay-month{font-size:var(--font-size-lg);color:var(--color-on-background)}.qs-overlay .qs-submit{border-radius:var(--border-radius-xs);border:none;padding:0.2em;padding-inline-start:var(--spacing-comp-04);padding-inline-end:var(--spacing-comp-04);background:var(--color-primary-enabled);font-size:var(--font-size-lg);transition:background 0.25s}.qs-overlay .qs-submit:hover{background:var(--color-primary-hover)}.qs-overlay .qs-submit.qs-disabled{color:var(--color-on-disabled);background:var(--color-primary-disabled);opacity:1}.qs-overlay-month-container{flex-wrap:wrap;flex-grow:0.8;margin-top:10px;margin-bottom:10px}:host(.large) #date-picker{font-size:var(--font-size-lg);height:var(--spacing-comp-05)}:host(.large) label,:host(.large) .qs-month-year,:host(.large) .qs-square.qs-day,:host(.large) .qs-square{font-size:var(--font-size-lg)}';export{f as gxg_date_picker}
|
|
1
|
+
import{r,c as t,h as e,H as o,g as a}from"./p-f9f51980.js";import{c as n,g as i}from"./p-64765a81.js";import{s}from"./p-8d3073b6.js";import{e as l}from"./p-d8501cb4.js";var c=n((function(r){window,r.exports=function(r){var t={};function e(o){if(t[o])return t[o].exports;var a=t[o]={i:o,l:!1,exports:{}};return r[o].call(a.exports,a,a.exports,e),a.l=!0,a.exports}return e.m=r,e.c=t,e.d=function(r,t,o){e.o(r,t)||Object.defineProperty(r,t,{enumerable:!0,get:o})},e.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},e.t=function(r,t){if(1&t&&(r=e(r)),8&t)return r;if(4&t&&"object"==typeof r&&r&&r.__esModule)return r;var o=Object.create(null);if(e.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:r}),2&t&&"string"!=typeof r)for(var a in r)e.d(o,a,function(t){return r[t]}.bind(null,a));return o},e.n=function(r){var t=r&&r.__esModule?function(){return r.default}:function(){return r};return e.d(t,"a",t),t},e.o=function(r,t){return Object.prototype.hasOwnProperty.call(r,t)},e.p="",e(e.s=0)}([function(r,t,e){e.r(t);var o=[],a=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],n=["January","February","March","April","May","June","July","August","September","October","November","December"],i={t:"top",r:"right",b:"bottom",l:"left",c:"centered"};function s(){}var l=["click","focusin","keydown","input"];function c(r){l.forEach((function(t){r.addEventListener(t,r===document?j:E)}))}function d(r){return Array.isArray(r)?r.map(d):"[object Object]"===M(r)?Object.keys(r).reduce((function(t,e){return t[e]=d(r[e]),t}),{}):r}function f(r,t){var e=r.calendar.querySelector(".qs-overlay"),o=e&&!e.classList.contains("qs-hidden");t=t||new Date(r.currentYear,r.currentMonth),r.calendar.innerHTML=[u(t,r,o),g(t,r,o),v(r,o)].join(""),o&&window.requestAnimationFrame((function(){z(!0,r)}))}function u(r,t,e){return['<div class="qs-controls'+(e?" qs-blur":"")+'">','<div class="qs-arrow qs-left"></div>','<div class="qs-month-year'+(t.disableYearOverlay?" qs-disabled-year-overlay":"")+'">','<span class="qs-month">'+t.months[r.getMonth()]+"</span>",'<span class="qs-year">'+r.getFullYear()+"</span>","</div>",'<div class="qs-arrow qs-right"></div>',"</div>"].join("")}function g(r,t,e){var o=t.currentMonth,a=t.currentYear,n=t.dateSelected,i=t.maxDate,s=t.minDate,l=t.showAllDates,c=t.days,d=t.disabledDates,f=t.startDay,u=t.weekendIndices,g=t.events,v=t.getRange?t.getRange():{},m=+v.start,p=+v.end,h=w(new Date(r).setDate(1)),b=h.getDay()-f,y=b<0?7:0;h.setMonth(h.getMonth()+1),h.setDate(0);var q=h.getDate(),x=[],k=y+7*((b+q)/7|0);k+=(b+q)%7?7:0;for(var z=1;z<=k;z++){var D=(z-1)%7,M=c[D],S=z-(b>=0?b:7+b),j=new Date(a,o,S),E=g[+j],O=S<1||S>q,A=O?S<1?-1:1:0,N=O&&!l,J=N?"":j.getDate(),T=D===u[0]||D===u[1],C=m!==p,I="qs-square "+M;E&&!N&&(I+=" qs-event"),O&&(I+=" qs-outside-current-month"),!l&&O||(I+=" qs-num"),+j==+n&&(I+=" qs-active"),(d[+j]||t.disabler(j)||T&&t.noWeekends||s&&+j<+s||i&&+j>+i)&&!N&&(I+=" qs-disabled"),+w(new Date)==+j&&(I+=" qs-current"),+j===m&&p&&C&&(I+=" qs-range-start"),+j>m&&+j<p&&(I+=" qs-range-middle"),+j===p&&m&&C&&(I+=" qs-range-end"),N&&(I+=" qs-empty",J=""),x.push('<div class="'+I+'" data-direction="'+A+'">'+J+"</div>")}var P=c.map((function(r){return'<div class="qs-square qs-day">'+r+"</div>"})).concat(x);return P.unshift('<div class="qs-squares'+(e?" qs-blur":"")+'">'),P.push("</div>"),P.join("")}function v(r,t){var e=r.overlayButton;return['<div class="qs-overlay'+(t?"":" qs-hidden")+'">',"<div>",'<input class="qs-overlay-year" placeholder="'+r.overlayPlaceholder+'" inputmode="numeric" />','<div class="qs-close">✕</div>',"</div>",'<div class="qs-overlay-month-container">'+r.overlayMonths.map((function(r,t){return'<div class="qs-overlay-month" data-month-num="'+t+'">'+r+"</div>"})).join("")+"</div>",'<div class="qs-submit qs-disabled">'+e+"</div>","</div>"].join("")}function m(r,t,e){var o=t.el,a=t.calendar.querySelector(".qs-active"),n=t.sibling;(o.disabled||o.readOnly)&&t.respectDisabledReadOnly||(t.dateSelected=e?void 0:new Date(t.currentYear,t.currentMonth,r.textContent),a&&a.classList.remove("qs-active"),e||r.classList.add("qs-active"),h(o,t,e),e||x(t),n&&(p({instance:t,deselect:e}),t.first&&!n.dateSelected&&(n.currentYear=t.currentYear,n.currentMonth=t.currentMonth,n.currentMonthName=t.currentMonthName),f(t),f(n)),t.onSelect(t,e?void 0:new Date(t.dateSelected)))}function p(r){var t=r.instance.first?r.instance:r.instance.sibling,e=t.sibling;t===r.instance?r.deselect?(t.minDate=t.originalMinDate,e.minDate=e.originalMinDate):e.minDate=t.dateSelected:r.deselect?(e.maxDate=e.originalMaxDate,t.maxDate=t.originalMaxDate):t.maxDate=e.dateSelected}function h(r,t,e){if(!t.nonInput)return e?r.value="":t.formatter!==s?t.formatter(r,t.dateSelected,t):void(r.value=t.dateSelected.toDateString())}function b(r,t,e,o){e||o?(e&&(t.currentYear=+e),o&&(t.currentMonth=+o)):(t.currentMonth+=r.contains("qs-right")?1:-1,12===t.currentMonth?(t.currentMonth=0,t.currentYear++):-1===t.currentMonth&&(t.currentMonth=11,t.currentYear--)),t.currentMonthName=t.months[t.currentMonth],f(t),t.onMonthChange(t)}function y(r){if(!r.noPosition){var t=r.position.top,e=r.position.right;if(r.position.centered)return r.calendarContainer.classList.add("qs-centered");var o=r.positionedEl.getBoundingClientRect(),a=r.el.getBoundingClientRect(),n=r.calendarContainer.getBoundingClientRect(),i=a.left-o.left+(e?a.width-n.width:0)+"px";r.calendarContainer.style.setProperty("top",a.top-o.top+(t?-1*n.height:a.height)+"px"),r.calendarContainer.style.setProperty("left",i)}}function q(r){return"[object Date]"===M(r)&&"Invalid Date"!==r.toString()}function w(r){if(q(r)||"number"==typeof r&&!isNaN(r)){var t=new Date(+r);return new Date(t.getFullYear(),t.getMonth(),t.getDate())}}function x(r){r.disabled||!r.calendarContainer.classList.contains("qs-hidden")&&!r.alwaysShow&&("overlay"!==r.defaultView&&z(!0,r),r.calendarContainer.classList.add("qs-hidden"),r.onHide(r))}function k(r){r.disabled||(r.calendarContainer.classList.remove("qs-hidden"),"overlay"===r.defaultView&&z(!1,r),y(r),r.onShow(r))}function z(r,t){var e=t.calendar,o=e.querySelector(".qs-overlay"),a=o.querySelector(".qs-overlay-year"),n=e.querySelector(".qs-controls"),i=e.querySelector(".qs-squares");r?(o.classList.add("qs-hidden"),n.classList.remove("qs-blur"),i.classList.remove("qs-blur"),a.value=""):(o.classList.remove("qs-hidden"),n.classList.add("qs-blur"),i.classList.add("qs-blur"),a.focus())}function D(r,t,e,o){var a=isNaN(+(new Date).setFullYear(t.value||void 0)),n=a?null:t.value;13===r.which||13===r.keyCode||"click"===r.type?o?b(null,e,n,o):a||t.classList.contains("qs-disabled")||b(null,e,n):e.calendar.contains(t)&&e.calendar.querySelector(".qs-submit").classList[a?"add":"remove"]("qs-disabled")}function M(r){return{}.toString.call(r)}function S(r){o.forEach((function(t){t!==r&&x(t)}))}function j(r){if(!r.__qs_shadow_dom){var t=r.which||r.keyCode,e=r.type,a=r.target,i=a.classList,s=o.filter((function(r){return r.calendar.contains(a)||r.el===a}))[0],l=s&&s.calendar.contains(a);if(!(s&&s.isMobile&&s.disableMobile))if("click"===e){if(!s)return o.forEach(x);if(s.disabled)return;var c=s.calendar,d=s.calendarContainer,u=s.disableYearOverlay,g=s.nonInput,v=c.querySelector(".qs-overlay-year"),p=!!c.querySelector(".qs-hidden"),h=c.querySelector(".qs-month-year").contains(a),y=a.dataset.monthNum;if(s.noPosition&&!l)(d.classList.contains("qs-hidden")?k:x)(s);else if(i.contains("qs-arrow"))b(i,s);else if(h||i.contains("qs-close"))u||z(!p,s);else if(y)D(r,v,s,y);else{if(i.contains("qs-disabled"))return;if(i.contains("qs-num")){var q=a.textContent,w=+a.dataset.direction,M=new Date(s.currentYear,s.currentMonth+w,q);if(w){s.currentYear=M.getFullYear(),s.currentMonth=M.getMonth(),s.currentMonthName=n[s.currentMonth],f(s);for(var j,E=s.calendar.querySelectorAll('[data-direction="0"]'),O=0;!j;){var A=E[O];A.textContent===q&&(j=A),O++}a=j}return void(+M==+s.dateSelected?m(a,s,!0):a.classList.contains("qs-disabled")||m(a,s))}i.contains("qs-submit")?D(r,v,s):g&&a===s.el&&(k(s),S(s))}}else if("focusin"===e&&s)k(s),S(s);else if("keydown"===e&&9===t&&s)x(s);else if("keydown"===e&&s&&!s.disabled){var N=!s.calendar.querySelector(".qs-overlay").classList.contains("qs-hidden");13===t&&N&&l?D(r,a,s):27===t&&N&&l&&z(!0,s)}else if("input"===e){if(!s||!s.calendar.contains(a))return;var J=s.calendar.querySelector(".qs-submit"),T=a.value.split("").reduce((function(r,t){return r||"0"!==t?r+(t.match(/[0-9]/)?t:""):""}),"").slice(0,4);a.value=T,J.classList[4===T.length?"remove":"add"]("qs-disabled")}}}function E(r){j(r),r.__qs_shadow_dom=!0}function O(r,t){l.forEach((function(e){r.removeEventListener(e,t)}))}function A(){k(this)}function N(){x(this)}function J(r,t){var e=w(r),o=this.currentYear,a=this.currentMonth,n=this.sibling;if(null==r)return this.dateSelected=void 0,h(this.el,this,!0),n&&(p({instance:this,deselect:!0}),f(n)),f(this),this;if(!q(r))throw new Error("`setDate` needs a JavaScript Date object.");if(this.disabledDates[+e]||e<this.minDate||e>this.maxDate)throw new Error("You can't manually set a date that's disabled.");this.dateSelected=e,t&&(this.currentYear=e.getFullYear(),this.currentMonth=e.getMonth(),this.currentMonthName=this.months[e.getMonth()]),h(this.el,this),n&&(p({instance:this}),f(n));var i=o===e.getFullYear()&&a===e.getMonth();return i||t?f(this,e):i||f(this,new Date(o,a,1)),this}function T(r){return I(this,r,!0)}function C(r){return I(this,r)}function I(r,t,e){var o=r.dateSelected,a=r.first,n=r.sibling,i=r.minDate,s=r.maxDate,l=w(t),c=e?"Min":"Max";function d(){return"original"+c+"Date"}function u(){return c.toLowerCase()+"Date"}function g(){return"set"+c}function v(){throw new Error("Out-of-range date passed to "+g())}if(null==t)r[d()]=void 0,n?(n[d()]=void 0,e?(a&&!o||!a&&!n.dateSelected)&&(r.minDate=void 0,n.minDate=void 0):(a&&!n.dateSelected||!a&&!o)&&(r.maxDate=void 0,n.maxDate=void 0)):r[u()]=void 0;else{if(!q(t))throw new Error("Invalid date passed to "+g());n?((a&&e&&l>(o||s)||a&&!e&&l<(n.dateSelected||i)||!a&&e&&l>(n.dateSelected||s)||!a&&!e&&l<(o||i))&&v(),r[d()]=l,n[d()]=l,(e&&(a&&!o||!a&&!n.dateSelected)||!e&&(a&&!n.dateSelected||!a&&!o))&&(r[u()]=l,n[u()]=l)):((e&&l>(o||s)||!e&&l<(o||i))&&v(),r[u()]=l)}return n&&f(n),f(r),r}function P(){var r=this.first?this:this.sibling;return{start:r.dateSelected,end:r.sibling.dateSelected}}function W(){var r=this.shadowDom,t=this.positionedEl,e=this.calendarContainer,a=this.sibling,n=this;this.inlinePosition&&(o.some((function(r){return r!==n&&r.positionedEl===t}))||t.style.setProperty("position",null)),e.remove(),o=o.filter((function(r){return r!==n})),a&&delete a.sibling,o.length||O(document,j);var i=o.some((function(t){return t.shadowDom===r}));for(var s in r&&!i&&O(r,E),this)delete this[s];o.length||l.forEach((function(r){document.removeEventListener(r,j)}))}function Y(r,t){var e=new Date(r);if(!q(e))throw new Error("Invalid date passed to `navigate`");this.currentYear=e.getFullYear(),this.currentMonth=e.getMonth(),f(this),t&&this.onMonthChange(this)}function F(){var r=!this.calendarContainer.classList.contains("qs-hidden"),t=!this.calendarContainer.querySelector(".qs-overlay").classList.contains("qs-hidden");r&&z(t,this)}t.default=function(r,t){var e=function(r,t){var e,l,c=function(r){var t=d(r);t.events&&(t.events=t.events.reduce((function(r,t){if(!q(t))throw new Error('"options.events" must only contain valid JavaScript Date objects.');return r[+w(t)]=!0,r}),{})),["startDate","dateSelected","minDate","maxDate"].forEach((function(r){var e=t[r];if(e&&!q(e))throw new Error('"options.'+r+'" needs to be a valid JavaScript Date object.');t[r]=w(e)}));var e=t.position,n=t.maxDate,l=t.minDate,c=t.dateSelected,f=t.overlayPlaceholder,u=t.overlayButton,g=t.startDay,v=t.id;if(t.startDate=w(t.startDate||c||new Date),t.disabledDates=(t.disabledDates||[]).reduce((function(r,t){var e=+w(t);if(!q(t))throw new Error('You supplied an invalid date to "options.disabledDates".');if(e===+w(c))throw new Error('"disabledDates" cannot contain the same date as "dateSelected".');return r[e]=1,r}),{}),t.hasOwnProperty("id")&&null==v)throw new Error("`id` cannot be `null` or `undefined`");if(null!=v){var m=o.filter((function(r){return r.id===v}));if(m.length>1)throw new Error("Only two datepickers can share an id.");m.length?(t.second=!0,t.sibling=m[0]):t.first=!0}var p=["tr","tl","br","bl","c"].some((function(r){return e===r}));if(e&&!p)throw new Error('"options.position" must be one of the following: tl, tr, bl, br, or c.');function h(r){throw new Error('"dateSelected" in options is '+(r?"less":"greater")+' than "'+(r||"max")+'Date".')}if(t.position=function(r){var t=r[1],e={};return e[i[r[0]]]=1,t&&(e[i[t]]=1),e}(e||"bl"),n<l)throw new Error('"maxDate" in options is less than "minDate".');if(c&&(l>c&&h("min"),n<c&&h()),["onSelect","onShow","onHide","onMonthChange","formatter","disabler"].forEach((function(r){"function"!=typeof t[r]&&(t[r]=s)})),["customDays","customMonths","customOverlayMonths"].forEach((function(r,e){var o=t[r],a=e?12:7;if(o){if(!Array.isArray(o)||o.length!==a||o.some((function(r){return"string"!=typeof r})))throw new Error('"'+r+'" must be an array with '+a+" strings.");t[e?e<2?"months":"overlayMonths":"days"]=o}})),g&&g>0&&g<7){var b=(t.customDays||a).slice(),y=b.splice(0,g);t.customDays=b.concat(y),t.startDay=+g,t.weekendIndices=[b.length-1,b.length]}else t.startDay=0,t.weekendIndices=[6,0];"string"!=typeof f&&delete t.overlayPlaceholder,"string"!=typeof u&&delete t.overlayButton;var x=t.defaultView;if(x&&"calendar"!==x&&"overlay"!==x)throw new Error('options.defaultView must either be "calendar" or "overlay".');return t.defaultView=x||"calendar",t}(t||{startDate:w(new Date),position:"bl",defaultView:"calendar"}),f=r;if("string"==typeof f)f="#"===f[0]?document.getElementById(f.slice(1)):document.querySelector(f);else{if("[object ShadowRoot]"===M(f))throw new Error("Using a shadow DOM as your selector is not supported.");for(var u,g=f.parentNode;!u;){var v=M(g);"[object HTMLDocument]"===v?u=!0:"[object ShadowRoot]"===v?(u=!0,e=g,l=g.host):g=g.parentNode}}if(!f)throw new Error("No selector / element found.");if(o.some((function(r){return r.el===f})))throw new Error("A datepicker already exists on that element.");var m=f===document.body,p=e?f.parentElement||e:m?document.body:f.parentElement,b=e?f.parentElement||l:p,y=document.createElement("div"),x=document.createElement("div");y.className="qs-datepicker-container qs-hidden",x.className="qs-datepicker";var z={shadowDom:e,customElement:l,positionedEl:b,el:f,parent:p,nonInput:"INPUT"!==f.nodeName,noPosition:m,position:!m&&c.position,startDate:c.startDate,dateSelected:c.dateSelected,disabledDates:c.disabledDates,minDate:c.minDate,maxDate:c.maxDate,noWeekends:!!c.noWeekends,weekendIndices:c.weekendIndices,calendarContainer:y,calendar:x,currentMonth:(c.startDate||c.dateSelected).getMonth(),currentMonthName:(c.months||n)[(c.startDate||c.dateSelected).getMonth()],currentYear:(c.startDate||c.dateSelected).getFullYear(),events:c.events||{},defaultView:c.defaultView,setDate:J,remove:W,setMin:T,setMax:C,show:A,hide:N,navigate:Y,toggleOverlay:F,onSelect:c.onSelect,onShow:c.onShow,onHide:c.onHide,onMonthChange:c.onMonthChange,formatter:c.formatter,disabler:c.disabler,months:c.months||n,days:c.customDays||a,startDay:c.startDay,overlayMonths:c.overlayMonths||(c.months||n).map((function(r){return r.slice(0,3)})),overlayPlaceholder:c.overlayPlaceholder||"4-digit year",overlayButton:c.overlayButton||"Submit",disableYearOverlay:!!c.disableYearOverlay,disableMobile:!!c.disableMobile,isMobile:"ontouchstart"in window,alwaysShow:!!c.alwaysShow,id:c.id,showAllDates:!!c.showAllDates,respectDisabledReadOnly:!!c.respectDisabledReadOnly,first:c.first,second:c.second};if(c.sibling){var D=c.sibling,S=z,j=D.minDate||S.minDate,E=D.maxDate||S.maxDate;S.sibling=D,D.sibling=S,D.minDate=j,D.maxDate=E,S.minDate=j,S.maxDate=E,D.originalMinDate=j,D.originalMaxDate=E,S.originalMinDate=j,S.originalMaxDate=E,D.getRange=P,S.getRange=P}c.dateSelected&&h(f,z);var O=getComputedStyle(b).position;m||O&&"static"!==O||(z.inlinePosition=!0,b.style.setProperty("position","relative"));var I=o.filter((function(r){return r.positionedEl===z.positionedEl}));return I.some((function(r){return r.inlinePosition}))&&(z.inlinePosition=!0,I.forEach((function(r){r.inlinePosition=!0}))),y.appendChild(x),p.appendChild(y),z.alwaysShow&&k(z),z}(r,t);if(o.length||c(document),e.shadowDom&&(o.some((function(r){return r.shadowDom===e.shadowDom}))||c(e.shadowDom)),o.push(e),e.second){var l=e.sibling;p({instance:e,deselect:!e.dateSelected}),p({instance:l,deselect:!l.dateSelected}),f(l)}return f(e,e.startDate||e.dateSelected),e.alwaysShow&&y(e),e}}]).default}));const d=i(c),f=class{constructor(e){r(this,e),this.valueChanged=t(this,"valueChanged",7),this.parts={input:"input"},this.alwaysShow=!1,this.label=void 0,this.noWeekends=!1,this.maxWidth="100%",this.rtl=!1,this.attachExportParts=()=>{const r=this.el.getAttribute("part"),t=l(r,this.parts);t.length&&(this.exportparts=t)}}componentWillLoad(){this.attachExportParts()}componentDidLoad(){const r=document.getElementsByTagName("html")[0].getAttribute("dir"),t=document.getElementsByTagName("body")[0].getAttribute("dir");"rtl"!==r&&"rtl"!==t||(this.rtl=!0);let e=new Date;if(void 0!==this.value&&""!==this.value){const r=new Date(this.value);"[object Date]"===Object.prototype.toString.call(r)&&(isNaN(r.getTime())||(e=new Date(this.value)))}const o=e.getFullYear(),a=e.getMonth(),n=e.getDate(),i=this.minDate?new Date(this.minDate):void 0,s=null==i?void 0:i.getFullYear(),l=null==i?void 0:i.getMonth(),c=null==i?void 0:i.getDate(),f=this.maxDate?new Date(this.maxDate):void 0,u=null==f?void 0:f.getFullYear(),g=null==f?void 0:f.getMonth(),v=null==f?void 0:f.getDate(),m=this.el.shadowRoot.querySelector("#date-picker");d(m,{onSelect:r=>{const t=r.dateSelected;this.valueChanged.emit(t),this.value=t},formatter:(r,t)=>{r.value=t.toDateString()},position:"bl",startDay:1,customDays:["S","M","T","W","T","F","S"],customMonths:["January","February","March","April","May","June","July","August","September","October","November","December"],customOverlayMonths:["JAN","FEB","MAR","APR","MAY","JUN","JUL","AUG","SEP","OCT","NOV","DEC"],overlayButton:"Go!",overlayPlaceholder:"Enter a 4-digit year",alwaysShow:this.alwaysShow,dateSelected:new Date(o,a,n),maxDate:f&&new Date(u,g,v),minDate:i&&new Date(s,l,c),startDate:this.value,showAllDates:!0,noWeekends:this.noWeekends,disabler:r=>2===r.getDay()&&9===r.getMonth(),disableMobile:!0,disableYearOverlay:!1,id:"date-picker"}).calendarContainer.style.setProperty("font-size","9px")}render(){return e(o,{class:{rtl:this.rtl,large:s.large},style:{maxWidth:this.maxWidth},exportParts:this.exportparts?this.exportparts:null},this.label?e("gxg-label",{class:"label"},this.label):null,e("input",{type:"text",id:"date-picker",part:this.parts.input,readOnly:!0}))}get el(){return a(this)}};f.style='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.qs-datepicker-container{font-size:1rem;font-family:sans-serif;color:black;position:absolute;width:15.625em;display:flex;flex-direction:column;z-index:9001;user-select:none;border:1px solid gray;border-radius:0.263921875em;overflow:hidden;background:white;box-shadow:0 1.25em 1.25em -0.9375em rgba(0, 0, 0, 0.3)}.qs-datepicker-container *{box-sizing:border-box}.qs-centered{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%)}.qs-hidden{display:none}.qs-overlay{position:absolute;top:0;left:0;background:rgba(0, 0, 0, 0.75);color:white;width:100%;height:100%;padding:0.5em;z-index:1;opacity:1;transition:opacity 0.3s;display:flex;flex-direction:column}.qs-overlay.qs-hidden{opacity:0;z-index:-1}.qs-overlay .qs-overlay-year{border:none;background:transparent;border-bottom:1px solid white;border-radius:0;color:white;font-size:0.875em;padding:0.25em 0;width:80%;text-align:center;margin:0 auto;display:block}.qs-overlay .qs-overlay-year::-webkit-inner-spin-button{-webkit-appearance:none}.qs-overlay .qs-close{padding:0.5em;cursor:pointer;position:absolute;top:0;right:0}.qs-overlay .qs-submit{border:1px solid white;border-radius:0.263921875em;padding:0.5em;margin:0 auto auto;cursor:pointer;background:rgba(128, 128, 128, 0.4)}.qs-overlay .qs-submit.qs-disabled{color:gray;border-color:gray;cursor:not-allowed}.qs-overlay .qs-overlay-month-container{display:flex;flex-wrap:wrap;flex-grow:1}.qs-overlay .qs-overlay-month{display:flex;justify-content:center;align-items:center;width:calc(100% / 3);cursor:pointer;opacity:0.5;transition:opacity 0.15s}.qs-overlay .qs-overlay-month.active,.qs-overlay .qs-overlay-month:hover{opacity:1}.qs-controls{width:100%;display:flex;justify-content:space-between;align-items:center;flex-grow:1;flex-shrink:0;background:lightgray;filter:blur(0px);transition:filter 0.3s}.qs-controls.qs-blur{filter:blur(5px)}.qs-arrow{height:1.5625em;width:1.5625em;position:relative;cursor:pointer;border-radius:0.263921875em;transition:background 0.15s}.qs-arrow:hover{background:rgba(0, 0, 0, 0.1)}.qs-arrow:hover.qs-left:after{border-right-color:black}.qs-arrow:hover.qs-right:after{border-left-color:black}.qs-arrow:after{content:"";border:0.390625em solid transparent;position:absolute;top:50%;transition:border 0.2s}.qs-arrow.qs-left:after{border-right-color:gray;right:50%;transform:translate(25%, -50%)}.qs-arrow.qs-right:after{border-left-color:gray;left:50%;transform:translate(-25%, -50%)}.qs-month-year{font-weight:bold;transition:border 0.2s;border-bottom:1px solid transparent;cursor:pointer}.qs-month-year:hover{border-bottom:1px solid gray}.qs-month-year:focus,.qs-month-year:active:focus{outline:none}.qs-month{padding-right:0.5ex}.qs-year{padding-left:0.5ex}.qs-squares{display:flex;flex-wrap:wrap;padding:0.3125em;filter:blur(0px);transition:filter 0.3s}.qs-squares.qs-blur{filter:blur(5px)}.qs-square{width:calc(100% / 7);height:1.5625em;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.1s;border-radius:0.263921875em}.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background:orange}.qs-current{font-weight:bold;text-decoration:underline}.qs-active,.qs-range-start,.qs-range-end{background:lightblue}.qs-range-start:not(.qs-range-6){border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-middle{background:#d4ebf2}.qs-range-middle:not(.qs-range-0):not(.qs-range-6){border-radius:0}.qs-range-middle.qs-range-0{border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-middle.qs-range-6{border-top-left-radius:0;border-bottom-left-radius:0}.qs-range-end:not(.qs-range-0){border-top-left-radius:0;border-bottom-left-radius:0}.qs-disabled,.qs-outside-current-month{opacity:0.2}.qs-disabled{cursor:not-allowed}.qs-empty{cursor:default}.qs-day{cursor:default;font-weight:bold;color:gray}.qs-event{position:relative}.qs-event:after{content:"";position:absolute;width:0.46875em;height:0.46875em;border-radius:50%;background:#07f;bottom:0;right:0}:host{display:block}:host label{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;display:flex;align-items:center;cursor:default}#date-picker{width:100%;font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;border-width:var(--border-width-sm);border-color:var(--gray-02);border-style:var(--border-style-regular);border-radius:var(--border-radius-sm);padding-left:var(--spacing-comp-01);padding-right:var(--spacing-comp-01);color:var(--color-on-background);background-color:var(--color-background);height:20px;box-sizing:border-box;padding:0 5px;cursor:pointer;z-index:100}#date-picker:focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}.qs-datepicker{padding:4px 0 0 0}.qs-datepicker-container{border:none;box-shadow:var(--box-shadow-01);padding:0;width:181px;background:var(--color-background);margin-top:6px}.qs-datepicker .qs-controls{background-color:transparent;color:var(--color-on-background)}.qs-datepicker .qs-square{border:1px solid var(--gray-01);border-radius:0;width:var(--spacing-comp-05);height:var(--spacing-comp-05);margin:0.5px;color:var(--color-on-background);font-family:var(--font-family-primary)}.qs-month-year{font-size:var(--font-size-xs);font-family:var(--font-family-primary);text-transform:uppercase;font-weight:var(--font-weight-regular)}.qs-datepicker .qs-square.qs-day{color:var(--color-on-background);border:0;height:var(--spacing-comp-04);font-family:var(--font-family-primary);font-weight:var(--font-weight-extra-bold)}.qs-datepicker .qs-square.qs-active,.qs-datepicker .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background-color:var(--color-primary-hover-opacity-01);border-color:var(--color-primary-active)}.qs-datepicker .qs-arrow:after{width:3px;height:3px;border:1px solid black;top:4px}.qs-datepicker .qs-arrow:hover{background-color:transparent}.qs-datepicker .qs-arrow:hover:after{border-color:var(--color-primary-active)}.qs-datepicker .qs-arrow.qs-right:after,.qs-datepicker .qs-arrow.qs-left:after{border-color:var(--color-on-background)}.qs-datepicker .qs-arrow.qs-left:after{border-right:0;border-bottom:0;transform:rotate(-45deg) !important;left:13px}.qs-datepicker .qs-arrow.qs-right:after{border-left:0;border-bottom:0;transform:rotate(45deg) !important;left:-4px}.qs-disabled,.qs-outside-current-month{opacity:0.4}:host(.rtl) .qs-datepicker-container{right:0}.qs-overlay{background-color:var(--color-background);font-family:var(--font-family-primary)}.qs-overlay .qs-close{color:var(--color-on-background);margin-top:4px;margin-right:4px}.qs-overlay .qs-overlay-year{font-size:var(--font-size-lg);color:var(--color-on-background)}.qs-overlay .qs-overlay-year:focus-visible{outline:none}.qs-overlay .qs-overlay-month{font-size:var(--font-size-lg);color:var(--color-on-background)}.qs-overlay .qs-submit{border-radius:var(--border-radius-xs);border:none;padding:0.2em;padding-inline-start:var(--spacing-comp-04);padding-inline-end:var(--spacing-comp-04);background:var(--color-primary-enabled);font-size:var(--font-size-lg);transition:background 0.25s}.qs-overlay .qs-submit:hover{background:var(--color-primary-hover)}.qs-overlay .qs-submit.qs-disabled{color:var(--color-on-disabled);background:var(--color-primary-disabled);opacity:1}.qs-overlay-month-container{flex-wrap:wrap;flex-grow:0.8;margin-top:10px;margin-bottom:10px}:host(.large) #date-picker{font-size:var(--font-size-lg);height:var(--spacing-comp-05)}:host(.large) label,:host(.large) .qs-month-year,:host(.large) .qs-square.qs-day,:host(.large) .qs-square{font-size:var(--font-size-lg)}';export{f as gxg_date_picker}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as e,H as o,g as r}from"./p-f9f51980.js";import{e as n}from"./p-d8501cb4.js";const s=class{constructor(e){t(this,e),this.toggleIconClicked=i(this,"toggleIconClicked",7),this.selectionChanged=i(this,"selectionChanged",7),this.doubleClicked=i(this,"doubleClicked",7),this.checkboxToggled=i(this,"checkboxToggled",7),this.parts={item:"item",checkbox:"checkbox",toggleButton:"toggle-button"},this.checkbox=void 0,this.checked=void 0,this.opened=void 0,this.toggleCheckboxes=void 0,this.disabled=void 0,this.leaf=!1,this.selected=!1,this.numberOfChildren=0,this.hasChildTree=!1,this.indeterminate=!1,this.horizontalLinePaddingLeft=0,this.lastTreeItem=!1,this.lastTreeItemOfParentTree=!1,this.numberOfVisibleDescendantItems=0,this.time=0,this.downloading=!1,this.lazy=!1,this.parentTreeIsMasterTree=!1,this.numberOfParentTrees=1,this.firstItem=!1,this.lastItem=!1,this.leftPadding="0px",this.verticalLineStartPosition="0px",this.horizontalLineWidth="24px",this.horizontalLineStartPosition="0px",this.evaluateId=()=>{this.id||(this.id=this.el.getAttribute("id"))},this.evaluateLazy=()=>{this.leaf||0!==this.numberOfChildren||(this.lazy=!0,this.opened=!1)},this.observer=new MutationObserver((t=>{for(const i of t)"childList"===i.type&&(this.lazy=!1,this.opened=!0,this.reRender())})),this.initiateMutationObserver=()=>{this.observer.observe(this.el,{childList:!0,subtree:!0})},this.evaluateCheckboxStatus=()=>{const t=this.el.querySelectorAll("gxg-tree-item");let i=0;(null==t?void 0:t.length)&&(Array.from(t).forEach((t=>{t.checked&&i++})),t.length===i?(this.checked=!0,this.indeterminate=!1):0===i?(this.checked=!1,this.indeterminate=!1):this.indeterminate=!0)},this.cascadeConfig=()=>{const t=this.el.parentElement;this.checkbox=void 0!==this.checkbox?this.checkbox:t.checkbox,this.checked=void 0!==this.checked?this.checked:t.checked,this.opened=void 0!==this.opened?this.opened:t.opened,this.toggleCheckboxes=void 0!==this.toggleCheckboxes?this.toggleCheckboxes:t.checkbox},this.attachExportParts=()=>{const t=this.el.getAttribute("part"),i=n(t,this.parts);i.length&&(this.exportparts=i)},this.defineLineHeight=()=>{let t=11.5;this.parentTreeIsMasterTree&&(t=0,this.lastItem&&(t=11));let i=0;if(!this.leaf&&!this.lazy){const t=this.el.querySelectorAll("gxg-tree-item").length,e=this.el.querySelector(":scope > gxg-tree").querySelectorAll(":scope > gxg-tree-item");i=this.parentTreeIsMasterTree?t:t-e[e.length-1].querySelectorAll("gxg-tree-item").length}this.lineHeight=24.2*i-t+"px"},this.defineStartPosition=()=>{let t=0,i=13;this.numberOfParentTrees>1?(t=45*(this.numberOfParentTrees-1),this.numberOfParentTrees>2&&(i=t-36)):t=5,this.verticalLineStartPosition=`${t+7}px`,this.leftPadding=`${t}px`,this.horizontalLineStartPosition=`${i}px`},this.checkboxClickedHandler=()=>{this.checkbox&&(this.checked=!this.checked,this.leaf||this.toggleChildrenCheckboxes(this.checked),this.checkboxToggled.emit({id:this.el.id,label:this.el.label,checked:this.checked,selected:this.selected}))}}checkboxToggledHandler(){this.evaluateCheckboxStatus()}componentWillLoad(){this.numberOfParentTrees=this.getParentsNumber(),this.numberOfChildren=this.getChildrenNumber(),null===this.el.nextElementSibling&&(this.lastTreeItem=!0),1===this.numberOfParentTrees&&(this.parentTreeIsMasterTree=!0,null===this.el.previousElementSibling&&(this.firstItem=!0)),this.el.nextElementSibling||(this.lastItem=!0),this.evaluateId(),this.evaluateLazy(),this.defineLineHeight(),this.defineStartPosition(),this.cascadeConfig(),this.attachExportParts(),this.initiateMutationObserver()}getParentsNumber(){var t;let i=0,e=this.el.parentElement;for(;"GXG-TREE"===(null==e?void 0:e.nodeName);)i++,e=null===(t=e.parentElement)||void 0===t?void 0:t.parentElement;return i}getChildrenNumber(){if(0===this.numberOfChildren)return this.el.querySelectorAll("gxg-tree-item").length}toggleClickedHandler(t){this.toggleIconClicked.emit({id:this.id,lazy:this.lazy}),this.lazy&&!this.opened&&(this.downloading=!0),this.lazy||(this.opened=!this.opened)}async reRender(){this.defineLineHeight()}liTextClickedHandler(t){t.target.classList.contains("toggle-icon")||"GXG-FORM-CHECKBOX"===t.target.nodeName||(!t.ctrlKey&&this.selected||this.selectionChanged.emit({id:this.id,label:this.label,checked:this.checked,selected:!this.selected,ctrlKey:t.ctrlKey}),t.ctrlKey?this.selected=!this.selected:this.selected||(this.selected=!0))}liTextDoubleClicked(t){this.doubleClicked.emit({id:this.id}),!this.leaf&&this.toggleClickedHandler(t)}liTextKeyDownPressed(t){if("ArrowDown"!==t.key&&"ArrowUp"!==t.key||t.preventDefault(),"Enter"===t.key&&this.checkboxClickedHandler(),"ArrowRight"!==t.key||this.leaf||(this.opened?this.el.querySelector("gxg-tree").querySelector("gxg-tree-item").shadowRoot.querySelector(".li-text").focus():this.opened=!0,this.toggleIconClicked.emit({id:this.id})),"ArrowLeft"===t.key){let t=!1;const i=this.el.parentElement.parentElement;let e=null;"GXG-TREE-ITEM"===i.tagName&&(t=!0,e=i.shadowRoot.querySelector(".li-text")),this.leaf?t&&e.focus():this.el.shadowRoot.querySelector("li").classList.contains("tree-open")?this.opened=!1:t&&e.focus(),this.toggleIconClicked.emit({id:this.id})}if(("ArrowUp"===t.key||"Tab"===t.key&&t.shiftKey)&&(t.preventDefault(),!this.firstItem)){let i;const e=this.el.previousElementSibling;if(t.shiftKey&&"Tab"!==t.key)null!==e&&(i=e.shadowRoot.querySelector("li .li-text"));else if(null===e)i=this.el.parentElement.parentElement.shadowRoot.querySelector("li .li-text");else if(i=e.shadowRoot.querySelector("li .li-text"),null!==e&&e.hasChildTree)if(e.opened){const t=this.el.previousElementSibling.querySelector("gxg-tree");i=t.lastElementChild.hasChildTree&&t.lastElementChild.shadowRoot.querySelector("li").classList.contains("tree-open")?t.lastElementChild.querySelector("gxg-tree").lastElementChild.shadowRoot.querySelector("li .li-text"):t.lastElementChild.shadowRoot.querySelector("li .li-text")}else i=this.el.previousElementSibling.shadowRoot.querySelector("li .li-text");null!=i&&i.focus()}if("ArrowDown"===t.key||"Tab"===t.key&&!t.shiftKey)if(t.preventDefault(),this.lastTreeItemOfParentTree)!this.leaf&&this.opened&&this.el.firstElementChild.firstElementChild.shadowRoot.querySelector("li .li-text").focus();else{let i;if(t.shiftKey)null!==this.el.nextElementSibling&&(i=this.el.nextElementSibling.shadowRoot.querySelector("li .li-text"));else if(this.lastTreeItem)if(this.hasChildTree&&this.opened)i=this.el.firstElementChild.firstElementChild.shadowRoot.querySelector(".li-text");else{const t=this.el.parentElement.parentElement,e=t.nextElementSibling;null===e?null!==t.parentElement.parentElement.nextElementSibling&&(i=t.parentElement.parentElement.nextElementSibling.shadowRoot.querySelector(".li-text")):i=e.shadowRoot.querySelector(".li-text")}else i=this.hasChildTree&&this.opened?this.el.querySelector("gxg-tree gxg-tree-item").shadowRoot.querySelector("li .li-text"):this.el.nextElementSibling.shadowRoot.querySelector(".li-text");null!=i&&i.focus()}}returnToggleIconType(){return!this.opened||this.lazy?"gemini-tools/add":"gemini-tools/minus"}toggleChildrenCheckboxes(t){this.indeterminate=!1;const i=this.el.querySelectorAll("gxg-tree-item");(null==i?void 0:i.length)&&Array.from(i).forEach((i=>{i.indeterminate=!1,i.checked=t}))}render(){return e(o,{class:{leaf:this.leaf,"not-leaf":!this.leaf},exportParts:this.exportparts?this.exportparts:null},e("li",{class:{"tree-open":this.opened,"tree-closed":!this.opened,disabled:this.disabled}},e("div",{class:{"li-text":!0,"li-text--not-leaf":!this.leaf,"li-text--leaf":this.leaf,"li-text--first-tree-item":this.firstItem,"li-text--has-child-tree":this.hasChildTree,"li-text--selected":this.selected},style:{paddingLeft:this.leftPadding},onClick:this.liTextClickedHandler.bind(this),onDblClick:this.liTextDoubleClicked.bind(this),onKeyDown:this.liTextKeyDownPressed.bind(this),tabIndex:-1,part:this.parts.item},this.leaf?null:[e("span",{class:{"vertical-line":!0},style:{height:this.lineHeight,left:this.verticalLineStartPosition}}),e("div",{class:{"closed-opened-icons":!0}},e("gxg-icon",{onClick:this.toggleClickedHandler.bind(this),type:this.returnToggleIconType(),color:"auto",class:"icon toggle-icon",part:this.parts.toggleButton}))],this.numberOfParentTrees>1?e("span",{class:{"horizontal-line":!0},style:{left:this.horizontalLineStartPosition,width:this.horizontalLineWidth}}):null,this.checkbox?e("gxg-form-checkbox",{checked:this.checked,class:{checkbox:!0},tabIndex:-1,indeterminate:this.indeterminate,disabled:this.disabled,onClick:this.checkboxClickedHandler,part:this.parts.checkbox}):null,this.icon?e("gxg-icon",{type:this.icon,color:"auto",class:"icon icon--left",style:{"--icon-size":"14px"}}):null,this.downloading&&this.lazy?e("span",{class:"loading"}):null,e("span",{class:"text"},e("slot",null))),e("slot",{name:"tree"}),this.treeModel?this.treeModel:null))}static get assetsDirs(){return["tree-item-assets"]}get el(){return r(this)}};s.style='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}:host{--text-color:var(--color-on-background);--font-family:"Source Sans Pro", sans-serif;--font-weight:normal;--font-size:12px;--guide-color:var(--gray-06);--item-hover-color:var(--gray-01);--item-active-color:var(--silverGray);color:var(--color-on-background);width:100%;display:block}:host li{list-style:none;font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);color:var(--text-color);overflow:hidden}:host li>::slotted(gxg-tree){display:none}:host li.tree-open>::slotted(gxg-tree){display:block}:host li.tree-closed .vertical-line{display:none}:host li .li-text{min-height:24px;cursor:pointer;display:flex;align-items:center;position:relative;padding-inline-end:var(--spacing-comp-01)}:host li .li-text:hover{background-color:var(--item-hover-color)}:host li .li-text:active{background-color:var(--gxg-color-selected)}:host li .li-text:focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}:host li .li-text--selected{background-color:var(--gxg-color-selected)}:host li .li-text>*{flex-shrink:0}:host li .vertical-line{position:absolute;width:1px;height:0;top:23px;left:15px;z-index:1;background-image:linear-gradient(var(--guide-color) 28%, rgba(255, 255, 255, 0) 0%);background-position:right;background-size:1px 4px;background-repeat:repeat-y}:host li .horizontal-line{position:absolute;height:1px;top:11px;z-index:1;background-image:linear-gradient(to right, var(--guide-color) 33%, rgba(255, 255, 255, 0) 0%);background-position:bottom;background-size:3px 1px;background-repeat:repeat-x}:host li .horizontal-line.display-none{display:none}:host li .closed-opened-icons{position:relative;display:flex;margin-left:-2px}:host li .toggle-icon{position:relative;z-index:2;transform:scale(0.75, 0.75);margin-inline-end:var(--spacing-comp-00);transition-property:opacity;transition-duration:0.5s;transition-timing-function:ease;background-color:var(--color-hover)}:host li .toggle-icon:hover{background-color:var(--color-background)}:host .checkbox{margin-inline-end:var(--spacing-comp-01)}:host .icon--left{margin:0 var(--spacing-comp-01) 0 var(--spacing-comp-00)}:host .right-icon{margin-inline-start:auto;position:relative;top:0;transition-property:top;transition-duration:0.5s;transition-timing-function:ease}:host .loading{opacity:1;display:inline;z-index:1;margin-inline-end:var(--spacing-comp-01);border-radius:50%;width:8px;height:8px;border:0.18rem solid var(--gray-04);border-top-color:var(--gray-01);animation:spin 1s infinite linear}:host .loading--double{border-style:double;border-width:0.5rem}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host([disabled]) li .text{color:var(--darkGray)}:host([disabled]) .toggle-icon{pointer-events:none}';export{s as gxg_tree_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as r,h as e,H as i,g as o}from"./p-f9f51980.js";import{f as s}from"./p-cc7d6bdf.js";import{f as a,c as n}from"./p-e7e4f76c.js";import{r as l}from"./p-925cb9fe.js";import{s as c}from"./p-8d3073b6.js";import"./p-6a84b339.js";const g=class{constructor(e){t(this,e),this.selectionChanged=r(this,"selectionChanged",7),this.checkedChanged=r(this,"checkedChanged",7),this.theTitle="",this.minHeight="0",this.height="100%",this.maxHeight="100%",this.checkboxes=!1,this.singleSelection=!1,this.allowsEmpty=!1,this.noBorder=!1,this.keyboardSuggestions={checkCheckbox:"to check a checkbox press (shift + space)",uncheckCheckbox:"to uncheck a checkbox press (shift + ctrl + space)"},this.disableSuggestions=!1,this.selectedItems=[],this.checkedItems=[],this.hideKeyboardSuggestions=!0,this.userUsedKeyboard=!1,this.headerHeight=0,this.disabled=!1,this.formMessageLogic=s,this.required=!1,this.validationStatus="indeterminate",this.initialSetup=()=>{const t=this.getAllItems();(null==t?void 0:t.length)&&t.forEach(((t,r)=>{t.index=r}));const r=!this.allowsEmpty&&0===this.selectedItemsLength(),e=this.singleSelection&&this.selectedItemsLength()>1,i=this.checkboxes,o=this.disabled;if(r||i||e||o){const t=this.getEnabledItems(),s=this.getSelectedItemsFunc();if(r){const r=t.find((t=>!t.selected));r&&(r.selected=!0)}else e&&(null==s?void 0:s.length)&&s.forEach(((t,r)=>{0!==r&&(t.selected=!1)}));i&&t.forEach((t=>{t.checkbox=!0,!this.disableSuggestions&&(t.emitCheckboxChange=!0)})),o&&t.forEach((t=>{t.disabled=!0}))}this.selectedItemsLength()>0&&this.updateSelectedItems()},this.handleKeyDown=t=>{this.userUsedKeyboard=!0;const r=t.ctrlKey,e=t.metaKey,i=t.shiftKey,o=this.getIndexByElement(this.activeItem);if("ArrowDown"!==t.code&&"ArrowUp"!==t.code&&"Space"!==t.code&&"Enter"!==t.code&&"Backspace"!==t.code&&"Delete"!==t.code&&"KeyA"!==t.code||t.preventDefault(),"ArrowDown"===t.code||"ArrowUp"===t.code)this.HandleArrow(t.code,i,o);else if("Space"===t.code||"Enter"===t.code){if(i&&r)this.setCheckboxState(this.getHighlightedItems(),!1)>0&&(this.hideKeyboardSuggestions=!0);else if(i&&!r)this.setCheckboxState(this.getHighlightedItems(),!0)>0&&(this.hideKeyboardSuggestions=!0);else if(!i&&(r||e)&&this.selectedItemsLength()>=1)this.unselectHighlightedItems();else if(!r&&!e)if(this.singleSelection){if(this.activeItem===this.getSelectedItemsFunc()[0])return;this.clearSelectedItems(),this.selectItems(this.activeItem)}else r||e?this.clearHighlightedItems():this.selectHighlightedItems()}else"KeyA"!==t.code||!r&&!e||this.singleSelection?"Delete"!==t.code&&"Backspace"!==t.code||this.unselectHighlightedItems():this.highlightAll()},this.HandleArrow=(t,r,e)=>{let i;e>=0?i="ArrowDown"===t?this.getNextItem(e):this.getPrevItem(e):"ArrowDown"===t&&(i=this.getFirstEnabledItem()),i&&(this.singleSelection&&!this.allowsEmpty&&i!==this.getSelectedItemsFunc()[0]&&this.clearSelectedItems(),r&&!this.singleSelection&&(!this.activeItem.selected&&this.selectItems(this.activeItem),!i.selected&&this.selectItems(i)),this.unhighlightAll(),this.setActiveItem(i),this.highlightItem(i),!(this.singleSelection||!this.singleSelection&&r)||i.selected||this.allowsEmpty||this.selectItems(i),l(this.main,i,t))},this.selectedItemsLength=()=>this.getSelectedItemsFunc().length,this.getIndexByElement=t=>{let r;const e=this.getEnabledItems();if(null==e?void 0:e.length){const i=e.find((r=>r===t));i&&(r=i.index)}return r},this.updateSelectedItems=()=>{const t=[];this.getSelectedItemsFunc().forEach((r=>{t.push({active:r.active,selected:r.selected,checked:r.checked,highlighted:r.highlighted,index:r.index,value:r.value||r.textContent})})),this.selectedItems=[...t]},this.getAllItems=()=>{const t=[],r=this.el.querySelectorAll("gxg-list-box-item");return(null==r?void 0:r.length)&&r.forEach((r=>{t.push(r)})),t}}async getSelectedItems(){return this.disabled?null:this.selectedItems}componentDidRender(){this.theTitle&&(this.headerHeight=this.header.clientHeight)}componentWillLoad(){this.initialSetup()}itemLoadedHandler(){this.initialSetup()}itemClickedHandler(t){const{clickedItem:r,ctrlKey:e,cmdKey:i,shiftKey:o,index:s}=t.detail;if(this.singleSelection){if(this.activeItem===r&&!this.allowsEmpty)return;this.allowsEmpty&&(e||i)?this.unselectItems(r):(this.clearHighlightedItems(),this.clearSelectedItems(),this.selectItems(r),this.highlightItem(r))}else if(!o&&e||(this.clearHighlightedItems(),this.clearSelectedItems()),o){if(this.activeItem===r)return;let t;const e=s;if(this.activeItem){const r=this.getIndexByElement(this.activeItem);if(s===r)return;t=r}else t=0;this.selectMultipleItems(t,e)}else if(e){if(!this.allowsEmpty&&1===this.selectedItemsLength()&&r.selected)return;this.unhighlightItem(this.activeItem),this.toggleItem(r),this.highlightItem(r)}else this.selectItems(r),this.highlightItem(r);this.setActiveItem(r)}selectedItemsHandler(t){this.selectionChanged.emit(t)}checkedItemsHandler(t){this.checkedChanged.emit(t)}disabledHandler(t){if(t){const t=this.getEnabledItems();null==t||t.forEach((t=>{t.disabled=!0}))}}hideKeyboardSuggestionsHandler(t,r){!0===t&&!1===r&&localStorage.setItem("gxg-list-box-hide-keyboard-suggestions","true")}checkboxStateChangedHandler(t){const r=t.detail.checkedItem,e=t.detail.checked,i=[],o=this.getEnabledItems();(null==o?void 0:o.length)&&(o.forEach((t=>{let o;o=t===r?r:t;const s=t===r?e:o.checked;o&&s&&i.push({active:o.active,selected:o.selected,checked:s,highlighted:o.highlighted,index:o.index,value:o.value||o.textContent})})),this.checkedItems=i),localStorage.getItem("gxg-list-box-hide-keyboard-suggestions")||this.disableSuggestions||!this.userUsedKeyboard||(this.hideKeyboardSuggestions=!1)}clearSelectedItems(t=!1){const r=this.el.querySelectorAll(t?"gxg-list-box-item[selected]:not([highlighted])":"gxg-list-box-item[selected]");r.length>0&&r.forEach((t=>{this.unselectItems(t)}))}getSelectedItemsFunc(){const t=[],r=this.getEnabledItems();return(null==r?void 0:r.length)&&r.forEach((r=>{!r.disabled&&r.selected&&t.push(r)})),t}highlightItem(t,r=!1){t&&(this.singleSelection&&this.clearHighlightedItems(),t.highlighted=!0,!r&&(this.activeItem=t))}unhighlightItem(t){t&&(t.highlighted=!1)}unhighlightAll(t=!1){const r=this.getEnabledItems();return(null==r?void 0:r.length)?(r.forEach((r=>{(!t||r!==this.activeItem)&&(r.highlighted=!1)})),r.length):0}toggleHighlightedItems(){this.getHighlightedItems().forEach((t=>{this.toggleItem(t)}))}selectHighlightedItems(){return this.selectItems(this.getHighlightedItems())}unselectHighlightedItems(){return this.unselectItems(this.getHighlightedItems())}clearHighlightedItems(){const t=this.getEnabledItems();(null==t?void 0:t.length)&&t.forEach((t=>{t.highlighted&&this.unhighlightItem(t)}))}getHighlightedItems(){const t=[],r=this.getEnabledItems();return(null==r?void 0:r.length)&&r.forEach((r=>{r.highlighted&&t.push(r)})),t}getHighlightedItemsLength(){return this.getHighlightedItems().length}highlightAll(){let t=0;const r=this.getEnabledItems();return(null==r?void 0:r.length)&&r.forEach((r=>{this.highlightItem(r,!0),t++})),t}getItemByIndex(t){const r=this.getEnabledItems();let e;return(null==r?void 0:r.length)&&(e=r.find((r=>r.index===t))),e}getNextItem(t){const r=this.getAllItems();if(-1===t)return r[0];const e=r.length;let i=t+1;for(;i<e&&r[i].disabled;)i++;return i<e&&!r[i].disabled?r[i]:null}getPrevItem(t){const r=this.getAllItems();let e=t-1;for(;e>-1&&r[e].disabled;)e--;return e>-1&&!r[e].disabled?r[e]:null}selectItems(t){let r=0;return t&&Array.isArray(t)&&t.length>0?t.forEach((t=>{t.selected||t.disabled||(t.selected=!0)&&r++,this.activeItem!==t&&this.unhighlightItem(t)})):t&&!Array.isArray(t)&&(t.selected||t.disabled||(t.selected=!0)&&r++,this.activeItem!==t&&this.unhighlightItem(t)),this.updateSelectedItems(),r}unselectItems(t){let r=0,e=this.selectedItemsLength();return t&&Array.isArray(t)&&t.length>0&&e>0?t.forEach((t=>{t.selected&&!t.disabled&&(this.allowsEmpty?(t.selected=!1,r++):e>1&&(t.selected=!1,r++,e--)),this.activeItem!==t&&this.unhighlightItem(t)})):t&&!Array.isArray(t)&&(t.selected&&!t.disabled&&(t.selected=!1,r++),this.activeItem!==t&&this.unhighlightItem(t)),r>0&&this.updateSelectedItems(),r}toggleItem(t){(null==t?void 0:t.selected)?this.unselectItems(t):this.selectItems(t)}getActiveItem(){return this.getEnabledItems().find((t=>t.active))}setActiveItem(t){return!!t&&(this.clearActiveItem(),t.active=!0,this.activeItem=t,!0)}clearActiveItem(){const t=this.getActiveItem();return!!t&&(t.active=!1,!0)}getEnabledItems(){const t=[];return this.el.querySelectorAll("gxg-list-box-item").forEach((r=>{!r.disabled&&t.push(r)})),t}setCheckboxState(t,r=!0){if(t&&Array.isArray(t)&&0!==t.length){let e=0;return t.forEach((t=>{!t.checked&&r?(t.checked=!0,e++):t.checked&&!r&&(t.checked=!1,e++)})),e}if(!t||!Array.isArray(t)){const e=t;if(!e.checked&&r)return e.checked=!0,1;if(e.checked&&!r)return e.checked=!1,1}return 0}getFirstEnabledItem(){return this.getEnabledItems()[0]||null}getFirstSelectedItem(){const t=this.getEnabledItems();if((null==t?void 0:t.length)&&t[0].selected)return t[0]}selectMultipleItems(t,r){let e=r;const i=[];if(t!==r){if(t>r){const i=t;t=r,r=i,e=t}for(let o=t;o<=r;o++){const t=this.getItemByIndex(o);t&&i.push(t),o===e&&this.highlightItem(t)}(null==i?void 0:i.length)>0&&this.selectItems(i)}}renderKeyboardSuggestions(){if(Object.keys(this.keyboardSuggestions).length){const t=[];for(const r in this.keyboardSuggestions){const i=e("li",{class:"suggestions-__list-item"},this.keyboardSuggestions[r]);t.push(i)}return e("div",{class:"suggestions suggestions__container"},e("ul",{class:"suggestions__list"},t),e("gxg-button",{class:"suggestions__button",type:"secondary-icon-only",icon:"gemini-tools/close",onClick:()=>this.hideKeyboardSuggestions=!0}))}}render(){return e(i,{class:{large:c.large,[a.VALIDATION_INDETERMINATE_CLASS]:"indeterminate"===this.validationStatus,[a.VALIDATION_WARNING_CLASS]:"warning"===this.validationStatus,[a.VALIDATION_ERROR_CLASS]:"error"===this.validationStatus,[a.VALIDATION_SUCCESS_CLASS]:"success"===this.validationStatus,[n.DISABLED_CLASS]:this.disabled},onKeyDown:this.handleKeyDown,style:{minHeight:this.minHeight,height:this.height,maxHeight:this.maxHeight}},e("div",{class:{container:!0,"form-element":!0},tabindex:this.disabled?"-1":"0"},this.theTitle?e("header",{class:{header:!0},ref:t=>this.header=t},this.theTitle):null,this.disableSuggestions||this.hideKeyboardSuggestions?null:this.renderKeyboardSuggestions(),e("main",{class:{main:!0,"main--no-border":this.noBorder},style:{height:`calc(100% - ${this.headerHeight}px)`},ref:t=>this.main=t},e("slot",null))),s(this))}get el(){return o(this)}static get watchers(){return{selectedItems:["selectedItemsHandler"],checkedItems:["checkedItemsHandler"],disabled:["disabledHandler"],hideKeyboardSuggestions:["hideKeyboardSuggestionsHandler"]}}};g.style=":host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--color-background-disabled) !important;color:var(--color-on-background--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}:host(.gxg-validation--warning) .form-element{border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-warning-dark)}:host(.gxg-validation--error) .form-element{border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-error-dark)}:host(.gxg-validation--success) .form-element{border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-success-dark)}:host{display:block;font-size:var(--font-size-sm);font-family:var(--font-family-primary);background-color:var(--color-background);color:var(--color-on-background)}:host .container{height:100%;border:var(--border-radius-xs) var(--border-style-regular) var(--gray-02)}:host .header{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;background-color:var(--gray-02);padding:var(--spacing-comp-01) var(--spacing-comp-02);text-transform:uppercase;font-size:inherit;font-weight:var(--font-weight-bold);color:var(--color-on-background)}:host .main{overflow-y:auto;}:host .main::-webkit-scrollbar{width:6px;height:6px}:host .main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}:host .main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}:host .main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host .main .gxg-scroll{display:block;overflow-y:auto;padding-right:2px}:host .main--no-border{border:none}:host .icon{margin-inline-end:var(--spacing-comp-01)}:host .checkbox{margin-inline-end:var(--spacing-comp-01)}:host.selected{background-color:var(--color-secondary-active);color:var(--color-always-white)}.container:focus-within{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:0}.suggestions__container{background-color:var(--gray-01);color:var(--gray-06);font-family:inherit;font-size:var(--font-size-sm);padding:var(--spacing-comp-01) var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);align-items:center}.suggestions__list{margin:0;padding:0;list-style-type:none;flex-grow:1}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}:host(.large){font-size:var(--font-size-lg)}";export{g as gxg_list_box}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,c as o,h as i,H as a,g as n}from"./p-f9f51980.js";const s=class{constructor(i){r(this,i),this.breadcrumbClicked=o(this,"breadcrumbClicked",7)}breadcrumbClickedFunc(){this.breadcrumbClicked.emit({id:this.id})}render(){return i(a,null,i("div",{class:{container:!0},onClick:()=>this.breadcrumbClickedFunc()},void 0!==this.icon?i("gxg-icon",{class:{"custom-icon":!0},type:this.icon,size:"regular",color:"auto"}):null,i("slot",null)),i("gxg-icon",{class:{"arrow-icon":!0},type:"navigation/chevron-right"}))}get el(){return n(this)}};s.style=":host{display:inline-flex;align-items:center}:host .container{display:flex;font-family:var(--font-family-primary);font-size:var(--font-size-sm);background-color:var(--gray-01);height:var(--spacing-comp-05);border-radius:var(--border-radius-lg);color:var(--color-on-secondary);align-items:center;justify-content:center;padding-left:var(--spacing-comp-02);padding-right:var(--spacing-comp-02);cursor:pointer}:host .container:hover{background-color:var(--gray-02)}:host .container .custom-icon{margin-right:var(--spacing-comp-01)}:host(:last-child) .arrow-icon{display:none}";export{s as gxg_breadcrumb}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as o,H as n,g as r}from"./p-f9f51980.js";import{s as i}from"./p-8d3073b6.js";import{e as a}from"./p-d8501cb4.js";const e=class{constructor(o){t(this,o),this.parts={button:"button",caption:"caption"},this.alwaysBlack=!1,this.disabled=!1,this.fit=!1,this.fullWidth=!1,this.negative=!1,this.type="primary-text-only",this.buttonStylesEditable=!1,this.mouseEnter=!1,this.focusIn=!1,this.noTabIndex=!1,this.attachExportParts=()=>{const t=this.el.getAttribute("part"),o=a(t,this.parts);o.length&&(this.exportparts=o)}}componentWillLoad(){"-1"===this.el.getAttribute("tabindex")&&(this.noTabIndex=!0),this.attachExportParts()}componentDidLoad(){if(("primary-icon-only"===this.type||"secondary-icon-only"===this.type)&&this.el.querySelector(":scope > [slot='icon']")){const t=this.el.querySelector(":scope > [slot='icon']").getAttribute("type");this.el.setAttribute("aria-label",t)}this.buttonStylesEditable&&this.el.shadowRoot.querySelector("button").setAttribute("part","native-button")}emptyDiv(){return o("div",{style:{height:"20px"}})}regularIcon(){if("primary-text-only"!==this.type&&"secondary-text-only"!==this.type&&void 0!==this.icon)return o("gxg-icon",{type:this.icon,color:this.iconColor(),size:this.iconSize(),part:"icon"})}iconSize(){let t;return t="secondary-icon-only"===this.type||"tertiary"===this.type?"regular":"small",t}iconColor(){let t;return this.type.includes("primary")?(t="negative",this.disabled&&(t="ondisabled")):this.type.includes("secondary")?t=this.disabled?"disabled":this.mouseEnter?"primary-hover":this.focusIn?"primary-active":"primary-enabled":this.type.includes("tertiary")?t=this.disabled?"disabled":this.alwaysBlack?"alwaysblack":this.negative?"negative":"onbackground":this.type.includes("outlined")&&(t="primary-active",this.disabled&&(t="ondisabled")),t}clickHandler(t){this.disabled&&t.preventDefault()}onMouseEnter(){this.mouseEnter=!0}onMouseLeave(){this.mouseEnter=!1}onFocusIn(){this.focusIn=!0,this.mouseEnter=!1}onFocusOut(){this.focusIn=!1}render(){return o(n,{role:"button",class:{button:!0,"button--primary-text-only":"primary-text-only"===this.type,"button--primary-text-icon":"primary-text-icon"===this.type,"button--primary-icon-only":"primary-icon-only"===this.type,"button--secondary-text-only":"secondary-text-only"===this.type,"button--secondary-text-icon":"secondary-text-icon"===this.type,"button--secondary-icon-only":"secondary-icon-only"===this.type,"button--outlined":"outlined"===this.type,"button--outlined-text-icon":"outlined-text-icon"===this.type,"button--disabled":!0===this.disabled,"button--tertiary":"tertiary"===this.type,"button--fullwidth":!0===this.fullWidth,"button--fit":this.fit,"button--icon-only":"primary-icon-only"===this.type||"secondary-icon-only"===this.type||"tertiary"===this.type,large:i.large},onClick:this.clickHandler.bind(this),onMouseEnter:this.onMouseEnter.bind(this),onMouseLeave:this.onMouseLeave.bind(this),onfocusin:this.onFocusIn.bind(this),onfocusout:this.onFocusOut.bind(this),exportParts:this.exportparts?this.exportparts:null},this.disabled?o("div",{class:"disabled-layer"}):null,o("button",{class:{"button-native":!0,"gxg-text-general":!0,"no-tab-index":this.noTabIndex},disabled:!0===this.disabled,ref:t=>this.button=t,part:this.parts.button},this.emptyDiv(),this.regularIcon(),this.type.includes("text")||"outlined"===this.type?o("span",{part:this.parts.caption,class:"text"},o("slot",null)):null))}static get delegatesFocus(){return!0}get el(){return r(this)}};e.style="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}:host{--gxg-button-icon-size:20px;display:inline-block;line-height:0;position:relative}:host .ghost-icon{width:0}:host(.button) .button-native{width:100%;height:100%;--svg-icon-regular-scale:var(\n --svg-icon-small-scale\n );position:relative;font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em;background:var(--color-primary-enabled);border:0;box-shadow:inset 0px 0px 0px 1px transparent;border-radius:var(--border-radius-xs);display:inline-flex;align-items:center;justify-content:center;padding-top:2.5px;padding-right:var(--spacing-comp-03);padding-bottom:2.5px;padding-left:var(--spacing-comp-03);line-height:var(--line-height-regular);transition:background var(--ui-animaton-speed) ease, color var(--ui-animaton-speed) ease, box-shadow var(--ui-animaton-speed) ease;}:host(.button) .button-native:hover:not([disabled]){background:var(--color-primary-hover);cursor:pointer}:host(.button) .button-native:focus:not([disabled]):not(.no-tab-index){background:var(--color-primary-enabled);outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}:host(.button) .button-native:active:not([disabled]){background:var(--color-primary-active)}:host(.button.button--disabled) .button-native{background:var(--color-primary-disabled);color:var(--color-primary-disabled);pointer-events:none}:host(.button.button--disabled){pointer-events:none}:host(.button--primary-text-only) .button-native{color:var(--color-on-primary);padding-inline-start:var(--spacing-comp-04);padding-inline-end:var(--spacing-comp-04)}:host(.button--primary-text-only.button--disabled) .button-native{color:var(--color-on-disabled)}:host(.button--primary-text-icon) .button-native{color:var(--color-on-primary);padding-inline-start:var(--spacing-comp-01);padding-inline-end:var(--spacing-comp-02)}:host(.button--primary-text-icon) .button-native gxg-icon:not(.ghost-icon){padding-inline-end:var(--spacing-comp-01)}:host(.button--primary-text-icon.button--disabled) .button-native{color:var(--color-on-disabled)}:host(.button--primary-icon-only) .button-native{background:var(--color-primary-enabled);color:var(--color-on-primary)}:host(.button--primary-icon-only) .button-native:hover:not([disabled]){background:var(--color-primary-hover);color:var(--color-primary-hover)}:host(.button--primary-icon-only) .button-native:focus:not([disabled]):not(.no-tab-index){background:var(--color-primary-enabled);color:var(--color-primary-hover)}:host(.button--primary-icon-only) .button-native:active:not([disabled]){background:var(--color-primary-active);color:var(--color-on-primary)}:host(.button--primary-icon-only) .button-native:focus{outline:none}:host(.button--secondary-text-only) .button-native{background:transparent;padding-inline-start:var(--spacing-comp-04);padding-inline-end:var(--spacing-comp-04)}:host(.button--secondary-text-only) .button-native:hover:not([disabled]){color:var(--color-primary-hover);background:transparent}:host(.button--secondary-text-only) .button-native:focus:not([disabled]):not(.no-tab-index){color:var(--color-primary-active);background:transparent;box-shadow:var(--box-shadow-values) var(--color-primary-active)}:host(.button--secondary-text-only) .button-native:active:not([disabled]){color:var(--color-primary-active);box-shadow:none}:host(.button--secondary-text-only) .button-native:focus{outline:none}:host(.button--secondary-text-only.button--disabled) .button-native{background:transparent;color:var(--color-primary-disabled)}:host(.button--secondary-text-icon) .button-native{background:transparent;padding-inline-start:0;padding-inline-start:var(--spacing-comp-01);padding-inline-end:var(--spacing-comp-02)}:host(.button--secondary-text-icon) .button-native gxg-icon:not(.ghost-icon){padding-inline-end:var(--spacing-comp-01)}:host(.button--secondary-text-icon) .button-native:hover:not([disabled]){color:var(--color-primary-hover);background:transparent}:host(.button--secondary-text-icon) .button-native:focus:not([disabled]):not(.no-tab-index){color:var(--color-primary-active);background:transparent;box-shadow:var(--box-shadow-values) var(--color-primary-active)}:host(.button--secondary-text-icon) .button-native:active:not([disabled]){color:var(--color-primary-active);box-shadow:none}:host(.button--secondary-text-icon.button--disabled) .button-native{background:transparent;color:var(--color-primary-disabled)}:host(.button--secondary-text-icon.button--disabled) .button-native gxg-icon{--icon-color:var(--color-primary-disabled)}:host(.button--secondary-icon-only) .button-native{background:transparent}:host(.button--secondary-icon-only) .button-native:hover:not([disabled]){background:transparent}:host(.button--secondary-icon-only) .button-native:focus:not([disabled]):not(.no-tab-index){background:transparent}:host(.button--secondary-icon-only) .button-native:active:not([disabled]){background:transparent}:host(.button--secondary-icon-only.button--disabled) .button-native{background:transparent}:host(.button--outlined) .button-native,:host(.button--outlined-text-icon) .button-native{box-shadow:inset 0px 0px 0px 1px var(--color-primary-enabled);background:var(--color-background);padding-inline-start:var(--spacing-comp-04);padding-inline-end:var(--spacing-comp-04)}:host(.button--outlined) .button-native:hover:not([disabled]),:host(.button--outlined-text-icon) .button-native:hover:not([disabled]){color:var(--color-primary-hover);background:var(--color-primary-hover-opacity-01);box-shadow:inset 0px 0px 0px 1px var(--color-primary-hover)}:host(.button--outlined) .button-native:focus:not([disabled]):not(.no-tab-index),:host(.button--outlined-text-icon) .button-native:focus:not([disabled]):not(.no-tab-index){color:var(--color-primary-active);background:transparent;box-shadow:inset 0px 0px 0px 2px var(--color-primary-active)}:host(.button--outlined) .button-native:active:not([disabled]),:host(.button--outlined-text-icon) .button-native:active:not([disabled]){color:var(--color-primary-active);background:transparent;box-shadow:inset 0px 0px 0px 1px var(--color-primary-active)}:host(.button--outlined) .button-native gxg-icon:not(.ghost-icon),:host(.button--outlined-text-icon) .button-native gxg-icon:not(.ghost-icon){padding-inline-end:var(--spacing-comp-01)}:host(.button--outlined.button--disabled) .button-native,:host(.button--outlined-text-icon.button--disabled) .button-native{box-shadow:inset 0px 0px 0px 1px var(--color-primary-disabled);background:var(--color-transparent);color:var(--color-primary-disabled)}:host(.button--outlined-text-icon) .button-native{padding-inline-start:var(--spacing-comp-03)}:host(.button--tertiary) .button-native{background:transparent;padding-inline-end:0;padding-inline-start:0}:host(.button--tertiary) .button-native:hover:not([disabled]){background:transparent}:host(.button--tertiary) .button-native:hover:not([disabled]) gxg-icon{--color-on-background:var(--gray-05)}:host(.button--tertiary) .button-native:focus:not([disabled]):not(.no-tab-index){background:transparent;box-shadow:var(--box-shadow-values) var(--color-primary-active)}:host(.button--tertiary) .button-native:active:not([disabled]){background:transparent}:host(.button--tertiary.button--disabled) .button-native{background:transparent}:host(.button--fullwidth){display:block}:host(.button--fullwidth) .button-native{width:100%}:host(.button--fit) .button-native{height:100% !important;width:100% !important}:host .icon-tooltip{position:absolute;border-width:0.5px;border-style:solid;border-color:var(--gray-04);color:var(--color-on-background);background-color:var(--gray-01);font-size:8px;font-weight:var(--font-weight-regular);font-family:var(--font-family-primary);padding:1px 5px;width:max-content;left:0;top:20px;display:none;opacity:0;transition-property:opacity;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host(.display-tooltip) .icon-tooltip{display:block}:host(.show-tooltip) .icon-tooltip{opacity:1}:host(.button--icon-only){width:var(--gxg-button-icon-size);height:var(--gxg-button-icon-size)}:host(.button--icon-only) .button-native{padding:0}:host(.large){--gxg-button-icon-size:24px}:host(.large) .button-native{height:var(--spacing-comp-05);font-size:var(--font-size-lg) !important}:host(.button--primary-text-icon.large) .button-native{padding-inline-start:var(--spacing-comp-02);padding-inline-end:var(--spacing-comp-03)}:host(.button--primary-icon-only.large) .button-native{height:var(--spacing-comp-05)}:host(.button--secondary-text-icon.large) .button-native{padding-inline-start:var(--spacing-comp-02);padding-inline-end:var(--spacing-comp-03)}:host(.button--secondary-icon-only.large) .button-native{height:var(--spacing-comp-05)}:host(.button--tertiary.large) .button-native{height:var(--spacing-comp-05)}";export{e as gxg_button}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,c as e,h as i,H as o,g as t}from"./p-f9f51980.js";import{L as a}from"./p-26957490.js";const l=class{constructor(i){r(this,i),this.componentDidRenderEvent=e(this,"componentDidRenderEvent",7),this.hideTopBar=!1}async componentWillLoad(){this._componentLocale=await a.getComponentStrings(this.el)}componentDidRender(){this.componentDidRenderEvent.emit(this._componentLocale.componentName)}render(){return i(o,{class:"gx-ide-component"},this.hideTopBar?null:i("gx-ide-top-bar",{topBarTitle:this._componentLocale.componentName}),i("div",{class:"gx-ide-main-wrapper gx-ide-overflow"},i("gx-ide-container",{fullHeight:!0,"container-title":"Header Title"},i("p",null,"Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis natus nam, veritatis aspernatur consequatur omnis blanditiis! Praesentium, ex labore? Odit, officiis eius rerum pariatur ea dicta possimus perferendis molestiae sunt!q"),i("gxg-form-text",{label:"Name",placeholder:"Elon Musk",labelPosition:"start",centerLabel:!0}),i("gxg-button",{slot:"footer"},"Create"))))}static get assetsDirs(){return["gx-ide-assets/template"]}get el(){return t(this)}};l.style=".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-right:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-right:2px}:host{display:block}";export{l as gx_ide_template}
|